Remove extension from operations file import (#8432)

Co-authored-by: Charly POLY <1252066+charlypoly@users.noreply.github.com>
dotansimha · Oct 11, 2022 · 1bd7f77 · 1bd7f77
1 parent a700a15
commit 1bd7f77
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/.changeset/beige-buckets-sleep.md b/.changeset/beige-buckets-sleep.md
@@ -0,0 +1,5 @@
+---
+"@graphql-codegen/visitor-plugin-common": patch
+---
+
+Remove extension from operations file import
diff --git a/packages/plugins/other/visitor-plugin-common/src/client-side-base-visitor.ts b/packages/plugins/other/visitor-plugin-common/src/client-side-base-visitor.ts
@@ -483,9 +483,12 @@ export class ClientSideBaseVisitor<
       case DocumentMode.external: {
         if (this._collectedOperations.length > 0) {
           if (this.config.importDocumentNodeExternallyFrom === 'near-operation-file' && this._documents.length === 1) {
-            this._imports.add(
-              `import * as Operations from './${this.clearExtension(basename(this._documents[0].location))}.js';`
-            );
+            let documentPath = `./${this.clearExtension(basename(this._documents[0].location))}`;
+            if (this.config.emitLegacyCommonJSImports) {
+              documentPath += '.js';
+            }
+
+            this._imports.add(`import * as Operations from '${documentPath}';`);
           } else {
             if (!this.config.importDocumentNodeExternallyFrom) {
               // eslint-disable-next-line no-console