Merge pull request #1688 from itsmdasifraza/feat/refactor-web-setup

Feat/refactor web setup

packages/@sparrow-deprecate/src/assets/index.ts

@@ -1 +1,24 @@
-export * from "./arrow";
+export { default as PlusIcon } from "./plus.svelte";
+export { default as PeopleIcon } from "./people.svelte";
+export { default as TickIcon } from "./tick.svelte";
+export { default as HelpIcon } from "./help.svelte";
+export { default as SaveIcon } from "./save.svelte";
+export { default as NotifyIcon } from "./notify.svelte";
+export { default as SettingIcon } from "./setting.svelte";
+export { default as SearchIcon } from "./search.svelte";
+export { default as CrossIcon } from "./crossicon.svelte";
+export { default as DoubleLeftIcon } from "./double-left.svelte";
+export { default as DoubleRightIcon } from "./double-right.svelte";
+export { default as LeftIcon } from "./left.svelte";
+export { default as RightIcon } from "./right.svelte";
+export { default as ThreeDotIcon } from "./3dot.svelte";
+export { default as LockIcon } from "./lock.svelte";
+export { default as SelectIcon } from "./select.svelte";
+export { default as ShowMoreIcon } from "./showmore.svelte";
+export { default as EditIcon } from "./edit.svelte";
+export { default as UploadIcon } from "./upload.svelte";
+export { default as DeleteIcon } from "./delete.svelte";
+export { default as ReloadCollectionIcon } from "./reload-collection.svelte";
+export { default as GitBranchIcon } from "./git-branch.svelte";
+export { default as PenIcon } from "./pen.svelte";
+export { default as DownArrowIcon } from "./DownArrow.svelte";

packages/@sparrow-deprecate/src/assets/search.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-  export let width: number = 16,
-    height: number = 16,
-    color: string = "#45494D",
-    classProp: string = "";
+  export let width: number = 16;
+  export let height: number = 16;
+  export let color: string = "white";
 </script>
 
 <svg
@@ -11,7 +10,6 @@
   viewBox="0 0 16 16"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
-  class={classProp}
 >
   <g clip-path="url(#clip0_1982_23222)">
     <path
@@ -21,7 +19,7 @@
   </g>
   <defs>
     <clipPath id="clip0_1982_23222">
-      <rect width="16" height="16" fill="white" />
+      <rect {width} {height} fill="white" />
     </clipPath>
   </defs>
 </svg>

packages/@sparrow-library/src/forms/Input/Input.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { SearchIcon } from "@deprecate/assets/icons";
+  import { SearchIcon } from "@deprecate/assets";
   import { PencilIcon } from "@sparrow/library/icons";
   import { createEventDispatcher } from "svelte";
 

packages/@sparrow-library/src/forms/select/Select.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import { tickIcon } from "./svgs";
   import { onDestroy, onMount } from "svelte";
-  import { SearchIcon } from "@deprecate/assets/icons";
+  import { SearchIcon } from "@deprecate/assets";
   import MenuItemsV1 from "./menu-items/MenuItemsV1.svelte";
-  import { GitBranchIcon, DownArrowIcon } from "@deprecate/assets/icons";
+  import { GitBranchIcon, DownArrowIcon } from "@deprecate/assets";
   import MenuItemsv2 from "./menu-items/MenuItemsv2.svelte";
   import { ArrowIcon } from "@sparrow/library/icons";
   import MenuItemsV3 from "./menu-items/MenuItemsV3.svelte";

packages/@sparrow-library/src/ui/dragdrop/DragDrop.svelte

@@ -3,9 +3,9 @@
     DeleteIcon,
     EditIcon,
     UploadIcon,
-  } from "@deprecate/assets/app.asset";
+  } from "@deprecate/assets";
   import { base64ToURL, imageDataToURL } from "@sparrow/common/utils";
-  import { CrossIcon } from "@deprecate/assets/app.asset";
+  import { CrossIcon } from "@deprecate/assets";
 
   export let value: any = [];
   export let labelText: string;

packages/@sparrow-support/src/features/activity-section/layout/ActivitySection.svelte

@@ -10,7 +10,7 @@
   import { UpvoteIcon } from "@sparrow/support/components";
   import FeedbackPost from "../../../features/feedback-section/layout/FeedbackPost.svelte";
   import { onMount } from "svelte";
-  import { SearchIcon } from "@deprecate/assets/app.asset";
+  import { SearchIcon } from "@deprecate/assets";
   import { Select } from "@sparrow/library/forms";
   import { CategoryIcon, StatusIcon } from "@sparrow/library/icons";
   import { Events } from "@sparrow/common/enums/mixpanel-events.enum";

packages/@sparrow-support/src/features/feedback-section/layout/FeedbackFilters.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { SearchIcon } from "@deprecate/assets/app.asset";
+  import { SearchIcon } from "@deprecate/assets";
   import { Select } from "@sparrow/library/forms";
   import { CategoryIcon, StatusIcon } from "@sparrow/library/icons";
   import { FeedbackType } from "@sparrow/support/types/feedback";

