@graphql-codegen/typescript-react-apollo 3.3.7 → 4.0.0-alpha-20230524083052-08ce957b4

package/cjs/config.js

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

package/cjs/index.js

@@ -1,11 +1,11 @@
 "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 path_1 = require("path");
 const graphql_1 = require("graphql");
+const plugin_helpers_1 = require("@graphql-codegen/plugin-helpers");
 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 = [
@@ -21,7 +21,10 @@ const plugin = (schema, documents, config) => {
     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'),
+        content: [
+            visitor.fragments,
+            ...visitorResult.definitions.filter(t => typeof t === 'string'),
+        ].join('\n'),
     };
 };
 exports.plugin = plugin;

package/cjs/visitor.js

@@ -2,10 +2,10 @@
 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 graphql_1 = require("graphql");
+const visitor_plugin_common_1 = require("@graphql-codegen/visitor-plugin-common");
 const APOLLO_CLIENT_3_UNIFIED_PACKAGE = `@apollo/client`;
 const GROUPED_APOLLO_CLIENT_3_IDENTIFIER = 'Apollo';
 function hasRequiredVariables(node) {
@@ -21,12 +21,18 @@ class ReactApolloVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
             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),
+            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: (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),
+            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),
@@ -37,7 +43,9 @@ class ReactApolloVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
         });
         this.rawConfig = rawConfig;
         this.imports = new Set();
-        this._externalImportPrefix = this.config.importOperationTypesFrom ? `${this.config.importOperationTypesFrom}.` : '';
+        this._externalImportPrefix = this.config.importOperationTypesFrom
+            ? `${this.config.importOperationTypesFrom}.`
+            : '';
         this._documents = documents;
         (0, auto_bind_1.default)(this);
     }
