@shopify/shop-minis-cli 0.0.35

package/build/commands/dev/utils/with-retries.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withRetries = void 0;
+// TODO: worth adding some specs
+async function withRetries(getResult, isResultReady = Boolean, { maxRetries, timeBetweenRetries } = { timeBetweenRetries: 1000, maxRetries: 120 }) {
+    if (maxRetries === 0) {
+        throw new Error();
+    }
+    try {
+        const result = await getResult();
+        if (isResultReady(result)) {
+            return result;
+        }
+    }
+    catch {
+        // do nothing
+    }
+    return new Promise(resolve => {
+        setTimeout(() => {
+            resolve(withRetries(getResult, isResultReady, {
+                timeBetweenRetries,
+                maxRetries: maxRetries - 1,
+            }));
+        }, timeBetweenRetries);
+    });
+}
+exports.withRetries = withRetries;
+//# sourceMappingURL=with-retries.js.map

package/build/commands/dev/utils/with-retries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-retries.js","sourceRoot":"","sources":["../../../../src/commands/dev/utils/with-retries.ts"],"names":[],"mappings":";;;AAAA,gCAAgC;AACzB,KAAK,UAAU,WAAW,CAC/B,SAA2B,EAC3B,gBAAwC,OAAO,EAC/C,EAAC,UAAU,EAAE,kBAAkB,EAAC,GAAG,EAAC,kBAAkB,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC;IAE9E,IAAI,UAAU,KAAK,CAAC,EAAE;QACpB,MAAM,IAAI,KAAK,EAAE,CAAA;KAClB;IACD,IAAI;QACF,MAAM,MAAM,GAAG,MAAM,SAAS,EAAE,CAAA;QAChC,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;YACzB,OAAO,MAAM,CAAA;SACd;KACF;IAAC,MAAM;QACN,aAAa;KACd;IACD,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CACL,WAAW,CAAC,SAAS,EAAE,aAAa,EAAE;gBACpC,kBAAkB;gBAClB,UAAU,EAAE,UAAU,GAAG,CAAC;aAC3B,CAAC,CACH,CAAA;QACH,CAAC,EAAE,kBAAkB,CAAC,CAAA;IACxB,CAAC,CAAC,CAAA;AACJ,CAAC;AA1BD,kCA0BC"}

package/build/commands/generate-graphql-types/index.d.ts

@@ -0,0 +1,5 @@
+import { Command } from 'commander';
+export interface GenerateGraphqlTypesCommandOptions {
+    watch?: boolean;
+}
+export declare function loadCommand(parentProgram: Command): void;

package/build/commands/generate-graphql-types/index.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadCommand = void 0;
+const commander_1 = require("commander");
+const chalk_1 = __importDefault(require("chalk"));
+const graphql_typescript_definitions_1 = require("graphql-typescript-definitions");
+const graphql_config_1 = require("graphql-config");
+const minis_manifest_1 = require("../dev/utils/minis-manifest");
+function loadCommand(parentProgram) {
+    const command = new commander_1.Command()
+        .name('generate-graphql-types')
+        .description('Generate types for all of your .graphql files')
+        .option('--watch', 'enable watch mode')
+        .action(async (options) => {
+        const miniDir = process.cwd();
+        const miniHandle = (0, minis_manifest_1.getMiniManifest)().handle;
+        console.log('Generating graphql types for', chalk_1.default.green(miniHandle), '\n');
+        // All of the paths below are relative to `miniDir` and refer to dependencies of the mini app itself
+        const schemaTypesPathConfig = 'node_modules/@shopify/shop-minis-platform-sdk/src/api/types/';
+        const config = new graphql_config_1.GraphQLConfig({
+            config: {
+                schemaPath: 'node_modules/@shopify/shop-minis-platform-sdk/src/api/minis.graphql',
+                includes: [`**/*.graphql`],
+                excludes: ['node_modules/**'],
+                extensions: {
+                    schemaTypesPath: schemaTypesPathConfig,
+                },
+            },
+            filepath: '',
+        }, []);
+        const builder = new graphql_typescript_definitions_1.Builder({
+            cwd: miniDir,
+            addTypename: true,
+            schemaTypesPath: schemaTypesPathConfig,
+            config,
+        });
+        const schemas = [];
+        const docs = [];
+        const builtColor = chalk_1.default.inverse.bold.green(' BUILT ');
+        const errorColor = chalk_1.default.inverse.bold.red(' ERROR ');
+        builder.on('start:docs', () => {
+            docs.length = 0;
+        });
+        builder.on('start:schema', () => {
+            schemas.length = 0;
+        });
+        builder.on('build:docs', doc => {
+            docs.push(doc);
+        });
+        builder.on('build:schema', schema => {
+            schemas.push(schema);
+        });
+        builder.on('end:docs', () => {
+            docs
+                .sort(({ documentPath: documentPathA }, { documentPath: documentPathB }) => documentPathA.localeCompare(documentPathB))
+                .forEach(({ documentPath, definitionPath }) => {
+                // Make the paths a bit nicer to look at by removing all the path up to the mini's dir
+                const trimmedDocumentPath = documentPath.replace(miniDir, '');
+                const trimmedDefinitionPath = definitionPath.replace(miniDir, '');
+                console.log(`${builtColor} ${chalk_1.default.dim(trimmedDocumentPath)} → ${trimmedDefinitionPath}`);
+            });
+        });
+        builder.on('end:schema', () => {
+            // It would be good if there was a way to get `graphql-typescript-definitions` to not build the schema types
+            // but instead we will just ignore it and not tell the user what happened
+        });
+        builder.on('error', error => {
+            console.log(`${errorColor} ${error.message}`);
+            if (error.stack) {
+                console.log(chalk_1.default.dim(error.stack));
+            }
+            console.log();
+            if (!options.watch) {
+                process.exit(1);
+            }
+        });
+        process.on('unhandledRejection', () => {
+            // In watch mode you cannot catch more than one error `graphql-typescript-definitions` will
+            // cause an `unhandledRejection` error. We should just exit
+            process.exit(1);
+        });
+        builder.run({ watch: Boolean(options.watch) });
+    });
+    parentProgram.addCommand(command);
+}
+exports.loadCommand = loadCommand;
+//# sourceMappingURL=index.js.map

