@shopify/shop-minis-cli 0.0.131 → 0.0.133

package/build/commands/generate-graphql-types/utils/get-graphql-config.js

@@ -1,11 +1,31 @@
+import { existsSync } from 'node:fs';
 import { createRequire } from 'node:module';
+import { join } from 'node:path';
+import { outputDebug } from '@shopify/cli-kit/node/output';
+const customRequire = () => createRequire(import.meta.url);
 export function getGraphqlConfig() {
     try {
-        const gqlConfig = createRequire(import.meta.url)('@shopify/shop-minis-runtime/graphqlrc.js');
+        let gqlConfig;
+        const localConfigPath = join(process.cwd(), '.graphqlrc.js');
+        const localConfigExists = existsSync(localConfigPath);
+        outputDebug(`Local graphql config from ${localConfigPath} exists? ${localConfigExists}`);
+        if (localConfigExists) {
+            outputDebug(`Using local graphql config from ${localConfigPath}`);
+            try {
+                gqlConfig = customRequire()(localConfigPath);
+            }
+            catch (err) {
+                outputDebug(`Failed to load local graphql config from ${localConfigPath}. Error ${err}`);
+            }
+        }
+        if (!gqlConfig) {
+            outputDebug(`Using graphql config from @shopify/shop-minis-runtime/graphqlrc`);
+            gqlConfig = customRequire()('@shopify/shop-minis-runtime/graphqlrc');
+        }
         return gqlConfig;
     }
     catch (err) {
-        throw new Error('Failed to load graphql config from "@shopify/shop-minis-runtime/graphqlrc"');
+        throw new Error(`Failed to load graphql config from "@shopify/shop-minis-runtime/graphqlrc". Error: ${err}`);
     }
 }
 //# sourceMappingURL=get-graphql-config.js.map

package/build/commands/generate-graphql-types/utils/get-graphql-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-graphql-config.js","sourceRoot":"","sources":["../../../../src/commands/generate-graphql-types/utils/get-graphql-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAEzC,MAAM,UAAU,gBAAgB;IAC9B,IAAI;QACF,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAC9C,0CAA0C,CAC3C,CAAA;QACD,OAAO,SAAS,CAAA;KACjB;IAAC,OAAO,GAAG,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,4EAA4E,CAC7E,CAAA;KACF;AACH,CAAC"}
+{"version":3,"file":"get-graphql-config.js","sourceRoot":"","sources":["../../../../src/commands/generate-graphql-types/utils/get-graphql-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAA;AAExD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAE1D,MAAM,UAAU,gBAAgB;IAC9B,IAAI;QACF,IAAI,SAAS,CAAA;QACb,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,eAAe,CAAC,CAAA;QAC5D,MAAM,iBAAiB,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;QACrD,WAAW,CACT,6BAA6B,eAAe,YAAY,iBAAiB,EAAE,CAC5E,CAAA;QAED,IAAI,iBAAiB,EAAE;YACrB,WAAW,CAAC,mCAAmC,eAAe,EAAE,CAAC,CAAA;YAEjE,IAAI;gBACF,SAAS,GAAG,aAAa,EAAE,CAAC,eAAe,CAAC,CAAA;aAC7C;YAAC,OAAO,GAAG,EAAE;gBACZ,WAAW,CACT,4CAA4C,eAAe,WAAW,GAAG,EAAE,CAC5E,CAAA;aACF;SACF;QAED,IAAI,CAAC,SAAS,EAAE;YACd,WAAW,CACT,iEAAiE,CAClE,CAAA;YACD,SAAS,GAAG,aAAa,EAAE,CAAC,uCAAuC,CAAC,CAAA;SACrE;QAED,OAAO,SAAS,CAAA;KACjB;IAAC,OAAO,GAAG,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,sFAAsF,GAAG,EAAE,CAC5F,CAAA;KACF;AACH,CAAC"}

package/build/commands/generate-graphql-types/utils/get-graphql-config.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/commands/generate-graphql-types/utils/get-graphql-config.spec.js

@@ -0,0 +1,57 @@
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+import { expect, describe, it, vi, afterEach } from 'vitest';
+import { getGraphqlConfig } from './get-graphql-config.js';
+const customRequireMock = vi.fn();
+vi.mock('node:module', () => ({
+    createRequire: vi.fn(() => {
+        return customRequireMock;
+    }),
+}));
+vi.mock('node:fs');
+vi.mock('@shopify/cli-kit/node/output');
+const localConfigPath = join(process.cwd(), '.graphqlrc.js');
+const runtimeConfigPath = '@shopify/shop-minis-runtime/graphqlrc';
+describe('getGraphqlConfig', () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+    it('should use local graphql config if it exists', () => {
+        const mockConfig = { local: 'config' };
+        vi.mocked(existsSync).mockReturnValue(true);
+        vi.mocked(customRequireMock).mockReturnValue(mockConfig);
+        const result = getGraphqlConfig();
+        expect(customRequireMock).toHaveBeenCalledWith(localConfigPath);
+        expect(result).toEqual(mockConfig);
+    });
+    it('should use runtime graphql config if local config does not exist', () => {
+        const mockConfig = { runtime: 'config' };
+        vi.mocked(existsSync).mockReturnValue(false);
+        vi.mocked(customRequireMock).mockReturnValue(mockConfig);
+        const result = getGraphqlConfig();
+        expect(customRequireMock).toHaveBeenCalledWith(runtimeConfigPath);
+        expect(result).toEqual(mockConfig);
+    });
+    it('uses the runtime config if the local require fails', () => {
+        const mockConfig = { runtime: 'config' };
+        vi.mocked(existsSync).mockReturnValue(true);
+        vi.mocked(customRequireMock).mockImplementation(requirePath => {
+            if (requirePath === localConfigPath) {
+                throw new Error('Mock error requiring local config');
+            }
+            return mockConfig;
+        });
+        const result = getGraphqlConfig();
+        expect(customRequireMock).toHaveBeenCalledWith(localConfigPath);
+        expect(customRequireMock).toHaveBeenCalledWith(runtimeConfigPath);
+        expect(result).toEqual(mockConfig);
+    });
+    it('should throw an error if both local and runtime configs fail to load', () => {
+        vi.mocked(existsSync).mockReturnValue(true);
+        vi.mocked(customRequireMock).mockImplementation(() => {
+            throw new Error('Mock error message');
+        });
+        expect(() => getGraphqlConfig()).toThrow(`Failed to load graphql config from "@shopify/shop-minis-runtime/graphqlrc". Error: Error: Mock error message`);
+    });
+});
+//# sourceMappingURL=get-graphql-config.spec.js.map

