@shopify/shop-minis-cli 0.0.37 → 0.0.82

package/build/utils/package-manager.js

@@ -0,0 +1,98 @@
+import path from 'path';
+import fs from 'fs';
+import os from 'os';
+import { mkdtemp } from 'node:fs/promises';
+import _ from 'lodash';
+import { getPackageManager as _getPackageManager } from '@shopify/cli-kit/node/node-package-manager';
+import { formatPackageManagerCommand, outputDebug, } from '@shopify/cli-kit/node/output';
+import { execAsync } from './exec-async-child-process.js';
+export const getPackageManager = _.memoize(async () => {
+    const packageManager = await _getPackageManager(process.cwd());
+    outputDebug(`Preferred package manager has been detected as: ${packageManager}`);
+    return packageManager;
+});
+/**
+ * Install a package + update package.json and locks
+ */
+export const getUpgradePackageCommand = async (packageName, { version = 'latest', exact } = {}) => {
+    const packageManager = await getPackageManager();
+    return packageManager === 'yarn'
+        ? `yarn add ${packageName}@${version} ${exact ? '--exact' : ''}`.trim()
+        : // `--save` will save to the existing section of package.json
+            // `--legacy-peer-deps` gets us around react 16/17/18 peer dep conflicts that do not matter
+            `npm install ${packageName}@${version} --legacy-peer-deps ${exact ? '--save-exact' : '--save'}`;
+};
+export const execUpgradePackageCommand = async (packageName, { version = 'latest', exact } = {}) => {
+    const upgradeCommand = await getUpgradePackageCommand(packageName, {
+        version,
+        exact,
+    });
+    await execAsync({
+        cmd: upgradeCommand,
+        loadingMessage: `Upgrading ${packageName}...`,
+        successMessage: `${packageName} upgraded`,
+    });
+};
+/**
+ * Install the latest versions that are compatible with the range in package.json
+ * Yarn will upgrade in this range if it can and npm will stick with an existing compatible version
+ */
+export const getInstallCommand = async () => {
+    const packageManager = await getPackageManager();
+    return packageManager === 'yarn'
+        ? `yarn install`
+        : // `--legacy-peer-deps` gets us around react 16/17/18 peer dep conflicts that do not matter
+            `npm install --legacy-peer-deps`;
+};
+export const execInstallCommand = async () => {
+    const installCommand = await getInstallCommand();
+    await execAsync({
+        cmd: installCommand,
+        loadingMessage: 'Installing dependencies...',
+        successMessage: 'Dependencies installed',
+    });
+};
+/**
+ * Get a package.json script command formatted according to the detected package manager
+ */
+export const getRunScriptCommand = async (scriptName, scriptArgs = []) => {
+    return formatPackageManagerCommand(await getPackageManager(), scriptName, ...scriptArgs);
+};
+/**
+ * Get a dependency bin command formatted according to the detected package manager
+ */
+export const getRunBinCommand = async (scriptName, scriptArgs = []) => {
+    const packageManager = await getPackageManager();
+    return `${packageManager === 'yarn' ? 'yarn' : 'npx'} ${scriptName} ${scriptArgs.join(' ')}`.trimEnd();
+};
+/**
+ * Get a package.json script or a dependency bin command formatted according to the detected package manager
+ */
+export const getPackageLatestVersionCommand = async (packageName) => {
+    const packageManager = await getPackageManager();
+    return packageManager === 'yarn'
+        ? `yarn info ${packageName} version --silent`
+        : `npm show ${packageName} version`;
+};
+export const hardResetDependencies = async () => {
+    const installCommand = await getInstallCommand(); // get install command before deleting lockfiles, since lockfiles are used to detect package manager
+    await execAsync('rm -rf yarn.lock package-lock.json');
+    // doing `rm -rf node_modules proved to be very slow
+    // we move it to a tmp folder instead, so that we can reinstall dependencies while we delete the directory in parallel
+    const tmpDir = await mkdtemp(path.join(os.tmpdir(), 'minis_dependencies'));
+    await execAsync(`mv node_modules ${tmpDir}`);
+    return Promise.all([execAsync(`rm -rf ${tmpDir}`), execAsync(installCommand)]);
+};
+export const getPackageVersion = async (packageName) => {
+    const packageJsonPath = path.join(process.cwd(), 'node_modules', ...packageName.split('/'), 'package.json');
+    let packageJson = {};
+    try {
+        const packageJsonString = fs.readFileSync(packageJsonPath).toString('utf-8');
+        packageJson = JSON.parse(packageJsonString);
+    }
+    catch {
+        // do nothing. we will return 'not found' instead of crashing
+    }
+    return packageJson.version || 'not found';
+};
+//# sourceMappingURL=package-manager.js.map

