@graphql-codegen/client-preset 5.1.3 → 5.2.0

package/cjs/fragment-masking-plugin.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.plugin = void 0;
+const plugin_helpers_1 = require("@graphql-codegen/plugin-helpers");
 const fragmentTypeHelper = `
 export type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<
   infer TType,
@@ -111,9 +112,13 @@ export function isFragmentReady<TQuery, TFrag>(
 /**
  * Plugin for generating fragment masking helper functions.
  */
-const plugin = (_, __, { useTypeImports, augmentedModuleName, unmaskFunctionName, emitLegacyCommonJSImports, isStringDocumentMode }, _info) => {
+const plugin = (_, __, { useTypeImports, augmentedModuleName, unmaskFunctionName, emitLegacyCommonJSImports, importExtension, isStringDocumentMode, }, _info) => {
+    const appendedImportExtension = (0, plugin_helpers_1.normalizeImportExtension)({
+        emitLegacyCommonJSImports,
+        importExtension,
+    });
     const documentNodeImport = `${useTypeImports ? 'import type' : 'import'} { ResultOf, DocumentTypeDecoration${isStringDocumentMode ? '' : ', TypedDocumentNode'} } from '@graphql-typed-document-node/core';\n`;
-    const deferFragmentHelperImports = `${useTypeImports ? 'import type' : 'import'} { Incremental${isStringDocumentMode ? ', TypedDocumentString' : ''} } from './graphql${emitLegacyCommonJSImports ? '' : '.js'}';\n`;
+    const deferFragmentHelperImports = `${useTypeImports ? 'import type' : 'import'} { Incremental${isStringDocumentMode ? ', TypedDocumentString' : ''} } from './graphql${appendedImportExtension}';\n`;
     const fragmentDefinitionNodeImport = isStringDocumentMode
         ? ''
         : `${useTypeImports ? 'import type' : 'import'} { FragmentDefinitionNode } from 'graphql';\n`;

package/cjs/index.js

@@ -4,6 +4,7 @@ exports.addTypenameSelectionDocumentTransform = exports.preset = exports.babelOp
 const tslib_1 = require("tslib");
 const addPlugin = tslib_1.__importStar(require("@graphql-codegen/add"));
 const gqlTagPlugin = tslib_1.__importStar(require("@graphql-codegen/gql-tag-operations"));
+const plugin_helpers_1 = require("@graphql-codegen/plugin-helpers");
 const typedDocumentNodePlugin = tslib_1.__importStar(require("@graphql-codegen/typed-document-node"));
 const typescriptPlugin = tslib_1.__importStar(require("@graphql-codegen/typescript"));
 const typescriptOperationPlugin = tslib_1.__importStar(require("@graphql-codegen/typescript-operations"));
@@ -142,6 +143,10 @@ exports.preset = {
             inlineFragmentTypes: isMaskingFragments ? 'mask' : options.config['inlineFragmentTypes'],
         };
         let fragmentMaskingFileGenerateConfig = null;
+        const importExtension = (0, plugin_helpers_1.normalizeImportExtension)({
+            emitLegacyCommonJSImports: options.config.emitLegacyCommonJSImports,
+            importExtension: options.config.importExtension,
+        });
         if (isMaskingFragments === true) {
             const fragmentMaskingArtifactFileExtension = '.ts';
             reexports.push('fragment-masking');
@@ -162,6 +167,7 @@ exports.preset = {
                     useTypeImports: options.config.useTypeImports,
                     unmaskFunctionName: fragmentMaskingConfig.unmaskFunctionName,
                     emitLegacyCommonJSImports: options.config.emitLegacyCommonJSImports,
+                    importExtension,
                     isStringDocumentMode: options.config.documentMode === visitor_plugin_common_1.DocumentMode.string,
                 },
                 documents: [],
@@ -169,7 +175,6 @@ exports.preset = {
             };
         }
         let indexFileGenerateConfig = null;
-        const reexportsExtension = options.config.emitLegacyCommonJSImports ? '' : '.js';
         if (reexports.length) {
             indexFileGenerateConfig = {
                 filename: `${options.baseOutputDir}index.ts`,
@@ -181,7 +186,7 @@ exports.preset = {
                         [`add`]: {
                             content: reexports
                                 .sort()
-                                .map(moduleName => `export * from "./${moduleName}${reexportsExtension}";`)
+                                .map(moduleName => `export * from "./${moduleName}${importExtension}";`)
                                 .join('\n'),
                         },
                     },

package/esm/fragment-masking-plugin.js

@@ -1,3 +1,4 @@
+import { normalizeImportExtension } from '@graphql-codegen/plugin-helpers';
 const fragmentTypeHelper = `
 export type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<
   infer TType,
