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

package/dist/esm/preset.js

@@ -0,0 +1,74 @@
+import * as addPlugin from '@graphql-codegen/add';
+import * as typescriptOperationPlugin from '@graphql-codegen/typescript-operations';
+import { processSources } from './sources.js';
+import { plugin } from './plugin.js';
+import { getSchema } from './schema.js';
+
+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 = processSources(options.documents);
+    const sources = sourcesWithOperations.map(({ source }) => source);
+    const pluginMap = {
+      ...options.pluginMap,
+      [`add`]: addPlugin,
+      [`typescript-operations`]: typescriptOperationPlugin,
+      [`gen-dts`]: { plugin: 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 || getSchema(),
+        config: {
+          ...options.config,
+          namespacedImportName
+        },
+        documents: sources,
+        documentTransforms: options.documentTransforms
+      }
+    ];
+  }
+};
+
+export { interfaceExtensionCode, namespacedImportName, preset };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=preset.js.map

package/dist/esm/preset.js.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/esm/schema.d.ts

@@ -0,0 +1,4 @@
+declare const getSchema: () => string;
+declare const schema: string;
+
+export { getSchema, schema };

package/dist/esm/schema.js

@@ -0,0 +1,16 @@
+ 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;
+
+export { getSchema, schema };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=schema.js.map

package/dist/esm/schema.js.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/esm/sources.d.ts

@@ -0,0 +1,8 @@
+import { SourceWithOperations } from './plugin.js';
+import { Source } from '@graphql-tools/utils';
+import { OperationDefinitionNode, FragmentDefinitionNode } from 'graphql';
+import '@graphql-codegen/plugin-helpers';
+
+declare function processSources(sources: Array<Source>, buildName?: (node: OperationDefinitionNode | FragmentDefinitionNode) => string): SourceWithOperations[];
+
+export { processSources };

package/dist/esm/sources.js

@@ -0,0 +1,41 @@
+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;
+}
+
+export { processSources };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=sources.js.map

