@shopify/hydrogen-codegen 0.0.0-next-112ac42-20230517085234

package/dist/cjs/index.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var preset_js = require('./preset.cjs');
+var plugin_js = require('./plugin.cjs');
+var schema_js = require('./schema.cjs');
+var sources_js = require('./sources.cjs');
+var pluck_js = require('./pluck.cjs');
+
+
+
+Object.defineProperty(exports, 'preset', {
+  enumerable: true,
+  get: function () { return preset_js.preset; }
+});
+Object.defineProperty(exports, 'plugin', {
+  enumerable: true,
+  get: function () { return plugin_js.plugin; }
+});
+Object.defineProperty(exports, 'getSchema', {
+  enumerable: true,
+  get: function () { return schema_js.getSchema; }
+});
+Object.defineProperty(exports, 'schema', {
+  enumerable: true,
+  get: function () { return schema_js.schema; }
+});
+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; }
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

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

package/dist/cjs/pluck.cjs

@@ -0,0 +1,49 @@
+'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 = {
+  isGqlTemplateLiteral: (node, options) => {
+    const hasInternalGqlComment = node.type === "TemplateLiteral" && /\s*#graphql\s*\n/i.test(node.quasis[0]?.value?.raw || "");
+    if (hasInternalGqlComment)
+      return true;
+    const { leadingComments } = node;
+    const leadingComment = leadingComments?.[leadingComments?.length - 1];
+    const leadingCommentValue = leadingComment?.value?.trim().toLowerCase();
+    return leadingCommentValue === options?.gqlMagicComment;
+  },
+  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;
+    const codeBeforeNode = code.slice(0, chunkStart);
+    const [, varName] = codeBeforeNode.match(/\s(\w+)\s*=\s*$/) || [];
+    if (varName) {
+      gqlTemplate += "#VAR_NAME=" + varName;
+    }
+    return gqlTemplate;
+  }
+};
+
+exports.patchGqlPluck = patchGqlPluck;
+exports.pluckConfig = pluckConfig;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=pluck.cjs.map

package/dist/cjs/pluck.cjs.map

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

