@shopify/shop-minis-cli 0.0.172 → 0.0.174

package/build/utils/patch-package.js

@@ -1,79 +0,0 @@
-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 minisSdkPatchesDirectoryPath = path.join(nodeModulesPath, '@shopify', 'shop-minis-sdk', 'patches');
-const patchesDirectoryPath = fs.existsSync(minisSdkPatchesDirectoryPath)
-    ? minisSdkPatchesDirectoryPath
-    : 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

@@ -1 +0,0 @@
-{"version":3,"file":"patch-package.js","sourceRoot":"","sources":["../../src/utils/patch-package.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzB,MAAM,EAAC,UAAU,EAAE,sBAAsB,EAAC,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CACzE,iCAAiC,CAClC,CAAA;AACD,MAAM,EAAC,kCAAkC,EAAC,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CACzE,mCAAmC,CACpC,CAAA;AAED,2EAA2E;AAC3E,wGAAwG;AACxG,+GAA+G;AAC/G,MAAM,iBAAiB,GAAG,uBAAuB,CAAA;AAEjD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,cAAc,CAAC,CAAA;AAEhE,MAAM,4BAA4B,GAAG,IAAI,CAAC,IAAI,CAC5C,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,SAAS,CACV,CAAA;AAED,MAAM,oBAAoB,GAAG,EAAE,CAAC,UAAU,CAAC,4BAA4B,CAAC;IACtE,CAAC,CAAC,4BAA4B;IAC9B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,oBAAoB,EAAE,SAAS,CAAC,CAAA;AAE3E,SAAS,aAAa;IACpB,IAAI;QACF,OAAO,EAAE,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;KAC5C;IAAC,OAAO,GAAG,EAAE;QACZ,iFAAiF;QACjF,WAAW,CACT,oFAAoF,CACrF,CAAA;QACD,OAAO,EAAE,CAAA;KACV;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,cAAc,GAAG,EAAE,CAAA;IACzB,WAAW,CAAC,gCAAgC,CAAC,CAAA;IAE7C,MAAM,OAAO,GAAG,aAAa,EAAE,CAAA;IAC/B,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;QAC3B,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;YACzB,WAAW,CAAC,GAAG,KAAK,qBAAqB,CAAC,CAAA;YAC1C,SAAQ;SACT;QAED,WAAW,CAAC,kBAAkB,KAAK,EAAE,CAAC,CAAA;QACtC,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QAEjC,IAAI,OAAO,EAAE;YACX,kBAAkB,CAAC,KAAK,CAAC,CAAA;YACzB,WAAW,CAAC,SAAS,KAAK,UAAU,CAAC,CAAA;YACrC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SAC3B;aAAM;YACL,WAAW,CAAC,yBAAyB,KAAK,EAAE,CAAC,CAAA;SAC9C;KACF;IACD,OAAO,cAAc,CAAA;AACvB,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;IACnC,MAAM,cAAc,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAA;IACvD,OAAO,EAAE,CAAC,UAAU,CAClB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAC9D,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC/B,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAA;IAC5D,OAAO,sBAAsB,CAAC;QAC5B,aAAa;QACb,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,kCAAkC,CAAC,KAAK,CAAC;KAC1D,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,cAAc,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAA;IACvD,EAAE,CAAC,cAAc,CACf,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAC9D,CAAA;AACH,CAAC;AAED;;;;;;GAMG;AACH,SAAS,yBAAyB,CAAC,KAAa;IAC9C,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5B,CAAC"}

package/build/utils/semver.d.ts

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

package/build/utils/semver.js

@@ -1,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/utils/standalone.d.ts

@@ -1,2 +0,0 @@
-export declare const LEGACY_STANDALONE_HANDLES: string[];
-export declare const isStandaloneMini: () => any;

package/build/utils/standalone.js

@@ -1,15 +0,0 @@
-import { getMiniManifest } from './minis-manifest.js';
-export const LEGACY_STANDALONE_HANDLES = [
-    'color-analyst',
-    'dreamboard',
-    'place',
-    'test-mini',
-];
-export const isStandaloneMini = () => {
-    const manifest = getMiniManifest();
-    if (LEGACY_STANDALONE_HANDLES.includes(manifest.handle)) {
-        return false;
-    }
-    return (manifest?.features ?? []).includes('STANDALONE');
-};
-//# sourceMappingURL=standalone.js.map

package/build/utils/standalone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"standalone.js","sourceRoot":"","sources":["../../src/utils/standalone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAEnD,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,eAAe;IACf,YAAY;IACZ,OAAO;IACP,WAAW;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAElC,IAAI,yBAAyB,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACvD,OAAO,KAAK,CAAA;KACb;IAED,OAAO,CAAC,QAAQ,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;AAC1D,CAAC,CAAA"}

package/scripts/test-create-mini-legacy.ts

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

package/scripts/test-create-mini-standalone.ts

@@ -1,80 +0,0 @@
-import {execSync} from 'node:child_process'
-import {readdir} from 'node:fs/promises'
-import path from 'node:path'
-
-import {Command} from 'commander'
-
-const __dirname = path.resolve()
-
-const program = new Command()
-  .name('test-create-mini-standalone')
-  .description('Creates a standalone mini and checks that it is valid')
-  .argument('<example-name>', 'Name of the example to use')
-  .action(async (exampleName: string) => {
-    const examples = await readdir(
-      path.join(
-        __dirname,
-        'src',
-        'commands',
-        'create-mini',
-        'standalone',
-        'examples'
-      )
-    )
-
-    if (!examples.includes(exampleName)) {
-      console.log(
-        `\n${exampleName} is not a valid example name. Please use one of ${examples.join(
-          ', '
-        )}\n`
-      )
-      process.exit(1)
-    }
-
-    // build the CLI
-    execSync('yarn build:cli', {stdio: 'inherit'})
-
-    // set up folder structure
-    execSync('mkdir -p ../minis/', {stdio: 'inherit'})
-    execSync('rm -rf ../minis/test-standalone', {stdio: 'inherit'}) // just in case this wasn't deleted before
-
-    // build mini
-    execSync(
-      `yarn shop-minis create test-standalone --example ${exampleName} --output-dir ../minis/`,
-      {
-        stdio: 'inherit',
-      }
-    )
-
-    // print package.json
-    execSync(`cat ../minis/test-standalone/package.json`, {stdio: 'inherit'})
-
-    // run eslint
-    try {
-      execSync('cd ../minis/test-standalone && yarn lint', {stdio: 'inherit'})
-    } catch {
-      console.log(`\n ⚠️  eslint failed. To reproduce run: 
-        $ cd ../minis/test-standalone
-        $ yarn lint
-      `)
-      process.exit(1)
-    }
-
-    // run typescript checks
-    try {
-      execSync('cd ../minis/test-standalone && yarn tsc', {
-        stdio: 'inherit',
-      })
-    } catch {
-      console.log(`\n ⚠️  typescript failed. To reproduce run: 
-        $ cd ../minis/test-standalone
-        $ yarn tsc
-      `)
-      process.exit(1)
-    }
-
-    // clean up
-    execSync('rm -rf ../minis/test-standalone', {stdio: 'inherit'})
-  })
-
-program.parse()

package/shipit.snapshot.yml

@@ -1,9 +0,0 @@
-dependencies:
-  override:
-    - yarn install --no-progress --ignore-engines --frozen-lockfile
-
-deploy:
-  override:
-    - yarn build
-    - generate-local-npmrc "@shopify:registry=https://registry.npmjs.org/"
-    - yarn publish --tag snapshot --new-version 0.0.0-snapshot.$(date +%Y%m%d%H%M%S) --no-git-tag-version --access public --verbose

package/templates/__template_blank/src/App.tsx

@@ -1,24 +0,0 @@
-import {StatusBar} from 'react-native'
-import {
-  Box,
-  Text,
-  SafeAreaView,
-  useMinisParams,
-} from '@shopify/shop-minis-platform-sdk'
-
-export function App() {
-  const {extensionData} = useMinisParams()
-  return (
-    <Box flex={1} backgroundColor="backgrounds-regular">
-      <StatusBar barStyle="dark-content" />
-      <SafeAreaView style={{flex: 1, justifyContent: 'center'}}>
-        <Text textAlign="center">Fill in the blank</Text>
-        {extensionData ? (
-          <Text textAlign="center">
-            Data from the extension: {JSON.stringify(extensionData)}
-          </Text>
-        ) : null}
-      </SafeAreaView>
-    </Box>
-  )
-}

package/templates/__template_blank/src/index.tsx

@@ -1,9 +0,0 @@
-import {MiniAppConfig} from '@shopify/shop-minis-platform-sdk'
-
-import {App} from './App'
-
-const config: MiniAppConfig = {
-  ViewerRoot: App,
-}
-
-export default config

package/templates/__template_common/.eslintignore

@@ -1 +0,0 @@
-*.graphql.d.ts

package/templates/__template_common/.eslintrc.js

@@ -1,3 +0,0 @@
-const {minisEslintConfig} = require('@shopify/shop-minis-runtime/eslint-config')
-
-module.exports = minisEslintConfig

package/templates/__template_common/.graphqlrc.js

@@ -1 +0,0 @@
-module.exports = require('@shopify/shop-minis-runtime/graphqlrc')

package/templates/__template_common/.prettierrc.json

@@ -1,8 +0,0 @@
-{
-  "semi": false,
-  "singleQuote": true,
-  "trailingComma": "es5",
-  "arrowParens": "avoid",
-  "bracketSpacing": false,
-  "printWidth": 80
-}

package/templates/__template_common/assets.d.ts

@@ -1,14 +0,0 @@
-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,5 +0,0 @@
-module.exports = {
-  // 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/index.tsx

@@ -1,5 +0,0 @@
-import {renderDevelopmentMini} from '@shopify/shop-minis-runtime/src/utils/renderDevelopmentMini'
-
-import MiniApp from './src'
-
-renderDevelopmentMini(MiniApp)

package/templates/__template_common/metro.config.js

@@ -1,5 +0,0 @@
-const {
-  getMinisMetroConfig,
-} = require('@shopify/shop-minis-runtime/metro-config')
-
-module.exports = getMinisMetroConfig(__dirname)

package/templates/__template_common/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "__MINI_APP_NAME_KEBAB_CASE__",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "start": "shop-minis dev",
-    "test": "jest",
-    "lint": "eslint ."
-  },
-  "dependencies": {
-    "@shopify/shop-minis-platform-sdk": "__SHOP_MINIS_SDK_VERSION__",
-    "@shopify/shop-minis-runtime": "__SHOP_MINIS_RUNTIME_VERSION__",
-    "@shopify/shop-minis-ui-extensions": "__SHOP_MINIS_UI_EXTENSIONS_VERSION__"
-  },
-  "devDependencies": {
-    "@shopify/shop-minis-cli": "__SHOP_MINIS_CLI_VERSION__",
-    "@types/jest": "__PACKAGE_VERSION_TYPES_JEST__",
-    "babel-jest": "__PACKAGE_VERSION_BABEL_JEST__",
-    "eslint": "__PACKAGE_VERSION_ESLINT__",
-    "jest": "__PACKAGE_VERSION_JEST__",
-    "prettier": "__PACKAGE_VERSION_PRETTIER__"
-  },
-  "jest": {
-    "preset": "react-native"
-  },
-  "overrides": {
-    "graphql": "15.8.0",
-    "react": "18.2.0",
-    "react-native": "__REACT_NATIVE_VERSION__"
-  },
-  "resolutions": {
-    "@apollo/federation": "0.38.1",
-    "graphql": "15.8.0"
-  }
-}

