[SELF-700] feat: add mock document generator demo

.cursorignore

@@ -244,7 +244,6 @@ app/src/assets/animations/*.json
 app/src/assets/fonts/
 
 # Yarn configuration
-.yarnrc.yml
 **/.yarn/
 
 # Certificate generation config

.github/workflows/mobile-e2e.yml

@@ -107,7 +107,7 @@ jobs:
       - name: Build dependencies (outside emulator)
         run: |
           echo "Building dependencies..."
-          yarn workspace @selfxyz/mobile-app run build:deps --silent || { echo "❌ Dependency build failed"; exit 1; }
+          yarn workspace @selfxyz/mobile-app run build:deps || { echo "❌ Dependency build failed"; exit 1; }
           echo "✅ Dependencies built successfully"
       - name: Clone android-passport-reader
         uses: ./.github/actions/clone-android-passport-reader
@@ -293,7 +293,7 @@ jobs:
       - name: Build dependencies (outside main flow)
         run: |
           echo "Building dependencies..."
-          yarn workspace @selfxyz/mobile-app run build:deps --silent || { echo "❌ Dependency build failed"; exit 1; }
+          yarn workspace @selfxyz/mobile-app run build:deps || { echo "❌ Dependency build failed"; exit 1; }
           echo "✅ Dependencies built successfully"
       - name: Install iOS dependencies
         run: |

.github/workflows/mobile-sdk-demo-ci.yml

@@ -3,7 +3,7 @@ name: Mobile SDK Demo CI
 on:
   pull_request:
     paths:
-      - "packages/mobile-sdk-alpha/demo-app/**"
+      - "packages/mobile-sdk-demo/**"
       - ".github/workflows/mobile-sdk-demo-ci.yml"
       - ".github/actions/**"
 
@@ -18,9 +18,14 @@ jobs:
           node-version-file: .nvmrc
       - name: Install Dependencies
         uses: ./.github/actions/yarn-install
+      - name: Build dependencies (topological)
+        shell: bash
+        run: |
+          # Build demo app and all its transitive workspace deps in the correct order
+          yarn workspaces foreach -R -t --from mobile-sdk-demo run build
       - name: Run demo app tests
         run: |
-          yarn workspace demo-app test
+          yarn workspace mobile-sdk-demo test
       - name: Build demo app
         run: |
-          yarn workspace demo-app build
+          yarn build:demo

.gitignore