package/build/commands/generate-graphql-types/utils/get-graphql-config.spec.js.map

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

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"
   },
-  "version": "0.0.131",
+  "version": "0.0.133",
   "description": "Shop Minis CLI",
   "main": "build/index.js",
   "bin": {

package/templates/extensions/components/__template_survey-single-response/render.tsx

@@ -0,0 +1,26 @@
+import {SurveySingleResponse} from '@shopify/shop-minis-ui-extensions'
+
+import type {__QUERY_NAME__QueryData} from './input.graphql'
+import seedData from './seed'
+
+export function Render({
+  extensionData,
+}: {
+  extensionData: __QUERY_NAME__QueryData | null
+}) {
+  // Here we are using seed data to populate the initial state of the survey.
+  // You can replace this with the actual data from `extensionData`
+  __EXAMPLE_QUERY_DATA_USE__
+
+  return (
+    <SurveySingleResponse
+      choices={seedData}
+      onChoiceSelected={(index, value) =>
+        console.log('Selected:', index, value)
+      }
+      title="How did you find our store?"
+      seeMoreChoice={{label: 'Other', value: 'seeMore'}}
+      singleQuestionSurvey={false}
+    />
+  )
+}

package/templates/extensions/components/__template_survey-single-response/seed.ts

@@ -0,0 +1,22 @@
+const MINIS_TEST_STORE_DATA = {
+  id: 'gid://shopify/Shop/62104633599',
+  image: null,
+  name: 'Shop Minis Test Store',
+}
+
+const data = [
+  {label: 'Google', value: 'google'},
+  {label: 'Facebook', value: 'facebook'},
+  {label: 'Pinterest', value: 'pinterest'},
+  {label: 'Instagram', value: 'instagram'},
+  {label: 'Snapchat', value: 'snapchat'},
+  {label: 'TikTok', value: 'tikTok'},
+  {label: 'From a friend, family member or coworker', value: 'friends'},
+  {label: 'In a retail store', value: 'store'},
+  {label: 'Podcast/Radio', value: 'podcast'},
+  {label: 'Press or other article', value: 'press'},
+  {label: 'Youtube', value: 'youtube'},
+  {label: 'Other', value: 'other'},
+]
+
+export default data