@kubb/plugin-react-query/dist/generators-W_darhpm.cjs.map

React Query hooks generator plugin for Kubb, creating type-safe API client hooks from OpenAPI specifications for React applications.

{"version":3,"file":"generators-W_darhpm.cjs","names":["path","fs","File","Function","File","Type","pluginClientName","pluginTsName","pluginZodName","File","path","QueryKey","Client","InfiniteQueryOptions","InfiniteQuery","pluginTsName","pluginZodName","pluginClientName","File","path","MutationKey","Client","MutationOptions","Mutation","pluginClientName","pluginTsName","pluginZodName","File","path","QueryKey","Client","QueryOptions","Query","pluginClientName","pluginTsName","pluginZodName","File","path","QueryKey","Client","SuspenseInfiniteQueryOptions","SuspenseInfiniteQuery","pluginClientName","pluginTsName","pluginZodName","File","path","QueryKey","Client","QueryOptions","SuspenseQuery"],"sources":["../src/generators/customHookOptionsFileGenerator.tsx","../src/generators/hookOptionsGenerator.tsx","../src/generators/infiniteQueryGenerator.tsx","../src/generators/mutationGenerator.tsx","../src/generators/queryGenerator.tsx","../src/generators/suspenseInfiniteQueryGenerator.tsx","../src/generators/suspenseQueryGenerator.tsx"],"sourcesContent":["import fs from 'node:fs'\nimport path from 'node:path'\nimport { usePluginManager } from '@kubb/core/hooks'\nimport type { Operation } from '@kubb/oas'\nimport { createReactGenerator } from '@kubb/plugin-oas/generators'\nimport { useOperationManager } from '@kubb/plugin-oas/hooks'\nimport { File, Function } from '@kubb/react-fabric'\nimport type { PluginReactQuery } from '../types'\n\nexport const customHookOptionsFileGenerator = createReactGenerator<PluginReactQuery>({\n  name: 'react-query-custom-hook-options-file',\n  Operations({ operations, generator, plugin, config }) {\n    const {\n      options,\n      options: { output },\n      key: pluginKey,\n    } = plugin\n    const pluginManager = usePluginManager()\n\n    const { getFile } = useOperationManager(generator)\n\n    if (!options.customOptions) {\n      return null\n    }\n\n    const override = output.override ?? config.output.override ?? false\n    const { importPath, name } = options.customOptions\n\n    const root = path.resolve(config.root, config.output.path)\n\n    const reactQueryImportPath = options.query ? options.query.importPath : '@tanstack/react-query'\n\n    const getHookFilePath = (operations: Operation[]) => {\n      const firstOperation = operations[0]\n      if (firstOperation != null) {\n        // Get the file of the first generated hook\n        return getFile(firstOperation, { prefix: 'use' }).path\n      }\n      // Get the index file of the hooks directory\n      return pluginManager.getFile({ name: 'index', extname: '.ts', pluginKey }).path\n    }\n\n    const ensureExtension = (filePath: string, extname: string) => {\n      if (path.extname(filePath) === '') {\n        return filePath + extname\n      }\n      return filePath\n    }\n\n    const getExternalFile = (filePath: string, rootPath: string) => {\n      const actualFilePath = ensureExtension(filePath, '.ts')\n      return {\n        baseName: path.basename(actualFilePath) as `${string}.${string}`,\n        name: path.basename(actualFilePath, path.extname(actualFilePath)),\n        path: path.resolve(rootPath, actualFilePath),\n      }\n    }\n\n    const basePath = path.dirname(getHookFilePath(operations))\n    const file = getExternalFile(importPath, basePath)\n\n    if (fs.existsSync(file.path) && !override) {\n      return null\n    }\n\n    return (\n      <File baseName={file.baseName} path={file.path}>\n        <File.Import name={['QueryClient']} path={reactQueryImportPath} isTypeOnly />\n        <File.Import name={['useQueryClient']} path={reactQueryImportPath} />\n        <File.Import name={['HookOptions']} root={file.path} path={path.resolve(root, './index.ts')} />\n        <File.Source name={file.name} isExportable isIndexable>\n          <Function name=\"getCustomHookOptions\" params=\"{ queryClient }: { queryClient: QueryClient }\" returnType=\"Partial<HookOptions>\">\n            {`return {\n              // TODO: Define custom hook options here\n              // Example:\n              // useUpdatePetHook: {\n              //   onSuccess: () => {\n              //     void queryClient.invalidateQueries({ queryKey: ['pet'] })\n              //   }\n              // }\n            }`}\n          </Function>\n          <Function\n            name={name}\n            generics=\"T extends keyof HookOptions\"\n            params=\"{ hookName, operationId }: { hookName: T, operationId: string }\"\n            returnType=\"HookOptions[T]\"\n            export\n          >\n            {`const queryClient = useQueryClient()\n            const customOptions = getCustomHookOptions({ queryClient })\n            return customOptions[hookName] ?? {}`}\n          </Function>\n        </File.Source>\n      </File>\n    )\n  },\n})\n","import { usePluginManager } from '@kubb/core/hooks'\nimport type { Operation } from '@kubb/oas'\nimport { createReactGenerator } from '@kubb/plugin-oas/generators'\nimport { useOas, useOperationManager } from '@kubb/plugin-oas/hooks'\nimport { getBanner, getFooter } from '@kubb/plugin-oas/utils'\nimport { File, Type } from '@kubb/react-fabric'\nimport { difference } from 'remeda'\nimport type { PluginReactQuery } from '../types'\n\nexport const hookOptionsGenerator = createReactGenerator<PluginReactQuery>({\n  name: 'react-query-hook-options',\n  Operations({ operations, plugin, generator }) {\n    const {\n      options,\n      options: { output },\n      key: pluginKey,\n    } = plugin\n    const pluginManager = usePluginManager()\n\n    const oas = useOas()\n    const { getName, getFile } = useOperationManager(generator)\n\n    if (!options.customOptions) {\n      return null\n    }\n\n    const name = 'HookOptions'\n    const file = pluginManager.getFile({ name, extname: '.ts', pluginKey })\n\n    const getOperationOptions = (operation: Operation) => {\n      const operationOptions = generator.getOptions(operation, operation.method)\n      return { ...options, ...operationOptions }\n    }\n\n    const isQuery = (operation: Operation) => {\n      const operationOptions = getOperationOptions(operation)\n      return typeof operationOptions.query === 'boolean' ? true : operationOptions.query?.methods.some((method) => operation.method === method)\n    }\n\n    const isMutation = (operation: Operation) => {\n      const operationOptions = getOperationOptions(operation)\n      return (\n        operationOptions.mutation !== false &&\n        !isQuery(operation) &&\n        difference(operationOptions.mutation ? operationOptions.mutation.methods : [], operationOptions.query ? operationOptions.query.methods : []).some(\n          (method) => operation.method === method,\n        )\n      )\n    }\n\n    const isSuspense = (operation: Operation) => {\n      const operationOptions = getOperationOptions(operation)\n      return !!operationOptions.suspense\n    }\n\n    const isInfinite = (operation: Operation) => {\n      const operationOptions = getOperationOptions(operation)\n      const infiniteOptions = operationOptions.infinite && typeof operationOptions.infinite === 'object' ? operationOptions.infinite : undefined\n      return !!infiniteOptions\n    }\n\n    // Query/mutation hooks\n    const getHookName = (operation: Operation) => {\n      return getName(operation, { type: 'function', prefix: 'use' })\n    }\n\n    const getHookFile = (operation: Operation) => {\n      return getFile(operation, { prefix: 'use' })\n    }\n\n    // Query hooks\n    const getQueryHookOptions = (operation: Operation) => {\n      return getName(operation, { type: 'function', suffix: 'QueryOptions' })\n    }\n\n    const getQueryHookOptionsImport = (operation: Operation) => {\n      return <File.Import name={[getQueryHookOptions(operation)]} root={file.path} path={getHookFile(operation).path} />\n    }\n\n    // Mutation hooks\n    const getMutationHookOptions = (operation: Operation) => {\n      return getName(operation, { type: 'function', suffix: 'MutationOptions' })\n    }\n\n    const getMutationHookOptionsImport = (operation: Operation) => {\n      return <File.Import name={[getMutationHookOptions(operation)]} root={file.path} path={getHookFile(operation).path} />\n    }\n\n    // Suspense hooks\n    const getSuspenseHookName = (operation: Operation) => {\n      return getName(operation, { type: 'function', prefix: 'use', suffix: 'suspense' })\n    }\n\n    const getSuspenseHookFile = (operation: Operation) => {\n      return getFile(operation, { prefix: 'use', suffix: 'suspense' })\n    }\n\n    const getSuspenseHookOptions = (operation: Operation) => {\n      return getName(operation, { type: 'function', suffix: 'SuspenseQueryOptions' })\n    }\n\n    const getSuspenseHookOptionsImport = (operation: Operation) => {\n      return <File.Import name={[getSuspenseHookOptions(operation)]} root={file.path} path={getSuspenseHookFile(operation).path} />\n    }\n\n    // Infinite hooks\n    const getInfiniteHookName = (operation: Operation) => {\n      return getName(operation, { type: 'function', prefix: 'use', suffix: 'infinite' })\n    }\n\n    const getInfiniteHookFile = (operation: Operation) => {\n      return getFile(operation, { prefix: 'use', suffix: 'infinite' })\n    }\n\n    const getInfiniteHookOptions = (operation: Operation) => {\n      return getName(operation, { type: 'function', suffix: 'InfiniteQueryOptions' })\n    }\n\n    const getInfiniteHookOptionsImport = (operation: Operation) => {\n      return <File.Import name={[getInfiniteHookOptions(operation)]} root={file.path} path={getInfiniteHookFile(operation).path} />\n    }\n\n    // Suspense infinite hooks\n    const getSuspenseInfiniteHookName = (operation: Operation) => {\n      return getName(operation, { type: 'function', prefix: 'use', suffix: 'suspenseInfinite' })\n    }\n\n    const getSuspenseInfiniteHookFile = (operation: Operation) => {\n      return getFile(operation, { prefix: 'use', suffix: 'suspenseInfinite' })\n    }\n\n    const getSuspenseInfiniteHookOptions = (operation: Operation) => {\n      return getName(operation, { type: 'function', suffix: 'SuspenseInfiniteQueryOptions' })\n    }\n\n    const getSuspenseInfiniteHookOptionsImport = (operation: Operation) => {\n      return <File.Import name={[getSuspenseInfiniteHookOptions(operation)]} root={file.path} path={getSuspenseInfiniteHookFile(operation).path} />\n    }\n\n    const imports = operations\n      .flatMap((operation) => {\n        if (isQuery(operation)) {\n          return [\n            getQueryHookOptionsImport(operation),\n            isSuspense(operation) ? getSuspenseHookOptionsImport(operation) : undefined,\n            isInfinite(operation) ? getInfiniteHookOptionsImport(operation) : undefined,\n            isSuspense(operation) && isInfinite(operation) ? getSuspenseInfiniteHookOptionsImport(operation) : undefined,\n          ].filter(Boolean)\n        }\n        if (isMutation(operation)) {\n          return [getMutationHookOptionsImport(operation)]\n        }\n        return []\n      })\n      .filter(Boolean)\n\n    const hookOptions = operations.reduce(\n      (acc, operation) => {\n        if (isQuery(operation)) {\n          acc[getHookName(operation)] = `Partial<ReturnType<typeof ${getQueryHookOptions(operation)}>>`\n          if (isSuspense(operation)) {\n            acc[getSuspenseHookName(operation)] = `Partial<ReturnType<typeof ${getSuspenseHookOptions(operation)}>>`\n          }\n          if (isInfinite(operation)) {\n            acc[getInfiniteHookName(operation)] = `Partial<ReturnType<typeof ${getInfiniteHookOptions(operation)}>>`\n          }\n          if (isSuspense(operation) && isInfinite(operation)) {\n            acc[getSuspenseInfiniteHookName(operation)] = `Partial<ReturnType<typeof ${getSuspenseInfiniteHookOptions(operation)}>>`\n          }\n        }\n        if (isMutation(operation)) {\n          acc[getHookName(operation)] = `Partial<ReturnType<typeof ${getMutationHookOptions(operation)}>>`\n        }\n        return acc\n      },\n      {} as Record<string, string>,\n    )\n\n    return (\n      <File\n        baseName={file.baseName}\n        path={file.path}\n        meta={file.meta}\n        banner={getBanner({ oas, output, config: pluginManager.config })}\n        footer={getFooter({ oas, output })}\n      >\n        {imports}\n        <File.Source name={name} isExportable isIndexable isTypeOnly>\n          <Type export name={name}>\n            {`{ ${Object.keys(hookOptions).map((key) => `${JSON.stringify(key)}: ${hookOptions[key]}`)} }`}\n          </Type>\n        </File.Source>\n      </File>\n    )\n  },\n})\n","import path from 'node:path'\nimport { usePluginManager } from '@kubb/core/hooks'\nimport { pluginClientName } from '@kubb/plugin-client'\nimport { Client } from '@kubb/plugin-client/components'\nimport { createReactGenerator } from '@kubb/plugin-oas/generators'\nimport { useOas, useOperationManager } from '@kubb/plugin-oas/hooks'\nimport { getBanner, getFooter } from '@kubb/plugin-oas/utils'\nimport { pluginTsName } from '@kubb/plugin-ts'\nimport { pluginZodName } from '@kubb/plugin-zod'\nimport { File } from '@kubb/react-fabric'\nimport { difference } from 'remeda'\nimport { InfiniteQuery, InfiniteQueryOptions, QueryKey } from '../components'\nimport type { PluginReactQuery } from '../types'\n\nexport const infiniteQueryGenerator = createReactGenerator<PluginReactQuery>({\n  name: 'react-infinite-query',\n  Operation({ config, operation, generator, plugin }) {\n    const {\n      options,\n      options: { output },\n    } = plugin\n    const pluginManager = usePluginManager()\n\n    const oas = useOas()\n    const { getSchemas, getName, getFile } = useOperationManager(generator)\n\n    const isQuery = typeof options.query === 'boolean' ? true : options.query?.methods.some((method) => operation.method === method)\n    const isMutation = difference(options.mutation ? options.mutation.methods : [], options.query ? options.query.methods : []).some(\n      (method) => operation.method === method,\n    )\n    const infiniteOptions = options.infinite && typeof options.infinite === 'object' ? options.infinite : undefined\n\n    const importPath = options.query ? options.query.importPath : '@tanstack/react-query'\n\n    const query = {\n      name: getName(operation, { type: 'function', prefix: 'use', suffix: 'infinite' }),\n      typeName: getName(operation, { type: 'type' }),\n      file: getFile(operation, { prefix: 'use', suffix: 'infinite' }),\n    }\n\n    const hasClientPlugin = !!pluginManager.getPluginByKey([pluginClientName])\n    // Class-based clients are not compatible with query hooks, so we generate inline clients\n    const shouldUseClientPlugin = hasClientPlugin && options.client.clientType !== 'class'\n    const client = {\n      name: shouldUseClientPlugin\n        ? getName(operation, {\n            type: 'function',\n            pluginKey: [pluginClientName],\n          })\n        : getName(operation, {\n            type: 'function',\n            suffix: 'infinite',\n          }),\n      file: getFile(operation, { pluginKey: [pluginClientName] }),\n    }\n\n    const queryOptions = {\n      name: getName(operation, { type: 'function', suffix: 'InfiniteQueryOptions' }),\n    }\n\n    const queryKey = {\n      name: getName(operation, { type: 'const', suffix: 'InfiniteQueryKey' }),\n      typeName: getName(operation, { type: 'type', suffix: 'InfiniteQueryKey' }),\n    }\n\n    const type = {\n      file: getFile(operation, { pluginKey: [pluginTsName] }),\n      //todo remove type?\n      schemas: getSchemas(operation, { pluginKey: [pluginTsName], type: 'type' }),\n    }\n\n    const zod = {\n      file: getFile(operation, { pluginKey: [pluginZodName] }),\n      schemas: getSchemas(operation, { pluginKey: [pluginZodName], type: 'function' }),\n    }\n\n    if (!isQuery || isMutation || !infiniteOptions) {\n      return null\n    }\n\n    const normalizeKey = (key?: string | null) => (key ?? '').replace(/\\?$/, '')\n    const queryParam = infiniteOptions.queryParam\n    const cursorParam = infiniteOptions.cursorParam\n    const queryParamKeys = type.schemas.queryParams?.keys ?? []\n    const responseKeys = [...(type.schemas.responses?.flatMap((item) => item.keys ?? []) ?? []), ...(type.schemas.response?.keys ?? [])]\n\n    const hasQueryParam = queryParam ? queryParamKeys.some((key) => normalizeKey(key) === queryParam) : false\n    const hasCursorParam = cursorParam ? responseKeys.some((key) => normalizeKey(key) === cursorParam) : true\n\n    if (!hasQueryParam || !hasCursorParam) {\n      return null\n    }\n\n    return (\n      <File\n        baseName={query.file.baseName}\n        path={query.file.path}\n        meta={query.file.meta}\n        banner={getBanner({ oas, output, config: pluginManager.config })}\n        footer={getFooter({ oas, output })}\n      >\n        {options.parser === 'zod' && (\n          <File.Import name={[zod.schemas.response.name, zod.schemas.request?.name].filter(Boolean)} root={query.file.path} path={zod.file.path} />\n        )}\n        {options.client.importPath ? (\n          <>\n            {!shouldUseClientPlugin && <File.Import name={'fetch'} path={options.client.importPath} />}\n            <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} path={options.client.importPath} isTypeOnly />\n            {options.client.dataReturnType === 'full' && <File.Import name={['ResponseConfig']} path={options.client.importPath} isTypeOnly />}\n          </>\n        ) : (\n          <>\n            {!shouldUseClientPlugin && (\n              <File.Import name={['fetch']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} />\n            )}\n            <File.Import\n              name={['Client', 'RequestConfig', 'ResponseErrorConfig']}\n              root={query.file.path}\n              path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}\n              isTypeOnly\n            />\n            {options.client.dataReturnType === 'full' && (\n              <File.Import name={['ResponseConfig']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} isTypeOnly />\n            )}\n          </>\n        )}\n\n        {shouldUseClientPlugin && <File.Import name={[client.name]} root={query.file.path} path={client.file.path} />}\n        {!shouldUseClientPlugin && (\n          <File.Import name={['buildFormData']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/config.ts')} />\n        )}\n        <File.Import\n          name={[\n            type.schemas.request?.name,\n            type.schemas.response.name,\n            type.schemas.pathParams?.name,\n            type.schemas.queryParams?.name,\n            type.schemas.headerParams?.name,\n            ...(type.schemas.statusCodes?.map((item) => item.name) || []),\n          ].filter(Boolean)}\n          root={query.file.path}\n          path={type.file.path}\n          isTypeOnly\n        />\n        <QueryKey\n          name={queryKey.name}\n          typeName={queryKey.typeName}\n          operation={operation}\n          paramsCasing={options.paramsCasing}\n          pathParamsType={options.pathParamsType}\n          typeSchemas={type.schemas}\n          transformer={options.queryKey}\n        />\n        {!shouldUseClientPlugin && (\n          <Client\n            name={client.name}\n            baseURL={options.client.baseURL}\n            operation={operation}\n            typeSchemas={type.schemas}\n            zodSchemas={zod.schemas}\n            dataReturnType={options.client.dataReturnType || 'data'}\n            paramsCasing={options.client?.paramsCasing || options.paramsCasing}\n            paramsType={options.paramsType}\n            pathParamsType={options.pathParamsType}\n            parser={options.parser}\n          />\n        )}\n        {options.customOptions && <File.Import name={[options.customOptions.name]} path={options.customOptions.importPath} />}\n        {infiniteOptions && (\n          <>\n            <File.Import name={['InfiniteData']} isTypeOnly path={importPath} />\n            <File.Import name={['infiniteQueryOptions']} path={importPath} />\n            <InfiniteQueryOptions\n              name={queryOptions.name}\n              clientName={client.name}\n              queryKeyName={queryKey.name}\n              typeSchemas={type.schemas}\n              paramsCasing={options.paramsCasing}\n              paramsType={options.paramsType}\n              pathParamsType={options.pathParamsType}\n              dataReturnType={options.client.dataReturnType || 'data'}\n              cursorParam={infiniteOptions.cursorParam}\n              nextParam={infiniteOptions.nextParam}\n              previousParam={infiniteOptions.previousParam}\n              initialPageParam={infiniteOptions.initialPageParam}\n              queryParam={infiniteOptions.queryParam}\n            />\n          </>\n        )}\n        {infiniteOptions && (\n          <>\n            <File.Import name={['useInfiniteQuery']} path={importPath} />\n            <File.Import name={['QueryKey', 'QueryClient', 'InfiniteQueryObserverOptions', 'UseInfiniteQueryResult']} path={importPath} isTypeOnly />\n            <InfiniteQuery\n              name={query.name}\n              queryOptionsName={queryOptions.name}\n              typeSchemas={type.schemas}\n              paramsCasing={options.paramsCasing}\n              paramsType={options.paramsType}\n              pathParamsType={options.pathParamsType}\n              operation={operation}\n              dataReturnType={options.client.dataReturnType || 'data'}\n              queryKeyName={queryKey.name}\n              queryKeyTypeName={queryKey.typeName}\n              initialPageParam={infiniteOptions.initialPageParam}\n              queryParam={infiniteOptions.queryParam}\n              customOptions={options.customOptions}\n            />\n          </>\n        )}\n      </File>\n    )\n  },\n})\n","import path from 'node:path'\nimport { usePluginManager } from '@kubb/core/hooks'\nimport { pluginClientName } from '@kubb/plugin-client'\nimport { Client } from '@kubb/plugin-client/components'\nimport { createReactGenerator } from '@kubb/plugin-oas/generators'\nimport { useOas, useOperationManager } from '@kubb/plugin-oas/hooks'\nimport { getBanner, getFooter } from '@kubb/plugin-oas/utils'\nimport { pluginTsName } from '@kubb/plugin-ts'\nimport { pluginZodName } from '@kubb/plugin-zod'\nimport { File } from '@kubb/react-fabric'\nimport { difference } from 'remeda'\nimport { Mutation, MutationKey } from '../components'\nimport { MutationOptions } from '../components/MutationOptions.tsx'\nimport type { PluginReactQuery } from '../types'\n\nexport const mutationGenerator = createReactGenerator<PluginReactQuery>({\n  name: 'react-query',\n  Operation({ config, plugin, operation, generator }) {\n    const {\n      options,\n      options: { output },\n    } = plugin\n    const pluginManager = usePluginManager()\n\n    const oas = useOas()\n    const { getSchemas, getName, getFile } = useOperationManager(generator)\n\n    const isQuery = !!options.query && options.query?.methods.some((method) => operation.method === method)\n    const isMutation =\n      options.mutation !== false &&\n      !isQuery &&\n      difference(options.mutation ? options.mutation.methods : [], options.query ? options.query.methods : []).some((method) => operation.method === method)\n\n    const importPath = options.mutation ? options.mutation.importPath : '@tanstack/react-query'\n\n    const mutation = {\n      name: getName(operation, { type: 'function', prefix: 'use' }),\n      typeName: getName(operation, { type: 'type' }),\n      file: getFile(operation, { prefix: 'use' }),\n    }\n\n    const type = {\n      file: getFile(operation, { pluginKey: [pluginTsName] }),\n      //todo remove type?\n      schemas: getSchemas(operation, { pluginKey: [pluginTsName], type: 'type' }),\n    }\n\n    const zod = {\n      file: getFile(operation, { pluginKey: [pluginZodName] }),\n      schemas: getSchemas(operation, { pluginKey: [pluginZodName], type: 'function' }),\n    }\n\n    const hasClientPlugin = !!pluginManager.getPluginByKey([pluginClientName])\n    // Class-based clients are not compatible with query hooks, so we generate inline clients\n    const shouldUseClientPlugin = hasClientPlugin && options.client.clientType !== 'class'\n    const client = {\n      name: shouldUseClientPlugin\n        ? getName(operation, {\n            type: 'function',\n            pluginKey: [pluginClientName],\n          })\n        : getName(operation, {\n            type: 'function',\n          }),\n      file: getFile(operation, { pluginKey: [pluginClientName] }),\n    }\n\n    const mutationOptions = {\n      name: getName(operation, { type: 'function', suffix: 'MutationOptions' }),\n    }\n\n    const mutationKey = {\n      name: getName(operation, { type: 'const', suffix: 'MutationKey' }),\n      typeName: getName(operation, { type: 'type', suffix: 'MutationKey' }),\n    }\n\n    if (!isMutation) {\n      return null\n    }\n\n    return (\n      <File\n        baseName={mutation.file.baseName}\n        path={mutation.file.path}\n        meta={mutation.file.meta}\n        banner={getBanner({ oas, output, config: pluginManager.config })}\n        footer={getFooter({ oas, output })}\n      >\n        {options.parser === 'zod' && (\n          <File.Import name={[zod.schemas.response.name, zod.schemas.request?.name].filter(Boolean)} root={mutation.file.path} path={zod.file.path} />\n        )}\n        {options.client.importPath ? (\n          <>\n            {!shouldUseClientPlugin && <File.Import name={'fetch'} path={options.client.importPath} />}\n            <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} path={options.client.importPath} isTypeOnly />\n            {options.client.dataReturnType === 'full' && <File.Import name={['ResponseConfig']} path={options.client.importPath} isTypeOnly />}\n          </>\n        ) : (\n          <>\n            {!shouldUseClientPlugin && (\n              <File.Import name={['fetch']} root={mutation.file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} />\n            )}\n            <File.Import\n              name={['Client', 'RequestConfig', 'ResponseErrorConfig']}\n              root={mutation.file.path}\n              path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}\n              isTypeOnly\n            />\n            {options.client.dataReturnType === 'full' && (\n              <File.Import\n                name={['ResponseConfig']}\n                root={mutation.file.path}\n                path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}\n                isTypeOnly\n              />\n            )}\n          </>\n        )}\n        {shouldUseClientPlugin && <File.Import name={[client.name]} root={mutation.file.path} path={client.file.path} />}\n        {!shouldUseClientPlugin && (\n          <File.Import name={['buildFormData']} root={mutation.file.path} path={path.resolve(config.root, config.output.path, '.kubb/config.ts')} />\n        )}\n        {options.customOptions && <File.Import name={[options.customOptions.name]} path={options.customOptions.importPath} />}\n        <File.Import\n          name={[\n            type.schemas.request?.name,\n            type.schemas.response.name,\n            type.schemas.pathParams?.name,\n            type.schemas.queryParams?.name,\n            type.schemas.headerParams?.name,\n            ...(type.schemas.statusCodes?.map((item) => item.name) || []),\n          ].filter(Boolean)}\n          root={mutation.file.path}\n          path={type.file.path}\n          isTypeOnly\n        />\n\n        <MutationKey\n          name={mutationKey.name}\n          typeName={mutationKey.typeName}\n          operation={operation}\n          pathParamsType={options.pathParamsType}\n          typeSchemas={type.schemas}\n          paramsCasing={options.paramsCasing}\n          transformer={options.mutationKey}\n        />\n\n        {!shouldUseClientPlugin && (\n          <Client\n            name={client.name}\n            baseURL={options.client.baseURL}\n            operation={operation}\n            typeSchemas={type.schemas}\n            zodSchemas={zod.schemas}\n            dataReturnType={options.client.dataReturnType || 'data'}\n            paramsCasing={options.client?.paramsCasing || options.paramsCasing}\n            paramsType={options.paramsType}\n            pathParamsType={options.pathParamsType}\n            parser={options.parser}\n          />\n        )}\n        <File.Import name={['mutationOptions']} path={importPath} />\n\n        <MutationOptions\n          name={mutationOptions.name}\n          clientName={client.name}\n          mutationKeyName={mutationKey.name}\n          typeSchemas={type.schemas}\n          paramsCasing={options.paramsCasing}\n          paramsType={options.paramsType}\n          pathParamsType={options.pathParamsType}\n          dataReturnType={options.client.dataReturnType || 'data'}\n        />\n        {options.mutation && (\n          <>\n            <File.Import name={['useMutation']} path={importPath} />\n            <File.Import name={['UseMutationOptions', 'UseMutationResult', 'QueryClient']} path={importPath} isTypeOnly />\n            <Mutation\n              name={mutation.name}\n              mutationOptionsName={mutationOptions.name}\n              typeName={mutation.typeName}\n              typeSchemas={type.schemas}\n              operation={operation}\n              dataReturnType={options.client.dataReturnType || 'data'}\n              paramsCasing={options.paramsCasing}\n              pathParamsType={options.pathParamsType}\n              mutationKeyName={mutationKey.name}\n              customOptions={options.customOptions}\n            />\n          </>\n        )}\n      </File>\n    )\n  },\n})\n","import path from 'node:path'\nimport { usePluginManager } from '@kubb/core/hooks'\nimport { pluginClientName } from '@kubb/plugin-client'\nimport { Client } from '@kubb/plugin-client/components'\nimport { createReactGenerator } from '@kubb/plugin-oas/generators'\nimport { useOas, useOperationManager } from '@kubb/plugin-oas/hooks'\nimport { getBanner, getFooter } from '@kubb/plugin-oas/utils'\nimport { pluginTsName } from '@kubb/plugin-ts'\nimport { pluginZodName } from '@kubb/plugin-zod'\nimport { File } from '@kubb/react-fabric'\nimport { difference } from 'remeda'\nimport { Query, QueryKey, QueryOptions } from '../components'\nimport type { PluginReactQuery } from '../types'\n\nexport const queryGenerator = createReactGenerator<PluginReactQuery>({\n  name: 'react-query',\n  Operation({ config, plugin, operation, generator }) {\n    const {\n      options,\n      options: { output },\n    } = plugin\n    const pluginManager = usePluginManager()\n\n    const oas = useOas()\n    const { getSchemas, getName, getFile } = useOperationManager(generator)\n\n    const isQuery = typeof options.query === 'boolean' ? true : options.query?.methods.some((method) => operation.method === method)\n    const isMutation = difference(options.mutation ? options.mutation.methods : [], options.query ? options.query.methods : []).some(\n      (method) => operation.method === method,\n    )\n\n    const importPath = options.query ? options.query.importPath : '@tanstack/react-query'\n\n    const query = {\n      name: getName(operation, { type: 'function', prefix: 'use' }),\n      typeName: getName(operation, { type: 'type' }),\n      file: getFile(operation, { prefix: 'use' }),\n    }\n\n    const hasClientPlugin = !!pluginManager.getPluginByKey([pluginClientName])\n    // Class-based clients are not compatible with query hooks, so we generate inline clients\n    const shouldUseClientPlugin = hasClientPlugin && options.client.clientType !== 'class'\n    const client = {\n      name: shouldUseClientPlugin\n        ? getName(operation, {\n            type: 'function',\n            pluginKey: [pluginClientName],\n          })\n        : getName(operation, {\n            type: 'function',\n          }),\n      file: getFile(operation, { pluginKey: [pluginClientName] }),\n    }\n\n    const queryOptions = {\n      name: getName(operation, { type: 'function', suffix: 'QueryOptions' }),\n    }\n\n    const queryKey = {\n      name: getName(operation, { type: 'const', suffix: 'QueryKey' }),\n      typeName: getName(operation, { type: 'type', suffix: 'QueryKey' }),\n    }\n\n    const type = {\n      file: getFile(operation, { pluginKey: [pluginTsName] }),\n      //todo remove type?\n      schemas: getSchemas(operation, {\n        pluginKey: [pluginTsName],\n        type: 'type',\n      }),\n    }\n\n    const zod = {\n      // grouping is coming from react-query instead of zod option, we need to pass the options of zod instead\n      file: getFile(operation, { pluginKey: [pluginZodName] }),\n      schemas: getSchemas(operation, {\n        pluginKey: [pluginZodName],\n        type: 'function',\n      }),\n    }\n\n    if (!isQuery || isMutation) {\n      return null\n    }\n\n    return (\n      <File\n        baseName={query.file.baseName}\n        path={query.file.path}\n        meta={query.file.meta}\n        banner={getBanner({ oas, output, config: pluginManager.config })}\n        footer={getFooter({ oas, output })}\n      >\n        {options.parser === 'zod' && (\n          <File.Import name={[zod.schemas.response.name, zod.schemas.request?.name].filter(Boolean)} root={query.file.path} path={zod.file.path} />\n        )}\n        {options.client.importPath ? (\n          <>\n            {!shouldUseClientPlugin && <File.Import name={'fetch'} path={options.client.importPath} />}\n            <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} path={options.client.importPath} isTypeOnly />\n            {options.client.dataReturnType === 'full' && <File.Import name={['ResponseConfig']} path={options.client.importPath} isTypeOnly />}\n          </>\n        ) : (\n          <>\n            {!shouldUseClientPlugin && (\n              <File.Import name={['fetch']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} />\n            )}\n            <File.Import\n              name={['Client', 'RequestConfig', 'ResponseErrorConfig']}\n              root={query.file.path}\n              path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}\n              isTypeOnly\n            />\n            {options.client.dataReturnType === 'full' && (\n              <File.Import name={['ResponseConfig']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} isTypeOnly />\n            )}\n          </>\n        )}\n\n        {shouldUseClientPlugin && <File.Import name={[client.name]} root={query.file.path} path={client.file.path} />}\n        {!shouldUseClientPlugin && (\n          <File.Import name={['buildFormData']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/config.ts')} />\n        )}\n        {options.customOptions && <File.Import name={[options.customOptions.name]} path={options.customOptions.importPath} />}\n        <File.Import\n          name={[\n            type.schemas.request?.name,\n            type.schemas.response.name,\n            type.schemas.pathParams?.name,\n            type.schemas.queryParams?.name,\n            type.schemas.headerParams?.name,\n            ...(type.schemas.statusCodes?.map((item) => item.name) || []),\n          ].filter(Boolean)}\n          root={query.file.path}\n          path={type.file.path}\n          isTypeOnly\n        />\n        <QueryKey\n          name={queryKey.name}\n          typeName={queryKey.typeName}\n          operation={operation}\n          pathParamsType={options.pathParamsType}\n          typeSchemas={type.schemas}\n          paramsCasing={options.paramsCasing}\n          transformer={options.queryKey}\n        />\n        {!shouldUseClientPlugin && (\n          <Client\n            name={client.name}\n            baseURL={options.client.baseURL}\n            operation={operation}\n            typeSchemas={type.schemas}\n            zodSchemas={zod.schemas}\n            dataReturnType={options.client.dataReturnType || 'data'}\n            paramsType={options.paramsType}\n            paramsCasing={options.client?.paramsCasing || options.paramsCasing}\n            pathParamsType={options.pathParamsType}\n            parser={options.parser}\n          />\n        )}\n        <File.Import name={['queryOptions']} path={importPath} />\n        <QueryOptions\n          name={queryOptions.name}\n          clientName={client.name}\n          queryKeyName={queryKey.name}\n          typeSchemas={type.schemas}\n          paramsCasing={options.paramsCasing}\n          paramsType={options.paramsType}\n          pathParamsType={options.pathParamsType}\n          dataReturnType={options.client.dataReturnType || 'data'}\n        />\n        {options.query && (\n          <>\n            <File.Import name={['useQuery']} path={importPath} />\n            <File.Import name={['QueryKey', 'QueryClient', 'QueryObserverOptions', 'UseQueryResult', 'QueryClient']} path={importPath} isTypeOnly />\n            <Query\n              name={query.name}\n              queryOptionsName={queryOptions.name}\n              typeSchemas={type.schemas}\n              paramsCasing={options.paramsCasing}\n              paramsType={options.paramsType}\n              pathParamsType={options.pathParamsType}\n              operation={operation}\n              dataReturnType={options.client.dataReturnType || 'data'}\n              queryKeyName={queryKey.name}\n              queryKeyTypeName={queryKey.typeName}\n              customOptions={options.customOptions}\n            />\n          </>\n        )}\n      </File>\n    )\n  },\n})\n","import path from 'node:path'\nimport { usePluginManager } from '@kubb/core/hooks'\nimport { pluginClientName } from '@kubb/plugin-client'\nimport { Client } from '@kubb/plugin-client/components'\nimport { createReactGenerator } from '@kubb/plugin-oas/generators'\nimport { useOas, useOperationManager } from '@kubb/plugin-oas/hooks'\nimport { getBanner, getFooter } from '@kubb/plugin-oas/utils'\nimport { pluginTsName } from '@kubb/plugin-ts'\nimport { pluginZodName } from '@kubb/plugin-zod'\nimport { File } from '@kubb/react-fabric'\nimport { difference } from 'remeda'\nimport { QueryKey, SuspenseInfiniteQuery, SuspenseInfiniteQueryOptions } from '../components'\nimport type { PluginReactQuery } from '../types'\n\nexport const suspenseInfiniteQueryGenerator = createReactGenerator<PluginReactQuery>({\n  name: 'react-suspense-infinite-query',\n  Operation({ config, operation, generator, plugin }) {\n    const {\n      options,\n      options: { output },\n    } = plugin\n    const pluginManager = usePluginManager()\n\n    const oas = useOas()\n    const { getSchemas, getName, getFile } = useOperationManager(generator)\n\n    const isQuery = typeof options.query === 'boolean' ? true : options.query?.methods.some((method) => operation.method === method)\n    const isMutation = difference(options.mutation ? options.mutation.methods : [], options.query ? options.query.methods : []).some(\n      (method) => operation.method === method,\n    )\n    const isSuspense = !!options.suspense\n    const infiniteOptions = options.infinite && typeof options.infinite === 'object' ? options.infinite : undefined\n\n    const importPath = options.query ? options.query.importPath : '@tanstack/react-query'\n\n    const query = {\n      name: getName(operation, { type: 'function', prefix: 'use', suffix: 'suspenseInfinite' }),\n      typeName: getName(operation, { type: 'type' }),\n      file: getFile(operation, { prefix: 'use', suffix: 'suspenseInfinite' }),\n    }\n\n    const hasClientPlugin = !!pluginManager.getPluginByKey([pluginClientName])\n    // Class-based clients are not compatible with query hooks, so we generate inline clients\n    const shouldUseClientPlugin = hasClientPlugin && options.client.clientType !== 'class'\n    const client = {\n      name: shouldUseClientPlugin\n        ? getName(operation, {\n            type: 'function',\n            pluginKey: [pluginClientName],\n          })\n        : getName(operation, {\n            type: 'function',\n            suffix: 'suspenseInfinite',\n          }),\n      file: getFile(operation, { pluginKey: [pluginClientName] }),\n    }\n\n    const queryOptions = {\n      name: getName(operation, { type: 'function', suffix: 'SuspenseInfiniteQueryOptions' }),\n    }\n\n    const queryKey = {\n      name: getName(operation, { type: 'const', suffix: 'SuspenseInfiniteQueryKey' }),\n      typeName: getName(operation, { type: 'type', suffix: 'SuspenseInfiniteQueryKey' }),\n    }\n\n    const type = {\n      file: getFile(operation, { pluginKey: [pluginTsName] }),\n      //todo remove type?\n      schemas: getSchemas(operation, { pluginKey: [pluginTsName], type: 'type' }),\n    }\n\n    const zod = {\n      file: getFile(operation, { pluginKey: [pluginZodName] }),\n      schemas: getSchemas(operation, { pluginKey: [pluginZodName], type: 'function' }),\n    }\n\n    if (!isQuery || isMutation || !isSuspense || !infiniteOptions) {\n      return null\n    }\n\n    return (\n      <File\n        baseName={query.file.baseName}\n        path={query.file.path}\n        meta={query.file.meta}\n        banner={getBanner({ oas, output, config: pluginManager.config })}\n        footer={getFooter({ oas, output })}\n      >\n        {options.parser === 'zod' && (\n          <File.Import name={[zod.schemas.response.name, zod.schemas.request?.name].filter(Boolean)} root={query.file.path} path={zod.file.path} />\n        )}\n        {options.client.importPath ? (\n          <>\n            {!shouldUseClientPlugin && <File.Import name={'fetch'} path={options.client.importPath} />}\n            <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} path={options.client.importPath} isTypeOnly />\n            {options.client.dataReturnType === 'full' && <File.Import name={['ResponseConfig']} path={options.client.importPath} isTypeOnly />}\n          </>\n        ) : (\n          <>\n            {!shouldUseClientPlugin && (\n              <File.Import name={['fetch']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} />\n            )}\n            <File.Import\n              name={['Client', 'RequestConfig', 'ResponseErrorConfig']}\n              root={query.file.path}\n              path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}\n              isTypeOnly\n            />\n            {options.client.dataReturnType === 'full' && (\n              <File.Import name={['ResponseConfig']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} isTypeOnly />\n            )}\n          </>\n        )}\n\n        {shouldUseClientPlugin && <File.Import name={[client.name]} root={query.file.path} path={client.file.path} />}\n        {!shouldUseClientPlugin && (\n          <File.Import name={['buildFormData']} root={query.file.path} path={path.resolve(config.root, config.output.path, '.kubb/config.ts')} />\n        )}\n        {options.customOptions && <File.Import name={[options.customOptions.name]} path={options.customOptions.importPath} />}\n        <File.Import\n          name={[\n            type.schemas.request?.name,\n            type.schemas.response.name,\n            type.schemas.pathParams?.name,\n            type.schemas.queryParams?.name,\n            type.schemas.headerParams?.name,\n            ...(type.schemas.statusCodes?.map((item) => item.name) || []),\n          ].filter(Boolean)}\n          root={query.file.path}\n          path={type.file.path}\n          isTypeOnly\n        />\n        <QueryKey\n          name={queryKey.name}\n          typeName={queryKey.typeName}\n          operation={operation}\n          paramsCasing={options.paramsCasing}\n          pathParamsType={options.pathParamsType}\n          typeSchemas={type.schemas}\n          transformer={options.queryKey}\n        />\n        {!shouldUseClientPlugin && (\n          <Client\n            name={client.name}\n            baseURL={options.client.baseURL}\n            operation={operation}\n            typeSchemas={type.schemas}\n            zodSchemas={zod.schemas}\n            dataReturnType={options.client.dataReturnType || 'data'}\n            paramsCasing={options.client?.paramsCasing || options.paramsCasing}\n            paramsType={options.paramsType}\n            pathParamsType={options.pathParamsType}\n            parser={options.parser}\n          />\n        )}\n        {infiniteOptions && (\n          <>\n            <File.Import name={['InfiniteData']} isTypeOnly path={importPath} />\n            <File.Import name={['infiniteQueryOptions']} path={importPath} />\n            <SuspenseInfiniteQueryOptions\n              name={queryOptions.name}\n              clientName={client.name}\n              queryKeyName={queryKey.name}\n              typeSchemas={type.schemas}\n              paramsCasing={options.paramsCasing}\n              paramsType={options.paramsType}\n              pathParamsType={options.pathParamsType}\n              dataReturnType={options.client.dataReturnType || 'data'}\n              cursorParam={infiniteOptions.cursorParam}\n              nextParam={infiniteOptions.nextParam}\n              previousParam={infiniteOptions.previousParam}\n              initialPageParam={infiniteOptions.initialPageParam}\n              queryParam={infiniteOptions.queryParam}\n            />\n          </>\n        )}\n        {infiniteOptions && (\n          <>\n            <File.Import name={['useSuspenseInfiniteQuery']} path={importPath} />\n            <File.Import name={['QueryKey', 'QueryClient', 'UseSuspenseInfiniteQueryOptions', 'UseSuspenseInfiniteQueryResult']} path={importPath} isTypeOnly />\n            <SuspenseInfiniteQuery\n              name={query.name}\n              queryOptionsName={queryOptions.name}\n              typeSchemas={type.schemas}\n              paramsCasing={options.paramsCasing}\n              paramsType={options.paramsType}\n              pathParamsType={options.pathParamsType}\n              operation={operation}\n              dataReturnType={options.client.dataReturnType || 'data'}\n              queryKeyName={queryKey.name}\n              queryKeyTypeName={queryKey.typeName}\n              customOptions={options.customOptions}\n              initialPageParam={infiniteOptions.initialPageParam}\n              queryParam={infiniteOptions.queryParam}\n            />\n          </>\n        )}\n      </File>\n    )\n  },\n})\n","import path from 'node:path'\nimport { usePluginManager } from '@kubb/core/hooks'\nimport { pluginClientName } from '@kubb/plugin-client'\nimport { Client } from '@kubb/plugin-client/components'\nimport { createReactGenerator } from '@kubb/plugin-oas/generators'\nimport { useOas, useOperationManager } from '@kubb/plugin-oas/hooks'\nimport { getBanner, getFooter } from '@kubb/plugin-oas/utils'\nimport { pluginTsName } from '@kubb/plugin-ts'\nimport { pluginZodName } from '@kubb/plugin-zod'\nimport { File } from '@kubb/react-fabric'\nimport { difference } from 'remeda'\nimport { QueryKey, QueryOptions, SuspenseQuery } from '../components'\nimport type { PluginReactQuery } from '../types'\n\nexport const suspenseQueryGenerator = createReactGenerator<PluginReactQuery>({\n  name: 'react-suspense-query',\n  Operation({ config, operation, generator, plugin }) {\n    const {\n      options,\n      options: { output },\n    } = plugin\n    const pluginManager = usePluginManager()\n\n    const oas = useOas()\n    const { getSchemas, getName, getFile } = useOperationManager(generator)\n\n    const isQuery = typeof options.query === 'boolean' ? true : options.query?.methods.some((method) => operation.method === method)\n    const isMutation = difference(options.mutation ? options.mutation.methods : [], options.query ? options.query.methods : []).some(\n      (method) => operation.method === method,\n    )\n\n    const isSuspense = !!options.suspense\n\n    const importPath = options.query ? options.query.importPath : '@tanstack/react-query'\n\n    const query = {\n      name: getName(operation, {\n        type: 'function',\n        prefix: 'use',\n        suffix: 'suspense',\n      }),\n      typeName: getName(operation, { type: 'type' }),\n      file: getFile(operation, { prefix: 'use', suffix: 'suspense' }),\n    }\n\n    const hasClientPlugin = !!pluginManager.getPluginByKey([pluginClientName])\n    // Class-based clients are not compatible with query hooks, so we generate inline clients\n    const shouldUseClientPlugin = hasClientPlugin && options.client.clientType !== 'class'\n    const client = {\n      name: shouldUseClientPlugin\n        ? getName(operation, {\n            type: 'function',\n            pluginKey: [pluginClientName],\n          })\n        : getName(operation, {\n            type: 'function',\n            suffix: 'suspense',\n          }),\n      file: getFile(operation, { pluginKey: [pluginClientName] }),\n    }\n\n    const queryOptions = {\n      name: getName(operation, {\n        type: 'function',\n        suffix: 'SuspenseQueryOptions',\n      }),\n    }\n\n    const queryKey = {\n      name: getName(operation, { type: 'const', suffix: 'SuspenseQueryKey' }),\n      typeName: getName(operation, {\n        type: 'type',\n        suffix: 'SuspenseQueryKey',\n      }),\n    }\n\n    const type = {\n      file: getFile(operation,