@shopify/hydrogen-codegen 0.1.0 → 0.2.1

package/README.md

@@ -0,0 +1,53 @@
+# Hydrogen Codegen
+
+A codegen plugin and preset for generating TypeScript types from GraphQL queries in a `d.ts` file. It does not require any function wrapper and adds no runtime overhead (0 bytes to the bundle).
+
+```ts
+const {shop} = await client.query(`#graphql
+  query {
+    shop {
+     name
+    }
+  }
+`);
+```
+
+The GraphQL client must use TypeScript interfaces that are extended in the generated `d.ts` file. See an example in [Hydrogen's Storefront client](https://github.com/Shopify/hydrogen/blob/081b41e0d43c9e1090933e908362625b9dfe7166/packages/hydrogen/src/storefront.ts#L58-L143).
+
+## Usage
+
+When using Hydrogen CLI, this package is already included and configured for you to generate types for the Shopify Storefront API. However, if you want to use it standalone with the GraphQL CLI or just want to add other APIs to Hydrogen, you can use the following example configuration:
+
+```ts
+// <root>/codegen.ts
+
+import type {CodegenConfig} from '@graphql-codegen/cli';
+import {pluckConfig, preset, getSchema} from '@shopify/hydrogen-codegen';
+
+export default {
+  overwrite: true,
+  pluckConfig,
+  generates: {
+    'storefrontapi.generated.d.ts': {
+      preset,
+      schema: getSchema('storefront'),
+      documents: [
+        './*.{ts,tsx,js,jsx}',
+        './app/**/*.{ts,tsx,js,jsx}',
+        '!./app/graphql/customer-account/*.{ts,tsx,js,jsx}',
+        '!./app/graphql/my-cms/*.{ts,tsx,js,jsx}',
+      ],
+    },
+    'customeraccountapi.generated.d.ts': {
+      preset,
+      schema: getSchema('customer-account'),
+      documents: ['./app/graphql/customer-account/*.{ts,tsx,js,jsx}'],
+    },
+    'mycms.generated.d.ts': {
+      preset,
+      schema: './my-cms.json',
+      documents: ['./app/graphql/my-cms/*.{ts,tsx,js,jsx}'],
+    },
+  },
+} as CodegenConfig;
+```

package/dist/cjs/client.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=client.cjs.map

package/dist/cjs/client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/cjs/defaults.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var plugin_js = require('./plugin.cjs');
+
+const sfapiDefaultInterfaceExtensionCode = `
+declare module '@shopify/hydrogen' {
+  interface StorefrontQueries extends ${plugin_js.GENERATED_QUERY_INTERFACE_NAME} {}
+  interface StorefrontMutations extends ${plugin_js.GENERATED_MUTATION_INTERFACE_NAME} {}
+}`;
+const caapiDefaultInterfaceExtensionCode = `
+declare module '@shopify/hydrogen' {
+  interface CustomerAccountQueries extends ${plugin_js.GENERATED_QUERY_INTERFACE_NAME} {}
+  interface CustomerAccountMutations extends ${plugin_js.GENERATED_MUTATION_INTERFACE_NAME} {}
+}`;
+const sfapiDefaultValues = {
+  importTypesFrom: "@shopify/hydrogen/storefront-api-types",
+  namespacedImportName: "StorefrontAPI",
+  interfaceExtensionCode: sfapiDefaultInterfaceExtensionCode
+};
+const caapiDefaultValues = {
+  importTypesFrom: "@shopify/hydrogen/customer-account-api-types",
+  namespacedImportName: "CustomerAccountAPI",
+  interfaceExtensionCode: caapiDefaultInterfaceExtensionCode
+};
+function getDefaultOptions(outputFile = "") {
+  return /^(customer|caapi\.)/i.test(outputFile) ? caapiDefaultValues : sfapiDefaultValues;
+}
+
+exports.getDefaultOptions = getDefaultOptions;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=defaults.cjs.map

package/dist/cjs/defaults.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/defaults.ts"],"names":[],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,qCAAqC;AAAA;AAAA,wCAEH,8BAA8B;AAAA,0CAC5B,iCAAiC;AAAA;AAG3E,MAAM,qCAAqC;AAAA;AAAA,6CAEE,8BAA8B;AAAA,+CAC5B,iCAAiC;AAAA;AAShF,MAAM,qBAAoC;AAAA,EACxC,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,wBAAwB;AAC1B;AAEA,MAAM,qBAAoC;AAAA,EACxC,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,wBAAwB;AAC1B;AAEO,SAAS,kBAAkB,aAAa,IAAI;AACjD,SAAO,uBAAuB,KAAK,UAAU,IACzC,qBACA;AACN","sourcesContent":["import {\n  GENERATED_MUTATION_INTERFACE_NAME,\n  GENERATED_QUERY_INTERFACE_NAME,\n} from './plugin.js';\n\nconst sfapiDefaultInterfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface StorefrontQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}\n  interface StorefrontMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}\n}`;\n\nconst caapiDefaultInterfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface CustomerAccountQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}\n  interface CustomerAccountMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}\n}`;\n\ntype DefaultValues = {\n  importTypesFrom: string;\n  namespacedImportName: string;\n  interfaceExtensionCode: string;\n};\n\nconst sfapiDefaultValues: DefaultValues = {\n  importTypesFrom: '@shopify/hydrogen/storefront-api-types',\n  namespacedImportName: 'StorefrontAPI',\n  interfaceExtensionCode: sfapiDefaultInterfaceExtensionCode,\n};\n\nconst caapiDefaultValues: DefaultValues = {\n  importTypesFrom: '@shopify/hydrogen/customer-account-api-types',\n  namespacedImportName: 'CustomerAccountAPI',\n  interfaceExtensionCode: caapiDefaultInterfaceExtensionCode,\n};\n\nexport function getDefaultOptions(outputFile = '') {\n  return /^(customer|caapi\\.)/i.test(outputFile)\n    ? caapiDefaultValues\n    : sfapiDefaultValues;\n}\n"]}

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,SAAQ,cAAa;AACrB,SAAQ,cAAa;AACrB,SAAQ,QAAQ,iBAAgB;AAChC,SAAQ,sBAAqB;AAC7B,SAAQ,mBAAkB","sourcesContent":["export {preset} from './preset.js';\nexport {plugin} from './plugin.js';\nexport {schema, getSchema} from './schema.js';\nexport {processSources} from './sources.js';\nexport {pluckConfig} from './pluck.js';\n"]}
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,SAAQ,cAAa;AACrB,SAAQ,cAAa;AACrB,SAAQ,QAAQ,iBAAgB;AAChC,SAAQ,sBAAqB;AAC7B,SAAQ,mBAAkB","sourcesContent":["export {preset} from './preset.js';\nexport {plugin} from './plugin.js';\nexport {schema, getSchema} from './schema.js';\nexport {processSources} from './sources.js';\nexport {pluckConfig} from './pluck.js';\nexport type * from './client.js';\n"]}

package/dist/cjs/patch.cjs

@@ -1,53 +1,4 @@
 'use strict';
 
-var path = require('node:path');
-var fs = require('node:fs');
-var node_module = require('node:module');
-var node_url = require('node:url');
-
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var path__default = /*#__PURE__*/_interopDefault(path);
-var fs__default = /*#__PURE__*/_interopDefault(fs);
-
-const require2 = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
-const realGqlTagPluck = require2.resolve("@graphql-tools/graphql-tag-pluck");
-const depth = path__default.default.extname((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href))) === ".ts" ? "../" : "../../";
-const vendorGqlTagPluck = node_url.fileURLToPath(
-  new URL(depth + "/vendor/graphql-tag-pluck", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)))
-);
-fs__default.default.copyFileSync(
-  path__default.default.join(vendorGqlTagPluck, "visitor.cjs"),
-  realGqlTagPluck.replace(/index\.js$/, "visitor.js")
-);
-fs__default.default.copyFileSync(
-  path__default.default.join(vendorGqlTagPluck, "visitor.mjs"),
-  realGqlTagPluck.replace("cjs", "esm").replace(/index\.js$/, "visitor.js")
-);
-const visitorPluginCommon = require2.resolve(
-  "@graphql-codegen/visitor-plugin-common"
-);
-const selectionSetToObjectFileCJS = visitorPluginCommon.replace(
-  "index.js",
-  "selection-set-to-object.js"
-);
-const selectionSetToObjectFileESM = selectionSetToObjectFileCJS.replace(
-  "cjs",
-  "esm"
-);
-fs__default.default.writeFileSync(
-  selectionSetToObjectFileCJS,
-  patchSelectionSet(fs__default.default.readFileSync(selectionSetToObjectFileCJS, "utf-8")),
-  "utf-8"
-);
-fs__default.default.writeFileSync(
-  selectionSetToObjectFileESM,
-  patchSelectionSet(fs__default.default.readFileSync(selectionSetToObjectFileESM, "utf-8")),
-  "utf-8"
-);
-function patchSelectionSet(content) {
-  return content.replace("&& s.union", "&& s?.union");
-}
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=patch.cjs.map

