@shopify/shop-minis-cli 0.0.38 → 0.0.39

package/build/commands/utils/minis-manifest.js

@@ -0,0 +1,42 @@
+import { createRequire } from 'node:module';
+import { Validator } from 'jsonschema';
+import contextualImageSchema from '../schemas/contextual-image.schema.js';
+import contextualObjectSchema from '../schemas/contextual-object.schema.js';
+import visibilitySchema from '../schemas/visibility.schema.js';
+import manifestSchema from '../schemas/manifest.schema.js';
+const manifestRequire = createRequire(import.meta.url);
+export function getMiniManifest() {
+    const manifestPath = `${process.cwd()}/src/manifest.json`;
+    let manifest;
+    try {
+        manifest = manifestRequire(manifestPath);
+    }
+    catch {
+        if (process.env.MOCK_MANIFEST) {
+            manifest = {
+                handle: 'mocked',
+                name: 'mocked',
+            };
+        }
+        else {
+            throw new Error(`Failed to load manifest file from ${manifestPath}`);
+        }
+    }
+    return manifest;
+}
+export function validateManifest() {
+    const manifest = getMiniManifest();
+    const validator = new Validator();
+    // The filenames here seem to relate to the ones inside the files themselves
+    // rather than their exact filepath. We use `js` because at runtime they are
+    // compiled by ts and are imported from the `build` directory
+    validator.addSchema(contextualImageSchema, '/contextual-image.schema.js');
+    validator.addSchema(contextualObjectSchema, '/contextual-object.schema.js');
+    validator.addSchema(visibilitySchema, '/visibility.schema.js');
+    const result = validator.validate(manifest, manifestSchema);
+    return {
+        valid: result.valid,
+        errors: result.errors.map(validationError => validationError.stack),
+    };
+}
+//# sourceMappingURL=minis-manifest.js.map

package/build/commands/utils/minis-manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minis-manifest.js","sourceRoot":"","sources":["../../../src/commands/utils/minis-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAA;AAEpC,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AACzE,OAAO,sBAAsB,MAAM,wCAAwC,CAAA;AAC3E,OAAO,gBAAgB,MAAM,iCAAiC,CAAA;AAC9D,OAAO,cAAc,MAAM,+BAA+B,CAAA;AAE1D,MAAM,eAAe,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAEtD,MAAM,UAAU,eAAe;IAC7B,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,oBAAoB,CAAA;IACzD,IAAI,QAAa,CAAA;IACjB,IAAI;QACF,QAAQ,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;KACzC;IAAC,MAAM;QACN,IAAI,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE;YAC7B,QAAQ,GAAG;gBACT,MAAM,EAAE,QAAQ;gBAChB,IAAI,EAAE,QAAQ;aACf,CAAA;SACF;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,qCAAqC,YAAY,EAAE,CAAC,CAAA;SACrE;KACF;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,IAAI,SAAS,EAAE,CAAA;IAEjC,4EAA4E;IAC5E,4EAA4E;IAC5E,6DAA6D;IAC7D,SAAS,CAAC,SAAS,CAAC,qBAAqB,EAAE,6BAA6B,CAAC,CAAA;IACzE,SAAS,CAAC,SAAS,CAAC,sBAAsB,EAAE,8BAA8B,CAAC,CAAA;IAC3E,SAAS,CAAC,SAAS,CAAC,gBAAgB,EAAE,uBAAuB,CAAC,CAAA;IAE9D,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;IAE3D,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC;KACpE,CAAA;AACH,CAAC"}

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