package/build/utils/package-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-manager.js","sourceRoot":"","sources":["../../src/utils/package-manager.ts"],"names":[],"mappings":"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"}

package/build/utils/patch-package.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Applies patches to Minis dependencies (only if they have not been applied yet)
+ * @returns a list with the names of the patches that were applied
+ */
+export declare function maybeApplyPatches(): string[];

package/build/utils/patch-package.js

@@ -0,0 +1,76 @@
+import { createRequire } from 'node:module';
+import path from 'node:path';
+import { outputDebug } from '@shopify/cli-kit/node/output';
+import fs from 'fs-extra';
+const { applyPatch: patchPackageApplyPatch } = createRequire(import.meta.url)('patch-package/dist/applyPatches');
+const { getPackageDetailsFromPatchFilename } = createRequire(import.meta.url)('patch-package/dist/PackageDetails');
+// We use an empty file to know if a patch was already applied or not. i.e.
+// if node_modules/react-native/.patched-by-minis-cli exists, we assume that a patch was already applied
+// if node_modules/react-native/.patched-by-minis-cli does not exist, we assume that a patch is not applied yet
+const PATCHED_MARK_FILE = '.patched-by-minis-cli';
+const nodeModulesPath = path.join(process.cwd(), 'node_modules');
+const patchesDirectoryPath = path.join(nodeModulesPath, '@shopify', 'shop-minis-runtime', 'patches');
+function getPatchFiles() {
+    try {
+        return fs.readdirSync(patchesDirectoryPath);
+    }
+    catch (err) {
+        // older versions of shop-minis-runtime (< 0.0.5) do not have the patches folder.
+        outputDebug('Patches folder does not exist. Please update @shopify/shop-minis-runtime to ^0.0.5');
+        return [];
+    }
+}
+/**
+ * Applies patches to Minis dependencies (only if they have not been applied yet)
+ * @returns a list with the names of the patches that were applied
+ */
+export function maybeApplyPatches() {
+    const appliedPatches = [];
+    outputDebug('Applying dependency patches...');
+    const patches = getPatchFiles();
+    for (const patch of patches) {
+        if (isPatchApplied(patch)) {
+            outputDebug(`${patch} is already applied`);
+            continue;
+        }
+        outputDebug(`Applying patch ${patch}`);
+        const applied = applyPatch(patch);
+        if (applied) {
+            markPatchAsApplied(patch);
+            outputDebug(`Patch ${patch} applied`);
+            appliedPatches.push(patch);
+        }
+        else {
+            outputDebug(`Failed to apply patch ${patch}`);
+        }
+    }
+    return appliedPatches;
+}
+function isPatchApplied(patch) {
+    const dependencyName = getDependencyNameForPatch(patch);
+    return fs.existsSync(path.join(nodeModulesPath, dependencyName, PATCHED_MARK_FILE));
+}
+function applyPatch(patch) {
+    const patchFilePath = path.join(patchesDirectoryPath, patch);
+    return patchPackageApplyPatch({
+        patchFilePath,
+        reverse: false,
+        patchDir: patchesDirectoryPath,
+        packageDetails: getPackageDetailsFromPatchFilename(patch),
+    });
+}
+function markPatchAsApplied(patch) {
+    const dependencyName = getDependencyNameForPatch(patch);
+    fs.createFileSync(path.join(nodeModulesPath, dependencyName, PATCHED_MARK_FILE));
+}
+/**
+ * Given a patch file name, returns the name of the actual dependency that's being patched.
+ *
+ * @example
+ * getDependencyNameForPatch('react-native+0.68.5.patch')
+ * // returns 'react-native'
+ */
+function getDependencyNameForPatch(patch) {
+    return patch.split('+')[0];
+}
+//# sourceMappingURL=patch-package.js.map

