chore: move shared features to desktop

packages/shared/components/organisms/AccountActivity.svelte → packages/desktop/components/AccountActivity.svelte

@@ -8,8 +8,8 @@
         selectedAccountActivities,
         setAsyncStatusOfAccountActivities,
     } from '@core/wallet'
-    import { ActivityTile, Text, TextInput, TogglableButton, Filter, FontWeight } from 'shared/components'
-    import features from 'shared/features/features'
+    import { ActivityTile, Text, TextInput, TogglableButton, Filter, FontWeight } from '@ui'
+    import features from '@features/features'
     import { debounce, getMonthYear } from '@core/utils'
     import VirtualList from '@sveltejs/svelte-virtual-list'
 

packages/shared/components/atoms/buttons/SendButton.svelte → packages/desktop/components/SendButton.svelte

@@ -3,7 +3,7 @@
     import { resetLedgerPreparedOutput, resetShowInternalVerificationPopup } from '@core/ledger'
     import { resetNewTokenTransactionDetails } from '@core/wallet'
     import { openPopup } from '@auxiliary/popup'
-    import { OnboardingButton } from 'shared/components'
+    import { OnboardingButton } from '@ui'
 
     function onSendClick(): void {
         resetNewTokenTransactionDetails()

packages/shared/components/SettingsMenu.svelte → packages/desktop/components/SettingsMenu.svelte

@@ -10,8 +10,8 @@
         SecuritySettingsRoute,
     } from '@core/router'
     import { SETTINGS_ICON_SVG } from '@lib/auxiliary/icon'
-    import { Icon, Text, TextType } from 'shared/components'
-    import features from 'shared/features/features'
+    import { Icon, Text, TextType } from '@ui'
+    import features from '@features/features'
 
     export let group: string
     export let settings:

packages/desktop/components/index.js

@@ -1 +1,4 @@
+export { default as AccountActivity } from './AccountActivity.svelte'
+export { default as SendButton } from './SendButton.svelte'
+export { default as SettingsMenu } from './SettingsMenu.svelte'
 export { default as SidebarTab } from './SidebarTab.svelte'

packages/desktop/electron/lib/menu.js

@@ -1,6 +1,6 @@
 import { app, ipcMain, Menu, shell } from 'electron'
-import { DISCORD_URL, DOCUMENTATION_URL, FAQ_URL, ISSUE_REPORT_URL } from 'shared/lib/contexts/settings/constants'
-import features from 'shared/features/features'
+import { DISCORD_URL, DOCUMENTATION_URL, FAQ_URL, ISSUE_REPORT_URL } from '@contexts/settings/constants'
+import features from '@features/features'
 import { closeAboutWindow, getOrInitWindow, openAboutWindow } from '../main'
 import { menuState } from './menuState'
 

packages/desktop/electron/main.js

@@ -1,4 +1,4 @@
-import features from 'shared/features/features'
+import features from '@features/features'
 import { initAutoUpdate } from './lib/appUpdater'
 import { shouldReportError } from './lib/errorHandling'
 const { app, dialog, ipcMain, protocol, shell, BrowserWindow, session } = require('electron')

packages/desktop/tsconfig.json

@@ -11,7 +11,7 @@
             "@contexts/*": ["../shared/lib/contexts/*"],
             "@components": ["./components"],
             "@core/*": ["../shared/lib/core/*"],
-            "@features/*": ["../shared/features/*"],
+            "@features/*": ["./features/*"],
             "@lib/*": ["../shared/lib/*"],
             "@ui": ["../shared/components"],
             "@views": ["./views"]

packages/desktop/views/dashboard/settings/views/SettingsHome.svelte

@@ -1,5 +1,6 @@
 <script lang="typescript">
-    import { SettingsMenu, Text, TextType } from 'shared/components'
+    import { Text, TextType } from '@ui'
+    import { SettingsMenu } from '@components'
     import { mobile } from '@core/app'
     import { localize } from '@core/i18n'
     import { activeProfile, isActiveLedgerProfile, isSoftwareProfile } from '@core/profile'
@@ -13,7 +14,7 @@
         SettingsRoute,
         settingsRouter,
     } from '@core/router'