@@ -1,12 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrapWithLoadingIndicator = void 0;
-const ora_1 = __importDefault(require("ora"));
-async function wrapWithLoadingIndicator(promise, { loadingMessage, errorMessage, successMessage, spinnerOptions }) {
-    const loadingIndicator = (0, ora_1.default)(spinnerOptions);
+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;
@@ -19,5 +13,4 @@ async function wrapWithLoadingIndicator(promise, { loadingMessage, errorMessage,
         throw err;
     }
 }
-exports.wrapWithLoadingIndicator = wrapWithLoadingIndicator;
 //# sourceMappingURL=wrap-with-loading-indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"wrap-with-loading-indicator.js","sourceRoot":"","sources":["../../../src/commands/utils/wrap-with-loading-indicator.ts"],"names":[],"mappings":";;;;;;AAAA,8CAA8C;AASvC,KAAK,UAAU,wBAAwB,CAC5C,OAAwC,EACxC,EAAC,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAiB;IAE9E,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC,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;AAhBD,4DAgBC"}
+{"version":3,"file":"wrap-with-loading-indicator.js","sourceRoot":"","sources":["../../../src/commands/utils/wrap-with-loading-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,GAA4B,MAAM,KAAK,CAAA;AAS9C,MAAM,CAAC,KAAK,UAAU,wBAAwB,CAC5C,OAAwC,EACxC,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/build/dev-panel/middleware.js

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEV_PANEL_BASE_URL = exports.devPanelMiddleware = void 0;
-const serve_static_1 = __importDefault(require("serve-static"));
-const INDEX_FILE_PATH = __dirname;
-exports.devPanelMiddleware = (0, serve_static_1.default)(INDEX_FILE_PATH);
-exports.DEV_PANEL_BASE_URL = `http://localhost:8082/dev-panel`;
+import url from 'node:url';
+import serve from 'serve-static';
+const INDEX_FILE_PATH = url.fileURLToPath(new URL('.', import.meta.url));
+export const devPanelMiddleware = serve(INDEX_FILE_PATH);
+export const DEV_PANEL_BASE_URL = `http://localhost:8082/dev-panel`;
 //# sourceMappingURL=middleware.js.map

package/build/dev-panel/middleware.js.map

@@ -1 +1 @@
-{"version":3,"file":"middleware.js","sourceRoot":"","sources":["../../src/dev-panel/middleware.ts"],"names":[],"mappings":";;;;;;AAAA,gEAAgC;AAEhC,MAAM,eAAe,GAAG,SAAS,CAAA;AAEpB,QAAA,kBAAkB,GAAG,IAAA,sBAAK,EAAC,eAAe,CAAC,CAAA;AAC3C,QAAA,kBAAkB,GAAG,iCAAiC,CAAA"}
+{"version":3,"file":"middleware.js","sourceRoot":"","sources":["../../src/dev-panel/middleware.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,MAAM,eAAe,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAEzE,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,eAAe,CAAC,CAAA;AACxD,MAAM,CAAC,MAAM,kBAAkB,GAAG,iCAAiC,CAAA"}

package/build/index.js

@@ -1,21 +1,23 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const commander_1 = require("commander");
-const create_mini_1 = require("./commands/create-mini");
-const dev_1 = require("./commands/dev");
-const check_1 = require("./commands/check");
-const generate_graphql_types_1 = require("./commands/generate-graphql-types");
-const program = new commander_1.Command();
+import { Command } from 'commander';
+import { loadCommand as loadCreateMiniCommand } from './commands/create-mini/index.js';
+import { loadCommand as loadDevCommand } from './commands/dev/index.js';
+import { loadCommand as loadGenerateGraphqlTypesCommand } from './commands/generate-graphql-types/index.js';
+import { loadCommand as loadSubmitCommand } from './commands/submit/index.js';
+import { loadCommand as loadCancelSubmissionCommand } from './commands/cancel-submission/index.js';
+import { loadCommand as loadCheckSubmissionCommand } from './commands/check-submission/index.js';
+const program = new Command();
 async function loadCommands() {
-    (0, create_mini_1.loadCommand)(program);
-    await (0, dev_1.loadCommand)(program);
-    (0, check_1.loadCommand)(program);
-    (0, generate_graphql_types_1.loadCommand)(program);
+    loadCreateMiniCommand(program);
+    await loadDevCommand(program);
+    loadGenerateGraphqlTypesCommand(program);
+    loadSubmitCommand(program);
+    loadCancelSubmissionCommand(program);
+    loadCheckSubmissionCommand(program);
 }
 program
     .name('shop-minis')
-    .description('CLI for creating a new Shop Mini')
+    .description('CLI for Shop Minis development')
     .version('2.0.0');
 loadCommands()
     .then(() => {

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,yCAAiC;AAEjC,wDAA2E;AAC3E,wCAA4D;AAC5D,4CAAgE;AAChE,8EAAgG;AAEhG,MAAM,OAAO,GAAG,IAAI,mBAAO,EAAE,CAAA;AAE7B,KAAK,UAAU,YAAY;IACzB,IAAA,yBAAqB,EAAC,OAAO,CAAC,CAAA;IAC9B,MAAM,IAAA,iBAAc,EAAC,OAAO,CAAC,CAAA;IAC7B,IAAA,mBAAgB,EAAC,OAAO,CAAC,CAAA;IACzB,IAAA,oCAA+B,EAAC,OAAO,CAAC,CAAA;AAC1C,CAAC;AAED,OAAO;KACJ,IAAI,CAAC,YAAY,CAAC;KAClB,WAAW,CAAC,kCAAkC,CAAC;KAC/C,OAAO,CAAC,OAAO,CAAC,CAAA;AAEnB,YAAY,EAAE;KACX,IAAI,CAAC,GAAG,EAAE;IACT,OAAO,CAAC,KAAK,EAAE,CAAA;AACjB,CAAC,CAAC;KACD,KAAK,CAAC,GAAG,CAAC,EAAE;IACX,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAChB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;AACjB,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAC,WAAW,IAAI,qBAAqB,EAAC,MAAM,iCAAiC,CAAA;AACpF,OAAO,EAAC,WAAW,IAAI,cAAc,EAAC,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAC,WAAW,IAAI,+BAA+B,EAAC,MAAM,4CAA4C,CAAA;AACzG,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAC,WAAW,IAAI,2BAA2B,EAAC,MAAM,uCAAuC,CAAA;AAChG,OAAO,EAAC,WAAW,IAAI,0BAA0B,EAAC,MAAM,sCAAsC,CAAA;AAE9F,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAA;AAE7B,KAAK,UAAU,YAAY;IACzB,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC9B,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;IAC7B,+BAA+B,CAAC,OAAO,CAAC,CAAA;IACxC,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAC1B,2BAA2B,CAAC,OAAO,CAAC,CAAA;IACpC,0BAA0B,CAAC,OAAO,CAAC,CAAA;AACrC,CAAC;AAED,OAAO;KACJ,IAAI,CAAC,YAAY,CAAC;KAClB,WAAW,CAAC,gCAAgC,CAAC;KAC7C,OAAO,CAAC,OAAO,CAAC,CAAA;AAEnB,YAAY,EAAE;KACX,IAAI,CAAC,GAAG,EAAE;IACT,OAAO,CAAC,KAAK,EAAE,CAAA;AACjB,CAAC,CAAC;KACD,KAAK,CAAC,GAAG,CAAC,EAAE;IACX,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAChB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;AACjB,CAAC,CAAC,CAAA"}

package/jest.config.ts

@@ -0,0 +1,11 @@
+import type {Config} from '@jest/types'
+
+const config: Config.InitialOptions = {
+  resetMocks: true,
+  preset: 'ts-jest/presets/default-esm',
+  testMatch: [ "<rootDir>/src/**/*.test.ts" ],
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.js$': '$1', // Get rid of the .js file ext 
+  },
+}
+export default config

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"
   },
-  "version": "0.0.38",
+  "version": "0.0.39",
   "description": "Shop Minis CLI",
   "main": "build/index.js",
   "bin": {
@@ -12,14 +12,15 @@
   },
   "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 build:cli:binaries && 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: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",
@@ -29,9 +30,6 @@
     "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"
   },
   "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",
@@ -48,7 +46,6 @@
     "@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",

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/commands/**/*.ts'],
+  generates: {
+    'src/commands/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/templates/__template_common/.eslintrc.json

@@ -1,13 +1,6 @@
 {
   "root": true,
-  "extends": [
-    "@react-native-community",
-    "plugin:@shopify/typescript",
-    "plugin:@shopify/react",
-    "plugin:@shopify/jest",
-    "plugin:@shopify/prettier"
-  ],
-  "plugins": ["jest", "reanimated"],
+  "extends": ["plugin:@shopify/shop-minis/all"],
   "settings": {
     "react": {
       "version": "detect"
@@ -18,115 +11,5 @@
     "project": "./tsconfig.json",
     "schema": "node_modules/@shopify/shop-minis-platform-sdk/src/api/minis.graphql",
     "operations": "**/*.graphql"
-  },
-  "rules": {
-    "@babel/no-unused-expressions": 0,
-    "@typescript-eslint/no-unused-expressions": [
-      "error",
-      {
-        "allowShortCircuit": true
-      }
-    ],
-    "line-comment-position": 0,
-    "no-implicit-coercion": 2,
-    "consistent-return": 0,
-    "no-console": 0,
-    "jsx-a11y/no-autofocus": 0,
-    "@shopify/strict-component-boundaries": 0,
-    "react/display-name": 0,
-    "spaced-comment": 0,
-    "no-warning-comments": "off",
-    "no-process-env": "off",
-    "lines-around-comment": "off",
-    "react/jsx-no-bind": "off",
-    "react/state-in-constructor": "off",
-    "react/jsx-no-constructed-context-values": "off",
-    "react/jsx-uses-react": "off",
-    "react/react-in-jsx-scope": "off",
-    "@shopify/typescript/prefer-pascal-case-enums": "off",
-    "@typescript-eslint/naming-convention": "off",
-    "@typescript-eslint/ban-ts-comment": "off",
-    "@typescript-eslint/consistent-indexed-object-style": "off",
-    "@typescript-eslint/member-ordering": "off",
-    "@shopify/react-no-multiple-render-methods": "off",
-    "@shopify/react-type-state": "off",
-    "@shopify/react-prefer-private-members": "off",
-    "react/no-unused-prop-types": "off",
-    "@shopify/jest/no-vague-titles": "off",
-    "@shopify/jsx-no-complex-expressions": "off",
-    "@shopify/jsx-no-hardcoded-content": "off",
-    "import/no-named-as-default": "off",
-    "import/named": "off",
-    "id-blacklist": [2, "blacklist", "whitelist"],
-    "@shopify/images-no-direct-imports": "off",
-    "@typescript-eslint/camelcase": "off",
-    "@typescript-eslint/ban-ts-ignore": "off",
-    "@typescript-eslint/ban-types": "off",
-    "@typescript-eslint/class-name-casing": "off",
-    "@typescript-eslint/array-type": "off",
-    "jest/no-standalone-expect": "off",
-    "jest/no-test-callback": "off",
-    "@typescript-eslint/no-namespace": "off",
-    "react-native/no-inline-styles": "off",
-    "jsx-a11y/accessible-emoji": "off",
-    "jest/valid-title": "off",
-    "@typescript-eslint/no-unused-vars": [
-      "error",
-      {
-        "argsIgnorePattern": "^_",
-        "varsIgnorePattern": "^_.{1,}"
-      }
-    ],
-    "@typescript-eslint/no-shadow": "error",
-    "no-shadow": "off",
-    "max-len": [
-      "error",
-      {
-        "code": 200,
-        "ignoreUrls": true
-      }
-    ],
-    "no-restricted-imports": [
-      "error",
-      {
-        "paths": [
-          {
-            "name": "react",
-            "importNames": ["default"],
-            "message": "JSX Transform is active. Please remove unnecessary default import of 'React' or use destructured named imports instead"
-          }
-        ]
-      }
-    ],
-    "reanimated/js-function-in-worklet": 2,
-    "react-hooks/exhaustive-deps": ["error"]
-  },
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "rules": {
-        "@typescript-eslint/no-non-null-assertion": 0,
-        "shopify/typescript/prefer-pascal-case-enums": 0
-      }
-    },
-    {
-      "files": ["**/*.graphql"],
-      "extends": "plugin:@graphql-eslint/operations-recommended",
-      "rules": {
-        "@graphql-eslint/no-deprecated": "warn",
-
-        // we sometimes declare fragments that get used in TypeScript, which causes this to error
-        "@graphql-eslint/no-unused-fragments": "off",
-        "@graphql-eslint/naming-convention": "off",
-        "@graphql-eslint/selection-set-depth": ["error", {"maxDepth": 15}]
-      }
-    },
-    {
-      "files": ["*.spec.*", "*.test.*"],
-      "rules": {
-        "require-await": 2,
-        "@typescript-eslint/no-floating-promises": 2
-      }
-    }
-  ]
+  }
 }

package/templates/__template_common/gitignore

@@ -1,3 +1,4 @@
 node_modules
 .minis-cache
 *.tsbuildinfo
+.env

package/templates/__template_common/package.json

@@ -4,7 +4,10 @@
   "private": true,
   "scripts": {
     "start": "shop-minis dev",
-    "presubmit": "shop-minis check && yarn lint",
+    "presubmit": "yarn lint && yarn tsc",
+    "submit": "shop-minis submit",
+    "cancel-submission": "shop-minis cancel-submission",
+    "check-submission": "shop-minis check-submission",
     "test": "jest",
     "lint": "eslint .",
     "postinstall": "patch-package",
@@ -15,19 +18,18 @@
     "@babel/plugin-transform-named-capturing-groups-regex": "^7.20.5",
     "@babel/plugin-transform-react-jsx": "^7.20.7",
     "@babel/runtime": "^7.12.5",
-    "@graphql-eslint/eslint-plugin": "^3.15.0",
     "@react-native-community/blur": "4.3.0",
-    "@react-native-community/eslint-config": "^3.2.0",
     "@react-navigation/native": "6.1.2",
     "@react-navigation/native-stack": "6.9.8",
     "@react-native-community/datetimepicker": "^6.7.5",
     "@react-native-community/picker": "1.6.1",
-    "@shopify/eslint-plugin": "^42.0.3",
+    "@shopify/eslint-plugin-shop-minis": "^0.0.2",
     "@shopify/react-graphql": "0.0.0-snapshot-20230110221326",
     "@shopify/restyle": "^2.1.0",
     "@shopify/shop-minis-cli": "__SHOP_MINIS_CLI_VERSION__",
     "@shopify/shop-minis-platform-sdk": "^0.1.11",
     "@types/color": "^3.0.3",
+    "@types/jest": "^29.2.6",
     "@types/react": "^17.0.39",
     "@types/react-native": "^0.68.1",
     "apollo-link-timeout": "^4.0.0",
@@ -35,11 +37,9 @@
     "babel-plugin-import-graphql": "^2.8.1",
     "color": "^4.2.3",
     "eslint": "^8.32.0",
-    "eslint-plugin-react-native": "^4.0.0",
-    "eslint-plugin-reanimated": "^2.0.0",
     "graphql": "^15.0.0",
     "intl": "^1.2.5",
-    "jest": "^26.6.3",
+    "jest": "^29.3.1",
     "jsonschema": "^1.4.1",
     "metro-react-native-babel-preset": "^0.67.0",
     "patch-package": "^6.4.7",
@@ -49,6 +49,7 @@
     "react-native": "0.68.5",
     "react-native-fast-image": "8.6.3",
     "react-native-gesture-handler": "2.6.1",
+    "react-native-linear-gradient": "2.6.2",
     "react-native-localize": "2.2.4",
     "react-native-progress": "5.0.0",
     "react-native-reanimated": "2.13.0",

package/templates/__template_common/src/manifest.json

@@ -4,6 +4,7 @@
   "icon_url": "https://cdn.shopify.com/shop-assets/static_uploads/mini_apps/mini-placeholder-icon.png",
   "shopify_app_ids": [],
   "description": "Mini App Description",
+  "partner_name": "Shopify Partner Name",
   "entry_points": [
     {
       "type": "ACTION_BUTTON",

package/templates/__template_hello_world/src/screens/BottomSheetScreen.tsx

@@ -302,11 +302,12 @@ const ExampleUseBottomSheet = ({
     ref?.scrollTo({y: 0, animated: false})
   }, [])
 
-  const {BottomSheet, scrollRef, onScroll, dismissBottomSheet} =
-    useBottomSheet<Animated.ScrollView>({
-      onDismiss,
-      scrollToTop,
-    })
+  const {BottomSheet, scrollRef, onScroll, dismissBottomSheet} = useBottomSheet<
+    typeof Animated.ScrollView
+  >({
+    onDismiss,
+    scrollToTop,
+  })
 
   return (
     <BottomSheet>

package/templates/__template_hello_world/src/screens/QuizScreen.tsx

@@ -17,7 +17,7 @@ export const QuizScreen = () => {
         <NavigationContainer independent>
           <Stack.Navigator>
             <Stack.Screen
-              name="__MINI_APP_HANDLE_PASCAL_CASE__.QuizSlide"
+              name="QuizScreen.QuizSlide"
               component={QuizSlideScreen}
               options={{
                 title: '__MINI_APP_HANDLE_PASCAL_CASE__ Quiz',
@@ -28,7 +28,7 @@ export const QuizScreen = () => {
               }}
             />
             <Stack.Screen
-              name="__MINI_APP_HANDLE_PASCAL_CASE__.QuizResult"
+              name="QuizScreen.QuizResult"
               component={QuizResultScreen}
               options={{headerShown: false}}
             />

package/templates/__template_hello_world/src/screens/QuizSlideScreen.tsx

@@ -78,11 +78,11 @@ export const QuizSlideScreen = () => {
     }
 
     if (slideData?.props.nextSlideId === 'results') {
-      navigation.replace('__MINI_APP_HANDLE_PASCAL_CASE__.QuizResult')
+      navigation.replace('QuizScreen.QuizResult')
       return
     }
 
-    navigation.push('__MINI_APP_HANDLE_PASCAL_CASE__.QuizSlide', {
+    navigation.push('QuizScreen.QuizSlide', {
       slideIndex: determineNextSlideIndex(),
     })
   }, [

package/build/commands/check/index.d.ts

@@ -1,6 +0,0 @@
-import { Command } from 'commander';
-export declare function assertDependenciesUpToDate(): Promise<void>;
-export declare function assertApiKeyIsSet(): void;
-export declare function assertNoActiveSubmissions(): Promise<void>;
-export declare function assertManifestValid(): void;
-export declare function loadCommand(parentProgram: Command): Promise<void>;

package/build/commands/check/index.js

@@ -1,87 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadCommand = exports.assertManifestValid = exports.assertNoActiveSubmissions = exports.assertApiKeyIsSet = exports.assertDependenciesUpToDate = void 0;
-const commander_1 = require("commander");
-const semver_1 = __importDefault(require("semver"));
-const chalk_1 = __importDefault(require("chalk"));
-const dotenv = __importStar(require("dotenv"));
-const exec_async_child_process_1 = require("../utils/exec-async-child-process");
-const versions_1 = require("./utils/versions");
-const manifest_1 = require("./utils/manifest");
-async function assertDependenciesUpToDate() {
-    const { stdout: latestCliVersion } = await (0, exec_async_child_process_1.execAsync)({
-        cmd: 'npm show @shopify/shop-minis-cli version',
-    });
-    const installedCliVersion = (0, versions_1.getInstalledPackageVersion)('@shopify/shop-minis-cli') ?? '0.0.0';
-    const isUpToDate = semver_1.default.eq(installedCliVersion, latestCliVersion[0]);
-    if (!isUpToDate) {
-        console.warn(chalk_1.default.red('Check failed: Shop Minis CLI has to be updated.'));
-        console.log(`Installed version: ${installedCliVersion} (latest: ${latestCliVersion})`);
-        console.log(`Use ${chalk_1.default.blue.underline.bold('npm update @shopify/shop-minis-cli@latest')} to update.`);
-        process.exit(1);
-    }
-}
-exports.assertDependenciesUpToDate = assertDependenciesUpToDate;
-function assertApiKeyIsSet() {
-    dotenv.config();
-    const apiKey = process.env.SHOP_MINIS_API_KEY;
-    if (!apiKey) {
-        console.warn(chalk_1.default.red('Check failed: Shop Minis API key is not set.'));
-        console.log(`To continue, set the environment variable in .env ${chalk_1.default.blue.underline.bold('SHOP_MINIS_API_KEY=<your-shop-minis-api-key>')}`);
-        process.exit(1);
-    }
-}
-exports.assertApiKeyIsSet = assertApiKeyIsSet;
-async function assertNoActiveSubmissions() {
-    // TODO: check if there are any active submissions
-}
-exports.assertNoActiveSubmissions = assertNoActiveSubmissions;
-function assertManifestValid() {
-    const { valid, errors } = (0, manifest_1.validateManifest)();
-    if (!valid) {
-        console.warn(chalk_1.default.red(`Manifest invalid: ${errors}`));
-        process.exit(1);
-    }
-}
-exports.assertManifestValid = assertManifestValid;
-async function loadCommand(parentProgram) {
-    const command = new commander_1.Command()
-        .name('check')
-        .version('2.0.0')
-        .description('Check your Shop Mini configuration')
-        .action(async () => {
-        assertManifestValid();
-        assertApiKeyIsSet();
-        await assertDependenciesUpToDate();
-        await assertNoActiveSubmissions();
-    });
-    parentProgram.addCommand(command);
-}
-exports.loadCommand = loadCommand;
-//# sourceMappingURL=index.js.map

package/build/commands/check/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/check/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAAiC;AACjC,oDAA2B;AAC3B,kDAAyB;AACzB,+CAAgC;AAEhC,gFAA2D;AAE3D,+CAA2D;AAC3D,+CAAiD;AAE1C,KAAK,UAAU,0BAA0B;IAC9C,MAAM,EAAC,MAAM,EAAE,gBAAgB,EAAC,GAAG,MAAM,IAAA,oCAAS,EAAC;QACjD,GAAG,EAAE,0CAA0C;KAChD,CAAC,CAAA;IACF,MAAM,mBAAmB,GACvB,IAAA,qCAA0B,EAAC,yBAAyB,CAAC,IAAI,OAAO,CAAA;IAElE,MAAM,UAAU,GAAG,gBAAM,CAAC,EAAE,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;IAEtE,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,CAAC,IAAI,CAAC,eAAK,CAAC,GAAG,CAAC,iDAAiD,CAAC,CAAC,CAAA;QAC1E,OAAO,CAAC,GAAG,CACT,sBAAsB,mBAAmB,aAAa,gBAAgB,GAAG,CAC1E,CAAA;QACD,OAAO,CAAC,GAAG,CACT,OAAO,eAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAC9B,2CAA2C,CAC5C,aAAa,CACf,CAAA;QACD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;KAChB;AACH,CAAC;AArBD,gEAqBC;AAED,SAAgB,iBAAiB;IAC/B,MAAM,CAAC,MAAM,EAAE,CAAA;IACf,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAA;IAE7C,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,CAAC,IAAI,CAAC,eAAK,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAC,CAAA;QACvE,OAAO,CAAC,GAAG,CACT,qDAAqD,eAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAC5E,8CAA8C,CAC/C,EAAE,CACJ,CAAA;QACD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;KAChB;AACH,CAAC;AAbD,8CAaC;AAEM,KAAK,UAAU,yBAAyB;IAC7C,kDAAkD;AACpD,CAAC;AAFD,8DAEC;AAED,SAAgB,mBAAmB;IACjC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,IAAA,2BAAgB,GAAE,CAAA;IAE1C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,eAAK,CAAC,GAAG,CAAC,qBAAqB,MAAM,EAAE,CAAC,CAAC,CAAA;QACtD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;KAChB;AACH,CAAC;AAPD,kDAOC;AAEM,KAAK,UAAU,WAAW,CAAC,aAAsB;IACtD,MAAM,OAAO,GAAG,IAAI,mBAAO,EAAE;SAC1B,IAAI,CAAC,OAAO,CAAC;SACb,OAAO,CAAC,OAAO,CAAC;SAChB,WAAW,CAAC,oCAAoC,CAAC;SACjD,MAAM,CAAC,KAAK,IAAI,EAAE;QACjB,mBAAmB,EAAE,CAAA;QACrB,iBAAiB,EAAE,CAAA;QACnB,MAAM,0BAA0B,EAAE,CAAA;QAClC,MAAM,yBAAyB,EAAE,CAAA;IACnC,CAAC,CAAC,CAAA;IAEJ,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;AACnC,CAAC;AAbD,kCAaC"}

package/build/commands/check/utils/manifest.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateManifest = void 0;
-const jsonschema_1 = require("jsonschema");
-const minis_manifest_1 = require("../../dev/utils/minis-manifest");
-const contextual_image_schema_json_1 = __importDefault(require("./schemas/contextual-image.schema.json"));
-const contextual_object_schema_json_1 = __importDefault(require("./schemas/contextual-object.schema.json"));
-const manifest_schema_json_1 = __importDefault(require("./schemas/manifest.schema.json"));
-const visibility_schema_json_1 = __importDefault(require("./schemas/visibility.schema.json"));
-function validateManifest() {
-    const manifest = (0, minis_manifest_1.getMiniManifest)();
-    const validator = new jsonschema_1.Validator();
-    validator.addSchema(contextual_image_schema_json_1.default, '/contextual-image.schema.json');
-    validator.addSchema(contextual_object_schema_json_1.default, '/contextual-object.schema.json');
-    validator.addSchema(visibility_schema_json_1.default, '/visibility.schema.json');
-    const result = validator.validate(manifest, manifest_schema_json_1.default);
-    return {
-        valid: result.valid,
-        errors: result.errors.map(validationError => validationError.stack),
-    };
-}
-exports.validateManifest = validateManifest;
-//# sourceMappingURL=manifest.js.map

package/build/commands/check/utils/manifest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../../../src/commands/check/utils/manifest.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAoC;AAEpC,mEAA8D;AAE9D,0GAA0E;AAC1E,4GAA4E;AAC5E,0FAA2D;AAC3D,8FAA+D;AAE/D,SAAgB,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,IAAA,gCAAe,GAAE,CAAA;IAClC,MAAM,SAAS,GAAG,IAAI,sBAAS,EAAE,CAAA;IAEjC,SAAS,CAAC,SAAS,CAAC,sCAAqB,EAAE,+BAA+B,CAAC,CAAA;IAC3E,SAAS,CAAC,SAAS,CAAC,uCAAsB,EAAE,gCAAgC,CAAC,CAAA;IAC7E,SAAS,CAAC,SAAS,CAAC,gCAAgB,EAAE,yBAAyB,CAAC,CAAA;IAEhE,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,8BAAc,CAAC,CAAA;IAE3D,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC;KACpE,CAAA;AACH,CAAC;AAdD,4CAcC"}

package/build/commands/check/utils/schemas/contextual-image.schema.json

@@ -1,21 +0,0 @@
-{
-    "$id": "/contextual-image.schema.json",
-    "$schema": "http://json-schema.org/draft-07/schema",
-    "type": "object",
-    "title": "Contextual image entry-point",
-    "required": ["default_value"],
-    "properties": {
-        "namespace": {
-            "type": "string"
-        },
-        "key": {
-            "type": "string"
-        },
-        "default_value": {
-            "type": "array",
-            "items": {
-                "type": "string"
-            }
-        }
-    }
-}