package/build/utils/patch-package.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patch-package.js","sourceRoot":"","sources":["../../src/utils/patch-package.ts"],"names":[],"mappings":"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"}

package/build/utils/replace-strings-in-template.d.ts

@@ -0,0 +1 @@
+export declare function replaceStringsInTemplate(dir: string, stringsToReplace: Record<string, string>): Promise<void>;

package/build/utils/replace-strings-in-template.js

@@ -0,0 +1,15 @@
+import replaceInFile from 'replace-in-file';
+export async function replaceStringsInTemplate(dir, stringsToReplace) {
+    for (const [replaceKey, replaceValue] of Object.entries(stringsToReplace)) {
+        const replaceOptions = {
+            files: [`${dir}/**/*.*`],
+            from: new RegExp(replaceKey, 'g'),
+            to: replaceValue,
+            optionsForFiles: {
+                ignore: ['**/node_modules/**'],
+            },
+        };
+        await replaceInFile.replaceInFile(replaceOptions);
+    }
+}
+//# sourceMappingURL=replace-strings-in-template.js.map

package/build/utils/replace-strings-in-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replace-strings-in-template.js","sourceRoot":"","sources":["../../src/utils/replace-strings-in-template.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,MAAM,CAAC,KAAK,UAAU,wBAAwB,CAC5C,GAAW,EACX,gBAAwC;IAExC,KAAK,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE;QACzE,MAAM,cAAc,GAAG;YACrB,KAAK,EAAE,CAAC,GAAG,GAAG,SAAS,CAAC;YACxB,IAAI,EAAE,IAAI,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC;YACjC,EAAE,EAAE,YAAY;YAChB,eAAe,EAAE;gBACf,MAAM,EAAE,CAAC,oBAAoB,CAAC;aAC/B;SACF,CAAA;QAED,MAAM,aAAa,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;KAClD;AACH,CAAC"}

package/build/utils/semver.d.ts

@@ -0,0 +1 @@
+export declare function validateUpgradeBetweenVersions(fromVersion: string, toVersion: string): void;

package/build/utils/semver.js

@@ -0,0 +1,19 @@
+import { lte, coerce as coerceVersionToSemver } from 'semver';
+import { AbortError } from '@shopify/cli-kit/node/error';
+export function validateUpgradeBetweenVersions(fromVersion, toVersion) {
+    const fromVersionSemver = coerceVersionToSemver(fromVersion);
+    const toVersionSemver = coerceVersionToSemver(toVersion);
+    if (!fromVersionSemver || !toVersionSemver) {
+        const versionWithError = fromVersionSemver ? toVersion : fromVersion;
+        throw new AbortError('The provided version is not a valid semver string', undefined, [
+            [
+                `The specified value was "${versionWithError}"`,
+                `Read more about semantic versioning in https://semver.org/`,
+            ],
+        ]);
+    }
+    if (lte(toVersionSemver, fromVersionSemver)) {
+        throw new AbortError('The provided target version must be bigger than the base version', undefined, [[`Target version is "${toVersion}"`, `Base version is "${fromVersion}"`]]);
+    }
+}
+//# sourceMappingURL=semver.js.map

