@kubb/plugin-client 4.17.0 → 4.18.0

package/src/components/Url.tsx

@@ -1,6 +1,6 @@
 import { URLPath } from '@kubb/core/utils'
 
-import { isAllOptional, type Operation } from '@kubb/oas'
+import { getDefaultValue, type Operation } from '@kubb/oas'
 import type { OperationSchemas } from '@kubb/plugin-oas'
 import { getPathParams } from '@kubb/plugin-oas/utils'
 import { Const, File, Function, FunctionParams } from '@kubb/react-fabric'
@@ -49,7 +49,7 @@ function getParams({ paramsType, paramsCasing, pathParamsType, typeSchemas }: Ge
       ? {
           mode: pathParamsType === 'object' ? 'object' : 'inlineSpread',
           children: getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing }),
-          default: isAllOptional(typeSchemas.pathParams?.schema) ? '{}' : undefined,
+          default: getDefaultValue(typeSchemas.pathParams?.schema),
         }
       : undefined,
   })

package/src/components/index.ts

@@ -1,4 +1,5 @@
 export { ClassClient } from './ClassClient.tsx'
 export { Client } from './Client.tsx'
 export { Operations } from './Operations.tsx'
+export { StaticClassClient } from './StaticClassClient.tsx'
 export { Url } from './Url.tsx'

package/src/generators/__snapshots__/static/Pet.ts