package/templates/__template_common/src/manifest.json

@@ -1,6 +0,0 @@
-{
-  "name": "__MINI_APP_NAME__",
-  "features": [
-    "FULL_BLEED_VIEWER"
-  ]
-}

package/templates/__template_common/tsconfig.json

@@ -1,41 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "*": [
-        "*",
-        "*.ios",
-        "*.android",
-        "./node_modules/@shopify/shop-minis-runtime/node_modules/*"
-      ]
-    },
-    "allowJs": true,
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "isolatedModules": false,
-    "jsx": "preserve",
-    "lib": ["es2019"],
-    "noUnusedParameters": true,
-    "noUnusedLocals": true,
-    "moduleResolution": "node",
-    "noEmit": true,
-    "incremental": true,
-    "strict": true,
-    "target": "esnext",
-    "skipLibCheck": true,
-    "noImplicitReturns": false,
-    "noFallthroughCasesInSwitch": true,
-    "allowUnreachableCode": false,
-    "allowUnusedLabels": false,
-    "noImplicitAny": true,
-    "strictNullChecks": true,
-    "strictFunctionTypes": true,
-    "strictBindCallApply": true,
-    "strictPropertyInitialization": true,
-    "noImplicitThis": true,
-    "alwaysStrict": true,
-    "useUnknownInCatchVariables": false
-  },
-  "exclude": ["node_modules"]
-}