package/build/utils/semver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semver.js","sourceRoot":"","sources":["../../src/utils/semver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,MAAM,IAAI,qBAAqB,EAAC,MAAM,QAAQ,CAAA;AAC3D,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAA;AAEtD,MAAM,UAAU,8BAA8B,CAC5C,WAAmB,EACnB,SAAiB;IAEjB,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAA;IAC5D,MAAM,eAAe,GAAG,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAExD,IAAI,CAAC,iBAAiB,IAAI,CAAC,eAAe,EAAE;QAC1C,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAA;QACpE,MAAM,IAAI,UAAU,CAClB,mDAAmD,EACnD,SAAS,EACT;YACE;gBACE,4BAA4B,gBAAgB,GAAG;gBAC/C,4DAA4D;aAC7D;SACF,CACF,CAAA;KACF;IAED,IAAI,GAAG,CAAC,eAAe,EAAE,iBAAiB,CAAC,EAAE;QAC3C,MAAM,IAAI,UAAU,CAClB,kEAAkE,EAClE,SAAS,EACT,CAAC,CAAC,sBAAsB,SAAS,GAAG,EAAE,oBAAoB,WAAW,GAAG,CAAC,CAAC,CAC3E,CAAA;KACF;AACH,CAAC"}

package/build/{commands/utils → utils}/wrap-with-loading-indicator.d.ts

@@ -5,5 +5,5 @@ interface LoadingOptions {
     errorMessage?: string;
     spinnerOptions?: Omit<OraOptions, 'text' | 'prefixText'>;
 }
-export declare function wrapWithLoadingIndicator<T>(promise: Promise<T> | (() => Promise<T>), { loadingMessage, errorMessage, successMessage, spinnerOptions }: LoadingOptions): Promise<T | (() => Promise<T>)>;
+export declare function wrapWithLoadingIndicator<T>(promise: Promise<T>, { loadingMessage, errorMessage, successMessage, spinnerOptions }: LoadingOptions): Promise<T>;
 export {};

package/build/utils/wrap-with-loading-indicator.js

@@ -0,0 +1,16 @@
+import ora from 'ora';
+export async function wrapWithLoadingIndicator(promise, { loadingMessage, errorMessage, successMessage, spinnerOptions }) {
+    const loadingIndicator = ora(spinnerOptions);
+    loadingIndicator.start(loadingMessage);
+    try {
+        const result = await promise;
+        loadingIndicator.succeed(successMessage);
+        return result;
+    }
+    catch (err) {
+        loadingIndicator.fail(errorMessage);
+        console.log('\n');
+        throw err;
+    }
+}
+//# sourceMappingURL=wrap-with-loading-indicator.js.map

package/build/utils/wrap-with-loading-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrap-with-loading-indicator.js","sourceRoot":"","sources":["../../src/utils/wrap-with-loading-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,GAA4B,MAAM,KAAK,CAAA;AAS9C,MAAM,CAAC,KAAK,UAAU,wBAAwB,CAC5C,OAAmB,EACnB,EAAC,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAiB;IAE9E,MAAM,gBAAgB,GAAG,GAAG,CAAC,cAAc,CAAC,CAAA;IAC5C,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,IAAI;QACF,MAAM,MAAM,GAAG,MAAM,OAAO,CAAA;QAC5B,gBAAgB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;QACxC,OAAO,MAAM,CAAA;KACd;IAAC,OAAO,GAAG,EAAE;QACZ,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACnC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACjB,MAAM,GAAG,CAAA;KACV;AACH,CAAC"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"
   },
-  "version": "0.0.37",
+  "version": "0.0.82",
   "description": "Shop Minis CLI",
   "main": "build/index.js",
   "bin": {
@@ -12,77 +12,84 @@
   },
   "author": "shopify",
   "license": "MIT",