package/build/commands/generate-graphql-types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/generate-graphql-types/index.ts"],"names":[],"mappings":"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"}

package/build/commands/utils/exec-async-child-process.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="node" />
+import { exec } from 'child_process';
+import { Options as OraOptions } from 'ora';
+declare const _execAsync: typeof exec.__promisify__;
+type Tail<T extends any[]> = T extends [infer _I, ...infer L] ? L : never;
+type ExecOptions = Tail<Parameters<typeof _execAsync>>;
+interface CmdOptions {
+    cmd: string;
+    loadingMessage?: string;
+    successMessage?: string;
+    errorMessage?: string;
+    spinnerOptions?: Omit<OraOptions, 'text' | 'prefixText'>;
+}
+export declare function execAsync(cmdConfig: CmdOptions | string, ...args: ExecOptions): Promise<{
+    stdout: string[];
+    stderr: string[];
+}>;
+export {};

package/build/commands/utils/exec-async-child-process.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.execAsync = void 0;
+const util_1 = require("util");
+const child_process_1 = require("child_process");
+const ora_1 = __importDefault(require("ora"));
+const _execAsync = (0, util_1.promisify)(child_process_1.exec);
+async function execAsync(cmdConfig, ...args) {
+    if (typeof cmdConfig === 'string') {
+        cmdConfig = { cmd: cmdConfig }; // eslint-disable-line no-param-reassign
+    }
+    const loadingIndicator = (0, ora_1.default)(cmdConfig.spinnerOptions);
+    if (cmdConfig.loadingMessage) {
+        loadingIndicator.start(cmdConfig.loadingMessage);
+    }
+    let stderr = '';
+    let stdout = '';
+    try {
+        const result = await _execAsync(cmdConfig.cmd, ...args);
+        stderr = result.stderr;
+        stdout = result.stdout;
+    }
+    catch (err) {
+        if (loadingIndicator.isSpinning) {
+            loadingIndicator.fail(cmdConfig.errorMessage);
+            console.log('\n');
+        }
+        throw err;
+    }
+    if (loadingIndicator.isSpinning) {
+        loadingIndicator.succeed(cmdConfig.successMessage);
+    }
+    if (typeof stdout !== 'string') {
+        stdout = stdout.toString('utf8');
+    }
+    if (typeof stderr !== 'string') {
+        stderr = stderr.toString('utf8');
+    }
+    return {
+        stdout: stdout.split(/[\n\r\t]+/).filter(Boolean),
+        stderr: stderr.split(/[\n\r\t]+/).filter(Boolean),
+    };
+}
+exports.execAsync = execAsync;
+//# sourceMappingURL=exec-async-child-process.js.map

