refactor: Onboarding (#7763)

* refactor: Onboarding WIP

* fix: improve logs and try to sync balances for wallet WIP

* refactor: complete onboarding

---------

Co-authored-by: cpl121 <cpeon@boxfish.studio>

Author: marc2332

packages/desktop/views/login/views/SelectProfileView.svelte

@@ -31,6 +31,7 @@
     async function onAddProfileClick(): Promise<void> {
         onboardingRouter.set(new OnboardingRouter())
         await initialiseOnboardingProfile(shouldBeDeveloperProfile())
+        console.log("shuld be created")
         $routerManager.goToAppContext(AppContext.Onboarding)
     }
 

packages/desktop/views/onboarding/views/complete-onboarding/views/FinishOnboardingView.svelte

@@ -28,6 +28,7 @@
     }
 
     async function _continue(): Promise<void> {
+        console.log($onboardingProfile)
         // Note: needed to cover the cases where the user has waited so long that the stronghold is locked
         if ($onboardingProfile?.restoreProfileType === RestoreProfileType.Stronghold) {
             await setStrongholdPassword($onboardingProfile.strongholdPassword)

packages/desktop/views/onboarding/views/create-profile/views/ChooseCreateProfileFlowView.svelte

@@ -2,12 +2,11 @@
     import { OnboardingLayout } from '@components'
     import {
         CreateProfileType,
-        initialiseProfileManagerFromOnboardingProfile,
         onboardingProfile,
         updateOnboardingProfile,
     } from '@contexts/onboarding'
     import { localize } from '@core/i18n'
-    import { ProfileType, clearProfileFromMemory, removeProfileFolder } from '@core/profile'
+    import { ProfileType, clearProfileFromMemory, getSecretManagerFromProfileType, getStorageDirectoryOfProfile, removeProfileFolder } from '@core/profile'
     import features from '@features/features'
     import { Animation, OnboardingButton, Text } from '@ui'
     import { onMount } from 'svelte'
@@ -27,8 +26,10 @@
     async function onProfileTypeClick(createProfileType: CreateProfileType): Promise<void> {
         isBusy = { ...isBusy, [createProfileType]: true }
         const type = createProfileType === CreateProfileType.Ledger ? ProfileType.Ledger : ProfileType.Software
-        updateOnboardingProfile({ createProfileType, type })
-        await initialiseProfileManagerFromOnboardingProfile()
+        const storagePath = await getStorageDirectoryOfProfile($onboardingProfile.id)
+        const secretManagerOptions = getSecretManagerFromProfileType(type, storagePath)
+        console.log("secretManagerOptions", secretManagerOptions)
+        updateOnboardingProfile({ createProfileType, type, secretManagerOptions })
         $createProfileRouter.next()
     }
 

packages/shared/lib/contexts/onboarding/actions/completeOnboardingProcess.ts

@@ -1,4 +1,4 @@
-import { activeProfile, activeWallets, addWalletPersistedDataToActiveProfile, createWallet, login } from '@core/profile'
+import { IWallet, activeProfile, activeWallets, addWalletPersistedDataToActiveProfile, createWallet, login } from '@core/profile'
 import { get } from 'svelte/store'
 import { OnboardingType } from '../enums'
 import { addWalletPersistedDataToOnboardingProfile, onboardingProfile } from '../stores'
@@ -11,6 +11,7 @@ export async function completeOnboardingProcess(): Promise<void> {
     // if we already have an active profile
     // it means we are trying to load again after an error
     // and we don't need to add it again
+    console.log("get(activeProfile), get(onboardingProfile)", get(activeProfile), get(onboardingProfile))
     if (!get(activeProfile)?.id) {
         createNewProfileFromOnboardingProfile()
     }
@@ -19,15 +20,13 @@ export async function completeOnboardingProcess(): Promise<void> {
     const shouldRecoverAccounts = onboardingType === OnboardingType.Restore || onboardingType === OnboardingType.Claim
     showBalanceOverviewPopup.set(shouldRecoverAccounts)
 
-
     await createOnboardingWallet()
-    
     void login({ isFromOnboardingFlow: true, shouldRecoverAccounts })
 
     onboardingProfile.set(undefined)
 }
 
-export async function createOnboardingWallet(name?: string, color?: string): Promise<IWalletState> {
+export async function createOnboardingWallet(name?: string, color?: string): Promise<IWallet> {
     // 1. Get the wallet name
     const walletName = name || `${localize('general.account')} ${(get(activeWallets)?.length ?? 0) + 1}`;
 
@@ -36,17 +35,16 @@ export async function createOnboardingWallet(name?: string, color?: string): Pro
 
     // 3. Sync the wallet with the Node
     // TODO(2.0): test & fix sync when we have iota2.0 nodes
-    //await account.sync(DEFAULT_SYNC_OPTIONS)
-
+    //await wallet.sync(DEFAULT_SYNC_OPTIONS)
     // 4. Create a wrapper over the wallet instance and the persisted data
-    const [walletState, accountPersistedData] = await buildWalletStateAndPersistedData(wallet, walletName, color)
+    // const [walletState, accountPersistedData] = await buildWalletStateAndPersistedData(wallet, walletName, color)
 
     // TODO(2.0) Fix
     // addAccountToActiveAccounts(walletState)
-    addWalletPersistedDataToOnboardingProfile(walletState.id, accountPersistedData)
+    // addWalletPersistedDataToOnboardingProfile(walletState.id, accountPersistedData)
     // TODO(2.0) Fix
     // addEmptyAccountActivitiesToAllAccountActivities(walletState.id)
 
 
-    return walletState
+    return wallet
 }

packages/shared/lib/contexts/onboarding/actions/initialiseOnboardingProfile.ts

@@ -12,17 +12,17 @@ export async function initialiseOnboardingProfile(
     isDeveloperProfile: boolean,
     destroyPreviousManager = false
 ): Promise<void> {
-    // TODO(2.0) Refactor this logic
-    if (get(profileManager)) {
-        if (destroyPreviousManager) {
-            if (get(isOnboardingLedgerProfile)) {
-                stopPollingLedgerNanoStatus()
-            }
-            await clearProfileFromMemory()
-        } else {
-            throw new OnboardingProfileManagerAlreadyInitializedError()
-        }
-    }
+    // TODO(2.0) Profile manager is gone, we should maybe check onboarding SecretManager insteadd
+    // if (get(profileManager)) {
+    //     if (destroyPreviousManager) {
+    //         if (get(isOnboardingLedgerProfile)) {
+    //             stopPollingLedgerNanoStatus()
+    //         }
+    //         await clearProfileFromMemory()
+    //     } else {
+    //         throw new OnboardingProfileManagerAlreadyInitializedError()
+    //     }
+    // }
 
     const _newProfile = buildInitialOnboardingProfile(isDeveloperProfile)
     onboardingProfile.set(_newProfile)

packages/shared/lib/contexts/onboarding/actions/initialiseProfileManagerFromOnboardingProfile.ts

@@ -26,5 +26,7 @@ export async function initialiseOnboardingProfileWithSecretManager(checkForExist
 
     const secretManagerOptions = getSecretManagerFromProfileType(activeOnboardingProfile.type, storagePath)
 
+    console.log("secretManagerOptions", secretManagerOptions)
+
     updateOnboardingProfile({ secretManagerOptions, hasInitialisedProfileManager: true })
 }

packages/shared/lib/contexts/onboarding/stores/onboarding-profile.store.ts

@@ -6,19 +6,21 @@ import { IOnboardingProfile, IShimmerClaimingWallet } from '../interfaces'
 import { IBaseToken, IPersistedWalletData } from '@core/wallet/interfaces'
 import { IPersistedNetwork } from '@core/network'
 
-export const onboardingProfile = writable<IOnboardingProfile | null>(null)
+export const onboardingProfile = writable<IOnboardingProfile | null | undefined>(null)
 
-export const isOnboardingLedgerProfile: Readable<boolean> = derived(onboardingProfile, ($onboardingProfile) =>
-    isLedgerProfile($onboardingProfile?.type)
-)
+export const isOnboardingLedgerProfile: Readable<boolean> = derived(onboardingProfile, ($onboardingProfile) =>{
+    console.log("Changed?")
+    return  isLedgerProfile($onboardingProfile?.type)
+})
 
 export const onboardingProfileNetwork: Readable<IPersistedNetwork | undefined> = derived(
     onboardingProfile,
     ($onboardingProfile) => $onboardingProfile?.network
 )
 
 export function updateOnboardingProfile(payload: Partial<IOnboardingProfile>): void {
-    return onboardingProfile.update((state) => ({ ...state, ...payload }))
+    onboardingProfile.update((state) => ({ ...state, ...payload }))
+    console.log("UPDATED", get(onboardingProfile))
 }
 
 export function updateShimmerClaimingAccount(shimmerClaimingAccount: IShimmerClaimingWallet): void {

packages/shared/lib/contexts/onboarding/stores/onboarding-secret-manager.store.ts

@@ -3,12 +3,20 @@ import { api } from '@core/api';
 import { SecretManager } from '@iota/sdk';
 import { Readable, derived, get } from 'svelte/store';
 
-const onboardingProfileSecretManagerOptions = derived(onboardingProfile, (onboardingProfile) => onboardingProfile?.secretManagerOptions);
+onboardingProfile.subscribe(console.log)
 
-export const onboardingProfileSecretManager: Readable<SecretManager | null> = derived(onboardingProfileSecretManagerOptions, (onboardingProfileSecretManagerOptions, set) => {
-    if (onboardingProfileSecretManagerOptions) {
-        api.createSecretManager(onboardingProfileSecretManagerOptions)
+
+const onboardingProfileSecretManagerOptions = derived(onboardingProfile, ($onboardingProfile) => {
+    console.log("derived", $onboardingProfile?.secretManagerOptions)
+    return $onboardingProfile?.secretManagerOptions
+});
+
+export const onboardingProfileSecretManager: Readable<SecretManager | null> = derived(onboardingProfileSecretManagerOptions, ($onboardingProfileSecretManagerOptions, set) => {
+    console.log("creating SC", $onboardingProfileSecretManagerOptions)
+    if ($onboardingProfileSecretManagerOptions) {
+        api.createSecretManager($onboardingProfileSecretManagerOptions)
             .then((secretManager) => {
+                console.log("secret manager created", secretManager)
                 set(secretManager)
             })
     } else {

packages/shared/lib/core/profile/actions/active-profile/loadWallets.ts

@@ -1,6 +1,6 @@
 import { loadWallet } from '@core/wallet'
 import { get } from 'svelte/store'
-import { activeAccounts, activeProfile } from '../../stores'
+import { activeWallets, activeProfile } from '../../stores'
 import { getWallets } from '../getWallets'
 
 export async function loadWallets(): Promise<void> {
@@ -14,7 +14,7 @@ export async function loadWallets(): Promise<void> {
         const loadedWallets = await Promise.all(
             walletResponse?.map((accountResponse) => loadWallet(accountResponse))
         )
-        activeAccounts.set(loadedWallets) // TODO(2.0) We can't sort this like this: sort((a, b) => a.getMetadata().index - b.getMetadata().index)
+        activeWallets.set(loadedWallets) // TODO(2.0) We can't sort this like this: sort((a, b) => a.getMetadata().index - b.getMetadata().index)
         hasLoadedAccounts.set(true)
     }
 }

packages/shared/lib/core/profile/actions/createWallet.ts

@@ -3,7 +3,8 @@ import { generateRandomId } from '@core/utils'
 import { get } from 'svelte/store'
 import { IWallet } from '../interfaces'
 import { activeProfile as activeProfileStore } from '../stores'
-import { getStorageDirectoryOfProfile } from '../utils'
+import { getSecretManagerFromProfileType, getStorageDirectoryOfProfile } from '../utils'
+import { WalletOptions } from '@iota/sdk'
 
 // TODO(2.0): Fix and finish this method
 /* - __storage__/
@@ -15,20 +16,22 @@ import { getStorageDirectoryOfProfile } from '../utils'
 export async function createWallet(activeProfile = get(activeProfileStore)): Promise<IWallet> {
     const id = generateRandomId()
     const storagePath = await getStorageDirectoryOfProfile(id)
-    const snapshotPath = ''
+    // const snapshotPath = ''
 
-    const walletOptions = {
+    const walletOptions: WalletOptions = {
         clientOptions: activeProfile.clientOptions,
-        secretManager: {
-            stronghold: {
-                snapshotPath,
-            },
+        secretManager: getSecretManagerFromProfileType(activeProfile.type, storagePath),
+        bipPath: {
+            coinType: activeProfile.network.coinType,
+            account: 0,
+            addressIndex: 0
         },
+        coinType: activeProfile.network.coinType
     }
+    console.log("walletOptions", walletOptions);
     const wallet = await api.createWallet(id, {
         ...walletOptions,
         storagePath,
     })
-
     return wallet
 }