-    import features from 'shared/features/features'
+    import features from '@features/features'
 
     const { loggedIn } = $activeProfile
 

packages/desktop/views/dashboard/settings/views/advanced/Advanced.svelte

@@ -12,7 +12,7 @@
         NetworkConfiguration,
         WalletFinder,
     } from './'
-    import features from 'shared/features/features'
+    import features from '@features/features'
 
     const settings: {
         component: unknown

packages/desktop/views/dashboard/settings/views/general/General.svelte

@@ -4,7 +4,7 @@
     import { Currency, Language, NetworkStatus, Notifications, Theme } from './'
     import ChangeProfileName from './ChangeProfileName.svelte'
     import { activeProfile } from '@core/profile'
-    import features from 'shared/features/features'
+    import features from '@features/features'
 
     const settings: {
         component: unknown

packages/desktop/views/dashboard/settings/views/help/Help.svelte

@@ -2,7 +2,7 @@
     import { HR } from 'shared/components'
     import { HelpAndInfoRoute } from '@core/router'
     import HelpSection from './HelpSection.svelte'
-    import features from 'shared/features/features'
+    import features from '@features/features'
     import { DISCORD_URL, DOCUMENTATION_URL, FAQ_URL, ISSUE_REPORT_URL } from '@contexts/settings'
 
     const settings: {

packages/desktop/views/dashboard/settings/views/security/Security.svelte

@@ -3,7 +3,7 @@
     import { SecuritySettingsRoute } from '@core/router'
     import { HR } from 'shared/components'
     import { AppLock, ChangePassword, ChangePincode, DeleteProfile, ExportStronghold } from './'
-    import features from 'shared/features/features'
+    import features from '@features/features'
 
     const settings: {
         component: unknown

packages/desktop/views/dashboard/wallet/Wallet.svelte

@@ -1,8 +1,9 @@
 <script lang="typescript">
     import { selectedAccount } from '@core/account'
     import features from '@features/features'
-    import { ReceiveAddressButton, SendButton } from 'shared/components/atoms'
-    import { AccountActivity, AccountAssetsList, AccountSummary, Pane } from 'shared/components'
+    import { ReceiveAddressButton } from 'shared/components/atoms'
+    import { AccountActivity, SendButton } from '@components'
+    import { AccountAssetsList, AccountSummary, Pane } from '@ui'
 </script>
 
 {#if $selectedAccount}

packages/desktop/webpack.config.js

@@ -31,7 +31,7 @@ const resolve = {
         '@contexts': path.resolve(__dirname, '../shared/lib/contexts'),
         '@components': path.resolve(__dirname, './components/'),
         '@core': path.resolve(__dirname, '../shared/lib/core'),
-        '@features': path.resolve(__dirname, '../shared/features'),
+        '@features': path.resolve(__dirname, './features'),
         '@lib': path.resolve(__dirname, '../shared/lib'),
         '@ui': path.resolve(__dirname, '../shared/components/'),
         '@views': path.resolve(__dirname, './views/'),

packages/mobile/components/TopBar.svelte

@@ -1,6 +1,6 @@
 <script lang="typescript">
     import { AccountActionsButton, AccountSwitcherButton, ProfileActionsButton } from './'
-    import features from '../features/features'
+    import features from '@features/features'
 </script>
 
 <div class="grid grid-cols-4 h-10">

packages/mobile/lib/contexts/dashboard/constants/initial-active-dashboard-tab.constant.ts

@@ -1,5 +1,5 @@
 import { DashboardTab } from '../enums'
-import features from '../../../../features/features'
+import features from '@features/features'
 
 export const INITIAL_ACTIVE_DASHBOARD_TAB: DashboardTab | null = getInitialActiveDashboardTab()
 

packages/mobile/views/dashboard/DashboardRouter.svelte

@@ -1,5 +1,5 @@
 <script lang="typescript">
-    import features from '../../features/features'
+    import features from '@features/features'
     import {
         accountSwitcherRouter,
         DashboardRoute,

packages/mobile/views/dashboard/DashboardView.svelte

@@ -5,7 +5,7 @@
     import { activeProfile, hasStrongholdLocked, reflectLockedStronghold, saveActiveProfile } from '@core/profile'
     import { Button, TogglableAmountLabel } from 'shared/components'
     import { TabPane, TopBar } from '../../components'
-    import features from '../../features/features'
+    import features from '@features/features'
     import { activeDashboardTab, DASHBOARD_TAB_COMPONENT } from '../../lib/contexts/dashboard'
     import { DashboardRoute, dashboardRouter } from '../../lib/routers'
     import DashboardRouter from './DashboardRouter.svelte'

packages/mobile/views/dashboard/drawers/AccountSwitcherDrawer.svelte

@@ -0,0 +1,44 @@
+<script lang="typescript">
+    import { localize } from '@core/i18n'
+    import { BASE_TOKEN } from '@core/network'
+    import { activeProfile, visibleActiveAccounts } from '@core/profile'
+    import { sumBalanceForAccounts } from '@core/account'
+    import { formatTokenAmountBestMatch } from '@core/wallet'
+    import features from '@features/features'
+    import { AccountSwitcherMenuItem, Drawer } from '../../../../mobile/components'
+    import { HR, Icon, Text, TextType } from 'shared/components'
+
+    export let onClose: () => unknown = () => {}
+
+    $: totalBalance = sumBalanceForAccounts($visibleActiveAccounts)
+</script>
+
+<Drawer {onClose} title={localize('general.accounts')}>
+    <div class="flex flex-col w-full">
+        <account-list class="accounts flex flex-col scrollable-y">
+            {#each $visibleActiveAccounts as account}
+                <AccountSwitcherMenuItem id="account-{account.index}" {account} onClick={onClose} />
+            {/each}
+        </account-list>
+        <HR />
+        <div class="flex flex-row-reverse h-16">
+            <Text classes="opacity-50 m-auto w-full text-right" type={TextType.h5}>
+                {localize('general.total', {
+                    values: {
+                        balance: formatTokenAmountBestMatch(totalBalance, BASE_TOKEN[$activeProfile.networkProtocol]),
+                    },
+                })}
+            </Text>
+            {#if features?.dashboard?.createAccount?.enabled}
+                <button class="h-full" on:click={() => {}}>
+                    <div class="flex flex-row items-center space-x-4">
+                        <Icon icon="plus" height="12" width="12" classes="text-blue-500" />
+                        <Text highlighted type={TextType.h5} classes="whitespace-nowrap"
+                            >{localize('general.addAWallet')}</Text
+                        >
+                    </div>
+                </button>
+            {/if}
+        </div>
+    </div>
+</Drawer>

packages/mobile/views/dashboard/drawers/account-switcher/views/AccountSwitcher.svelte

@@ -5,9 +5,9 @@
     import { activeProfile, visibleActiveAccounts } from '@core/profile'
     import { formatTokenAmountBestMatch } from '@core/wallet'
 
-    import features from '../../../../../features/features'
-    import { AccountSwitcherMenuItem } from '../../../../../components'
-    import { HR, Icon, Text, TextType } from 'shared/components'
+    import features from '@features/features'
+    import { AccountSwitcherMenuItem } from '@components'
+    import { HR, Icon, Text, TextType } from '@ui'
 
     export let onSwitch: () => unknown = () => {}
     export let onAddClick: () => unknown = () => {}

packages/mobile/views/dashboard/tabs/TabNavigator.svelte

@@ -3,7 +3,7 @@
     import { localize } from '@core/i18n'
     import { Icon as IconEnum } from '@lib/auxiliary/icon'
     import { Icon } from 'shared/components'
-    import features from '../../../features/features'
+    import features from '@features/features'
     import { activeDashboardTab, updateActiveDashboardTab, DashboardTab } from '../../../lib/contexts/dashboard'
 
     $: darkModeEnabled = $appSettings.darkMode

packages/mobile/views/onboarding/views/app-setup/views/WelcomeView.svelte

@@ -12,7 +12,7 @@
     } from 'shared/lib/contexts/onboarding'
     import { onMount } from 'svelte'
     import { OnboardingLayout } from '../../../../../components'
-    import features from '../../../../../features/features'
+    import features from '@features/features'
 
     let checked = false
 

packages/mobile/views/onboarding/views/network-setup/views/ChooseNetworkView.svelte

@@ -8,7 +8,7 @@
     import { localize } from '@core/i18n'
     import { getDefaultClientOptions, NetworkProtocol, NetworkType } from '@core/network'
     import { networkSetupRouter } from '../../../../../lib/routers'
-    import features from '../../../../../features/features'
+    import features from '@features/features'
     import { OnboardingButton } from 'shared/components'
     import { onMount } from 'svelte'
     import { OnboardingLayout } from '../../../../../components'

packages/mobile/views/onboarding/views/network-setup/views/ChooseProtocolView.svelte

@@ -2,7 +2,7 @@
     import { onMount } from 'svelte'
     import { OnboardingLayout } from '../../../../../components'
     import { OnboardingButton } from 'shared/components'
-    import features from '../../../../../features/features'
+    import features from '@features/features'
     import { cleanupOnboarding, onboardingProfile, updateOnboardingProfile } from '@contexts/onboarding'
     import { localize } from '@core/i18n'
     import { NetworkProtocol, NetworkType } from '@core/network'

packages/mobile/views/onboarding/views/profile-setup/views/SetupRecoveredView.svelte

@@ -2,7 +2,7 @@
     import { onMount } from 'svelte'
     import { OnboardingLayout } from '../../../../../components'
     import { OnboardingButton, Text, TextType } from 'shared/components'
-    import features from '../../../../../features/features'
+    import features from '@features/features'
     import { localize } from '@core/i18n'
     import { formatProtocolName } from '@core/network'
     import { profileSetupRouter } from '../../../../../lib/routers'

packages/mobile/views/onboarding/views/profile-setup/views/SetupView.svelte

@@ -15,7 +15,7 @@
     import { OnboardingButton } from 'shared/components'
     import { onMount } from 'svelte'
     import { OnboardingLayout } from '../../../../../components'
-    import features from '../../../../../features/features'
+    import features from '@features/features'
 
     const title = localize('views.onboarding.profileSetup.setup.title', {
         values: { protocol: formatProtocolName($onboardingProfile?.networkProtocol) },

packages/shared/components/atoms/buttons/index.js

@@ -11,6 +11,5 @@ export { default as OnboardingButton } from './OnboardingButton.svelte'
 export { default as ReceiveAddressButton } from './ReceiveAddressButton.svelte'
 export { default as ReceiveButton } from './ReceiveButton.svelte'
 export { default as RefreshTokenMetadataButton } from './RefreshTokenMetadataButton.svelte'
-export { default as SendButton } from './SendButton.svelte'
 export { default as TestDeepLinkButton } from './TestDeepLinkButton.svelte'
 export { default as TooltipIcon } from './TooltipIcon.svelte'

packages/shared/components/index.js

@@ -27,7 +27,6 @@ export { default as QR } from './QR.svelte'
 export { default as RecoveryPhrase } from './RecoveryPhrase.svelte'
 export { default as Route } from './Route.svelte'
 export { default as Scroller } from './Scroller.svelte'
-export { default as SettingsMenu } from './SettingsMenu.svelte'
 export { default as SettingsNavigator } from './SettingsNavigator.svelte'
 export { default as Spinner } from './Spinner.svelte'
 export { default as Text } from './Text.svelte'

packages/shared/components/organisms/index.js

@@ -1,4 +1,3 @@
-export { default as AccountActivity } from './AccountActivity.svelte'
 export { default as AccountAssetsList } from './AccountAssetsList.svelte'
 export { default as AccountSummary } from './AccountSummary.svelte'
 export { default as NodeConfigurationForm } from './NodeConfigurationForm.svelte'

packages/shared/tsconfig.json

@@ -10,11 +10,10 @@
             "@auxiliary/*": ["./lib/auxiliary/*"],
             "@contexts/*": ["./lib/contexts/*"],
             "@core/*": ["./lib/core/*"],
-            "@features/*": ["./features/*"],
             "@lib/*": ["./lib/*"]
         },
         "types": ["node"]
     },
-    "include": ["./lib", "./features"],
+    "include": ["./lib"],
     "exclude": ["**/node_modules", "**/tests"]
 }