@graphql-codegen/typescript-react-query 4.1.0 → 5.0.0-alpha-20230524083052-08ce957b4

package/cjs/config.js

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

package/cjs/fetcher-custom-mapper.js

@@ -34,7 +34,9 @@ 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 ?? {})})`
             : `(metaData) => ${typedFetcher}(${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})})()`;

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}`;

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,7 +31,9 @@ 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 ?? {})})`
             : `(metaData) => ${typedFetcher}(${documentVariableName}, {...variables, ...(metaData.pageParam ?? {})})()`;

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}`;

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,6 +1,6 @@
 {
   "name": "@graphql-codegen/typescript-react-query",
-  "version": "4.1.0",
+  "version": "5.0.0-alpha-20230524083052-08ce957b4",
   "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"
@@ -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;