@graphql-codegen/typescript-react-apollo 3.2.16-alpha-7a65ba05d.0 → 3.3.0-alpha-29eb1293b.0

package/cjs/config.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactApolloVisitor = exports.validate = exports.plugin = void 0;
+const plugin_helpers_1 = require("@graphql-codegen/plugin-helpers");
+const graphql_1 = require("graphql");
+const visitor_js_1 = require("./visitor.js");
+Object.defineProperty(exports, "ReactApolloVisitor", { enumerable: true, get: function () { return visitor_js_1.ReactApolloVisitor; } });
+const path_1 = require("path");
+const plugin = (schema, documents, config) => {
+    const allAst = (0, graphql_1.concatAST)(documents.map(v => v.document));
+    const allFragments = [
+        ...allAst.definitions.filter(d => d.kind === graphql_1.Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
+            node: fragmentDef,
+            name: fragmentDef.name.value,
+            onType: fragmentDef.typeCondition.name.value,
+            isExternal: false,
+        })),
+        ...(config.externalFragments || []),
+    ];
+    const visitor = new visitor_js_1.ReactApolloVisitor(schema, allFragments, config, documents);
+    const visitorResult = (0, plugin_helpers_1.oldVisit)(allAst, { leave: visitor });
+    return {
+        prepend: visitor.getImports(),
+        content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+    };
+};
+exports.plugin = plugin;
+const validate = async (schema, documents, config, outputFile) => {
+    if (config.withComponent === true) {
+        if ((0, path_1.extname)(outputFile) !== '.tsx') {
+            throw new Error(`Plugin "typescript-react-apollo" requires extension to be ".tsx" when withComponent: true is set!`);
+        }
+    }
+    else if ((0, path_1.extname)(outputFile) !== '.ts' && (0, path_1.extname)(outputFile) !== '.tsx') {
+        throw new Error(`Plugin "typescript-react-apollo" requires extension to be ".ts" or ".tsx"!`);
+    }
+};
+exports.validate = validate;

package/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/{index.js → cjs/visitor.js}

@@ -1,50 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-const pluginHelpers = require('@graphql-codegen/plugin-helpers');
-const graphql = require('graphql');
-const visitorPluginCommon = require('@graphql-codegen/visitor-plugin-common');
-const autoBind = _interopDefault(require('auto-bind'));
-const changeCaseAll = require('change-case-all');
-const path = require('path');
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactApolloVisitor = void 0;
+const tslib_1 = require("tslib");
+const visitor_plugin_common_1 = require("@graphql-codegen/visitor-plugin-common");
+const auto_bind_1 = tslib_1.__importDefault(require("auto-bind"));
+const graphql_1 = require("graphql");
+const change_case_all_1 = require("change-case-all");
 const APOLLO_CLIENT_3_UNIFIED_PACKAGE = `@apollo/client`;
 const GROUPED_APOLLO_CLIENT_3_IDENTIFIER = 'Apollo';
 function hasRequiredVariables(node) {
     var _a, _b;
-    return ((_b = (_a = node.variableDefinitions) === null || _a === void 0 ? void 0 : _a.some(variableDef => variableDef.type.kind === graphql.Kind.NON_NULL_TYPE && !variableDef.defaultValue)) !== null && _b !== void 0 ? _b : false);
+    return ((_b = (_a = node.variableDefinitions) === null || _a === void 0 ? void 0 : _a.some(variableDef => variableDef.type.kind === graphql_1.Kind.NON_NULL_TYPE && !variableDef.defaultValue)) !== null && _b !== void 0 ? _b : false);
 }