package/dist/esm/sources.js.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/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@shopify/hydrogen-codegen",
+  "publishConfig": {
+    "access": "public",
+    "@shopify:registry": "https://registry.npmjs.org"
+  },
+  "version": "0.0.0-next-112ac42-20230517085234",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "type": "module",
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup --clean --config ./tsup.config.ts",
+    "dev": "tsup --watch --config ./tsup.config.ts",
+    "typecheck": "tsc --noEmit",
+    "test": "cross-env SHOPIFY_UNIT_TEST=1 vitest run",
+    "test:watch": "cross-env SHOPIFY_UNIT_TEST=1 vitest"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "require": "./dist/cjs/index.cjs",
+      "import": "./dist/esm/index.js",
+      "default": "./dist/esm/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/shopify/hydrogen.git",
+    "directory": "packages/hydrogen-codegen"
+  },
+  "files": [
+    "dist",
+    "vendor"
+  ],
+  "devDependencies": {
+    "@graphql-codegen/cli": "3.3.1",
+    "@graphql-codegen/plugin-helpers": "^4.1.0",
+    "@graphql-tools/utils": "^9.0.0"
+  },
+  "dependencies": {
+    "@graphql-codegen/add": "^4.0.1",
+    "@graphql-codegen/typescript-operations": "^3.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

@@ -0,0 +1,377 @@
+'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 defaults = {
+  modules: [
+    {
+      name: 'graphql-tag',
+    },
+    {
+      name: 'graphql-tag.macro',
+    },
+    {
+      name: '@apollo/client',
+      identifier: 'gql',
+    },
+    {
+      name: '@apollo/client/core',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-angular',
+      identifier: 'gql',
+    },
+    {
+      name: 'gatsby',
+      identifier: 'graphql',
+    },
+    {
+      name: 'apollo-server-express',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-server',
+      identifier: 'gql',
+    },
+    {
+      name: 'react-relay',
+      identifier: 'graphql',
+    },
+    {
+      name: 'react-relay/hooks',
+      identifier: 'graphql',
+    },
+    {
+      name: 'relay-runtime',
+      identifier: 'graphql',
+    },
+    {
+      name: 'babel-plugin-relay/macro',
+      identifier: 'graphql',
+    },
+    {
+      name: 'apollo-boost',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-server-koa',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-server-hapi',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-server-fastify',
+      identifier: 'gql',
+    },
+    {
+      name: ' apollo-server-lambda',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-server-micro',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-server-azure-functions',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-server-cloud-functions',
+      identifier: 'gql',
+    },
+    {
+      name: 'apollo-server-cloudflare',
+      identifier: 'gql',
+    },
+    {
+      name: 'graphql.macro',
+      identifier: 'gql',
+    },
+    {
+      name: '@urql/core',
+      identifier: 'gql',
+    },
+    {
+      name: 'urql',
+      identifier: 'gql',
+    },
+    {
+      name: '@urql/preact',
+      identifier: 'gql',
+    },
+    {
+      name: '@urql/svelte',
+      identifier: 'gql',
+    },
+    {
+      name: '@urql/vue',
+      identifier: 'gql',
+    },
+  ],
+  gqlMagicComment: 'graphql',
+  globalGqlIdentifierName: ['gql', 'graphql'],
+};
+function defaultPluckStringFromFile(code, {start, end}, options = {}) {
+  return (0, utils_js_1.freeText)(
+    code
+      // Slice quotes
+      .slice(start + 1, end - 1)
+      // Erase string interpolations as we gonna export everything as a single
+      // string anyway
+      .replace(/\$\{[^}]*\}/g, '')
+      .split('\\`')
+      .join('`'),
+    options.skipIndent,
+  );
+}
+function defaultIsGqlTemplateLiteral(node, options) {
+  const leadingComments = node.leadingComments;
+  if (!leadingComments) {
+    return;
+  }
+  if (!leadingComments.length) {
+    return;
+  }
+  const leadingComment = leadingComments[leadingComments.length - 1];
+  const leadingCommentValue = leadingComment.value.trim().toLowerCase();
+  if (leadingCommentValue === options.gqlMagicComment) {
+    return true;
+  }
+  return false;
+}
+exports.default = (code, out, options = {}) => {
+  // Apply defaults to options
+  let {
+    modules = [],
+    globalGqlIdentifierName,
+    gqlMagicComment,
+    skipIndent,
+    isGqlTemplateLiteral = defaultIsGqlTemplateLiteral,
+    pluckStringFromFile = defaultPluckStringFromFile,
+  } = {
+    ...defaults,
+    ...options,
+  };
+  // Prevent case related potential errors
+  gqlMagicComment = gqlMagicComment.toLowerCase();
+  // normalize `name` and `identifier` values
+  modules = modules.map((mod) => {
+    return {
+      name: mod.name,
+      identifier: mod.identifier && mod.identifier.toLowerCase(),
+    };
+  });
+  globalGqlIdentifierName = (0, utils_1.asArray)(globalGqlIdentifierName).map(
+    (s) => s.toLowerCase(),
+  );
+  const hooksOptions = {
+    skipIndent,
+    gqlMagicComment,
+    modules,
+    globalGqlIdentifierName,
+  };
+  // Keep imported identifiers
+  // import gql from 'graphql-tag' -> gql
+  // import { graphql } from 'gatsby' -> graphql
+  // Will result with ['gql', 'graphql']
+  const definedIdentifierNames = [];
+  const alreadyProcessedOperationsCache = new Set();
+  // Will accumulate all template literals
+  const gqlTemplateLiterals = [];
+  // Check if package is registered
+  function isValidPackage(name) {
+    return modules.some(
+      (pkg) =>
+        pkg.name && name && pkg.name.toLowerCase() === name.toLowerCase(),
+    );
+  }
+  // Check if identifier is defined and imported from registered packages
+  function isValidIdentifier(name) {
+    return (
+      definedIdentifierNames.some((id) => id === name) ||
+      globalGqlIdentifierName.includes(name)
+    );
+  }
+  const addTemplateLiteralToResult = (content) => {
+    const cacheKey = `end/${content.end}/start/${content.start}/${content.content}`;
+    if (alreadyProcessedOperationsCache.has(cacheKey)) {
+      return;
+    }
+    alreadyProcessedOperationsCache.add(cacheKey);
+    gqlTemplateLiterals.push(content);
+  };
+  // Push all template literals leaded by graphql magic comment
+  // e.g. /* GraphQL */ `query myQuery {}` -> query myQuery {}
+  const pluckMagicTemplateLiteral = (node, takeExpression = false) => {
+    if (!isGqlTemplateLiteral(node, hooksOptions)) {
+      return;
+    }
+    const nodeToUse = takeExpression ? node.expression : node;
+    const gqlTemplateLiteral = pluckStringFromFile(
+      code,
+      nodeToUse,
+      hooksOptions,
+    );
+    if (gqlTemplateLiteral) {
+      addTemplateLiteralToResult({
+        content: gqlTemplateLiteral,
+        loc: node.loc,
+        end: node.end,
+        start: node.start,
+      });
+    }
+  };
+  const visitor = {
+    CallExpression: {
+      enter(path) {
+        // Find the identifier name used from graphql-tag, commonJS
+        // e.g. import gql from 'graphql-tag' -> gql
+        const arg0 = path.node.arguments[0];
+        if (
+          'name' in path.node.callee &&
+          path.node.callee.name === 'require' &&
+          'value' in arg0 &&
+          typeof arg0.value === 'string' &&
+          isValidPackage(arg0.value)
+        ) {
+          if (!(0, types_1.isVariableDeclarator)(path.parent)) {
+            return;
+          }
+          if (!(0, types_1.isIdentifier)(path.parent.id)) {
+            return;
+          }
+          definedIdentifierNames.push(path.parent.id.name);
+          return;
+        }
+        // Checks to see if a node represents a typescript '<expression> as const' expression
+        function isTSAsConstExpression(node) {
+          return (
+            (0, types_1.isTSAsExpression)(node) &&
+            (0, types_1.isTSTypeReference)(node.typeAnnotation) &&
+            (0, types_1.isIdentifier)(node.typeAnnotation.typeName) &&
+            node.typeAnnotation.typeName.name === 'const'
+          );
+        }
+        // Extract template literal from as const expression if applicable
+        // e.g. gql(`query myQuery {}` as const)
+        const unwrappedExpression = isTSAsConstExpression(arg0)
+          ? arg0.expression
+          : arg0;
+        // Push strings template literals to gql calls
+        // e.g. gql(`query myQuery {}`) -> query myQuery {}
+        if (
+          (0, types_1.isIdentifier)(path.node.callee) &&
+          isValidIdentifier(path.node.callee.name) &&
+          (0, types_1.isTemplateLiteral)(unwrappedExpression)
+        ) {
+          const {start, end, loc} = unwrappedExpression;
+          if (start != null && end != null && start != null && loc != null) {
+            const gqlTemplateLiteral = pluckStringFromFile(
+              code,
+              unwrappedExpression,
+              hooksOptions,
+            );
+            // If the entire template was made out of interpolations it should be an empty
+            // string by now and thus should be ignored
+            if (gqlTemplateLiteral) {
+              addTemplateLiteralToResult({
+                content: gqlTemplateLiteral,
+                loc,
+                end,
+                start,
+              });
+            }
+          }
+        }
+      },
+    },
+    ImportDeclaration: {
+      enter(path) {
+        // Find the identifier name used from graphql-tag, es6
+        // e.g. import gql from 'graphql-tag' -> gql
+        if (!isValidPackage(path.node.source.value)) {
+          return;
+        }
+        const moduleNode = modules.find(
+          (pkg) =>
+            pkg.name.toLowerCase() === path.node.source.value.toLowerCase(),
+        );
+        if (moduleNode == null) {
+          return;
+        }
+        const gqlImportSpecifier = path.node.specifiers.find(
+          (importSpecifier) => {
+            // When it's a default import and registered package has no named identifier
+            if (
+              (0, types_1.isImportDefaultSpecifier)(importSpecifier) &&
+              !moduleNode.identifier
+            ) {
+              return true;
+            }
+            // When it's a named import that matches registered package's identifier
+            if (
+              (0, types_1.isImportSpecifier)(importSpecifier) &&
+              'name' in importSpecifier.imported &&
+              importSpecifier.imported.name === moduleNode.identifier
+            ) {
+              return true;
+            }
+            return false;
+          },
+        );
+        if (!gqlImportSpecifier) {
+          return;
+        }
+        definedIdentifierNames.push(gqlImportSpecifier.local.name);
+      },
+    },
+    ExpressionStatement: {
+      exit(path) {
+        // Push all template literals leaded by graphql magic comment
+        // e.g. /* GraphQL */ `query myQuery {}` -> query myQuery {}
+        if (!(0, types_1.isTemplateLiteral)(path.node.expression)) {
+          return;
+        }
+        pluckMagicTemplateLiteral(path.node, true);
+      },
+    },
+    TemplateLiteral: {
+      exit(path) {
+        pluckMagicTemplateLiteral(path.node);
+      },
+    },
+    TaggedTemplateExpression: {
+      exit(path) {
+        // Push all template literals provided to the found identifier name
+        // e.g. gql `query myQuery {}` -> query myQuery {}
+        if (
+          !(0, types_1.isIdentifier)(path.node.tag) ||
+          !isValidIdentifier(path.node.tag.name)
+        ) {
+          return;
+        }
+        const gqlTemplateLiteral = pluckStringFromFile(
+          code,
+          path.node.quasi,
+          hooksOptions,
+        );
+        if (gqlTemplateLiteral) {
+          addTemplateLiteralToResult({
+            content: gqlTemplateLiteral,
+            end: path.node.quasi.end,
+            start: path.node.quasi.start,
+            loc: path.node.quasi.loc,
+          });
+        }
+      },
+    },
+    exit() {
+      out.returnValue = gqlTemplateLiterals;
+    },
+  };
+  return visitor;
+};