package/build/commands/utils/exec-async-child-process.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exec-async-child-process.js","sourceRoot":"","sources":["../../../src/commands/utils/exec-async-child-process.ts"],"names":[],"mappings":";;;;;;AAAA,+BAA8B;AAC9B,iDAAkC;AAElC,8CAA8C;AAE9C,MAAM,UAAU,GAAG,IAAA,gBAAS,EAAC,oBAAI,CAAC,CAAA;AAa3B,KAAK,UAAU,SAAS,CAC7B,SAA8B,EAC9B,GAAG,IAAiB;IAEpB,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,SAAS,GAAG,EAAC,GAAG,EAAE,SAAS,EAAC,CAAA,CAAC,wCAAwC;KACtE;IAED,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACtD,IAAI,SAAS,CAAC,cAAc,EAAE;QAC5B,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;KACjD;IAED,IAAI,MAAM,GAAoB,EAAE,CAAA;IAChC,IAAI,MAAM,GAAoB,EAAE,CAAA;IAChC,IAAI;QACF,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAA;QACvD,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;QACtB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;KACvB;IAAC,OAAO,GAAG,EAAE;QACZ,IAAI,gBAAgB,CAAC,UAAU,EAAE;YAC/B,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;YAC7C,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;SAClB;QACD,MAAM,GAAG,CAAA;KACV;IAED,IAAI,gBAAgB,CAAC,UAAU,EAAE;QAC/B,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;KACnD;IAED,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;KACjC;IACD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;KACjC;IACD,OAAO;QACL,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACjD,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;KAClD,CAAA;AACH,CAAC;AAzCD,8BAyCC"}

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

@@ -0,0 +1,9 @@
+import { Options as OraOptions } from 'ora';
+interface LoadingOptions {
+    loadingMessage: string;
+    successMessage?: string;
+    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 {};

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

@@ -0,0 +1,23 @@
+"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);
+    loadingIndicator.start(loadingMessage);
+    try {
+        const result = await promise;
+        loadingIndicator.succeed(successMessage);
+        return result;
+    }
+    catch (err) {
+        loadingIndicator.fail(errorMessage);
+        console.log('\n');
+        throw err;
+    }
+}
+exports.wrapWithLoadingIndicator = wrapWithLoadingIndicator;
+//# sourceMappingURL=wrap-with-loading-indicator.js.map

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

@@ -0,0 +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"}

package/build/dev-panel/images/checkmark.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 14L7 19L22 4" stroke="white" stroke-width="2"/>
+</svg>

package/build/dev-panel/images/chevron.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 7.5L14 12L9.5 16.5" stroke="white" stroke-width="2"/>
+</svg>

package/build/dev-panel/images/copy.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 22V23H1V22H2ZM16 21H17V23H16V21ZM1 8V7H3V8H1ZM2 21H16V23H2V21ZM3 8V22H1V8H3Z" fill="white"/>
+<path d="M8.00012 16V17H7.00012V16H8.00012ZM22.0001 16H23.0001V17H22.0001V16ZM22.0001 2V1H23.0001V2H22.0001ZM8.00012 2H7.00012V1H8.00012V2ZM8.00012 15H22.0001V17H8.00012V15ZM21.0001 16V2H23.0001V16H21.0001ZM22.0001 3H8.00012V1H22.0001V3ZM9.00012 2V16H7.00012V2H9.00012Z" fill="white"/>
+</svg>

package/build/dev-panel/images/get-started.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 2H1V20H2.1255C2.5695 21.7253 4.13563 23.0001 5.99951 23.0001C7.8634 23.0001 9.42953 21.7253 9.87353 20H13.9998H14.1257C14.5697 21.7253 16.1359 23.0001 17.9998 23.0001C19.8636 23.0001 21.4298 21.7253 21.8738 20H22.9998V12C22.9998 9.23858 20.7612 7 17.9998 7H16V2ZM7.73202 20C7.90214 19.7059 7.99951 19.3644 7.99951 19.0001C7.99951 18.6358 7.90209 18.2942 7.73188 18C7.38605 17.4023 6.73974 17.0001 5.99951 17.0001C5.25928 17.0001 4.61297 17.4023 4.26715 18C4.09693 18.2942 3.99951 18.6358 3.99951 19.0001C3.99951 19.3644 4.09688 19.7059 4.26701 20C4.6128 20.5979 5.25918 21.0001 5.99951 21.0001C6.73984 21.0001 7.38622 20.5979 7.73202 20ZM3 16.3537C3.73293 15.5236 4.80508 15.0001 5.99951 15.0001C7.86331 15.0001 9.42938 16.2748 9.87346 18H13.9998V7H14V4H3V16.3537ZM15.9998 19.0001C15.9998 18.6358 16.0972 18.2942 16.2674 18C16.6132 17.4023 17.2595 17.0001 17.9998 17.0001C18.74 17.0001 19.3863 17.4023 19.7321 18C19.9023 18.2942 19.9998 18.6358 19.9998 19.0001C19.9998 19.3644 19.9024 19.7059 19.7323 20C19.3865 20.5979 18.7401 21.0001 17.9998 21.0001C17.2594 21.0001 16.613 20.5979 16.2673 20C16.0971 19.7059 15.9998 19.3644 15.9998 19.0001ZM17.9998 15.0001C19.1944 15.0001 20.2668 15.5239 20.9998 16.3543V12C20.9998 10.3431 19.6566 9 17.9998 9H16V15.5351C16.5883 15.1949 17.2713 15.0001 17.9998 15.0001Z" fill="#0F1721"/>
+</svg>