@@ -10,6 +10,7 @@ showcase
 output/*
 *.tsbuildinfo
 .yarnrc.yml
+.giga/tasks/*
 package-lock.json
 
 # CI-generated tarballs (don't commit these!)

.yarnrc.yml

@@ -1,4 +1,5 @@
 nodeLinker: node-modules
+nmHoistingLimits: workspaces
 enableGlobalCache: true
 enableScripts: true
 checksumBehavior: "update"

README.md

@@ -94,3 +94,5 @@ We are actively looking for contributors. Please check the [open issues](https:/
 Thanks [Rémi](https://github.com/remicolin), [Florent](https://github.com/0xturboblitz), [Ayman](https://github.com/Nesopie), [Justin](https://github.com/transphorm), [Seshanth](https://github.com/seshanthS), [Nico](https://github.com/motemotech) and all other contributors for building Self.
 
 Thanks [Aayush](https://twitter.com/yush_g), [Vivek](https://twitter.com/viv_boop), [Andy](https://twitter.com/AndyGuzmanEth) and [Vitalik](https://github.com/vbuterin) for contributing ideas and inspiring us to build this technology, and [PSE](https://pse.dev/) for supporting the initial work through grants!
+
+# Cache refresh Sat Aug 30 22:47:05 PDT 2025

app/declarations.d.ts

@@ -19,3 +19,5 @@ declare module '*.svg' {
   const content: React.FC<SvgProps>;
   export default content;
 }
+
+declare module 'react-native-svg-circle-country-flags';

app/ios/Podfile

@@ -57,7 +57,7 @@ target "Self" do
   pod "lottie-ios"
   pod "SwiftQRScanner", :git => "https://github.com/vinodiOS/SwiftQRScanner"
   pod "Mixpanel-swift", "~> 5.0.0"
-  pod "RNReactNativeHapticFeedback", :path => "../../node_modules/react-native-haptic-feedback", :modular_headers => true
+  pod "RNReactNativeHapticFeedback", :path => "../node_modules/react-native-haptic-feedback", :modular_headers => true
 
   use_react_native!(
     :path => config[:reactNativePath],

app/metro.config.cjs

@@ -4,225 +4,91 @@
 
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 const path = require('node:path');
+const findYarnWorkspaceRoot = require('find-yarn-workspace-root');
 
 const defaultConfig = getDefaultConfig(__dirname);
 const { assetExts, sourceExts } = defaultConfig.resolver;
 
-const monorepoRoot = path.resolve(__dirname, '../');
-const commonPath = path.join(__dirname, '/../common');
-const sdkAlphaPath = path.join(__dirname, '/../packages/mobile-sdk-alpha');
-const trueMonorepoNodeModules = path.resolve(__dirname, '../node_modules');
-const extraNodeModules = {
-  stream: require.resolve('stream-browserify'),
-  buffer: require.resolve('buffer'),
-  util: require.resolve('util'),
-  assert: require.resolve('assert'),
-  '@babel/runtime': path.join(trueMonorepoNodeModules, '@babel/runtime'),
-  // Pin React and React Native to monorepo root
-  react: path.join(trueMonorepoNodeModules, 'react'),
-  'react-native': path.join(trueMonorepoNodeModules, 'react-native'),
-  '@': path.join(__dirname, 'src'),
-  '@selfxyz/common': path.resolve(commonPath, 'dist'),
-  '@selfxyz/mobile-sdk-alpha': path.resolve(sdkAlphaPath, 'dist'),
-  '@selfxyz/mobile-sdk-alpha/constants/analytics': path.resolve(
-    sdkAlphaPath,
-    'dist/esm/constants/analytics.js',
-  ),
-  '@selfxyz/mobile-sdk-alpha/stores': path.resolve(
-    sdkAlphaPath,
-    'dist/esm/stores.js',
-  ),
-  // Main exports
-  '@selfxyz/common/utils': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/index.js',
-  ),
-  '@selfxyz/common/types': path.resolve(
-    commonPath,
-    'dist/esm/src/types/index.js',
-  ),
-  '@selfxyz/common/constants': path.resolve(
-    commonPath,
-    'dist/esm/src/constants/index.js',
-  ),
-  // Constants subpaths
-  '@selfxyz/common/constants/countries': path.resolve(
-    commonPath,
-    'dist/esm/src/constants/countries.js',
-  ),
-  '@selfxyz/common/constants/vkey': path.resolve(
-    commonPath,
-    'dist/esm/src/constants/vkey.js',
-  ),
-  '@selfxyz/common/constants/skiPem': path.resolve(
-    commonPath,
-    'dist/esm/src/constants/skiPem.js',
-  ),
-  '@selfxyz/common/constants/mockCerts': path.resolve(
-    commonPath,
-    'dist/esm/src/constants/mockCertificates.js',
-  ),
-  '@selfxyz/common/constants/hashes': path.resolve(
-    commonPath,
-    'dist/esm/src/constants/sampleDataHashes.js',
-  ),
-  // Utils subpaths
-  '@selfxyz/common/utils/hash': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/hash.js',
-  ),
-  '@selfxyz/common/utils/attest': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/attest.js',
-  ),
-  '@selfxyz/common/utils/bytes': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/bytes.js',
-  ),
-  '@selfxyz/common/utils/trees': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/trees.js',
-  ),
-  '@selfxyz/common/utils/scope': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/scope.js',
-  ),
-  '@selfxyz/common/utils/proving': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/proving.js',
-  ),
-  '@selfxyz/common/utils/appType': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/appType.js',
-  ),
-  '@selfxyz/common/utils/date': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/date.js',
-  ),
-  '@selfxyz/common/utils/arrays': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/arrays.js',
-  ),
-  '@selfxyz/common/utils/passports': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/passports/index.js',
-  ),
-  '@selfxyz/common/utils/passportFormat': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/passports/format.js',
-  ),
-  '@selfxyz/common/utils/passports/validate': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/passports/validate.js',
-  ),
-  '@selfxyz/common/utils/passportMock': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/passports/mock.js',
-  ),
-  '@selfxyz/common/utils/passportDg1': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/passports/dg1.js',
-  ),
-  '@selfxyz/common/utils/certificates': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/certificate_parsing/index.js',
-  ),
-  '@selfxyz/common/utils/elliptic': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/certificate_parsing/elliptic.js',
-  ),
-  '@selfxyz/common/utils/curves': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/certificate_parsing/curves.js',
-  ),
-  '@selfxyz/common/utils/oids': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/certificate_parsing/oids.js',
-  ),
-  '@selfxyz/common/utils/circuits': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/circuits/index.js',
-  ),
-  '@selfxyz/common/utils/circuitNames': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/circuits/circuitsName.js',
-  ),
-  '@selfxyz/common/utils/circuitFormat': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/circuits/formatOutputs.js',
-  ),
-  '@selfxyz/common/utils/uuid': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/circuits/uuid.js',
-  ),
-  '@selfxyz/common/utils/contracts': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/contracts/index.js',
-  ),
-  '@selfxyz/common/utils/sanctions': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/contracts/forbiddenCountries.js',
-  ),
-  '@selfxyz/common/utils/csca': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/csca.js',
-  ),
-  '@selfxyz/common/utils/ofac': path.resolve(
-    commonPath,
-    'dist/esm/src/utils/ofac.js',
-  ),
-  // Types subpaths
-  '@selfxyz/common/types/passport': path.resolve(
-    commonPath,
-    'dist/esm/src/types/passport.js',
-  ),
-  '@selfxyz/common/types/app': path.resolve(
-    commonPath,
-    'dist/esm/src/types/app.js',
-  ),
-  '@selfxyz/common/types/certificates': path.resolve(
-    commonPath,
-    'dist/esm/src/types/certificates.js',
-  ),
-  '@selfxyz/common/types/circuits': path.resolve(
-    commonPath,
-    'dist/esm/src/types/circuits.js',
-  ),
-};
-const watchFolders = [
-  path.resolve(commonPath),
-  trueMonorepoNodeModules,
-  path.join(__dirname, 'src'),
-  path.resolve(sdkAlphaPath),
-];
+const projectRoot = __dirname;
+const workspaceRoot =
+  findYarnWorkspaceRoot(__dirname) || path.resolve(__dirname, '..');
 
 /**
- * Metro configuration
- * https://facebook.github.io/metro/docs/configuration
+ * Modern Metro configuration using native workspace capabilities
+ * Eliminates need for manual symlink management through:
+ * - enableGlobalPackages: Automatic workspace package discovery
+ * - unstable_enablePackageExports: Native subpath import support
+ * - unstable_enableSymlinks: Optional symlink resolution
  *
  * @type {import('metro-config').MetroConfig}
  */
 const config = {
+  projectRoot,
+
+  watchFolders: [
+    workspaceRoot, // Watch entire workspace root for changes
+    path.resolve(workspaceRoot, 'common'),
+    path.resolve(workspaceRoot, 'packages/mobile-sdk-alpha'),
+  ],
+
   transformer: {
     babelTransformerPath: require.resolve(
       'react-native-svg-transformer/react-native',
     ),
     disableImportExportTransform: true,
     inlineRequires: true,
   },
+
   resolver: {
-    extraNodeModules,
+    // Prevent Haste module naming collisions from duplicate package.json files
+    blockList: [
+      // Ignore built package.json files to prevent Haste collisions
+      /.*\/dist\/package\.json$/,
+      /.*\/build\/package\.json$/,
+    ],
+    // Enable automatic workspace package resolution
+    enableGlobalPackages: true,
+
+    // Handle subpath exports (@selfxyz/common/constants)
+    unstable_enablePackageExports: true,
+
+    // Enable native symlink support (optional, for compatibility)
+    unstable_enableSymlinks: true,
+
+    // Define search order for node modules
     nodeModulesPaths: [
-      path.resolve(__dirname, 'node_modules'), // App's own node_modules
-      path.resolve(monorepoRoot, 'node_modules'), // Monorepo root node_modules
-      trueMonorepoNodeModules,
-      // Add paths to other package workspaces if needed
+      path.resolve(projectRoot, 'node_modules'), // App's own node_modules
+      path.resolve(workspaceRoot, 'node_modules'), // Workspace root node_modules
     ],
+
+    // Essential polyfills for React Native
+    extraNodeModules: {
+      stream: require.resolve('stream-browserify'),
+      buffer: require.resolve('buffer'),
+      util: require.resolve('util'),
+      assert: require.resolve('assert'),
+      // App-specific alias
+      '@': path.join(__dirname, 'src'),
+    },
+
+    // Support package exports with conditions
+    unstable_conditionNames: ['require', 'react-native'],
+
+    // SVG support
     assetExts: assetExts.filter(ext => ext !== 'svg'),
     sourceExts: [...sourceExts, 'svg'],
 
-    // Custom resolver to handle Node.js modules elegantly
+    // Custom resolver to handle both .js imports in TypeScript and Node.js modules
     resolveRequest: (context, moduleName, platform) => {
+      // For relative imports in common source files that end with .js
+      if (
+        context.originModulePath?.includes('/common/src/') &&
+        moduleName.endsWith('.js')
+      ) {
+        const tsModuleName = moduleName.replace(/\.js$/, '.ts');
+        return context.resolveRequest(context, tsModuleName, platform);
+      }
+
       // Handle problematic Node.js modules that don't work in React Native
       const nodeModuleRedirects = {
         crypto: require.resolve('crypto-browserify'),
@@ -251,7 +117,6 @@ const config = {
       return context.resolveRequest(context, moduleName, platform);
     },
   },
-  watchFolders,
 };
 
 module.exports = mergeConfig(defaultConfig, config);