-class ReactApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
+class ReactApolloVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
     constructor(schema, fragments, rawConfig, documents) {
         super(schema, fragments, rawConfig, {
-            componentSuffix: visitorPluginCommon.getConfigValue(rawConfig.componentSuffix, 'Component'),
-            withHOC: visitorPluginCommon.getConfigValue(rawConfig.withHOC, false),
-            withComponent: visitorPluginCommon.getConfigValue(rawConfig.withComponent, false),
-            withHooks: visitorPluginCommon.getConfigValue(rawConfig.withHooks, true),
-            withMutationFn: visitorPluginCommon.getConfigValue(rawConfig.withMutationFn, true),
-            withRefetchFn: visitorPluginCommon.getConfigValue(rawConfig.withRefetchFn, false),
-            apolloReactCommonImportFrom: visitorPluginCommon.getConfigValue(rawConfig.apolloReactCommonImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-common' : APOLLO_CLIENT_3_UNIFIED_PACKAGE),
-            apolloReactComponentsImportFrom: visitorPluginCommon.getConfigValue(rawConfig.apolloReactComponentsImportFrom, rawConfig.reactApolloVersion === 2
+            componentSuffix: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.componentSuffix, 'Component'),
+            withHOC: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.withHOC, false),
+            withComponent: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.withComponent, false),
+            withHooks: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.withHooks, true),
+            withMutationFn: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.withMutationFn, true),
+            withRefetchFn: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.withRefetchFn, false),
+            apolloReactCommonImportFrom: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.apolloReactCommonImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-common' : APOLLO_CLIENT_3_UNIFIED_PACKAGE),
+            apolloReactComponentsImportFrom: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.apolloReactComponentsImportFrom, rawConfig.reactApolloVersion === 2
                 ? '@apollo/react-components'
                 : `${APOLLO_CLIENT_3_UNIFIED_PACKAGE}/react/components`),
-            apolloReactHocImportFrom: visitorPluginCommon.getConfigValue(rawConfig.apolloReactHocImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-hoc' : `${APOLLO_CLIENT_3_UNIFIED_PACKAGE}/react/hoc`),
-            apolloReactHooksImportFrom: visitorPluginCommon.getConfigValue(rawConfig.apolloReactHooksImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-hooks' : APOLLO_CLIENT_3_UNIFIED_PACKAGE),
-            reactApolloVersion: visitorPluginCommon.getConfigValue(rawConfig.reactApolloVersion, 3),
-            withResultType: visitorPluginCommon.getConfigValue(rawConfig.withResultType, true),
-            withMutationOptionsType: visitorPluginCommon.getConfigValue(rawConfig.withMutationOptionsType, true),
-            addDocBlocks: visitorPluginCommon.getConfigValue(rawConfig.addDocBlocks, true),
-            defaultBaseOptions: visitorPluginCommon.getConfigValue(rawConfig.defaultBaseOptions, {}),
-            gqlImport: visitorPluginCommon.getConfigValue(rawConfig.gqlImport, rawConfig.reactApolloVersion === 2 ? null : `${APOLLO_CLIENT_3_UNIFIED_PACKAGE}#gql`),
-            hooksSuffix: visitorPluginCommon.getConfigValue(rawConfig.hooksSuffix, ''),
+            apolloReactHocImportFrom: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.apolloReactHocImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-hoc' : `${APOLLO_CLIENT_3_UNIFIED_PACKAGE}/react/hoc`),
+            apolloReactHooksImportFrom: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.apolloReactHooksImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-hooks' : APOLLO_CLIENT_3_UNIFIED_PACKAGE),
+            reactApolloVersion: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.reactApolloVersion, 3),
+            withResultType: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.withResultType, true),
+            withMutationOptionsType: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.withMutationOptionsType, true),
+            addDocBlocks: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.addDocBlocks, true),
+            defaultBaseOptions: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.defaultBaseOptions, {}),
+            gqlImport: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.gqlImport, rawConfig.reactApolloVersion === 2 ? null : `${APOLLO_CLIENT_3_UNIFIED_PACKAGE}#gql`),
+            hooksSuffix: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.hooksSuffix, ''),
         });
         this.rawConfig = rawConfig;
         this.imports = new Set();
         this._externalImportPrefix = this.config.importOperationTypesFrom ? `${this.config.importOperationTypesFrom}.` : '';
         this._documents = documents;
-        autoBind(this);
+        (0, auto_bind_1.default)(this);
     }
     getImportStatement(isTypeImport) {
         return isTypeImport && this.config.useTypeImports ? 'import type' : 'import';
@@ -87,14 +82,14 @@ class ReactApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
         return `${this.getImportStatement(isTypeImport)} * as ${this.getApolloReactHooksIdentifier()} from '${this.config.apolloReactHooksImportFrom}';`;
     }
     getOmitDeclaration() {
-        return visitorPluginCommon.OMIT_TYPE;
+        return visitor_plugin_common_1.OMIT_TYPE;
     }
     getDefaultOptions() {
         return `const defaultOptions = ${JSON.stringify(this.config.defaultBaseOptions)} as const;`;
     }
     getDocumentNodeVariable(node, documentVariableName) {
         var _a, _b;
-        return this.config.documentMode === visitorPluginCommon.DocumentMode.external
+        return this.config.documentMode === visitor_plugin_common_1.DocumentMode.external
             ? `Operations.${(_b = (_a = node.name) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''}`
             : documentVariableName;
     }