package/dist/cjs/patch.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/patch.ts"],"names":["require"],"mappings":"AAAA,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,SAAQ,qBAAoB;AAC5B,SAAQ,qBAAoB;AAK5B,MAAMA,WAAU,cAAc,YAAY,GAAG;AAC7C,MAAM,kBAAkBA,SAAQ,QAAQ,kCAAkC;AAG1E,MAAM,QAAQ,KAAK,QAAQ,YAAY,GAAG,MAAM,QAAQ,QAAQ;AAChE,MAAM,oBAAoB;AAAA,EACxB,IAAI,IAAI,QAAQ,6BAA6B,YAAY,GAAG;AAC9D;AAGA,GAAG;AAAA,EACD,KAAK,KAAK,mBAAmB,aAAa;AAAA,EAC1C,gBAAgB,QAAQ,cAAc,YAAY;AACpD;AAEA,GAAG;AAAA,EACD,KAAK,KAAK,mBAAmB,aAAa;AAAA,EAC1C,gBAAgB,QAAQ,OAAO,KAAK,EAAE,QAAQ,cAAc,YAAY;AAC1E;AAMA,MAAM,sBAAsBA,SAAQ;AAAA,EAClC;AACF;AACA,MAAM,8BAA8B,oBAAoB;AAAA,EACtD;AAAA,EACA;AACF;AACA,MAAM,8BAA8B,4BAA4B;AAAA,EAC9D;AAAA,EACA;AACF;AAEA,GAAG;AAAA,EACD;AAAA,EACA,kBAAkB,GAAG,aAAa,6BAA6B,OAAO,CAAC;AAAA,EACvE;AACF;AAEA,GAAG;AAAA,EACD;AAAA,EACA,kBAAkB,GAAG,aAAa,6BAA6B,OAAO,CAAC;AAAA,EACvE;AACF;AAEA,SAAS,kBAAkB,SAAiB;AAC1C,SAAO,QAAQ,QAAQ,cAAc,aAAa;AACpD","sourcesContent":["import path from 'node:path';\nimport fs from 'node:fs';\nimport {createRequire} from 'node:module';\nimport {fileURLToPath} from 'node:url';\n\n/**\n * Patch graphql-tag-pluck to allow it to work with `#graphql` comment and other features.\n */\nconst require = createRequire(import.meta.url);\nconst realGqlTagPluck = require.resolve('@graphql-tools/graphql-tag-pluck');\n// During tests, this file is in src/xyz.ts but in dev/prod,\n// the file is in dist/(esm|cjs)/xyz.js\nconst depth = path.extname(import.meta.url) === '.ts' ? '../' : '../../';\nconst vendorGqlTagPluck = fileURLToPath(\n  new URL(depth + '/vendor/graphql-tag-pluck', import.meta.url),\n);\n\n// Copy files sequencially to avoid `EBUSY` errors in Windows\nfs.copyFileSync(\n  path.join(vendorGqlTagPluck, 'visitor.cjs'),\n  realGqlTagPluck.replace(/index\\.js$/, 'visitor.js'),\n);\n\nfs.copyFileSync(\n  path.join(vendorGqlTagPluck, 'visitor.mjs'),\n  realGqlTagPluck.replace('cjs', 'esm').replace(/index\\.js$/, 'visitor.js'),\n);\n\n/**\n * Temporary patch for a bug in another package\n * https://github.com/dotansimha/graphql-code-generator/pull/9709\n */\nconst visitorPluginCommon = require.resolve(\n  '@graphql-codegen/visitor-plugin-common',\n);\nconst selectionSetToObjectFileCJS = visitorPluginCommon.replace(\n  'index.js',\n  'selection-set-to-object.js',\n);\nconst selectionSetToObjectFileESM = selectionSetToObjectFileCJS.replace(\n  'cjs',\n  'esm',\n);\n\nfs.writeFileSync(\n  selectionSetToObjectFileCJS,\n  patchSelectionSet(fs.readFileSync(selectionSetToObjectFileCJS, 'utf-8')),\n  'utf-8',\n);\n\nfs.writeFileSync(\n  selectionSetToObjectFileESM,\n  patchSelectionSet(fs.readFileSync(selectionSetToObjectFileESM, 'utf-8')),\n  'utf-8',\n);\n\nfunction patchSelectionSet(content: string) {\n  return content.replace('&& s.union', '&& s?.union');\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/cjs/preset.cjs

@@ -4,6 +4,7 @@ var addPlugin = require('@graphql-codegen/add');
 var typescriptPlugin = require('@graphql-codegen/typescript');
 var typescriptOperationPlugin = require('@graphql-codegen/typescript-operations');
 var sources_js = require('./sources.cjs');
