import { isAllOptional, isOptional, type Operation } from '@kubb/oas' import type { OperationSchemas } from '@kubb/plugin-oas' import { getComments, getPathParams } from '@kubb/plugin-oas/utils' import { File, Function, FunctionParams } from '@kubb/react-fabric' import type { FabricReactNode } from '@kubb/react-fabric/types' import type { PluginSolidQuery } from '../types.ts' import { QueryKey } from './QueryKey.tsx' import { QueryOptions } from './QueryOptions.tsx' type Props = { /** * Name of the function */ name: string queryOptionsName: string queryKeyName: string queryKeyTypeName: string typeSchemas: OperationSchemas operation: Operation paramsCasing: PluginSolidQuery['resolvedOptions']['paramsCasing'] paramsType: PluginSolidQuery['resolvedOptions']['paramsType'] pathParamsType: PluginSolidQuery['resolvedOptions']['pathParamsType'] dataReturnType: PluginSolidQuery['resolvedOptions']['client']['dataReturnType'] } type GetParamsProps = { paramsCasing: PluginSolidQuery['resolvedOptions']['paramsCasing'] paramsType: PluginSolidQuery['resolvedOptions']['paramsType'] pathParamsType: PluginSolidQuery['resolvedOptions']['pathParamsType'] dataReturnType: PluginSolidQuery['resolvedOptions']['client']['dataReturnType'] typeSchemas: OperationSchemas } function getParams({ paramsType, paramsCasing, pathParamsType, dataReturnType, typeSchemas }: GetParamsProps) { const TData = dataReturnType === 'data' ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>` const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(' | ') || 'Error'}>` if (paramsType === 'object') { const pathParams = getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing, override: (item) => ({ ...item, type: `${item.type} | undefined` }), }) const children = { ...pathParams, data: typeSchemas.request?.name ? { type: typeSchemas.request?.name, optional: isOptional(typeSchemas.request?.schema), } : undefined, params: typeSchemas.queryParams?.name ? { type: typeSchemas.queryParams?.name, optional: isOptional(typeSchemas.queryParams?.schema), } : undefined, headers: typeSchemas.headerParams?.name ? { type: typeSchemas.headerParams?.name, optional: isOptional(typeSchemas.headerParams?.schema), } : undefined, } // Check if all children are optional or undefined const allChildrenAreOptional = Object.values(children).every((child) => !child || child.optional) return FunctionParams.factory({ data: { mode: 'object', children, default: allChildrenAreOptional ? '{}' : undefined, }, options: { type: ` { query?: Partial> & { client?: QueryClient }, client?: ${typeSchemas.request?.name ? `Partial> & { client?: Client }` : 'Partial & { client?: Client }'} } `, default: '{}', }, }) } return FunctionParams.factory({ pathParams: typeSchemas.pathParams?.name ? { mode: pathParamsType === 'object' ? 'object' : 'inlineSpread', children: getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing, override: (item) => ({ ...item, type: `${item.type} | undefined` }), }), default: isAllOptional(typeSchemas.pathParams?.schema) ? '{}' : undefined, } : undefined, data: typeSchemas.request?.name ? { type: typeSchemas.request?.name, optional: isOptional(typeSchemas.request?.schema), } : undefined, params: typeSchemas.queryParams?.name ? { type: typeSchemas.queryParams?.name, optional: isOptional(typeSchemas.queryParams?.schema), } : undefined, headers: typeSchemas.headerParams?.name ? { type: typeSchemas.headerParams?.name, optional: isOptional(typeSchemas.headerParams?.schema), } : undefined, options: { type: ` { query?: Partial> & { client?: QueryClient }, client?: ${typeSchemas.request?.name ? `Partial> & { client?: Client }` : 'Partial & { client?: Client }'} } `, default: '{}', }, }) } export function Query({ name, queryKeyTypeName, queryOptionsName, queryKeyName, paramsCasing, paramsType, pathParamsType, dataReturnType, typeSchemas, operation, }: Props): FabricReactNode { const TData = dataReturnType === 'data' ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>` const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(' | ') || 'Error'}>` const returnType = `UseQueryResult<${['TData', TError].join(', ')}> & { queryKey: TQueryKey }` const generics = [`TData = ${TData}`, `TQueryData = ${TData}`, `TQueryKey extends QueryKey = ${queryKeyTypeName}`] const queryKeyParams = QueryKey.getParams({ pathParamsType, typeSchemas, paramsCasing, }) const queryOptionsParams = QueryOptions.getParams({ paramsType, paramsCasing, pathParamsType, typeSchemas, }) const params = getParams({ paramsCasing, paramsType, pathParamsType, dataReturnType, typeSchemas, }) const queryOptions = `${queryOptionsName}(${queryOptionsParams.toCall()}) as unknown as UseBaseQueryOptions` return ( {` const { query: queryConfig = {}, client: config = {} } = options ?? {} const { client: queryClient, ...resolvedOptions } = queryConfig const queryKey = resolvedOptions?.queryKey ?? ${queryKeyName}(${queryKeyParams.toCall()}) const query = useQuery(() => ({ ...${queryOptions}, queryKey, initialData: null, ...resolvedOptions as unknown as Omit }), queryClient? () => queryClient: undefined) as ${returnType} return query `} ) } Query.getParams = getParams