@shopify/hydrogen-codegen 0.0.1 → 0.1.0

package/dist/cjs/index.cjs

@@ -28,10 +28,6 @@ Object.defineProperty(exports, 'processSources', {
   enumerable: true,
   get: function () { return sources_js.processSources; }
 });
-Object.defineProperty(exports, 'patchGqlPluck', {
-  enumerable: true,
-  get: function () { return pluck_js.patchGqlPluck; }
-});
 Object.defineProperty(exports, 'pluckConfig', {
   enumerable: true,
   get: function () { return pluck_js.pluckConfig; }

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,aAAa,qBAAoB","sourcesContent":["export {preset} from './preset.js';\nexport {plugin} from './plugin.js';\nexport {schema, getSchema} from './schema.js';\nexport {processSources} from './sources.js';\nexport {pluckConfig, patchGqlPluck} 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';\n"]}

package/dist/cjs/patch.cjs

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

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

package/dist/cjs/pluck.cjs

@@ -1,27 +1,10 @@
 'use strict';
 
-var fs = require('fs/promises');
-var path = require('path');
-var node_module = require('node:module');
-var node_url = require('node:url');
-
-async function patchGqlPluck() {
-  const require2 = node_module.createRequire((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('out.js', document.baseURI).href)));
-  const realGqlTagPluck = require2.resolve("@graphql-tools/graphql-tag-pluck");
-  const depth = path.extname((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('out.js', document.baseURI).href))) === ".ts" ? "../" : "../../";
-  const vendorGqlTagPluck = node_url.fileURLToPath(
-    new URL(depth + "/vendor/graphql-tag-pluck", (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('out.js', document.baseURI).href)))
-  );
-  await fs.copyFile(
-    path.join(vendorGqlTagPluck, "visitor.cjs"),
-    realGqlTagPluck.replace(/index\.js$/, "visitor.js")
-  );
-  await fs.copyFile(
-    path.join(vendorGqlTagPluck, "visitor.mjs"),
-    realGqlTagPluck.replace("cjs", "esm").replace(/index\.js$/, "visitor.js")
-  );
-}
 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, options) => {
     const hasInternalGqlComment = node.type === "TemplateLiteral" && /\s*#graphql\s*\n/i.test(node.quasis[0]?.value?.raw || "");
     if (hasInternalGqlComment)
@@ -31,6 +14,14 @@ const pluckConfig = {
     const leadingCommentValue = leadingComment?.value?.trim().toLowerCase();
     return leadingCommentValue === options?.gqlMagicComment;
   },
+  /**
+   * 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, { start, end, leadingComments }) => {
     let gqlTemplate = code.slice(start + 1, end - 1).replace(/\$\{([^}]*)\}/g, (_, m1) => "#REQUIRED_VAR=" + m1).split("\\`").join("`");
     const chunkStart = leadingComments?.[0]?.start ?? start;
@@ -43,7 +34,6 @@ const pluckConfig = {
   }
 };
 
-exports.patchGqlPluck = patchGqlPluck;
 exports.pluckConfig = pluckConfig;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=pluck.cjs.map

package/dist/cjs/pluck.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pluck.ts"],"names":["require"],"mappings":"AAAA,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,SAAQ,qBAAoB;AAC5B,SAAQ,qBAAoB;AAE5B,eAAsB,gBAAgB;AACpC,QAAMA,WAAU,cAAc,YAAY,GAAG;AAC7C,QAAM,kBAAkBA,SAAQ,QAAQ,kCAAkC;AAG1E,QAAM,QAAQ,KAAK,QAAQ,YAAY,GAAG,MAAM,QAAQ,QAAQ;AAChE,QAAM,oBAAoB;AAAA,IACxB,IAAI,IAAI,QAAQ,6BAA6B,YAAY,GAAG;AAAA,EAC9D;AAGA,QAAM,GAAG;AAAA,IACP,KAAK,KAAK,mBAAmB,aAAa;AAAA,IAC1C,gBAAgB,QAAQ,cAAc,YAAY;AAAA,EACpD;AAEA,QAAM,GAAG;AAAA,IACP,KAAK,KAAK,mBAAmB,aAAa;AAAA,IAC1C,gBAAgB,QAAQ,OAAO,KAAK,EAAE,QAAQ,cAAc,YAAY;AAAA,EAC1E;AACF;AAMO,MAAM,cAAc;AAAA,EAKzB,sBAAsB,CAAC,MAAW,YAAiB;AAEjD,UAAM,wBACJ,KAAK,SAAS,qBACd,oBAAoB,KAAK,KAAK,OAAO,IAAI,OAAO,OAAO,EAAE;AAE3D,QAAI;AAAuB,aAAO;AAGlC,UAAM,EAAC,gBAAe,IAAI;AAC1B,UAAM,iBAAiB,kBAAkB,iBAAiB,SAAS;AACnE,UAAM,sBAAsB,gBAAgB,OAAO,KAAK,EAAE,YAAY;AAEtE,WAAO,wBAAwB,SAAS;AAAA,EAC1C;AAAA,EAUA,qBAAqB,CAAC,MAAc,EAAC,OAAO,KAAK,gBAAe,MAAW;AACzE,QAAI,cAAc,KAEf,MAAM,QAAQ,GAAG,MAAM,CAAC,EAGxB,QAAQ,kBAAkB,CAAC,GAAG,OAAO,mBAAmB,EAAE,EAC1D,MAAM,KAAK,EACX,KAAK,GAAG;AAEX,UAAM,aAAa,kBAAkB,IAAI,SAAS;AAClD,UAAM,iBAAiB,KAAK,MAAM,GAAG,UAAU;AAC/C,UAAM,CAAC,EAAE,OAAO,IAAI,eAAe,MAAM,iBAAiB,KAAK,CAAC;AAEhE,QAAI,SAAS;AAGX,qBAAe,eAAe;AAAA,IAChC;AAEA,WAAO;AAAA,EACT;AACF","sourcesContent":["import fs from 'fs/promises';\nimport path from 'path';\nimport {createRequire} from 'node:module';\nimport {fileURLToPath} from 'node:url';\n\nexport async function patchGqlPluck() {\n  const require = createRequire(import.meta.url);\n  const 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\n  const depth = path.extname(import.meta.url) === '.ts' ? '../' : '../../';\n  const 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\n  await fs.copyFile(\n    path.join(vendorGqlTagPluck, 'visitor.cjs'),\n    realGqlTagPluck.replace(/index\\.js$/, 'visitor.js'),\n  );\n\n  await fs.copyFile(\n    path.join(vendorGqlTagPluck, 'visitor.mjs'),\n    realGqlTagPluck.replace('cjs', 'esm').replace(/index\\.js$/, 'visitor.js'),\n  );\n}\n\n/**\n * This is a modified version of graphql-tag-pluck's default config.\n * https://github.com/ardatan/graphql-tools/issues/5127\n */\nexport const pluckConfig = {\n  /**\n   * Hook to determine if a node is a gql template literal.\n   * By default, graphql-tag-pluck only looks for leading comments or `gql` tag.\n   */\n  isGqlTemplateLiteral: (node: any, options: any) => {\n    // Check for internal gql comment: const QUERY = `#graphql ...`\n    const hasInternalGqlComment =\n      node.type === 'TemplateLiteral' &&\n      /\\s*#graphql\\s*\\n/i.test(node.quasis[0]?.value?.raw || '');\n\n    if (hasInternalGqlComment) return true;\n\n    // Check for leading gql comment: const QUERY = /* GraphQL */ `...`\n    const {leadingComments} = node;\n    const leadingComment = leadingComments?.[leadingComments?.length - 1];\n    const leadingCommentValue = leadingComment?.value?.trim().toLowerCase();\n\n    return leadingCommentValue === options?.gqlMagicComment;\n  },\n\n  /**\n   * Instruct how to extract the gql template literal from the code.\n   * By default, embedded expressions in template literals (e.g. ${foo})\n   * are removed from the template string. This hook allows us to annotate\n   * the template string with the required embedded expressions instead of\n   * removing them. Later, we can use this information to reconstruct the\n   * embedded expressions.\n   */\n  pluckStringFromFile: (code: string, {start, end, leadingComments}: any) => {\n    let gqlTemplate = code\n      // Slice quotes\n      .slice(start + 1, end - 1)\n      // Annotate embedded expressions\n      // e.g. ${foo} -> #REQUIRED_VAR=foo\n      .replace(/\\$\\{([^}]*)\\}/g, (_, m1) => '#REQUIRED_VAR=' + m1)\n      .split('\\\\`')\n      .join('`');\n\n    const chunkStart = leadingComments?.[0]?.start ?? start;\n    const codeBeforeNode = code.slice(0, chunkStart);\n    const [, varName] = codeBeforeNode.match(/\\s(\\w+)\\s*=\\s*$/) || [];\n\n    if (varName) {\n      // Annotate with the name of the variable that stores this gql template.\n      // This is used to reconstruct the embedded expressions later.\n      gqlTemplate += '#VAR_NAME=' + varName;\n    }\n\n    return gqlTemplate;\n  },\n};\n"]}
+{"version":3,"sources":["../../src/pluck.ts"],"names":[],"mappings":"AAIO,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,sBAAsB,CAAC,MAAW,YAAiB;AAEjD,UAAM,wBACJ,KAAK,SAAS,qBACd,oBAAoB,KAAK,KAAK,OAAO,CAAC,GAAG,OAAO,OAAO,EAAE;AAE3D,QAAI;AAAuB,aAAO;AAGlC,UAAM,EAAC,gBAAe,IAAI;AAC1B,UAAM,iBAAiB,kBAAkB,iBAAiB,SAAS,CAAC;AACpE,UAAM,sBAAsB,gBAAgB,OAAO,KAAK,EAAE,YAAY;AAEtE,WAAO,wBAAwB,SAAS;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,qBAAqB,CAAC,MAAc,EAAC,OAAO,KAAK,gBAAe,MAAW;AACzE,QAAI,cAAc,KAEf,MAAM,QAAQ,GAAG,MAAM,CAAC,EAGxB,QAAQ,kBAAkB,CAAC,GAAG,OAAO,mBAAmB,EAAE,EAC1D,MAAM,KAAK,EACX,KAAK,GAAG;AAEX,UAAM,aAAa,kBAAkB,CAAC,GAAG,SAAS;AAClD,UAAM,iBAAiB,KAAK,MAAM,GAAG,UAAU;AAC/C,UAAM,CAAC,EAAE,OAAO,IAAI,eAAe,MAAM,iBAAiB,KAAK,CAAC;AAEhE,QAAI,SAAS;AAGX,qBAAe,eAAe;AAAA,IAChC;AAEA,WAAO;AAAA,EACT;AACF","sourcesContent":["/**\n * This is a modified version of graphql-tag-pluck's default config.\n * https://github.com/ardatan/graphql-tools/issues/5127\n */\nexport const pluckConfig = {\n  /**\n   * Hook to determine if a node is a gql template literal.\n   * By default, graphql-tag-pluck only looks for leading comments or `gql` tag.\n   */\n  isGqlTemplateLiteral: (node: any, options: any) => {\n    // Check for internal gql comment: const QUERY = `#graphql ...`\n    const hasInternalGqlComment =\n      node.type === 'TemplateLiteral' &&\n      /\\s*#graphql\\s*\\n/i.test(node.quasis[0]?.value?.raw || '');\n\n    if (hasInternalGqlComment) return true;\n\n    // Check for leading gql comment: const QUERY = /* GraphQL */ `...`\n    const {leadingComments} = node;\n    const leadingComment = leadingComments?.[leadingComments?.length - 1];\n    const leadingCommentValue = leadingComment?.value?.trim().toLowerCase();\n\n    return leadingCommentValue === options?.gqlMagicComment;\n  },\n\n  /**\n   * Instruct how to extract the gql template literal from the code.\n   * By default, embedded expressions in template literals (e.g. ${foo})\n   * are removed from the template string. This hook allows us to annotate\n   * the template string with the required embedded expressions instead of\n   * removing them. Later, we can use this information to reconstruct the\n   * embedded expressions.\n   */\n  pluckStringFromFile: (code: string, {start, end, leadingComments}: any) => {\n    let gqlTemplate = code\n      // Slice quotes\n      .slice(start + 1, end - 1)\n      // Annotate embedded expressions\n      // e.g. ${foo} -> #REQUIRED_VAR=foo\n      .replace(/\\$\\{([^}]*)\\}/g, (_, m1) => '#REQUIRED_VAR=' + m1)\n      .split('\\\\`')\n      .join('`');\n\n    const chunkStart = leadingComments?.[0]?.start ?? start;\n    const codeBeforeNode = code.slice(0, chunkStart);\n    const [, varName] = codeBeforeNode.match(/\\s(\\w+)\\s*=\\s*$/) || [];\n\n    if (varName) {\n      // Annotate with the name of the variable that stores this gql template.\n      // This is used to reconstruct the embedded expressions later.\n      gqlTemplate += '#VAR_NAME=' + varName;\n    }\n\n    return gqlTemplate;\n  },\n};\n"]}

package/dist/cjs/plugin.cjs

@@ -5,6 +5,8 @@ const plugin = (_, __, { sourcesWithOperations, interfaceExtensionCode }, _info)
   code.push(interfaceExtensionCode);
   return code.join("") + "\n";
 };
+const GENERATED_QUERY_INTERFACE_NAME = "GeneratedQueryTypes";
+const GENERATED_MUTATION_INTERFACE_NAME = "GeneratedMutationTypes";
 const isMutationRE = /(^|}\s|\n\s*)mutation[\s({]/im;
 const normalizeOperation = (rawSDL, variablesMap) => {
   let variableNotFound = false;
@@ -26,11 +28,14 @@ const normalizeOperation = (rawSDL, variablesMap) => {
   return rawSDL;
 };
 const buildTypeLines = (name, operations) => {
-  const lines = [`interface Generated${name} {
+  const lines = [`interface ${name} {
 `];
   for (const [originalString, typeNames] of operations) {
     lines.push(
-      `  ${JSON.stringify(originalString)}: {return: ${typeNames.length === 1 ? typeNames[0] : "never"}, variables: ${typeNames.map((n) => n + "Variables").join(" & ")}},
+      `  ${JSON.stringify(originalString)}: {return: ${// SFAPI does not support multiple operations in a single document.
+      // Use 'never' here if that's the case so that the user gets a type error.
+      // e.g. `'query q1 {...} query q2 {...}'` is invalid.
+      typeNames.length === 1 ? typeNames[0] : "never"}, variables: ${typeNames.map((n) => n + "Variables").join(" & ")}},
 `
     );
   }
@@ -63,12 +68,14 @@ function getDocumentRegistryChunk(sourcesWithOperations = []) {
     );
   }
   return [
-    ...buildTypeLines("QueryTypes", queries),
+    ...buildTypeLines(GENERATED_QUERY_INTERFACE_NAME, queries),
     "\n",
-    ...buildTypeLines("MutationTypes", mutations)
+    ...buildTypeLines(GENERATED_MUTATION_INTERFACE_NAME, mutations)
   ];
 }
 
+exports.GENERATED_MUTATION_INTERFACE_NAME = GENERATED_MUTATION_INTERFACE_NAME;
+exports.GENERATED_QUERY_INTERFACE_NAME = GENERATED_QUERY_INTERFACE_NAME;
 exports.plugin = plugin;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=plugin.cjs.map

package/dist/cjs/plugin.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugin.ts"],"names":[],"mappings":"AAiBO,MAAM,SAGR,CAAC,GAAG,IAAI,EAAC,uBAAuB,uBAAsB,GAAG,UAAU;AACtE,QAAM,OAAO,yBAAyB,qBAAqB;AAE3D,OAAK,KAAK,sBAAsB;AAEhC,SAAO,KAAK,KAAK,EAAE,IAAI;AACzB;AAEA,MAAM,eAAe;AAIrB,MAAM,qBAAqB,CACzB,QACA,iBACG;AACH,MAAI,mBAAmB;AAEvB,SAAO,iBAAiB,KAAK,MAAM,KAAK,CAAC,kBAAkB;AACzD,QAAI,oBAAoB,OAAO,SAAS,sBAAsB;AAC9D,eAAW,CAAC,OAAO,YAAY,KAAK,mBAAmB;AACrD,UAAI,aAAa,IAAI,YAAY,GAAG;AAClC,iBAAS,OAAO,QAAQ,OAAO,aAAa,IAAI,YAAY,CAAE;AAAA,MAChE,OAAO;AAIL,2BAAmB;AACnB,gBAAQ;AAAA,UACN,IAAI;AAAA,YACF,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,MAAc,eAAsC;AAC1E,QAAM,QAAQ,CAAC,sBAAsB;AAAA,CAAU;AAE/C,aAAW,CAAC,gBAAgB,SAAS,KAAK,YAAY;AACpD,UAAM;AAAA,MACJ,KAAK,KAAK,UAAU,cAAc,eAIhC,UAAU,WAAW,IAAI,UAAU,KAAK,uBAC1B,UAAU,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE,KAAK,KAAK;AAAA;AAAA,IAClE;AAAA,EACF;AAEA,QAAM,KAAK;AAAA,CAAK;AAEhB,SAAO;AACT;AAEA,SAAS,yBACP,wBAAqD,CAAC,GACtD;AACA,QAAM,UAAU,oBAAI,IAAsB;AAC1C,QAAM,YAAY,oBAAI,IAAsB;AAE5C,QAAM,eAAe,oBAAI,IAAoB;AAC7C,aAAW,EAAC,OAAM,KAAK,uBAAuB;AAC5C,UAAM,eAAe,OAAO,QAAQ,MAAM,iBAAiB,IAAI;AAC/D,QAAI,cAAc;AAChB,aAAO,SAAS,OAAO,OAAQ,QAAQ,kBAAkB,EAAE;AAC3D,mBAAa,IAAI,cAAc,OAAO,MAAO;AAAA,IAC/C;AAAA,EACF;AAEA,aAAW,EAAC,YAAY,OAAM,KAAK,uBAAuB;AACxD,UAAM,mBAAmB,WAAW;AAAA,MAClC,CAAC,OAAO,GAAG,WAAW,SAAS;AAAA,IACjC;AAEA,QAAI,iBAAiB,WAAW;AAAG;AAEnC,UAAM,YAAY,OAAO;AACzB,UAAM,SAAS,aAAa,KAAK,SAAS,IAAI,YAAY;AAC1D,WAAO;AAAA,MACL,mBAAmB,WAAW,YAAY;AAAA,MAC1C,iBAAiB,IAAI,CAAC,MAAM,EAAE,WAAW;AAAA,IAC3C;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG,eAAe,cAAc,OAAO;AAAA,IACvC;AAAA,IACA,GAAG,eAAe,iBAAiB,SAAS;AAAA,EAC9C;AACF","sourcesContent":["// This plugin is based on `gql-tag-operations-preset`\n// https://www.npmjs.com/package/@graphql-codegen/gql-tag-operations-preset\n\nimport type {PluginFunction} from '@graphql-codegen/plugin-helpers';\nimport type {Source} from '@graphql-tools/utils';\nimport type {FragmentDefinitionNode, OperationDefinitionNode} from 'graphql';\n\nexport type OperationOrFragment = {\n  initialName: string;\n  definition: OperationDefinitionNode | FragmentDefinitionNode;\n};\n\nexport type SourceWithOperations = {\n  source: Source;\n  operations: Array<OperationOrFragment>;\n};\n\nexport const plugin: PluginFunction<{\n  sourcesWithOperations: Array<SourceWithOperations>;\n  interfaceExtensionCode: string;\n}> = (_, __, {sourcesWithOperations, interfaceExtensionCode}, _info) => {\n  const code = getDocumentRegistryChunk(sourcesWithOperations);\n\n  code.push(interfaceExtensionCode);\n\n  return code.join('') + '\\n';\n};\n\nconst isMutationRE = /(^|}\\s|\\n\\s*)mutation[\\s({]/im;\n\n// Iteratively replace fragment annotations with the actual fragment content\n// until there are no more annotations in the operation.\nconst normalizeOperation = (\n  rawSDL: string,\n  variablesMap: Map<string, string>,\n) => {\n  let variableNotFound = false;\n\n  while (/#REQUIRED_VAR=/.test(rawSDL) && !variableNotFound) {\n    let requiredVariables = rawSDL.matchAll(/#REQUIRED_VAR=(\\w+)/g);\n    for (const [match, variableName] of requiredVariables) {\n      if (variablesMap.has(variableName)) {\n        rawSDL = rawSDL.replace(match, variablesMap.get(variableName)!);\n      } else {\n        // An annotation cannot be replaced, so the operation is invalid.\n        // This should not happen, but we'll handle it just in case\n        // to prevent infinite loops. This should be logged as an error and fixed.\n        variableNotFound = true; // break;\n        console.error(\n          new Error(\n            `Variable \"${variableName}\" not found. This might be a bug in hydrogen-codegen, please report it.`,\n          ),\n        );\n      }\n    }\n  }\n\n  return rawSDL;\n};\n\nconst buildTypeLines = (name: string, operations: Map<string, string[]>) => {\n  const lines = [`interface Generated${name} {\\n`];\n\n  for (const [originalString, typeNames] of operations) {\n    lines.push(\n      `  ${JSON.stringify(originalString)}: {return: ${\n        // SFAPI does not support multiple operations in a single document.\n        // Use 'never' here if that's the case so that the user gets a type error.\n        // e.g. `'query q1 {...} query q2 {...}'` is invalid.\n        typeNames.length === 1 ? typeNames[0] : 'never'\n      }, variables: ${typeNames.map((n) => n + 'Variables').join(' & ')}},\\n`,\n    );\n  }\n\n  lines.push(`}\\n`);\n\n  return lines;\n};\n\nfunction getDocumentRegistryChunk(\n  sourcesWithOperations: Array<SourceWithOperations> = [],\n) {\n  const queries = new Map<string, string[]>();\n  const mutations = new Map<string, string[]>();\n\n  const variablesMap = new Map<string, string>();\n  for (const {source} of sourcesWithOperations) {\n    const variableName = source.rawSDL?.match(/#VAR_NAME=(\\w+)/)?.[1];\n    if (variableName) {\n      source.rawSDL = source.rawSDL!.replace(/#VAR_NAME=\\w+$/, '');\n      variablesMap.set(variableName, source.rawSDL!);\n    }\n  }\n\n  for (const {operations, source} of sourcesWithOperations) {\n    const actualOperations = operations.filter(\n      (op) => op.definition.kind === 'OperationDefinition',\n    );\n\n    if (actualOperations.length === 0) continue;\n\n    const sdlString = source.rawSDL!;\n    const target = isMutationRE.test(sdlString) ? mutations : queries;\n    target.set(\n      normalizeOperation(sdlString, variablesMap),\n      actualOperations.map((o) => o.initialName),\n    );\n  }\n\n  return [\n    ...buildTypeLines('QueryTypes', queries),\n    '\\n',\n    ...buildTypeLines('MutationTypes', mutations),\n  ];\n}\n"]}
+{"version":3,"sources":["../../src/plugin.ts"],"names":[],"mappings":"AAiBO,MAAM,SAGR,CAAC,GAAG,IAAI,EAAC,uBAAuB,uBAAsB,GAAG,UAAU;AACtE,QAAM,OAAO,yBAAyB,qBAAqB;AAE3D,OAAK,KAAK,sBAAsB;AAEhC,SAAO,KAAK,KAAK,EAAE,IAAI;AACzB;AAEO,MAAM,iCAAiC;AACvC,MAAM,oCAAoC;AAEjD,MAAM,eAAe;AAIrB,MAAM,qBAAqB,CACzB,QACA,iBACG;AACH,MAAI,mBAAmB;AAEvB,SAAO,iBAAiB,KAAK,MAAM,KAAK,CAAC,kBAAkB;AACzD,QAAI,oBAAoB,OAAO,SAAS,sBAAsB;AAC9D,eAAW,CAAC,OAAO,YAAY,KAAK,mBAAmB;AACrD,UAAI,aAAa,IAAI,YAAY,GAAG;AAClC,iBAAS,OAAO,QAAQ,OAAO,aAAa,IAAI,YAAY,CAAE;AAAA,MAChE,OAAO;AAIL,2BAAmB;AACnB,gBAAQ;AAAA,UACN,IAAI;AAAA,YACF,aAAa,YAAY;AAAA,UAC3B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,MAAc,eAAsC;AAC1E,QAAM,QAAQ,CAAC,aAAa,IAAI;AAAA,CAAM;AAEtC,aAAW,CAAC,gBAAgB,SAAS,KAAK,YAAY;AACpD,UAAM;AAAA,MACJ,KAAK,KAAK,UAAU,cAAc,CAAC;AAAA;AAAA;AAAA,MAIjC,UAAU,WAAW,IAAI,UAAU,CAAC,IAAI,OAC1C,gBAAgB,UAAU,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE,KAAK,KAAK,CAAC;AAAA;AAAA,IACnE;AAAA,EACF;AAEA,QAAM,KAAK;AAAA,CAAK;AAEhB,SAAO;AACT;AAEA,SAAS,yBACP,wBAAqD,CAAC,GACtD;AACA,QAAM,UAAU,oBAAI,IAAsB;AAC1C,QAAM,YAAY,oBAAI,IAAsB;AAE5C,QAAM,eAAe,oBAAI,IAAoB;AAC7C,aAAW,EAAC,OAAM,KAAK,uBAAuB;AAC5C,UAAM,eAAe,OAAO,QAAQ,MAAM,iBAAiB,IAAI,CAAC;AAChE,QAAI,cAAc;AAChB,aAAO,SAAS,OAAO,OAAQ,QAAQ,kBAAkB,EAAE;AAC3D,mBAAa,IAAI,cAAc,OAAO,MAAO;AAAA,IAC/C;AAAA,EACF;AAEA,aAAW,EAAC,YAAY,OAAM,KAAK,uBAAuB;AACxD,UAAM,mBAAmB,WAAW;AAAA,MAClC,CAAC,OAAO,GAAG,WAAW,SAAS;AAAA,IACjC;AAEA,QAAI,iBAAiB,WAAW;AAAG;AAEnC,UAAM,YAAY,OAAO;AACzB,UAAM,SAAS,aAAa,KAAK,SAAS,IAAI,YAAY;AAC1D,WAAO;AAAA,MACL,mBAAmB,WAAW,YAAY;AAAA,MAC1C,iBAAiB,IAAI,CAAC,MAAM,EAAE,WAAW;AAAA,IAC3C;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG,eAAe,gCAAgC,OAAO;AAAA,IACzD;AAAA,IACA,GAAG,eAAe,mCAAmC,SAAS;AAAA,EAChE;AACF","sourcesContent":["// This plugin is based on `gql-tag-operations-preset`\n// https://www.npmjs.com/package/@graphql-codegen/gql-tag-operations-preset\n\nimport type {PluginFunction} from '@graphql-codegen/plugin-helpers';\nimport type {Source} from '@graphql-tools/utils';\nimport type {FragmentDefinitionNode, OperationDefinitionNode} from 'graphql';\n\nexport type OperationOrFragment = {\n  initialName: string;\n  definition: OperationDefinitionNode | FragmentDefinitionNode;\n};\n\nexport type SourceWithOperations = {\n  source: Source;\n  operations: Array<OperationOrFragment>;\n};\n\nexport const plugin: PluginFunction<{\n  sourcesWithOperations: Array<SourceWithOperations>;\n  interfaceExtensionCode: string;\n}> = (_, __, {sourcesWithOperations, interfaceExtensionCode}, _info) => {\n  const code = getDocumentRegistryChunk(sourcesWithOperations);\n\n  code.push(interfaceExtensionCode);\n\n  return code.join('') + '\\n';\n};\n\nexport const GENERATED_QUERY_INTERFACE_NAME = 'GeneratedQueryTypes';\nexport const GENERATED_MUTATION_INTERFACE_NAME = 'GeneratedMutationTypes';\n\nconst isMutationRE = /(^|}\\s|\\n\\s*)mutation[\\s({]/im;\n\n// Iteratively replace fragment annotations with the actual fragment content\n// until there are no more annotations in the operation.\nconst normalizeOperation = (\n  rawSDL: string,\n  variablesMap: Map<string, string>,\n) => {\n  let variableNotFound = false;\n\n  while (/#REQUIRED_VAR=/.test(rawSDL) && !variableNotFound) {\n    let requiredVariables = rawSDL.matchAll(/#REQUIRED_VAR=(\\w+)/g);\n    for (const [match, variableName] of requiredVariables) {\n      if (variablesMap.has(variableName)) {\n        rawSDL = rawSDL.replace(match, variablesMap.get(variableName)!);\n      } else {\n        // An annotation cannot be replaced, so the operation is invalid.\n        // This should not happen, but we'll handle it just in case\n        // to prevent infinite loops. This should be logged as an error and fixed.\n        variableNotFound = true; // break;\n        console.error(\n          new Error(\n            `Variable \"${variableName}\" not found. This might be a bug in hydrogen-codegen, please report it.`,\n          ),\n        );\n      }\n    }\n  }\n\n  return rawSDL;\n};\n\nconst buildTypeLines = (name: string, operations: Map<string, string[]>) => {\n  const lines = [`interface ${name} {\\n`];\n\n  for (const [originalString, typeNames] of operations) {\n    lines.push(\n      `  ${JSON.stringify(originalString)}: {return: ${\n        // SFAPI does not support multiple operations in a single document.\n        // Use 'never' here if that's the case so that the user gets a type error.\n        // e.g. `'query q1 {...} query q2 {...}'` is invalid.\n        typeNames.length === 1 ? typeNames[0] : 'never'\n      }, variables: ${typeNames.map((n) => n + 'Variables').join(' & ')}},\\n`,\n    );\n  }\n\n  lines.push(`}\\n`);\n\n  return lines;\n};\n\nfunction getDocumentRegistryChunk(\n  sourcesWithOperations: Array<SourceWithOperations> = [],\n) {\n  const queries = new Map<string, string[]>();\n  const mutations = new Map<string, string[]>();\n\n  const variablesMap = new Map<string, string>();\n  for (const {source} of sourcesWithOperations) {\n    const variableName = source.rawSDL?.match(/#VAR_NAME=(\\w+)/)?.[1];\n    if (variableName) {\n      source.rawSDL = source.rawSDL!.replace(/#VAR_NAME=\\w+$/, '');\n      variablesMap.set(variableName, source.rawSDL!);\n    }\n  }\n\n  for (const {operations, source} of sourcesWithOperations) {\n    const actualOperations = operations.filter(\n      (op) => op.definition.kind === 'OperationDefinition',\n    );\n\n    if (actualOperations.length === 0) continue;\n\n    const sdlString = source.rawSDL!;\n    const target = isMutationRE.test(sdlString) ? mutations : queries;\n    target.set(\n      normalizeOperation(sdlString, variablesMap),\n      actualOperations.map((o) => o.initialName),\n    );\n  }\n\n  return [\n    ...buildTypeLines(GENERATED_QUERY_INTERFACE_NAME, queries),\n    '\\n',\n    ...buildTypeLines(GENERATED_MUTATION_INTERFACE_NAME, mutations),\n  ];\n}\n"]}

package/dist/cjs/preset.cjs

@@ -1,11 +1,13 @@
 'use strict';
 
 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 plugin_js = require('./plugin.cjs');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -22,14 +24,14 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var addPlugin__namespace = /*#__PURE__*/_interopNamespaceDefault(addPlugin);
-var typescriptOperationPlugin__namespace = /*#__PURE__*/_interopNamespaceDefault(typescriptOperationPlugin);
+var addPlugin__namespace = /*#__PURE__*/_interopNamespace(addPlugin);
+var typescriptPlugin__namespace = /*#__PURE__*/_interopNamespace(typescriptPlugin);
+var typescriptOperationPlugin__namespace = /*#__PURE__*/_interopNamespace(typescriptOperationPlugin);
 
-const namespacedImportName = "StorefrontAPI";
-const interfaceExtensionCode = `
+const defaultInterfaceExtensionCode = `
 declare module '@shopify/hydrogen' {
-  interface StorefrontQueries extends GeneratedQueryTypes {}
-  interface StorefrontMutations extends GeneratedMutationTypes {}
+  interface StorefrontQueries extends ${plugin_js.GENERATED_QUERY_INTERFACE_NAME} {}
+  interface StorefrontMutations extends ${plugin_js.GENERATED_MUTATION_INTERFACE_NAME} {}
 }`;
 const preset = {
   buildGeneratesSection: (options) => {
@@ -43,13 +45,22 @@ const preset = {
     }
     const sourcesWithOperations = sources_js.processSources(options.documents);
     const sources = sourcesWithOperations.map(({ source }) => source);
+    const importTypes = options.presetConfig.importTypes ?? true;
+    const namespacedImportName = options.presetConfig.namespacedImportName ?? "StorefrontAPI";
+    const importTypesFrom = options.presetConfig.importTypesFrom ?? "@shopify/hydrogen/storefront-api-types";
+    const interfaceExtensionCode = options.presetConfig.interfaceExtension?.({
+      queryType: plugin_js.GENERATED_QUERY_INTERFACE_NAME,
+      mutationType: plugin_js.GENERATED_MUTATION_INTERFACE_NAME
+    }) ?? defaultInterfaceExtensionCode;
     const pluginMap = {
       ...options.pluginMap,
       [`add`]: addPlugin__namespace,
+      [`typescript`]: typescriptPlugin__namespace,
       [`typescript-operations`]: typescriptOperationPlugin__namespace,
       [`gen-dts`]: { plugin: plugin_js.plugin }
     };
     const plugins = [
+      // 1. Disable eslint for the generated file
       {
         [`add`]: {
           content: `/* eslint-disable eslint-comments/disable-enable-pair */
@@ -57,20 +68,36 @@ const preset = {
 /* eslint-disable */`
         }
       },
-      {
+      // 2. Import all the generated API types from Hydrogen or generate all the types from the schema.
+      importTypes ? {
         [`add`]: {
-          content: `import * as ${namespacedImportName} from '@shopify/hydrogen/storefront-api-types';
+          content: `import * as ${namespacedImportName} from '${importTypesFrom}';
 `
         }
+      } : {
+        [`typescript`]: {
+          useTypeImports: true,
+          useImplementingTypes: true,
+          enumsAsTypes: true
+        }
       },
+      // 3. Generate the operations (i.e. queries, mutations, and fragments types)
       {
         [`typescript-operations`]: {
-          skipTypename: true,
           useTypeImports: true,
-          preResolveTypes: false
+          // Use `import type` instead of `import`
+          preResolveTypes: false,
+          // Use Pick<...> instead of primitives
+          mergeFragmentTypes: true,
+          // Merge equal fragment interfaces. Avoids adding `| {}` to Metaobject
+          skipTypename: options.presetConfig.skipTypenameInOperations ?? true,
+          // Skip __typename fields
+          namespacedImportName: importTypes ? namespacedImportName : void 0
         }
       },
+      // 4.  Augment Hydrogen query/mutation interfaces with the generated operations
       { [`gen-dts`]: { sourcesWithOperations, interfaceExtensionCode } },
+      // 5. Custom plugins from the user
       ...options.plugins
     ];
     return [
@@ -80,8 +107,10 @@ const preset = {
         pluginMap,
         schema: options.schema,
         config: {
-          ...options.config,
-          namespacedImportName
+          // For the TS plugin:
+          defaultScalarType: "unknown",
+          // Allow overwriting defaults:
+          ...options.config
         },
         documents: sources,
         documentTransforms: options.documentTransforms
@@ -90,8 +119,7 @@ const preset = {
   }
 };
 
-exports.interfaceExtensionCode = interfaceExtensionCode;
-exports.namespacedImportName = namespacedImportName;
+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,+BAA+B;AAC3C,SAAQ,sBAAqB;AAC7B,SAAQ,UAAU,iBAAgB;AAI3B,MAAM,uBAAuB;AAE7B,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAM/B,MAAM,SAA2C;AAAA,EACtD,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,YAAY;AAAA,MAChB,GAAG,QAAQ;AAAA,MACX,CAAC,QAAQ;AAAA,MACT,CAAC,0BAA0B;AAAA,MAC3B,CAAC,YAAY,EAAC,QAAQ,UAAS;AAAA,IACjC;AAEA,UAAM,UAAyC;AAAA,MAE7C;AAAA,QACE,CAAC,QAAQ;AAAA,UACP,SAAS;AAAA;AAAA;AAAA,QACX;AAAA,MACF;AAAA,MAEA;AAAA,QACE,CAAC,QAAQ;AAAA,UACP,SAAS,eAAe;AAAA;AAAA,QAC1B;AAAA,MACF;AAAA,MAEA;AAAA,QACE,CAAC,0BAA0B;AAAA,UACzB,cAAc;AAAA,UACd,gBAAgB;AAAA,UAChB,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,MAEA,EAAC,CAAC,YAAY,EAAC,uBAAuB,uBAAsB,EAAC;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,UACN,GAAG,QAAQ;AAAA,UAEX;AAAA,QACF;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 typescriptOperationPlugin from '@graphql-codegen/typescript-operations';\nimport {processSources} from './sources.js';\nimport {plugin as dtsPlugin} from './plugin.js';\n\nexport type GqlTagConfig = {};\n\nexport const namespacedImportName = 'StorefrontAPI';\n\nexport const interfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface StorefrontQueries extends GeneratedQueryTypes {}\n  interface StorefrontMutations extends GeneratedMutationTypes {}\n}`;\n\nexport const preset: Types.OutputPreset<GqlTagConfig> = {\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 pluginMap = {\n      ...options.pluginMap,\n      [`add`]: addPlugin,\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\n      {\n        [`add`]: {\n          content: `import * as ${namespacedImportName} from '@shopify/hydrogen/storefront-api-types';\\n`,\n        },\n      },\n      // 3. Generate the operations (i.e. queries, mutations, and fragments types)\n      {\n        [`typescript-operations`]: {\n          skipTypename: true, // Skip __typename fields\n          useTypeImports: true, // Use `import type` instead of `import`\n          preResolveTypes: false, // Use Pick<...> instead of primitives\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          ...options.config,\n          // This is for the operations plugin\n          namespacedImportName,\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;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"]}

package/dist/cjs/schema.cjs

@@ -6,10 +6,6 @@ let staticSchema = "";
 try {
   staticSchema = getSchema();
 } catch (error) {
-  console.warn(
-    "[hydrogen-codegen] storefront.schema.json not found. Is `@shopify/hydrogen` installed?\n",
-    error.message
-  );
 }
 const schema = staticSchema;
 

package/dist/cjs/schema.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/schema.ts"],"names":[],"mappings":"AACA;AACO,MAAM,YAAY,MACP;AAElB,IAAI,eAAe;AAEnB,IAAI;AACF,iBAAe,UAAU;AAC3B,SAAS,OAAP;AAGA,UAAQ;AAAA,IACN;AAAA,IACC,MAAgB;AAAA,EACnB;AACF;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  console.warn(\n    '[hydrogen-codegen] storefront.schema.json not found. Is `@shopify/hydrogen` installed?\\n',\n    (error as Error).message,\n  );\n}\n\nexport const schema = staticSchema;\n"]}
+{"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"]}

package/dist/esm/index.d.ts

@@ -2,7 +2,7 @@ export { preset } from './preset.js';
 export { plugin } from './plugin.js';
 export { getSchema, schema } from './schema.js';
 export { processSources } from './sources.js';
-export { patchGqlPluck, pluckConfig } from './pluck.js';
+export { pluckConfig } from './pluck.js';
 import '@graphql-codegen/plugin-helpers';
 import '@graphql-tools/utils';
 import 'graphql';

package/dist/esm/index.js

@@ -2,6 +2,6 @@ export { preset } from './preset.js';
 export { plugin } from './plugin.js';
 export { getSchema, schema } from './schema.js';
 export { processSources } from './sources.js';
-export { patchGqlPluck, pluckConfig } from './pluck.js';
+export { pluckConfig } from './pluck.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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,aAAa,qBAAoB","sourcesContent":["export {preset} from './preset.js';\nexport {plugin} from './plugin.js';\nexport {schema, getSchema} from './schema.js';\nexport {processSources} from './sources.js';\nexport {pluckConfig, patchGqlPluck} 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';\n"]}

package/dist/esm/patch.d.ts

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

package/dist/esm/patch.js

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

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

package/dist/esm/pluck.d.ts

@@ -1,4 +1,3 @@
-declare function patchGqlPluck(): Promise<void>;
 /**
  * This is a modified version of graphql-tag-pluck's default config.
  * https://github.com/ardatan/graphql-tools/issues/5127
@@ -20,4 +19,4 @@ declare const pluckConfig: {
     pluckStringFromFile: (code: string, { start, end, leadingComments }: any) => string;
 };
 
-export { patchGqlPluck, pluckConfig };
+export { pluckConfig };

package/dist/esm/pluck.js

@@ -1,25 +1,8 @@
-import fs from 'fs/promises';
-import path from 'path';
-import { createRequire } from 'node:module';
-import { fileURLToPath } from 'node:url';
-
-async function patchGqlPluck() {
-  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)
-  );
-  await fs.copyFile(
-    path.join(vendorGqlTagPluck, "visitor.cjs"),
-    realGqlTagPluck.replace(/index\.js$/, "visitor.js")
-  );
-  await fs.copyFile(
-    path.join(vendorGqlTagPluck, "visitor.mjs"),
-    realGqlTagPluck.replace("cjs", "esm").replace(/index\.js$/, "visitor.js")
-  );
-}
 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, options) => {
     const hasInternalGqlComment = node.type === "TemplateLiteral" && /\s*#graphql\s*\n/i.test(node.quasis[0]?.value?.raw || "");
     if (hasInternalGqlComment)
@@ -29,6 +12,14 @@ const pluckConfig = {
     const leadingCommentValue = leadingComment?.value?.trim().toLowerCase();
     return leadingCommentValue === options?.gqlMagicComment;
   },
+  /**
+   * 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, { start, end, leadingComments }) => {
     let gqlTemplate = code.slice(start + 1, end - 1).replace(/\$\{([^}]*)\}/g, (_, m1) => "#REQUIRED_VAR=" + m1).split("\\`").join("`");
     const chunkStart = leadingComments?.[0]?.start ?? start;
@@ -41,6 +32,6 @@ const pluckConfig = {
   }
 };
 
-export { patchGqlPluck, pluckConfig };
+export { pluckConfig };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=pluck.js.map

package/dist/esm/pluck.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pluck.ts"],"names":["require"],"mappings":"AAAA,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,SAAQ,qBAAoB;AAC5B,SAAQ,qBAAoB;AAE5B,eAAsB,gBAAgB;AACpC,QAAMA,WAAU,cAAc,YAAY,GAAG;AAC7C,QAAM,kBAAkBA,SAAQ,QAAQ,kCAAkC;AAG1E,QAAM,QAAQ,KAAK,QAAQ,YAAY,GAAG,MAAM,QAAQ,QAAQ;AAChE,QAAM,oBAAoB;AAAA,IACxB,IAAI,IAAI,QAAQ,6BAA6B,YAAY,GAAG;AAAA,EAC9D;AAGA,QAAM,GAAG;AAAA,IACP,KAAK,KAAK,mBAAmB,aAAa;AAAA,IAC1C,gBAAgB,QAAQ,cAAc,YAAY;AAAA,EACpD;AAEA,QAAM,GAAG;AAAA,IACP,KAAK,KAAK,mBAAmB,aAAa;AAAA,IAC1C,gBAAgB,QAAQ,OAAO,KAAK,EAAE,QAAQ,cAAc,YAAY;AAAA,EAC1E;AACF;AAMO,MAAM,cAAc;AAAA,EAKzB,sBAAsB,CAAC,MAAW,YAAiB;AAEjD,UAAM,wBACJ,KAAK,SAAS,qBACd,oBAAoB,KAAK,KAAK,OAAO,IAAI,OAAO,OAAO,EAAE;AAE3D,QAAI;AAAuB,aAAO;AAGlC,UAAM,EAAC,gBAAe,IAAI;AAC1B,UAAM,iBAAiB,kBAAkB,iBAAiB,SAAS;AACnE,UAAM,sBAAsB,gBAAgB,OAAO,KAAK,EAAE,YAAY;AAEtE,WAAO,wBAAwB,SAAS;AAAA,EAC1C;AAAA,EAUA,qBAAqB,CAAC,MAAc,EAAC,OAAO,KAAK,gBAAe,MAAW;AACzE,QAAI,cAAc,KAEf,MAAM,QAAQ,GAAG,MAAM,CAAC,EAGxB,QAAQ,kBAAkB,CAAC,GAAG,OAAO,mBAAmB,EAAE,EAC1D,MAAM,KAAK,EACX,KAAK,GAAG;AAEX,UAAM,aAAa,kBAAkB,IAAI,SAAS;AAClD,UAAM,iBAAiB,KAAK,MAAM,GAAG,UAAU;AAC/C,UAAM,CAAC,EAAE,OAAO,IAAI,eAAe,MAAM,iBAAiB,KAAK,CAAC;AAEhE,QAAI,SAAS;AAGX,qBAAe,eAAe;AAAA,IAChC;AAEA,WAAO;AAAA,EACT;AACF","sourcesContent":["import fs from 'fs/promises';\nimport path from 'path';\nimport {createRequire} from 'node:module';\nimport {fileURLToPath} from 'node:url';\n\nexport async function patchGqlPluck() {\n  const require = createRequire(import.meta.url);\n  const 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\n  const depth = path.extname(import.meta.url) === '.ts' ? '../' : '../../';\n  const 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\n  await fs.copyFile(\n    path.join(vendorGqlTagPluck, 'visitor.cjs'),\n    realGqlTagPluck.replace(/index\\.js$/, 'visitor.js'),\n  );\n\n  await fs.copyFile(\n    path.join(vendorGqlTagPluck, 'visitor.mjs'),\n    realGqlTagPluck.replace('cjs', 'esm').replace(/index\\.js$/, 'visitor.js'),\n  );\n}\n\n/**\n * This is a modified version of graphql-tag-pluck's default config.\n * https://github.com/ardatan/graphql-tools/issues/5127\n */\nexport const pluckConfig = {\n  /**\n   * Hook to determine if a node is a gql template literal.\n   * By default, graphql-tag-pluck only looks for leading comments or `gql` tag.\n   */\n  isGqlTemplateLiteral: (node: any, options: any) => {\n    // Check for internal gql comment: const QUERY = `#graphql ...`\n    const hasInternalGqlComment =\n      node.type === 'TemplateLiteral' &&\n      /\\s*#graphql\\s*\\n/i.test(node.quasis[0]?.value?.raw || '');\n\n    if (hasInternalGqlComment) return true;\n\n    // Check for leading gql comment: const QUERY = /* GraphQL */ `...`\n    const {leadingComments} = node;\n    const leadingComment = leadingComments?.[leadingComments?.length - 1];\n    const leadingCommentValue = leadingComment?.value?.trim().toLowerCase();\n\n    return leadingCommentValue === options?.gqlMagicComment;\n  },\n\n  /**\n   * Instruct how to extract the gql template literal from the code.\n   * By default, embedded expressions in template literals (e.g. ${foo})\n   * are removed from the template string. This hook allows us to annotate\n   * the template string with the required embedded expressions instead of\n   * removing them. Later, we can use this information to reconstruct the\n   * embedded expressions.\n   */\n  pluckStringFromFile: (code: string, {start, end, leadingComments}: any) => {\n    let gqlTemplate = code\n      // Slice quotes\n      .slice(start + 1, end - 1)\n      // Annotate embedded expressions\n      // e.g. ${foo} -> #REQUIRED_VAR=foo\n      .replace(/\\$\\{([^}]*)\\}/g, (_, m1) => '#REQUIRED_VAR=' + m1)\n      .split('\\\\`')\n      .join('`');\n\n    const chunkStart = leadingComments?.[0]?.start ?? start;\n    const codeBeforeNode = code.slice(0, chunkStart);\n    const [, varName] = codeBeforeNode.match(/\\s(\\w+)\\s*=\\s*$/) || [];\n\n    if (varName) {\n      // Annotate with the name of the variable that stores this gql template.\n      // This is used to reconstruct the embedded expressions later.\n      gqlTemplate += '#VAR_NAME=' + varName;\n    }\n\n    return gqlTemplate;\n  },\n};\n"]}
+{"version":3,"sources":["../../src/pluck.ts"],"names":[],"mappings":"AAIO,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,sBAAsB,CAAC,MAAW,YAAiB;AAEjD,UAAM,wBACJ,KAAK,SAAS,qBACd,oBAAoB,KAAK,KAAK,OAAO,CAAC,GAAG,OAAO,OAAO,EAAE;AAE3D,QAAI;AAAuB,aAAO;AAGlC,UAAM,EAAC,gBAAe,IAAI;AAC1B,UAAM,iBAAiB,kBAAkB,iBAAiB,SAAS,CAAC;AACpE,UAAM,sBAAsB,gBAAgB,OAAO,KAAK,EAAE,YAAY;AAEtE,WAAO,wBAAwB,SAAS;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,qBAAqB,CAAC,MAAc,EAAC,OAAO,KAAK,gBAAe,MAAW;AACzE,QAAI,cAAc,KAEf,MAAM,QAAQ,GAAG,MAAM,CAAC,EAGxB,QAAQ,kBAAkB,CAAC,GAAG,OAAO,mBAAmB,EAAE,EAC1D,MAAM,KAAK,EACX,KAAK,GAAG;AAEX,UAAM,aAAa,kBAAkB,CAAC,GAAG,SAAS;AAClD,UAAM,iBAAiB,KAAK,MAAM,GAAG,UAAU;AAC/C,UAAM,CAAC,EAAE,OAAO,IAAI,eAAe,MAAM,iBAAiB,KAAK,CAAC;AAEhE,QAAI,SAAS;AAGX,qBAAe,eAAe;AAAA,IAChC;AAEA,WAAO;AAAA,EACT;AACF","sourcesContent":["/**\n * This is a modified version of graphql-tag-pluck's default config.\n * https://github.com/ardatan/graphql-tools/issues/5127\n */\nexport const pluckConfig = {\n  /**\n   * Hook to determine if a node is a gql template literal.\n   * By default, graphql-tag-pluck only looks for leading comments or `gql` tag.\n   */\n  isGqlTemplateLiteral: (node: any, options: any) => {\n    // Check for internal gql comment: const QUERY = `#graphql ...`\n    const hasInternalGqlComment =\n      node.type === 'TemplateLiteral' &&\n      /\\s*#graphql\\s*\\n/i.test(node.quasis[0]?.value?.raw || '');\n\n    if (hasInternalGqlComment) return true;\n\n    // Check for leading gql comment: const QUERY = /* GraphQL */ `...`\n    const {leadingComments} = node;\n    const leadingComment = leadingComments?.[leadingComments?.length - 1];\n    const leadingCommentValue = leadingComment?.value?.trim().toLowerCase();\n\n    return leadingCommentValue === options?.gqlMagicComment;\n  },\n\n  /**\n   * Instruct how to extract the gql template literal from the code.\n   * By default, embedded expressions in template literals (e.g. ${foo})\n   * are removed from the template string. This hook allows us to annotate\n   * the template string with the required embedded expressions instead of\n   * removing them. Later, we can use this information to reconstruct the\n   * embedded expressions.\n   */\n  pluckStringFromFile: (code: string, {start, end, leadingComments}: any) => {\n    let gqlTemplate = code\n      // Slice quotes\n      .slice(start + 1, end - 1)\n      // Annotate embedded expressions\n      // e.g. ${foo} -> #REQUIRED_VAR=foo\n      .replace(/\\$\\{([^}]*)\\}/g, (_, m1) => '#REQUIRED_VAR=' + m1)\n      .split('\\\\`')\n      .join('`');\n\n    const chunkStart = leadingComments?.[0]?.start ?? start;\n    const codeBeforeNode = code.slice(0, chunkStart);\n    const [, varName] = codeBeforeNode.match(/\\s(\\w+)\\s*=\\s*$/) || [];\n\n    if (varName) {\n      // Annotate with the name of the variable that stores this gql template.\n      // This is used to reconstruct the embedded expressions later.\n      gqlTemplate += '#VAR_NAME=' + varName;\n    }\n\n    return gqlTemplate;\n  },\n};\n"]}

package/dist/esm/plugin.d.ts

@@ -14,5 +14,7 @@ declare const plugin: PluginFunction<{
     sourcesWithOperations: Array<SourceWithOperations>;
     interfaceExtensionCode: string;
 }>;
+declare const GENERATED_QUERY_INTERFACE_NAME = "GeneratedQueryTypes";
+declare const GENERATED_MUTATION_INTERFACE_NAME = "GeneratedMutationTypes";
 
-export { OperationOrFragment, SourceWithOperations, plugin };
+export { GENERATED_MUTATION_INTERFACE_NAME, GENERATED_QUERY_INTERFACE_NAME, OperationOrFragment, SourceWithOperations, plugin };

package/dist/esm/plugin.js

@@ -3,6 +3,8 @@ const plugin = (_, __, { sourcesWithOperations, interfaceExtensionCode }, _info)
   code.push(interfaceExtensionCode);
   return code.join("") + "\n";
 };