+var defaults_js = require('./defaults.cjs');
 var plugin_js = require('./plugin.cjs');
 
 function _interopNamespace(e) {
@@ -28,12 +29,8 @@ var addPlugin__namespace = /*#__PURE__*/_interopNamespace(addPlugin);
 var typescriptPlugin__namespace = /*#__PURE__*/_interopNamespace(typescriptPlugin);
 var typescriptOperationPlugin__namespace = /*#__PURE__*/_interopNamespace(typescriptOperationPlugin);
 
-const defaultInterfaceExtensionCode = `
-declare module '@shopify/hydrogen' {
-  interface StorefrontQueries extends ${plugin_js.GENERATED_QUERY_INTERFACE_NAME} {}
-  interface StorefrontMutations extends ${plugin_js.GENERATED_MUTATION_INTERFACE_NAME} {}
-}`;
 const preset = {
+  [Symbol.for("name")]: "hydrogen",
   buildGeneratesSection: (options) => {
     if (!options.baseOutputDir.endsWith(".d.ts")) {
       throw new Error("[hydrogen-preset] target output should be a .d.ts file");
@@ -45,13 +42,14 @@ const preset = {
     }
     const sourcesWithOperations = sources_js.processSources(options.documents);
     const sources = sourcesWithOperations.map(({ source }) => source);
+    const defaultOptions = defaults_js.getDefaultOptions(options.baseOutputDir);
     const importTypes = options.presetConfig.importTypes ?? true;
-    const namespacedImportName = options.presetConfig.namespacedImportName ?? "StorefrontAPI";
-    const importTypesFrom = options.presetConfig.importTypesFrom ?? "@shopify/hydrogen/storefront-api-types";
+    const namespacedImportName = options.presetConfig.namespacedImportName ?? defaultOptions.namespacedImportName;
+    const importTypesFrom = options.presetConfig.importTypesFrom ?? defaultOptions.importTypesFrom;
     const interfaceExtensionCode = options.presetConfig.interfaceExtension?.({
       queryType: plugin_js.GENERATED_QUERY_INTERFACE_NAME,
       mutationType: plugin_js.GENERATED_MUTATION_INTERFACE_NAME
-    }) ?? defaultInterfaceExtensionCode;
+    }) ?? defaultOptions.interfaceExtensionCode;
     const pluginMap = {
       ...options.pluginMap,
       [`add`]: addPlugin__namespace,
@@ -119,7 +117,6 @@ const preset = {
   }
 };
 
-exports.defaultInterfaceExtensionCode = defaultInterfaceExtensionCode;
 exports.preset = preset;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=preset.cjs.map

package/dist/cjs/preset.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preset.ts"],"names":[],"mappings":"AACA,YAAY,eAAe;AAC3B,YAAY,sBAAsB;AAClC,YAAY,+BAA+B;AAC3C,SAAQ,sBAAqB;AAC7B;AAAA,EACE,UAAU;AAAA,EACV;AAAA,EACA;AAAA,OACK;AAgCA,MAAM,gCAAgC;AAAA;AAAA,wCAEL,8BAA8B;AAAA,0CAC5B,iCAAiC;AAAA;AAGpE,MAAM,SAAmD;AAAA,EAC9D,uBAAuB,CAAC,YAAY;AAClC,QAAI,CAAC,QAAQ,cAAc,SAAS,OAAO,GAAG;AAC5C,YAAM,IAAI,MAAM,wDAAwD;AAAA,IAC1E;AAEA,QACE,QAAQ,SAAS,SAAS,KAC1B,OAAO,KAAK,QAAQ,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,YAAY,CAAC,GACnE;AACA,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,UAAM,wBAAwB,eAAe,QAAQ,SAAS;AAC9D,UAAM,UAAU,sBAAsB,IAAI,CAAC,EAAC,OAAM,MAAM,MAAM;AAE9D,UAAM,cAAc,QAAQ,aAAa,eAAe;AACxD,UAAM,uBACJ,QAAQ,aAAa,wBAAwB;AAC/C,UAAM,kBACJ,QAAQ,aAAa,mBACrB;AAEF,UAAM,yBACJ,QAAQ,aAAa,qBAAqB;AAAA,MACxC,WAAW;AAAA,MACX,cAAc;AAAA,IAChB,CAAC,KAAK;AAER,UAAM,YAAY;AAAA,MAChB,GAAG,QAAQ;AAAA,MACX,CAAC,KAAK,GAAG;AAAA,MACT,CAAC,YAAY,GAAG;AAAA,MAChB,CAAC,uBAAuB,GAAG;AAAA,MAC3B,CAAC,SAAS,GAAG,EAAC,QAAQ,UAAS;AAAA,IACjC;AAEA,UAAM,UAAyC;AAAA;AAAA,MAE7C;AAAA,QACE,CAAC,KAAK,GAAG;AAAA,UACP,SAAS;AAAA;AAAA;AAAA,QACX;AAAA,MACF;AAAA;AAAA,MAEA,cACI;AAAA,QACE,CAAC,KAAK,GAAG;AAAA,UACP,SAAS,eAAe,oBAAoB,UAAU,eAAe;AAAA;AAAA,QACvE;AAAA,MACF,IACA;AAAA,QACE,CAAC,YAAY,GAAG;AAAA,UACd,gBAAgB;AAAA,UAChB,sBAAsB;AAAA,UACtB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,MAEJ;AAAA,QACE,CAAC,uBAAuB,GAAG;AAAA,UACzB,gBAAgB;AAAA;AAAA,UAChB,iBAAiB;AAAA;AAAA,UACjB,oBAAoB;AAAA;AAAA,UACpB,cAAc,QAAQ,aAAa,4BAA4B;AAAA;AAAA,UAC/D,sBAAsB,cAAc,uBAAuB;AAAA,QAC7D;AAAA,MACF;AAAA;AAAA,MAEA,EAAC,CAAC,SAAS,GAAG,EAAC,uBAAuB,uBAAsB,EAAC;AAAA;AAAA,MAE7D,GAAG,QAAQ;AAAA,IACb;AAEA,WAAO;AAAA,MACL;AAAA,QACE,UAAU,QAAQ;AAAA,QAClB;AAAA,QACA;AAAA,QACA,QAAQ,QAAQ;AAAA,QAChB,QAAQ;AAAA;AAAA,UAEN,mBAAmB;AAAA;AAAA,UAEnB,GAAG,QAAQ;AAAA,QACb;AAAA,QACA,WAAW;AAAA,QACX,oBAAoB,QAAQ;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF","sourcesContent":["import type {Types} from '@graphql-codegen/plugin-helpers';\nimport * as addPlugin from '@graphql-codegen/add';\nimport * as typescriptPlugin from '@graphql-codegen/typescript';\nimport * as typescriptOperationPlugin from '@graphql-codegen/typescript-operations';\nimport {processSources} from './sources.js';\nimport {\n  plugin as dtsPlugin,\n  GENERATED_MUTATION_INTERFACE_NAME,\n  GENERATED_QUERY_INTERFACE_NAME,\n} from './plugin.js';\n\nexport type HydrogenPresetConfig = {\n  /**\n   * Name for the variable that contains the imported types.\n   * @default 'StorefrontAPI'\n   */\n  namespacedImportName?: string;\n  /**\n   * Module to import the types from.\n   * @default '@shopify/hydrogen/storefront-api-types'\n   */\n  importTypesFrom?: string;\n  /**\n   * Whether types should be imported from the `importTypesFrom` module, or generated inline.\n   * @default true\n   */\n  importTypes?: boolean;\n  /**\n   * Whether to skip adding `__typename` to generated operation types.\n   * @default true\n   */\n  skipTypenameInOperations?: boolean;\n  /**\n   * Override the default interface extension.\n   */\n  interfaceExtension?: (options: {\n    queryType: string;\n    mutationType: string;\n  }) => string;\n};\n\nexport const defaultInterfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface StorefrontQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}\n  interface StorefrontMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}\n}`;\n\nexport const preset: Types.OutputPreset<HydrogenPresetConfig> = {\n  buildGeneratesSection: (options) => {\n    if (!options.baseOutputDir.endsWith('.d.ts')) {\n      throw new Error('[hydrogen-preset] target output should be a .d.ts file');\n    }\n\n    if (\n      options.plugins?.length > 0 &&\n      Object.keys(options.plugins).some((p) => p.startsWith('typescript'))\n    ) {\n      throw new Error(\n        '[hydrogen-preset] providing additional typescript-based `plugins` leads to duplicated generated types',\n      );\n    }\n\n    const sourcesWithOperations = processSources(options.documents);\n    const sources = sourcesWithOperations.map(({source}) => source);\n\n    const importTypes = options.presetConfig.importTypes ?? true;\n    const namespacedImportName =\n      options.presetConfig.namespacedImportName ?? 'StorefrontAPI';\n    const importTypesFrom =\n      options.presetConfig.importTypesFrom ??\n      '@shopify/hydrogen/storefront-api-types';\n\n    const interfaceExtensionCode =\n      options.presetConfig.interfaceExtension?.({\n        queryType: GENERATED_QUERY_INTERFACE_NAME,\n        mutationType: GENERATED_MUTATION_INTERFACE_NAME,\n      }) ?? defaultInterfaceExtensionCode;\n\n    const pluginMap = {\n      ...options.pluginMap,\n      [`add`]: addPlugin,\n      [`typescript`]: typescriptPlugin,\n      [`typescript-operations`]: typescriptOperationPlugin,\n      [`gen-dts`]: {plugin: dtsPlugin},\n    };\n\n    const plugins: Array<Types.ConfiguredPlugin> = [\n      // 1. Disable eslint for the generated file\n      {\n        [`add`]: {\n          content: `/* eslint-disable eslint-comments/disable-enable-pair */\\n/* eslint-disable eslint-comments/no-unlimited-disable */\\n/* eslint-disable */`,\n        },\n      },\n      // 2. Import all the generated API types from Hydrogen or generate all the types from the schema.\n      importTypes\n        ? {\n            [`add`]: {\n              content: `import * as ${namespacedImportName} from '${importTypesFrom}';\\n`,\n            },\n          }\n        : {\n            [`typescript`]: {\n              useTypeImports: true,\n              useImplementingTypes: true,\n              enumsAsTypes: true,\n            },\n          },\n      // 3. Generate the operations (i.e. queries, mutations, and fragments types)\n      {\n        [`typescript-operations`]: {\n          useTypeImports: true, // Use `import type` instead of `import`\n          preResolveTypes: false, // Use Pick<...> instead of primitives\n          mergeFragmentTypes: true, // Merge equal fragment interfaces. Avoids adding `| {}` to Metaobject\n          skipTypename: options.presetConfig.skipTypenameInOperations ?? true, // Skip __typename fields\n          namespacedImportName: importTypes ? namespacedImportName : undefined,\n        },\n      },\n      // 4.  Augment Hydrogen query/mutation interfaces with the generated operations\n      {[`gen-dts`]: {sourcesWithOperations, interfaceExtensionCode}},\n      // 5. Custom plugins from the user\n      ...options.plugins,\n    ];\n\n    return [\n      {\n        filename: options.baseOutputDir,\n        plugins,\n        pluginMap,\n        schema: options.schema,\n        config: {\n          // For the TS plugin:\n          defaultScalarType: 'unknown',\n          // Allow overwriting defaults:\n          ...options.config,\n        },\n        documents: sources,\n        documentTransforms: options.documentTransforms,\n      },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["../../src/preset.ts"],"names":[],"mappings":"AACA,YAAY,eAAe;AAC3B,YAAY,sBAAsB;AAClC,YAAY,+BAA+B;AAC3C,SAAQ,sBAAqB;AAC7B,SAAQ,yBAAwB;AAChC;AAAA,EACE,UAAU;AAAA,EACV;AAAA,EACA;AAAA,OACK;AAgCA,MAAM,SAAmD;AAAA,EAC9D,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AAAA,EACtB,uBAAuB,CAAC,YAAY;AAClC,QAAI,CAAC,QAAQ,cAAc,SAAS,OAAO,GAAG;AAC5C,YAAM,IAAI,MAAM,wDAAwD;AAAA,IAC1E;AAEA,QACE,QAAQ,SAAS,SAAS,KAC1B,OAAO,KAAK,QAAQ,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,YAAY,CAAC,GACnE;AACA,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,UAAM,wBAAwB,eAAe,QAAQ,SAAS;AAC9D,UAAM,UAAU,sBAAsB,IAAI,CAAC,EAAC,OAAM,MAAM,MAAM;AAE9D,UAAM,iBAAiB,kBAAkB,QAAQ,aAAa;AAE9D,UAAM,cAAc,QAAQ,aAAa,eAAe;AACxD,UAAM,uBACJ,QAAQ,aAAa,wBACrB,eAAe;AACjB,UAAM,kBACJ,QAAQ,aAAa,mBAAmB,eAAe;AAEzD,UAAM,yBACJ,QAAQ,aAAa,qBAAqB;AAAA,MACxC,WAAW;AAAA,MACX,cAAc;AAAA,IAChB,CAAC,KAAK,eAAe;AAEvB,UAAM,YAAY;AAAA,MAChB,GAAG,QAAQ;AAAA,MACX,CAAC,KAAK,GAAG;AAAA,MACT,CAAC,YAAY,GAAG;AAAA,MAChB,CAAC,uBAAuB,GAAG;AAAA,MAC3B,CAAC,SAAS,GAAG,EAAC,QAAQ,UAAS;AAAA,IACjC;AAEA,UAAM,UAAyC;AAAA;AAAA,MAE7C;AAAA,QACE,CAAC,KAAK,GAAG;AAAA,UACP,SAAS;AAAA;AAAA;AAAA,QACX;AAAA,MACF;AAAA;AAAA,MAEA,cACI;AAAA,QACE,CAAC,KAAK,GAAG;AAAA,UACP,SAAS,eAAe,oBAAoB,UAAU,eAAe;AAAA;AAAA,QACvE;AAAA,MACF,IACA;AAAA,QACE,CAAC,YAAY,GAAG;AAAA,UACd,gBAAgB;AAAA,UAChB,sBAAsB;AAAA,UACtB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,MAEJ;AAAA,QACE,CAAC,uBAAuB,GAAG;AAAA,UACzB,gBAAgB;AAAA;AAAA,UAChB,iBAAiB;AAAA;AAAA,UACjB,oBAAoB;AAAA;AAAA,UACpB,cAAc,QAAQ,aAAa,4BAA4B;AAAA;AAAA,UAC/D,sBAAsB,cAAc,uBAAuB;AAAA,QAC7D;AAAA,MACF;AAAA;AAAA,MAEA,EAAC,CAAC,SAAS,GAAG,EAAC,uBAAuB,uBAAsB,EAAC;AAAA;AAAA,MAE7D,GAAG,QAAQ;AAAA,IACb;AAEA,WAAO;AAAA,MACL;AAAA,QACE,UAAU,QAAQ;AAAA,QAClB;AAAA,QACA;AAAA,QACA,QAAQ,QAAQ;AAAA,QAChB,QAAQ;AAAA;AAAA,UAEN,mBAAmB;AAAA;AAAA,UAEnB,GAAG,QAAQ;AAAA,QACb;AAAA,QACA,WAAW;AAAA,QACX,oBAAoB,QAAQ;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF","sourcesContent":["import type {Types} from '@graphql-codegen/plugin-helpers';\nimport * as addPlugin from '@graphql-codegen/add';\nimport * as typescriptPlugin from '@graphql-codegen/typescript';\nimport * as typescriptOperationPlugin from '@graphql-codegen/typescript-operations';\nimport {processSources} from './sources.js';\nimport {getDefaultOptions} from './defaults.js';\nimport {\n  plugin as dtsPlugin,\n  GENERATED_MUTATION_INTERFACE_NAME,\n  GENERATED_QUERY_INTERFACE_NAME,\n} from './plugin.js';\n\nexport type HydrogenPresetConfig = {\n  /**\n   * Name for the variable that contains the imported types.\n   * @default 'StorefrontAPI'\n   */\n  namespacedImportName?: string;\n  /**\n   * Module to import the types from.\n   * @default '@shopify/hydrogen/storefront-api-types'\n   */\n  importTypesFrom?: string;\n  /**\n   * Whether types should be imported from the `importTypesFrom` module, or generated inline.\n   * @default true\n   */\n  importTypes?: boolean;\n  /**\n   * Whether to skip adding `__typename` to generated operation types.\n   * @default true\n   */\n  skipTypenameInOperations?: boolean;\n  /**\n   * Override the default interface extension.\n   */\n  interfaceExtension?: (options: {\n    queryType: string;\n    mutationType: string;\n  }) => string;\n};\n\nexport const preset: Types.OutputPreset<HydrogenPresetConfig> = {\n  [Symbol.for('name')]: 'hydrogen',\n  buildGeneratesSection: (options) => {\n    if (!options.baseOutputDir.endsWith('.d.ts')) {\n      throw new Error('[hydrogen-preset] target output should be a .d.ts file');\n    }\n\n    if (\n      options.plugins?.length > 0 &&\n      Object.keys(options.plugins).some((p) => p.startsWith('typescript'))\n    ) {\n      throw new Error(\n        '[hydrogen-preset] providing additional typescript-based `plugins` leads to duplicated generated types',\n      );\n    }\n\n    const sourcesWithOperations = processSources(options.documents);\n    const sources = sourcesWithOperations.map(({source}) => source);\n\n    const defaultOptions = getDefaultOptions(options.baseOutputDir);\n\n    const importTypes = options.presetConfig.importTypes ?? true;\n    const namespacedImportName =\n      options.presetConfig.namespacedImportName ??\n      defaultOptions.namespacedImportName;\n    const importTypesFrom =\n      options.presetConfig.importTypesFrom ?? defaultOptions.importTypesFrom;\n\n    const interfaceExtensionCode =\n      options.presetConfig.interfaceExtension?.({\n        queryType: GENERATED_QUERY_INTERFACE_NAME,\n        mutationType: GENERATED_MUTATION_INTERFACE_NAME,\n      }) ?? defaultOptions.interfaceExtensionCode;\n\n    const pluginMap = {\n      ...options.pluginMap,\n      [`add`]: addPlugin,\n      [`typescript`]: typescriptPlugin,\n      [`typescript-operations`]: typescriptOperationPlugin,\n      [`gen-dts`]: {plugin: dtsPlugin},\n    };\n\n    const plugins: Array<Types.ConfiguredPlugin> = [\n      // 1. Disable eslint for the generated file\n      {\n        [`add`]: {\n          content: `/* eslint-disable eslint-comments/disable-enable-pair */\\n/* eslint-disable eslint-comments/no-unlimited-disable */\\n/* eslint-disable */`,\n        },\n      },\n      // 2. Import all the generated API types from Hydrogen or generate all the types from the schema.\n      importTypes\n        ? {\n            [`add`]: {\n              content: `import * as ${namespacedImportName} from '${importTypesFrom}';\\n`,\n            },\n          }\n        : {\n            [`typescript`]: {\n              useTypeImports: true,\n              useImplementingTypes: true,\n              enumsAsTypes: true,\n            },\n          },\n      // 3. Generate the operations (i.e. queries, mutations, and fragments types)\n      {\n        [`typescript-operations`]: {\n          useTypeImports: true, // Use `import type` instead of `import`\n          preResolveTypes: false, // Use Pick<...> instead of primitives\n          mergeFragmentTypes: true, // Merge equal fragment interfaces. Avoids adding `| {}` to Metaobject\n          skipTypename: options.presetConfig.skipTypenameInOperations ?? true, // Skip __typename fields\n          namespacedImportName: importTypes ? namespacedImportName : undefined,\n        },\n      },\n      // 4.  Augment Hydrogen query/mutation interfaces with the generated operations\n      {[`gen-dts`]: {sourcesWithOperations, interfaceExtensionCode}},\n      // 5. Custom plugins from the user\n      ...options.plugins,\n    ];\n\n    return [\n      {\n        filename: options.baseOutputDir,\n        plugins,\n        pluginMap,\n        schema: options.schema,\n        config: {\n          // For the TS plugin:\n          defaultScalarType: 'unknown',\n          // Allow overwriting defaults:\n          ...options.config,\n        },\n        documents: sources,\n        documentTransforms: options.documentTransforms,\n      },\n    ];\n  },\n};\n"]}

package/dist/cjs/schema.cjs

@@ -1,13 +1,20 @@
 'use strict';
 
 //! import {createRequire} from 'module'; const require = createRequire(import.meta.url);
-const getSchema = () => require.resolve("@shopify/hydrogen-react/storefront.schema.json");
-let staticSchema = "";
+const getSchema = (api = "storefront") => {
+  if (api !== "storefront" && api !== "customer-account") {
+    throw new Error(
+      `The provided API type "${api}" is unknown. Please use "storefront" or "customer-account".`
+    );
+  }
+  return require.resolve(`@shopify/hydrogen-react/${api}.schema.json`);
+};
+let staticSFAPISchema = "";
 try {
-  staticSchema = getSchema();
+  staticSFAPISchema = getSchema("storefront");
 } catch (error) {
 }
-const schema = staticSchema;
+const schema = staticSFAPISchema;
 
 exports.getSchema = getSchema;
 exports.schema = schema;

package/dist/cjs/schema.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/schema.ts"],"names":[],"mappings":"AACA;AACO,MAAM,YAAY,MACvB,gBAAgB,gDAAgD;AAElE,IAAI,eAAe;AAEnB,IAAI;AACF,iBAAe,UAAU;AAC3B,SAAS,OAAO;AAIhB;AAEO,MAAM,SAAS","sourcesContent":["// This comment is used during ESM build:\n//! import {createRequire} from 'module'; const require = createRequire(import.meta.url);\nexport const getSchema = () =>\n  require.resolve('@shopify/hydrogen-react/storefront.schema.json');\n\nlet staticSchema = '';\n\ntry {\n  staticSchema = getSchema();\n} catch (error) {\n  // This can happen at build time or when '@shopify/hydrogen-react' is not found.\n  // Generally this shouldn't be an issue in real apps so let's ignore the error.\n  // Also, this package could be used in non-Hydrogen apps.\n}\n\nexport const schema = staticSchema;\n"]}
+{"version":3,"sources":["../../src/schema.ts"],"names":[],"mappings":"AACA;AAQO,MAAM,YAAY,CACvB,MAAM,iBACH;AACH,MAAI,QAAQ,gBAAgB,QAAQ,oBAAoB;AACtD,UAAM,IAAI;AAAA,MACR,0BAA0B,GAAG;AAAA,IAC/B;AAAA,EACF;AAEA,SAAO,QAAQ,QAAQ,2BAA2B,GAAG,cAAc;AACrE;AAEA,IAAI,oBAAoB;AAExB,IAAI;AACF,sBAAoB,UAAU,YAAY;AAC5C,SAAS,OAAO;AAIhB;AAKO,MAAM,SAAS","sourcesContent":["// This comment is used during ESM build:\n//! import {createRequire} from 'module'; const require = createRequire(import.meta.url);\n\n/**\n * Resolves a schema path for the provided API type. Only the API types currently\n * bundled in Hydrogen are allowed: \"storefront\" and \"customer\".\n * @param api\n * @returns\n */\nexport const getSchema = (\n  api = 'storefront' as 'storefront' | 'customer-account',\n) => {\n  if (api !== 'storefront' && api !== 'customer-account') {\n    throw new Error(\n      `The provided API type \"${api}\" is unknown. Please use \"storefront\" or \"customer-account\".`,\n    );\n  }\n\n  return require.resolve(`@shopify/hydrogen-react/${api}.schema.json`);\n};\n\nlet staticSFAPISchema = '';\n\ntry {\n  staticSFAPISchema = getSchema('storefront');\n} catch (error) {\n  // This can happen at build time or when '@shopify/hydrogen-react' is not found.\n  // Generally this shouldn't be an issue in real apps so let's ignore the error.\n  // Also, this package could be used in non-Hydrogen apps.\n}\n\n/**\n * The resolved schema path for the Storefront API.\n */\nexport const schema = staticSFAPISchema;\n"]}

