@thanhphi/create-360-miniapp 0.0.0-stage → 0.2.0

package/template/pipelines/beta.yml

@@ -0,0 +1,91 @@
+# Configure optional deployment variables in Azure Pipelines or add a variable
+# group below. Build-only CI needs no Azure connection, storage or database.
+parameters:
+  - name: deploy
+    displayName: 'Upload and register the built mini app'
+    type: boolean
+    default: false
+  - name: agentPool
+    type: object
+    default:
+      vmImage: 'ubuntu-latest'
+  - name: nodeVersion
+    type: string
+    default: '22.x'
+
+pool: ${{ parameters.agentPool }}
+
+trigger:
+  branches:
+    include:
+      - beta
+  paths:
+    include:
+      - src/**
+      - assets/**
+      - declare/**
+      - env/**
+      - android/**
+      - ios/**
+      - scripts/**
+      - plugins/**
+      - pipelines/**
+      - __tests__/**
+      - package.json
+      - package-lock.json
+      - yarn.lock
+      - App.tsx
+      - aliases.cjs
+      - index.js
+      - index.repack.js
+      - app.json
+      - app.config.*
+      - babel.config.*
+      - metro.config.*
+      - rspack.config.*
+      - react-native.config.*
+      - tsconfig*.json
+      - jest.config.*
+      - jest.setup.*
+      - eslint.config.*
+      - .eslintrc*
+      - .npmrc
+
+variables:
+  # Add your environment-specific Azure variable group here when deploy = true:
+  # - group: '<your-miniapp-variable-group>'
+  - name: envBuild
+    value: 'beta'
+  - name: envFolder
+    value: 'beta'
+  - name: appName
+    value: '__APP_NAME__'
+  - name: appId
+    value: '__APP_ID__'
+  - name: appCode
+    value: '__APP_CODE__'
+  - name: miniAppVersion
+    value: '$(Build.BuildNumber)'
+
+stages:
+  - stage: Build
+    displayName: 'Verify and bundle beta mini app'
+    jobs:
+      - job: Build
+        displayName: 'Build Android and iOS remotes'
+        steps:
+          - checkout: self
+            clean: true
+          - template: templates/build-and-zip.yml
+            parameters:
+              nodeVersion: '${{ parameters.nodeVersion }}'
+          - ${{ if eq(parameters.deploy, true) }}:
+            - template: templates/upload-and-register.yml
+              parameters:
+                platform: android
+                checksum: '$(CHECKSUMANDROID)'
+            - template: templates/upload-and-register.yml
+              parameters:
+                platform: ios
+                checksum: '$(CHECKSUMIOS)'
+

package/template/pipelines/production.yml

@@ -0,0 +1,91 @@
+# Configure optional deployment variables in Azure Pipelines or add a variable
+# group below. Build-only CI needs no Azure connection, storage or database.
+parameters:
+  - name: deploy
+    displayName: 'Upload and register the built mini app'
+    type: boolean
+    default: false
+  - name: agentPool
+    type: object
+    default:
+      vmImage: 'ubuntu-latest'
+  - name: nodeVersion
+    type: string
+    default: '22.x'
+
+pool: ${{ parameters.agentPool }}
+
+trigger:
+  tags:
+    include:
+      - '*'
+  paths:
+    include:
+      - src/**
+      - assets/**
+      - declare/**
+      - env/**
+      - android/**
+      - ios/**
+      - scripts/**
+      - plugins/**
+      - pipelines/**
+      - __tests__/**
+      - package.json
+      - package-lock.json
+      - yarn.lock
+      - App.tsx
+      - aliases.cjs
+      - index.js
+      - index.repack.js
+      - app.json
+      - app.config.*
+      - babel.config.*
+      - metro.config.*
+      - rspack.config.*
+      - react-native.config.*
+      - tsconfig*.json
+      - jest.config.*
+      - jest.setup.*
+      - eslint.config.*
+      - .eslintrc*
+      - .npmrc
+
+variables:
+  # Add your environment-specific Azure variable group here when deploy = true:
+  # - group: '<your-miniapp-variable-group>'
+  - name: envBuild
+    value: 'prod'
+  - name: envFolder
+    value: 'production'
+  - name: appName
+    value: '__APP_NAME__'
+  - name: appId
+    value: '__APP_ID__'
+  - name: appCode
+    value: '__APP_CODE__'
+  - name: miniAppVersion
+    value: '$(Build.BuildNumber)'
+
+stages:
+  - stage: Build
+    displayName: 'Verify and bundle production mini app'
+    jobs:
+      - job: Build
+        displayName: 'Build Android and iOS remotes'
+        steps:
+          - checkout: self
+            clean: true
+          - template: templates/build-and-zip.yml
+            parameters:
+              nodeVersion: '${{ parameters.nodeVersion }}'
+          - ${{ if eq(parameters.deploy, true) }}:
+            - template: templates/upload-and-register.yml
+              parameters:
+                platform: android
+                checksum: '$(CHECKSUMANDROID)'
+            - template: templates/upload-and-register.yml
+              parameters:
+                platform: ios
+                checksum: '$(CHECKSUMIOS)'
+

package/template/pipelines/staging.yml

@@ -0,0 +1,91 @@
+# Configure optional deployment variables in Azure Pipelines or add a variable
+# group below. Build-only CI needs no Azure connection, storage or database.
+parameters:
+  - name: deploy
+    displayName: 'Upload and register the built mini app'
+    type: boolean
+    default: false
+  - name: agentPool
+    type: object
+    default:
+      vmImage: 'ubuntu-latest'
+  - name: nodeVersion
+    type: string
+    default: '22.x'
+
+pool: ${{ parameters.agentPool }}
+
+trigger:
+  branches:
+    include:
+      - staging
+  paths:
+    include:
+      - src/**
+      - assets/**
+      - declare/**
+      - env/**
+      - android/**
+      - ios/**
+      - scripts/**
+      - plugins/**
+      - pipelines/**
+      - __tests__/**
+      - package.json
+      - package-lock.json
+      - yarn.lock
+      - App.tsx
+      - aliases.cjs
+      - index.js
+      - index.repack.js
+      - app.json
+      - app.config.*
+      - babel.config.*
+      - metro.config.*
+      - rspack.config.*
+      - react-native.config.*
+      - tsconfig*.json
+      - jest.config.*
+      - jest.setup.*
+      - eslint.config.*
+      - .eslintrc*
+      - .npmrc
+
+variables:
+  # Add your environment-specific Azure variable group here when deploy = true:
+  # - group: '<your-miniapp-variable-group>'
+  - name: envBuild
+    value: 'staging'
+  - name: envFolder
+    value: 'staging'
+  - name: appName
+    value: '__APP_NAME__'
+  - name: appId
+    value: '__APP_ID__'
+  - name: appCode
+    value: '__APP_CODE__'
+  - name: miniAppVersion
+    value: '$(Build.BuildNumber)'
+
+stages:
+  - stage: Build
+    displayName: 'Verify and bundle staging mini app'
+    jobs:
+      - job: Build
+        displayName: 'Build Android and iOS remotes'
+        steps:
+          - checkout: self
+            clean: true
+          - template: templates/build-and-zip.yml
+            parameters:
+              nodeVersion: '${{ parameters.nodeVersion }}'
+          - ${{ if eq(parameters.deploy, true) }}:
+            - template: templates/upload-and-register.yml
+              parameters:
+                platform: android
+                checksum: '$(CHECKSUMANDROID)'
+            - template: templates/upload-and-register.yml
+              parameters:
+                platform: ios
+                checksum: '$(CHECKSUMIOS)'
+

package/template/pipelines/templates/build-and-zip.yml

@@ -0,0 +1,89 @@
+parameters:
+  - name: nodeVersion
+    type: string
+    default: '22.x'
+
+steps:
+  - task: NodeTool@0
+    displayName: 'Use Node.js ${{ parameters.nodeVersion }}'
+    inputs:
+      versionSpec: '${{ parameters.nodeVersion }}'
+
+  - task: Bash@3
+    displayName: 'Install, verify and bundle mini app'
+    inputs:
+      targetType: 'inline'
+      workingDirectory: '$(Build.SourcesDirectory)'
+      script: |
+        set -euo pipefail
+
+        if [ -f package-lock.json ]; then
+          npm ci
+        else
+          # The scaffold has no dependency lock yet. Commit the first generated
+          # package-lock.json so subsequent builds use reproducible npm ci.
+          echo 'No package-lock.json found; using npm install for the first build.'
+          npm install
+        fi
+
+        node scripts/sync-env.js "$MINIAPP_ENV_BUILD"
+        npm run typecheck
+        npm run lint
+        npm run test
+        npm run bundle:mf:android
+        npm run bundle:mf:ios
+    env:
+      CI: 'true'
+      MINIAPP_ENV_BUILD: '$(envBuild)'
+
+  - task: Bash@3
+    displayName: 'Archive remote bundles and compute SHA-1'
+    inputs:
+      targetType: 'inline'
+      workingDirectory: '$(Build.SourcesDirectory)'
+      script: |
+        set -euo pipefail
+
+        if [[ ! "$MINIAPP_VERSION" =~ ^[A-Za-z0-9._-]+$ ]]; then
+          echo 'miniAppVersion must contain only letters, digits, dots, underscores or hyphens.' >&2
+          exit 1
+        fi
+
+        mkdir -p "$ARTIFACT_DIRECTORY"
+        for platform in android ios; do
+          remoteDirectory="$BUILD_CONTEXT/build/outputs/$platform/remotes"
+          archiveDirectory="$BUILD_CONTEXT/build/generated/$platform"
+          archive="$archiveDirectory/$MINIAPP_VERSION.zip"
+          test -f "$remoteDirectory/$MINIAPP_CONTAINER_NAME.container.js.bundle"
+          mkdir -p "$archiveDirectory" "$ARTIFACT_DIRECTORY/$platform"
+
+          (
+            cd "$remoteDirectory"
+            # A container may depend on every other chunk in this directory.
+            # generated/ contains standalone/compiler output and is not shipped.
+            zip -r "$archive" . -x '*.map'
+          )
+
+          checksum=$(sha1sum "$archive" | awk '{print $1}')
+          if [ "$platform" = android ]; then
+            echo "##vso[task.setvariable variable=CHECKSUMANDROID]$checksum"
+          else
+            echo "##vso[task.setvariable variable=CHECKSUMIOS]$checksum"
+          fi
+
+          cp "$archive" "$ARTIFACT_DIRECTORY/$platform/"
+          printf '%s  %s.zip\n' "$checksum" "$MINIAPP_VERSION" > "$ARTIFACT_DIRECTORY/$platform/$MINIAPP_VERSION.zip.sha1"
+        done
+    env:
+      BUILD_CONTEXT: '$(Build.SourcesDirectory)'
+      ARTIFACT_DIRECTORY: '$(Build.ArtifactStagingDirectory)/miniapp'
+      MINIAPP_VERSION: '$(miniAppVersion)'
+      MINIAPP_CONTAINER_NAME: '$(appName)'
+
+  - task: PublishPipelineArtifact@1
+    displayName: 'Publish Android and iOS mini app archives'
+    condition: succeeded()
+    inputs:
+      targetPath: '$(Build.ArtifactStagingDirectory)/miniapp'
+      artifact: 'miniapp-$(envBuild)'
+      publishLocation: 'pipeline'

package/template/pipelines/templates/upload-and-register.yml

@@ -0,0 +1,89 @@
+parameters:
+  - name: platform
+    type: string
+    values:
+      - android
+      - ios
+  - name: checksum
+    type: string
+
+steps:
+  - task: AzureCLI@2
+    displayName: 'Upload ${{ parameters.platform }} mini app archive'
+    inputs:
+      azureSubscription: '$(MINIAPP_AZURE_SUBSCRIPTION)'
+      scriptType: 'bash'
+      scriptLocation: 'inlineScript'
+      inlineScript: |
+        set -euo pipefail
+
+        for variable in STORAGE_ACCOUNT STORAGE_CONTAINER APP_ID ENV_FOLDER MINIAPP_VERSION; do
+          case "${!variable:-}" in
+            ''|'$('*) echo "Required pipeline variable is missing: $variable" >&2; exit 1 ;;
+          esac
+        done
+
+        az storage blob upload \
+          --file "$BUILD_CONTEXT/build/generated/$PLATFORM/$MINIAPP_VERSION.zip" \
+          --container-name "$STORAGE_CONTAINER" \
+          --name "$APP_ID/$ENV_FOLDER/$PLATFORM/$MINIAPP_VERSION.zip" \
+          --account-name "$STORAGE_ACCOUNT" \
+          --auth-mode login \
+          --overwrite false \
+          --only-show-errors
+    env:
+      BUILD_CONTEXT: '$(Build.SourcesDirectory)'
+      STORAGE_ACCOUNT: '$(MINIAPP_STORAGE_ACCOUNT)'
+      STORAGE_CONTAINER: '$(MINIAPP_STORAGE_CONTAINER)'
+      APP_ID: '$(appId)'
+      ENV_FOLDER: '$(envFolder)'
+      PLATFORM: '${{ parameters.platform }}'
+      MINIAPP_VERSION: '$(miniAppVersion)'
+
+  - task: Bash@3
+    displayName: 'Register ${{ parameters.platform }} mini app version'
+    inputs:
+      targetType: 'inline'
+      script: |
+        set -euo pipefail
+
+        for variable in PGHOST PGUSER PGDATABASE PGPASSWORD APP_ID APP_NAME APP_CODE STORAGE_CONTAINER MINIAPP_VERSION CHECKSUM; do
+          case "${!variable:-}" in
+            ''|'$('*) echo "Required pipeline variable is missing: $variable" >&2; exit 1 ;;
+          esac
+        done
+
+        archivePath="$APP_ID/$ENV_FOLDER/$PLATFORM/$MINIAPP_VERSION.zip"
+        psql --no-psqlrc --set=ON_ERROR_STOP=1 \
+          --set=app_id="$APP_ID" \
+          --set=app_name="$APP_NAME" \
+          --set=app_code="$APP_CODE" \
+          --set=miniapp_version="$MINIAPP_VERSION" \
+          --set=platform="$PLATFORM" \
+          --set=checksum="$CHECKSUM" \
+          --set=storage_container="$STORAGE_CONTAINER" \
+          --set=archive_path="$archivePath" <<'SQL'
+        BEGIN;
+        INSERT INTO mini_app (id, bundle_name, name, created_at, updated_at, forced, disabled, app_code)
+        VALUES (:'app_id', :'app_id', :'app_name', now(), now(), false, false, :'app_code')
+        ON CONFLICT (id) DO NOTHING;
+
+        INSERT INTO mini_app_version (id, id_version, platform, checkSum, container, path, created_at, updated_at)
+        VALUES (:'app_id', :'miniapp_version', :'platform', :'checksum', :'storage_container', :'archive_path', now(), now());
+        COMMIT;
+        SQL
+    env:
+      PGHOST: '$(DB_HOST)'
+      PGPORT: '5432'
+      PGUSER: '$(DB_LOGIN)'
+      PGDATABASE: '$(DB_DATABASE)'
+      PGPASSWORD: '$(DB_PASSWORD)'
+      PGSSLMODE: 'require'
+      APP_ID: '$(appId)'
+      APP_NAME: '$(appName)'
+      APP_CODE: '$(appCode)'
+      ENV_FOLDER: '$(envFolder)'
+      PLATFORM: '${{ parameters.platform }}'
+      MINIAPP_VERSION: '$(miniAppVersion)'
+      CHECKSUM: '${{ parameters.checksum }}'
+      STORAGE_CONTAINER: '$(MINIAPP_STORAGE_CONTAINER)'

package/template/react-native.config.js

@@ -0,0 +1,3 @@
+module.exports = process.env.REPACK === '1'
+  ? { commands: require('@callstack/repack/commands/rspack') }
+  : {};

package/template/rspack.config.cjs

@@ -0,0 +1,53 @@
+const path = require('node:path');
+const Repack = require('@callstack/repack');
+const { ExpoModulesPlugin } = require('@callstack/repack-plugin-expo-modules');
+const { ReanimatedPlugin } = require('@callstack/repack-plugin-reanimated');
+const pkg = require('./package.json');
+
+const aliases = Object.fromEntries(Object.entries(require('./aliases.cjs')).map(([name, target]) => [name, path.resolve(__dirname, target)]));
+const sharedNames = [
+  'react', 'react-native', 'expo', 'expo-image',
+  'react-native-unistyles', 'react-native-nitro-modules',
+  '@thanhphi/miniapp-sdk', '@thanhphi/ui360',
+  '@react-navigation/native', '@react-navigation/native-stack',
+  'react-native-gesture-handler', 'react-native-safe-area-context',
+  'react-native-screens', 'react-native-svg', 'react-native-calendars',
+  'react-native-reanimated', 'react-native-worklets',
+];
+const shared = Object.fromEntries(sharedNames.map(name => [name, {
+  singleton: true,
+  strictVersion: name === '@thanhphi/ui360',
+  eager: false,
+  packageName: name,
+  requiredVersion: pkg.dependencies[name],
+  version: require(`${name}/package.json`).version,
+}]));
+
+module.exports = Repack.defineRspackConfig(({ mode, context, platform }) => ({
+  mode, context,
+  devtool: mode === 'production' ? false : 'source-map',
+  entry: './index.repack.js',
+  resolve: { ...Repack.getResolveOptions({ enablePackageExports: true }), alias: aliases },
+  output: { path: '[context]/build/generated/[platform]', uniqueName: '__APP_NAME__' },
+  module: { rules: [
+    { test: /\.[cm]?[jt]sx?$/, type: 'javascript/auto', use: {
+      loader: '@callstack/repack/babel-loader', options: {
+        configFile: path.resolve(__dirname, 'babel.config.js'),
+        caller: { name: '@callstack/repack', platform },
+      },
+    } },
+    { oneOf: [
+      { test: /\.svg$/, use: [{ loader: '@svgr/webpack', options: { native: true } }] },
+      ...Repack.getAssetTransformRules({ inline: true, maxInlineSize: 90 * 1024 }),
+    ] },
+  ] },
+  plugins: [
+    new Repack.RepackPlugin({ extraChunks: [{ include: /.*/, type: 'remote', outputPath: `build/outputs/${platform}/remotes` }] }),
+    new ExpoModulesPlugin(),
+    new ReanimatedPlugin({ unstable_disableTransform: true }),
+    new Repack.plugins.ModuleFederationPluginV2({
+      name: '__APP_NAME__', filename: '__APP_NAME__.container.js.bundle',
+      exposes: { './MiniApp': './src/App.tsx' }, dts: false, shared,
+    }),
+  ],
+}));