@@ -108,8 +103,8 @@ class ReactApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
     }
     _buildHocProps(operationName, operationType) {
         const typeVariableName = this._externalImportPrefix +
-            this.convertName(operationName + changeCaseAll.pascalCase(operationType) + this._parsedConfig.operationResultSuffix);
-        const variablesVarName = this._externalImportPrefix + this.convertName(operationName + changeCaseAll.pascalCase(operationType) + 'Variables');
+            this.convertName(operationName + (0, change_case_all_1.pascalCase)(operationType) + this._parsedConfig.operationResultSuffix);
+        const variablesVarName = this._externalImportPrefix + this.convertName(operationName + (0, change_case_all_1.pascalCase)(operationType) + 'Variables');
         const typeArgs = `<${typeVariableName}, ${variablesVarName}>`;
         if (operationType === 'mutation') {
             this.imports.add(this.getApolloReactCommonImport(true));
@@ -142,8 +137,8 @@ class ReactApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
   ${operationResultType},
   ${operationVariablesTypes},
   ${propsTypeName}<TChildProps, TDataName>>) {
-    return ApolloReactHoc.with${changeCaseAll.pascalCase(node.operation)}<TProps, ${operationResultType}, ${operationVariablesTypes}, ${propsTypeName}<TChildProps, TDataName>>(${this.getDocumentNodeVariable(node, documentVariableName)}, {
-      alias: '${changeCaseAll.camelCase(operationName)}',
+    return ApolloReactHoc.with${(0, change_case_all_1.pascalCase)(node.operation)}<TProps, ${operationResultType}, ${operationVariablesTypes}, ${propsTypeName}<TChildProps, TDataName>>(${this.getDocumentNodeVariable(node, documentVariableName)}, {
+      alias: '${(0, change_case_all_1.camelCase)(operationName)}',
       ...operationOptions
     });
 };`;
@@ -200,7 +195,7 @@ class ReactApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
  * - A mutate function that you can call at any time to execute the mutation
  * - An object with fields that represent the current status of the mutation's execution`;
         const mutationExample = `
- * const [${changeCaseAll.camelCase(operationName)}, { data, loading, error }] = use${operationName}({
+ * const [${(0, change_case_all_1.camelCase)(operationName)}, { data, loading, error }] = use${operationName}({
  *   variables: {${variableString}
  *   },
  * });`;
@@ -238,7 +233,7 @@ class ReactApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
         const hookResults = [`export type ${operationName}HookResult = ReturnType<typeof use${operationName}>;`];
         if (operationType === 'Query') {
             const lazyOperationName = this.convertName(nodeName, {
-                suffix: changeCaseAll.pascalCase('LazyQuery'),
+                suffix: (0, change_case_all_1.pascalCase)('LazyQuery'),
                 useTypesPrefix: false,
             }) + this.config.hooksSuffix;
             hookFns.push(`export function use${lazyOperationName}(baseOptions?: ${this.getApolloReactHooksIdentifier()}.LazyQueryHookOptions<${operationResultType}, ${operationVariablesTypes}>) {
@@ -254,12 +249,12 @@ class ReactApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
             return '';
         }
         if (!this.config.dedupeOperationSuffix) {
-            return changeCaseAll.pascalCase(operationType);
+            return (0, change_case_all_1.pascalCase)(operationType);
         }
         if (name.includes('Query') || name.includes('Mutation') || name.includes('Subscription')) {
             return '';
         }
-        return changeCaseAll.pascalCase(operationType);
+        return (0, change_case_all_1.pascalCase)(operationType);
     }
     _buildResultType(node, operationType, operationResultType, operationVariablesTypes) {
         var _a, _b;
@@ -335,36 +330,4 @@ class ReactApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
         return [mutationFn, component, hoc, hooks, resultType, mutationOptionsType, refetchFn].filter(a => a).join('\n');
     }
 }
-
-const plugin = (schema, documents, config) => {
-    const allAst = graphql.concatAST(documents.map(v => v.document));
-    const allFragments = [
-        ...allAst.definitions.filter(d => d.kind === graphql.Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
-            node: fragmentDef,
-            name: fragmentDef.name.value,
-            onType: fragmentDef.typeCondition.name.value,
-            isExternal: false,
-        })),
-        ...(config.externalFragments || []),
-    ];
-    const visitor = new ReactApolloVisitor(schema, allFragments, config, documents);
-    const visitorResult = pluginHelpers.oldVisit(allAst, { leave: visitor });
-    return {
-        prepend: visitor.getImports(),
-        content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
-    };
-};
-const validate = async (schema, documents, config, outputFile) => {
-    if (config.withComponent === true) {
-        if (path.extname(outputFile) !== '.tsx') {
-            throw new Error(`Plugin "typescript-react-apollo" requires extension to be ".tsx" when withComponent: true is set!`);
-        }
-    }
-    else if (path.extname(outputFile) !== '.ts' && path.extname(outputFile) !== '.tsx') {
-        throw new Error(`Plugin "typescript-react-apollo" requires extension to be ".ts" or ".tsx"!`);
-    }
-};
-
 exports.ReactApolloVisitor = ReactApolloVisitor;
-exports.plugin = plugin;
-exports.validate = validate;

package/esm/config.js

@@ -0,0 +1 @@
+export {};

package/esm/index.js

@@ -0,0 +1,33 @@
+import { oldVisit } from '@graphql-codegen/plugin-helpers';
+import { concatAST, Kind } from 'graphql';
+import { ReactApolloVisitor } from './visitor.js';
+import { extname } from 'path';
+export const plugin = (schema, documents, config) => {
+    const allAst = concatAST(documents.map(v => v.document));
+    const allFragments = [
+        ...allAst.definitions.filter(d => d.kind === Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
+            node: fragmentDef,
+            name: fragmentDef.name.value,
+            onType: fragmentDef.typeCondition.name.value,
+            isExternal: false,
+        })),
+        ...(config.externalFragments || []),
+    ];
+    const visitor = new ReactApolloVisitor(schema, allFragments, config, documents);
+    const visitorResult = oldVisit(allAst, { leave: visitor });
+    return {
+        prepend: visitor.getImports(),
+        content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+    };
+};
+export const validate = async (schema, documents, config, outputFile) => {
+    if (config.withComponent === true) {
+        if (extname(outputFile) !== '.tsx') {
+            throw new Error(`Plugin "typescript-react-apollo" requires extension to be ".tsx" when withComponent: true is set!`);
+        }
+    }
+    else if (extname(outputFile) !== '.ts' && extname(outputFile) !== '.tsx') {
+        throw new Error(`Plugin "typescript-react-apollo" requires extension to be ".ts" or ".tsx"!`);
+    }
+};
+export { ReactApolloVisitor };

package/{index.mjs → esm/visitor.js}

@@ -1,17 +1,14 @@
-import { oldVisit } from '@graphql-codegen/plugin-helpers';
-import { Kind, concatAST } from 'graphql';
-import { ClientSideBaseVisitor, getConfigValue, OMIT_TYPE, DocumentMode } from '@graphql-codegen/visitor-plugin-common';
+import { ClientSideBaseVisitor, getConfigValue, OMIT_TYPE, DocumentMode, } from '@graphql-codegen/visitor-plugin-common';
 import autoBind from 'auto-bind';
+import { Kind } from 'graphql';
 import { pascalCase, camelCase } from 'change-case-all';
-import { extname } from 'path';
-
 const APOLLO_CLIENT_3_UNIFIED_PACKAGE = `@apollo/client`;
 const GROUPED_APOLLO_CLIENT_3_IDENTIFIER = 'Apollo';
 function hasRequiredVariables(node) {
     var _a, _b;
     return ((_b = (_a = node.variableDefinitions) === null || _a === void 0 ? void 0 : _a.some(variableDef => variableDef.type.kind === Kind.NON_NULL_TYPE && !variableDef.defaultValue)) !== null && _b !== void 0 ? _b : false);
 }
-class ReactApolloVisitor extends ClientSideBaseVisitor {
+export class ReactApolloVisitor extends ClientSideBaseVisitor {
     constructor(schema, fragments, rawConfig, documents) {
         super(schema, fragments, rawConfig, {
             componentSuffix: getConfigValue(rawConfig.componentSuffix, 'Component'),
@@ -329,34 +326,3 @@ class ReactApolloVisitor extends ClientSideBaseVisitor {
         return [mutationFn, component, hoc, hooks, resultType, mutationOptionsType, refetchFn].filter(a => a).join('\n');
     }
 }
-
-const plugin = (schema, documents, config) => {
-    const allAst = concatAST(documents.map(v => v.document));
-    const allFragments = [
-        ...allAst.definitions.filter(d => d.kind === Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
-            node: fragmentDef,
-            name: fragmentDef.name.value,
-            onType: fragmentDef.typeCondition.name.value,
-            isExternal: false,
-        })),
-        ...(config.externalFragments || []),
-    ];
-    const visitor = new ReactApolloVisitor(schema, allFragments, config, documents);
-    const visitorResult = oldVisit(allAst, { leave: visitor });
-    return {
-        prepend: visitor.getImports(),
-        content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
-    };
-};
-const validate = async (schema, documents, config, outputFile) => {
-    if (config.withComponent === true) {
-        if (extname(outputFile) !== '.tsx') {
-            throw new Error(`Plugin "typescript-react-apollo" requires extension to be ".tsx" when withComponent: true is set!`);
-        }
-    }
-    else if (extname(outputFile) !== '.ts' && extname(outputFile) !== '.tsx') {
-        throw new Error(`Plugin "typescript-react-apollo" requires extension to be ".ts" or ".tsx"!`);
-    }
-};
-
-export { ReactApolloVisitor, plugin, validate };

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@graphql-codegen/typescript-react-apollo",
-  "version": "3.2.16-alpha-7a65ba05d.0",
+  "version": "3.3.0-alpha-29eb1293b.0",
   "description": "GraphQL Code Generator plugin for generating a ready-to-use React Components/HOC/Hooks based on GraphQL operations",
   "peerDependencies": {
     "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
     "graphql-tag": "^2.0.0"
   },
   "dependencies": {
-    "@graphql-codegen/plugin-helpers": "^2.4.0",
-    "@graphql-codegen/visitor-plugin-common": "2.9.1-alpha-7a65ba05d.0",
+    "@graphql-codegen/plugin-helpers": "^2.5.0-alpha-29eb1293b.0",
+    "@graphql-codegen/visitor-plugin-common": "2.11.0-alpha-29eb1293b.0",
     "auto-bind": "~4.0.0",
     "change-case-all": "1.0.14",
     "tslib": "~2.4.0"
@@ -19,21 +19,28 @@
     "directory": "packages/plugins/typescript/react-apollo"
   },
   "license": "MIT",
-  "main": "index.js",
-  "module": "index.mjs",
-  "typings": "index.d.ts",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "typings": "typings/index.d.ts",
   "typescript": {
-    "definition": "index.d.ts"
+    "definition": "typings/index.d.ts"
   },
+  "type": "module",
   "exports": {
-    "./package.json": "./package.json",
     ".": {
-      "require": "./index.js",
-      "import": "./index.mjs"
+      "require": {
+        "types": "./typings/index.d.ts",
+        "default": "./cjs/index.js"
+      },
+      "import": {
+        "types": "./typings/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "default": {
+        "types": "./typings/index.d.ts",
+        "default": "./esm/index.js"
+      }
     },
-    "./*": {
-      "require": "./*.js",
-      "import": "./*.mjs"
-    }
+    "./package.json": "./package.json"
   }
-}
+}

package/{index.d.ts → typings/index.d.ts}

@@ -1,6 +1,6 @@
 import { Types, PluginValidateFn, PluginFunction } from '@graphql-codegen/plugin-helpers';
-import { ReactApolloVisitor } from './visitor';
-import { ReactApolloRawPluginConfig } from './config';
+import { ReactApolloVisitor } from './visitor.js';
+import { ReactApolloRawPluginConfig } from './config.js';
 export declare const plugin: PluginFunction<ReactApolloRawPluginConfig, Types.ComplexPluginOutput>;
 export declare const validate: PluginValidateFn<any>;
 export { ReactApolloVisitor };

package/{visitor.d.ts → typings/visitor.d.ts}

@@ -1,5 +1,5 @@
 import { ClientSideBaseVisitor, ClientSideBasePluginConfig, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
-import { ReactApolloRawPluginConfig } from './config';
+import { ReactApolloRawPluginConfig } from './config.js';
 import { OperationDefinitionNode, GraphQLSchema } from 'graphql';
 import { Types } from '@graphql-codegen/plugin-helpers';
 export interface ReactApolloPluginConfig extends ClientSideBasePluginConfig {