package/dist/esm/client.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=client.js.map

package/dist/esm/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/esm/defaults.js

@@ -0,0 +1,29 @@
+import { GENERATED_QUERY_INTERFACE_NAME, GENERATED_MUTATION_INTERFACE_NAME } from './plugin.js';
+
+const sfapiDefaultInterfaceExtensionCode = `
+declare module '@shopify/hydrogen' {
+  interface StorefrontQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}
+  interface StorefrontMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}
+}`;
+const caapiDefaultInterfaceExtensionCode = `
+declare module '@shopify/hydrogen' {
+  interface CustomerAccountQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}
+  interface CustomerAccountMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}
+}`;
+const sfapiDefaultValues = {
+  importTypesFrom: "@shopify/hydrogen/storefront-api-types",
+  namespacedImportName: "StorefrontAPI",
+  interfaceExtensionCode: sfapiDefaultInterfaceExtensionCode
+};
+const caapiDefaultValues = {
+  importTypesFrom: "@shopify/hydrogen/customer-account-api-types",
+  namespacedImportName: "CustomerAccountAPI",
+  interfaceExtensionCode: caapiDefaultInterfaceExtensionCode
+};
+function getDefaultOptions(outputFile = "") {
+  return /^(customer|caapi\.)/i.test(outputFile) ? caapiDefaultValues : sfapiDefaultValues;
+}
+
+export { getDefaultOptions };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=defaults.js.map