package/build/dev-panel/images/how-to.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H4V3V21V22H5H19H20V21V7.5V7.08579L19.7071 6.79289L15.2071 2.29289L14.9142 2H14.5H5ZM6 20V4H14.0858L18 7.91421V20H6ZM11.0225 14.8917L16.2071 9.70711L14.7929 8.29289L10.3154 12.7704L8.70711 11.162L7.29289 12.5762L9.60832 14.8917L10.3154 15.5988L11.0225 14.8917Z" fill="#0F1721"/>
+</svg>

package/build/dev-panel/images/references.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1H16V4H21V23H3V4H8V1ZM8 7V6H5V21H19V6H16V7H8ZM10 3H14V5H10V3ZM9 9V11H7V9H9ZM17 9V11H11V9H17ZM7 13V15H9V13H7ZM17 13V15H11V13H17ZM7 17V19H9V17H7ZM17 17V19H11V17H17Z" fill="#0F1721"/>
+</svg>

package/build/dev-panel/images/shop-minis-logo-inverse.svg

@@ -0,0 +1,5 @@
+<svg width="165" height="40" viewBox="0 0 165 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 4C0 1.79086 1.79086 0 4 0H87.52C89.7291 0 91.52 1.79086 91.52 4V36C91.52 38.2091 89.7291 40 87.52 40H4C1.79086 40 0 38.2091 0 36V4Z" fill="#5433EB"/>
+<path d="M21.676 12.8023C18.1899 12.8023 16.0254 14.5274 16.0254 17.2698C16.0254 20.1822 18.6664 20.9164 21.001 21.4256C23.3356 21.9348 24.3751 22.1323 24.3751 23.0376C24.3751 23.943 23.6155 24.3666 22.0975 24.3666C20.6355 24.3666 19.5675 23.6588 18.9495 22.3024L15.9979 23.7718C17.0099 25.9775 19.1745 27.222 22.0975 27.222C25.7241 27.222 27.9171 25.5254 27.9171 22.6985C27.9171 19.7861 25.2762 19.0508 22.9405 18.5417C20.6048 18.0325 19.5675 17.8349 19.5675 16.9307C19.5675 16.0856 20.2717 15.663 21.6802 15.663C22.9732 15.663 23.8986 16.2567 24.5758 17.4166L27.5273 15.9176C26.4593 13.9105 24.4067 12.8076 21.6802 12.8076L21.676 12.8023ZM30.0014 27.0857H33.6565V18.6832C33.6565 17.0986 34.865 15.8838 36.495 15.8838C38.125 15.8838 39.306 17.0722 39.306 18.6832V27.0804H42.9611V18.6832C42.9611 15.2341 40.7121 12.8023 37.563 12.8023C35.989 12.8023 34.6114 13.396 33.6544 14.4429V8H29.9992L30.0014 27.0857ZM47.3261 17.367C46.0669 18.1878 44.983 19.9086 44.983 21.4636C44.983 25.0828 47.7381 27.6551 51.6171 27.6551C55.6652 27.6551 58.7012 24.4859 58.7012 20.3322C58.7012 15.7243 55.2437 12.3882 50.4086 12.3882C48.6128 12.3882 46.8835 12.8467 45.338 13.9897L47.68 16.6095C48.4973 16.0438 49.4695 15.7445 50.4635 15.7528C53.2186 15.7528 55.2426 17.7314 55.2426 20.3893C55.2426 23.0471 52.6355 25.2191 50.0484 24.0042C49.3448 23.6736 48.7638 23.0535 48.5694 22.2918C48.3138 21.2893 48.8737 20.3734 49.5551 19.6889L47.3261 17.367ZM68.6788 27.2262C72.5304 27.2262 75.5379 24.0877 75.5379 20.0164C75.5379 15.9451 72.5304 12.8065 68.6788 12.8065C66.9357 12.8065 65.3892 13.4847 64.2937 14.6732V12.9439H60.7231V32H64.3782V25.4684C64.9413 26.0336 65.612 26.48 66.3507 26.7812C67.0894 27.0824 67.8811 27.2323 68.6788 27.222V27.2262ZM68.0597 24.0528C65.8677 24.0528 64.2092 22.3003 64.2092 19.9815C64.2092 17.6627 65.8677 15.9102 68.0597 15.9102C70.2781 15.9102 71.9113 17.6353 71.9113 19.9815C71.9113 22.3277 70.2813 24.057 68.0597 24.057" fill="#F4F4ED"/>
+<path d="M108.506 27V13.404L114.314 27H116.954L122.784 13.404V27H125.468V9.84H121.288L115.634 23.502L110.002 9.84H105.822V27H108.506ZM129.924 13.932C130.892 13.932 131.684 13.184 131.684 12.194C131.684 11.204 130.936 10.456 129.924 10.456C128.934 10.456 128.164 11.204 128.164 12.194C128.164 13.184 128.934 13.932 129.924 13.932ZM131.222 27V15.56H128.648V27H131.222ZM136.696 27V21.28C136.696 19.014 137.906 17.43 139.798 17.43C141.382 17.43 142.262 18.574 142.262 20.4V27H144.88V20.29C144.88 16.946 143.472 15.208 140.656 15.208C138.786 15.208 137.488 16.088 136.696 17.408V15.56H134.1V27H136.696ZM148.884 13.932C149.852 13.932 150.644 13.184 150.644 12.194C150.644 11.204 149.896 10.456 148.884 10.456C147.894 10.456 147.124 11.204 147.124 12.194C147.124 13.184 147.894 13.932 148.884 13.932ZM150.182 27V15.56H147.608V27H150.182ZM157.9 27.352C161.024 27.352 162.938 25.966 162.938 23.788C162.938 18.882 155.524 21.346 155.524 18.75C155.524 17.782 156.36 17.1 157.812 17.1C159.396 17.1 160.364 17.892 160.43 19.212H162.916C162.74 16.748 160.87 15.208 158.01 15.208C154.864 15.208 152.95 16.682 152.95 18.86C152.95 23.634 160.364 21.126 160.364 23.854C160.364 24.756 159.484 25.46 157.988 25.46C156.316 25.46 155.194 24.712 155.128 23.414H152.62C152.686 25.856 154.688 27.352 157.9 27.352Z" fill="white"/>
+</svg>