package/dist/cjs/plugin.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+const plugin = (_, __, { sourcesWithOperations, interfaceExtensionCode }, _info) => {
+  const code = getDocumentRegistryChunk(sourcesWithOperations);
+  code.push(interfaceExtensionCode);
+  return code.join("") + "\n";
+};
+const isMutationRE = /(^|}\s|\n\s*)mutation[\s({]/im;
+const normalizeOperation = (rawSDL, variablesMap) => {
+  let variableNotFound = false;
+  while (/#REQUIRED_VAR=/.test(rawSDL) && !variableNotFound) {
+    let requiredVariables = rawSDL.matchAll(/#REQUIRED_VAR=(\w+)/g);
+    for (const [match, variableName] of requiredVariables) {
+      if (variablesMap.has(variableName)) {
+        rawSDL = rawSDL.replace(match, variablesMap.get(variableName));
+      } else {
+        variableNotFound = true;
+        console.error(
+          new Error(
+            `Variable "${variableName}" not found. This might be a bug in hydrogen-codegen, please report it.`
+          )
+        );
+      }
+    }
+  }
+  return rawSDL;
+};
+const buildTypeLines = (name, operations) => {
+  const lines = [`interface Generated${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(" & ")}},
+`
+    );
+  }
+  lines.push(`}
+`);
+  return lines;
+};
+function getDocumentRegistryChunk(sourcesWithOperations = []) {
+  const queries = /* @__PURE__ */ new Map();
+  const mutations = /* @__PURE__ */ new Map();
+  const variablesMap = /* @__PURE__ */ new Map();
+  for (const { source } of sourcesWithOperations) {
+    const variableName = source.rawSDL?.match(/#VAR_NAME=(\w+)/)?.[1];
+    if (variableName) {
+      source.rawSDL = source.rawSDL.replace(/#VAR_NAME=\w+$/, "");
+      variablesMap.set(variableName, source.rawSDL);
+    }
+  }
+  for (const { operations, source } of sourcesWithOperations) {
+    const actualOperations = operations.filter(
+      (op) => op.definition.kind === "OperationDefinition"
+    );
+    if (actualOperations.length === 0)
+      continue;
+    const sdlString = source.rawSDL;
+    const target = isMutationRE.test(sdlString) ? mutations : queries;
+    target.set(
+      normalizeOperation(sdlString, variablesMap),
+      actualOperations.map((o) => o.initialName)
+    );
+  }
+  return [
+    ...buildTypeLines("QueryTypes", queries),
+    "\n",
+    ...buildTypeLines("MutationTypes", mutations)
+  ];
+}
+
+exports.plugin = plugin;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=plugin.cjs.map

package/dist/cjs/plugin.cjs.map

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

package/dist/cjs/preset.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+var addPlugin = require('@graphql-codegen/add');
+var typescriptOperationPlugin = require('@graphql-codegen/typescript-operations');
+var sources_js = require('./sources.cjs');
+var plugin_js = require('./plugin.cjs');
+var schema_js = require('./schema.cjs');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var addPlugin__namespace = /*#__PURE__*/_interopNamespaceDefault(addPlugin);
+var typescriptOperationPlugin__namespace = /*#__PURE__*/_interopNamespaceDefault(typescriptOperationPlugin);
+
+const namespacedImportName = "StorefrontAPI";
+const interfaceExtensionCode = `
+declare module '@shopify/hydrogen' {
+  interface QueryTypes extends GeneratedQueryTypes {}
+  interface MutationTypes extends GeneratedMutationTypes {}
+}`;
+const preset = {
+  buildGeneratesSection: (options) => {
+    if (!options.baseOutputDir.endsWith(".d.ts")) {
+      throw new Error("[hydrogen-preset] target output should be a .d.ts file");
+    }
+    if (options.plugins?.length > 0 && Object.keys(options.plugins).some((p) => p.startsWith("typescript"))) {
+      throw new Error(
+        "[hydrogen-preset] providing additional typescript-based `plugins` leads to duplicated generated types"
+      );
+    }
+    const sourcesWithOperations = sources_js.processSources(options.documents);
+    const sources = sourcesWithOperations.map(({ source }) => source);
+    const pluginMap = {
+      ...options.pluginMap,
+      [`add`]: addPlugin__namespace,
+      [`typescript-operations`]: typescriptOperationPlugin__namespace,
+      [`gen-dts`]: { plugin: plugin_js.plugin }
+    };
+    const plugins = [
+      {
+        [`add`]: {
+          content: `/* eslint-disable eslint-comments/disable-enable-pair */
+/* eslint-disable eslint-comments/no-unlimited-disable */
+/* eslint-disable */`
+        }
+      },
+      {
+        [`add`]: {
+          content: `import * as ${namespacedImportName} from '@shopify/hydrogen/storefront-api-types';
+`
+        }
+      },
+      {
+        [`typescript-operations`]: {
+          skipTypename: true,
+          useTypeImports: true,
+          preResolveTypes: false
+        }
+      },
+      { [`gen-dts`]: { sourcesWithOperations, interfaceExtensionCode } },
+      ...options.plugins
+    ];
+    return [
+      {
+        filename: options.baseOutputDir,
+        plugins,
+        pluginMap,
+        schema: options.schema || schema_js.getSchema(),
+        config: {
+          ...options.config,
+          namespacedImportName
+        },
+        documents: sources,
+        documentTransforms: options.documentTransforms
+      }
+    ];
+  }
+};
+
+exports.interfaceExtensionCode = interfaceExtensionCode;
+exports.namespacedImportName = namespacedImportName;
+exports.preset = preset;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=preset.cjs.map

package/dist/cjs/preset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preset.ts"],"names":[],"mappings":"AACA,YAAY,eAAe;AAC3B,YAAY,+BAA+B;AAC3C,SAAQ,sBAAqB;AAC7B,SAAQ,UAAU,iBAAgB;AAClC,SAAQ,iBAAgB;AAIjB,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,UAAU,UAAU;AAAA,QACpC,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';\nimport {getSchema} from './schema.js';\n\nexport type GqlTagConfig = {};\n\nexport const namespacedImportName = 'StorefrontAPI';\n\nexport const interfaceExtensionCode = `\ndeclare module '@shopify/hydrogen' {\n  interface QueryTypes extends GeneratedQueryTypes {}\n  interface MutationTypes 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 || getSchema(),\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"]}

package/dist/cjs/schema.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+//! import {createRequire} from 'module'; const require = createRequire(import.meta.url);
+const getSchema = () => require.resolve("@shopify/hydrogen-react/storefront.schema.json");
+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;
+
+exports.getSchema = getSchema;
+exports.schema = schema;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=schema.cjs.map

package/dist/cjs/schema.cjs.map

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

package/dist/cjs/sources.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+const capitalizeQueries = (node) => {
+  if (node.kind === "FragmentDefinition") {
+    return "not used";
+  }
+  return capitalize(node.name.value) + capitalize(node.operation);
+};
+function processSources(sources, buildName = capitalizeQueries) {
+  const sourcesWithOperations = [];
+  for (const originalSource of sources) {
+    const source = fixLinebreaks(originalSource);
+    const { document } = source;
+    const operations = [];
+    for (const definition of document?.definitions ?? []) {
+      if (definition?.kind !== "OperationDefinition" && definition?.kind !== "FragmentDefinition")
+        continue;
+      if (definition.name?.kind !== `Name`)
+        continue;
+      operations.push({
+        initialName: buildName(definition),
+        definition
+      });
+    }
+    if (operations.length === 0)
+      continue;
+    sourcesWithOperations.push({
+      source,
+      operations
+    });
+  }
+  return sourcesWithOperations;
+}
+function fixLinebreaks(source) {
+  const fixedSource = { ...source };
+  fixedSource.rawSDL = source.rawSDL?.replace(/\r\n/g, "\n");
+  return fixedSource;
+}
+
+exports.processSources = processSources;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=sources.cjs.map

package/dist/cjs/sources.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sources.ts"],"names":[],"mappings":"AAIA,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,oBAAoB,CACxB,SACG;AACH,MAAI,KAAK,SAAS,sBAAsB;AACtC,WAAO;AAAA,EACT;AAKA,SAAO,WAAW,KAAK,KAAM,KAAK,IAAI,WAAW,KAAK,SAAS;AACjE;AAEO,SAAS,eACd,SACA,YAAY,mBACZ;AACA,QAAM,wBAAqD,CAAC;AAE5D,aAAW,kBAAkB,SAAS;AACpC,UAAM,SAAS,cAAc,cAAc;AAC3C,UAAM,EAAC,SAAQ,IAAI;AACnB,UAAM,aAAyC,CAAC;AAEhD,eAAW,cAAc,UAAU,eAAe,CAAC,GAAG;AACpD,UACE,YAAY,SAAS,yBACrB,YAAY,SAAS;AAErB;AAEF,UAAI,WAAW,MAAM,SAAS;AAAQ;AAEtC,iBAAW,KAAK;AAAA,QACd,aAAa,UAAU,UAAU;AAAA,QACjC;AAAA,MACF,CAAC;AAAA,IACH;AAEA,QAAI,WAAW,WAAW;AAAG;AAE7B,0BAAsB,KAAK;AAAA,MACzB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AA6CA,SAAS,cAAc,QAAgB;AACrC,QAAM,cAAc,EAAC,GAAG,OAAM;AAE9B,cAAY,SAAS,OAAO,QAAQ,QAAQ,SAAS,IAAI;AAEzD,SAAO;AACT","sourcesContent":["import type {OperationOrFragment, SourceWithOperations} from './plugin.js';\nimport type {Source} from '@graphql-tools/utils';\nimport type {FragmentDefinitionNode, OperationDefinitionNode} from 'graphql';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst capitalizeQueries = (\n  node: OperationDefinitionNode | FragmentDefinitionNode,\n) => {\n  if (node.kind === 'FragmentDefinition') {\n    return 'not used';\n  }\n\n  // Match the names generated by typescript-operations plugin:\n  // e.g. 'query Hello {...}' => HelloQuery\n  // -- Anonymous queries are not supported.\n  return capitalize(node.name!.value) + capitalize(node.operation);\n};\n\nexport function processSources(\n  sources: Array<Source>,\n  buildName = capitalizeQueries,\n) {\n  const sourcesWithOperations: Array<SourceWithOperations> = [];\n\n  for (const originalSource of sources) {\n    const source = fixLinebreaks(originalSource);\n    const {document} = source;\n    const operations: Array<OperationOrFragment> = [];\n\n    for (const definition of document?.definitions ?? []) {\n      if (\n        definition?.kind !== 'OperationDefinition' &&\n        definition?.kind !== 'FragmentDefinition'\n      )\n        continue;\n\n      if (definition.name?.kind !== `Name`) continue;\n\n      operations.push({\n        initialName: buildName(definition),\n        definition,\n      });\n    }\n\n    if (operations.length === 0) continue;\n\n    sourcesWithOperations.push({\n      source,\n      operations,\n    });\n  }\n\n  return sourcesWithOperations;\n}\n\n/**\n * https://github.com/dotansimha/graphql-code-generator/issues/7362\n *\n * Source file is read by @graphql/tools using fs.promises.readFile,\n * which means that the linebreaks are read as-is and the result will be different\n * depending on the OS: it will contain LF (\\n) on Linux/MacOS and CRLF (\\r\\n) on Windows.\n *\n * In most scenarios that would be OK. However, gql-tag-operation is using the resulting string\n * as a TypeScript type. Which means that the string will be compared against a template literal,\n * for example:\n *\n * <pre><code>\n * `\n * query a {\n *    a\n *  }\n * ` === '\\n query a {\\n    a\\n  }\\n '\n * </code></pre>\n *\n * According to clause 12.8.6.2 of ECMAScript Language Specification\n * (https://tc39.es/ecma262/#sec-static-semantics-trv),\n * when comparing strings, JavaScript doesn't care which linebreaks does the source file contain,\n * any linebreak (CR, LF or CRLF) is LF from JavaScript standpoint\n * (otherwise the result of the above comparison would be OS-dependent, which doesn't make sense).\n *\n * Therefore gql-tag-operation would break on Windows as it would generate\n *\n * '\\r\\n query a {\\r\\n    a\\r\\n  }\\r\\n '\n *\n * which is NOT equal to\n *\n * <pre><code>\n * `\n * query a {\n *    a\n *  }\n * `\n * </code></pre>\n *\n * Therefore we need to replace \\r\\n with \\n in the string.\n *\n * @param source\n */\nfunction fixLinebreaks(source: Source) {\n  const fixedSource = {...source};\n\n  fixedSource.rawSDL = source.rawSDL?.replace(/\\r\\n/g, '\\n');\n\n  return fixedSource;\n}\n"]}

package/dist/esm/index.d.ts

@@ -0,0 +1,8 @@
+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';
+import '@graphql-codegen/plugin-helpers';
+import '@graphql-tools/utils';
+import 'graphql';

package/dist/esm/index.js

@@ -0,0 +1,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';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/pluck.d.ts

@@ -0,0 +1,23 @@
+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
+ */
+declare const pluckConfig: {
+    /**
+     * Hook to determine if a node is a gql template literal.
+     * By default, graphql-tag-pluck only looks for leading comments or `gql` tag.
+     */
+    isGqlTemplateLiteral: (node: any, options: any) => boolean;
+    /**
+     * Instruct how to extract the gql template literal from the code.
+     * By default, embedded expressions in template literals (e.g. ${foo})
+     * are removed from the template string. This hook allows us to annotate
+     * the template string with the required embedded expressions instead of
+     * removing them. Later, we can use this information to reconstruct the
+     * embedded expressions.
+     */
+    pluckStringFromFile: (code: string, { start, end, leadingComments }: any) => string;
+};
+
+export { patchGqlPluck, pluckConfig };

package/dist/esm/pluck.js

@@ -0,0 +1,46 @@
+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 = {
+  isGqlTemplateLiteral: (node, options) => {
+    const hasInternalGqlComment = node.type === "TemplateLiteral" && /\s*#graphql\s*\n/i.test(node.quasis[0]?.value?.raw || "");
+    if (hasInternalGqlComment)
+      return true;
+    const { leadingComments } = node;
+    const leadingComment = leadingComments?.[leadingComments?.length - 1];
+    const leadingCommentValue = leadingComment?.value?.trim().toLowerCase();
+    return leadingCommentValue === options?.gqlMagicComment;
+  },
+  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;
+    const codeBeforeNode = code.slice(0, chunkStart);
+    const [, varName] = codeBeforeNode.match(/\s(\w+)\s*=\s*$/) || [];
+    if (varName) {
+      gqlTemplate += "#VAR_NAME=" + varName;
+    }
+    return gqlTemplate;
+  }
+};
+
+export { patchGqlPluck, pluckConfig };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=pluck.js.map

package/dist/esm/pluck.js.map

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

package/dist/esm/plugin.d.ts

@@ -0,0 +1,18 @@
+import { PluginFunction } from '@graphql-codegen/plugin-helpers';
+import { Source } from '@graphql-tools/utils';
+import { OperationDefinitionNode, FragmentDefinitionNode } from 'graphql';
+
+type OperationOrFragment = {
+    initialName: string;
+    definition: OperationDefinitionNode | FragmentDefinitionNode;
+};
+type SourceWithOperations = {
+    source: Source;
+    operations: Array<OperationOrFragment>;
+};
+declare const plugin: PluginFunction<{
+    sourcesWithOperations: Array<SourceWithOperations>;
+    interfaceExtensionCode: string;
+}>;
+
+export { OperationOrFragment, SourceWithOperations, plugin };

package/dist/esm/plugin.js

@@ -0,0 +1,72 @@
+const plugin = (_, __, { sourcesWithOperations, interfaceExtensionCode }, _info) => {
+  const code = getDocumentRegistryChunk(sourcesWithOperations);
+  code.push(interfaceExtensionCode);
+  return code.join("") + "\n";
+};
+const isMutationRE = /(^|}\s|\n\s*)mutation[\s({]/im;
+const normalizeOperation = (rawSDL, variablesMap) => {
+  let variableNotFound = false;
+  while (/#REQUIRED_VAR=/.test(rawSDL) && !variableNotFound) {
+    let requiredVariables = rawSDL.matchAll(/#REQUIRED_VAR=(\w+)/g);
+    for (const [match, variableName] of requiredVariables) {
+      if (variablesMap.has(variableName)) {
+        rawSDL = rawSDL.replace(match, variablesMap.get(variableName));
+      } else {
+        variableNotFound = true;
+        console.error(
+          new Error(
+            `Variable "${variableName}" not found. This might be a bug in hydrogen-codegen, please report it.`
+          )
+        );
+      }
+    }
+  }
+  return rawSDL;
+};
+const buildTypeLines = (name, operations) => {
+  const lines = [`interface Generated${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(" & ")}},
+`
+    );
+  }
+  lines.push(`}
+`);
+  return lines;
+};
+function getDocumentRegistryChunk(sourcesWithOperations = []) {
+  const queries = /* @__PURE__ */ new Map();
+  const mutations = /* @__PURE__ */ new Map();
+  const variablesMap = /* @__PURE__ */ new Map();
+  for (const { source } of sourcesWithOperations) {
+    const variableName = source.rawSDL?.match(/#VAR_NAME=(\w+)/)?.[1];
+    if (variableName) {
+      source.rawSDL = source.rawSDL.replace(/#VAR_NAME=\w+$/, "");
+      variablesMap.set(variableName, source.rawSDL);
+    }
+  }
+  for (const { operations, source } of sourcesWithOperations) {
+    const actualOperations = operations.filter(
+      (op) => op.definition.kind === "OperationDefinition"
+    );
+    if (actualOperations.length === 0)
+      continue;
+    const sdlString = source.rawSDL;
+    const target = isMutationRE.test(sdlString) ? mutations : queries;
+    target.set(
+      normalizeOperation(sdlString, variablesMap),
+      actualOperations.map((o) => o.initialName)
+    );
+  }
+  return [
+    ...buildTypeLines("QueryTypes", queries),
+    "\n",
+    ...buildTypeLines("MutationTypes", mutations)
+  ];
+}
+
+export { plugin };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=plugin.js.map

package/dist/esm/plugin.js.map

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

package/dist/esm/preset.d.ts

@@ -0,0 +1,8 @@
+import { Types } from '@graphql-codegen/plugin-helpers';
+
+type GqlTagConfig = {};
+declare const namespacedImportName = "StorefrontAPI";
+declare const interfaceExtensionCode = "\ndeclare module '@shopify/hydrogen' {\n  interface QueryTypes extends GeneratedQueryTypes {}\n  interface MutationTypes extends GeneratedMutationTypes {}\n}";
+declare const preset: Types.OutputPreset<GqlTagConfig>;
+
+export { GqlTagConfig, interfaceExtensionCode, namespacedImportName, preset };