@kubb/plugin-client 5.0.0-alpha.3 → 5.0.0-alpha.31

package/src/generators/classClientGenerator.tsx

@@ -1,13 +1,11 @@
 import path from 'node:path'
 import { camelCase, pascalCase } from '@internals/utils'
-import { usePluginManager } from '@kubb/core/hooks'
-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 type { OperationNode } from '@kubb/ast/types'
+import type { KubbFile } from '@kubb/core'
+import { defineGenerator } from '@kubb/core'
+import type { PluginTs } from '@kubb/plugin-ts'
 import { pluginTsName } from '@kubb/plugin-ts'
+import type { PluginZod } from '@kubb/plugin-zod'
 import { pluginZodName } from '@kubb/plugin-zod'
 import { File } from '@kubb/react-fabric'
 import { ClassClient } from '../components/ClassClient'
@@ -15,12 +13,12 @@ import { WrapperClient } from '../components/WrapperClient'
 import type { PluginClient } from '../types'
 
 type OperationData = {
-  operation: Operation
+  node: OperationNode
   name: string
-  typeSchemas: OperationSchemas
-  zodSchemas: OperationSchemas | undefined
+  tsResolver: PluginTs['resolver']
+  zodResolver: PluginZod['resolver'] | undefined
   typeFile: KubbFile.File
-  zodFile: KubbFile.File
+  zodFile: KubbFile.File | undefined
 }
 
 type Controller = {
@@ -29,74 +27,85 @@ type Controller = {
   operations: Array<OperationData>
 }
 
-export const classClientGenerator = createReactGenerator<PluginClient>({
-  name: 'classClient',
-  Operations({ operations, generator, plugin, config }) {
-    const { options, name: pluginName } = plugin
-    const pluginManager = usePluginManager()
-
-    const oas = useOas()
-    const { getName, getFile, getGroup, getSchemas } = useOperationManager(generator)
+function resolveTypeImportNames(node: OperationNode, tsResolver: PluginTs['resolver']): Array<string> {
+  const names: Array<string | undefined> = [
+    node.requestBody?.schema ? tsResolver.resolveDataName(node) : undefined,
+    tsResolver.resolveResponseName(node),
+    ...node.parameters.filter((p) => p.in === 'path').map((p) => tsResolver.resolvePathParamsName(node, p)),
+    ...node.parameters.filter((p) => p.in === 'query').map((p) => tsResolver.resolveQueryParamsName(node, p)),
+    ...node.parameters.filter((p) => p.in === 'header').map((p) => tsResolver.resolveHeaderParamsName(node, p)),
+    ...node.responses.map((res) => tsResolver.resolveResponseStatusName(node, res.statusCode)),
+  ]
+  return names.filter((n): n is string => Boolean(n))
+}
 
-    function buildOperationData(operation: Operation): OperationData {
-      const type = {
-        file: getFile(operation, { pluginName: pluginTsName }),
-        schemas: getSchemas(operation, { pluginName: pluginTsName, type: 'type' }),
-      }
+function resolveZodImportNames(node: OperationNode, zodResolver: PluginZod['resolver']): Array<string> {
+  const names: Array<string | undefined> = [zodResolver.resolveResponseName?.(node), node.requestBody?.schema ? zodResolver.resolveDataName?.(node) : undefined]
+  return names.filter((n): n is string => Boolean(n))
+}
 
-      const zod = {
-        file: getFile(operation, { pluginName: pluginZodName }),
-        schemas: getSchemas(operation, { pluginName: pluginZodName, type: 'function' }),
-      }
+export const classClientGenerator = defineGenerator<PluginClient>({
+  name: 'classClient',
+  operations(nodes, options) {
+    const { adapter, config, driver, resolver, root } = this
+    const { output, group, dataReturnType, paramsCasing, paramsType, pathParamsType, parser, importPath, wrapper } = options
+    const baseURL = options.baseURL ?? adapter.rootNode?.meta?.baseURL
+
+    const pluginTs = driver.getPlugin(pluginTsName)
+    if (!pluginTs?.resolver) return null
+
+    const tsResolver = pluginTs.resolver
+    const tsPluginOptions = pluginTs.options
+    const pluginZod = parser === 'zod' ? driver.getPlugin(pluginZodName) : undefined
+    const zodResolver = pluginZod?.resolver
+
+    function buildOperationData(node: OperationNode): OperationData {
+      const typeFile = tsResolver.resolveFile(
+        { name: node.operationId, extname: '.ts', tag: node.tags[0] ?? 'default', path: node.path },
+        { root, output: tsPluginOptions?.output ?? output, group: tsPluginOptions?.group },
+      )
+      const zodFile =
+        zodResolver && pluginZod?.options
+          ? zodResolver.resolveFile(
+              { name: node.operationId, extname: '.ts', tag: node.tags[0] ?? 'default', path: node.path },
+              { root, output: pluginZod.options.output ?? output, group: pluginZod.options.group },
+            )
+          : undefined
 
       return {
-        operation,
-        name: getName(operation, { type: 'function' }),
-        typeSchemas: type.schemas,
-        zodSchemas: zod.schemas,
-        typeFile: type.file,
-        zodFile: zod.file,
+        node: node,
+        name: resolver.resolveName(node.operationId),
+        tsResolver,
+        zodResolver,
+        typeFile,
+        zodFile,
       }
     }
 
-    // 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'
+    const controllers = nodes.reduce(
+      (acc, operationNode) => {
+        const tag = operationNode.tags[0]
+        const groupName = tag ? (group?.name?.({ group: camelCase(tag) }) ?? pascalCase(tag)) : 'Client'
 
-        if (!group?.tag && !options.group) {
-          // If no grouping, put all operations in a single class
+        if (!tag && !group) {
           const name = 'ApiClient'
-          const file = pluginManager.getFile({
-            name,
-            extname: '.ts',
-            pluginName,
-          })
-
-          const operationData = buildOperationData(operation)
-          const previousFile = acc.find((item) => item.file.path === file.path)
+          const file = resolver.resolveFile({ name, extname: '.ts' }, { root, output, group })
+          const operationData = buildOperationData(operationNode)
+          const previous = acc.find((item) => item.file.path === file.path)
 
-          if (previousFile) {
-            previousFile.operations.push(operationData)
+          if (previous) {
+            previous.operations.push(operationData)
           } else {
             acc.push({ name, file, operations: [operationData] })
           }
-        } else if (group?.tag) {
-          // Group by tag
+        } else if (tag) {
           const name = groupName
-          const file = pluginManager.getFile({
-            name,
-            extname: '.ts',
-            pluginName,
-            options: { group },
-          })
+          const file = resolver.resolveFile({ name, extname: '.ts', tag }, { root, output, group })
+          const operationData = buildOperationData(operationNode)
+          const previous = acc.find((item) => item.file.path === file.path)
 
-          const operationData = buildOperationData(operation)
-          const previousFile = acc.find((item) => item.file.path === file.path)
-
-          if (previousFile) {
-            previousFile.operations.push(operationData)
+          if (previous) {
+            previous.operations.push(operationData)
           } else {
             acc.push({ name, file, operations: [operationData] })
           }
@@ -112,22 +121,15 @@ export const classClientGenerator = createReactGenerator<PluginClient>({
       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 names = resolveTypeImportNames(op.node, tsResolver)
+        if (!typeImportsByFile.has(op.typeFile.path)) {
+          typeImportsByFile.set(op.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)
+        const imports = typeImportsByFile.get(op.typeFile.path)!
+        names.forEach((n) => {
+          imports.add(n)
         })
-        typeFilesByPath.set(typeFile.path, typeFile)
+        typeFilesByPath.set(op.typeFile.path, op.typeFile)
       })
 
       return { typeImportsByFile, typeFilesByPath }
@@ -138,16 +140,16 @@ export const classClientGenerator = createReactGenerator<PluginClient>({
       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())
+        if (!op.zodFile || !zodResolver) return
+        const names = resolveZodImportNames(op.node, zodResolver)
+        if (!zodImportsByFile.has(op.zodFile.path)) {
+          zodImportsByFile.set(op.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)
+        const imports = zodImportsByFile.get(op.zodFile.path)!
+        names.forEach((n) => {
+          imports.add(n)
+        })
+        zodFilesByPath.set(op.zodFile.path, op.zodFile)
       })
 
       return { zodImportsByFile, zodFilesByPath }
@@ -156,10 +158,8 @@ export const classClientGenerator = createReactGenerator<PluginClient>({
     const files = 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')
+        parser === 'zod' ? collectZodImports(ops) : { zodImportsByFile: new Map<string, Set<string>>(), zodFilesByPath: new Map<string, KubbFile.File>() }
+      const hasFormData = ops.some((op) => op.node.requestBody?.contentType === 'multipart/form-data')
 
       return (
         <File
@@ -167,76 +167,58 @@ export const classClientGenerator = createReactGenerator<PluginClient>({
           baseName={file.baseName}
           path={file.path}
           meta={file.meta}
-          banner={getBanner({ oas, output: options.output, config: pluginManager.config })}
-          footer={getFooter({ oas, output: options.output })}
+          banner={resolver.resolveBanner(adapter.rootNode, { output, config })}
+          footer={resolver.resolveFooter(adapter.rootNode, { output, config })}
         >
-          {options.importPath ? (
+          {importPath ? (
             <>
-              <File.Import name={'fetch'} path={options.importPath} />
-              <File.Import name={['mergeConfig']} path={options.importPath} />
-              <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} path={options.importPath} isTypeOnly />
+              <File.Import name={'fetch'} path={importPath} />
+              <File.Import name={['mergeConfig']} path={importPath} />
+              <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} path={importPath} isTypeOnly />
             </>
           ) : (
             <>
-              <File.Import name={['fetch']} root={file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} />
-              <File.Import name={['mergeConfig']} root={file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} />
-              <File.Import
-                name={['Client', 'RequestConfig', 'ResponseErrorConfig']}
-                root={file.path}
-                path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}
-                isTypeOnly
-              />
+              <File.Import name={['fetch']} root={file.path} path={path.resolve(root, '.kubb/fetch.ts')} />
+              <File.Import name={['mergeConfig']} root={file.path} path={path.resolve(root, '.kubb/fetch.ts')} />
+              <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} root={file.path} path={path.resolve(root, '.kubb/fetch.ts')} isTypeOnly />
             </>
           )}
 
-          {hasFormData && <File.Import name={['buildFormData']} root={file.path} path={path.resolve(config.root, config.output.path, '.kubb/config.ts')} />}
+          {hasFormData && <File.Import name={['buildFormData']} root={file.path} path={path.resolve(root, '.kubb/config.ts')} />}
 
-          {Array.from(typeImportsByFile.entries()).map(([filePath, imports]) => {
+          {Array.from(typeImportsByFile.entries()).map(([filePath, importSet]) => {
             const typeFile = typeFilesByPath.get(filePath)
-            if (!typeFile) {
-              return null
-            }
-            const importNames = Array.from(imports).filter(Boolean)
-            if (importNames.length === 0) {
-              return null
-            }
+            if (!typeFile) return null
+            const importNames = Array.from(importSet).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]) => {
+          {parser === 'zod' &&
+            Array.from(zodImportsByFile.entries()).map(([filePath, importSet]) => {
               const zodFile = zodFilesByPath.get(filePath)
-              if (!zodFile) {
-                return null
-              }
-              const importNames = Array.from(imports).filter(Boolean)
-              if (importNames.length === 0) {
-                return null
-              }
-
+              if (!zodFile) return null
+              const importNames = Array.from(importSet).filter(Boolean)
+              if (importNames.length === 0) return null
               return <File.Import key={filePath} name={importNames} root={file.path} path={zodFile.path} />
             })}
 
           <ClassClient
             name={name}
             operations={ops}
-            baseURL={options.baseURL}
-            dataReturnType={options.dataReturnType}
-            pathParamsType={options.pathParamsType}
-            paramsCasing={options.paramsCasing}
-            paramsType={options.paramsType}
-            parser={options.parser}
+            baseURL={baseURL}
+            dataReturnType={dataReturnType}
+            pathParamsType={pathParamsType}
+            paramsCasing={paramsCasing}
+            paramsType={paramsType}
+            parser={parser}
           />
         </File>
       )
     })
 
-    if (options.wrapper) {
-      const wrapperFile = pluginManager.getFile({
-        name: options.wrapper.className,
-        extname: '.ts',
-        pluginName,
-      })
+    if (wrapper) {
+      const wrapperFile = resolver.resolveFile({ name: wrapper.className, extname: '.ts' }, { root, output, group })
 
       files.push(
         <File
@@ -244,29 +226,24 @@ export const classClientGenerator = createReactGenerator<PluginClient>({
           baseName={wrapperFile.baseName}
           path={wrapperFile.path}
           meta={wrapperFile.meta}
-          banner={getBanner({ oas, output: options.output, config: pluginManager.config })}
-          footer={getFooter({ oas, output: options.output })}
+          banner={resolver.resolveBanner(adapter.rootNode, { output, config })}
+          footer={resolver.resolveFooter(adapter.rootNode, { output, config })}
         >
-          {options.importPath ? (
-            <File.Import name={['Client', 'RequestConfig']} path={options.importPath} isTypeOnly />
+          {importPath ? (
+            <File.Import name={['Client', 'RequestConfig']} path={importPath} isTypeOnly />
           ) : (
-            <File.Import
-              name={['Client', 'RequestConfig']}
-              root={wrapperFile.path}
-              path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}
-              isTypeOnly
-            />
+            <File.Import name={['Client', 'RequestConfig']} root={wrapperFile.path} path={path.resolve(root, '.kubb/fetch.ts')} isTypeOnly />
           )}
 
           {controllers.map(({ name, file }) => (
             <File.Import key={name} name={[name]} root={wrapperFile.path} path={file.path} />
           ))}
 
-          <WrapperClient name={options.wrapper.className} classNames={controllers.map(({ name }) => name)} />
+          <WrapperClient name={wrapper.className} classNames={controllers.map(({ name }) => name)} />
         </File>,
       )
     }
 
-    return files
+    return <>{files}</>
   },
 })

package/src/generators/clientGenerator.tsx

@@ -1,8 +1,6 @@
 import path from 'node:path'
-import { usePluginManager } from '@kubb/core/hooks'
-import { createReactGenerator } from '@kubb/plugin-oas/generators'
-import { useOas, useOperationManager } from '@kubb/plugin-oas/hooks'
-import { getBanner, getFooter } from '@kubb/plugin-oas/utils'
+import { caseParams } from '@kubb/ast'
+import { defineGenerator } from '@kubb/core'
 import { pluginTsName } from '@kubb/plugin-ts'
 import { pluginZodName } from '@kubb/plugin-zod'
 import { File } from '@kubb/react-fabric'
@@ -10,114 +8,127 @@ import { Client } from '../components/Client'
 import { Url } from '../components/Url.tsx'
 import type { PluginClient } from '../types'
 
-export const clientGenerator = createReactGenerator<PluginClient>({
+export const clientGenerator = defineGenerator<PluginClient>({
   name: 'client',
-  Operation({ config, plugin, operation, generator }) {
-    const pluginManager = usePluginManager()
-    const {
-      options,
-      options: { output, urlType },
-    } = plugin
-
-    const oas = useOas()
-    const { getSchemas, getName, getFile } = useOperationManager(generator)
-
-    const client = {
-      name: getName(operation, { type: 'function' }),
-      file: getFile(operation),
-    }
+  operation(node, options) {
+    const { adapter, config, driver, resolver, root } = this
+    const { output, urlType, dataReturnType, paramsCasing, paramsType, pathParamsType, parser, importPath, group } = options
+    const baseURL = options.baseURL ?? adapter.rootNode?.meta?.baseURL
 
-    const url = {
-      name: getName(operation, { type: 'function', suffix: 'url', prefix: 'get' }),
-      file: getFile(operation),
-    }
+    const pluginTs = driver.getPlugin(pluginTsName)
 
-    const type = {
-      file: getFile(operation, { pluginName: pluginTsName }),
-      schemas: getSchemas(operation, { pluginName: pluginTsName, type: 'type' }),
+    if (!pluginTs?.resolver) {
+      return null
     }
 
-    const zod = {
-      file: getFile(operation, { pluginName: pluginZodName }),
-      schemas: getSchemas(operation, { pluginName: pluginZodName, type: 'function' }),
-    }
+    const tsResolver = pluginTs.resolver
+
+    const pluginZod = parser === 'zod' ? driver.getPlugin(pluginZodName) : undefined
+    const zodResolver = pluginZod?.resolver
+
+    const casedParams = caseParams(node.parameters, paramsCasing)
+    const pathParams = casedParams.filter((p) => p.in === 'path')
+    const queryParams = casedParams.filter((p) => p.in === 'query')
+    const headerParams = casedParams.filter((p) => p.in === 'header')
+
+    const importedTypeNames = [
+      ...pathParams.map((p) => tsResolver.resolvePathParamsName(node, p)),
+      ...queryParams.map((p) => tsResolver.resolveQueryParamsName(node, p)),
+      ...headerParams.map((p) => tsResolver.resolveHeaderParamsName(node, p)),
+      node.requestBody?.schema ? tsResolver.resolveDataName(node) : undefined,
+      tsResolver.resolveResponseName(node),
+      ...node.responses.map((res) => tsResolver.resolveResponseStatusName(node, res.statusCode)),
+    ].filter(Boolean)
 
-    const isFormData = operation.getContentType() === 'multipart/form-data'
+    const importedZodNames =
+      zodResolver && parser === 'zod'
+        ? [zodResolver.resolveResponseName?.(node), node.requestBody?.schema ? zodResolver.resolveDataName?.(node) : undefined].filter(Boolean)
+        : []
+
+    const meta = {
+      name: resolver.resolveName(node.operationId),
+      urlName: `get${resolver.resolveName(node.operationId).charAt(0).toUpperCase()}${resolver.resolveName(node.operationId).slice(1)}Url`,
+      file: resolver.resolveFile({ name: node.operationId, extname: '.ts', tag: node.tags[0] ?? 'default', path: node.path }, { root, output, group }),
+      fileTs: tsResolver.resolveFile(
+        { name: node.operationId, extname: '.ts', tag: node.tags[0] ?? 'default', path: node.path },
+        {
+          root,
+          output: pluginTs.options?.output ?? output,
+          group: pluginTs.options?.group,
+        },
+      ),
+      fileZod:
+        zodResolver && pluginZod?.options
+          ? zodResolver.resolveFile(
+              { name: node.operationId, extname: '.ts', tag: node.tags[0] ?? 'default', path: node.path },
+              {
+                root,
+                output: pluginZod.options.output ?? output,
+                group: pluginZod.options.group,
+              },
+            )
+          : undefined,
+    } as const
+
+    const isFormData = node.requestBody?.contentType === 'multipart/form-data'
 
     return (
       <File
-        baseName={client.file.baseName}
-        path={client.file.path}
-        meta={client.file.meta}
-        banner={getBanner({ oas, output, config: pluginManager.config })}
-        footer={getFooter({ oas, output })}
+        baseName={meta.file.baseName}
+        path={meta.file.path}
+        meta={meta.file.meta}
+        banner={resolver.resolveBanner(adapter.rootNode, { output, config })}
+        footer={resolver.resolveFooter(adapter.rootNode, { output, config })}
       >
-        {options.importPath ? (
+        {importPath ? (
           <>
-            <File.Import name={'fetch'} path={options.importPath} />
-            <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} path={options.importPath} isTypeOnly />
+            <File.Import name={'fetch'} path={importPath} />
+            <File.Import name={['Client', 'RequestConfig', 'ResponseErrorConfig']} path={importPath} isTypeOnly />
           </>
         ) : (
           <>
-            <File.Import name={['fetch']} root={client.file.path} path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')} />
+            <File.Import name={['fetch']} root={meta.file.path} path={path.resolve(root, '.kubb/fetch.ts')} />
             <File.Import
               name={['Client', 'RequestConfig', 'ResponseErrorConfig']}
-              root={client.file.path}
-              path={path.resolve(config.root, config.output.path, '.kubb/fetch.ts')}
+              root={meta.file.path}
+              path={path.resolve(root, '.kubb/fetch.ts')}
               isTypeOnly
             />
           </>
         )}
 
-        {isFormData && type.schemas.request?.name && (
-          <File.Import name={['buildFormData']} root={client.file.path} path={path.resolve(config.root, config.output.path, '.kubb/config.ts')} />
-        )}
+        {isFormData && node.requestBody?.schema && <File.Import name={['buildFormData']} root={meta.file.path} path={path.resolve(root, '.kubb/config.ts')} />}
 
-        {options.parser === 'zod' && (
-          <File.Import
-            name={[zod.schemas.response.name, zod.schemas.request?.name].filter((x): x is string => Boolean(x))}
-            root={client.file.path}
-            path={zod.file.path}
-          />
+        {meta.fileZod && importedZodNames.length > 0 && <File.Import name={importedZodNames as string[]} root={meta.file.path} path={meta.fileZod.path} />}
+
+        {meta.fileTs && importedTypeNames.length > 0 && (
+          <File.Import name={Array.from(new Set(importedTypeNames))} root={meta.file.path} path={meta.fileTs.path} isTypeOnly />
         )}
-        <File.Import
-          name={[
-            type.schemas.request?.name,
-            type.schemas.response.name,
-            type.schemas.pathParams?.name,
-            type.schemas.queryParams?.name,
-            type.schemas.headerParams?.name,
-            ...(type.schemas.statusCodes?.map((item) => item.name) || []),
-          ].filter((x): x is string => Boolean(x))}
-          root={client.file.path}
-          path={type.file.path}
-          isTypeOnly
-        />
 
         <Url
-          name={url.name}
-          baseURL={options.baseURL}
-          pathParamsType={options.pathParamsType}
-          paramsCasing={options.paramsCasing}
-          paramsType={options.paramsType}
-          typeSchemas={type.schemas}
-          operation={operation}
+          name={meta.urlName}
+          baseURL={baseURL}
+          pathParamsType={pathParamsType}
+          paramsCasing={paramsCasing}
+          paramsType={paramsType}
+          node={node}
+          tsResolver={tsResolver}
           isIndexable={urlType === 'export'}
           isExportable={urlType === 'export'}
         />
 
         <Client
-          name={client.name}
-          urlName={url.name}
-          baseURL={options.baseURL}
-          dataReturnType={options.dataReturnType}
-          pathParamsType={options.pathParamsType}
-          paramsCasing={options.paramsCasing}
-          paramsType={options.paramsType}
-          typeSchemas={type.schemas}
-          operation={operation}
-          parser={options.parser}
-          zodSchemas={zod.schemas}
+          name={meta.name}
+          urlName={meta.urlName}
+          baseURL={baseURL}
+          dataReturnType={dataReturnType}
+          pathParamsType={pathParamsType}
+          paramsCasing={paramsCasing}
+          paramsType={paramsType}
+          node={node}
+          tsResolver={tsResolver}
+          zodResolver={zodResolver}
+          parser={parser}
         />
       </File>
     )