package/dist/esm/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/defaults.ts"],"names":[],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,qCAAqC;AAAA;AAAA,wCAEH,8BAA8B;AAAA,0CAC5B,iCAAiC;AAAA;AAG3E,MAAM,qCAAqC;AAAA;AAAA,6CAEE,8BAA8B;AAAA,+CAC5B,iCAAiC;AAAA;AAShF,MAAM,qBAAoC;AAAA,EACxC,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,wBAAwB;AAC1B;AAEA,MAAM,qBAAoC;AAAA,EACxC,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,wBAAwB;AAC1B;AAEO,SAAS,kBAAkB,aAAa,IAAI;AACjD,SAAO,uBAAuB,KAAK,UAAU,IACzC,qBACA;AACN","sourcesContent":["import {\n  GENERATED_MUTATION_INTERFACE_NAME,\n  GENERATED_QUERY_INTERFACE_NAME,\n} from './plugin.js';\n\nconst sfapiDefaultInterfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface StorefrontQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}\n  interface StorefrontMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}\n}`;\n\nconst caapiDefaultInterfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface CustomerAccountQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}\n  interface CustomerAccountMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}\n}`;\n\ntype DefaultValues = {\n  importTypesFrom: string;\n  namespacedImportName: string;\n  interfaceExtensionCode: string;\n};\n\nconst sfapiDefaultValues: DefaultValues = {\n  importTypesFrom: '@shopify/hydrogen/storefront-api-types',\n  namespacedImportName: 'StorefrontAPI',\n  interfaceExtensionCode: sfapiDefaultInterfaceExtensionCode,\n};\n\nconst caapiDefaultValues: DefaultValues = {\n  importTypesFrom: '@shopify/hydrogen/customer-account-api-types',\n  namespacedImportName: 'CustomerAccountAPI',\n  interfaceExtensionCode: caapiDefaultInterfaceExtensionCode,\n};\n\nexport function getDefaultOptions(outputFile = '') {\n  return /^(customer|caapi\\.)/i.test(outputFile)\n    ? caapiDefaultValues\n    : sfapiDefaultValues;\n}\n"]}

package/dist/esm/index.d.ts

@@ -1,8 +1,142 @@
-export { preset } from './preset.js';
-export { plugin } from './plugin.js';
-export { getSchema, schema } from './schema.js';
-export { processSources } from './sources.js';
-export { pluckConfig } from './pluck.js';
-import '@graphql-codegen/plugin-helpers';
-import '@graphql-tools/utils';
-import 'graphql';
+import { Types, PluginFunction } from '@graphql-codegen/plugin-helpers';
+import { Source } from '@graphql-tools/utils';
+import { OperationDefinitionNode, FragmentDefinitionNode, ExecutionArgs } from 'graphql';
+import { IsNever, SetOptional } from 'type-fest';
+
+type HydrogenPresetConfig = {
+    /**
+     * Name for the variable that contains the imported types.
+     * @default 'StorefrontAPI'
+     */
+    namespacedImportName?: string;
+    /**
+     * Module to import the types from.
+     * @default '@shopify/hydrogen/storefront-api-types'
+     */
+    importTypesFrom?: string;
+    /**
+     * Whether types should be imported from the `importTypesFrom` module, or generated inline.
+     * @default true
+     */
+    importTypes?: boolean;
+    /**
+     * Whether to skip adding `__typename` to generated operation types.
+     * @default true
+     */
+    skipTypenameInOperations?: boolean;
+    /**
+     * Override the default interface extension.
+     */
+    interfaceExtension?: (options: {
+        queryType: string;
+        mutationType: string;
+    }) => string;
+};
+declare const preset: Types.OutputPreset<HydrogenPresetConfig>;
+
+type OperationOrFragment = {
+    initialName: string;
+    definition: OperationDefinitionNode | FragmentDefinitionNode;
+};
+type SourceWithOperations = {
+    source: Source;
+    operations: Array<OperationOrFragment>;
+};
+declare const plugin: PluginFunction<{
+    sourcesWithOperations: Array<SourceWithOperations>;
+    interfaceExtensionCode: string;
+}>;
+
+/**
+ * Resolves a schema path for the provided API type. Only the API types currently
+ * bundled in Hydrogen are allowed: "storefront" and "customer".
+ * @param api
+ * @returns
+ */
+declare const getSchema: (api?: "storefront" | "customer-account") => string;
+/**
+ * The resolved schema path for the Storefront API.
+ */
+declare const schema: string;
+
+declare function processSources(sources: Array<Source>, buildName?: (node: OperationDefinitionNode | FragmentDefinitionNode) => string): SourceWithOperations[];
+
+/**
+ * This is a modified version of graphql-tag-pluck's default config.
+ * https://github.com/ardatan/graphql-tools/issues/5127
+ */
+declare const pluckConfig: {
+    /**
+     * Hook to determine if a node is a gql template literal.
+     * By default, graphql-tag-pluck only looks for leading comments or `gql` tag.
+     */
+    isGqlTemplateLiteral: (node: any, options: any) => boolean;
+    /**
+     * Instruct how to extract the gql template literal from the code.
+     * By default, embedded expressions in template literals (e.g. ${foo})
+     * are removed from the template string. This hook allows us to annotate
+     * the template string with the required embedded expressions instead of
+     * removing them. Later, we can use this information to reconstruct the
+     * embedded expressions.
+     */
+    pluckStringFromFile: (code: string, { start, end, leadingComments }: any) => string;
+};
+
+/**
+ * This file has utilities to create GraphQL clients
+ * that consume the types generated by the Hydrogen preset.
+ */
+
+/**
+ * A generic type for `variables` in GraphQL clients
+ */
+type GenericVariables = ExecutionArgs['variableValues'];
+/**
+ * Use this type to make parameters optional in GraphQL clients
+ * when no variables need to be passed.
+ */
+type EmptyVariables = {
+    [key: string]: never;
+};
+/**
+ * GraphQL client's generic operation interface.
+ */
+interface CodegenOperations {
+    [key: string]: any;
+}
+/**
+ * Used as the return type for GraphQL clients. It picks
+ * the return type from the generated operation types.
+ * @example
+ * graphqlQuery: (...) => Promise<ClientReturn<...>>
+ * graphqlQuery: (...) => Promise<{data: ClientReturn<...>}>
+ */
+type ClientReturn<GeneratedOperations extends CodegenOperations, RawGqlString extends string, OverrideReturnType extends any = never> = IsNever<OverrideReturnType> extends true ? RawGqlString extends keyof GeneratedOperations ? GeneratedOperations[RawGqlString]['return'] : any : OverrideReturnType;
+/**
+ * Checks if the generated variables for an operation
+ * are optional or required.
+ */
+type IsOptionalVariables<VariablesParam, OptionalVariableNames extends string = never, VariablesWithoutOptionals = Omit<VariablesParam, OptionalVariableNames>> = VariablesWithoutOptionals extends EmptyVariables ? true : GenericVariables extends VariablesParam ? true : Partial<VariablesWithoutOptionals> extends VariablesWithoutOptionals ? true : false;
+/**
+ * Used as the type for the GraphQL client's variables. It checks
+ * the generated operation types to see if variables are optional.
+ * @example
+ * graphqlQuery: (query: string, param: ClientVariables<...>) => Promise<...>
+ * Where `param` is required.
+ */
+type ClientVariables<GeneratedOperations extends CodegenOperations, RawGqlString extends string, OptionalVariableNames extends string = never, VariablesKey extends string = 'variables', GeneratedVariables = RawGqlString extends keyof GeneratedOperations ? SetOptional<GeneratedOperations[RawGqlString]['variables'], Extract<keyof GeneratedOperations[RawGqlString]['variables'], OptionalVariableNames>> : GenericVariables, VariablesWrapper = Record<VariablesKey, GeneratedVariables>> = IsOptionalVariables<GeneratedVariables, OptionalVariableNames> extends true ? Partial<VariablesWrapper> : VariablesWrapper;
+/**
+ * Similar to ClientVariables, but makes the whole wrapper optional:
+ * @example
+ * graphqlQuery: (query: string, ...params: ClientVariablesInRestParams<...>) => Promise<...>
+ * Where the first item in `params` might be optional depending on the query.
+ */
+type ClientVariablesInRestParams<GeneratedOperations extends CodegenOperations, RawGqlString extends string, OtherParams extends Record<string, any> = {}, OptionalVariableNames extends string = never, ProcessedVariables = OtherParams & ClientVariables<GeneratedOperations, RawGqlString, OptionalVariableNames>> = Partial<OtherParams> extends OtherParams ? IsOptionalVariables<GeneratedOperations[RawGqlString]['variables'], OptionalVariableNames> extends true ? [
+    ProcessedVariables?
+] : [
+    ProcessedVariables
+] : [
+    ProcessedVariables
+];
+
+export { ClientReturn, ClientVariables, ClientVariablesInRestParams, EmptyVariables, GenericVariables, IsOptionalVariables, getSchema, pluckConfig, plugin, preset, processSources, schema };

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,SAAQ,cAAa;AACrB,SAAQ,cAAa;AACrB,SAAQ,QAAQ,iBAAgB;AAChC,SAAQ,sBAAqB;AAC7B,SAAQ,mBAAkB","sourcesContent":["export {preset} from './preset.js';\nexport {plugin} from './plugin.js';\nexport {schema, getSchema} from './schema.js';\nexport {processSources} from './sources.js';\nexport {pluckConfig} from './pluck.js';\n"]}
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,SAAQ,cAAa;AACrB,SAAQ,cAAa;AACrB,SAAQ,QAAQ,iBAAgB;AAChC,SAAQ,sBAAqB;AAC7B,SAAQ,mBAAkB","sourcesContent":["export {preset} from './preset.js';\nexport {plugin} from './plugin.js';\nexport {schema, getSchema} from './schema.js';\nexport {processSources} from './sources.js';\nexport {pluckConfig} from './pluck.js';\nexport type * from './client.js';\n"]}

