feat: add emitLegacyCommonJSImports flag (dotansimha#8077)

* feat: add `emitLegacyCommonJSImports` flag

* add changeset

* update docs

* fix

* fix(emitLegacyCommonJSImports): normalize value across plugins and presets + fix specs

Introduced a `shouldEmitLegacyCommonJSImports()` helper to get proper value

Co-authored-by: Charly POLY <[email protected]>

Author: saihaj

.changeset/kind-taxis-refuse.md

@@ -0,0 +1,22 @@
+---
+'@graphql-codegen/cli': minor
+'@graphql-codegen/visitor-plugin-common': minor
+'@graphql-codegen/gql-tag-operations': minor
+'@graphql-codegen/near-operation-file-preset': minor
+'@graphql-codegen/plugin-helpers': minor
+---
+
+Add new flag to emit legacy common js imports. Default it will be `true` this way it ensure that generated code works with [non-compliant bundlers](https://github.com/dotansimha/graphql-code-generator/issues/8065).
+
+You can use the option in your config:
+```yaml
+schema: 'schema.graphql'
+ documents:
+   - 'src/**/*.graphql'
+ emitLegacyCommonJSImports: true
+```
+
+Alternative you can use the CLI to set this option:
+```bash
+ $ codegen --config-file=config.yml --emit-legacy-common-js-imports
+```

dev-test/codegen.yml

@@ -1,6 +1,7 @@
 hooks:
   afterAllFileWrite:
     - prettier --write
+emitLegacyCommonJSImports: false
 generates:
   ./dev-test/test-schema/resolvers-types.ts:
     schema: ./dev-test/test-schema/schema-text.js

dev-test/githunt/__generated__/comment.query.stencil-component.tsx

@@ -4,13 +4,13 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
 declare module '@urql/core' {
   export function gql(
     source: '\n  query Foo {\n    Tweets {\n      id\n    }\n  }\n'
-  ): typeof import('./graphql').FooDocument;
+  ): typeof import('./graphql.js').FooDocument;
   export function gql(
     source: '\n  fragment Lel on Tweet {\n    id\n    body\n  }\n'
-  ): typeof import('./graphql').LelFragmentDoc;
+  ): typeof import('./graphql.js').LelFragmentDoc;
   export function gql(
     source: '\n  query Bar {\n    Tweets {\n      ...Lel\n    }\n  }\n'
-  ): typeof import('./graphql').BarDocument;
+  ): typeof import('./graphql.js').BarDocument;
   export function gql(source: string): unknown;
 
   export type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<