feature(wallet, links, tx, yoroi-lib, etc.): Mobile experimental

mobile/.eslintrc.js

@@ -8,13 +8,115 @@ module.exports = {
     'react/no-unstable-nested-components': ['error', {allowAsProps: true}],
     'eqeqeq': 'off',
     'prettier/prettier': 'error',
+    // Forbid 'any' type - requires explicit exception comment
+    '@typescript-eslint/no-explicit-any': [
+      'error',
+      {
+        fixToUnknown: false,
+        ignoreRestArgs: false,
+      },
+    ],
+    // Forbid 'class' keyword - requires explicit exception comment
+    'no-restricted-syntax': [
+      'error',
+      {
+        selector: 'ClassDeclaration',
+        message:
+          'Classes are forbidden. Use factory functions or functional patterns instead. Add eslint-disable comment with explanation if exception needed.',
+      },
+      {
+        selector: 'ClassExpression',
+        message:
+          'Classes are forbidden. Use factory functions or functional patterns instead. Add eslint-disable comment with explanation if exception needed.',
+      },
+      {
+        selector: 'CallExpression[callee.type="Import"]',
+        message:
+          'Dynamic imports are forbidden. Use static imports instead. Add eslint-disable comment with explanation if exception needed.',
+      },
+    ],
+    // Forbid 'require' statements - requires explicit exception comment
+    '@typescript-eslint/no-require-imports': 'error',
+    '@typescript-eslint/no-var-requires': 'error',
   },
   overrides: [
     {
       files: ['metro.config.js', '.eslintrc.js'],
       parserOptions: {
         requireConfigFile: false,
       },
+      rules: {
+        // Allow require in config files
+        '@typescript-eslint/no-require-imports': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+      },
+    },
+    {
+      files: ['**/*.d.ts'],
+      rules: {
+        // Type definition files often need 'any' and classes for third-party library compatibility
+        '@typescript-eslint/no-explicit-any': 'off',
+        'no-restricted-syntax': 'off',
+      },
+    },
+    {
+      files: [
+        '**/*.test.ts',
+        '**/*.test.tsx',
+        '**/*.spec.ts',
+        '**/*.spec.tsx',
+        '**/*.mock.ts',
+        '**/*.mock.tsx',
+        '**/mocks.ts',
+        '**/mocks.tsx',
+        '**/mocks/**/*.ts',
+        '**/mocks/**/*.tsx',
+        '**/__mocks__/**/*.ts',
+        '**/__mocks__/**/*.tsx',
+      ],
+      rules: {
+        // Test and mock files can use 'any' for flexibility in testing scenarios
+        '@typescript-eslint/no-explicit-any': 'off',
+        // Test files can use classes for mocking and test utilities
+        'no-restricted-syntax': 'off',
+        // Test files can use require for dynamic test data loading
+        '@typescript-eslint/no-require-imports': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+      },
+    },
+    {
+      files: ['packages/types/index.ts'],
+      rules: {
+        // Error classes in namespace exports are allowed (they extend from centralized error classes)
+        'no-restricted-syntax': [
+          'error',
+          {
+            selector: 'ClassDeclaration:not([superClass])',
+            message:
+              'Classes are forbidden. Use factory functions or functional patterns instead. Add eslint-disable comment with explanation if exception needed.',
+          },
+          {
+            selector: 'ClassExpression:not([superClass])',
+            message:
+              'Classes are forbidden. Use factory functions or functional patterns instead. Add eslint-disable comment with explanation if exception needed.',
+          },
+          {
+            selector: 'CallExpression[callee.type="Import"]',
+            message:
+              'Dynamic imports are forbidden. Use static imports instead. Add eslint-disable comment with explanation if exception needed.',
+          },
+        ],
+      },
+    },
+    {
+      files: [
+        'packages/staking/governance/api.ts',
+        'packages/staking/governance/manager.ts',
+      ],
+      rules: {
+        // Implementation classes wrapped by factory functions - TODO: refactor to closures
+        'no-restricted-syntax': 'off',
+      },
     },
   ],
 }

mobile/App.tsx

@@ -1,5 +1,11 @@
 import {AsyncStorageProvider} from '@yoroi/common'
 import {LinksProvider} from '@yoroi/links'