package/templates/__template_getting_started/src/App.tsx

@@ -1,23 +0,0 @@
-import {createNativeStackNavigator} from '@react-navigation/native-stack'
-
-import {HomeScreen} from './screens/HomeScreen'
-import {NativeFeaturesScreen} from './screens/NativeFeaturesScreen'
-
-const Stack = createNativeStackNavigator()
-
-export function App() {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen
-        name="GettingStarted.Home"
-        component={HomeScreen}
-        options={{headerShown: false}}
-      />
-      <Stack.Screen
-        name="GettingStarted.NativeFeatures"
-        component={NativeFeaturesScreen}
-        options={{headerShown: false}}
-      />
-    </Stack.Navigator>
-  )
-}

package/templates/__template_getting_started/src/index.tsx

@@ -1,9 +0,0 @@
-import {MiniAppConfig} from '@shopify/shop-minis-platform-sdk'
-
-import {App} from './App'
-
-const config: MiniAppConfig = {
-  ViewerRoot: App,
-}
-
-export default config

package/templates/__template_getting_started/src/manifest.json

@@ -1,7 +0,0 @@
-{
-  "name": "__MINI_APP_NAME__",
-  "features": [
-    "FULL_BLEED_VIEWER",
-    "STANDALONE"
-  ]
-}

