@graphql-codegen/typescript-react-query 4.0.6 → 5.0.0-alpha-20230524082546-d7e1d0a4a

package/cjs/config.js

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

package/cjs/fetcher-custom-mapper.js

@@ -34,10 +34,12 @@ class CustomMapperFetcher {
         this.visitor.reactQueryOptionsIdentifiersInUse.add(hookConfig.infiniteQuery.options);
         const options = `options?: ${hookConfig.infiniteQuery.options}<${operationResultType}, TError, TData>`;
         const typedFetcher = this.getFetcherFnName(operationResultType, operationVariablesTypes);
-        const implHookOuter = this._isReactHook ? `const query = ${typedFetcher}(${documentVariableName})` : '';
+        const implHookOuter = this._isReactHook
+            ? `const query = ${typedFetcher}(${documentVariableName})`
+            : '';
         const impl = this._isReactHook
-            ? `(metaData) => query({...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})})`
-            : `(metaData) => ${typedFetcher}(${documentVariableName}, {...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})})()`;
+            ? `(metaData) => query({...variables, ...(metaData.pageParam ?? {})})`
+            : `(metaData) => ${typedFetcher}(${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})})()`;
         return `export const useInfinite${operationName} = <
       TData = ${operationResultType},
       TError = ${this.visitor.config.errorType}

package/cjs/fetcher-fetch-hardcoded.js

@@ -19,7 +19,9 @@ class HardcodedFetchFetcher {
     getFetchParams() {
         let fetchParamsPartial = '';
         if (this.config.fetchParams) {
-            const fetchParamsString = typeof this.config.fetchParams === 'string' ? this.config.fetchParams : JSON.stringify(this.config.fetchParams);
+            const fetchParamsString = typeof this.config.fetchParams === 'string'
+                ? this.config.fetchParams
+                : JSON.stringify(this.config.fetchParams);
             fetchParamsPartial = `\n    ...(${fetchParamsString}),`;
         }
         return `    method: "POST",${fetchParamsPartial}`;
@@ -61,7 +63,7 @@ ${this.getFetchParams()}
     ) =>
     ${hookConfig.infiniteQuery.hook}<${operationResultType}, TError, TData>(
       ${(0, variables_generator_js_1.generateInfiniteQueryKey)(node, hasRequiredVariables)},
-      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(${documentVariableName}, {...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})})(),
+      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})})(),
       options
     );`;
     }

package/cjs/fetcher-fetch.js

@@ -45,7 +45,7 @@ function fetcher<TData, TVariables>(endpoint: string, requestInit: RequestInit,
     ) =>
     ${hookConfig.infiniteQuery.hook}<${operationResultType}, TError, TData>(
       ${(0, variables_generator_js_1.generateInfiniteQueryKey)(node, hasRequiredVariables)},
-      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(dataSource.endpoint, dataSource.fetchParams || {}, ${documentVariableName}, {...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})})(),
+      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(dataSource.endpoint, dataSource.fetchParams || {}, ${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})})(),
       options
     );`;
     }

package/cjs/fetcher-graphql-request.js

@@ -36,7 +36,7 @@ function fetcher<TData, TVariables extends { [key: string]: any }>(client: Graph
     ) =>
     ${hookConfig.infiniteQuery.hook}<${operationResultType}, TError, TData>(
       ${(0, variables_generator_js_1.generateInfiniteQueryKey)(node, hasRequiredVariables)},
-      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(client, ${documentVariableName}, {...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})}, headers)(),
+      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(client, ${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})}, headers)(),
       options
     );`;
     }