+import {
+  ResolverProvider,
+  resolverApiMaker,
+  resolverManagerMaker,
+  resolverStorageMaker,
+} from '@yoroi/resolver'
 import {SetupWalletProvider} from '@yoroi/setup-wallet'
 import {
   CatalystProvider,
@@ -8,18 +14,30 @@ import {
 } from '@yoroi/staking'
 import {ThemeProvider} from '@yoroi/theme'
 import {TransferProvider} from '@yoroi/transfer'
+import {Resolver} from '@yoroi/types'
+import {
+  AutomaticWalletOpenerProvider,
+  WalletManagerHydrationWrapper,
+  WalletManagerProvider,
+  makeWalletManager,
+  useSelectedNetwork,
+} from '@yoroi/wallet-manager'
 
+import {init} from '@emurgo/cross-csl-mobile'
 import * as Sentry from '@sentry/react-native'
 import * as Updates from 'expo-updates'
 import * as React from 'react'
 
+import {useFonts} from '~/common/hooks/useFonts'
+import {networkManagers} from '~/common/network-managers'
+import {createCardanoWalletDependencies} from '~/common/wallet-dependencies'
 import {BrowserProvider} from '~/features/Discover/common/BrowserProvider'
 import {PortfolioTokenActivityProvider} from '~/features/Portfolio/context/PortfolioTokenActivityProvider'
 import {ReceiveProvider} from '~/features/Receive/common/ReceiveProvider'
-import {ReviewTxProvider} from '~/features/ReviewTx/common/ReviewTxProvider'
 import {isDev} from '~/kernel/constants'
 import {logger} from '~/kernel/logger/logger'
 import {AppNavigator} from '~/kernel/navigation/AppNavigator'
+import {Keychain} from '~/kernel/storage/Keychain'
 import {Boundary} from '~/ui/Boundary/Boundary'
 import {Modal} from '~/ui/Modal/ui/screens/Modal/Modal'
 import {ScrollViewProvider} from '~/ui/ScrollView/context/ScrollViewContext'
@@ -31,12 +49,8 @@ import {YoroiNotificationManager} from './src/features/Notifications/common/Yoro
 import {PairingProvider} from './src/features/Pairing/context/PairingProvider'
 import {SearchProvider} from './src/features/Search/SearchContext'
 import {CurrencyProvider} from './src/features/Settings/context/CurrencyProvider'
-import {AutomaticWalletOpenerProvider} from './src/features/WalletManager/context/AutomaticWalletOpeningProvider'
-import {WalletManagerHydrationWrapper} from './src/features/WalletManager/context/WalletManagerHydrationWrapper'
-import {WalletManagerProvider} from './src/features/WalletManager/context/WalletManagerProvider'
-import {walletManager} from './src/features/WalletManager/wallet-manager'
-import {useFonts} from './src/hooks/useFonts'
 import {ConnectionProvider} from './src/kernel/connection/ConnectionProvider'
+import {unstoppableApiKey} from './src/kernel/constants'
 import {LanguageProvider} from './src/kernel/i18n/LanguageProvider'
 import {useMigrations} from './src/kernel/storage/migrations/useMigrations'
 import {
@@ -56,6 +70,14 @@ const catalystManager = catalystManagerMaker({
   api: catalystApi,
 })
 
+// Create wallet manager instance with app-specific dependencies
+const walletManager = makeWalletManager({
+  networkManagers,
+  rootStorage,
+  keychainManager: Keychain,
+  cardanoWalletDependencies: createCardanoWalletDependencies(),
+})
+
 function AppShell({children}: React.PropsWithChildren) {
   const isMigrated = useMigrations(rootStorage)
   const isLoaded = useFonts()
@@ -94,10 +116,10 @@ function BusinessShell({children}: React.PropsWithChildren) {
         <PairingProvider currencyStorageKeyManager={currencyStorageKeyManager}>
           <WalletManagerHydrationWrapper walletManager={walletManager}>
             <WalletManagerProvider walletManager={walletManager}>
-              <PortfolioTokenActivityProvider>
-                <AutomaticWalletOpenerProvider>
-                  <TransferProvider>
-                    <ReviewTxProvider>
+              <ResolverProviderWrapper>
+                <PortfolioTokenActivityProvider>
+                  <AutomaticWalletOpenerProvider>
+                    <TransferProvider>
                       <SetupWalletProvider>
                         <BrowserProvider>
                           <LinksProvider>
@@ -111,10 +133,10 @@ function BusinessShell({children}: React.PropsWithChildren) {
                           </LinksProvider>
                         </BrowserProvider>
                       </SetupWalletProvider>
-                    </ReviewTxProvider>
-                  </TransferProvider>
-                </AutomaticWalletOpenerProvider>
-              </PortfolioTokenActivityProvider>
+                    </TransferProvider>
+                  </AutomaticWalletOpenerProvider>
+                </PortfolioTokenActivityProvider>
+              </ResolverProviderWrapper>
             </WalletManagerProvider>
           </WalletManagerHydrationWrapper>
         </PairingProvider>
@@ -123,6 +145,39 @@ function BusinessShell({children}: React.PropsWithChildren) {
   )
 }
 
+// ResolverProvider wrapper that uses the selected network
+// This provides resolver functionality to both SetupWallet and Send flows
+const ResolverProviderWrapper = ({children}: React.PropsWithChildren) => {
+  const {networkManager} = useSelectedNetwork()
+  const isMainnet = networkManager.isMainnet
+
+  const resolverStorage = React.useMemo(() => {
+    return resolverStorageMaker()
+  }, [])
+
+  const resolverApi = React.useMemo(() => {
+    return resolverApiMaker({
+      apiConfig: {
+        [Resolver.NameServer.Unstoppable]: {
+          apiKey: unstoppableApiKey,
+        },
+      },
+      cslFactory: init,
+      isMainnet,
+    })
+  }, [isMainnet])
+
+  const resolverManager = React.useMemo(() => {
+    return resolverManagerMaker(resolverStorage, resolverApi)
+  }, [resolverStorage, resolverApi])
+
+  return (
+    <ResolverProvider resolverManager={resolverManager}>
+      {children}
+    </ResolverProvider>
+  )
+}
+
 async function checkForUpdates() {
   try {
     const update = await Updates.checkForUpdateAsync()

mobile/PlatformShell.tsx

@@ -7,35 +7,27 @@ import {
   initialWindowMetrics,
 } from 'react-native-safe-area-context'
 
+import {BackgroundTimerProvider} from '~/common/providers/BackgroundTimerContext'
 import {AnalyticsRootProvider} from '~/features/Analytics/context/AnalyticsRootProvider'
 import {routeToEvent} from '~/features/Analytics/events/route-events'
 import {createPosthogClient} from '~/features/Analytics/helpers/createPosthogClient'
 import {useAnalyticsTracking} from '~/features/Analytics/hooks/useAnalyticsTracking'
-import {useScreenCapture} from '~/features/Settings/hooks/useScreenCapture'
 import {RouterContainer} from '~/kernel/navigation/RouterContainer'
 import {
   initInstallationId,
   metricsEnabledStorageKeyManager,
 } from '~/kernel/storage/storages'
 import {ModalProvider} from '~/ui/Modal/context/ModalContext'
 
-import {BackgroundTimerProvider} from './src/hooks/BackgroundTimerContext'
-
 export function PlatformShell({children}: React.PropsWithChildren) {
   const [metricsEnabled, setMetricsEnabled] = React.useState<boolean>(
     metricsEnabledStorageKeyManager.read(),
   )
 
-  const {init} = useScreenCapture()
-
   const isAndroid = Platform.OS === 'android'
   const platform = isAndroid ? 'Android' : 'IOS'
   const client = usePosthogClient(metricsEnabled)
 
-  React.useEffect(() => {
-    init()
-  })
-
   return (
     <SafeAreaProvider initialMetrics={initialWindowMetrics}>
       <AnalyticsRootProvider
@@ -48,9 +40,7 @@ export function PlatformShell({children}: React.PropsWithChildren) {
         <TrackedRouterContainer>
           <ModalProvider>
             <BackgroundTimerProvider active={isAndroid}>
-              <KeyboardProvider statusBarTranslucent>
-                {children}
-              </KeyboardProvider>
+              <KeyboardProvider>{children}</KeyboardProvider>
             </BackgroundTimerProvider>
           </ModalProvider>
         </TrackedRouterContainer>

mobile/app.config.js

@@ -0,0 +1,36 @@
+const baseConfig = require('./app.json')
+
+// Determine if this is a development build
+// Development builds use different bundle IDs so they can coexist with production
+const isProduction =
+  process.env.EAS_BUILD_PROFILE === 'production' ||
+  process.env.EXPO_PUBLIC_BUILD_VARIANT === 'PROD'
+const isPreview =
+  process.env.EAS_BUILD_PROFILE === 'preview' ||
+  process.env.EXPO_PUBLIC_BUILD_VARIANT === 'NIGHTLY'
+const isDevelopment =
+  process.env.EAS_BUILD_PROFILE === 'development' ||
+  process.env.EXPO_PUBLIC_BUILD_VARIANT === 'DEV' ||
+  (!isProduction && !isPreview) // Default to dev for local builds
+
+module.exports = {
+  expo: {
+    ...baseConfig.expo,
+    // Change app name for development builds
+    name: isDevelopment ? 'Yoroi Dev' : baseConfig.expo.name,
+    ios: {
+      ...baseConfig.expo.ios,
+      // Use different bundle identifier for development builds
+      bundleIdentifier: isDevelopment
+        ? 'com.emurgo.yoroi.dev'
+        : baseConfig.expo.ios.bundleIdentifier,
+    },
+    android: {
+      ...baseConfig.expo.android,
+      // Use different package name for development builds
+      package: isDevelopment
+        ? 'com.emurgo.dev'
+        : baseConfig.expo.android.package,
+    },
+  },
+}

mobile/app.json

@@ -21,6 +21,11 @@
       "bundleIdentifier": "com.emurgo.yoroi",
       "associatedDomains": ["applinks:yoroi-wallet.com"],
       "infoPlist": {
+        "CFBundleURLTypes": [
+          {
+            "CFBundleURLSchemes": ["yoroi", "web+cardano"]
+          }
+        ],
         "NSCameraUsageDescription": "Allow $(PRODUCT_NAME) to access your camera to scan QR codes",
         "NSPhotoLibraryUsageDescription": "Allow $(PRODUCT_NAME) to access your photo library to import wallet data and QR codes",
         "NSLocationWhenInUseUsageDescription": "Allow $(PRODUCT_NAME) to access your location for Bluetooth scanning",
@@ -88,6 +93,13 @@
             "pathPrefix": "/w1"
           },
           "autoVerify": true
+        },
+        {
+          "action": "VIEW",
+          "category": ["DEFAULT", "BROWSABLE"],
+          "data": {
+            "scheme": "web+cardano"
+          }
         }
       ],
       "splash": {