@@ -108,9 +109,13 @@ export function isFragmentReady<TQuery, TFrag>(
 /**
  * Plugin for generating fragment masking helper functions.
  */
-export const plugin = (_, __, { useTypeImports, augmentedModuleName, unmaskFunctionName, emitLegacyCommonJSImports, isStringDocumentMode }, _info) => {
+export const plugin = (_, __, { useTypeImports, augmentedModuleName, unmaskFunctionName, emitLegacyCommonJSImports, importExtension, isStringDocumentMode, }, _info) => {
+    const appendedImportExtension = normalizeImportExtension({
+        emitLegacyCommonJSImports,
+        importExtension,
+    });
     const documentNodeImport = `${useTypeImports ? 'import type' : 'import'} { ResultOf, DocumentTypeDecoration${isStringDocumentMode ? '' : ', TypedDocumentNode'} } from '@graphql-typed-document-node/core';\n`;
-    const deferFragmentHelperImports = `${useTypeImports ? 'import type' : 'import'} { Incremental${isStringDocumentMode ? ', TypedDocumentString' : ''} } from './graphql${emitLegacyCommonJSImports ? '' : '.js'}';\n`;
+    const deferFragmentHelperImports = `${useTypeImports ? 'import type' : 'import'} { Incremental${isStringDocumentMode ? ', TypedDocumentString' : ''} } from './graphql${appendedImportExtension}';\n`;
     const fragmentDefinitionNodeImport = isStringDocumentMode
         ? ''
         : `${useTypeImports ? 'import type' : 'import'} { FragmentDefinitionNode } from 'graphql';\n`;

package/esm/index.js

@@ -1,5 +1,6 @@
 import * as addPlugin from '@graphql-codegen/add';
 import * as gqlTagPlugin from '@graphql-codegen/gql-tag-operations';
+import { normalizeImportExtension } from '@graphql-codegen/plugin-helpers';
 import * as typedDocumentNodePlugin from '@graphql-codegen/typed-document-node';
 import * as typescriptPlugin from '@graphql-codegen/typescript';
 import * as typescriptOperationPlugin from '@graphql-codegen/typescript-operations';
@@ -137,6 +138,10 @@ export const preset = {
             inlineFragmentTypes: isMaskingFragments ? 'mask' : options.config['inlineFragmentTypes'],
         };
         let fragmentMaskingFileGenerateConfig = null;
+        const importExtension = normalizeImportExtension({
+            emitLegacyCommonJSImports: options.config.emitLegacyCommonJSImports,
+            importExtension: options.config.importExtension,
+        });
         if (isMaskingFragments === true) {
             const fragmentMaskingArtifactFileExtension = '.ts';
             reexports.push('fragment-masking');
@@ -157,6 +162,7 @@ export const preset = {
                     useTypeImports: options.config.useTypeImports,
                     unmaskFunctionName: fragmentMaskingConfig.unmaskFunctionName,
                     emitLegacyCommonJSImports: options.config.emitLegacyCommonJSImports,
+                    importExtension,
                     isStringDocumentMode: options.config.documentMode === DocumentMode.string,
                 },
                 documents: [],
@@ -164,7 +170,6 @@ export const preset = {
             };
         }
         let indexFileGenerateConfig = null;
-        const reexportsExtension = options.config.emitLegacyCommonJSImports ? '' : '.js';
         if (reexports.length) {
             indexFileGenerateConfig = {
                 filename: `${options.baseOutputDir}index.ts`,
@@ -176,7 +181,7 @@ export const preset = {
                         [`add`]: {
                             content: reexports
                                 .sort()
-                                .map(moduleName => `export * from "./${moduleName}${reexportsExtension}";`)
+                                .map(moduleName => `export * from "./${moduleName}${importExtension}";`)
                                 .join('\n'),
                         },
                     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/client-preset",
-  "version": "5.1.3",
+  "version": "5.2.0",
   "description": "GraphQL Code Generator preset for client.",
   "peerDependenciesMeta": {
     "graphql-sock": {
@@ -15,12 +15,12 @@
     "@babel/helper-plugin-utils": "^7.20.2",
     "@babel/template": "^7.20.7",
     "@graphql-codegen/add": "^6.0.0",
-    "@graphql-codegen/typed-document-node": "^6.1.2",
-    "@graphql-codegen/typescript": "^5.0.4",
-    "@graphql-codegen/typescript-operations": "^5.0.4",
-    "@graphql-codegen/gql-tag-operations": "5.0.5",
-    "@graphql-codegen/plugin-helpers": "^6.0.0",
-    "@graphql-codegen/visitor-plugin-common": "^6.1.2",
+    "@graphql-codegen/typed-document-node": "^6.1.3",
+    "@graphql-codegen/typescript": "^5.0.5",
+    "@graphql-codegen/typescript-operations": "^5.0.5",
+    "@graphql-codegen/gql-tag-operations": "5.1.0",
+    "@graphql-codegen/plugin-helpers": "^6.1.0",
+    "@graphql-codegen/visitor-plugin-common": "^6.2.0",
     "@graphql-typed-document-node/core": "3.2.0",
     "@graphql-tools/documents": "^1.0.0",
     "@graphql-tools/utils": "^10.0.0",

package/typings/fragment-masking-plugin.d.cts

@@ -1,4 +1,4 @@
-import type { PluginFunction } from '@graphql-codegen/plugin-helpers';
+import { type PluginFunction } from '@graphql-codegen/plugin-helpers';
 /**
  * Plugin for generating fragment masking helper functions.
  */
@@ -7,5 +7,6 @@ export declare const plugin: PluginFunction<{
     augmentedModuleName?: string;
     unmaskFunctionName?: string;
     emitLegacyCommonJSImports?: boolean;
+    importExtension?: '' | `.${string}`;
     isStringDocumentMode?: boolean;
 }>;

package/typings/fragment-masking-plugin.d.ts

@@ -1,4 +1,4 @@
-import type { PluginFunction } from '@graphql-codegen/plugin-helpers';
+import { type PluginFunction } from '@graphql-codegen/plugin-helpers';
 /**
  * Plugin for generating fragment masking helper functions.
  */
@@ -7,5 +7,6 @@ export declare const plugin: PluginFunction<{
     augmentedModuleName?: string;
     unmaskFunctionName?: string;
     emitLegacyCommonJSImports?: boolean;
+    importExtension?: '' | `.${string}`;
     isStringDocumentMode?: boolean;
 }>;

package/typings/index.d.cts

@@ -1,4 +1,4 @@
-import type { Types } from '@graphql-codegen/plugin-helpers';
+import { type Types } from '@graphql-codegen/plugin-helpers';
 import { type DocumentNode } from 'graphql';
 export { default as babelOptimizerPlugin } from './babel.cjs';
 export type FragmentMaskingConfig = {

package/typings/index.d.ts

@@ -1,4 +1,4 @@
-import type { Types } from '@graphql-codegen/plugin-helpers';
+import { type Types } from '@graphql-codegen/plugin-helpers';
 import { type DocumentNode } from 'graphql';
 export { default as babelOptimizerPlugin } from './babel.js';
 export type FragmentMaskingConfig = {