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

package/template/jest.config.cjs

@@ -0,0 +1,29 @@
+const aliases = require('./aliases.cjs');
+const moduleNameMapper = {};
+for (const [alias, target] of Object.entries(aliases)) {
+  const escaped = alias.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  moduleNameMapper[`^${escaped}$`] = `<rootDir>/${target.replace(/^\.\//, '')}`;
+  moduleNameMapper[`^${escaped}/(.*)$`] = `<rootDir>/${target.replace(
+    /^\.\//,
+    '',
+  )}/$1`;
+}
+
+module.exports = {
+  preset: 'react-native',
+  testMatch: ['<rootDir>/__tests__/**/*.test.[jt]s?(x)'],
+  transform: {
+    '^.+\\.[jt]sx?$': [
+      'babel-jest',
+      {
+        presets: ['module:@react-native/babel-preset'],
+        babelrc: false,
+        configFile: false,
+      },
+    ],
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!((jest-)?react-native|@react-native|@thanhphi/miniapp-sdk|immer)/)',
+  ],
+  moduleNameMapper,
+};

package/template/metro.config.js

@@ -0,0 +1,6 @@
+const { getDefaultConfig } = require('expo/metro-config');
+const config = getDefaultConfig(__dirname);
+config.transformer.babelTransformerPath = require.resolve('react-native-svg-transformer/expo');
+config.resolver.assetExts = config.resolver.assetExts.filter(ext => ext !== 'svg');
+config.resolver.sourceExts.push('svg');
+module.exports = config;

package/template/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "__PACKAGE_NAME__",
+  "version": "0.0.1",
+  "private": true,
+  "main": "index.js",
+  "scripts": {
+    "android": "expo run:android",
+    "ios": "expo run:ios",
+    "lint": "eslint src App.tsx",
+    "start": "expo start",
+    "start:expo": "expo start",
+    "start:mf": "REPACK=1 react-native start --port __PORT__ --config rspack.config.cjs",
+    "start:mf:device": "REPACK=1 react-native start  --host 0.0.0.0 --port __PORT__ --config rspack.config.cjs",
+    "start:mf:reset": "REPACK=1 react-native start --port __PORT__ --config rspack.config.cjs --reset-cache",
+    "bundle:mf:ios": "node scripts/clean-mini-app-output.js ios && REPACK=1 react-native bundle --platform ios --dev false --minify true --entry-file index.repack.js --config rspack.config.cjs --bundle-output build/generated/ios/index.bundle --assets-dest build/generated/ios",
+    "bundle:mf:android": "node scripts/clean-mini-app-output.js android && REPACK=1 react-native bundle --platform android --dev false --minify true --entry-file index.repack.js --config rspack.config.cjs --bundle-output build/generated/android/index.bundle --assets-dest build/generated/android",
+    "env:staging": "node scripts/sync-env.js staging",
+    "env:beta": "node scripts/sync-env.js beta",
+    "env:prod": "node scripts/sync-env.js prod",
+    "start:staging": "node scripts/sync-env.js staging && expo start",
+    "start:beta": "node scripts/sync-env.js beta && expo start",
+    "start:prod": "node scripts/sync-env.js prod && expo start",
+    "ios:staging": "node scripts/sync-env.js staging && expo run:ios",
+    "ios:beta": "node scripts/sync-env.js beta && expo run:ios",
+    "ios:prod": "node scripts/sync-env.js prod && expo run:ios",
+    "android:staging": "node scripts/sync-env.js staging && expo run:android",
+    "android:beta": "node scripts/sync-env.js beta && expo run:android",
+    "android:prod": "node scripts/sync-env.js prod && expo run:android",
+    "typecheck": "tsc --noEmit",
+    "test": "jest --runInBand --watchman=false"
+  },
+  "dependencies": {
+    "@react-navigation/native": "7.2.2",
+    "@react-navigation/native-stack": "7.14.12",
+    "@reduxjs/toolkit": "2.11.2",
+    "@tanstack/react-query": "5.62.11",
+    "@thanhphi/miniapp-sdk": "0.1.0",
+    "@thanhphi/ui360": "0.2.0",
+    "expo": "~55.0.0",
+    "expo-dev-client": "~55.0.32",
+    "react": "19.2.0",
+    "react-native": "0.83.6",
+    "react-native-app-auth": "8.1.0",
+    "react-native-calendars": "1.1314.0",
+    "react-native-gesture-handler": "~2.30.0",
+    "react-native-reanimated": "4.3.1",
+    "react-native-safe-area-context": "~5.6.2",
+    "react-native-screens": "~4.23.0",
+    "react-native-svg": "15.15.4",
+    "react-native-worklets": "0.8.1",
+    "react-redux": "9.2.0",
+    "react-native-unistyles": "3.2.5",
+    "react-native-nitro-modules": "0.36.5",
+    "expo-image": "~55.0.10"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/runtime": "^7.25.0",
+    "@callstack/repack": "^5.2.5",
+    "@callstack/repack-plugin-expo-modules": "^5.2.5",
+    "@callstack/repack-plugin-reanimated": "^5.2.5",
+    "@module-federation/enhanced": "^0.19.1",
+    "@react-native-community/cli": "20.0.0",
+    "@react-native-community/cli-platform-android": "20.0.0",
+    "@react-native-community/cli-platform-ios": "20.0.0",
+    "@react-native/babel-preset": "0.83.6",
+    "@react-native/eslint-config": "0.83.6",
+    "@react-native/metro-config": "0.83.6",
+    "@react-native/typescript-config": "0.83.6",
+    "@rspack/core": "1.7.12",
+    "@svgr/webpack": "8.1.0",
+    "@types/jest": "29.5.13",
+    "@types/react": "19.2.0",
+    "@types/react-test-renderer": "19.1.0",
+    "babel-jest": "29.6.3",
+    "babel-plugin-module-resolver": "5.0.3",
+    "babel-preset-expo": "~55.0.8",
+    "eslint": "8.19.0",
+    "jest": "29.6.3",
+    "prettier": "2.8.8",
+    "react-native-svg-transformer": "1.5.3",
+    "react-test-renderer": "19.2.0",
+    "typescript": "5.8.3"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

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',
+  // UI360 stays in this remote bundle, independent of the host's UI version.
+  '@thanhphi/miniapp-sdk',
+  '@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,
+  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 };