+const GENERATED_QUERY_INTERFACE_NAME = "GeneratedQueryTypes";
+const GENERATED_MUTATION_INTERFACE_NAME = "GeneratedMutationTypes";
 const isMutationRE = /(^|}\s|\n\s*)mutation[\s({]/im;
 const normalizeOperation = (rawSDL, variablesMap) => {
   let variableNotFound = false;
@@ -24,11 +26,14 @@ const normalizeOperation = (rawSDL, variablesMap) => {
   return rawSDL;
 };
 const buildTypeLines = (name, operations) => {
-  const lines = [`interface Generated${name} {
+  const lines = [`interface ${name} {
 `];
   for (const [originalString, typeNames] of operations) {
     lines.push(
-      `  ${JSON.stringify(originalString)}: {return: ${typeNames.length === 1 ? typeNames[0] : "never"}, variables: ${typeNames.map((n) => n + "Variables").join(" & ")}},
+      `  ${JSON.stringify(originalString)}: {return: ${// SFAPI does not support multiple operations in a single document.
+      // Use 'never' here if that's the case so that the user gets a type error.
+      // e.g. `'query q1 {...} query q2 {...}'` is invalid.
+      typeNames.length === 1 ? typeNames[0] : "never"}, variables: ${typeNames.map((n) => n + "Variables").join(" & ")}},
 `
     );
   }
@@ -61,12 +66,12 @@ function getDocumentRegistryChunk(sourcesWithOperations = []) {
     );
   }
   return [
-    ...buildTypeLines("QueryTypes", queries),
+    ...buildTypeLines(GENERATED_QUERY_INTERFACE_NAME, queries),
     "\n",
-    ...buildTypeLines("MutationTypes", mutations)
+    ...buildTypeLines(GENERATED_MUTATION_INTERFACE_NAME, mutations)
   ];
 }
 
-export { plugin };
+export { GENERATED_MUTATION_INTERFACE_NAME, GENERATED_QUERY_INTERFACE_NAME, plugin };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=plugin.js.map

package/dist/esm/plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugin.ts"],"names":[],"mappings":"AAiBO,MAAM,SAGR,CAAC,GAAG,IAAI,EAAC,uBAAuB,uBAAsB,GAAG,UAAU;AACtE,QAAM,OAAO,yBAAyB,qBAAqB;AAE3D,OAAK,KAAK,sBAAsB;AAEhC,SAAO,KAAK,KAAK,EAAE,IAAI;AACzB;AAEA,MAAM,eAAe;AAIrB,MAAM,qBAAqB,CACzB,QACA,iBACG;AACH,MAAI,mBAAmB;AAEvB,SAAO,iBAAiB,KAAK,MAAM,KAAK,CAAC,kBAAkB;AACzD,QAAI,oBAAoB,OAAO,SAAS,sBAAsB;AAC9D,eAAW,CAAC,OAAO,YAAY,KAAK,mBAAmB;AACrD,UAAI,aAAa,IAAI,YAAY,GAAG;AAClC,iBAAS,OAAO,QAAQ,OAAO,aAAa,IAAI,YAAY,CAAE;AAAA,MAChE,OAAO;AAIL,2BAAmB;AACnB,gBAAQ;AAAA,UACN,IAAI;AAAA,YACF,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,MAAc,eAAsC;AAC1E,QAAM,QAAQ,CAAC,sBAAsB;AAAA,CAAU;AAE/C,aAAW,CAAC,gBAAgB,SAAS,KAAK,YAAY;AACpD,UAAM;AAAA,MACJ,KAAK,KAAK,UAAU,cAAc,eAIhC,UAAU,WAAW,IAAI,UAAU,KAAK,uBAC1B,UAAU,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE,KAAK,KAAK;AAAA;AAAA,IAClE;AAAA,EACF;AAEA,QAAM,KAAK;AAAA,CAAK;AAEhB,SAAO;AACT;AAEA,SAAS,yBACP,wBAAqD,CAAC,GACtD;AACA,QAAM,UAAU,oBAAI,IAAsB;AAC1C,QAAM,YAAY,oBAAI,IAAsB;AAE5C,QAAM,eAAe,oBAAI,IAAoB;AAC7C,aAAW,EAAC,OAAM,KAAK,uBAAuB;AAC5C,UAAM,eAAe,OAAO,QAAQ,MAAM,iBAAiB,IAAI;AAC/D,QAAI,cAAc;AAChB,aAAO,SAAS,OAAO,OAAQ,QAAQ,kBAAkB,EAAE;AAC3D,mBAAa,IAAI,cAAc,OAAO,MAAO;AAAA,IAC/C;AAAA,EACF;AAEA,aAAW,EAAC,YAAY,OAAM,KAAK,uBAAuB;AACxD,UAAM,mBAAmB,WAAW;AAAA,MAClC,CAAC,OAAO,GAAG,WAAW,SAAS;AAAA,IACjC;AAEA,QAAI,iBAAiB,WAAW;AAAG;AAEnC,UAAM,YAAY,OAAO;AACzB,UAAM,SAAS,aAAa,KAAK,SAAS,IAAI,YAAY;AAC1D,WAAO;AAAA,MACL,mBAAmB,WAAW,YAAY;AAAA,MAC1C,iBAAiB,IAAI,CAAC,MAAM,EAAE,WAAW;AAAA,IAC3C;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG,eAAe,cAAc,OAAO;AAAA,IACvC;AAAA,IACA,GAAG,eAAe,iBAAiB,SAAS;AAAA,EAC9C;AACF","sourcesContent":["// This plugin is based on `gql-tag-operations-preset`\n// https://www.npmjs.com/package/@graphql-codegen/gql-tag-operations-preset\n\nimport type {PluginFunction} from '@graphql-codegen/plugin-helpers';\nimport type {Source} from '@graphql-tools/utils';\nimport type {FragmentDefinitionNode, OperationDefinitionNode} from 'graphql';\n\nexport type OperationOrFragment = {\n  initialName: string;\n  definition: OperationDefinitionNode | FragmentDefinitionNode;\n};\n\nexport type SourceWithOperations = {\n  source: Source;\n  operations: Array<OperationOrFragment>;\n};\n\nexport const plugin: PluginFunction<{\n  sourcesWithOperations: Array<SourceWithOperations>;\n  interfaceExtensionCode: string;\n}> = (_, __, {sourcesWithOperations, interfaceExtensionCode}, _info) => {\n  const code = getDocumentRegistryChunk(sourcesWithOperations);\n\n  code.push(interfaceExtensionCode);\n\n  return code.join('') + '\\n';\n};\n\nconst isMutationRE = /(^|}\\s|\\n\\s*)mutation[\\s({]/im;\n\n// Iteratively replace fragment annotations with the actual fragment content\n// until there are no more annotations in the operation.\nconst normalizeOperation = (\n  rawSDL: string,\n  variablesMap: Map<string, string>,\n) => {\n  let variableNotFound = false;\n\n  while (/#REQUIRED_VAR=/.test(rawSDL) && !variableNotFound) {\n    let requiredVariables = rawSDL.matchAll(/#REQUIRED_VAR=(\\w+)/g);\n    for (const [match, variableName] of requiredVariables) {\n      if (variablesMap.has(variableName)) {\n        rawSDL = rawSDL.replace(match, variablesMap.get(variableName)!);\n      } else {\n        // An annotation cannot be replaced, so the operation is invalid.\n        // This should not happen, but we'll handle it just in case\n        // to prevent infinite loops. This should be logged as an error and fixed.\n        variableNotFound = true; // break;\n        console.error(\n          new Error(\n            `Variable \"${variableName}\" not found. This might be a bug in hydrogen-codegen, please report it.`,\n          ),\n        );\n      }\n    }\n  }\n\n  return rawSDL;\n};\n\nconst buildTypeLines = (name: string, operations: Map<string, string[]>) => {\n  const lines = [`interface Generated${name} {\\n`];\n\n  for (const [originalString, typeNames] of operations) {\n    lines.push(\n      `  ${JSON.stringify(originalString)}: {return: ${\n        // SFAPI does not support multiple operations in a single document.\n        // Use 'never' here if that's the case so that the user gets a type error.\n        // e.g. `'query q1 {...} query q2 {...}'` is invalid.\n        typeNames.length === 1 ? typeNames[0] : 'never'\n      }, variables: ${typeNames.map((n) => n + 'Variables').join(' & ')}},\\n`,\n    );\n  }\n\n  lines.push(`}\\n`);\n\n  return lines;\n};\n\nfunction getDocumentRegistryChunk(\n  sourcesWithOperations: Array<SourceWithOperations> = [],\n) {\n  const queries = new Map<string, string[]>();\n  const mutations = new Map<string, string[]>();\n\n  const variablesMap = new Map<string, string>();\n  for (const {source} of sourcesWithOperations) {\n    const variableName = source.rawSDL?.match(/#VAR_NAME=(\\w+)/)?.[1];\n    if (variableName) {\n      source.rawSDL = source.rawSDL!.replace(/#VAR_NAME=\\w+$/, '');\n      variablesMap.set(variableName, source.rawSDL!);\n    }\n  }\n\n  for (const {operations, source} of sourcesWithOperations) {\n    const actualOperations = operations.filter(\n      (op) => op.definition.kind === 'OperationDefinition',\n    );\n\n    if (actualOperations.length === 0) continue;\n\n    const sdlString = source.rawSDL!;\n    const target = isMutationRE.test(sdlString) ? mutations : queries;\n    target.set(\n      normalizeOperation(sdlString, variablesMap),\n      actualOperations.map((o) => o.initialName),\n    );\n  }\n\n  return [\n    ...buildTypeLines('QueryTypes', queries),\n    '\\n',\n    ...buildTypeLines('MutationTypes', mutations),\n  ];\n}\n"]}
+{"version":3,"sources":["../../src/plugin.ts"],"names":[],"mappings":"AAiBO,MAAM,SAGR,CAAC,GAAG,IAAI,EAAC,uBAAuB,uBAAsB,GAAG,UAAU;AACtE,QAAM,OAAO,yBAAyB,qBAAqB;AAE3D,OAAK,KAAK,sBAAsB;AAEhC,SAAO,KAAK,KAAK,EAAE,IAAI;AACzB;AAEO,MAAM,iCAAiC;AACvC,MAAM,oCAAoC;AAEjD,MAAM,eAAe;AAIrB,MAAM,qBAAqB,CACzB,QACA,iBACG;AACH,MAAI,mBAAmB;AAEvB,SAAO,iBAAiB,KAAK,MAAM,KAAK,CAAC,kBAAkB;AACzD,QAAI,oBAAoB,OAAO,SAAS,sBAAsB;AAC9D,eAAW,CAAC,OAAO,YAAY,KAAK,mBAAmB;AACrD,UAAI,aAAa,IAAI,YAAY,GAAG;AAClC,iBAAS,OAAO,QAAQ,OAAO,aAAa,IAAI,YAAY,CAAE;AAAA,MAChE,OAAO;AAIL,2BAAmB;AACnB,gBAAQ;AAAA,UACN,IAAI;AAAA,YACF,aAAa,YAAY;AAAA,UAC3B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,MAAc,eAAsC;AAC1E,QAAM,QAAQ,CAAC,aAAa,IAAI;AAAA,CAAM;AAEtC,aAAW,CAAC,gBAAgB,SAAS,KAAK,YAAY;AACpD,UAAM;AAAA,MACJ,KAAK,KAAK,UAAU,cAAc,CAAC;AAAA;AAAA;AAAA,MAIjC,UAAU,WAAW,IAAI,UAAU,CAAC,IAAI,OAC1C,gBAAgB,UAAU,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE,KAAK,KAAK,CAAC;AAAA;AAAA,IACnE;AAAA,EACF;AAEA,QAAM,KAAK;AAAA,CAAK;AAEhB,SAAO;AACT;AAEA,SAAS,yBACP,wBAAqD,CAAC,GACtD;AACA,QAAM,UAAU,oBAAI,IAAsB;AAC1C,QAAM,YAAY,oBAAI,IAAsB;AAE5C,QAAM,eAAe,oBAAI,IAAoB;AAC7C,aAAW,EAAC,OAAM,KAAK,uBAAuB;AAC5C,UAAM,eAAe,OAAO,QAAQ,MAAM,iBAAiB,IAAI,CAAC;AAChE,QAAI,cAAc;AAChB,aAAO,SAAS,OAAO,OAAQ,QAAQ,kBAAkB,EAAE;AAC3D,mBAAa,IAAI,cAAc,OAAO,MAAO;AAAA,IAC/C;AAAA,EACF;AAEA,aAAW,EAAC,YAAY,OAAM,KAAK,uBAAuB;AACxD,UAAM,mBAAmB,WAAW;AAAA,MAClC,CAAC,OAAO,GAAG,WAAW,SAAS;AAAA,IACjC;AAEA,QAAI,iBAAiB,WAAW;AAAG;AAEnC,UAAM,YAAY,OAAO;AACzB,UAAM,SAAS,aAAa,KAAK,SAAS,IAAI,YAAY;AAC1D,WAAO;AAAA,MACL,mBAAmB,WAAW,YAAY;AAAA,MAC1C,iBAAiB,IAAI,CAAC,MAAM,EAAE,WAAW;AAAA,IAC3C;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG,eAAe,gCAAgC,OAAO;AAAA,IACzD;AAAA,IACA,GAAG,eAAe,mCAAmC,SAAS;AAAA,EAChE;AACF","sourcesContent":["// This plugin is based on `gql-tag-operations-preset`\n// https://www.npmjs.com/package/@graphql-codegen/gql-tag-operations-preset\n\nimport type {PluginFunction} from '@graphql-codegen/plugin-helpers';\nimport type {Source} from '@graphql-tools/utils';\nimport type {FragmentDefinitionNode, OperationDefinitionNode} from 'graphql';\n\nexport type OperationOrFragment = {\n  initialName: string;\n  definition: OperationDefinitionNode | FragmentDefinitionNode;\n};\n\nexport type SourceWithOperations = {\n  source: Source;\n  operations: Array<OperationOrFragment>;\n};\n\nexport const plugin: PluginFunction<{\n  sourcesWithOperations: Array<SourceWithOperations>;\n  interfaceExtensionCode: string;\n}> = (_, __, {sourcesWithOperations, interfaceExtensionCode}, _info) => {\n  const code = getDocumentRegistryChunk(sourcesWithOperations);\n\n  code.push(interfaceExtensionCode);\n\n  return code.join('') + '\\n';\n};\n\nexport const GENERATED_QUERY_INTERFACE_NAME = 'GeneratedQueryTypes';\nexport const GENERATED_MUTATION_INTERFACE_NAME = 'GeneratedMutationTypes';\n\nconst isMutationRE = /(^|}\\s|\\n\\s*)mutation[\\s({]/im;\n\n// Iteratively replace fragment annotations with the actual fragment content\n// until there are no more annotations in the operation.\nconst normalizeOperation = (\n  rawSDL: string,\n  variablesMap: Map<string, string>,\n) => {\n  let variableNotFound = false;\n\n  while (/#REQUIRED_VAR=/.test(rawSDL) && !variableNotFound) {\n    let requiredVariables = rawSDL.matchAll(/#REQUIRED_VAR=(\\w+)/g);\n    for (const [match, variableName] of requiredVariables) {\n      if (variablesMap.has(variableName)) {\n        rawSDL = rawSDL.replace(match, variablesMap.get(variableName)!);\n      } else {\n        // An annotation cannot be replaced, so the operation is invalid.\n        // This should not happen, but we'll handle it just in case\n        // to prevent infinite loops. This should be logged as an error and fixed.\n        variableNotFound = true; // break;\n        console.error(\n          new Error(\n            `Variable \"${variableName}\" not found. This might be a bug in hydrogen-codegen, please report it.`,\n          ),\n        );\n      }\n    }\n  }\n\n  return rawSDL;\n};\n\nconst buildTypeLines = (name: string, operations: Map<string, string[]>) => {\n  const lines = [`interface ${name} {\\n`];\n\n  for (const [originalString, typeNames] of operations) {\n    lines.push(\n      `  ${JSON.stringify(originalString)}: {return: ${\n        // SFAPI does not support multiple operations in a single document.\n        // Use 'never' here if that's the case so that the user gets a type error.\n        // e.g. `'query q1 {...} query q2 {...}'` is invalid.\n        typeNames.length === 1 ? typeNames[0] : 'never'\n      }, variables: ${typeNames.map((n) => n + 'Variables').join(' & ')}},\\n`,\n    );\n  }\n\n  lines.push(`}\\n`);\n\n  return lines;\n};\n\nfunction getDocumentRegistryChunk(\n  sourcesWithOperations: Array<SourceWithOperations> = [],\n) {\n  const queries = new Map<string, string[]>();\n  const mutations = new Map<string, string[]>();\n\n  const variablesMap = new Map<string, string>();\n  for (const {source} of sourcesWithOperations) {\n    const variableName = source.rawSDL?.match(/#VAR_NAME=(\\w+)/)?.[1];\n    if (variableName) {\n      source.rawSDL = source.rawSDL!.replace(/#VAR_NAME=\\w+$/, '');\n      variablesMap.set(variableName, source.rawSDL!);\n    }\n  }\n\n  for (const {operations, source} of sourcesWithOperations) {\n    const actualOperations = operations.filter(\n      (op) => op.definition.kind === 'OperationDefinition',\n    );\n\n    if (actualOperations.length === 0) continue;\n\n    const sdlString = source.rawSDL!;\n    const target = isMutationRE.test(sdlString) ? mutations : queries;\n    target.set(\n      normalizeOperation(sdlString, variablesMap),\n      actualOperations.map((o) => o.initialName),\n    );\n  }\n\n  return [\n    ...buildTypeLines(GENERATED_QUERY_INTERFACE_NAME, queries),\n    '\\n',\n    ...buildTypeLines(GENERATED_MUTATION_INTERFACE_NAME, mutations),\n  ];\n}\n"]}

package/dist/esm/preset.d.ts

@@ -1,8 +1,35 @@
 import { Types } from '@graphql-codegen/plugin-helpers';
 
-type GqlTagConfig = {};
-declare const namespacedImportName = "StorefrontAPI";
-declare const interfaceExtensionCode = "\ndeclare module '@shopify/hydrogen' {\n  interface StorefrontQueries extends GeneratedQueryTypes {}\n  interface StorefrontMutations extends GeneratedMutationTypes {}\n}";
-declare const preset: Types.OutputPreset<GqlTagConfig>;
+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 defaultInterfaceExtensionCode = "\ndeclare module '@shopify/hydrogen' {\n  interface StorefrontQueries extends GeneratedQueryTypes {}\n  interface StorefrontMutations extends GeneratedMutationTypes {}\n}";
+declare const preset: Types.OutputPreset<HydrogenPresetConfig>;
 
-export { GqlTagConfig, interfaceExtensionCode, namespacedImportName, preset };
+export { HydrogenPresetConfig, defaultInterfaceExtensionCode, preset };

package/dist/esm/preset.js

@@ -1,13 +1,13 @@
 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 { plugin } from './plugin.js';
+import { GENERATED_QUERY_INTERFACE_NAME, GENERATED_MUTATION_INTERFACE_NAME, plugin } from './plugin.js';
 
-const namespacedImportName = "StorefrontAPI";
-const interfaceExtensionCode = `
+const defaultInterfaceExtensionCode = `
 declare module '@shopify/hydrogen' {
-  interface StorefrontQueries extends GeneratedQueryTypes {}
-  interface StorefrontMutations extends GeneratedMutationTypes {}
+  interface StorefrontQueries extends ${GENERATED_QUERY_INTERFACE_NAME} {}
+  interface StorefrontMutations extends ${GENERATED_MUTATION_INTERFACE_NAME} {}
 }`;
 const preset = {
   buildGeneratesSection: (options) => {
@@ -21,13 +21,22 @@ const preset = {
     }
     const sourcesWithOperations = processSources(options.documents);
     const sources = sourcesWithOperations.map(({ source }) => source);
+    const importTypes = options.presetConfig.importTypes ?? true;
+    const namespacedImportName = options.presetConfig.namespacedImportName ?? "StorefrontAPI";
+    const importTypesFrom = options.presetConfig.importTypesFrom ?? "@shopify/hydrogen/storefront-api-types";
+    const interfaceExtensionCode = options.presetConfig.interfaceExtension?.({
+      queryType: GENERATED_QUERY_INTERFACE_NAME,
+      mutationType: GENERATED_MUTATION_INTERFACE_NAME
+    }) ?? defaultInterfaceExtensionCode;
     const pluginMap = {
       ...options.pluginMap,
       [`add`]: addPlugin,
+      [`typescript`]: typescriptPlugin,
       [`typescript-operations`]: typescriptOperationPlugin,
       [`gen-dts`]: { plugin: plugin }
     };
     const plugins = [
+      // 1. Disable eslint for the generated file
       {
         [`add`]: {
           content: `/* eslint-disable eslint-comments/disable-enable-pair */
@@ -35,20 +44,36 @@ const preset = {
 /* eslint-disable */`
         }
       },
-      {
+      // 2. Import all the generated API types from Hydrogen or generate all the types from the schema.
+      importTypes ? {
         [`add`]: {
-          content: `import * as ${namespacedImportName} from '@shopify/hydrogen/storefront-api-types';
+          content: `import * as ${namespacedImportName} from '${importTypesFrom}';
 `
         }
+      } : {
+        [`typescript`]: {
+          useTypeImports: true,
+          useImplementingTypes: true,
+          enumsAsTypes: true
+        }
       },
+      // 3. Generate the operations (i.e. queries, mutations, and fragments types)
       {
         [`typescript-operations`]: {
-          skipTypename: true,
           useTypeImports: true,
-          preResolveTypes: false
+          // Use `import type` instead of `import`
+          preResolveTypes: false,
+          // Use Pick<...> instead of primitives
+          mergeFragmentTypes: true,
+          // Merge equal fragment interfaces. Avoids adding `| {}` to Metaobject
+          skipTypename: options.presetConfig.skipTypenameInOperations ?? true,
+          // Skip __typename fields
+          namespacedImportName: importTypes ? namespacedImportName : void 0
         }
       },
+      // 4.  Augment Hydrogen query/mutation interfaces with the generated operations
       { [`gen-dts`]: { sourcesWithOperations, interfaceExtensionCode } },
+      // 5. Custom plugins from the user
       ...options.plugins
     ];
     return [
@@ -58,8 +83,10 @@ const preset = {
         pluginMap,
         schema: options.schema,
         config: {
-          ...options.config,
-          namespacedImportName
+          // For the TS plugin:
+          defaultScalarType: "unknown",
+          // Allow overwriting defaults:
+          ...options.config
         },
         documents: sources,
         documentTransforms: options.documentTransforms
@@ -68,6 +95,6 @@ const preset = {
   }
 };
 
-export { interfaceExtensionCode, namespacedImportName, preset };
+export { defaultInterfaceExtensionCode, 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,+BAA+B;AAC3C,SAAQ,sBAAqB;AAC7B,SAAQ,UAAU,iBAAgB;AAI3B,MAAM,uBAAuB;AAE7B,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAM/B,MAAM,SAA2C;AAAA,EACtD,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,YAAY;AAAA,MAChB,GAAG,QAAQ;AAAA,MACX,CAAC,QAAQ;AAAA,MACT,CAAC,0BAA0B;AAAA,MAC3B,CAAC,YAAY,EAAC,QAAQ,UAAS;AAAA,IACjC;AAEA,UAAM,UAAyC;AAAA,MAE7C;AAAA,QACE,CAAC,QAAQ;AAAA,UACP,SAAS;AAAA;AAAA;AAAA,QACX;AAAA,MACF;AAAA,MAEA;AAAA,QACE,CAAC,QAAQ;AAAA,UACP,SAAS,eAAe;AAAA;AAAA,QAC1B;AAAA,MACF;AAAA,MAEA;AAAA,QACE,CAAC,0BAA0B;AAAA,UACzB,cAAc;AAAA,UACd,gBAAgB;AAAA,UAChB,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,MAEA,EAAC,CAAC,YAAY,EAAC,uBAAuB,uBAAsB,EAAC;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,UACN,GAAG,QAAQ;AAAA,UAEX;AAAA,QACF;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 typescriptOperationPlugin from '@graphql-codegen/typescript-operations';\nimport {processSources} from './sources.js';\nimport {plugin as dtsPlugin} from './plugin.js';\n\nexport type GqlTagConfig = {};\n\nexport const namespacedImportName = 'StorefrontAPI';\n\nexport const interfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface StorefrontQueries extends GeneratedQueryTypes {}\n  interface StorefrontMutations extends GeneratedMutationTypes {}\n}`;\n\nexport const preset: Types.OutputPreset<GqlTagConfig> = {\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 pluginMap = {\n      ...options.pluginMap,\n      [`add`]: addPlugin,\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\n      {\n        [`add`]: {\n          content: `import * as ${namespacedImportName} from '@shopify/hydrogen/storefront-api-types';\\n`,\n        },\n      },\n      // 3. Generate the operations (i.e. queries, mutations, and fragments types)\n      {\n        [`typescript-operations`]: {\n          skipTypename: true, // Skip __typename fields\n          useTypeImports: true, // Use `import type` instead of `import`\n          preResolveTypes: false, // Use Pick<...> instead of primitives\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          ...options.config,\n          // This is for the operations plugin\n          namespacedImportName,\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;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"]}

package/dist/esm/schema.js

@@ -4,10 +4,6 @@ let staticSchema = "";
 try {
   staticSchema = getSchema();
 } catch (error) {
-  console.warn(
-    "[hydrogen-codegen] storefront.schema.json not found. Is `@shopify/hydrogen` installed?\n",
-    error.message
-  );
 }
 const schema = staticSchema;
 

package/dist/esm/schema.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/schema.ts"],"names":[],"mappings":"AACA;AACO,MAAM,YAAY,MACP;AAElB,IAAI,eAAe;AAEnB,IAAI;AACF,iBAAe,UAAU;AAC3B,SAAS,OAAP;AAGA,UAAQ;AAAA,IACN;AAAA,IACC,MAAgB;AAAA,EACnB;AACF;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  console.warn(\n    '[hydrogen-codegen] storefront.schema.json not found. Is `@shopify/hydrogen` installed?\\n',\n    (error as Error).message,\n  );\n}\n\nexport const schema = staticSchema;\n"]}
+{"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"]}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "0.0.1",
+  "version": "0.1.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -12,8 +12,8 @@
   "types": "dist/esm/index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "build": "tsup --clean --config ./tsup.config.ts",
-    "dev": "tsup --watch --config ./tsup.config.ts",
+    "build": "tsup --clean",
+    "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
     "test": "cross-env SHOPIFY_UNIT_TEST=1 vitest run",
     "test:watch": "cross-env SHOPIFY_UNIT_TEST=1 vitest"
@@ -25,6 +25,12 @@
       "import": "./dist/esm/index.js",
       "default": "./dist/esm/index.js"
     },
+    "./patch": {
+      "types": "./dist/esm/patch.d.ts",
+      "require": "./dist/cjs/patch.cjs",
+      "import": "./dist/esm/patch.js",
+      "default": "./dist/esm/patch.js"
+    },
     "./package.json": "./package.json"
   },
   "repository": {
@@ -37,13 +43,15 @@
     "vendor"
   ],
   "devDependencies": {
-    "@graphql-codegen/cli": "3.3.1",
-    "@graphql-codegen/plugin-helpers": "^4.1.0",
-    "@graphql-tools/utils": "^9.0.0"
+    "@graphql-codegen/cli": "^5.0.0",
+    "@graphql-codegen/plugin-helpers": "^5.0.0",
+    "@graphql-tools/utils": "^10.0.3",
+    "vitest": "^0.33.0"
   },
   "dependencies": {
-    "@graphql-codegen/add": "^4.0.1",
-    "@graphql-codegen/typescript-operations": "^3.0.1"
+    "@graphql-codegen/add": "^5.0.0",
+    "@graphql-codegen/typescript": "^4.0.1",
+    "@graphql-codegen/typescript-operations": "^4.0.1"
   },
   "peerDependencies": {
     "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"

package/vendor/graphql-tag-pluck/visitor.cjs

@@ -1,8 +1,8 @@
 'use strict';
 Object.defineProperty(exports, '__esModule', {value: true});
-const utils_js_1 = require('./utils.js');
 const types_1 = require('@babel/types');
 const utils_1 = require('@graphql-tools/utils');
+const utils_js_1 = require('./utils.js');
 const defaults = {
   modules: [
     {

package/vendor/graphql-tag-pluck/visitor.mjs

@@ -1,14 +1,14 @@
-import {freeText} from './utils.js';
 import {
-  isVariableDeclarator,
   isIdentifier,
-  isTemplateLiteral,
   isImportDefaultSpecifier,
   isImportSpecifier,
+  isTemplateLiteral,
   isTSAsExpression,
   isTSTypeReference,
+  isVariableDeclarator,
 } from '@babel/types';
 import {asArray} from '@graphql-tools/utils';
+import {freeText} from './utils.js';
 const defaults = {
   modules: [
     {