package/templates/__template_getting_started/src/screens/HomeScreen.tsx

@@ -1,131 +0,0 @@
-import {useState} from 'react'
-import {ScrollView} from 'react-native'
-import {useNavigation} from '@react-navigation/native'
-import {NativeStackNavigationProp} from '@react-navigation/native-stack'
-import {
-  Box,
-  SafeAreaView,
-  Text,
-  ProductCard,
-  useProductSearch,
-  useTheme,
-  Button,
-  TextField,
-  Divider,
-  Shelf,
-} from '@shopify/shop-minis-sdk'
-
-import {RootStackParamList} from '../types/screens'
-
-export function HomeScreen() {
-  const theme = useTheme()
-  const navigation =
-    useNavigation<NativeStackNavigationProp<RootStackParamList>>()
-  const [searchQuery, setSearchQuery] = useState('Skateboard')
-
-  const {products, loading} = useProductSearch({
-    query: searchQuery,
-    first: 4,
-    filters: {
-      minimumRating: 4,
-      price: {
-        min: 100,
-        max: 250,
-      },
-    },
-  })
-
-  return (
-    <SafeAreaView
-      style={{flex: 1, backgroundColor: theme.colors['backgrounds-regular']}}
-    >
-      <ScrollView>
-        <Box
-          flex={1}
-          paddingHorizontal="gutter"
-          marginBottom="s"
-          backgroundColor="backgrounds-regular"
-        >
-          <Text variant="heroBold" marginBottom="s" marginTop="xs">
-            Welcome to Shop Minis
-          </Text>
-          <Text variant="subtitle" marginBottom="s">
-            Build powerful mobile commerce experiences with our SDK
-          </Text>
-          <Text variant="subtitle">Let's explore the key features.</Text>
-          <Divider marginVertical="s" />
-
-          <Text marginBottom="s">
-            Search for products using the{' '}
-            <Text color="text-brand">useProductSearch</Text> hook. This hook
-            provides real-time product search with filtering capabilities.
-          </Text>
-          <Box>
-            <TextField
-              placeholder="Skateboard"
-              value={searchQuery}
-              onChangeText={setSearchQuery}
-            />
-          </Box>
-
-          <Divider marginVertical="s" />
-
-          <Box>
-            <Text marginBottom="s">
-              Display product collections using the{' '}
-              <Text color="text-brand">ProductCard</Text> and{' '}
-              <Text color="text-brand">Shelf</Text> components. These components
-              handle layout, touch interactions, and product display
-              automatically.
-            </Text>
-            {loading ? (
-              <Text>Loading products...</Text>
-            ) : products && products.length > 0 ? (
-              <Box height={200}>
-                <Shelf
-                  data={products}
-                  renderItem={({item}) => (
-                    <Box key={item.id} width={150}>
-                      <ProductCard product={item} />
-                    </Box>
-                  )}
-                />
-              </Box>
-            ) : (
-              <Text>No products found</Text>
-            )}
-          </Box>
-
-          <Divider marginVertical="s" />
-
-          <Text variant="subtitle" marginBottom="s">
-            Check our docs to learn more about the powerful product hooks:
-          </Text>
-
-          <Text color="text-brand">
-            - useRecommendedProducts:
-            <Text> Get personalized product recommendations</Text>
-          </Text>
-          <Text color="text-brand">
-            - useSavedProducts:<Text> Access user's saved products</Text>
-          </Text>
-          <Text color="text-brand">
-            - useRecentProducts:<Text> Display recently viewed products</Text>
-          </Text>
-          <Divider marginVertical="s" />
-          <Text marginBottom="s">
-            Ready for more? Let&apos;s explore native capabilities in the
-            screen.
-          </Text>
-          <Button
-            text="Next"
-            size="l"
-            onPress={() => {
-              navigation.navigate('GettingStarted.NativeFeatures')
-            }}
-          />
-        </Box>
-      </ScrollView>
-    </SafeAreaView>
-  )
-}