package/build/dev-panel/images/shop-minis-logo.svg

@@ -0,0 +1,5 @@
+<svg width="165" height="40" viewBox="0 0 165 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 4C0 1.79086 1.79086 0 4 0H87.52C89.7291 0 91.52 1.79086 91.52 4V36C91.52 38.2091 89.7291 40 87.52 40H4C1.79086 40 0 38.2091 0 36V4Z" fill="#5433EB"/>
+<path d="M21.676 12.8023C18.1899 12.8023 16.0254 14.5274 16.0254 17.2697C16.0254 20.1822 18.6664 20.9164 21.001 21.4256C23.3356 21.9347 24.3751 22.1323 24.3751 23.0376C24.3751 23.9429 23.6155 24.3665 22.0975 24.3665C20.6355 24.3665 19.5675 23.6588 18.9495 22.3024L15.9979 23.7718C17.0099 25.9775 19.1745 27.2219 22.0975 27.2219C25.7241 27.2219 27.9171 25.5254 27.9171 22.6985C27.9171 19.7861 25.2762 19.0508 22.9405 18.5416C20.6048 18.0325 19.5675 17.8349 19.5675 16.9306C19.5675 16.0855 20.2717 15.663 21.6802 15.663C22.9732 15.663 23.8986 16.2567 24.5758 17.4166L27.5273 15.9176C26.4593 13.9104 24.4067 12.8076 21.6802 12.8076L21.676 12.8023ZM30.0014 27.0857H33.6565V18.6832C33.6565 17.0986 34.865 15.8838 36.495 15.8838C38.125 15.8838 39.306 17.0722 39.306 18.6832V27.0804H42.9611V18.6832C42.9611 15.2341 40.7121 12.8023 37.563 12.8023C35.989 12.8023 34.6114 13.396 33.6544 14.4429V7.99997H29.9992L30.0014 27.0857ZM47.3261 17.3669C46.0669 18.1877 44.983 19.9086 44.983 21.4636C44.983 25.0828 47.7381 27.6551 51.6171 27.6551C55.6652 27.6551 58.7012 24.4859 58.7012 20.3322C58.7012 15.7243 55.2437 12.3882 50.4086 12.3882C48.6128 12.3882 46.8835 12.8467 45.338 13.9897L47.68 16.6095C48.4973 16.0437 49.4695 15.7445 50.4635 15.7528C53.2186 15.7528 55.2426 17.7314 55.2426 20.3892C55.2426 23.0471 52.6355 25.219 50.0484 24.0042C49.3448 23.6735 48.7638 23.0534 48.5694 22.2918C48.3138 21.2893 48.8737 20.3734 49.5551 19.6889L47.3261 17.3669ZM68.6788 27.2262C72.5304 27.2262 75.5379 24.0876 75.5379 20.0163C75.5379 15.945 72.5304 12.8065 68.6788 12.8065C66.9357 12.8065 65.3892 13.4847 64.2937 14.6731V12.9438H60.7231V32H64.3782V25.4683C64.9413 26.0335 65.612 26.48 66.3507 26.7812C67.0894 27.0824 67.8811 27.2323 68.6788 27.2219V27.2262ZM68.0597 24.0528C65.8677 24.0528 64.2092 22.3002 64.2092 19.9815C64.2092 17.6627 65.8677 15.9102 68.0597 15.9102C70.2781 15.9102 71.9113 17.6353 71.9113 19.9815C71.9113 22.3277 70.2813 24.057 68.0597 24.057" fill="#F4F4ED"/>
+<path d="M108.506 27V13.404L114.314 27H116.954L122.784 13.404V27H125.468V9.84H121.288L115.634 23.502L110.002 9.84H105.822V27H108.506ZM129.924 13.932C130.892 13.932 131.684 13.184 131.684 12.194C131.684 11.204 130.936 10.456 129.924 10.456C128.934 10.456 128.164 11.204 128.164 12.194C128.164 13.184 128.934 13.932 129.924 13.932ZM131.222 27V15.56H128.648V27H131.222ZM136.696 27V21.28C136.696 19.014 137.906 17.43 139.798 17.43C141.382 17.43 142.262 18.574 142.262 20.4V27H144.88V20.29C144.88 16.946 143.472 15.208 140.656 15.208C138.786 15.208 137.488 16.088 136.696 17.408V15.56H134.1V27H136.696ZM148.884 13.932C149.852 13.932 150.644 13.184 150.644 12.194C150.644 11.204 149.896 10.456 148.884 10.456C147.894 10.456 147.124 11.204 147.124 12.194C147.124 13.184 147.894 13.932 148.884 13.932ZM150.182 27V15.56H147.608V27H150.182ZM157.9 27.352C161.024 27.352 162.938 25.966 162.938 23.788C162.938 18.882 155.524 21.346 155.524 18.75C155.524 17.782 156.36 17.1 157.812 17.1C159.396 17.1 160.364 17.892 160.43 19.212H162.916C162.74 16.748 160.87 15.208 158.01 15.208C154.864 15.208 152.95 16.682 152.95 18.86C152.95 23.634 160.364 21.126 160.364 23.854C160.364 24.756 159.484 25.46 157.988 25.46C156.316 25.46 155.194 24.712 155.128 23.414H152.62C152.686 25.856 154.688 27.352 157.9 27.352Z" fill="#0F1721"/>
+</svg>