@@ -0,0 +1,186 @@
+/**
+ * Generated by Kubb (https://kubb.dev/).
+ * Do not edit manually.
+ */
+import type { RequestConfig, ResponseErrorConfig } from './test/.kubb/fetch'
+import type {
+  UpdatePetMutationRequest,
+  UpdatePetMutationResponse,
+  UpdatePet400,
+  UpdatePet404,
+  UpdatePet405,
+  AddPetMutationRequest,
+  AddPetMutationResponse,
+  AddPet405,
+  FindPetsByStatusQueryResponse,
+  FindPetsByStatusQueryParams,
+  FindPetsByStatus400,
+  FindPetsByTagsQueryResponse,
+  FindPetsByTagsQueryParams,
+  FindPetsByTags400,
+  GetPetByIdQueryResponse,
+  GetPetByIdPathParams,
+  GetPetById400,
+  GetPetById404,
+  UpdatePetWithFormMutationResponse,
+  UpdatePetWithFormPathParams,
+  UpdatePetWithFormQueryParams,
+  UpdatePetWithForm405,
+  DeletePetMutationResponse,
+  DeletePetPathParams,
+  DeletePetHeaderParams,
+  DeletePet400,
+  UploadFileMutationRequest,
+  UploadFileMutationResponse,
+  UploadFilePathParams,
+  UploadFileQueryParams,
+} from './findByTags'
+import { buildFormData } from './test/.kubb/config'
+import { fetch } from './test/.kubb/fetch'
+
+export class Pet {
+  static #client: typeof fetch = fetch
+
+  /**
+   * @description Update an existing pet by Id
+   * @summary Update an existing pet
+   * {@link /pet}
+   */
+  static async updatePet(data: UpdatePetMutationRequest, config: Partial<RequestConfig<UpdatePetMutationRequest>> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const requestData = data
+    const res = await request<UpdatePetMutationResponse, ResponseErrorConfig<UpdatePet400 | UpdatePet404 | UpdatePet405>, UpdatePetMutationRequest>({
+      method: 'PUT',
+      url: `/pet`,
+      data: requestData,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description Add a new pet to the store
+   * @summary Add a new pet to the store
+   * {@link /pet}
+   */
+  static async addPet(data: AddPetMutationRequest, config: Partial<RequestConfig<AddPetMutationRequest>> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const requestData = data
+    const res = await request<AddPetMutationResponse, ResponseErrorConfig<AddPet405>, AddPetMutationRequest>({
+      method: 'POST',
+      url: `/pet`,
+      data: requestData,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description Multiple status values can be provided with comma separated strings
+   * @summary Finds Pets by status
+   * {@link /pet/findByStatus}
+   */
+  static async findPetsByStatus(params?: FindPetsByStatusQueryParams, config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<FindPetsByStatusQueryResponse, ResponseErrorConfig<FindPetsByStatus400>, unknown>({
+      method: 'GET',
+      url: `/pet/findByStatus`,
+      params,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
+   * @summary Finds Pets by tags
+   * {@link /pet/findByTags}
+   */
+  static async findPetsByTags(params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<FindPetsByTagsQueryResponse, ResponseErrorConfig<FindPetsByTags400>, unknown>({
+      method: 'GET',
+      url: `/pet/findByTags`,
+      params,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description Returns a single pet
+   * @summary Find pet by ID
+   * {@link /pet/:petId}
+   */
+  static async getPetById(petId: GetPetByIdPathParams['petId'], config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<GetPetByIdQueryResponse, ResponseErrorConfig<GetPetById400 | GetPetById404>, unknown>({
+      method: 'GET',
+      url: `/pet/${petId}`,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @summary Updates a pet in the store with form data
+   * {@link /pet/:petId}
+   */
+  static async updatePetWithForm(
+    petId: UpdatePetWithFormPathParams['petId'],
+    params?: UpdatePetWithFormQueryParams,
+    config: Partial<RequestConfig> & { client?: typeof fetch } = {},
+  ) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<UpdatePetWithFormMutationResponse, ResponseErrorConfig<UpdatePetWithForm405>, unknown>({
+      method: 'POST',
+      url: `/pet/${petId}`,
+      params,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description delete a pet
+   * @summary Deletes a pet
+   * {@link /pet/:petId}
+   */
+  static async deletePet(
+    petId: DeletePetPathParams['petId'],
+    headers?: DeletePetHeaderParams,
+    config: Partial<RequestConfig> & { client?: typeof fetch } = {},
+  ) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<DeletePetMutationResponse, ResponseErrorConfig<DeletePet400>, unknown>({
+      method: 'DELETE',
+      url: `/pet/${petId}`,
+      ...requestConfig,
+      headers: { ...headers, ...requestConfig.headers },
+    })
+    return res.data
+  }
+
+  /**
+   * @summary uploads an image
+   * {@link /pet/:petId/uploadImage}
+   */
+  static async uploadFile(
+    petId: UploadFilePathParams['petId'],
+    data: UploadFileMutationRequest,
+    params?: UploadFileQueryParams,
+    config: Partial<RequestConfig<UploadFileMutationRequest>> & { client?: typeof fetch } = {},
+  ) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const requestData = data
+    const formData = buildFormData(requestData)
+    const res = await request<UploadFileMutationResponse, ResponseErrorConfig<Error>, UploadFileMutationRequest>({
+      method: 'POST',
+      url: `/pet/${petId}/uploadImage`,
+      params,
+      data: formData as FormData,
+      ...requestConfig,
+    })
+    return res.data
+  }
+}

package/src/generators/__snapshots__/static/Store.ts

@@ -0,0 +1,105 @@
+/**
+ * Generated by Kubb (https://kubb.dev/).
+ * Do not edit manually.
+ */
+import type { RequestConfig, ResponseErrorConfig } from './test/.kubb/fetch'
+import type {
+  GetInventoryQueryResponse,
+  PlaceOrderMutationRequest,
+  PlaceOrderMutationResponse,
+  PlaceOrder405,
+  PlaceOrderPatchMutationRequest,
+  PlaceOrderPatchMutationResponse,
+  PlaceOrderPatch405,
+  GetOrderByIdQueryResponse,
+  GetOrderByIdPathParams,
+  GetOrderById400,
+  GetOrderById404,
+  DeleteOrderMutationResponse,
+  DeleteOrderPathParams,
+  DeleteOrder400,
+  DeleteOrder404,
+} from './findByTags'
+import { fetch } from './test/.kubb/fetch'
+
+export class Store {
+  static #client: typeof fetch = fetch
+
+  /**
+   * @description Returns a map of status codes to quantities
+   * @summary Returns pet inventories by status
+   * {@link /store/inventory}
+   */
+  static async getInventory(config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<GetInventoryQueryResponse, ResponseErrorConfig<Error>, unknown>({ method: 'GET', url: `/store/inventory`, ...requestConfig })
+    return res.data
+  }
+
+  /**
+   * @description Place a new order in the store
+   * @summary Place an order for a pet
+   * {@link /store/order}
+   */
+  static async placeOrder(data?: PlaceOrderMutationRequest, config: Partial<RequestConfig<PlaceOrderMutationRequest>> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const requestData = data
+    const res = await request<PlaceOrderMutationResponse, ResponseErrorConfig<PlaceOrder405>, PlaceOrderMutationRequest>({
+      method: 'POST',
+      url: `/store/order`,
+      data: requestData,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description Place a new order in the store with patch
+   * @summary Place an order for a pet with patch
+   * {@link /store/order}
+   */
+  static async placeOrderPatch(
+    data?: PlaceOrderPatchMutationRequest,
+    config: Partial<RequestConfig<PlaceOrderPatchMutationRequest>> & { client?: typeof fetch } = {},
+  ) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const requestData = data
+    const res = await request<PlaceOrderPatchMutationResponse, ResponseErrorConfig<PlaceOrderPatch405>, PlaceOrderPatchMutationRequest>({
+      method: 'PATCH',
+      url: `/store/order`,
+      data: requestData,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description For valid response try integer IDs with value <= 5 or > 10. Other values will generate exceptions.
+   * @summary Find purchase order by ID
+   * {@link /store/order/:orderId}
+   */
+  static async getOrderById(orderId: GetOrderByIdPathParams['orderId'], config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<GetOrderByIdQueryResponse, ResponseErrorConfig<GetOrderById400 | GetOrderById404>, unknown>({
+      method: 'GET',
+      url: `/store/order/${orderId}`,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description For valid response try integer IDs with value < 1000. Anything above 1000 or nonintegers will generate API errors
+   * @summary Delete purchase order by ID
+   * {@link /store/order/:orderId}
+   */
+  static async deleteOrder(orderId: DeleteOrderPathParams['orderId'], config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<DeleteOrderMutationResponse, ResponseErrorConfig<DeleteOrder400 | DeleteOrder404>, unknown>({
+      method: 'DELETE',
+      url: `/store/order/${orderId}`,
+      ...requestConfig,
+    })
+    return res.data
+  }
+}

package/src/generators/__snapshots__/static/User.ts

@@ -0,0 +1,143 @@
+/**
+ * Generated by Kubb (https://kubb.dev/).
+ * Do not edit manually.
+ */
+import type { RequestConfig, ResponseErrorConfig } from './test/.kubb/fetch'
+import type {
+  CreateUserMutationRequest,
+  CreateUserMutationResponse,
+  CreateUsersWithListInputMutationRequest,
+  CreateUsersWithListInputMutationResponse,
+  LoginUserQueryResponse,
+  LoginUserQueryParams,
+  LoginUser400,
+  LogoutUserQueryResponse,
+  GetUserByNameQueryResponse,
+  GetUserByNamePathParams,
+  GetUserByName400,
+  GetUserByName404,
+  UpdateUserMutationRequest,
+  UpdateUserMutationResponse,
+  UpdateUserPathParams,
+  DeleteUserMutationResponse,
+  DeleteUserPathParams,
+  DeleteUser400,
+  DeleteUser404,
+} from './findByTags'
+import { fetch } from './test/.kubb/fetch'
+
+export class User {
+  static #client: typeof fetch = fetch
+
+  /**
+   * @description This can only be done by the logged in user.
+   * @summary Create user
+   * {@link /user}
+   */
+  static async createUser(data?: CreateUserMutationRequest, config: Partial<RequestConfig<CreateUserMutationRequest>> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const requestData = data
+    const res = await request<CreateUserMutationResponse, ResponseErrorConfig<Error>, CreateUserMutationRequest>({
+      method: 'POST',
+      url: `/user`,
+      data: requestData,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description Creates list of users with given input array
+   * @summary Creates list of users with given input array
+   * {@link /user/createWithList}
+   */
+  static async createUsersWithListInput(
+    data?: CreateUsersWithListInputMutationRequest,
+    config: Partial<RequestConfig<CreateUsersWithListInputMutationRequest>> & { client?: typeof fetch } = {},
+  ) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const requestData = data
+    const res = await request<CreateUsersWithListInputMutationResponse, ResponseErrorConfig<Error>, CreateUsersWithListInputMutationRequest>({
+      method: 'POST',
+      url: `/user/createWithList`,
+      data: requestData,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @summary Logs user into the system
+   * {@link /user/login}
+   */
+  static async loginUser(params?: LoginUserQueryParams, config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<LoginUserQueryResponse, ResponseErrorConfig<LoginUser400>, unknown>({
+      method: 'GET',
+      url: `/user/login`,
+      params,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @summary Logs out current logged in user session
+   * {@link /user/logout}
+   */
+  static async logoutUser(config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<LogoutUserQueryResponse, ResponseErrorConfig<Error>, unknown>({ method: 'GET', url: `/user/logout`, ...requestConfig })
+    return res.data
+  }
+
+  /**
+   * @summary Get user by user name
+   * {@link /user/:username}
+   */
+  static async getUserByName(username: GetUserByNamePathParams['username'], config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<GetUserByNameQueryResponse, ResponseErrorConfig<GetUserByName400 | GetUserByName404>, unknown>({
+      method: 'GET',
+      url: `/user/${username}`,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description This can only be done by the logged in user.
+   * @summary Update user
+   * {@link /user/:username}
+   */
+  static async updateUser(
+    username: UpdateUserPathParams['username'],
+    data?: UpdateUserMutationRequest,
+    config: Partial<RequestConfig<UpdateUserMutationRequest>> & { client?: typeof fetch } = {},
+  ) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const requestData = data
+    const res = await request<UpdateUserMutationResponse, ResponseErrorConfig<Error>, UpdateUserMutationRequest>({
+      method: 'PUT',
+      url: `/user/${username}`,
+      data: requestData,
+      ...requestConfig,
+    })
+    return res.data
+  }
+
+  /**
+   * @description This can only be done by the logged in user.
+   * @summary Delete user
+   * {@link /user/:username}
+   */
+  static async deleteUser(username: DeleteUserPathParams['username'], config: Partial<RequestConfig> & { client?: typeof fetch } = {}) {
+    const { client: request = this.#client, ...requestConfig } = config
+    const res = await request<DeleteUserMutationResponse, ResponseErrorConfig<DeleteUser400 | DeleteUser404>, unknown>({
+      method: 'DELETE',
+      url: `/user/${username}`,
+      ...requestConfig,
+    })
+    return res.data
+  }
+}

package/src/generators/index.ts

@@ -2,3 +2,4 @@ export { classClientGenerator } from './classClientGenerator.tsx'
 export { clientGenerator } from './clientGenerator.tsx'
 export { groupedClientGenerator } from './groupedClientGenerator.tsx'
 export { operationsGenerator } from './operationsGenerator.tsx'
+export { staticClassClientGenerator } from './staticClassClientGenerator.tsx'

package/src/generators/staticClassClientGenerator.tsx

@@ -0,0 +1,231 @@
+import path from 'node:path'
+import { usePluginManager } from '@kubb/core/hooks'
+import { camelCase, pascalCase } from '@kubb/core/transformers'
+import type { KubbFile } from '@kubb/fabric-core/types'
+import type { Operation } from '@kubb/oas'
+import type { OperationSchemas } from '@kubb/plugin-oas'
+import { createReactGenerator } from '@kubb/plugin-oas/generators'
+import { useOas, useOperationManager } from '@kubb/plugin-oas/hooks'
+import { getBanner, getFooter } from '@kubb/plugin-oas/utils'
+import { pluginTsName } from '@kubb/plugin-ts'
+import { pluginZodName } from '@kubb/plugin-zod'
+import { File } from '@kubb/react-fabric'
+import { StaticClassClient } from '../components/StaticClassClient'
+import type { PluginClient } from '../types'
+
+type OperationData = {
+  operation: Operation
+  name: string
+  typeSchemas: OperationSchemas
+  zodSchemas: OperationSchemas | undefined
+  typeFile: KubbFile.File
+  zodFile: KubbFile.File
+}
+
+type Controller = {
+  name: string
+  file: KubbFile.File
+  operations: Array<OperationData>
+}
+
+export const staticClassClientGenerator = createReactGenerator<PluginClient>({
+  name: 'staticClassClient',
+  Operations({ operations, generator, plugin, config }) {
+    const { options, key: pluginKey } = plugin
+    const pluginManager = usePluginManager()
+
+    const oas = useOas()
+    const { getName, getFile, getGroup, getSchemas } = useOperationManager(generator)
+
+    function buildOperationData(operation: Operation): OperationData {
+      const type = {
+        file: getFile(operation, { pluginKey: [pluginTsName] }),
+        schemas: getSchemas(operation, { pluginKey: [pluginTsName], type: 'type' }),
+      }
+
+      const zod = {
+        file: getFile(operation, { pluginKey: [pluginZodName] }),
+        schemas: getSchemas(operation, { pluginKey: [pluginZodName], type: 'function' }),
+      }
+
+      return {
+        operation,
+        name: getName(operation, { type: 'function' }),
+        typeSchemas: type.schemas,
+        zodSchemas: zod.schemas,
+        typeFile: type.file,
+        zodFile: zod.file,
+      }
+    }
+
+    // Group operations by tag
+    const controllers = operations.reduce(
+      (acc, operation) => {
+        const group = getGroup(operation)
+        const groupName = group?.tag ? (options.group?.name?.({ group: camelCase(group.tag) }) ?? pascalCase(group.tag)) : 'Client'
+
+        if (!group?.tag && !options.group) {
+          // If no grouping, put all operations in a single class
+          const name = 'ApiClient'
+          const file = pluginManager.getFile({
+            name,
+            extname: '.ts',
+            pluginKey,
+          })
+
+          const operationData = buildOperationData(operation)
+          const previousFile = acc.find((item) => item.file.path === file.path)
+
+          if (previousFile) {
+            previousFile.operations.push(operationData)
+          } else {
+            acc.push({ name, file, operations: [operationData] })
+          }
+        } else if (group?.tag) {
+          // Group by tag
+          const name = groupName
+          const file = pluginManager.getFile({
+            name,
+            extname: '.ts',
+            pluginKey,
+            options: { group },
+          })
+
+          const operationData = buildOperationData(operation)
+          const previousFile = acc.find((item) => item.file.path === file.path)
+
+          if (previousFile) {
+            previousFile.operations.push(operationData)
+          } else {
+            acc.push({ name, file, operations: [operationData] })
+          }
+        }
+
+        return acc
+      },
+      [] as Array<Controller>,
+    )
+
+    function collectTypeImports(ops: Array<OperationData>) {
+      const typeImportsByFile = new Map<string, Set<string>>()
+      const typeFilesByPath = new Map<string, KubbFile.File>()
+
+      ops.forEach((op) => {
+        const { typeSchemas, typeFile } = op
+
+        if (!typeImportsByFile.has(typeFile.path)) {
+          typeImportsByFile.set(typeFile.path, new Set())
+        }
+        const typeImports = typeImportsByFile.get(typeFile.path)!
+
+        if (typeSchemas.request?.name) typeImports.add(typeSchemas.request.name)
+        if (typeSchemas.response?.name) typeImports.add(typeSchemas.response.name)
+        if (typeSchemas.pathParams?.name) typeImports.add(typeSchemas.pathParams.name)
+        if (typeSchemas.queryParams?.name) typeImports.add(typeSchemas.queryParams.name)
+        if (typeSchemas.headerParams?.name) typeImports.add(typeSchemas.headerParams.name)
+        typeSchemas.statusCodes?.forEach((item) => {
+          if (item?.name) typeImports.add(item.name)
+        })
+        typeFilesByPath.set(typeFile.path, typeFile)
+      })
+
+      return { typeImportsByFile, typeFilesByPath }
+    }
+
+    function collectZodImports(ops: Array<OperationData>) {
+      const zodImportsByFile = new Map<string, Set<string>>()
+      const zodFilesByPath = new Map<string, KubbFile.File>()
+
+      ops.forEach((op) => {
+        const { zodSchemas, zodFile } = op
+
+        if (!zodImportsByFile.has(zodFile.path)) {
+          zodImportsByFile.set(zodFile.path, new Set())
+        }
+        const zodImports = zodImportsByFile.get(zodFile.path)!
+
+        if (zodSchemas?.response?.name) zodImports.add(zodSchemas.response.name)
+        if (zodSchemas?.request?.name) zodImports.add(zodSchemas.request.name)
+        zodFilesByPath.set(zodFile.path, zodFile)
+      })
+
+      return { zodImportsByFile, zodFilesByPath }
+    }
+
+    return controllers.map(({ name, file, operations: ops }) => {
+      const { typeImportsByFile, typeFilesByPath } = collectTypeImports(ops)
+      const { zodImportsByFile, zodFilesByPath } =
+        options.parser === 'zod'
+          ? collectZodImports(ops)
+          : { zodImportsByFile: new Map<string, Set<string>>(), zodFilesByPath: new Map<string, KubbFile.File>() }
+      const hasFormData = ops.some((op) => op.operation.getContentType() === 'multipart/form-data')
+
+      return (
+        <File
+          key={file.path}
+          baseName={file.baseName}
+          path={file.path}
+          meta={file.meta}
+          banner={getBanner({ oas, output: options.output, config: pluginManager.config })}
+          footer={getFooter({ oas, output: options.output })}
+        >
+          {options.importPath ? (
+            <>
+              <File.Import name={'fetch'} path={options.importPath} />
+              <File.Import name={['RequestConfig', 'ResponseErrorConfig']} path={options.importPath} isTypeOnly />
+            </>
+          ) : (
+            <>
+              <File.Import name={['fetch']} root={file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} />
+              <File.Import
+                name={['RequestConfig', 'ResponseErrorConfig']}
+                root={file.path}
+                path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}
+                isTypeOnly
+              />
+            </>
+          )}
+
+          {hasFormData && <File.Import name={['buildFormData']} root={file.path} path={path.resolve(config.root, config.output.path, '.kubb/config.ts')} />}
+
+          {Array.from(typeImportsByFile.entries()).map(([filePath, imports]) => {
+            const typeFile = typeFilesByPath.get(filePath)
+            if (!typeFile) {
+              return null
+            }
+            const importNames = Array.from(imports).filter(Boolean)
+            if (importNames.length === 0) {
+              return null
+            }
+            return <File.Import key={filePath} name={importNames} root={file.path} path={typeFile.path} isTypeOnly />
+          })}
+
+          {options.parser === 'zod' &&
+            Array.from(zodImportsByFile.entries()).map(([filePath, imports]) => {
+              const zodFile = zodFilesByPath.get(filePath)
+              if (!zodFile) {
+                return null
+              }
+              const importNames = Array.from(imports).filter(Boolean)
+              if (importNames.length === 0) {
+                return null
+              }
+
+              return <File.Import key={filePath} name={importNames} root={file.path} path={zodFile.path} />
+            })}
+
+          <StaticClassClient
+            name={name}
+            operations={ops}
+            baseURL={options.baseURL}
+            dataReturnType={options.dataReturnType}
+            pathParamsType={options.pathParamsType}
+            paramsCasing={options.paramsCasing}
+            paramsType={options.paramsType}
+            parser={options.parser}
+          />
+        </File>
+      )
+    })
+  },
+})