package/dist/esm/patch.js

@@ -1,45 +1,3 @@
-import path from 'node:path';
-import fs from 'node:fs';
-import { createRequire } from 'node:module';
-import { fileURLToPath } from 'node:url';
 
-const require2 = createRequire(import.meta.url);
-const realGqlTagPluck = require2.resolve("@graphql-tools/graphql-tag-pluck");
-const depth = path.extname(import.meta.url) === ".ts" ? "../" : "../../";
-const vendorGqlTagPluck = fileURLToPath(
-  new URL(depth + "/vendor/graphql-tag-pluck", import.meta.url)
-);
-fs.copyFileSync(
-  path.join(vendorGqlTagPluck, "visitor.cjs"),
-  realGqlTagPluck.replace(/index\.js$/, "visitor.js")
-);
-fs.copyFileSync(
-  path.join(vendorGqlTagPluck, "visitor.mjs"),
-  realGqlTagPluck.replace("cjs", "esm").replace(/index\.js$/, "visitor.js")
-);
-const visitorPluginCommon = require2.resolve(
-  "@graphql-codegen/visitor-plugin-common"
-);
-const selectionSetToObjectFileCJS = visitorPluginCommon.replace(
-  "index.js",
-  "selection-set-to-object.js"
-);
-const selectionSetToObjectFileESM = selectionSetToObjectFileCJS.replace(
-  "cjs",
-  "esm"
-);
-fs.writeFileSync(
-  selectionSetToObjectFileCJS,
-  patchSelectionSet(fs.readFileSync(selectionSetToObjectFileCJS, "utf-8")),
-  "utf-8"
-);
-fs.writeFileSync(
-  selectionSetToObjectFileESM,
-  patchSelectionSet(fs.readFileSync(selectionSetToObjectFileESM, "utf-8")),
-  "utf-8"
-);
-function patchSelectionSet(content) {
-  return content.replace("&& s.union", "&& s?.union");
-}
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=patch.js.map

package/dist/esm/patch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/patch.ts"],"names":["require"],"mappings":"AAAA,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,SAAQ,qBAAoB;AAC5B,SAAQ,qBAAoB;AAK5B,MAAMA,WAAU,cAAc,YAAY,GAAG;AAC7C,MAAM,kBAAkBA,SAAQ,QAAQ,kCAAkC;AAG1E,MAAM,QAAQ,KAAK,QAAQ,YAAY,GAAG,MAAM,QAAQ,QAAQ;AAChE,MAAM,oBAAoB;AAAA,EACxB,IAAI,IAAI,QAAQ,6BAA6B,YAAY,GAAG;AAC9D;AAGA,GAAG;AAAA,EACD,KAAK,KAAK,mBAAmB,aAAa;AAAA,EAC1C,gBAAgB,QAAQ,cAAc,YAAY;AACpD;AAEA,GAAG;AAAA,EACD,KAAK,KAAK,mBAAmB,aAAa;AAAA,EAC1C,gBAAgB,QAAQ,OAAO,KAAK,EAAE,QAAQ,cAAc,YAAY;AAC1E;AAMA,MAAM,sBAAsBA,SAAQ;AAAA,EAClC;AACF;AACA,MAAM,8BAA8B,oBAAoB;AAAA,EACtD;AAAA,EACA;AACF;AACA,MAAM,8BAA8B,4BAA4B;AAAA,EAC9D;AAAA,EACA;AACF;AAEA,GAAG;AAAA,EACD;AAAA,EACA,kBAAkB,GAAG,aAAa,6BAA6B,OAAO,CAAC;AAAA,EACvE;AACF;AAEA,GAAG;AAAA,EACD;AAAA,EACA,kBAAkB,GAAG,aAAa,6BAA6B,OAAO,CAAC;AAAA,EACvE;AACF;AAEA,SAAS,kBAAkB,SAAiB;AAC1C,SAAO,QAAQ,QAAQ,cAAc,aAAa;AACpD","sourcesContent":["import path from 'node:path';\nimport fs from 'node:fs';\nimport {createRequire} from 'node:module';\nimport {fileURLToPath} from 'node:url';\n\n/**\n * Patch graphql-tag-pluck to allow it to work with `#graphql` comment and other features.\n */\nconst require = createRequire(import.meta.url);\nconst realGqlTagPluck = require.resolve('@graphql-tools/graphql-tag-pluck');\n// During tests, this file is in src/xyz.ts but in dev/prod,\n// the file is in dist/(esm|cjs)/xyz.js\nconst depth = path.extname(import.meta.url) === '.ts' ? '../' : '../../';\nconst vendorGqlTagPluck = fileURLToPath(\n  new URL(depth + '/vendor/graphql-tag-pluck', import.meta.url),\n);\n\n// Copy files sequencially to avoid `EBUSY` errors in Windows\nfs.copyFileSync(\n  path.join(vendorGqlTagPluck, 'visitor.cjs'),\n  realGqlTagPluck.replace(/index\\.js$/, 'visitor.js'),\n);\n\nfs.copyFileSync(\n  path.join(vendorGqlTagPluck, 'visitor.mjs'),\n  realGqlTagPluck.replace('cjs', 'esm').replace(/index\\.js$/, 'visitor.js'),\n);\n\n/**\n * Temporary patch for a bug in another package\n * https://github.com/dotansimha/graphql-code-generator/pull/9709\n */\nconst visitorPluginCommon = require.resolve(\n  '@graphql-codegen/visitor-plugin-common',\n);\nconst selectionSetToObjectFileCJS = visitorPluginCommon.replace(\n  'index.js',\n  'selection-set-to-object.js',\n);\nconst selectionSetToObjectFileESM = selectionSetToObjectFileCJS.replace(\n  'cjs',\n  'esm',\n);\n\nfs.writeFileSync(\n  selectionSetToObjectFileCJS,\n  patchSelectionSet(fs.readFileSync(selectionSetToObjectFileCJS, 'utf-8')),\n  'utf-8',\n);\n\nfs.writeFileSync(\n  selectionSetToObjectFileESM,\n  patchSelectionSet(fs.readFileSync(selectionSetToObjectFileESM, 'utf-8')),\n  'utf-8',\n);\n\nfunction patchSelectionSet(content: string) {\n  return content.replace('&& s.union', '&& s?.union');\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/esm/preset.js

@@ -2,14 +2,11 @@ import * as addPlugin from '@graphql-codegen/add';
 import * as typescriptPlugin from '@graphql-codegen/typescript';
 import * as typescriptOperationPlugin from '@graphql-codegen/typescript-operations';
 import { processSources } from './sources.js';
+import { getDefaultOptions } from './defaults.js';
 import { GENERATED_QUERY_INTERFACE_NAME, GENERATED_MUTATION_INTERFACE_NAME, plugin } from './plugin.js';
 