package/build/dev-panel/images/topics.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.8498 3.56614C3.05315 2.65106 3.86477 2 4.80217 2H18.7399C19.6383 2 20.4265 2.59907 20.667 3.46471L23 11.8637V20C23 21.1046 22.1046 22 21 22H3C1.89543 22 1 21.1046 1 20V11.8902L2.8498 3.56614ZM18.7399 4L4.80217 4L3.02439 12H20.9621L18.7399 4ZM3 20V14H21V20H3ZM14 16H10V18H14V16ZM6 8.70001L18 8.70001V10.5L6 10.5V8.70001ZM17 5.20001L7 5.20001V7.00001L17 7.00001V5.20001Z" fill="black"/>
+</svg>

package/build/dev-panel/index.html

@@ -0,0 +1,302 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Shop Minis - open-mini</title>
+    <meta name="description" content="Shop Minis - open-mini" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      rel="icon"
+      type="image/png"
+      href="https://cdn.shopify.com/shopifycloud/arrive_website/assets/favicon-7859a5f629d44e86a6673fe8db1b39aac82398fd6df9de33c3b3382805a6c761.png"
+    />
+
+    <link rel="preconnect" href="https://cdn.shopify.com" />
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <div class="page">
+      <picture class="logo">
+        <source srcset="./images/shop-minis-logo-inverse.svg" media="(prefers-color-scheme: dark)" />
+        <source srcset="./images/shop-minis-logo.svg" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+        <img decoding="async" src="./images/shop-minis-logo.svg" />
+      </picture>
+      <div class="container">
+        <div class="qrcode">
+          <a id="open-mini-button" class="button open-mini">
+            Open Mini in Shop
+          </a>
+          <canvas class="qr-canvas" id="canvas"></canvas>
+        </div>
+        <div class="content">
+          <h1>Add deeplink parameters</h1>
+          <form>
+            <div>
+              <label for="shop_id">shop_id</label><br />
+              <input type="text" id="shop_id" name="shop_id" />
+            </div>
+            <div>
+              <label for="product_id">product_id</label><br />
+              <input type="text" id="product_id" name="product_id" />
+            </div>
+            <div>
+              <label for="product_variant_id">product_variant_id</label><br />
+              <input
+                type="text"
+                id="product_variant_id"
+                name="product_variant_id"
+              />
+            </div>
+          </form>
+          <div class="param-appendix">Params added to deeplink:</div>
+          <b id="param-appendix" class="param-appendix">?</b>
+          <div class="deeplink-content" style="width: 60%">
+            <a id="deeplink" class="link"></a>
+            <div class="copy-deeplink" id="copy-deeplink">
+              <div class="icon-copy">
+                <img src="images/copy.svg" width="20" height="20" />
+                <span>Copy</span>
+              </div>
+              <div class="icon-checkmark">
+                <img src="images/checkmark.svg" width="20" height="20" />
+                <span>Copied</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="Main">
+        <div class="Documentation">
+          <div
+            style="
+              flex-direction: row;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+            "
+          >
+            <h2>Documentation</h2>
+            <a
+              href="https://shop.app/minis/docs/"
+              target="_blank"
+              class="button-link"
+              >Explore the docs</a
+            >
+          </div>
+          <div class="rail">
+            <a
+              href="https://shop.app/minis/docs/getting-started/"
+              target="_blank"
+              class="card p-2 cursor-pointer w-50"
+            >
+              <div class="icon-container">
+                <img src="./images/get-started.svg" width="24" height="24" />
+              </div>
+              <h3>Get started</h3>
+              <p style="margin-bottom: 0">
+                Learn what Shop Minis are and how they're structures
+              </p>
+            </a>
+            <a
+              href="https://shop.app/minis/docs/category/how-to-guides/"
+              target="_blank"
+              class="card p-2 cursor-pointer w-50"
+            >
+              <div class="icon-container">
+                <img src="./images/how-to.svg" width="24" height="24" />
+              </div>
+              <h3>How To Guides</h3>
+              <p style="margin-bottom: 0">Learn how to build things quickly</p>
+            </a>
+          </div>
+          <div class="rail" style="margin-top: 1rem">
+            <a
+              href="https://shop.app/minis/docs/category/topics/"
+              target="_blank"
+              class="card p-2 cursor-pointer w-50"
+            >
+              <div class="icon-container">
+                <img src="./images/topics.svg" width="24" height="24" />
+              </div>
+              <h3>Topics</h3>
+              <p style="margin-bottom: 0">
+                Get an overview of various parts of the platform
+              </p>
+            </a>
+            <a
+              href="https://shop.app/minis/docs/category/references/"
+              target="_blank"
+              class="card p-2 cursor-pointer w-50"
+            >
+              <div class="icon-container">
+                <img src="./images/references.svg" width="24" height="24" />
+              </div>
+              <h3>References</h3>
+              <p style="margin-bottom: 0">
+                Detailed documentation for the API and SDK
+              </p>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div id="content"></div>
+    </div>
+
+    <script type="module">
+      import qrcode from 'https://cdn.skypack.dev/qrcode'
+
+      const urlSearchParams = new URLSearchParams(window.location.search)
+      const params = Object.fromEntries(urlSearchParams.entries())
+
+      const openMiniButton = document.getElementById('open-mini-button')
+      const deepLinkLinkHTML = params.deepLink
+        ? `<a href="${params.deepLink}" id="deeplink">${params.deepLink}</a>`
+        : 'Not found'
+
+      openMiniButton.href = params.deepLink
+
+      if (params.deepLink) {
+        const canvas = document.querySelector('#canvas')
+
+        var canvasQrCodeOptions = null
+
+        const updateQRCode = () => {
+          if (
+            window.matchMedia &&
+            window.matchMedia('(prefers-color-scheme: dark)').matches
+          ) {
+            console.log('dark mode!')
+            canvasQrCodeOptions = {
+              errorCorrectionLevel: 'L',
+              scale: 12,
+              margin: 5,
+              color: {
+                dark: '#fff',
+                light: '#3F454D',
+              },
+            }
+          } else {
+            console.log('light mode!')
+            canvasQrCodeOptions = {
+              errorCorrectionLevel: 'L',
+              scale: 12,
+              margin: 5,
+              color: {
+                dark: '#000',
+                light: '#FFFFFF',
+              },
+            }
+          }
+        }
+
+        updateQRCode()
+
+        window
+          .matchMedia('(prefers-color-scheme: dark)')
+          .addListener(function (e) {
+            updateQRCode()
+            qrcode.toCanvas(
+              canvas,
+              params.deepLink,
+              canvasQrCodeOptions,
+              error => {
+                if (error) console.error('Error generating the qr code', error)
+              }
+            )
+          })
+
+        qrcode.toCanvas(canvas, params.deepLink, canvasQrCodeOptions, error => {
+          if (error) console.error('Error generating the qr code', error)
+        })
+
+        const shopIdInput = document.getElementById('shop_id')
+        const productIdInput = document.getElementById('product_id')
+        const productVariantIdInput =
+          document.getElementById('product_variant_id')
+        const paramAppendix = document.getElementById('param-appendix')
+
+        initaliseInputsFromLocalStorage()
+
+        shopIdInput.addEventListener('input', function () {
+          generateParams()
+        })
+        productIdInput.addEventListener('input', function () {
+          generateParams()
+        })
+        productVariantIdInput.addEventListener('input', function () {
+          generateParams()
+        })
+
+        function generateParams() {
+          const paramsObj = {
+            ...(shopIdInput.value && {shop_id: shopIdInput.value}),
+            ...(productIdInput.value && {product_id: productIdInput.value}),
+            ...(productVariantIdInput.value && {
+              product_variant_id: productVariantIdInput.value,
+            }),
+          }
+
+          // showing params in UI
+          const searchParams = '?' + new URLSearchParams(paramsObj).toString()
+          paramAppendix.innerHTML = searchParams
+
+          const newDeepLink = params.deepLink + searchParams
+
+          const deeplinkElement = document.getElementById('deeplink')
+          deeplinkElement.innerHTML = newDeepLink
+          deeplinkElement.href = newDeepLink
+          openMiniButton.href = newDeepLink
+
+          qrcode.toCanvas(canvas, newDeepLink, canvasQrCodeOptions, error => {
+            if (error) console.error('Error generating the qr code', error)
+          })
+
+          persistParamsToLocalStorage()
+        }
+
+        function persistParamsToLocalStorage() {
+          window.localStorage.setItem('shopId', shopIdInput.value)
+          window.localStorage.setItem('productId', productIdInput.value)
+          window.localStorage.setItem(
+            'productVariantId',
+            productVariantIdInput.value
+          )
+        }
+
+        function initaliseInputsFromLocalStorage() {
+          shopIdInput.value = window.localStorage.getItem('shopId')
+          productIdInput.value = window.localStorage.getItem('productId')
+          productVariantIdInput.value =
+            window.localStorage.getItem('productVariantId')
+
+          generateParams()
+        }
+        const copyDeeplinkElement = document.getElementById('copy-deeplink')
+        const deeplinkElement = document.getElementById('deeplink').innerHTML
+
+        const copyContent = async () => {
+          try {
+            await navigator.clipboard.writeText(deeplinkElement)
+            console.log('Content copied to clipboard')
+          } catch (err) {
+            console.error('Failed to copy: ', err)
+          }
+        }
+        copyDeeplinkElement.onclick = () => {
+          copyContent()
+          //
+          function newState() {
+            document.querySelector('.icon-copy').style.display = 'none'
+            document.querySelector('.icon-checkmark').style.display = 'flex'
+          }
+          function normalState() {
+            document.querySelector('.icon-copy').style.display = 'flex'
+            document.querySelector('.icon-checkmark').style.display = 'none'
+          }
+          setTimeout(normalState, 1500)
+          newState()
+        }
+      }
+    </script>
+  </body>
+</html>

package/build/dev-panel/middleware.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="node" />
+import serve from 'serve-static';
+export declare const devPanelMiddleware: serve.RequestHandler<import("http").ServerResponse<import("http").IncomingMessage>>;
+export declare const DEV_PANEL_BASE_URL = "http://localhost:8082/dev_panel";

package/build/dev-panel/middleware.js

@@ -0,0 +1,11 @@
+"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`;
+//# sourceMappingURL=middleware.js.map