package/template/scripts/clean-mini-app-output.js

@@ -0,0 +1,9 @@
+const fs = require('node:fs');
+const path = require('node:path');
+module.exports = function clean(platform) {
+  if (!['ios', 'android'].includes(platform)) throw new Error('Platform must be ios or android.');
+  for (const directory of [`build/generated/${platform}`, `build/outputs/${platform}`]) {
+    fs.rmSync(path.resolve(__dirname, '..', directory), { recursive: true, force: true });
+  }
+};
+if (require.main === module) module.exports(process.argv[2]);

package/template/scripts/sync-env.js

@@ -0,0 +1,29 @@
+const fs = require('node:fs');
+const path = require('node:path');
+
+function syncEnv(flavor, root = path.resolve(__dirname, '..')) {
+  if (!['staging', 'beta', 'prod'].includes(flavor)) throw new Error('Use staging, beta or prod.');
+  const input = JSON.parse(fs.readFileSync(path.join(root, 'env', `${flavor}.json`), 'utf8'));
+  if (input.secure) throw new Error('Do not put secrets in client env files. Use public app config only.');
+  const config = input.public || input;
+  if (config.ENV !== flavor) throw new Error(`ENV must match ${flavor}.`);
+  const api = new URL(config.BASE_URL);
+  if (!['https:', 'http:'].includes(api.protocol) || api.username || api.password || api.search || api.hash) throw new Error('BASE_URL must be an HTTP(S) URL without credentials/query/hash.');
+  if (!Number.isInteger(config.API_TIMEOUT_MS) || config.API_TIMEOUT_MS <= 0) throw new Error('API_TIMEOUT_MS must be a positive integer.');
+  if (!config.AUTH || typeof config.AUTH.clientId !== 'string' || typeof config.AUTH.issuer !== 'string' || typeof config.AUTH.redirectUrl !== 'string' || !Array.isArray(config.AUTH.scopes) || config.AUTH.scopes.some(scope => typeof scope !== 'string')) throw new Error('AUTH requires issuer, clientId, redirectUrl and scopes.');
+  const issuer = new URL(config.AUTH.issuer);
+  const redirect = new URL(config.AUTH.redirectUrl);
+  if (issuer.protocol !== 'https:' || issuer.username || issuer.password) throw new Error('AUTH.issuer must use HTTPS without credentials.');
+  if (!/^[a-z][a-z0-9+.-]*:\/\//.test(config.AUTH.redirectUrl) || ['http:', 'https:'].includes(redirect.protocol) || redirect.username || redirect.password) throw new Error('Use a custom OAuth redirect scheme:// URL without credentials for this native base.');
+  const contents = `// Generated by scripts/sync-env.js (${flavor}). Values are public in the bundle.\nconst config = ${JSON.stringify(config, null, 2)} as const;\nexport default config;\nexport const { ENV, BASE_URL, API_TIMEOUT_MS, AUTH } = config;\n`;
+  fs.writeFileSync(path.join(root, 'env', 'env-config.ts'), contents);
+  // app.config.js uses the same selected env for native OAuth redirect setup.
+  fs.writeFileSync(path.join(root, 'env', 'selected.json'), JSON.stringify({ flavor }) + '\n');
+  return config;
+}
+
+if (require.main === module) {
+  try { syncEnv(process.argv[2]); console.log(`Selected ${process.argv[2]} environment. Restart Metro/Re.Pack after changing env.`); }
+  catch (error) { console.error(error.message); process.exitCode = 1; }
+}
+module.exports = { syncEnv };

package/template/src/App.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { ApplicationProvider } from './common/mini-app/provider';
+import type { MiniAppProps } from './common/mini-app/types';
+import { MainStack } from './navigation/MainStack';
+import {
+  createApplicationServices,
+  type ApplicationServices,
+} from './services/application';
+
+export type { MiniAppProps } from './common/mini-app/types';
+
+/** Federation entry. Host authentication never falls back to standalone OIDC. */
+export function MyApp(props: MiniAppProps) {
+  const { hostCapabilities } = props;
+  const generation = React.useRef(0);
+  const [instance, setInstance] = React.useState<{
+    services: ApplicationServices;
+    key: number;
+  } | null>(null);
+
+  React.useLayoutEffect(() => {
+    if (!hostCapabilities) return;
+    const services = createApplicationServices(hostCapabilities);
+    setInstance({ services, key: ++generation.current });
+    return () => {
+      services.dispose();
+    };
+  }, [hostCapabilities]);
+
+  // Fail at the integration boundary rather than treating an old host as standalone.
+  if (!hostCapabilities) {
+    throw new Error(
+      'Mini app chưa được truyền hostCapabilities. Vui lòng kiểm tra cấu hình tích hợp.',
+    );
+  }
+
+  if (!instance)
+    return (
+      <View style={{ flex: 1, justifyContent: 'center' }}>
+        <ActivityIndicator />
+      </View>
+    );
+  return (
+    <ApplicationProvider key={instance.key} services={instance.services}>
+      <MainStack />
+    </ApplicationProvider>
+  );
+}
+export default MyApp;

package/template/src/StandaloneApp.tsx

@@ -0,0 +1,43 @@
+import './themes/standalone';
+import React from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { ApplicationProvider } from './common/mini-app/provider';
+import { createStandaloneSession } from './modules/auth/services/standalone-session';
+import { oidcOperations } from './modules/auth/services/oidc';
+import { MainStack } from './navigation/MainStack';
+import {
+  createApplicationServices,
+  type ApplicationServices,
+} from './services/application';
+
+export default function StandaloneApp() {
+  const [services, setServices] = React.useState<ApplicationServices | null>(
+    null,
+  );
+  const generation = React.useRef(0);
+  // Allocate in the effect so StrictMode's setup/cleanup/setup gets fresh resources.
+  React.useLayoutEffect(() => {
+    const session = createStandaloneSession(oidcOperations);
+    const instance = createApplicationServices(
+      session.capabilities,
+      session.actions,
+    );
+    generation.current += 1;
+    setServices(instance);
+    return () => {
+      instance.dispose();
+      session.dispose();
+    };
+  }, []);
+  if (!services)
+    return (
+      <View style={{ flex: 1, justifyContent: 'center' }}>
+        <ActivityIndicator />
+      </View>
+    );
+  return (
+    <ApplicationProvider key={generation.current} services={services}>
+      <MainStack />
+    </ApplicationProvider>
+  );
+}

package/template/src/assets/icons/.gitkeep

@@ -0,0 +1 @@
+

package/template/src/assets/images/.gitkeep

@@ -0,0 +1 @@
+

package/template/src/assets/svg/.gitkeep

@@ -0,0 +1 @@
+

package/template/src/bootstrap.tsx

@@ -0,0 +1,7 @@
+import './themes/standalone';
+import 'react-native-gesture-handler';
+import { registerRootComponent } from 'expo';
+import StandaloneApp from './StandaloneApp';
+
+// Expo prebuild uses "main"; federation exposes src/App.tsx independently.
+registerRootComponent(StandaloneApp);