-const defaultInterfaceExtensionCode = `
-declare module '@shopify/hydrogen' {
-  interface StorefrontQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}
-  interface StorefrontMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}
-}`;
 const preset = {
+  [Symbol.for("name")]: "hydrogen",
   buildGeneratesSection: (options) => {
     if (!options.baseOutputDir.endsWith(".d.ts")) {
       throw new Error("[hydrogen-preset] target output should be a .d.ts file");
@@ -21,13 +18,14 @@ const preset = {
     }
     const sourcesWithOperations = processSources(options.documents);
     const sources = sourcesWithOperations.map(({ source }) => source);
+    const defaultOptions = getDefaultOptions(options.baseOutputDir);
     const importTypes = options.presetConfig.importTypes ?? true;
-    const namespacedImportName = options.presetConfig.namespacedImportName ?? "StorefrontAPI";
-    const importTypesFrom = options.presetConfig.importTypesFrom ?? "@shopify/hydrogen/storefront-api-types";
+    const namespacedImportName = options.presetConfig.namespacedImportName ?? defaultOptions.namespacedImportName;
+    const importTypesFrom = options.presetConfig.importTypesFrom ?? defaultOptions.importTypesFrom;
     const interfaceExtensionCode = options.presetConfig.interfaceExtension?.({
       queryType: GENERATED_QUERY_INTERFACE_NAME,
       mutationType: GENERATED_MUTATION_INTERFACE_NAME
-    }) ?? defaultInterfaceExtensionCode;
+    }) ?? defaultOptions.interfaceExtensionCode;
     const pluginMap = {
       ...options.pluginMap,
       [`add`]: addPlugin,
@@ -95,6 +93,6 @@ const preset = {
   }
 };
 
-export { defaultInterfaceExtensionCode, preset };
+export { preset };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=preset.js.map

package/dist/esm/preset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preset.ts"],"names":[],"mappings":"AACA,YAAY,eAAe;AAC3B,YAAY,sBAAsB;AAClC,YAAY,+BAA+B;AAC3C,SAAQ,sBAAqB;AAC7B;AAAA,EACE,UAAU;AAAA,EACV;AAAA,EACA;AAAA,OACK;AAgCA,MAAM,gCAAgC;AAAA;AAAA,wCAEL,8BAA8B;AAAA,0CAC5B,iCAAiC;AAAA;AAGpE,MAAM,SAAmD;AAAA,EAC9D,uBAAuB,CAAC,YAAY;AAClC,QAAI,CAAC,QAAQ,cAAc,SAAS,OAAO,GAAG;AAC5C,YAAM,IAAI,MAAM,wDAAwD;AAAA,IAC1E;AAEA,QACE,QAAQ,SAAS,SAAS,KAC1B,OAAO,KAAK,QAAQ,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,YAAY,CAAC,GACnE;AACA,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,UAAM,wBAAwB,eAAe,QAAQ,SAAS;AAC9D,UAAM,UAAU,sBAAsB,IAAI,CAAC,EAAC,OAAM,MAAM,MAAM;AAE9D,UAAM,cAAc,QAAQ,aAAa,eAAe;AACxD,UAAM,uBACJ,QAAQ,aAAa,wBAAwB;AAC/C,UAAM,kBACJ,QAAQ,aAAa,mBACrB;AAEF,UAAM,yBACJ,QAAQ,aAAa,qBAAqB;AAAA,MACxC,WAAW;AAAA,MACX,cAAc;AAAA,IAChB,CAAC,KAAK;AAER,UAAM,YAAY;AAAA,MAChB,GAAG,QAAQ;AAAA,MACX,CAAC,KAAK,GAAG;AAAA,MACT,CAAC,YAAY,GAAG;AAAA,MAChB,CAAC,uBAAuB,GAAG;AAAA,MAC3B,CAAC,SAAS,GAAG,EAAC,QAAQ,UAAS;AAAA,IACjC;AAEA,UAAM,UAAyC;AAAA;AAAA,MAE7C;AAAA,QACE,CAAC,KAAK,GAAG;AAAA,UACP,SAAS;AAAA;AAAA;AAAA,QACX;AAAA,MACF;AAAA;AAAA,MAEA,cACI;AAAA,QACE,CAAC,KAAK,GAAG;AAAA,UACP,SAAS,eAAe,oBAAoB,UAAU,eAAe;AAAA;AAAA,QACvE;AAAA,MACF,IACA;AAAA,QACE,CAAC,YAAY,GAAG;AAAA,UACd,gBAAgB;AAAA,UAChB,sBAAsB;AAAA,UACtB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,MAEJ;AAAA,QACE,CAAC,uBAAuB,GAAG;AAAA,UACzB,gBAAgB;AAAA;AAAA,UAChB,iBAAiB;AAAA;AAAA,UACjB,oBAAoB;AAAA;AAAA,UACpB,cAAc,QAAQ,aAAa,4BAA4B;AAAA;AAAA,UAC/D,sBAAsB,cAAc,uBAAuB;AAAA,QAC7D;AAAA,MACF;AAAA;AAAA,MAEA,EAAC,CAAC,SAAS,GAAG,EAAC,uBAAuB,uBAAsB,EAAC;AAAA;AAAA,MAE7D,GAAG,QAAQ;AAAA,IACb;AAEA,WAAO;AAAA,MACL;AAAA,QACE,UAAU,QAAQ;AAAA,QAClB;AAAA,QACA;AAAA,QACA,QAAQ,QAAQ;AAAA,QAChB,QAAQ;AAAA;AAAA,UAEN,mBAAmB;AAAA;AAAA,UAEnB,GAAG,QAAQ;AAAA,QACb;AAAA,QACA,WAAW;AAAA,QACX,oBAAoB,QAAQ;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF","sourcesContent":["import type {Types} from '@graphql-codegen/plugin-helpers';\nimport * as addPlugin from '@graphql-codegen/add';\nimport * as typescriptPlugin from '@graphql-codegen/typescript';\nimport * as typescriptOperationPlugin from '@graphql-codegen/typescript-operations';\nimport {processSources} from './sources.js';\nimport {\n  plugin as dtsPlugin,\n  GENERATED_MUTATION_INTERFACE_NAME,\n  GENERATED_QUERY_INTERFACE_NAME,\n} from './plugin.js';\n\nexport type HydrogenPresetConfig = {\n  /**\n   * Name for the variable that contains the imported types.\n   * @default 'StorefrontAPI'\n   */\n  namespacedImportName?: string;\n  /**\n   * Module to import the types from.\n   * @default '@shopify/hydrogen/storefront-api-types'\n   */\n  importTypesFrom?: string;\n  /**\n   * Whether types should be imported from the `importTypesFrom` module, or generated inline.\n   * @default true\n   */\n  importTypes?: boolean;\n  /**\n   * Whether to skip adding `__typename` to generated operation types.\n   * @default true\n   */\n  skipTypenameInOperations?: boolean;\n  /**\n   * Override the default interface extension.\n   */\n  interfaceExtension?: (options: {\n    queryType: string;\n    mutationType: string;\n  }) => string;\n};\n\nexport const defaultInterfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface StorefrontQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}\n  interface StorefrontMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}\n}`;\n\nexport const preset: Types.OutputPreset<HydrogenPresetConfig> = {\n  buildGeneratesSection: (options) => {\n    if (!options.baseOutputDir.endsWith('.d.ts')) {\n      throw new Error('[hydrogen-preset] target output should be a .d.ts file');\n    }\n\n    if (\n      options.plugins?.length > 0 &&\n      Object.keys(options.plugins).some((p) => p.startsWith('typescript'))\n    ) {\n      throw new Error(\n        '[hydrogen-preset] providing additional typescript-based `plugins` leads to duplicated generated types',\n      );\n    }\n\n    const sourcesWithOperations = processSources(options.documents);\n    const sources = sourcesWithOperations.map(({source}) => source);\n\n    const importTypes = options.presetConfig.importTypes ?? true;\n    const namespacedImportName =\n      options.presetConfig.namespacedImportName ?? 'StorefrontAPI';\n    const importTypesFrom =\n      options.presetConfig.importTypesFrom ??\n      '@shopify/hydrogen/storefront-api-types';\n\n    const interfaceExtensionCode =\n      options.presetConfig.interfaceExtension?.({\n        queryType: GENERATED_QUERY_INTERFACE_NAME,\n        mutationType: GENERATED_MUTATION_INTERFACE_NAME,\n      }) ?? defaultInterfaceExtensionCode;\n\n    const pluginMap = {\n      ...options.pluginMap,\n      [`add`]: addPlugin,\n      [`typescript`]: typescriptPlugin,\n      [`typescript-operations`]: typescriptOperationPlugin,\n      [`gen-dts`]: {plugin: dtsPlugin},\n    };\n\n    const plugins: Array<Types.ConfiguredPlugin> = [\n      // 1. Disable eslint for the generated file\n      {\n        [`add`]: {\n          content: `/* eslint-disable eslint-comments/disable-enable-pair */\\n/* eslint-disable eslint-comments/no-unlimited-disable */\\n/* eslint-disable */`,\n        },\n      },\n      // 2. Import all the generated API types from Hydrogen or generate all the types from the schema.\n      importTypes\n        ? {\n            [`add`]: {\n              content: `import * as ${namespacedImportName} from '${importTypesFrom}';\\n`,\n            },\n          }\n        : {\n            [`typescript`]: {\n              useTypeImports: true,\n              useImplementingTypes: true,\n              enumsAsTypes: true,\n            },\n          },\n      // 3. Generate the operations (i.e. queries, mutations, and fragments types)\n      {\n        [`typescript-operations`]: {\n          useTypeImports: true, // Use `import type` instead of `import`\n          preResolveTypes: false, // Use Pick<...> instead of primitives\n          mergeFragmentTypes: true, // Merge equal fragment interfaces. Avoids adding `| {}` to Metaobject\n          skipTypename: options.presetConfig.skipTypenameInOperations ?? true, // Skip __typename fields\n          namespacedImportName: importTypes ? namespacedImportName : undefined,\n        },\n      },\n      // 4.  Augment Hydrogen query/mutation interfaces with the generated operations\n      {[`gen-dts`]: {sourcesWithOperations, interfaceExtensionCode}},\n      // 5. Custom plugins from the user\n      ...options.plugins,\n    ];\n\n    return [\n      {\n        filename: options.baseOutputDir,\n        plugins,\n        pluginMap,\n        schema: options.schema,\n        config: {\n          // For the TS plugin:\n          defaultScalarType: 'unknown',\n          // Allow overwriting defaults:\n          ...options.config,\n        },\n        documents: sources,\n        documentTransforms: options.documentTransforms,\n      },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["../../src/preset.ts"],"names":[],"mappings":"AACA,YAAY,eAAe;AAC3B,YAAY,sBAAsB;AAClC,YAAY,+BAA+B;AAC3C,SAAQ,sBAAqB;AAC7B,SAAQ,yBAAwB;AAChC;AAAA,EACE,UAAU;AAAA,EACV;AAAA,EACA;AAAA,OACK;AAgCA,MAAM,SAAmD;AAAA,EAC9D,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AAAA,EACtB,uBAAuB,CAAC,YAAY;AAClC,QAAI,CAAC,QAAQ,cAAc,SAAS,OAAO,GAAG;AAC5C,YAAM,IAAI,MAAM,wDAAwD;AAAA,IAC1E;AAEA,QACE,QAAQ,SAAS,SAAS,KAC1B,OAAO,KAAK,QAAQ,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,YAAY,CAAC,GACnE;AACA,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,UAAM,wBAAwB,eAAe,QAAQ,SAAS;AAC9D,UAAM,UAAU,sBAAsB,IAAI,CAAC,EAAC,OAAM,MAAM,MAAM;AAE9D,UAAM,iBAAiB,kBAAkB,QAAQ,aAAa;AAE9D,UAAM,cAAc,QAAQ,aAAa,eAAe;AACxD,UAAM,uBACJ,QAAQ,aAAa,wBACrB,eAAe;AACjB,UAAM,kBACJ,QAAQ,aAAa,mBAAmB,eAAe;AAEzD,UAAM,yBACJ,QAAQ,aAAa,qBAAqB;AAAA,MACxC,WAAW;AAAA,MACX,cAAc;AAAA,IAChB,CAAC,KAAK,eAAe;AAEvB,UAAM,YAAY;AAAA,MAChB,GAAG,QAAQ;AAAA,MACX,CAAC,KAAK,GAAG;AAAA,MACT,CAAC,YAAY,GAAG;AAAA,MAChB,CAAC,uBAAuB,GAAG;AAAA,MAC3B,CAAC,SAAS,GAAG,EAAC,QAAQ,UAAS;AAAA,IACjC;AAEA,UAAM,UAAyC;AAAA;AAAA,MAE7C;AAAA,QACE,CAAC,KAAK,GAAG;AAAA,UACP,SAAS;AAAA;AAAA;AAAA,QACX;AAAA,MACF;AAAA;AAAA,MAEA,cACI;AAAA,QACE,CAAC,KAAK,GAAG;AAAA,UACP,SAAS,eAAe,oBAAoB,UAAU,eAAe;AAAA;AAAA,QACvE;AAAA,MACF,IACA;AAAA,QACE,CAAC,YAAY,GAAG;AAAA,UACd,gBAAgB;AAAA,UAChB,sBAAsB;AAAA,UACtB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,MAEJ;AAAA,QACE,CAAC,uBAAuB,GAAG;AAAA,UACzB,gBAAgB;AAAA;AAAA,UAChB,iBAAiB;AAAA;AAAA,UACjB,oBAAoB;AAAA;AAAA,UACpB,cAAc,QAAQ,aAAa,4BAA4B;AAAA;AAAA,UAC/D,sBAAsB,cAAc,uBAAuB;AAAA,QAC7D;AAAA,MACF;AAAA;AAAA,MAEA,EAAC,CAAC,SAAS,GAAG,EAAC,uBAAuB,uBAAsB,EAAC;AAAA;AAAA,MAE7D,GAAG,QAAQ;AAAA,IACb;AAEA,WAAO;AAAA,MACL;AAAA,QACE,UAAU,QAAQ;AAAA,QAClB;AAAA,QACA;AAAA,QACA,QAAQ,QAAQ;AAAA,QAChB,QAAQ;AAAA;AAAA,UAEN,mBAAmB;AAAA;AAAA,UAEnB,GAAG,QAAQ;AAAA,QACb;AAAA,QACA,WAAW;AAAA,QACX,oBAAoB,QAAQ;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF","sourcesContent":["import type {Types} from '@graphql-codegen/plugin-helpers';\nimport * as addPlugin from '@graphql-codegen/add';\nimport * as typescriptPlugin from '@graphql-codegen/typescript';\nimport * as typescriptOperationPlugin from '@graphql-codegen/typescript-operations';\nimport {processSources} from './sources.js';\nimport {getDefaultOptions} from './defaults.js';\nimport {\n  plugin as dtsPlugin,\n  GENERATED_MUTATION_INTERFACE_NAME,\n  GENERATED_QUERY_INTERFACE_NAME,\n} from './plugin.js';\n\nexport type HydrogenPresetConfig = {\n  /**\n   * Name for the variable that contains the imported types.\n   * @default 'StorefrontAPI'\n   */\n  namespacedImportName?: string;\n  /**\n   * Module to import the types from.\n   * @default '@shopify/hydrogen/storefront-api-types'\n   */\n  importTypesFrom?: string;\n  /**\n   * Whether types should be imported from the `importTypesFrom` module, or generated inline.\n   * @default true\n   */\n  importTypes?: boolean;\n  /**\n   * Whether to skip adding `__typename` to generated operation types.\n   * @default true\n   */\n  skipTypenameInOperations?: boolean;\n  /**\n   * Override the default interface extension.\n   */\n  interfaceExtension?: (options: {\n    queryType: string;\n    mutationType: string;\n  }) => string;\n};\n\nexport const preset: Types.OutputPreset<HydrogenPresetConfig> = {\n  [Symbol.for('name')]: 'hydrogen',\n  buildGeneratesSection: (options) => {\n    if (!options.baseOutputDir.endsWith('.d.ts')) {\n      throw new Error('[hydrogen-preset] target output should be a .d.ts file');\n    }\n\n    if (\n      options.plugins?.length > 0 &&\n      Object.keys(options.plugins).some((p) => p.startsWith('typescript'))\n    ) {\n      throw new Error(\n        '[hydrogen-preset] providing additional typescript-based `plugins` leads to duplicated generated types',\n      );\n    }\n\n    const sourcesWithOperations = processSources(options.documents);\n    const sources = sourcesWithOperations.map(({source}) => source);\n\n    const defaultOptions = getDefaultOptions(options.baseOutputDir);\n\n    const importTypes = options.presetConfig.importTypes ?? true;\n    const namespacedImportName =\n      options.presetConfig.namespacedImportName ??\n      defaultOptions.namespacedImportName;\n    const importTypesFrom =\n      options.presetConfig.importTypesFrom ?? defaultOptions.importTypesFrom;\n\n    const interfaceExtensionCode =\n      options.presetConfig.interfaceExtension?.({\n        queryType: GENERATED_QUERY_INTERFACE_NAME,\n        mutationType: GENERATED_MUTATION_INTERFACE_NAME,\n      }) ?? defaultOptions.interfaceExtensionCode;\n\n    const pluginMap = {\n      ...options.pluginMap,\n      [`add`]: addPlugin,\n      [`typescript`]: typescriptPlugin,\n      [`typescript-operations`]: typescriptOperationPlugin,\n      [`gen-dts`]: {plugin: dtsPlugin},\n    };\n\n    const plugins: Array<Types.ConfiguredPlugin> = [\n      // 1. Disable eslint for the generated file\n      {\n        [`add`]: {\n          content: `/* eslint-disable eslint-comments/disable-enable-pair */\\n/* eslint-disable eslint-comments/no-unlimited-disable */\\n/* eslint-disable */`,\n        },\n      },\n      // 2. Import all the generated API types from Hydrogen or generate all the types from the schema.\n      importTypes\n        ? {\n            [`add`]: {\n              content: `import * as ${namespacedImportName} from '${importTypesFrom}';\\n`,\n            },\n          }\n        : {\n            [`typescript`]: {\n              useTypeImports: true,\n              useImplementingTypes: true,\n              enumsAsTypes: true,\n            },\n          },\n      // 3. Generate the operations (i.e. queries, mutations, and fragments types)\n      {\n        [`typescript-operations`]: {\n          useTypeImports: true, // Use `import type` instead of `import`\n          preResolveTypes: false, // Use Pick<...> instead of primitives\n          mergeFragmentTypes: true, // Merge equal fragment interfaces. Avoids adding `| {}` to Metaobject\n          skipTypename: options.presetConfig.skipTypenameInOperations ?? true, // Skip __typename fields\n          namespacedImportName: importTypes ? namespacedImportName : undefined,\n        },\n      },\n      // 4.  Augment Hydrogen query/mutation interfaces with the generated operations\n      {[`gen-dts`]: {sourcesWithOperations, interfaceExtensionCode}},\n      // 5. Custom plugins from the user\n      ...options.plugins,\n    ];\n\n    return [\n      {\n        filename: options.baseOutputDir,\n        plugins,\n        pluginMap,\n        schema: options.schema,\n        config: {\n          // For the TS plugin:\n          defaultScalarType: 'unknown',\n          // Allow overwriting defaults:\n          ...options.config,\n        },\n        documents: sources,\n        documentTransforms: options.documentTransforms,\n      },\n    ];\n  },\n};\n"]}