packages/@sparrow-support/src/features/feedback-section/layout/FeedbackPost.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { LeftIcon, SearchIcon } from "@deprecate/assets/app.asset";
+  import { LeftIcon, SearchIcon } from "@deprecate/assets";
   import { Input, Select, Textarea } from "@sparrow/library/forms";
   import {
     AttachmentIcon,

packages/@sparrow-support/src/features/feedback-section/layout/FeedbackSection.svelte

@@ -5,7 +5,7 @@
   import FeedbackPost from "./FeedbackPost.svelte";
   import FeedbackDefault from "./FeedbackDefault.svelte";
   import { onMount } from "svelte";
-  import { SearchIcon } from "@deprecate/assets/app.asset";
+  import { SearchIcon } from "@deprecate/assets";
   import { Select } from "@sparrow/library/forms";
   import { CategoryIcon, StatusIcon } from "@sparrow/library/icons";
   import { FeedbackType, FeedbackStatusType } from "../../../types/feedback";

packages/@sparrow-support/src/features/release-notes/layout/ReleaseNotes.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { SearchIcon } from "@deprecate/assets/icons";
+  import { SearchIcon } from "@deprecate/assets";
   import { Select } from "@sparrow/library/forms";
   import {
     ArrowUnfilledIcon,

packages/@sparrow-support/src/features/roadmap/layout/Roadmap.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { SearchIcon } from "@deprecate/assets/icons";
+  import { SearchIcon } from "@deprecate/assets";
   import { Select } from "@sparrow/library/forms";
   import { CategoryIcon, CrossIcon, StackIcon } from "@sparrow/library/icons";
   import { Loader } from "@sparrow/library/ui";

packages/@sparrow-teams/src/compopnents/rows/Rows.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ThreeDotIcon } from "@deprecate/assets/app.asset";
+  import { ThreeDotIcon } from "@deprecate/assets";
   import { UserProfileList } from "@sparrow/teams/compopnents";
   import { MenuView } from "@sparrow/teams/compopnents";
   import { TeamRole, WorkspaceMemberRole } from "@sparrow/common/enums";

packages/@sparrow-teams/src/compopnents/workspace-grid/WorkspaceGrid.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ThreeDotIcon } from "@deprecate/assets/app.asset";
+  import { ThreeDotIcon } from "@deprecate/assets";
   import { formatDateInString } from "../../utils/workspacetimeUtils";
   import { onDestroy } from "svelte";
   // import Card from "../card/Card.svelte";

packages/@sparrow-teams/src/features/create-team/components/icon-uploader/IconUploader.svelte

@@ -1,9 +1,5 @@
 <script lang="ts">
-  import {
-    DeleteIcon,
-    EditIcon,
-    UploadIcon,
-  } from "@deprecate/assets/app.asset";
+  import { DeleteIcon, EditIcon, UploadIcon } from "@deprecate/assets";
   import { base64ToURL, imageDataToURL } from "@sparrow/common/utils";
 
   export let value: any = [];

packages/@sparrow-teams/src/features/recent-workspace/layout/RecentWorkspace.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { PeopleIcon } from "@deprecate/assets/app.asset";
+  import { PeopleIcon } from "@deprecate/assets";
   import { List } from "@sparrow/library/ui";
   import constants from "@app/constants/constants";
   export let data;

packages/@sparrow-teams/src/features/team-explorer/components/workspace-grid-view/WorkspaceGridView.svelte

@@ -4,7 +4,7 @@
     DoubleRightIcon,
     LeftIcon,
     RightIcon,
-  } from "@deprecate/assets/app.asset";
+  } from "@deprecate/assets";
   import type { WorkspaceDocument } from "@app/database/database";
   import { Button } from "@sparrow/library/ui";
   import { WorkspaceGrid } from "@sparrow/teams/compopnents";

packages/@sparrow-teams/src/features/team-explorer/components/workspace-list-view/WorkspaceListView.svelte

@@ -4,7 +4,7 @@
     LeftIcon,
     RightIcon,
     DoubleRightIcon,
-  } from "@deprecate/assets/app.asset";
+  } from "@deprecate/assets";
   import type { TeamDocument } from "@app/database/database";
   import { calculateTimeDifferenceInDays } from "../../../../utils/workspacetimeUtils";
   import { Table } from "@sparrow/library/ui";

packages/@sparrow-teams/src/features/team-explorer/layout/TeamExplorer.svelte

@@ -3,9 +3,9 @@
   import hamburger from "@deprecate/assets/hamburger.svg";
   import { workspaceView } from "../store/workspace-view";
   import { onDestroy } from "svelte";
-  import { SearchIcon } from "@deprecate/assets/app.asset";
+  import { SearchIcon } from "@deprecate/assets";
   import { base64ToURL } from "@sparrow/common/utils";