package/cjs/fetcher.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.ReactQueryVisitor = exports.validate = exports.plugin = void 0;
+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, "ReactQueryVisitor", { enumerable: true, get: function () { return visitor_js_1.ReactQueryVisitor; } });
-const path_1 = require("path");
 const plugin = (schema, documents, config) => {
     const allAst = (0, graphql_1.concatAST)(documents.map(v => v.document));
     const allFragments = [
@@ -22,12 +22,18 @@ const plugin = (schema, documents, config) => {
     if (visitor.hasOperations) {
         return {
             prepend: [...visitor.getImports(), visitor.getFetcherImplementation()],
-            content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+            content: [
+                visitor.fragments,
+                ...visitorResult.definitions.filter(t => typeof t === 'string'),
+            ].join('\n'),
         };
     }
     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,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactQueryVisitor = void 0;
 const tslib_1 = require("tslib");
+const auto_bind_1 = tslib_1.__importDefault(require("auto-bind"));
+const change_case_all_1 = require("change-case-all");
 const visitor_plugin_common_1 = require("@graphql-codegen/visitor-plugin-common");
-const variables_generator_js_1 = require("./variables-generator.js");
 const fetcher_custom_mapper_js_1 = require("./fetcher-custom-mapper.js");
+const fetcher_fetch_hardcoded_js_1 = require("./fetcher-fetch-hardcoded.js");
 const fetcher_fetch_js_1 = require("./fetcher-fetch.js");
 const fetcher_graphql_request_js_1 = require("./fetcher-graphql-request.js");
-const fetcher_fetch_hardcoded_js_1 = require("./fetcher-fetch-hardcoded.js");
-const auto_bind_1 = tslib_1.__importDefault(require("auto-bind"));
-const change_case_all_1 = require("change-case-all");
+const variables_generator_js_1 = require("./variables-generator.js");
 class ReactQueryVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
     constructor(schema, fragments, rawConfig, documents) {
         super(schema, fragments, rawConfig, {
@@ -39,7 +39,9 @@ class ReactQueryVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
                 options: 'UseMutationOptions',
             },
         };
-        this._externalImportPrefix = this.config.importOperationTypesFrom ? `${this.config.importOperationTypesFrom}.` : '';
+        this._externalImportPrefix = this.config.importOperationTypesFrom
+            ? `${this.config.importOperationTypesFrom}.`
+            : '';
         this._documents = documents;
         this.fetcher = this.createFetcher(rawConfig.fetcher || 'fetch');
         (0, auto_bind_1.default)(this);

package/esm/config.js

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

package/esm/fetcher-custom-mapper.js

@@ -1,5 +1,5 @@
-import { buildMapperImport, parseMapper } from '@graphql-codegen/visitor-plugin-common';
-import { generateInfiniteQueryKey, generateMutationKey, generateQueryKey } from './variables-generator.js';
+import { buildMapperImport, parseMapper, } from '@graphql-codegen/visitor-plugin-common';
+import { generateInfiniteQueryKey, generateMutationKey, generateQueryKey, } from './variables-generator.js';
 export class CustomMapperFetcher {
     constructor(visitor, customFetcher) {
         this.visitor = visitor;
@@ -31,10 +31,12 @@ export class CustomMapperFetcher {
         this.visitor.reactQueryOptionsIdentifiersInUse.add(hookConfig.infiniteQuery.options);
         const options = `options?: ${hookConfig.infiniteQuery.options}<${operationResultType}, TError, TData>`;
         const typedFetcher = this.getFetcherFnName(operationResultType, operationVariablesTypes);
-        const implHookOuter = this._isReactHook ? `const query = ${typedFetcher}(${documentVariableName})` : '';
+        const implHookOuter = this._isReactHook
+            ? `const query = ${typedFetcher}(${documentVariableName})`
+            : '';
         const impl = this._isReactHook
-            ? `(metaData) => query({...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})})`
-            : `(metaData) => ${typedFetcher}(${documentVariableName}, {...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})})()`;
+            ? `(metaData) => query({...variables, ...(metaData.pageParam ?? {})})`
+            : `(metaData) => ${typedFetcher}(${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})})()`;
         return `export const useInfinite${operationName} = <
       TData = ${operationResultType},
       TError = ${this.visitor.config.errorType}

package/esm/fetcher-fetch-hardcoded.js

@@ -16,7 +16,9 @@ export class HardcodedFetchFetcher {
     getFetchParams() {
         let fetchParamsPartial = '';
         if (this.config.fetchParams) {
-            const fetchParamsString = typeof this.config.fetchParams === 'string' ? this.config.fetchParams : JSON.stringify(this.config.fetchParams);
+            const fetchParamsString = typeof this.config.fetchParams === 'string'
+                ? this.config.fetchParams
+                : JSON.stringify(this.config.fetchParams);
             fetchParamsPartial = `\n    ...(${fetchParamsString}),`;
         }
         return `    method: "POST",${fetchParamsPartial}`;
@@ -58,7 +60,7 @@ ${this.getFetchParams()}
     ) =>
     ${hookConfig.infiniteQuery.hook}<${operationResultType}, TError, TData>(
       ${generateInfiniteQueryKey(node, hasRequiredVariables)},
-      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(${documentVariableName}, {...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})})(),
+      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})})(),
       options
     );`;
     }

package/esm/fetcher-fetch.js

@@ -42,7 +42,7 @@ function fetcher<TData, TVariables>(endpoint: string, requestInit: RequestInit,
     ) =>
     ${hookConfig.infiniteQuery.hook}<${operationResultType}, TError, TData>(
       ${generateInfiniteQueryKey(node, hasRequiredVariables)},
-      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(dataSource.endpoint, dataSource.fetchParams || {}, ${documentVariableName}, {...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})})(),
+      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(dataSource.endpoint, dataSource.fetchParams || {}, ${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})})(),
       options
     );`;
     }

package/esm/fetcher-graphql-request.js

@@ -33,7 +33,7 @@ function fetcher<TData, TVariables extends { [key: string]: any }>(client: Graph
     ) =>
     ${hookConfig.infiniteQuery.hook}<${operationResultType}, TError, TData>(
       ${generateInfiniteQueryKey(node, hasRequiredVariables)},
-      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(client, ${documentVariableName}, {...variables, ...(metaData.pageParam ? {[pageParamKey]: metaData.pageParam} : {})}, headers)(),
+      (metaData) => fetcher<${operationResultType}, ${operationVariablesTypes}>(client, ${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})}, headers)(),
       options
     );`;
     }

package/esm/fetcher.js

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

package/esm/index.js

@@ -1,7 +1,7 @@
-import { Kind, concatAST } from 'graphql';
+import { extname } from 'path';
+import { concatAST, Kind } from 'graphql';
 import { oldVisit } from '@graphql-codegen/plugin-helpers';
 import { ReactQueryVisitor } from './visitor.js';
-import { extname } from 'path';
 export const plugin = (schema, documents, config) => {
     const allAst = concatAST(documents.map(v => v.document));
     const allFragments = [
@@ -18,12 +18,18 @@ export const plugin = (schema, documents, config) => {
     if (visitor.hasOperations) {
         return {
             prepend: [...visitor.getImports(), visitor.getFetcherImplementation()],
-            content: [visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+            content: [
+                visitor.fragments,
+                ...visitorResult.definitions.filter(t => typeof t === 'string'),
+            ].join('\n'),
         };
     }
     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,11 +1,11 @@
+import autoBind from 'auto-bind';
+import { pascalCase } from 'change-case-all';
 import { ClientSideBaseVisitor, DocumentMode, getConfigValue, } from '@graphql-codegen/visitor-plugin-common';
-import { generateMutationKeyMaker, generateQueryKeyMaker, generateInfiniteQueryKeyMaker, } from './variables-generator.js';
 import { CustomMapperFetcher } from './fetcher-custom-mapper.js';
+import { HardcodedFetchFetcher } from './fetcher-fetch-hardcoded.js';
 import { FetchFetcher } from './fetcher-fetch.js';
 import { GraphQLRequestClientFetcher } from './fetcher-graphql-request.js';
-import { HardcodedFetchFetcher } from './fetcher-fetch-hardcoded.js';
-import autoBind from 'auto-bind';
-import { pascalCase } from 'change-case-all';
+import { generateInfiniteQueryKeyMaker, generateMutationKeyMaker, generateQueryKeyMaker, } from './variables-generator.js';
 export class ReactQueryVisitor extends ClientSideBaseVisitor {
     constructor(schema, fragments, rawConfig, documents) {
         super(schema, fragments, rawConfig, {
@@ -35,7 +35,9 @@ export class ReactQueryVisitor extends ClientSideBaseVisitor {
                 options: 'UseMutationOptions',
             },
         };
-        this._externalImportPrefix = this.config.importOperationTypesFrom ? `${this.config.importOperationTypesFrom}.` : '';
+        this._externalImportPrefix = this.config.importOperationTypesFrom
+            ? `${this.config.importOperationTypesFrom}.`
+            : '';
         this._documents = documents;
         this.fetcher = this.createFetcher(rawConfig.fetcher || 'fetch');
         autoBind(this);

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@graphql-codegen/typescript-react-query",
-  "version": "4.0.6",
+  "version": "5.0.0-alpha-20230524082546-d7e1d0a4a",
   "description": "GraphQL Code Generator plugin for generating a ready-to-use React-Query 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"
   },
   "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": {
@@ -18,6 +18,9 @@
     "directory": "packages/plugins/typescript/react-query"
   },
   "license": "MIT",
+  "engines": {
+    "node": ">= 16.0.0"
+  },
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "typings": "typings/index.d.ts",

package/typings/config.d.cts

@@ -1,9 +1,9 @@
 import { RawClientSideBasePluginConfig } from '@graphql-codegen/visitor-plugin-common';
-export declare type HardcodedFetch = {
+export type HardcodedFetch = {
     endpoint: string;
     fetchParams?: string | Record<string, any>;
 };
-export declare type CustomFetch = {
+export type CustomFetch = {
     func: string;
     isReactHook?: boolean;
 } | string;

package/typings/config.d.ts

@@ -1,9 +1,9 @@
 import { RawClientSideBasePluginConfig } from '@graphql-codegen/visitor-plugin-common';
-export declare type HardcodedFetch = {
+export type HardcodedFetch = {
     endpoint: string;
     fetchParams?: string | Record<string, any>;
 };
-export declare type CustomFetch = {
+export type CustomFetch = {
     func: string;
     isReactHook?: boolean;
 } | string;

package/typings/fetcher-custom-mapper.d.cts

@@ -1,6 +1,6 @@
+import { OperationDefinitionNode } from 'graphql';
 import { CustomFetch } from './config.cjs';
 import { FetcherRenderer } from './fetcher.cjs';
-import { OperationDefinitionNode } from 'graphql';
 import { ReactQueryVisitor } from './visitor.cjs';
 export declare class CustomMapperFetcher implements FetcherRenderer {
     private visitor;

package/typings/fetcher-custom-mapper.d.ts

@@ -1,6 +1,6 @@
+import { OperationDefinitionNode } from 'graphql';
 import { CustomFetch } from './config.js';
 import { FetcherRenderer } from './fetcher.js';
-import { OperationDefinitionNode } from 'graphql';
 import { ReactQueryVisitor } from './visitor.js';
 export declare class CustomMapperFetcher implements FetcherRenderer {
     private visitor;

package/typings/fetcher-fetch-hardcoded.d.cts

@@ -1,6 +1,6 @@
-import { FetcherRenderer } from './fetcher.cjs';
-import { HardcodedFetch } from './config.cjs';
 import { OperationDefinitionNode } from 'graphql';
+import { HardcodedFetch } from './config.cjs';
+import { FetcherRenderer } from './fetcher.cjs';
 import { ReactQueryVisitor } from './visitor.cjs';
 export declare class HardcodedFetchFetcher implements FetcherRenderer {
     private visitor;

package/typings/fetcher-fetch-hardcoded.d.ts

@@ -1,6 +1,6 @@
-import { FetcherRenderer } from './fetcher.js';
-import { HardcodedFetch } from './config.js';
 import { OperationDefinitionNode } from 'graphql';
+import { HardcodedFetch } from './config.js';
+import { FetcherRenderer } from './fetcher.js';
 import { ReactQueryVisitor } from './visitor.js';
 export declare class HardcodedFetchFetcher implements FetcherRenderer {
     private visitor;

package/typings/fetcher-fetch.d.cts

@@ -1,5 +1,5 @@
-import { FetcherRenderer } from './fetcher.cjs';
 import { OperationDefinitionNode } from 'graphql';
+import { FetcherRenderer } from './fetcher.cjs';
 import { ReactQueryVisitor } from './visitor.cjs';
 export declare class FetchFetcher implements FetcherRenderer {
     private visitor;

package/typings/fetcher-fetch.d.ts

@@ -1,5 +1,5 @@
-import { FetcherRenderer } from './fetcher.js';
 import { OperationDefinitionNode } from 'graphql';
+import { FetcherRenderer } from './fetcher.js';
 import { ReactQueryVisitor } from './visitor.js';
 export declare class FetchFetcher implements FetcherRenderer {
     private visitor;

package/typings/fetcher-graphql-request.d.cts

@@ -1,5 +1,5 @@
-import { FetcherRenderer } from './fetcher.cjs';
 import { OperationDefinitionNode } from 'graphql';
+import { FetcherRenderer } from './fetcher.cjs';
 import { ReactQueryVisitor } from './visitor.cjs';
 export declare class GraphQLRequestClientFetcher implements FetcherRenderer {
     private visitor;

package/typings/fetcher-graphql-request.d.ts

@@ -1,5 +1,5 @@
-import { FetcherRenderer } from './fetcher.js';
 import { OperationDefinitionNode } from 'graphql';
+import { FetcherRenderer } from './fetcher.js';
 import { ReactQueryVisitor } from './visitor.js';
 export declare class GraphQLRequestClientFetcher implements FetcherRenderer {
     private visitor;

package/typings/visitor.d.cts

@@ -1,8 +1,8 @@
-import { ClientSideBasePluginConfig, ClientSideBaseVisitor, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
 import { GraphQLSchema, OperationDefinitionNode } from 'graphql';
-import { FetcherRenderer } from './fetcher.cjs';
-import { ReactQueryRawPluginConfig } from './config.cjs';
 import { Types } from '@graphql-codegen/plugin-helpers';
+import { ClientSideBasePluginConfig, ClientSideBaseVisitor, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
+import { ReactQueryRawPluginConfig } from './config.cjs';
+import { FetcherRenderer } from './fetcher.cjs';
 export interface ReactQueryPluginConfig extends ClientSideBasePluginConfig {
     errorType: string;
     exposeDocument: boolean;

package/typings/visitor.d.ts

@@ -1,8 +1,8 @@
-import { ClientSideBasePluginConfig, ClientSideBaseVisitor, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
 import { GraphQLSchema, OperationDefinitionNode } from 'graphql';
-import { FetcherRenderer } from './fetcher.js';
-import { ReactQueryRawPluginConfig } from './config.js';
 import { Types } from '@graphql-codegen/plugin-helpers';
+import { ClientSideBasePluginConfig, ClientSideBaseVisitor, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
+import { ReactQueryRawPluginConfig } from './config.js';
+import { FetcherRenderer } from './fetcher.js';
 export interface ReactQueryPluginConfig extends ClientSideBasePluginConfig {
     errorType: string;
     exposeDocument: boolean;