Fix: add file extenstions to import for ESM modules (#10314)

Author: acharkov

.changeset/stale-swans-serve.md

@@ -0,0 +1,5 @@
+---
+'@graphql-codegen/graphql-modules-preset': patch
+---
+
+Fix generated imports for graphql-modules-preset: .js extension is used.

packages/presets/graphql-modules/src/index.ts

@@ -72,7 +72,11 @@ export const preset: Types.OutputPreset<ModulesConfig> = {
       documentTransforms: options.documentTransforms,
     };
 
-    const baseTypesFilename = baseTypesPath.replace(/\.(js|ts|d.ts)$/, '');
+    const baseTypesFilename = baseTypesPath.replace(
+      /\.(js|ts|d.ts)$/,
+      // we need extension if ESM modules are used
+      options.config.emitLegacyCommonJSImports ? '' : '.js'
+    );
     const baseTypesDir = stripFilename(baseOutput.filename);
 
     // One file per each module

packages/presets/graphql-modules/tests/integration.spec.ts

@@ -198,4 +198,19 @@ describe('Integration', () => {
       };
     `);
   });
+
+  test('import paths for ESM should have correct extension', async () => {
+    const emitLegacyCommonJSImports = {
+      emitLegacyCommonJSImports: false,
+      ...options,
+    };
+    const output = await executeCodegen(emitLegacyCommonJSImports);
+    const esmImportStatement = `import * as Types from "../global-types.js";`;
+
+    expect(output.length).toBe(5);
+    expect(output[1].content).toMatch(esmImportStatement);
+    expect(output[2].content).toMatch(esmImportStatement);
+    expect(output[3].content).toMatch(esmImportStatement);
+    expect(output[4].content).toMatch(esmImportStatement);
+  });
 });