+  "type": "module",
   "scripts": {
-    "build": "yarn clean && yarn build:cli && yarn build:cli:binaries && yarn dev-panel:build-and-copy",
+    "build": "yarn clean && yarn build:cli:graphql && yarn build:cli && yarn dev-panel:build-and-copy",
     "clean": "rm -rf build",
-    "build:cli": "tsc -i false && chmod 755 build/index.js",
-    "build:cli:watch": "chokidar \"./src/**/*.ts\" -c \"yarn run build:cli\" --silent --initial --ignore '(build|src/dev-panel/*|node_modules)'",
-    "build:cli:binaries": "mkdir -p build/commands/dev/bin/",
+    "build:cli": "tsc -p tsconfig.build.json && chmod 755 build/index.js",
+    "build:cli:watch": "chokidar \"./src/**/*.ts\" -c \"yarn run build:cli\" --silent --initial --ignore '(build|node_modules)'",
+    "build:cli:graphql": "node --loader ts-node/esm scripts/graphql-codegen.ts",
     "lint": "eslint . --ext .js,.mjs,.ts,.tsx --format codeframe --cache",
-    "shop-minis-dev": "ts-node -T src/index.ts",
     "shop-minis": "./build/index.js",
-    "test": "jest",
-    "dev-panel:install": "cd ./src/dev-panel && yarn",
-    "dev-panel:start": "cd ./src/dev-panel && yarn start",
-    "dev-panel:clean": "cd ./src/dev-panel && rm -rf build",
-    "dev-panel:build": "cd ./src/dev-panel &&  PUBLIC_URL=/dev-panel yarn build",
-    "dev-panel:build-and-copy": "mkdir -p build/dev-panel/ && yarn dev-panel:clean && yarn dev-panel:install && yarn dev-panel:build && cp -r src/dev-panel/build/* build/dev-panel"
+    "test": "vitest",
+    "test:template": "node --loader ts-node/esm scripts/test-template.ts",
+    "dev-panel:install": "cd ./dev-panel && yarn",
+    "dev-panel:start": "cd ./dev-panel && yarn start",
+    "dev-panel:clean": "cd ./dev-panel && rm -rf build",
+    "dev-panel:build": "cd ./dev-panel &&  PUBLIC_URL=/dev-panel yarn build",
+    "dev-panel:build-and-copy": "mkdir -p build/dev-panel/ && yarn dev-panel:clean && yarn dev-panel:install && yarn dev-panel:build && cp -r dev-panel/build/* build/dev-panel"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-typescript": "^7.18.6",
+    "@graphql-codegen/cli": "^3.2.2",
+    "@graphql-codegen/client-preset": "^2.1.1",
     "@react-native-community/eslint-config": "^3.1.0",
     "@shopify/eslint-plugin": "^42.0.1",
     "@types/connect": "^3.4.35",
+    "@types/envinfo": "^7.8.1",
     "@types/fs-extra": "^9.0.13",
     "@types/inquirer": "^9.0.3",
-    "@types/jest": "^29.2.6",
     "@types/lodash": "^4.14.191",
-    "@types/metro": "^0.66.1",
     "@types/node": "^18.11.17",
     "@types/prompts": "^2.4.2",
     "@types/qrcode": "^1.5.0",
     "@types/serve-static": "^1.15.0",
     "@typescript-eslint/eslint-plugin": "^5.17.0",
     "@typescript-eslint/parser": "^5.17.0",
-    "babel-jest": "^29.3.1",
     "chokidar-cli": "^3.0.0",
     "eslint": "^8.24.0",
     "eslint-formatter-codeframe": "^7.32.1",
-    "eslint-plugin-jest": "^26.2.2",
     "eslint-plugin-reanimated": "^2.0.0",
-    "jest": "^29.3.1",
     "prettier": "^2.7.1",
     "ts-node": "^10.9.1",
-    "typescript": "^4.9.4"
+    "typescript": "^4.9.4",
+    "vitest": "^0.29.8"
   },
   "dependencies": {
     "@google-cloud/storage": "^6.9.0",
-    "@react-native-community/cli": "^10.0.0",
-    "@react-native-community/cli-plugin-metro": "^10.0.0",
+    "@inquirer/editor": "^1.2.4",
+    "@react-native-community/cli": "^11.3.6",
+    "@react-native-community/cli-plugin-metro": "^11.3.6",
+    "@shopify/cli-kit": "^3.45.0",
     "@types/qrcode-terminal": "^0.12.0",
+    "archiver": "^5.3.1",
     "chalk": "^4.1.2",
     "commander": "^9.4.1",
     "connect": "^3.7.0",
     "dotenv": "^16.0.3",
+    "envinfo": "^7.8.1",
+    "escape-string-regexp": "^4.0.0",
     "fs-extra": "^11.1.0",
+    "glob": "^9.3.2",
     "graphql": "^15.0.0",
     "graphql-config": "^4.3.5",
-    "graphql-typescript-definitions": "^3.2.2",
+    "graphql-request": "^5.2.0",
+    "graphql-typescript-definitions": "^3.3.3",
     "inquirer": "^8.2.3",
     "internal-ip": "^6.2.0",
+    "jsonschema": "^1.4.1",
     "lodash": "^4.17.21",
-    "metro": "^0.73.6",
-    "metro-config": "^0.73.6",
-    "metro-core": "^0.73.6",
+    "metro": "^0.76.7",
+    "metro-config": "^0.76.7",
+    "metro-core": "^0.76.7",
     "open": "^8.4.0",
     "ora": "^5.4.1",
+    "patch-package": "6.5.1",
     "prompts": "^2.4.2",
     "qrcode-terminal": "^0.12.0",
     "replace-in-file": "^6.3.5",
     "semver": "^7.3.8",
-    "serve-static": "^1.15.0"
+    "serve-static": "^1.15.0",
+    "suppress-experimental-warnings": "^1.1.17"
   },
   "resolutions": {
     "@apollo/federation": "0.38.1"

package/scripts/graphql-codegen.ts

@@ -0,0 +1,23 @@
+import {CodegenConfig, generate} from '@graphql-codegen/cli'
+
+import {SHOP_MINIS_ADMIN_API} from '../src/commands/config.js'
+
+const config: CodegenConfig = {
+  schema: SHOP_MINIS_ADMIN_API,
+  documents: ['src/**/*.ts'],
+  generates: {
+    'src/data/types/autogenerated/shop-minis-admin-api/': {
+      preset: 'client-preset',
+    },
+  },
+  hooks: {afterAllFileWrite: ['prettier --write']},
+
+  // Make sure the output is valid esm
+  emitLegacyCommonJSImports: false,
+}
+
+async function generateTypes() {
+  await generate(config, true)
+}
+
+generateTypes()

package/scripts/test-template.ts

@@ -0,0 +1,63 @@
+import {execSync} from 'node:child_process'
+
+import {Command} from 'commander'
+
+const TEMPLATES = ['snowboardz', 'hello_world', 'blank']
+
+const program = new Command()
+  .name('test-template')
+  .description('Instanciates a template and checks that it is valid')
+  .argument(
+    '<template name>',
+    'Name of the template to use (blank, hello_world, snowboardz)'
+  )
+  .action(async (templateName: string) => {
+    if (!TEMPLATES.includes(templateName)) {
+      console.log(
+        `\n${templateName} is not a valid template name. Please use one of ${TEMPLATES.join(
+          ', '
+        )}\n`
+      )
+      process.exit(1)
+    }
+
+    // build the CLI
+    execSync('yarn build:cli', {stdio: 'inherit'})
+
+    // set up folder structure
+    execSync('mkdir -p ../templates/', {stdio: 'inherit'})
+    execSync('rm -rf ../templates/test-template', {stdio: 'inherit'}) // just in case this wasn't deleted before
+
+    // build mini
+    execSync(
+      `yarn shop-minis create test-template --template ${templateName} --output-dir ../templates/`,
+      {stdio: 'inherit'}
+    )
+
+    // run eslint
+    try {
+      execSync('cd ../templates/test-template && yarn lint', {stdio: 'inherit'})
+    } catch {
+      console.log(`\n ⚠️  eslint failed. To reproduce run: 
+        $ cd ../templates/test-template
+        $ yarn lint
+      `)
+      process.exit(1)
+    }
+
+    // run typescript checks
+    try {
+      execSync('cd ../templates/test-template && yarn tsc', {stdio: 'inherit'})
+    } catch {
+      console.log(`\n ⚠️  typescript failed. To reproduce run: 
+        $ cd ../templates/test-template
+        $ yarn tsc
+      `)
+      process.exit(1)
+    }
+
+    // clean up
+    execSync('rm -rf ../templates/test-template', {stdio: 'inherit'})
+  })
+
+program.parse()

package/shipit.alpha.yml

@@ -0,0 +1,3 @@
+deploy:
+  pre:
+    - yarn build

package/templates/__template_blank/src/index.tsx

@@ -1,9 +1,10 @@
-import {theme as defaultTheme, Theme} from '@shopify/shop-minis-platform-sdk'
+import {MiniAppConfig} from '@shopify/shop-minis-platform-sdk'
 
 import {HomeScreen} from './screens/HomeScreen'
 
-export const theme: Theme = {
-  ...defaultTheme,
+const config: MiniAppConfig = {
+  name: '__MINI_APP_NAME__',
+  Root: HomeScreen,
 }
 
-export default HomeScreen
+export default config

package/templates/__template_blank/src/types.ts

@@ -1,5 +1,5 @@
 // @react-navigation/native-stack requires a `type` instead of an `interface`
 // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
 export type StackParamList = {
-  '__MINI_APP_HANDLE_PASCAL_CASE__.Home': undefined
+  '__MINI_APP_NAME_PASCAL_CASE__.Home': undefined
 }

package/templates/__template_common/.eslintrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  root: true,
+  extends: ['plugin:@shopify/shop-minis/all'],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  parserOptions: {
+    ecmaVersion: 6,
+    project: './tsconfig.json',
+    schema:
+      'node_modules/@shopify/shop-minis-platform-sdk/src/api/minis.graphql',
+    operations: '**/*.graphql',
+  },
+}

package/templates/__template_common/assets.d.ts

@@ -0,0 +1,14 @@
+declare module '*.svg' {
+  const content: import('react').FC<import('react-native-svg').SvgProps>
+  export default content
+}
+
+declare module '*.png' {
+  const content: import('react-native').ImageRequireSource
+  export default content
+}
+
+declare module '*.jpg' {
+  const content: import('react-native').ImageRequireSource
+  export default content
+}

package/templates/__template_common/babel.config.js

@@ -1,19 +1,5 @@
 module.exports = {
-  presets: [
-    [
-      'module:metro-react-native-babel-preset',
-      {useTransformReactJSXExperimental: true},
-    ],
-  ],
-  plugins: [
-    [
-      '@babel/plugin-transform-react-jsx',
-      {
-        runtime: 'automatic',
-      },
-    ],
-    ['@babel/plugin-transform-named-capturing-groups-regex'],
-    ['import-graphql'],
-    ['react-native-reanimated/plugin'],
-  ],
+  // Changes to babel config are not supported by the mini platform.
+  // Custom configuration can introduce unexpected behaviour in your mini and could be a cause of rejection during the submission process.
+  presets: ['@shopify/shop-minis-runtime/babel-preset'],
 }

package/templates/__template_common/gitignore

@@ -1,3 +1,5 @@
 node_modules
 .minis-cache
 *.tsbuildinfo
+.env
+entry-point-params.json

package/templates/__template_common/index.tsx

@@ -1,14 +1,12 @@
 // Note: This file is only used for the development mode. Changes made here will not be
 // reflected in published/production mode mini apps
-import 'intl'
-import 'intl/locale-data/jsonp/en'
 import {AppRegistry} from 'react-native'
-import 'react-native-gesture-handler'
+import '@shopify/shop-minis-platform-sdk/src/utils/registerNativeModules'
 import {useNativeEventEmitterShopActions} from '@shopify/shop-minis-platform-sdk'
 import {Wrapper} from '@shopify/shop-minis-platform-sdk/src/components/Wrapper'
 import {ShopActionsProvider} from '@shopify/shop-minis-platform-sdk/actions'
 
-import MiniAppRootComponent, {theme} from './src'
+import MiniApp from './src'
 
 AppRegistry.registerComponent(
   'ShopMinis',
@@ -28,14 +26,13 @@ AppRegistry.registerComponent(
           <Wrapper
             initialApiKeys={initialApiKeys}
             apiHeaders={apiHeaders}
-            theme={theme}
             params={params}
             entryPoint={entryPoint}
             entryPointParams={entryPointParams}
             environment={environment}
             enableApiSandbox
           >
-            <MiniAppRootComponent />
+            <MiniApp.Root />
           </Wrapper>
         </ShopActionsProvider>
       )