-  import { PeopleIcon } from "@deprecate/assets/app.asset";
+  import { PeopleIcon } from "@deprecate/assets";
   import type { TeamDocument, WorkspaceDocument } from "@app/database/database";
   import { TeamRole } from "@sparrow/common/enums";
   import { Button } from "@sparrow/library/ui";

packages/@sparrow-teams/src/features/team-members/layout/TeamMembers.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { SearchIcon } from "@deprecate/assets/app.asset";
+  import { SearchIcon } from "@deprecate/assets";
   import { CrossIcon } from "@sparrow/library/icons";
   import { Member } from "../components";
   export let openTeam;

packages/@sparrow-teams/src/features/team-settings/components/team-profile/sub-team-profile/icon-uploader/IconUploader.svelte

@@ -1,9 +1,5 @@
 <script lang="ts">
-  import {
-    DeleteIcon,
-    EditIcon,
-    UploadIcon,
-  } from "@deprecate/assets/app.asset";
+  import { DeleteIcon, EditIcon, UploadIcon } from "@deprecate/assets";
   import { base64ToURL, imageDataToURL } from "@sparrow/common/utils";
 
   /**

packages/@sparrow-teams/src/features/team-sidepanel/layout/TeamSidePanel.svelte

@@ -8,7 +8,7 @@
   import { open } from "@tauri-apps/plugin-shell";
   import { base64ToURL } from "@sparrow/common/utils";
   import { List } from "@sparrow/library/ui";
-  import { PeopleIcon } from "@deprecate/assets/app.asset";
+  import { PeopleIcon } from "@deprecate/assets";
   import constants from "@app/constants/constants";
   export let teamList: TeamDocument[] = [];
   export let tabList: TabDocument[] = [];

packages/@sparrow-workspaces/src/features/collection-explorer/layout/CollectionExplorer.svelte

@@ -56,7 +56,7 @@
   /**
    * Icons and images
    */
-  import { GitBranchIcon } from "@deprecate/assets/icons";
+  import { GitBranchIcon } from "@deprecate/assets";
   import refreshIcon from "@deprecate/assets/refresh.svg";
 
   /**

packages/@sparrow-workspaces/src/features/collection-list/components/collection/Collection.svelte

@@ -33,7 +33,7 @@
   import { WorkspaceRole } from "@sparrow/common/enums";
   import { Tooltip } from "@sparrow/library/ui";
   import gitBranchIcon from "@deprecate/assets/git-branch.svg";
-  import { ReloadCollectionIcon } from "@deprecate/assets/icons";
+  import { ReloadCollectionIcon } from "@deprecate/assets";
   import type { CollectionDocument, TabDocument } from "@app/database/database";
   import Folder from "../folder/Folder.svelte";
   import type { Path } from "@sparrow/common/interfaces/request.interface";

packages/@sparrow-workspaces/src/features/environment-explorer/layout/EnvironmentExplorer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { HelpIcon, SaveIcon } from "@deprecate/assets/app.asset";
+  import { HelpIcon, SaveIcon } from "@deprecate/assets";
   import { onMount } from "svelte";
   import type { EnvValuePair } from "@sparrow/common/interfaces/request.interface";
   import { QuickHelp } from "../components";

packages/@sparrow-workspaces/src/features/environment-list/components/list-item/ListItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import threedotIcon from "@deprecate/assets/3dot.svg";
-  import { SelectIcon } from "@deprecate/assets/app.asset";
+  import { SelectIcon } from "@deprecate/assets";
   import { UntrackedItems } from "@sparrow/common/enums/item-type.enum";
   import { Spinner } from "@sparrow/library/ui";
   import { Modal } from "@sparrow/library/ui";

packages/@sparrow-workspaces/src/features/import-collection/components/Drop/Drop.svelte

@@ -1,11 +1,7 @@
 <script lang="ts">
-  import {
-    DeleteIcon,
-    EditIcon,
-    UploadIcon,
-  } from "@deprecate/assets/app.asset";
+  import { DeleteIcon, EditIcon, UploadIcon } from "@deprecate/assets";
   import { base64ToURL, imageDataToURL } from "@sparrow/common/utils";
-  import { CrossIcon } from "@deprecate/assets/app.asset";
+  import { CrossIcon } from "@deprecate/assets";
 
   export let value: any = [];
   export let inputId: string;

packages/@sparrow-workspaces/src/features/tab-bar/layout/TabBar.svelte

@@ -15,7 +15,7 @@
   // ---- Helper
   import { tabBarScroller } from "@sparrow/common/utils/navigation";
   import { requestSplitterDirection } from "@sparrow/workspaces/features/rest-explorer/store";
-  import { HelpIcon } from "@deprecate/assets/app.asset";
+  import { HelpIcon } from "@deprecate/assets";
   import {
     HorizontalGridIcon,
     MoreOptions,