@@ -70,7 +78,8 @@ class ReactApolloVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
     getApolloReactCommonImport(isTypeImport) {
         const apolloReactCommonIdentifier = this.getApolloReactCommonIdentifier();
         return `${this.getImportStatement(isTypeImport &&
-            (apolloReactCommonIdentifier !== GROUPED_APOLLO_CLIENT_3_IDENTIFIER || this.usesExternalHooksOnly()))} * as ${apolloReactCommonIdentifier} from '${this.config.apolloReactCommonImportFrom}';`;
+            (apolloReactCommonIdentifier !== GROUPED_APOLLO_CLIENT_3_IDENTIFIER ||
+                this.usesExternalHooksOnly()))} * as ${apolloReactCommonIdentifier} from '${this.config.apolloReactCommonImportFrom}';`;
     }
     getApolloReactComponentsImport(isTypeImport) {
         return `${this.getImportStatement(isTypeImport)} * as ApolloReactComponents from '${this.config.apolloReactComponentsImportFrom}';`;
@@ -104,7 +113,8 @@ class ReactApolloVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
     _buildHocProps(operationName, operationType) {
         const typeVariableName = this._externalImportPrefix +
             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 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));
@@ -230,7 +240,9 @@ class ReactApolloVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
         if (this.config.addDocBlocks) {
             hookFns.unshift(this._buildHooksJSDoc(node, operationName, operationType));
         }
-        const hookResults = [`export type ${operationName}HookResult = ReturnType<typeof use${operationName}>;`];
+        const hookResults = [
+            `export type ${operationName}HookResult = ReturnType<typeof use${operationName}>;`,
+        ];
         if (operationType === 'Query') {
             const lazyOperationName = this.convertName(nodeName, {
                 suffix: (0, change_case_all_1.pascalCase)('LazyQuery'),
@@ -327,7 +339,9 @@ class ReactApolloVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
         const refetchFn = this.config.withRefetchFn
             ? this._buildRefetchFn(node, documentVariableName, operationType, operationVariablesTypes)
             : null;
-        return [mutationFn, component, hoc, hooks, resultType, mutationOptionsType, refetchFn].filter(a => a).join('\n');
+        return [mutationFn, component, hoc, hooks, resultType, mutationOptionsType, refetchFn]
+            .filter(a => a)
+            .join('\n');
     }
 }
 exports.ReactApolloVisitor = ReactApolloVisitor;

package/esm/config.js

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

package/esm/index.js

@@ -1,7 +1,7 @@
-import { oldVisit } from '@graphql-codegen/plugin-helpers';
+import { extname } from 'path';
 import { concatAST, Kind } from 'graphql';
+import { oldVisit } from '@graphql-codegen/plugin-helpers';
 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 = [
@@ -17,7 +17,10 @@ export const plugin = (schema, documents, config) => {
     const visitorResult = oldVisit(allAst, { leave: visitor });
     return {
         prepend: visitor.getImports(),
-        content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+        content: [
+            visitor.fragments,
+            ...visitorResult.definitions.filter(t => typeof t === 'string'),
+        ].join('\n'),
     };
 };
 export const validate = async (schema, documents, config, outputFile) => {

package/esm/visitor.js

@@ -1,7 +1,7 @@
-import { ClientSideBaseVisitor, getConfigValue, OMIT_TYPE, DocumentMode, } from '@graphql-codegen/visitor-plugin-common';
 import autoBind from 'auto-bind';
+import { camelCase, pascalCase } from 'change-case-all';
 import { Kind } from 'graphql';
-import { pascalCase, camelCase } from 'change-case-all';
+import { ClientSideBaseVisitor, DocumentMode, getConfigValue, OMIT_TYPE, } from '@graphql-codegen/visitor-plugin-common';
 const APOLLO_CLIENT_3_UNIFIED_PACKAGE = `@apollo/client`;
 const GROUPED_APOLLO_CLIENT_3_IDENTIFIER = 'Apollo';
 function hasRequiredVariables(node) {
@@ -17,12 +17,18 @@ export class ReactApolloVisitor extends ClientSideBaseVisitor {
             withHooks: getConfigValue(rawConfig.withHooks, true),
             withMutationFn: getConfigValue(rawConfig.withMutationFn, true),
             withRefetchFn: getConfigValue(rawConfig.withRefetchFn, false),
-            apolloReactCommonImportFrom: getConfigValue(rawConfig.apolloReactCommonImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-common' : APOLLO_CLIENT_3_UNIFIED_PACKAGE),
+            apolloReactCommonImportFrom: getConfigValue(rawConfig.apolloReactCommonImportFrom, rawConfig.reactApolloVersion === 2
+                ? '@apollo/react-common'
+                : APOLLO_CLIENT_3_UNIFIED_PACKAGE),
             apolloReactComponentsImportFrom: getConfigValue(rawConfig.apolloReactComponentsImportFrom, rawConfig.reactApolloVersion === 2
                 ? '@apollo/react-components'
                 : `${APOLLO_CLIENT_3_UNIFIED_PACKAGE}/react/components`),
-            apolloReactHocImportFrom: getConfigValue(rawConfig.apolloReactHocImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-hoc' : `${APOLLO_CLIENT_3_UNIFIED_PACKAGE}/react/hoc`),
-            apolloReactHooksImportFrom: getConfigValue(rawConfig.apolloReactHooksImportFrom, rawConfig.reactApolloVersion === 2 ? '@apollo/react-hooks' : APOLLO_CLIENT_3_UNIFIED_PACKAGE),
+            apolloReactHocImportFrom: getConfigValue(rawConfig.apolloReactHocImportFrom, rawConfig.reactApolloVersion === 2
+                ? '@apollo/react-hoc'
+                : `${APOLLO_CLIENT_3_UNIFIED_PACKAGE}/react/hoc`),
+            apolloReactHooksImportFrom: getConfigValue(rawConfig.apolloReactHooksImportFrom, rawConfig.reactApolloVersion === 2
+                ? '@apollo/react-hooks'
+                : APOLLO_CLIENT_3_UNIFIED_PACKAGE),
             reactApolloVersion: getConfigValue(rawConfig.reactApolloVersion, 3),
             withResultType: getConfigValue(rawConfig.withResultType, true),
             withMutationOptionsType: getConfigValue(rawConfig.withMutationOptionsType, true),
@@ -33,7 +39,9 @@ export class ReactApolloVisitor extends ClientSideBaseVisitor {
         });
         this.rawConfig = rawConfig;
         this.imports = new Set();
-        this._externalImportPrefix = this.config.importOperationTypesFrom ? `${this.config.importOperationTypesFrom}.` : '';
+        this._externalImportPrefix = this.config.importOperationTypesFrom
+            ? `${this.config.importOperationTypesFrom}.`
+            : '';
         this._documents = documents;
         autoBind(this);
     }
@@ -66,7 +74,8 @@ export class ReactApolloVisitor extends ClientSideBaseVisitor {
     getApolloReactCommonImport(isTypeImport) {
         const apolloReactCommonIdentifier = this.getApolloReactCommonIdentifier();
         return `${this.getImportStatement(isTypeImport &&
-            (apolloReactCommonIdentifier !== GROUPED_APOLLO_CLIENT_3_IDENTIFIER || this.usesExternalHooksOnly()))} * as ${apolloReactCommonIdentifier} from '${this.config.apolloReactCommonImportFrom}';`;
+            (apolloReactCommonIdentifier !== GROUPED_APOLLO_CLIENT_3_IDENTIFIER ||
+                this.usesExternalHooksOnly()))} * as ${apolloReactCommonIdentifier} from '${this.config.apolloReactCommonImportFrom}';`;
     }
     getApolloReactComponentsImport(isTypeImport) {
         return `${this.getImportStatement(isTypeImport)} * as ApolloReactComponents from '${this.config.apolloReactComponentsImportFrom}';`;
@@ -100,7 +109,8 @@ export class ReactApolloVisitor extends ClientSideBaseVisitor {
     _buildHocProps(operationName, operationType) {
         const typeVariableName = this._externalImportPrefix +
             this.convertName(operationName + pascalCase(operationType) + this._parsedConfig.operationResultSuffix);
-        const variablesVarName = this._externalImportPrefix + this.convertName(operationName + pascalCase(operationType) + 'Variables');
+        const variablesVarName = this._externalImportPrefix +
+            this.convertName(operationName + pascalCase(operationType) + 'Variables');
         const typeArgs = `<${typeVariableName}, ${variablesVarName}>`;
         if (operationType === 'mutation') {
             this.imports.add(this.getApolloReactCommonImport(true));
@@ -226,7 +236,9 @@ export class ReactApolloVisitor extends ClientSideBaseVisitor {
         if (this.config.addDocBlocks) {
             hookFns.unshift(this._buildHooksJSDoc(node, operationName, operationType));
         }
-        const hookResults = [`export type ${operationName}HookResult = ReturnType<typeof use${operationName}>;`];
+        const hookResults = [
+            `export type ${operationName}HookResult = ReturnType<typeof use${operationName}>;`,
+        ];
         if (operationType === 'Query') {
             const lazyOperationName = this.convertName(nodeName, {
                 suffix: pascalCase('LazyQuery'),
@@ -323,6 +335,8 @@ export class ReactApolloVisitor extends ClientSideBaseVisitor {
         const refetchFn = this.config.withRefetchFn
             ? this._buildRefetchFn(node, documentVariableName, operationType, operationVariablesTypes)
             : null;
-        return [mutationFn, component, hoc, hooks, resultType, mutationOptionsType, refetchFn].filter(a => a).join('\n');
+        return [mutationFn, component, hoc, hooks, resultType, mutationOptionsType, refetchFn]
+            .filter(a => a)
+            .join('\n');
     }
 }

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@graphql-codegen/typescript-react-apollo",
-  "version": "3.3.7",
+  "version": "4.0.0-alpha-20230524083052-08ce957b4",
   "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.7.2",
+    "@graphql-codegen/plugin-helpers": "^3.0.0",
     "@graphql-codegen/visitor-plugin-common": "2.13.1",
     "auto-bind": "~4.0.0",
-    "change-case-all": "1.0.14",
+    "change-case-all": "1.0.15",
     "tslib": "~2.4.0"
   },
   "repository": {
@@ -19,6 +19,9 @@
     "directory": "packages/plugins/typescript/react-apollo"
   },
   "license": "MIT",
+  "engines": {
+    "node": ">= 16.0.0"
+  },
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "typings": "typings/index.d.ts",

package/typings/index.d.cts

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

package/typings/index.d.ts

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

package/typings/visitor.d.cts

@@ -1,7 +1,7 @@
-import { ClientSideBaseVisitor, ClientSideBasePluginConfig, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
-import { ReactApolloRawPluginConfig } from './config.cjs';
-import { OperationDefinitionNode, GraphQLSchema } from 'graphql';
+import { GraphQLSchema, OperationDefinitionNode } from 'graphql';
 import { Types } from '@graphql-codegen/plugin-helpers';
+import { ClientSideBasePluginConfig, ClientSideBaseVisitor, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
+import { ReactApolloRawPluginConfig } from './config.cjs';
 export interface ReactApolloPluginConfig extends ClientSideBasePluginConfig {
     withComponent: boolean;
     withHOC: boolean;

package/typings/visitor.d.ts

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