[Patch][codegen]Add file extensions to generated import paths for Node16/NodeNext compatibility

.changeset/old-bats-lay.md

@@ -0,0 +1,5 @@
+---
+'@shopify/api-codegen-preset': patch
+---
+
+Fixed TypeScript module resolution error by including file extensions (.d.ts or .ts) in generated import paths to support Node16/NodeNext module resolution strategies.

packages/api-clients/api-codegen-preset/src/preset.ts

@@ -3,13 +3,19 @@ import {preset as hydrogenPreset} from '@shopify/graphql-codegen';
 
 import {type ShopifyApiPresetConfig} from './types';
 import {apiConfigs} from './helpers/api-configs';
+import {getOutputFiles} from './helpers/get-output-files';
 
 export const preset: Types.OutputPreset<ShopifyApiPresetConfig> = {
   buildGeneratesSection: (options) => {
     const apiType = options.presetConfig.apiType;
 
     const {interfaceExtension, module, presetConfigs} = apiConfigs[apiType];
-    const typesFile = apiConfigs[apiType].typesFile;
+
+    // Determine if the output file is a declaration file
+    const isDts = options.baseOutputDir.endsWith('.d.ts');
+
+    // Get the correct filename with extension (.d.ts or .ts)
+    const {typesFile} = getOutputFiles(apiType, isDts);
 
     return hydrogenPreset.buildGeneratesSection({
       ...options,

packages/api-clients/api-codegen-preset/src/tests/preset.test.ts

@@ -34,7 +34,7 @@ describe('Preset', () => {
 
     // Imports Admin API
     expect(generatedCode).toMatch(
-      `import type * as AdminTypes from './admin.types';`,
+      `import type * as AdminTypes from './admin.types.d.ts';`,
     );
 
     // Uses Pick<...>
@@ -59,7 +59,7 @@ describe('Preset', () => {
       .toBe(`/* eslint-disable eslint-comments/disable-enable-pair */
 /* eslint-disable eslint-comments/no-unlimited-disable */
 /* eslint-disable */
-import type * as AdminTypes from './admin.types';
+import type * as AdminTypes from './admin.types.d.ts';
 
 export type TestQueryQueryVariables = AdminTypes.Exact<{ [key: string]: never; }>;
 
@@ -100,7 +100,7 @@ declare module '@shopify/admin-api-client' {
     )!.content;
 
     expect(generatedCode).toMatch(
-      "import type * as AdminTypes from './admin.types';",
+      "import type * as AdminTypes from './admin.types.d.ts';",
     );
   });
 
@@ -116,7 +116,7 @@ declare module '@shopify/admin-api-client' {
     )!.content;
 
     expect(generatedCode).toMatch(
-      "import * as AdminTypes from './admin.types';",
+      "import * as AdminTypes from './admin.types.ts';",
     );
   });
 });