fumadocs-openapi 10.6.1 → 10.6.3

package/dist/ui/operation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/operation/index.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, use, useMemo, type ReactNode } from 'react';\nimport type {\n  CallbackObject,\n  MediaTypeObject,\n  MethodInformation,\n  RenderContext,\n  SecuritySchemeObject,\n  ServerObject,\n} from '@/types';\nimport { createMethod, methodKeys, type NoReference } from '@/utils/schema';\nimport { idToTitle } from '@/utils/id-to-title';\nimport { Schema } from '../schema';\nimport { UsageTabs } from '@/ui/operation/usage-tabs';\nimport { Badge, MethodLabel } from '@/ui/components/method-label';\nimport { CopyTypeScriptPanel, OperationProvider } from './client';\nimport { I18nLabel } from '@/ui/client/i18n';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { isMediaTypeSupported } from '@/requests/media/adapter';\nimport { APIPlayground } from '@/playground';\nimport { RequestTabs } from './request-tabs';\nimport { ServerProviderLazy } from '../contexts/api.lazy';\nimport { cn } from '@/utils/cn';\nimport { getExampleRequests } from './get-example-requests';\nimport { SelectTabs, SelectTabTrigger, SelectTab } from '../components/server-tab';\n\nconst paramTypeKeys = ['path', 'query', 'header', 'cookie'] as const;\n\nexport function Operation({\n  type = 'operation',\n  path,\n  method,\n  ctx,\n  showTitle,\n  showDescription,\n  headingLevel = 2,\n}: {\n  type?: 'webhook' | 'operation';\n  path: string;\n  method: MethodInformation;\n  ctx: RenderContext;\n\n  showTitle?: boolean;\n  showDescription?: boolean;\n  headingLevel?: number;\n}) {\n  const {\n    schema: { dereferenced },\n  } = ctx;\n  const body = method.requestBody;\n  let headNode: ReactNode = null;\n  const descriptionNode =\n    showDescription && method.description && ctx.renderMarkdown(method.description);\n  let bodyNode: ReactNode = null;\n  let authNode: ReactNode = null;\n  let responseNode: ReactNode = null;\n  let callbacksNode: ReactNode = null;\n  const exampleRequests = useMemo(() => getExampleRequests(path, method, ctx), [ctx, method, path]);\n\n  if (showTitle) {\n    const title = method.summary || (method.operationId ? idToTitle(method.operationId) : path);\n\n    headNode = ctx.renderHeading(headingLevel, title);\n    headingLevel++;\n  }\n\n  const contentTypes = body?.content ? Object.entries(body.content) : null;\n\n  if (body && contentTypes && contentTypes.length > 0) {\n    const items = contentTypes.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    bodyNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex gap-2 items-center justify-between mt-10\">\n          {ctx.renderHeading(headingLevel, <I18nLabel label=\"titleRequestBody\" />, {\n            id: 'request-body',\n            className: 'my-0!',\n          })}\n          {contentTypes.length > 1 ? (\n            <SelectTabTrigger items={items} className=\"font-medium\" />\n          ) : (\n            <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n          )}\n        </div>\n        {body.description && ctx.renderMarkdown(body.description)}\n        {contentTypes.map(([type, content]) => {\n          if (!isMediaTypeSupported(type, ctx.mediaAdapters)) {\n            throw new Error(`Media type ${type} is not supported (in ${path})`);\n          }\n\n          return (\n            <SelectTab key={type} value={type}>\n              <RequestBodyContentItem content={content} method={method} ctx={ctx} />\n            </SelectTab>\n          );\n        })}\n      </SelectTabs>\n    );\n  }\n\n  if (method.responses && ctx.showResponseSchema !== false) {\n    const statuses = Object.keys(method.responses);\n\n    responseNode = (\n      <>\n        {ctx.renderHeading(headingLevel, <I18nLabel label=\"titleResponseBody\" />, {\n          id: 'response-body',\n        })}\n\n        <Accordions type=\"multiple\">\n          {statuses.map((status) => (\n            <ResponseAccordion key={status} status={status} operation={method} ctx={ctx} />\n          ))}\n        </Accordions>\n      </>\n    );\n  }\n\n  const parameterNode = paramTypeKeys.map((type) => {\n    const params = method.parameters?.filter((param) => param.in === type);\n    if (!params || params.length === 0) return;\n\n    return (\n      <Fragment key={type}>\n        {ctx.renderHeading(headingLevel, <I18nLabel label={`${type}Parameters`} />, {\n          id: `parameters-${type}`,\n        })}\n        <div className=\"flex flex-col\">\n          {params.map(\n            (param) =>\n              param.schema != null && (\n                <Schema\n                  key={param.name}\n                  client={{\n                    name: param.name!,\n                    required: param.required,\n                  }}\n                  root={\n                    typeof param.schema === 'object'\n                      ? {\n                          ...param.schema,\n                          description: param.description ?? param.schema?.description,\n                          deprecated:\n                            (param.deprecated ?? false) || (param.schema?.deprecated ?? false),\n                        }\n                      : param.schema\n                  }\n                  readOnly={method.method === 'GET'}\n                  writeOnly={method.method !== 'GET'}\n                  ctx={ctx}\n                />\n              ),\n          )}\n        </div>\n      </Fragment>\n    );\n  });\n\n  const securities = (method.security ?? dereferenced.security ?? []).filter(\n    (v) => Object.keys(v).length > 0,\n  );\n\n  if (type === 'operation' && securities.length > 0) {\n    const securitySchemes = dereferenced.components?.securitySchemes;\n    const items = securities.map((security, i) => {\n      return {\n        value: String(i),\n        label: (\n          <div className=\"flex flex-col text-xs min-w-0\">\n            {Object.entries(security).map(([key, scopes]) => (\n              <code key={key} className=\"truncate\">\n                <span className=\"font-medium\">{key}</span>{' '}\n                {scopes.length > 0 && (\n                  <span className=\"text-fd-muted-foreground\">{scopes.join(', ')}</span>\n                )}\n              </code>\n            ))}\n          </div>\n        ),\n      };\n    });\n\n    authNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex items-start justify-between gap-2 mt-10\">\n          {ctx.renderHeading(headingLevel, <I18nLabel label=\"authorization\" />, {\n            id: 'authorization',\n            className: 'my-0!',\n          })}\n          {items.length > 1 ? (\n            <SelectTabTrigger items={items} />\n          ) : (\n            <div className=\"not-prose\">{items[0].label}</div>\n          )}\n        </div>\n        {securities.map((security, i) => (\n          <SelectTab key={i} value={items[i].value}>\n            {Object.entries(security).map(([key, scopes]) => {\n              const scheme = securitySchemes?.[key];\n              if (!scheme) return;\n\n              return <AuthScheme key={key} scheme={scheme} scopes={scopes} ctx={ctx} />;\n            })}\n          </SelectTab>\n        ))}\n      </SelectTabs>\n    );\n  }\n\n  const callbacks = method.callbacks ? Object.entries(method.callbacks) : null;\n  if (callbacks && callbacks.length > 0) {\n    const items = callbacks.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    callbacksNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex justify-between gap-2 items-end mt-10\">\n          {ctx.renderHeading(headingLevel, <I18nLabel label=\"titleCallbacks\" />, {\n            id: 'callbacks',\n            className: 'my-0!',\n          })}\n          {callbacks.length > 1 ? (\n            <SelectTabTrigger items={items} className=\"font-medium\" />\n          ) : (\n            <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n          )}\n        </div>\n        {callbacks.map(([name, callback]) => (\n          <SelectTab key={name} value={name}>\n            <WebhookCallback callback={callback} ctx={ctx} headingLevel={headingLevel} />\n          </SelectTab>\n        ))}\n      </SelectTabs>\n    );\n  }\n\n  let { renderOperationLayout, renderWebhookLayout } = ctx.content ?? {};\n\n  if (type === 'operation') {\n    renderOperationLayout ??= (slots) => {\n      return (\n        <div className=\"flex flex-col gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start\">\n          <div className=\"min-w-0 flex-1\">\n            {slots.header}\n            {slots.apiPlayground}\n            {slots.description}\n            {slots.authSchemes}\n            {slots.parameters}\n            {slots.body}\n            {slots.responses}\n            {slots.callbacks}\n          </div>\n          <div className=\"@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]\">\n            {slots.apiExample}\n          </div>\n        </div>\n      );\n    };\n\n    const playgroundEnabled = ctx.playground?.enabled ?? true;\n    let content = renderOperationLayout(\n      {\n        header: headNode,\n        description: descriptionNode,\n        authSchemes: authNode,\n        body: bodyNode,\n        callbacks: callbacksNode,\n        parameters: parameterNode,\n        responses: responseNode,\n        apiPlayground: playgroundEnabled ? (\n          <APIPlayground path={path} method={method} ctx={ctx} />\n        ) : (\n          <div className=\"flex flex-row items-center gap-2.5 p-3 rounded-xl border bg-fd-card text-fd-card-foreground not-prose\">\n            <MethodLabel className=\"text-xs\">{method.method}</MethodLabel>\n            <code className=\"flex-1 overflow-auto text-nowrap text-[0.8125rem] text-fd-muted-foreground\">\n              {path}\n            </code>\n          </div>\n        ),\n        apiExample: <UsageTabs method={method} ctx={ctx} />,\n      },\n      ctx,\n      method,\n    );\n\n    content = (\n      <OperationProvider\n        defaultExampleId={method['x-exclusiveCodeSample'] ?? method['x-selectedCodeSample']}\n        route={path}\n        examples={exampleRequests}\n      >\n        {content}\n      </OperationProvider>\n    );\n    if (method.servers) {\n      content = (\n        <ServerProviderLazy servers={method.servers as ServerObject[]}>\n          {content}\n        </ServerProviderLazy>\n      );\n    }\n\n    return content;\n  } else {\n    renderWebhookLayout ??= (slots) => (\n      <div className=\"flex flex-col-reverse gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start\">\n        <div className=\"min-w-0 flex-1\">\n          {slots.header}\n          {slots.description}\n          {slots.authSchemes}\n          {slots.parameters}\n          {slots.body}\n          {slots.responses}\n          {slots.callbacks}\n        </div>\n        <div className=\"@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]\">\n          {slots.requests}\n        </div>\n      </div>\n    );\n    return renderWebhookLayout({\n      header: headNode,\n      description: descriptionNode,\n      authSchemes: authNode,\n      body: bodyNode,\n      callbacks: callbacksNode,\n      parameters: parameterNode,\n      responses: responseNode,\n      requests: <RequestTabs examples={exampleRequests} path={path} operation={method} ctx={ctx} />,\n    });\n  }\n}\n\nfunction RequestBodyContentItem({\n  content,\n  method,\n  ctx,\n}: {\n  content: NoReference<MediaTypeObject>;\n  method: MethodInformation;\n  ctx: RenderContext;\n}) {\n  let ts = useMemo(() => {\n    if (!content.schema || !ctx.generateTypeScriptDefinitions) return;\n    return ctx.generateTypeScriptDefinitions(content.schema, {\n      operation: method,\n      readOnly: false,\n      writeOnly: true,\n      ...ctx,\n    });\n  }, [content.schema, ctx, method]);\n  if (ts instanceof Promise) ts = use(ts);\n\n  return (\n    <>\n      {ts && <CopyTypeScriptPanel name=\"request body\" code={ts} className=\"mt-4\" />}\n      {content.schema && (\n        <Schema\n          client={{\n            name: 'body',\n            as: 'body',\n            required: method.requestBody?.required,\n          }}\n          root={content.schema}\n          readOnly={method.method === 'GET'}\n          writeOnly={method.method !== 'GET'}\n          ctx={ctx}\n        />\n      )}\n    </>\n  );\n}\n\nfunction ResponseAccordion({\n  status,\n  operation,\n  ctx,\n}: {\n  status: string;\n  operation: MethodInformation;\n  ctx: RenderContext;\n}) {\n  const response = operation.responses![status];\n  const contentTypes = response.content ? Object.entries(response.content) : [];\n  let wrapper = (children: ReactNode) => children;\n  let selectorNode: ReactNode = null;\n\n  if (contentTypes.length > 0) {\n    const items = contentTypes.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    selectorNode =\n      items.length === 1 ? (\n        <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n      ) : (\n        <SelectTabTrigger items={items} />\n      );\n    wrapper = (children) => <SelectTabs defaultValue={items[0].value}>{children}</SelectTabs>;\n  }\n\n  return wrapper(\n    <AccordionItem value={status}>\n      <AccordionHeader>\n        <AccordionTrigger className=\"font-mono\">{status}</AccordionTrigger>\n        {selectorNode}\n      </AccordionHeader>\n      <AccordionContent className=\"ps-4.5\">\n        {response.description && (\n          <div className=\"prose-no-margin mb-2\">{ctx.renderMarkdown(response.description)}</div>\n        )}\n        {contentTypes.map(([type, item]) => (\n          <SelectTab key={type} value={type} className=\"mb-2\">\n            <RepsonseAccordionItem\n              type={type}\n              status={status}\n              item={item}\n              operation={operation}\n              ctx={ctx}\n            />\n          </SelectTab>\n        ))}\n      </AccordionContent>\n    </AccordionItem>,\n  );\n}\n\nfunction RepsonseAccordionItem({\n  type,\n  status,\n  operation,\n  item: { schema },\n  ctx,\n}: {\n  type: string;\n  status: string;\n  operation: MethodInformation;\n  item: NoReference<MediaTypeObject>;\n  ctx: RenderContext;\n}) {\n  let ts = useMemo(() => {\n    if (!schema || !ctx.generateTypeScriptDefinitions) return;\n    return ctx.generateTypeScriptDefinitions(schema, {\n      readOnly: true,\n      writeOnly: false,\n      operation,\n      _internal_legacy: {\n        statusCode: status,\n        contentType: type,\n      },\n      ...ctx,\n    });\n  }, [ctx, operation, schema, status, type]);\n  // assume it is on server component when returned async\n  if (ts instanceof Promise) ts = use(ts);\n\n  return (\n    <>\n      {ts && <CopyTypeScriptPanel name=\"response body\" code={ts} />}\n      {schema && (\n        <div className=\"border px-3 py-2 rounded-lg\">\n          <Schema\n            client={{\n              name: 'response',\n              as: 'body',\n            }}\n            root={schema}\n            readOnly\n            ctx={ctx}\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction WebhookCallback({\n  callback,\n  ctx,\n  headingLevel,\n}: {\n  callback: NoReference<CallbackObject>;\n  ctx: RenderContext;\n  headingLevel: number;\n}) {\n  return (\n    <Accordions type=\"single\" collapsible>\n      {Object.entries(callback).map(([path, pathItem]) => {\n        const pathNodes = methodKeys.map((method) => {\n          const operation = pathItem[method];\n          if (!operation) return null;\n\n          return (\n            <div key={method} className=\"border p-3 my-2 @container prose-no-margin rounded-lg\">\n              <Operation\n                type=\"webhook\"\n                path={path}\n                headingLevel={headingLevel + 1}\n                method={createMethod(method, pathItem, operation)}\n                ctx={ctx}\n              />\n            </div>\n          );\n        });\n\n        return (\n          <AccordionItem key={path} value={path}>\n            <AccordionHeader>\n              <AccordionTrigger className=\"font-mono\">{path}</AccordionTrigger>\n            </AccordionHeader>\n            <AccordionContent>{pathNodes}</AccordionContent>\n          </AccordionItem>\n        );\n      })}\n    </Accordions>\n  );\n}\n\nfunction AuthScheme({\n  scheme,\n  scopes,\n  ctx,\n}: {\n  scheme: SecuritySchemeObject;\n  scopes: string[];\n  ctx: RenderContext;\n}) {\n  if (scheme.type === 'http' || scheme.type === 'oauth2') {\n    return (\n      <AuthProperty\n        name={<I18nLabel label=\"authorization\" />}\n        type={\n          scheme.type === 'http' && scheme.scheme === 'basic' ? (\n            <I18nLabel label=\"authBasicTokenExample\" />\n          ) : (\n            <I18nLabel label=\"authBearerTokenExample\" />\n          )\n        }\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n        <p>\n          <I18nLabel label=\"authTokenIn\" />: <code>header</code>\n        </p>\n      </AuthProperty>\n    );\n  }\n\n  if (scheme.type === 'apiKey') {\n    return (\n      <AuthProperty\n        name={scheme.name!}\n        type=\"<token>\"\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n        <p>\n          <I18nLabel label=\"authTokenIn\" />: <code>{scheme.in}</code>\n        </p>\n      </AuthProperty>\n    );\n  }\n\n  if (scheme.type === 'openIdConnect') {\n    return (\n      <AuthProperty\n        name={<I18nLabel label=\"openIdConnect\" />}\n        type=\"<token>\"\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n      </AuthProperty>\n    );\n  }\n}\n\nfunction AuthProperty({\n  name,\n  type,\n  deprecated = false,\n  scopes = [],\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  name: ReactNode;\n  type: ReactNode;\n  deprecated?: boolean;\n  scopes?: string[];\n}) {\n  return (\n    <div className={cn('text-sm border-t my-4 first:border-t-0', className)}>\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">{name}</span>\n        <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        {deprecated && (\n          <Badge color=\"red\" className=\"text-xs\">\n            <I18nLabel label=\"deprecated\" />\n          </Badge>\n        )}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">\n        {props.children}\n        {scopes.length > 0 && (\n          <p>\n            <I18nLabel label=\"authScope\" />: <code>{scopes.join(', ')}</code>\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/operation/index.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, use, useMemo, type ReactNode } from 'react';\nimport type {\n  CallbackObject,\n  MediaTypeObject,\n  MethodInformation,\n  RenderContext,\n  SecuritySchemeObject,\n  ServerObject,\n} from '@/types';\nimport { createMethod, methodKeys, type NoReference } from '@/utils/schema';\nimport { idToTitle } from '@/utils/id-to-title';\nimport { Schema } from '../schema';\nimport { UsageTabs } from '@/ui/operation/usage-tabs';\nimport { Badge, MethodLabel } from '@/ui/components/method-label';\nimport { CopyTypeScriptPanel, OperationProvider } from './client';\nimport { I18nLabel } from '@/ui/client/i18n';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { isMediaTypeSupported } from '@/requests/media/adapter';\nimport { APIPlayground } from '@/playground';\nimport { RequestTabs } from './request-tabs';\nimport { cn } from '@/utils/cn';\nimport { getExampleRequests } from './get-example-requests';\nimport { SelectTabs, SelectTabTrigger, SelectTab } from '../components/select-tab';\n\nconst paramTypeKeys = ['path', 'query', 'header', 'cookie'] as const;\n\nexport function Operation({\n  type = 'operation',\n  path,\n  method,\n  ctx,\n  showTitle,\n  showDescription,\n  headingLevel = 2,\n}: {\n  type?: 'webhook' | 'operation';\n  path: string;\n  method: MethodInformation;\n  ctx: RenderContext;\n\n  showTitle?: boolean;\n  showDescription?: boolean;\n  headingLevel?: number;\n}) {\n  const {\n    schema: { dereferenced },\n  } = ctx;\n  const body = method.requestBody;\n  let headNode: ReactNode = null;\n  const descriptionNode =\n    showDescription && method.description && ctx.renderMarkdown(method.description);\n  let bodyNode: ReactNode = null;\n  let authNode: ReactNode = null;\n  let responseNode: ReactNode = null;\n  let callbacksNode: ReactNode = null;\n  const exampleRequests = useMemo(() => getExampleRequests(path, method, ctx), [ctx, method, path]);\n\n  if (showTitle) {\n    const title = method.summary || (method.operationId ? idToTitle(method.operationId) : path);\n\n    headNode = ctx.renderHeading(headingLevel, title);\n    headingLevel++;\n  }\n\n  const contentTypes = body?.content ? Object.entries(body.content) : null;\n\n  if (body && contentTypes && contentTypes.length > 0) {\n    const items = contentTypes.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    bodyNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex gap-2 items-center justify-between mt-10\">\n          {ctx.renderHeading(headingLevel, <I18nLabel label=\"titleRequestBody\" />, {\n            id: 'request-body',\n            className: 'my-0!',\n          })}\n          {contentTypes.length > 1 ? (\n            <SelectTabTrigger items={items} className=\"font-medium\" />\n          ) : (\n            <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n          )}\n        </div>\n        {body.description && ctx.renderMarkdown(body.description)}\n        {contentTypes.map(([type, content]) => {\n          if (!isMediaTypeSupported(type, ctx.mediaAdapters)) {\n            throw new Error(`Media type ${type} is not supported (in ${path})`);\n          }\n\n          return (\n            <SelectTab key={type} value={type}>\n              <RequestBodyContentItem content={content} method={method} ctx={ctx} />\n            </SelectTab>\n          );\n        })}\n      </SelectTabs>\n    );\n  }\n\n  if (method.responses && ctx.showResponseSchema !== false) {\n    const statuses = Object.keys(method.responses);\n\n    responseNode = (\n      <>\n        {ctx.renderHeading(headingLevel, <I18nLabel label=\"titleResponseBody\" />, {\n          id: 'response-body',\n        })}\n\n        <Accordions type=\"multiple\">\n          {statuses.map((status) => (\n            <ResponseAccordion key={status} status={status} operation={method} ctx={ctx} />\n          ))}\n        </Accordions>\n      </>\n    );\n  }\n\n  const parameterNode = paramTypeKeys.map((type) => {\n    const params = method.parameters?.filter((param) => param.in === type);\n    if (!params || params.length === 0) return;\n\n    return (\n      <Fragment key={type}>\n        {ctx.renderHeading(headingLevel, <I18nLabel label={`${type}Parameters`} />, {\n          id: `parameters-${type}`,\n        })}\n        <div className=\"flex flex-col\">\n          {params.map(\n            (param) =>\n              param.schema != null && (\n                <Schema\n                  key={param.name}\n                  client={{\n                    name: param.name!,\n                    required: param.required,\n                  }}\n                  root={\n                    typeof param.schema === 'object'\n                      ? {\n                          ...param.schema,\n                          description: param.description ?? param.schema?.description,\n                          deprecated:\n                            (param.deprecated ?? false) || (param.schema?.deprecated ?? false),\n                        }\n                      : param.schema\n                  }\n                  readOnly={method.method === 'GET'}\n                  writeOnly={method.method !== 'GET'}\n                  ctx={ctx}\n                />\n              ),\n          )}\n        </div>\n      </Fragment>\n    );\n  });\n\n  const securities = (method.security ?? dereferenced.security ?? []).filter(\n    (v) => Object.keys(v).length > 0,\n  );\n\n  if (type === 'operation' && securities.length > 0) {\n    const securitySchemes = dereferenced.components?.securitySchemes;\n    const items = securities.map((security, i) => {\n      return {\n        value: String(i),\n        label: (\n          <div className=\"flex flex-col text-xs min-w-0\">\n            {Object.entries(security).map(([key, scopes]) => (\n              <code key={key} className=\"truncate\">\n                <span className=\"font-medium\">{key}</span>{' '}\n                {scopes.length > 0 && (\n                  <span className=\"text-fd-muted-foreground\">{scopes.join(', ')}</span>\n                )}\n              </code>\n            ))}\n          </div>\n        ),\n      };\n    });\n\n    authNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex items-start justify-between gap-2 mt-10\">\n          {ctx.renderHeading(headingLevel, <I18nLabel label=\"authorization\" />, {\n            id: 'authorization',\n            className: 'my-0!',\n          })}\n          {items.length > 1 ? (\n            <SelectTabTrigger items={items} />\n          ) : (\n            <div className=\"not-prose\">{items[0].label}</div>\n          )}\n        </div>\n        {securities.map((security, i) => (\n          <SelectTab key={i} value={items[i].value}>\n            {Object.entries(security).map(([key, scopes]) => {\n              const scheme = securitySchemes?.[key];\n              if (!scheme) return;\n\n              return <AuthScheme key={key} scheme={scheme} scopes={scopes} ctx={ctx} />;\n            })}\n          </SelectTab>\n        ))}\n      </SelectTabs>\n    );\n  }\n\n  const callbacks = method.callbacks ? Object.entries(method.callbacks) : null;\n  if (callbacks && callbacks.length > 0) {\n    const items = callbacks.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    callbacksNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex justify-between gap-2 items-end mt-10\">\n          {ctx.renderHeading(headingLevel, <I18nLabel label=\"titleCallbacks\" />, {\n            id: 'callbacks',\n            className: 'my-0!',\n          })}\n          {callbacks.length > 1 ? (\n            <SelectTabTrigger items={items} className=\"font-medium\" />\n          ) : (\n            <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n          )}\n        </div>\n        {callbacks.map(([name, callback]) => (\n          <SelectTab key={name} value={name}>\n            <WebhookCallback callback={callback} ctx={ctx} headingLevel={headingLevel} />\n          </SelectTab>\n        ))}\n      </SelectTabs>\n    );\n  }\n\n  let { renderOperationLayout, renderWebhookLayout } = ctx.content ?? {};\n\n  if (type === 'operation') {\n    renderOperationLayout ??= (slots) => {\n      return (\n        <div className=\"flex flex-col gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start\">\n          <div className=\"min-w-0 flex-1\">\n            {slots.header}\n            {slots.apiPlayground}\n            {slots.description}\n            {slots.authSchemes}\n            {slots.parameters}\n            {slots.body}\n            {slots.responses}\n            {slots.callbacks}\n          </div>\n          <div className=\"@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]\">\n            {slots.apiExample}\n          </div>\n        </div>\n      );\n    };\n\n    const playgroundEnabled = ctx.playground?.enabled ?? true;\n    let content = renderOperationLayout(\n      {\n        header: headNode,\n        description: descriptionNode,\n        authSchemes: authNode,\n        body: bodyNode,\n        callbacks: callbacksNode,\n        parameters: parameterNode,\n        responses: responseNode,\n        apiPlayground: playgroundEnabled ? (\n          <APIPlayground path={path} method={method} ctx={ctx} />\n        ) : (\n          <div className=\"flex flex-row items-center gap-2.5 p-3 rounded-xl border bg-fd-card text-fd-card-foreground not-prose\">\n            <MethodLabel className=\"text-xs\">{method.method}</MethodLabel>\n            <code className=\"flex-1 overflow-auto text-nowrap text-[0.8125rem] text-fd-muted-foreground\">\n              {path}\n            </code>\n          </div>\n        ),\n        apiExample: <UsageTabs method={method} ctx={ctx} />,\n      },\n      ctx,\n      method,\n    );\n\n    content = (\n      <OperationProvider\n        defaultExampleId={method['x-exclusiveCodeSample'] ?? method['x-selectedCodeSample']}\n        route={path}\n        examples={exampleRequests}\n      >\n        {content}\n      </OperationProvider>\n    );\n    if (method.servers) {\n      content = (\n        <ctx.clientBoundary.ServerProvider servers={method.servers as ServerObject[]}>\n          {content}\n        </ctx.clientBoundary.ServerProvider>\n      );\n    }\n\n    return content;\n  } else {\n    renderWebhookLayout ??= (slots) => (\n      <div className=\"flex flex-col-reverse gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start\">\n        <div className=\"min-w-0 flex-1\">\n          {slots.header}\n          {slots.description}\n          {slots.authSchemes}\n          {slots.parameters}\n          {slots.body}\n          {slots.responses}\n          {slots.callbacks}\n        </div>\n        <div className=\"@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]\">\n          {slots.requests}\n        </div>\n      </div>\n    );\n    return renderWebhookLayout({\n      header: headNode,\n      description: descriptionNode,\n      authSchemes: authNode,\n      body: bodyNode,\n      callbacks: callbacksNode,\n      parameters: parameterNode,\n      responses: responseNode,\n      requests: <RequestTabs examples={exampleRequests} path={path} operation={method} ctx={ctx} />,\n    });\n  }\n}\n\nfunction RequestBodyContentItem({\n  content,\n  method,\n  ctx,\n}: {\n  content: NoReference<MediaTypeObject>;\n  method: MethodInformation;\n  ctx: RenderContext;\n}) {\n  let ts = useMemo(() => {\n    if (!content.schema || !ctx.generateTypeScriptDefinitions) return;\n    return ctx.generateTypeScriptDefinitions(content.schema, {\n      operation: method,\n      readOnly: false,\n      writeOnly: true,\n      ...ctx,\n    });\n  }, [content.schema, ctx, method]);\n  if (ts instanceof Promise) ts = use(ts);\n\n  return (\n    <>\n      {ts && <CopyTypeScriptPanel name=\"request body\" code={ts} className=\"mt-4\" />}\n      {content.schema && (\n        <Schema\n          client={{\n            name: 'body',\n            as: 'body',\n            required: method.requestBody?.required,\n          }}\n          root={content.schema}\n          readOnly={method.method === 'GET'}\n          writeOnly={method.method !== 'GET'}\n          ctx={ctx}\n        />\n      )}\n    </>\n  );\n}\n\nfunction ResponseAccordion({\n  status,\n  operation,\n  ctx,\n}: {\n  status: string;\n  operation: MethodInformation;\n  ctx: RenderContext;\n}) {\n  const response = operation.responses![status];\n  const contentTypes = response.content ? Object.entries(response.content) : [];\n  let wrapper = (children: ReactNode) => children;\n  let selectorNode: ReactNode = null;\n\n  if (contentTypes.length > 0) {\n    const items = contentTypes.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    selectorNode =\n      items.length === 1 ? (\n        <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n      ) : (\n        <SelectTabTrigger items={items} />\n      );\n    wrapper = (children) => <SelectTabs defaultValue={items[0].value}>{children}</SelectTabs>;\n  }\n\n  return wrapper(\n    <AccordionItem value={status}>\n      <AccordionHeader>\n        <AccordionTrigger className=\"font-mono\">{status}</AccordionTrigger>\n        {selectorNode}\n      </AccordionHeader>\n      <AccordionContent className=\"ps-4.5\">\n        {response.description && (\n          <div className=\"prose-no-margin mb-2\">{ctx.renderMarkdown(response.description)}</div>\n        )}\n        {contentTypes.map(([type, item]) => (\n          <SelectTab key={type} value={type} className=\"mb-2\">\n            <RepsonseAccordionItem\n              type={type}\n              status={status}\n              item={item}\n              operation={operation}\n              ctx={ctx}\n            />\n          </SelectTab>\n        ))}\n      </AccordionContent>\n    </AccordionItem>,\n  );\n}\n\nfunction RepsonseAccordionItem({\n  type,\n  status,\n  operation,\n  item: { schema },\n  ctx,\n}: {\n  type: string;\n  status: string;\n  operation: MethodInformation;\n  item: NoReference<MediaTypeObject>;\n  ctx: RenderContext;\n}) {\n  let ts = useMemo(() => {\n    if (!schema || !ctx.generateTypeScriptDefinitions) return;\n    return ctx.generateTypeScriptDefinitions(schema, {\n      readOnly: true,\n      writeOnly: false,\n      operation,\n      _internal_legacy: {\n        statusCode: status,\n        contentType: type,\n      },\n      ...ctx,\n    });\n  }, [ctx, operation, schema, status, type]);\n  // assume it is on server component when returned async\n  if (ts instanceof Promise) ts = use(ts);\n\n  return (\n    <>\n      {ts && <CopyTypeScriptPanel name=\"response body\" code={ts} />}\n      {schema && (\n        <div className=\"border px-3 py-2 rounded-lg\">\n          <Schema\n            client={{\n              name: 'response',\n              as: 'body',\n            }}\n            root={schema}\n            readOnly\n            ctx={ctx}\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction WebhookCallback({\n  callback,\n  ctx,\n  headingLevel,\n}: {\n  callback: NoReference<CallbackObject>;\n  ctx: RenderContext;\n  headingLevel: number;\n}) {\n  return (\n    <Accordions type=\"single\" collapsible>\n      {Object.entries(callback).map(([path, pathItem]) => {\n        const pathNodes = methodKeys.map((method) => {\n          const operation = pathItem[method];\n          if (!operation) return null;\n\n          return (\n            <div key={method} className=\"border p-3 my-2 @container prose-no-margin rounded-lg\">\n              <Operation\n                type=\"webhook\"\n                path={path}\n                headingLevel={headingLevel + 1}\n                method={createMethod(method, pathItem, operation)}\n                ctx={ctx}\n              />\n            </div>\n          );\n        });\n\n        return (\n          <AccordionItem key={path} value={path}>\n            <AccordionHeader>\n              <AccordionTrigger className=\"font-mono\">{path}</AccordionTrigger>\n            </AccordionHeader>\n            <AccordionContent>{pathNodes}</AccordionContent>\n          </AccordionItem>\n        );\n      })}\n    </Accordions>\n  );\n}\n\nfunction AuthScheme({\n  scheme,\n  scopes,\n  ctx,\n}: {\n  scheme: SecuritySchemeObject;\n  scopes: string[];\n  ctx: RenderContext;\n}) {\n  if (scheme.type === 'http' || scheme.type === 'oauth2') {\n    return (\n      <AuthProperty\n        name={<I18nLabel label=\"authorization\" />}\n        type={\n          scheme.type === 'http' && scheme.scheme === 'basic' ? (\n            <I18nLabel label=\"authBasicTokenExample\" />\n          ) : (\n            <I18nLabel label=\"authBearerTokenExample\" />\n          )\n        }\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n        <p>\n          <I18nLabel label=\"authTokenIn\" />: <code>header</code>\n        </p>\n      </AuthProperty>\n    );\n  }\n\n  if (scheme.type === 'apiKey') {\n    return (\n      <AuthProperty\n        name={scheme.name!}\n        type=\"<token>\"\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n        <p>\n          <I18nLabel label=\"authTokenIn\" />: <code>{scheme.in}</code>\n        </p>\n      </AuthProperty>\n    );\n  }\n\n  if (scheme.type === 'openIdConnect') {\n    return (\n      <AuthProperty\n        name={<I18nLabel label=\"openIdConnect\" />}\n        type=\"<token>\"\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n      </AuthProperty>\n    );\n  }\n}\n\nfunction AuthProperty({\n  name,\n  type,\n  deprecated = false,\n  scopes = [],\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  name: ReactNode;\n  type: ReactNode;\n  deprecated?: boolean;\n  scopes?: string[];\n}) {\n  return (\n    <div className={cn('text-sm border-t my-4 first:border-t-0', className)}>\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">{name}</span>\n        <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        {deprecated && (\n          <Badge color=\"red\" className=\"text-xs\">\n            <I18nLabel label=\"deprecated\" />\n          </Badge>\n        )}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">\n        {props.children}\n        {scopes.length > 0 && (\n          <p>\n            <I18nLabel label=\"authScope\" />: <code>{scopes.join(', ')}</code>\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/operation/usage-tabs/client.d.ts

@@ -0,0 +1,15 @@
+import { CodeUsageGenerator } from "../../../requests/generators/index.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/operation/usage-tabs/client.d.ts
+declare function UsageTabsSelector(): _$react_jsx_runtime0.JSX.Element | null;
+declare function UsageTab({
+  id,
+  lang,
+  _client
+}: Pick<CodeUsageGenerator, 'lang' | '_client'> & {
+  id: string;
+}): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { UsageTab, UsageTabsSelector };
+//# sourceMappingURL=client.d.ts.map

package/dist/ui/operation/usage-tabs/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../../src/ui/operation/usage-tabs/client.tsx"],"mappings":";;;;iBAgBgB,iBAAA,CAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAmCjB,QAAA,CAAA;EACd,EAAA;EACA,IAAA;EACA;AAAA,GACC,IAAA,CAAK,kBAAA;EAA4C,EAAA;AAAA,IAAY,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/operation/usage-tabs/index.js

@@ -1,6 +1,5 @@
 import { createCodeUsageGeneratorRegistry } from "../../../requests/generators/index.js";
 import { registerDefault } from "../../../requests/generators/all.js";
-import { UsageTabLazy, UsageTabsSelectorLazy } from "./lazy.js";
 import { ResponseTabs } from "../response-tabs.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -29,7 +28,7 @@ function UsageTabs({ method, ctx }) {
 				children: item.label ?? item.lang
 			}, id)) }), map.map(([id, item]) => /* @__PURE__ */ jsx(CodeBlockTab, {
 				value: id,
-				children: /* @__PURE__ */ jsx(UsageTabLazy, {
+				children: /* @__PURE__ */ jsx(ctx.clientBoundary.UsageTab, {
 					id,
 					lang: item.lang,
 					_client: item._client
@@ -49,7 +48,7 @@ function UsageTabs({ method, ctx }) {
 		return registry;
 	}, [ctx, method]);
 	return renderAPIExampleLayout({
-		selector: method["x-exclusiveCodeSample"] ? null : /* @__PURE__ */ jsx(UsageTabsSelectorLazy, {}),
+		selector: method["x-exclusiveCodeSample"] ? null : /* @__PURE__ */ jsx(ctx.clientBoundary.UsageTabsSelector, {}),
 		usageTabs: renderAPIExampleUsageTabs(registry, ctx),
 		responseTabs: /* @__PURE__ */ jsx(ResponseTabs, {
 			operation: method,

package/dist/ui/operation/usage-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/index.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport {\n  type CodeUsageGeneratorRegistry,\n  createCodeUsageGeneratorRegistry,\n} from '@/requests/generators';\nimport {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n} from 'fumadocs-ui/components/codeblock';\nimport { UsageTabsSelectorLazy, UsageTabLazy } from './lazy';\nimport { ResponseTabs } from '../response-tabs';\nimport { registerDefault } from '@/requests/generators/all';\nimport { useMemo } from 'react';\n\nexport function UsageTabs({ method, ctx }: { method: MethodInformation; ctx: RenderContext }) {\n  let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};\n\n  renderAPIExampleLayout ??= (slots) => {\n    return (\n      <div className=\"prose-no-margin\">\n        {slots.selector}\n        {slots.usageTabs}\n        {slots.responseTabs}\n      </div>\n    );\n  };\n\n  renderAPIExampleUsageTabs ??= (registry) => {\n    const map = Array.from(registry.map().entries());\n    if (map.length === 0) return null;\n\n    return (\n      <CodeBlockTabs groupId=\"fumadocs_openapi_requests\" defaultValue={map[0][0]}>\n        <CodeBlockTabsList>\n          {map.map(([id, item]) => (\n            <CodeBlockTabsTrigger key={id} value={id}>\n              {item.label ?? item.lang}\n            </CodeBlockTabsTrigger>\n          ))}\n        </CodeBlockTabsList>\n        {map.map(([id, item]) => (\n          <CodeBlockTab key={id} value={id}>\n            <UsageTabLazy id={id} lang={item.lang} _client={item._client} />\n          </CodeBlockTab>\n        ))}\n      </CodeBlockTabs>\n    );\n  };\n\n  const registry = useMemo(() => {\n    let registry: CodeUsageGeneratorRegistry;\n\n    if (ctx.codeUsages) {\n      registry = createCodeUsageGeneratorRegistry(ctx.codeUsages);\n    } else {\n      registry = createCodeUsageGeneratorRegistry();\n      registerDefault(registry);\n    }\n\n    for (const gen of ctx.generateCodeSamples?.(method) ?? []) {\n      registry.addInline(gen);\n    }\n\n    if (method['x-codeSamples']) {\n      for (const sample of method['x-codeSamples']) {\n        registry.addInline(sample);\n      }\n    }\n\n    return registry;\n  }, [ctx, method]);\n\n  return renderAPIExampleLayout(\n    {\n      selector: method['x-exclusiveCodeSample'] ? null : <UsageTabsSelectorLazy />,\n      usageTabs: renderAPIExampleUsageTabs(registry, ctx),\n      responseTabs: <ResponseTabs operation={method} ctx={ctx} />,\n    },\n    ctx,\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,UAAU,EAAE,QAAQ,OAA0D;CAC5F,IAAI,EAAE,2BAA2B,2BAA2B,IAAI,WAAW,EAAE;AAE7E,6BAA4B,UAAU;AACpC,SACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,MAAM;IACN,MAAM;IACN,MAAM;IACH;;;AAIV,gCAA+B,aAAa;EAC1C,MAAM,MAAM,MAAM,KAAK,SAAS,KAAK,CAAC,SAAS,CAAC;AAChD,MAAI,IAAI,WAAW,EAAG,QAAO;AAE7B,SACE,qBAAC,eAAD;GAAe,SAAQ;GAA4B,cAAc,IAAI,GAAG;aAAxE,CACE,oBAAC,mBAAD,EAAA,UACG,IAAI,KAAK,CAAC,IAAI,UACb,oBAAC,sBAAD;IAA+B,OAAO;cACnC,KAAK,SAAS,KAAK;IACC,EAFI,GAEJ,CACvB,EACgB,CAAA,EACnB,IAAI,KAAK,CAAC,IAAI,UACb,oBAAC,cAAD;IAAuB,OAAO;cAC5B,oBAAC,cAAD;KAAkB;KAAI,MAAM,KAAK;KAAM,SAAS,KAAK;KAAW,CAAA;IACnD,EAFI,GAEJ,CACf,CACY;;;CAIpB,MAAM,WAAW,cAAc;EAC7B,IAAI;AAEJ,MAAI,IAAI,WACN,YAAW,iCAAiC,IAAI,WAAW;OACtD;AACL,cAAW,kCAAkC;AAC7C,mBAAgB,SAAS;;AAG3B,OAAK,MAAM,OAAO,IAAI,sBAAsB,OAAO,IAAI,EAAE,CACvD,UAAS,UAAU,IAAI;AAGzB,MAAI,OAAO,iBACT,MAAK,MAAM,UAAU,OAAO,iBAC1B,UAAS,UAAU,OAAO;AAI9B,SAAO;IACN,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO,uBACL;EACE,UAAU,OAAO,2BAA2B,OAAO,oBAAC,uBAAD,EAAyB,CAAA;EAC5E,WAAW,0BAA0B,UAAU,IAAI;EACnD,cAAc,oBAAC,cAAD;GAAc,WAAW;GAAa;GAAO,CAAA;EAC5D,EACD,IACD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/index.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport {\n  type CodeUsageGeneratorRegistry,\n  createCodeUsageGeneratorRegistry,\n} from '@/requests/generators';\nimport {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n} from 'fumadocs-ui/components/codeblock';\nimport { ResponseTabs } from '../response-tabs';\nimport { registerDefault } from '@/requests/generators/all';\nimport { useMemo } from 'react';\n\nexport function UsageTabs({ method, ctx }: { method: MethodInformation; ctx: RenderContext }) {\n  let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};\n\n  renderAPIExampleLayout ??= (slots) => {\n    return (\n      <div className=\"prose-no-margin\">\n        {slots.selector}\n        {slots.usageTabs}\n        {slots.responseTabs}\n      </div>\n    );\n  };\n\n  renderAPIExampleUsageTabs ??= (registry) => {\n    const map = Array.from(registry.map().entries());\n    if (map.length === 0) return null;\n\n    return (\n      <CodeBlockTabs groupId=\"fumadocs_openapi_requests\" defaultValue={map[0][0]}>\n        <CodeBlockTabsList>\n          {map.map(([id, item]) => (\n            <CodeBlockTabsTrigger key={id} value={id}>\n              {item.label ?? item.lang}\n            </CodeBlockTabsTrigger>\n          ))}\n        </CodeBlockTabsList>\n        {map.map(([id, item]) => (\n          <CodeBlockTab key={id} value={id}>\n            <ctx.clientBoundary.UsageTab id={id} lang={item.lang} _client={item._client} />\n          </CodeBlockTab>\n        ))}\n      </CodeBlockTabs>\n    );\n  };\n\n  const registry = useMemo(() => {\n    let registry: CodeUsageGeneratorRegistry;\n\n    if (ctx.codeUsages) {\n      registry = createCodeUsageGeneratorRegistry(ctx.codeUsages);\n    } else {\n      registry = createCodeUsageGeneratorRegistry();\n      registerDefault(registry);\n    }\n\n    for (const gen of ctx.generateCodeSamples?.(method) ?? []) {\n      registry.addInline(gen);\n    }\n\n    if (method['x-codeSamples']) {\n      for (const sample of method['x-codeSamples']) {\n        registry.addInline(sample);\n      }\n    }\n\n    return registry;\n  }, [ctx, method]);\n\n  return renderAPIExampleLayout(\n    {\n      selector: method['x-exclusiveCodeSample'] ? null : <ctx.clientBoundary.UsageTabsSelector />,\n      usageTabs: renderAPIExampleUsageTabs(registry, ctx),\n      responseTabs: <ResponseTabs operation={method} ctx={ctx} />,\n    },\n    ctx,\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,UAAU,EAAE,QAAQ,OAA0D;CAC5F,IAAI,EAAE,2BAA2B,2BAA2B,IAAI,WAAW,EAAE;AAE7E,6BAA4B,UAAU;AACpC,SACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,MAAM;IACN,MAAM;IACN,MAAM;IACH;;;AAIV,gCAA+B,aAAa;EAC1C,MAAM,MAAM,MAAM,KAAK,SAAS,KAAK,CAAC,SAAS,CAAC;AAChD,MAAI,IAAI,WAAW,EAAG,QAAO;AAE7B,SACE,qBAAC,eAAD;GAAe,SAAQ;GAA4B,cAAc,IAAI,GAAG;aAAxE,CACE,oBAAC,mBAAD,EAAA,UACG,IAAI,KAAK,CAAC,IAAI,UACb,oBAAC,sBAAD;IAA+B,OAAO;cACnC,KAAK,SAAS,KAAK;IACC,EAFI,GAEJ,CACvB,EACgB,CAAA,EACnB,IAAI,KAAK,CAAC,IAAI,UACb,oBAAC,cAAD;IAAuB,OAAO;cAC5B,oBAAC,IAAI,eAAe,UAApB;KAAiC;KAAI,MAAM,KAAK;KAAM,SAAS,KAAK;KAAW,CAAA;IAClE,EAFI,GAEJ,CACf,CACY;;;CAIpB,MAAM,WAAW,cAAc;EAC7B,IAAI;AAEJ,MAAI,IAAI,WACN,YAAW,iCAAiC,IAAI,WAAW;OACtD;AACL,cAAW,kCAAkC;AAC7C,mBAAgB,SAAS;;AAG3B,OAAK,MAAM,OAAO,IAAI,sBAAsB,OAAO,IAAI,EAAE,CACvD,UAAS,UAAU,IAAI;AAGzB,MAAI,OAAO,iBACT,MAAK,MAAM,UAAU,OAAO,iBAC1B,UAAS,UAAU,OAAO;AAI9B,SAAO;IACN,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO,uBACL;EACE,UAAU,OAAO,2BAA2B,OAAO,oBAAC,IAAI,eAAe,mBAApB,EAAwC,CAAA;EAC3F,WAAW,0BAA0B,UAAU,IAAI;EACnD,cAAc,oBAAC,cAAD;GAAc,WAAW;GAAa;GAAO,CAAA;EAC5D,EACD,IACD"}

package/dist/ui/schema/client.d.ts

@@ -1,4 +1,6 @@
 import { SchemaUIGeneratedData } from "./index.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
 //#region src/ui/schema/client.d.ts
 interface SchemaUIProps {
   name: string;
@@ -6,6 +8,12 @@ interface SchemaUIProps {
   as?: 'property' | 'body';
   generated: SchemaUIGeneratedData;
 }
+declare function SchemaUI({
+  name,
+  required,
+  as,
+  generated
+}: SchemaUIProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { SchemaUIProps };
+export { SchemaUI, SchemaUIProps };
 //# sourceMappingURL=client.d.ts.map

package/dist/ui/schema/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/ui/schema/client.tsx"],"mappings":";;UAkEiB,aAAA;EACf,IAAA;EACA,QAAA;EACA,EAAA;EAEA,SAAA,EAAW,qBAAA;AAAA"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/ui/schema/client.tsx"],"mappings":";;;;UAkEiB,aAAA;EACf,IAAA;EACA,QAAA;EACA,EAAA;EAEA,SAAA,EAAW,qBAAA;AAAA;AAAA,iBAGG,QAAA,CAAA;EAAW,IAAA;EAAM,QAAA;EAAkB,EAAA;EAAiB;AAAA,GAAa,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/schema/client.js

@@ -35,7 +35,7 @@ function SchemaUIProperty({ name, $type, variant = "default", overrides, objectS
 	const { refs } = useData();
 	const schema = refs[$type];
 	const renderRef = useRenderRef();
-	let type = schema.typeName;
+	let type = schema.aliasName;
 	if ((schema.type === "or" || schema.type === "and") && schema.items.length > 0) {
 		if (variant === "expand") return /* @__PURE__ */ jsxs(Tabs, {
 			defaultValue: schema.items[0].$type,
@@ -44,7 +44,6 @@ function SchemaUIProperty({ name, $type, variant = "default", overrides, objectS
 				children: item.name
 			}, item.$type)) }), schema.items.map((item) => /* @__PURE__ */ jsx(TabsContent, {
 				value: item.$type,
-				forceMount: void 0,
 				className: "pt-2 pb-0",
 				children: /* @__PURE__ */ jsx(SchemaUIProperty, {
 					...item,
@@ -54,7 +53,8 @@ function SchemaUIProperty({ name, $type, variant = "default", overrides, objectS
 		});
 		type = renderRef({
 			pathName: name,
-			$ref: $type
+			$ref: $type,
+			text: schema.aliasName
 		});
 	} else if (schema.type === "object" && schema.props.length > 0) {
 		if (variant === "expand") return /* @__PURE__ */ jsx(ObjectSearch, {
@@ -63,13 +63,15 @@ function SchemaUIProperty({ name, $type, variant = "default", overrides, objectS
 		});
 		type = renderRef({
 			pathName: name,
-			$ref: $type
+			$ref: $type,
+			text: schema.aliasName
 		});
 	} else if (schema.type === "array") {
 		if (variant === "expand") return /* @__PURE__ */ jsx(ArrayItemCollapsible, { schema });
 		type = renderRef({
 			pathName: name,
-			$ref: $type
+			$ref: $type,
+			text: schema.aliasName
 		});
 	}
 	const child = /* @__PURE__ */ jsxs(Fragment$1, { children: [schema.description, schema.infoTags && schema.infoTags.length > 0 && /* @__PURE__ */ jsx("div", {
@@ -253,6 +255,10 @@ function useRenderRef() {
 	const { renderTrigger } = usePopover();
 	return function renderRef({ pathName, $ref, text }) {
 		const schema = refs[$ref];
+		if (!isExpandable(schema)) return /* @__PURE__ */ jsx("span", {
+			className: cn(typeVariants()),
+			children: text
+		});
 		if (schema.type === "and" || schema.type === "or") {
 			const sep = schema.type === "and" ? "&" : "|";
 			return /* @__PURE__ */ jsx("span", {
@@ -270,6 +276,7 @@ function useRenderRef() {
 				"array<",
 				renderRef({
 					pathName: /* @__PURE__ */ jsxs(Fragment$1, { children: [pathName, "[]"] }),
+					text: refs[schema.item.$type].aliasName,
 					$ref: schema.item.$type
 				}),
 				">"
@@ -278,7 +285,7 @@ function useRenderRef() {
 		return renderTrigger({
 			$ref,
 			pathName,
-			children: text ?? schema.aliasName
+			children: text
 		});
 	};
 }
@@ -344,6 +351,10 @@ function Property({ name, type, required, deprecated, nested = false, className,
 		})]
 	});
 }
+function isExpandable(data) {
+	if (data.type !== "primitive") return true;
+	return Boolean(data.description || data.infoTags && data.infoTags.length > 0);
+}
 //#endregion
 export { SchemaUI };
 

package/dist/ui/schema/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":[],"sources":["../../../src/ui/schema/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  type ReactNode,\n  type RefObject,\n  Suspense,\n  use,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport { useTranslations } from '@/ui/client/i18n';\nimport type {\n  InfoTag,\n  SchemaData,\n  SchemaDataObjectProperty,\n  SchemaUIGeneratedData,\n} from '@/ui/schema';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from 'fumadocs-ui/components/ui/collapsible';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { ChevronDown, FilterIcon } from 'lucide-react';\nimport { Badge } from '@/ui/components/method-label';\nimport { Popover, PopoverContent, PopoverTrigger } from 'fumadocs-ui/components/ui/popover';\nimport { cn } from '@/utils/cn';\nimport { cva } from 'class-variance-authority';\n\ntype DataContextType = SchemaUIGeneratedData;\n\ninterface PopoverContextType {\n  renderTrigger: (props: { pathName: ReactNode; $ref: string; children: ReactNode }) => ReactNode;\n}\n\nconst typeVariants = cva('text-sm text-start text-fd-muted-foreground font-mono', {\n  variants: {\n    variant: {\n      trigger:\n        'underline hover:text-fd-accent-foreground data-[state=open]:text-fd-accent-foreground',\n    },\n  },\n});\n\nconst PopoverContext = createContext<PopoverContextType>({\n  renderTrigger: (props) => <RootPopoverTrigger {...props} />,\n});\n\nconst DataContext = createContext<DataContextType | null>(null);\n\nfunction useData() {\n  return use(DataContext)!;\n}\n\nfunction usePopover() {\n  return use(PopoverContext);\n}\n\nexport interface SchemaUIProps {\n  name: string;\n  required?: boolean;\n  as?: 'property' | 'body';\n\n  generated: SchemaUIGeneratedData;\n}\n\nexport function SchemaUI({ name, required = false, as = 'property', generated }: SchemaUIProps) {\n  return (\n    <DataContext value={generated}>\n      <SchemaUIProperty\n        name={name}\n        $type={generated.$root}\n        overrides={{\n          required,\n        }}\n        variant={\n          as === 'property' || generated.refs[generated.$root].type === 'primitive'\n            ? 'default'\n            : 'expand'\n        }\n      />\n    </DataContext>\n  );\n}\n\nfunction SchemaUIProperty({\n  name,\n  $type,\n  variant = 'default',\n  overrides,\n  objectSearchOverrides,\n}: {\n  name: ReactNode;\n  $type: string;\n  variant?: 'default' | 'expand';\n  overrides?: Partial<PropertyProps>;\n  objectSearchOverrides?: Partial<ObjectSearchProps>;\n}) {\n  const { refs } = useData();\n  const schema = refs[$type];\n  const renderRef = useRenderRef();\n  let type: ReactNode = schema.typeName;\n\n  if ((schema.type === 'or' || schema.type === 'and') && schema.items.length > 0) {\n    if (variant === 'expand')\n      return (\n        <Tabs defaultValue={schema.items[0].$type}>\n          <TabsList>\n            {schema.items.map((item) => (\n              <TabsTrigger key={item.$type} value={item.$type}>\n                {item.name}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {schema.items.map((item) => (\n            <TabsContent\n              key={item.$type}\n              value={item.$type}\n              forceMount={undefined}\n              className=\"pt-2 pb-0\"\n            >\n              <SchemaUIProperty {...item} variant=\"expand\" />\n            </TabsContent>\n          ))}\n        </Tabs>\n      );\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  } else if (schema.type === 'object' && schema.props.length > 0) {\n    if (variant === 'expand')\n      return <ObjectSearch properties={schema.props} {...objectSearchOverrides} />;\n\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  } else if (schema.type === 'array') {\n    if (variant === 'expand') return <ArrayItemCollapsible schema={schema} />;\n\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  }\n\n  const child = (\n    <>\n      {schema.description}\n      {schema.infoTags && schema.infoTags.length > 0 && (\n        <div className=\"flex flex-row gap-2 flex-wrap my-2 not-prose empty:hidden\">\n          {schema.infoTags.map((tag, i) => (\n            <InfoTag key={i} tag={tag} />\n          ))}\n        </div>\n      )}\n    </>\n  );\n  if (variant === 'expand') return child;\n  return (\n    <Property name={name} type={type} deprecated={schema.deprecated} {...overrides}>\n      {child}\n    </Property>\n  );\n}\n\nfunction ArrayItemCollapsible({ schema }: { schema: Extract<SchemaData, { type: 'array' }> }) {\n  const [open, setOpen] = useState(false);\n  const t = useTranslations();\n\n  return (\n    <Collapsible className=\"my-2\" open={open} onOpenChange={setOpen}>\n      <CollapsibleTrigger\n        className={cn(\n          buttonVariants({ color: 'secondary', size: 'sm' }),\n          'group px-3 py-2 data-[state=open]:rounded-b-none',\n        )}\n      >\n        {open ? t.schemaHideArray : t.schemaShowArray}\n        <ChevronDown className=\"size-4 text-fd-muted-foreground group-data-[state=open]:rotate-180\" />\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"-mt-px bg-fd-card px-3 rounded-lg rounded-tl-none border shadow-sm\">\n        <SchemaUIProperty name=\"\" $type={schema.item.$type} variant=\"expand\" />\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\ninterface ObjectSearchProps {\n  properties: SchemaDataObjectProperty[];\n  container?: ComponentProps<'div'>;\n  open?: (item: SchemaDataObjectProperty) => void;\n}\n\nfunction ObjectSearch({ properties, container, open }: ObjectSearchProps) {\n  const [search, setSearch] = useState('');\n  const deferredValue = useDeferredValue(search);\n  const firstItemRef = useRef<SchemaDataObjectProperty>(null);\n  const prevProperties = useRef(properties);\n  const t = useTranslations();\n\n  if (prevProperties.current !== properties) {\n    prevProperties.current = properties;\n    setSearch('');\n  }\n\n  return (\n    <>\n      <div\n        {...container}\n        className={cn(\n          'flex items-center border my-2 rounded-md bg-fd-secondary text-fd-secondary-foreground transition-colors shadow-sm focus-within:ring-2 focus-within:ring-fd-ring',\n          container?.className,\n        )}\n      >\n        <FilterIcon className=\"text-fd-muted-foreground ms-2 size-3.5\" />\n        <input\n          value={search}\n          data-object-search-input=\"\"\n          onChange={(e) => setSearch(e.target.value)}\n          placeholder={t.schemaFilterPropertiesPlaceholder}\n          className=\"text-sm ps-2 py-2 flex-1 outline-none placeholder:text-fd-muted-foreground\"\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' && open) {\n              if (firstItemRef.current) open(firstItemRef.current);\n              e.preventDefault();\n            }\n          }}\n        />\n      </div>\n      <Suspense>\n        <ObjectSearchContent\n          search={deferredValue}\n          properties={properties}\n          firstItemRef={firstItemRef}\n        />\n      </Suspense>\n    </>\n  );\n}\n\nfunction ObjectSearchContent({\n  search: rawSearch,\n  firstItemRef,\n  properties,\n}: {\n  search: string;\n  firstItemRef: RefObject<SchemaDataObjectProperty | null>;\n  properties: SchemaDataObjectProperty[];\n}) {\n  const t = useTranslations();\n  const filtered = useMemo(() => {\n    const search = rawSearch.trim().toLowerCase();\n    return search.length > 0\n      ? properties.filter((prop) => prop.name.toLowerCase().includes(search))\n      : properties;\n  }, [properties, rawSearch]);\n\n  firstItemRef.current = filtered.length > 0 ? filtered[0] : null;\n\n  if (filtered.length === 0)\n    return (\n      <p className=\"text-fd-muted-foreground text-sm px-2\">\n        {t.schemaFilterPropertiesEmpty}{' '}\n        <span className=\"text-fd-foreground font-medium\">{`\"${rawSearch}\"`}</span>\n      </p>\n    );\n\n  return filtered.map((prop) => (\n    <SchemaUIProperty\n      key={prop.name}\n      name={prop.name}\n      $type={prop.$type}\n      overrides={{ required: prop.required }}\n    />\n  ));\n}\n\nfunction InfoTag({ tag }: { tag: InfoTag }) {\n  const ref = useRef<HTMLElement>(null);\n  const [isTruncated, setTruncated] = useState(false);\n  const [open, setOpen] = useState(false);\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    // assume the tag width will never change\n    setTruncated(element.scrollWidth !== element.offsetWidth);\n  }, []);\n\n  return (\n    <div className=\"flex flex-row items-start gap-2 bg-fd-secondary border rounded-lg text-xs p-1.5 shadow-md max-w-full\">\n      <span className=\"font-medium\">{tag.label}</span>\n      <code\n        ref={ref}\n        className={cn(\n          'min-w-0 flex-1 text-fd-muted-foreground',\n          open ? 'wrap-break-word' : 'truncate',\n        )}\n      >\n        {tag.value}\n      </code>\n      {isTruncated && (\n        <button\n          className={cn(buttonVariants({ size: 'icon-xs', variant: 'ghost' }))}\n          onClick={() => setOpen((prev) => !prev)}\n        >\n          <ChevronDown />\n        </button>\n      )}\n    </div>\n  );\n}\n\ninterface PathItemType {\n  name: ReactNode;\n  $ref?: string;\n  scrollTop?: number;\n}\n\nfunction SchemaUIPopover({\n  containerRef,\n  initialPath,\n}: {\n  containerRef: RefObject<HTMLDivElement | null>;\n  initialPath: PathItemType[];\n}) {\n  const [path, setPath] = useState(initialPath);\n\n  useLayoutEffect(() => {\n    const last = path[0];\n    const element = containerRef.current;\n    if (!element || !last || !element.parentElement) return;\n\n    // recover scroll\n    element.parentElement.scrollTop = last.scrollTop ?? 0;\n    return () => {\n      if (element.parentElement) last.scrollTop = element.parentElement.scrollTop;\n    };\n  }, [containerRef, path]);\n\n  const context: PopoverContextType = useMemo(\n    () => ({\n      renderTrigger: ({ $ref, pathName, children }) => (\n        <button\n          className={cn(typeVariants({ variant: 'trigger' }))}\n          onClick={() => setPath((path) => [...path, { name: pathName, $ref }])}\n        >\n          {children}\n        </button>\n      ),\n    }),\n    [],\n  );\n\n  const currentRef = path.findLast((item) => item.$ref !== undefined);\n\n  return (\n    <>\n      <div className=\"sticky top-0 -mx-2 flex flex-row flex-wrap items-center text-sm font-medium font-mono bg-fd-popover px-2 h-8 border-b\">\n        {path.map((item, i) => {\n          const isDuplicated = path.some((other, j) => j < i && other.$ref === item.$ref);\n          const className = cn(\n            isDuplicated && 'text-orange-400',\n            item.$ref && 'hover:underline hover:text-fd-accent-foreground',\n          );\n          const node = item.$ref ? (\n            <button onClick={() => setPath((path) => path.slice(0, i + 1))} className={className}>\n              {item.name}\n            </button>\n          ) : (\n            <span className={className}>{item.name}</span>\n          );\n\n          return (\n            <Fragment key={i}>\n              {i > 0 && '.'}\n              {node}\n            </Fragment>\n          );\n        })}\n      </div>\n      <PopoverContext value={context}>\n        {currentRef?.$ref && (\n          <SchemaUIProperty\n            name=\"\"\n            $type={currentRef.$ref}\n            variant=\"expand\"\n            objectSearchOverrides={{\n              container: {\n                className: 'sticky top-10',\n              },\n              open(item) {\n                setPath((path) => [...path, { name: item.name, $ref: item.$type }]);\n              },\n            }}\n          />\n        )}\n      </PopoverContext>\n    </>\n  );\n}\n\nfunction useRenderRef() {\n  const { refs } = useData();\n  const { renderTrigger } = usePopover();\n  return function renderRef({\n    pathName,\n    $ref,\n    text,\n  }: {\n    pathName: ReactNode;\n    $ref: string;\n    text?: ReactNode;\n  }) {\n    const schema = refs[$ref];\n\n    if (schema.type === 'and' || schema.type === 'or') {\n      const sep = schema.type === 'and' ? '&' : '|';\n      return (\n        <span className={cn(typeVariants(), 'flex flex-row gap-2 items-center flex-wrap')}>\n          {schema.items.map((item, i) => (\n            <Fragment key={item.$type}>\n              {i > 0 && <span>{sep}</span>}\n              {renderRef({ pathName, text: item.name, $ref: item.$type })}\n            </Fragment>\n          ))}\n        </span>\n      );\n    }\n\n    if (schema.type === 'array') {\n      return (\n        <span className={cn(typeVariants(), 'flex flex-row items-center flex-wrap')}>\n          {'array<'}\n          {renderRef({ pathName: <>{pathName}[]</>, $ref: schema.item.$type })}\n          {'>'}\n        </span>\n      );\n    }\n\n    return renderTrigger({ $ref, pathName, children: text ?? schema.aliasName });\n  };\n}\n\nfunction RootPopoverTrigger({\n  $ref,\n  pathName,\n  children,\n}: {\n  pathName: ReactNode;\n  $ref: string;\n  children: ReactNode;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const refCallback = useCallback((element: HTMLDivElement | null) => {\n    ref.current = element;\n    if (!element || element.style.getPropertyValue('--initial-height')) return;\n\n    element.style.setProperty('--initial-height', `${element.clientHeight + 2}px`);\n  }, []);\n\n  return (\n    <Popover>\n      <PopoverTrigger className={cn(typeVariants({ variant: 'trigger' }))}>\n        {children}\n      </PopoverTrigger>\n      <PopoverContent\n        ref={refCallback}\n        onOpenAutoFocus={(e) => {\n          if (!ref.current) return;\n          const input = ref.current.querySelector('input[data-object-search-input]');\n          if (!(input instanceof HTMLInputElement)) return;\n          input.focus({ preventScroll: true });\n          e.preventDefault();\n        }}\n        className=\"w-[600px] min-h-(--initial-height,0) max-h-[460px] px-2 py-0\"\n      >\n        <SchemaUIPopover\n          containerRef={ref}\n          initialPath={[\n            {\n              name: pathName,\n              $ref: $ref,\n            },\n          ]}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface PropertyProps {\n  name: ReactNode;\n  type: ReactNode;\n  required?: boolean;\n  deprecated?: boolean;\n  nested?: boolean;\n\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction Property({\n  name,\n  type,\n  required,\n  deprecated,\n  nested = false,\n  className,\n  ...props\n}: PropertyProps) {\n  const t = useTranslations();\n  return (\n    <div\n      className={cn(\n        'text-sm border-t',\n        nested\n          ? 'p-3 border-x bg-fd-card last:rounded-b-xl first:rounded-tr-xl last:border-b'\n          : 'py-4 first:border-t-0',\n        className,\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">\n          {name}\n          {required ? (\n            <span className=\"text-red-400\">*</span>\n          ) : (\n            <span className=\"text-fd-muted-foreground\">?</span>\n          )}\n        </span>\n        {typeof type === 'string' ? (\n          <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        ) : (\n          type\n        )}\n        {deprecated && (\n          <Badge color=\"yellow\" className=\"ms-auto text-xs\">\n            {t.deprecated}\n          </Badge>\n        )}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">{props.children}</div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"client.js","names":[],"sources":["../../../src/ui/schema/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  type ReactNode,\n  type RefObject,\n  Suspense,\n  use,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport { useTranslations } from '@/ui/client/i18n';\nimport type {\n  InfoTag,\n  SchemaData,\n  SchemaDataObjectProperty,\n  SchemaUIGeneratedData,\n} from '@/ui/schema';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from 'fumadocs-ui/components/ui/collapsible';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { ChevronDown, FilterIcon } from 'lucide-react';\nimport { Badge } from '@/ui/components/method-label';\nimport { Popover, PopoverContent, PopoverTrigger } from 'fumadocs-ui/components/ui/popover';\nimport { cn } from '@/utils/cn';\nimport { cva } from 'class-variance-authority';\n\ntype DataContextType = SchemaUIGeneratedData;\n\ninterface PopoverContextType {\n  renderTrigger: (props: { pathName: ReactNode; $ref: string; children: ReactNode }) => ReactNode;\n}\n\nconst typeVariants = cva('text-sm text-start text-fd-muted-foreground font-mono', {\n  variants: {\n    variant: {\n      trigger:\n        'underline hover:text-fd-accent-foreground data-[state=open]:text-fd-accent-foreground',\n    },\n  },\n});\n\nconst PopoverContext = createContext<PopoverContextType>({\n  renderTrigger: (props) => <RootPopoverTrigger {...props} />,\n});\n\nconst DataContext = createContext<DataContextType | null>(null);\n\nfunction useData() {\n  return use(DataContext)!;\n}\n\nfunction usePopover() {\n  return use(PopoverContext);\n}\n\nexport interface SchemaUIProps {\n  name: string;\n  required?: boolean;\n  as?: 'property' | 'body';\n\n  generated: SchemaUIGeneratedData;\n}\n\nexport function SchemaUI({ name, required = false, as = 'property', generated }: SchemaUIProps) {\n  return (\n    <DataContext value={generated}>\n      <SchemaUIProperty\n        name={name}\n        $type={generated.$root}\n        overrides={{\n          required,\n        }}\n        variant={\n          as === 'property' || generated.refs[generated.$root].type === 'primitive'\n            ? 'default'\n            : 'expand'\n        }\n      />\n    </DataContext>\n  );\n}\n\nfunction SchemaUIProperty({\n  name,\n  $type,\n  variant = 'default',\n  overrides,\n  objectSearchOverrides,\n}: {\n  name: ReactNode;\n  $type: string;\n  variant?: 'default' | 'expand';\n  overrides?: Partial<PropertyProps>;\n  objectSearchOverrides?: Partial<ObjectSearchProps>;\n}) {\n  const { refs } = useData();\n  const schema = refs[$type];\n  const renderRef = useRenderRef();\n  let type: ReactNode = schema.aliasName;\n\n  if ((schema.type === 'or' || schema.type === 'and') && schema.items.length > 0) {\n    if (variant === 'expand')\n      return (\n        <Tabs defaultValue={schema.items[0].$type}>\n          <TabsList>\n            {schema.items.map((item) => (\n              <TabsTrigger key={item.$type} value={item.$type}>\n                {item.name}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {schema.items.map((item) => (\n            <TabsContent key={item.$type} value={item.$type} className=\"pt-2 pb-0\">\n              <SchemaUIProperty {...item} variant=\"expand\" />\n            </TabsContent>\n          ))}\n        </Tabs>\n      );\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n      text: schema.aliasName,\n    });\n  } else if (schema.type === 'object' && schema.props.length > 0) {\n    if (variant === 'expand')\n      return <ObjectSearch properties={schema.props} {...objectSearchOverrides} />;\n\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n      text: schema.aliasName,\n    });\n  } else if (schema.type === 'array') {\n    if (variant === 'expand') return <ArrayItemCollapsible schema={schema} />;\n\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n      text: schema.aliasName,\n    });\n  }\n\n  const child = (\n    <>\n      {schema.description}\n      {schema.infoTags && schema.infoTags.length > 0 && (\n        <div className=\"flex flex-row gap-2 flex-wrap my-2 not-prose empty:hidden\">\n          {schema.infoTags.map((tag, i) => (\n            <InfoTag key={i} tag={tag} />\n          ))}\n        </div>\n      )}\n    </>\n  );\n  if (variant === 'expand') return child;\n  return (\n    <Property name={name} type={type} deprecated={schema.deprecated} {...overrides}>\n      {child}\n    </Property>\n  );\n}\n\nfunction ArrayItemCollapsible({ schema }: { schema: Extract<SchemaData, { type: 'array' }> }) {\n  const [open, setOpen] = useState(false);\n  const t = useTranslations();\n\n  return (\n    <Collapsible className=\"my-2\" open={open} onOpenChange={setOpen}>\n      <CollapsibleTrigger\n        className={cn(\n          buttonVariants({ color: 'secondary', size: 'sm' }),\n          'group px-3 py-2 data-[state=open]:rounded-b-none',\n        )}\n      >\n        {open ? t.schemaHideArray : t.schemaShowArray}\n        <ChevronDown className=\"size-4 text-fd-muted-foreground group-data-[state=open]:rotate-180\" />\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"-mt-px bg-fd-card px-3 rounded-lg rounded-tl-none border shadow-sm\">\n        <SchemaUIProperty name=\"\" $type={schema.item.$type} variant=\"expand\" />\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\ninterface ObjectSearchProps {\n  properties: SchemaDataObjectProperty[];\n  container?: ComponentProps<'div'>;\n  open?: (item: SchemaDataObjectProperty) => void;\n}\n\nfunction ObjectSearch({ properties, container, open }: ObjectSearchProps) {\n  const [search, setSearch] = useState('');\n  const deferredValue = useDeferredValue(search);\n  const firstItemRef = useRef<SchemaDataObjectProperty>(null);\n  const prevProperties = useRef(properties);\n  const t = useTranslations();\n\n  if (prevProperties.current !== properties) {\n    prevProperties.current = properties;\n    setSearch('');\n  }\n\n  return (\n    <>\n      <div\n        {...container}\n        className={cn(\n          'flex items-center border my-2 rounded-md bg-fd-secondary text-fd-secondary-foreground transition-colors shadow-sm focus-within:ring-2 focus-within:ring-fd-ring',\n          container?.className,\n        )}\n      >\n        <FilterIcon className=\"text-fd-muted-foreground ms-2 size-3.5\" />\n        <input\n          value={search}\n          data-object-search-input=\"\"\n          onChange={(e) => setSearch(e.target.value)}\n          placeholder={t.schemaFilterPropertiesPlaceholder}\n          className=\"text-sm ps-2 py-2 flex-1 outline-none placeholder:text-fd-muted-foreground\"\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' && open) {\n              if (firstItemRef.current) open(firstItemRef.current);\n              e.preventDefault();\n            }\n          }}\n        />\n      </div>\n      <Suspense>\n        <ObjectSearchContent\n          search={deferredValue}\n          properties={properties}\n          firstItemRef={firstItemRef}\n        />\n      </Suspense>\n    </>\n  );\n}\n\nfunction ObjectSearchContent({\n  search: rawSearch,\n  firstItemRef,\n  properties,\n}: {\n  search: string;\n  firstItemRef: RefObject<SchemaDataObjectProperty | null>;\n  properties: SchemaDataObjectProperty[];\n}) {\n  const t = useTranslations();\n  const filtered = useMemo(() => {\n    const search = rawSearch.trim().toLowerCase();\n    return search.length > 0\n      ? properties.filter((prop) => prop.name.toLowerCase().includes(search))\n      : properties;\n  }, [properties, rawSearch]);\n\n  firstItemRef.current = filtered.length > 0 ? filtered[0] : null;\n\n  if (filtered.length === 0)\n    return (\n      <p className=\"text-fd-muted-foreground text-sm px-2\">\n        {t.schemaFilterPropertiesEmpty}{' '}\n        <span className=\"text-fd-foreground font-medium\">{`\"${rawSearch}\"`}</span>\n      </p>\n    );\n\n  return filtered.map((prop) => (\n    <SchemaUIProperty\n      key={prop.name}\n      name={prop.name}\n      $type={prop.$type}\n      overrides={{ required: prop.required }}\n    />\n  ));\n}\n\nfunction InfoTag({ tag }: { tag: InfoTag }) {\n  const ref = useRef<HTMLElement>(null);\n  const [isTruncated, setTruncated] = useState(false);\n  const [open, setOpen] = useState(false);\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    // assume the tag width will never change\n    setTruncated(element.scrollWidth !== element.offsetWidth);\n  }, []);\n\n  return (\n    <div className=\"flex flex-row items-start gap-2 bg-fd-secondary border rounded-lg text-xs p-1.5 shadow-md max-w-full\">\n      <span className=\"font-medium\">{tag.label}</span>\n      <code\n        ref={ref}\n        className={cn(\n          'min-w-0 flex-1 text-fd-muted-foreground',\n          open ? 'wrap-break-word' : 'truncate',\n        )}\n      >\n        {tag.value}\n      </code>\n      {isTruncated && (\n        <button\n          className={cn(buttonVariants({ size: 'icon-xs', variant: 'ghost' }))}\n          onClick={() => setOpen((prev) => !prev)}\n        >\n          <ChevronDown />\n        </button>\n      )}\n    </div>\n  );\n}\n\ninterface PathItemType {\n  name: ReactNode;\n  $ref?: string;\n  scrollTop?: number;\n}\n\nfunction SchemaUIPopover({\n  containerRef,\n  initialPath,\n}: {\n  containerRef: RefObject<HTMLDivElement | null>;\n  initialPath: PathItemType[];\n}) {\n  const [path, setPath] = useState(initialPath);\n\n  useLayoutEffect(() => {\n    const last = path[0];\n    const element = containerRef.current;\n    if (!element || !last || !element.parentElement) return;\n\n    // recover scroll\n    element.parentElement.scrollTop = last.scrollTop ?? 0;\n    return () => {\n      if (element.parentElement) last.scrollTop = element.parentElement.scrollTop;\n    };\n  }, [containerRef, path]);\n\n  const context: PopoverContextType = useMemo(\n    () => ({\n      renderTrigger: ({ $ref, pathName, children }) => (\n        <button\n          className={cn(typeVariants({ variant: 'trigger' }))}\n          onClick={() => setPath((path) => [...path, { name: pathName, $ref }])}\n        >\n          {children}\n        </button>\n      ),\n    }),\n    [],\n  );\n\n  const currentRef = path.findLast((item) => item.$ref !== undefined);\n\n  return (\n    <>\n      <div className=\"sticky top-0 -mx-2 flex flex-row flex-wrap items-center text-sm font-medium font-mono bg-fd-popover px-2 h-8 border-b\">\n        {path.map((item, i) => {\n          const isDuplicated = path.some((other, j) => j < i && other.$ref === item.$ref);\n          const className = cn(\n            isDuplicated && 'text-orange-400',\n            item.$ref && 'hover:underline hover:text-fd-accent-foreground',\n          );\n          const node = item.$ref ? (\n            <button onClick={() => setPath((path) => path.slice(0, i + 1))} className={className}>\n              {item.name}\n            </button>\n          ) : (\n            <span className={className}>{item.name}</span>\n          );\n\n          return (\n            <Fragment key={i}>\n              {i > 0 && '.'}\n              {node}\n            </Fragment>\n          );\n        })}\n      </div>\n      <PopoverContext value={context}>\n        {currentRef?.$ref && (\n          <SchemaUIProperty\n            name=\"\"\n            $type={currentRef.$ref}\n            variant=\"expand\"\n            objectSearchOverrides={{\n              container: {\n                className: 'sticky top-10',\n              },\n              open(item) {\n                setPath((path) => [...path, { name: item.name, $ref: item.$type }]);\n              },\n            }}\n          />\n        )}\n      </PopoverContext>\n    </>\n  );\n}\n\nfunction useRenderRef() {\n  const { refs } = useData();\n  const { renderTrigger } = usePopover();\n  return function renderRef({\n    pathName,\n    $ref,\n    text,\n  }: {\n    pathName: ReactNode;\n    $ref: string;\n    text: ReactNode;\n  }) {\n    const schema = refs[$ref];\n\n    if (!isExpandable(schema)) {\n      return <span className={cn(typeVariants())}>{text}</span>;\n    }\n\n    if (schema.type === 'and' || schema.type === 'or') {\n      const sep = schema.type === 'and' ? '&' : '|';\n      return (\n        <span className={cn(typeVariants(), 'flex flex-row gap-2 items-center flex-wrap')}>\n          {schema.items.map((item, i) => (\n            <Fragment key={item.$type}>\n              {i > 0 && <span>{sep}</span>}\n              {renderRef({ pathName, text: item.name, $ref: item.$type })}\n            </Fragment>\n          ))}\n        </span>\n      );\n    }\n\n    if (schema.type === 'array') {\n      return (\n        <span className={cn(typeVariants(), 'flex flex-row items-center flex-wrap')}>\n          {'array<'}\n          {renderRef({\n            pathName: <>{pathName}[]</>,\n            text: refs[schema.item.$type].aliasName,\n            $ref: schema.item.$type,\n          })}\n          {'>'}\n        </span>\n      );\n    }\n\n    return renderTrigger({ $ref, pathName, children: text });\n  };\n}\n\nfunction RootPopoverTrigger({\n  $ref,\n  pathName,\n  children,\n}: {\n  pathName: ReactNode;\n  $ref: string;\n  children: ReactNode;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const refCallback = useCallback((element: HTMLDivElement | null) => {\n    ref.current = element;\n    if (!element || element.style.getPropertyValue('--initial-height')) return;\n\n    element.style.setProperty('--initial-height', `${element.clientHeight + 2}px`);\n  }, []);\n\n  return (\n    <Popover>\n      <PopoverTrigger className={cn(typeVariants({ variant: 'trigger' }))}>\n        {children}\n      </PopoverTrigger>\n      <PopoverContent\n        ref={refCallback}\n        onOpenAutoFocus={(e) => {\n          if (!ref.current) return;\n          const input = ref.current.querySelector('input[data-object-search-input]');\n          if (!(input instanceof HTMLInputElement)) return;\n          input.focus({ preventScroll: true });\n          e.preventDefault();\n        }}\n        className=\"w-[600px] min-h-(--initial-height,0) max-h-[460px] px-2 py-0\"\n      >\n        <SchemaUIPopover\n          containerRef={ref}\n          initialPath={[\n            {\n              name: pathName,\n              $ref: $ref,\n            },\n          ]}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface PropertyProps {\n  name: ReactNode;\n  type: ReactNode;\n  required?: boolean;\n  deprecated?: boolean;\n  nested?: boolean;\n\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction Property({\n  name,\n  type,\n  required,\n  deprecated,\n  nested = false,\n  className,\n  ...props\n}: PropertyProps) {\n  const t = useTranslations();\n  return (\n    <div\n      className={cn(\n        'text-sm border-t',\n        nested\n          ? 'p-3 border-x bg-fd-card last:rounded-b-xl first:rounded-tr-xl last:border-b'\n          : 'py-4 first:border-t-0',\n        className,\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">\n          {name}\n          {required ? (\n            <span className=\"text-red-400\">*</span>\n          ) : (\n            <span className=\"text-fd-muted-foreground\">?</span>\n          )}\n        </span>\n        {typeof type === 'string' ? (\n          <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        ) : (\n          type\n        )}\n        {deprecated && (\n          <Badge color=\"yellow\" className=\"ms-auto text-xs\">\n            {t.deprecated}\n          </Badge>\n        )}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">{props.children}</div>\n    </div>\n  );\n}\n\nfunction isExpandable(data: SchemaData): boolean {\n  if (data.type !== 'primitive') return true;\n  return Boolean(data.description || (data.infoTags && data.infoTags.length > 0));\n}\n"],"mappings":"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"}

package/dist/ui/schema/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/ui/schema/index.tsx"],"mappings":";;;;UASiB,SAAA;EACf,WAAA,GAAc,SAAA;EACd,QAAA,GAAW,OAAA;EAEX,QAAA;EACA,SAAA;EAEA,UAAA;AAAA;AAAA,UAGe,OAAA;EACf,KAAA,EAAO,SAAA;EACP,KAAA;AAAA;AAAA,UAGe,wBAAA;EACf,IAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,UAAA,GAAa,SAAA;EAGjB,IAAA;AAAA;EAGA,IAAA;EACA,KAAA,EAAO,wBAAA;AAAA;EAGP,IAAA;EACA,IAAA;IACE,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;AAAA,UAKO,eAAA;EACf,IAAA,EAAM,cAAA;EACN,MAAA,EAAQ,IAAA,CAAK,aAAA;EA1BA;;;EA+Bb,QAAA;EAtBM;;;EA0BN,SAAA;AAAA;AAAA,UAGe,qBAAA;EACf,KAAA;EACA,IAAA,EAAM,MAAA,SAAe,UAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/ui/schema/index.tsx"],"mappings":";;;;UAQiB,SAAA;EACf,WAAA,GAAc,SAAA;EACd,QAAA,GAAW,OAAA;EAEX,QAAA;EACA,SAAA;EAEA,UAAA;AAAA;AAAA,UAGe,OAAA;EACf,KAAA,EAAO,SAAA;EACP,KAAA;AAAA;AAAA,UAGe,wBAAA;EACf,IAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,UAAA,GAAa,SAAA;EAGjB,IAAA;AAAA;EAGA,IAAA;EACA,KAAA,EAAO,wBAAA;AAAA;EAGP,IAAA;EACA,IAAA;IACE,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;AAAA,UAKO,eAAA;EACf,IAAA,EAAM,cAAA;EACN,MAAA,EAAQ,IAAA,CAAK,aAAA;EA1BA;;;EA+Bb,QAAA;EAtBM;;;EA0BN,SAAA;AAAA;AAAA,UAGe,qBAAA;EACf,KAAA;EACA,IAAA,EAAM,MAAA,SAAe,UAAA;AAAA"}

package/dist/ui/schema/index.js

@@ -1,19 +1,28 @@
 import { mergeAllOf } from "../../utils/merge-schema.js";
 import { FormatFlags, schemaToString } from "../../utils/schema/to-string.js";
 import { I18nLabel } from "../client/i18n.js";
-import { SchemaUILazy } from "./lazy.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ui/schema/index.tsx
-function Schema({ ctx, ...options }) {
-	if (ctx.schemaUI?.render) return ctx.schemaUI.render(options, ctx);
-	const generated = useMemo(() => generateSchemaUI(options, ctx), [ctx, options]);
-	return /* @__PURE__ */ jsx(SchemaUILazy, {
-		...options.client,
+function Schema({ ctx, client, root, readOnly, writeOnly }) {
+	const generated = useMemo(() => generateSchemaUI(root, readOnly, writeOnly, ctx), [
+		root,
+		readOnly,
+		writeOnly,
+		ctx
+	]);
+	if (ctx.schemaUI?.render) return ctx.schemaUI.render({
+		client,
+		root,
+		readOnly,
+		writeOnly
+	}, ctx);
+	return /* @__PURE__ */ jsx(ctx.clientBoundary.SchemaUI, {
+		...client,
 		generated
 	});
 }
-function generateSchemaUI({ root, readOnly, writeOnly }, ctx) {
+function generateSchemaUI(root, readOnly = false, writeOnly = false, ctx) {
 	const refs = {};
 	const { showExample = false } = ctx.schemaUI ?? {};
 	function generateInfoTags(schema) {
@@ -78,8 +87,8 @@ function generateSchemaUI({ root, readOnly, writeOnly }, ctx) {
 	}
 	function isVisible(schema) {
 		if (typeof schema === "boolean") return true;
-		if (schema.writeOnly) return writeOnly ?? false;
-		if (schema.readOnly) return readOnly ?? false;
+		if (schema.writeOnly) return writeOnly;
+		if (schema.readOnly) return readOnly;
 		return true;
 	}
 	function base(schema) {
@@ -91,7 +100,7 @@ function generateSchemaUI({ root, readOnly, writeOnly }, ctx) {
 			};
 		}
 		return {
-			description: schema.description && ctx.renderMarkdown(schema.description),
+			description: schema.description ? ctx.renderMarkdown(schema.description) : void 0,
 			infoTags: generateInfoTags(schema),
 			typeName: schemaToString(schema, ctx.schema),
 			aliasName: schemaToString(schema, ctx.schema, FormatFlags.UseAlias),

package/dist/ui/schema/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/schema/index.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from 'react';\nimport type { ResolvedSchema } from '@/utils/schema';\nimport type { RenderContext } from '@/types';\nimport { FormatFlags, schemaToString } from '@/utils/schema/to-string';\nimport { mergeAllOf } from '@/utils/merge-schema';\nimport type { SchemaUIProps } from '@/ui/schema/client';\nimport { SchemaUILazy } from '@/ui/schema/lazy';\nimport { I18nLabel } from '../client/i18n';\n\nexport interface FieldBase {\n  description?: ReactNode;\n  infoTags?: InfoTag[];\n\n  typeName: string;\n  aliasName: string;\n\n  deprecated?: boolean;\n}\n\nexport interface InfoTag {\n  label: ReactNode;\n  value: string;\n}\n\nexport interface SchemaDataObjectProperty {\n  name: string;\n  $type: string;\n  required: boolean;\n}\n\nexport type SchemaData = FieldBase &\n  (\n    | {\n        type: 'primitive';\n      }\n    | {\n        type: 'object';\n        props: SchemaDataObjectProperty[];\n      }\n    | {\n        type: 'array';\n        item: {\n          $type: string;\n        };\n      }\n    | {\n        type: 'or';\n        items: {\n          name: string;\n          $type: string;\n        }[];\n      }\n    | {\n        type: 'and';\n        items: {\n          name: string;\n          $type: string;\n        }[];\n      }\n  );\n\nexport interface SchemaUIOptions {\n  root: ResolvedSchema;\n  client: Omit<SchemaUIProps, 'generated'>;\n\n  /**\n   * include read only props\n   */\n  readOnly?: boolean;\n  /**\n   * include write only props\n   */\n  writeOnly?: boolean;\n}\n\nexport interface SchemaUIGeneratedData {\n  $root: string;\n  refs: Record<string, SchemaData>;\n}\n\nexport function Schema({\n  ctx,\n  ...options\n}: SchemaUIOptions & {\n  ctx: RenderContext;\n}) {\n  if (ctx.schemaUI?.render) {\n    return ctx.schemaUI.render(options, ctx);\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks -- assume options unchanged\n  const generated = useMemo(() => generateSchemaUI(options, ctx), [ctx, options]);\n  return <SchemaUILazy {...options.client} generated={generated} />;\n}\n\nexport function generateSchemaUI(\n  { root, readOnly, writeOnly }: SchemaUIOptions,\n  ctx: RenderContext,\n): SchemaUIGeneratedData {\n  const refs: Record<string, SchemaData> = {};\n  const { showExample = false } = ctx.schemaUI ?? {};\n\n  function generateInfoTags(schema: Exclude<ResolvedSchema, boolean>) {\n    const fields: InfoTag[] = [];\n\n    if (schema.default !== undefined) {\n      fields.push({\n        label: <I18nLabel label=\"schemaDefault\" />,\n        value: JSON.stringify(schema.default),\n      });\n    }\n\n    if (schema.pattern) {\n      fields.push({ label: <I18nLabel label=\"schemaMatch\" />, value: schema.pattern });\n    }\n\n    if (schema.format) {\n      fields.push({ label: <I18nLabel label=\"schemaFormat\" />, value: schema.format });\n    }\n\n    if (schema.multipleOf) {\n      fields.push({\n        label: <I18nLabel label=\"schemaMultipleOf\" />,\n        value: schema.multipleOf.toString(),\n      });\n    }\n\n    let range = formatRange(\n      'value',\n      schema.minimum,\n      schema.exclusiveMinimum,\n      schema.maximum,\n      schema.exclusiveMaximum,\n    );\n    if (range) fields.push({ label: <I18nLabel label=\"schemaRange\" />, value: range });\n\n    range = formatRange('length', schema.minLength, undefined, schema.maxLength, undefined);\n    if (range) fields.push({ label: <I18nLabel label=\"schemaLength\" />, value: range });\n\n    range = formatRange(\n      'properties',\n      schema.minProperties,\n      undefined,\n      schema.maxProperties,\n      undefined,\n    );\n    if (range) fields.push({ label: <I18nLabel label=\"schemaProperties\" />, value: range });\n\n    range = formatRange('items', schema.minItems, undefined, schema.maxItems, undefined);\n    if (range) fields.push({ label: <I18nLabel label=\"schemaItems\" />, value: range });\n\n    if (schema.enum) {\n      fields.push({\n        label: <I18nLabel label=\"schemaValueIn\" />,\n        value: schema.enum.map((value) => JSON.stringify(value)).join(' | '),\n      });\n    }\n\n    if (showExample && schema.examples) {\n      for (const example of schema.examples) {\n        fields.push({\n          label: <I18nLabel label=\"schemaExample\" />,\n          value: JSON.stringify(example, null, 2),\n        });\n      }\n    }\n\n    return fields;\n  }\n\n  let _counter = 0;\n  const autoIds = new WeakMap<Exclude<ResolvedSchema, boolean>, string>();\n  function getSchemaId(schema: ResolvedSchema): string {\n    if (typeof schema === 'boolean') return String(schema);\n    const raw = ctx.schema.getRawRef(schema);\n    if (raw) return raw;\n\n    const prev = autoIds.get(schema);\n    if (prev) return prev;\n\n    const generated = `__${_counter++}`;\n    autoIds.set(schema, generated);\n    return generated;\n  }\n\n  function isVisible(schema: ResolvedSchema): boolean {\n    if (typeof schema === 'boolean') return true;\n    if (schema.writeOnly) return writeOnly ?? false;\n    if (schema.readOnly) return readOnly ?? false;\n    return true;\n  }\n\n  function base(schema: ResolvedSchema): FieldBase {\n    if (typeof schema === 'boolean') {\n      const name = schema ? 'any' : 'never';\n      return {\n        typeName: name,\n        aliasName: name,\n      };\n    }\n\n    return {\n      description: schema.description && ctx.renderMarkdown(schema.description),\n      infoTags: generateInfoTags(schema),\n      typeName: schemaToString(schema, ctx.schema),\n      aliasName: schemaToString(schema, ctx.schema, FormatFlags.UseAlias),\n      deprecated: schema.deprecated,\n    };\n  }\n\n  function scanRefs(id: string, schema: ResolvedSchema) {\n    if (id in refs) return;\n    if (typeof schema === 'boolean') {\n      refs[id] = {\n        type: 'primitive',\n        ...base(schema),\n      };\n      return;\n    }\n\n    if (Array.isArray(schema.type)) {\n      const out: SchemaData = {\n        type: 'or',\n        items: [],\n        ...base(schema),\n      };\n      refs[id] = out;\n\n      for (const type of schema.type) {\n        const key = `${id}_type:${type}`;\n        scanRefs(key, {\n          ...schema,\n          type,\n        });\n        out.items.push({\n          name: type,\n          $type: key,\n        });\n      }\n      return;\n    }\n\n    if (schema.oneOf && schema.anyOf) {\n      const out: SchemaData = {\n        type: 'and',\n        items: [],\n        ...base(schema),\n      };\n      refs[id] = out;\n      for (const omit of ['anyOf', 'oneOf'] as const) {\n        const $type = `${id}_omit:${omit}`;\n        scanRefs($type, { ...schema, [omit]: undefined });\n\n        out.items.push({\n          name: refs[$type].aliasName,\n          $type,\n        });\n      }\n      return;\n    }\n\n    // display both `oneOf` & `anyOf` as OR for simplified overview\n    const union = schema.oneOf ?? schema.anyOf;\n    if (union) {\n      const out: SchemaData = {\n        type: 'or',\n        items: [],\n        ...base(schema),\n      };\n      refs[id] = out;\n\n      for (const item of union) {\n        if (!item || typeof item !== 'object' || !isVisible(item)) continue;\n        const itemId = getSchemaId(item);\n        const key = `${id}_extends:${itemId}`;\n\n        scanRefs(key, {\n          ...schema,\n          oneOf: undefined,\n          anyOf: undefined,\n          ...item,\n          properties: {\n            ...schema.properties,\n            ...item.properties,\n          },\n        });\n        out.items.push({\n          $type: key,\n          name: refs[itemId]?.aliasName ?? schemaToString(item, ctx.schema, FormatFlags.UseAlias),\n        });\n      }\n      return;\n    }\n\n    if (schema.allOf) {\n      scanRefs(id, mergeAllOf(schema));\n      return;\n    }\n\n    if (schema.type === 'object') {\n      const out: SchemaData = {\n        type: 'object',\n        props: [],\n        ...base(schema),\n      };\n      refs[id] = out;\n\n      const { properties = {}, patternProperties, additionalProperties } = schema;\n      const props = Object.entries(properties);\n      if (patternProperties) props.push(...Object.entries(patternProperties));\n\n      for (const [key, prop] of props) {\n        if (!prop || !isVisible(prop)) continue;\n        const $type = getSchemaId(prop);\n        scanRefs($type, prop);\n        out.props.push({\n          $type,\n          name: key,\n          required: schema.required?.includes(key) ?? false,\n        });\n      }\n\n      if (additionalProperties && isVisible(additionalProperties)) {\n        const $type = getSchemaId(additionalProperties);\n        scanRefs($type, additionalProperties);\n\n        out.props.push({\n          $type,\n          name: '[key: string]',\n          required: false,\n        });\n      }\n      return;\n    }\n\n    if (schema.type === 'array') {\n      const items = schema.items ?? true;\n      const $type = getSchemaId(items);\n\n      refs[id] = {\n        type: 'array',\n        item: {\n          $type,\n        },\n        ...base(schema),\n      };\n      scanRefs($type, items);\n      return;\n    }\n\n    refs[id] = {\n      type: 'primitive',\n      ...base(schema),\n    };\n  }\n\n  const $root = getSchemaId(root);\n  scanRefs($root, root);\n  return {\n    refs,\n    $root,\n  };\n}\n\nfunction formatRange(\n  value: string,\n  min: number | undefined,\n  exclusiveMin: number | undefined,\n  max: number | undefined,\n  exclusiveMax: number | undefined,\n) {\n  const out: string[] = [];\n  if (min !== undefined) {\n    out.push(`${min} <=`);\n  } else if (exclusiveMin !== undefined) {\n    out.push(`${exclusiveMin} <`);\n  }\n\n  out.push(value);\n  if (max !== undefined) {\n    out.push(`<= ${max}`);\n  } else if (exclusiveMax !== undefined) {\n    out.push(`< ${exclusiveMax}`);\n  }\n  if (out.length > 1) return out.join(' ');\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/schema/index.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from 'react';\nimport type { ResolvedSchema } from '@/utils/schema';\nimport type { RenderContext } from '@/types';\nimport { FormatFlags, schemaToString } from '@/utils/schema/to-string';\nimport { mergeAllOf } from '@/utils/merge-schema';\nimport type { SchemaUIProps } from '@/ui/schema/client';\nimport { I18nLabel } from '../client/i18n';\n\nexport interface FieldBase {\n  description?: ReactNode;\n  infoTags?: InfoTag[];\n\n  typeName: string;\n  aliasName: string;\n\n  deprecated?: boolean;\n}\n\nexport interface InfoTag {\n  label: ReactNode;\n  value: string;\n}\n\nexport interface SchemaDataObjectProperty {\n  name: string;\n  $type: string;\n  required: boolean;\n}\n\nexport type SchemaData = FieldBase &\n  (\n    | {\n        type: 'primitive';\n      }\n    | {\n        type: 'object';\n        props: SchemaDataObjectProperty[];\n      }\n    | {\n        type: 'array';\n        item: {\n          $type: string;\n        };\n      }\n    | {\n        type: 'or';\n        items: {\n          name: string;\n          $type: string;\n        }[];\n      }\n    | {\n        type: 'and';\n        items: {\n          name: string;\n          $type: string;\n        }[];\n      }\n  );\n\nexport interface SchemaUIOptions {\n  root: ResolvedSchema;\n  client: Omit<SchemaUIProps, 'generated'>;\n\n  /**\n   * include read only props\n   */\n  readOnly?: boolean;\n  /**\n   * include write only props\n   */\n  writeOnly?: boolean;\n}\n\nexport interface SchemaUIGeneratedData {\n  $root: string;\n  refs: Record<string, SchemaData>;\n}\n\nexport function Schema({\n  ctx,\n  client,\n  root,\n  readOnly,\n  writeOnly,\n}: SchemaUIOptions & {\n  ctx: RenderContext;\n}) {\n  const generated = useMemo(\n    () => generateSchemaUI(root, readOnly, writeOnly, ctx),\n    [root, readOnly, writeOnly, ctx],\n  );\n\n  if (ctx.schemaUI?.render) {\n    return ctx.schemaUI.render({ client, root, readOnly, writeOnly }, ctx);\n  }\n\n  return <ctx.clientBoundary.SchemaUI {...client} generated={generated} />;\n}\n\nexport function generateSchemaUI(\n  root: ResolvedSchema,\n  readOnly = false,\n  writeOnly = false,\n  ctx: RenderContext,\n): SchemaUIGeneratedData {\n  const refs: Record<string, SchemaData> = {};\n  const { showExample = false } = ctx.schemaUI ?? {};\n\n  function generateInfoTags(schema: Exclude<ResolvedSchema, boolean>) {\n    const fields: InfoTag[] = [];\n\n    if (schema.default !== undefined) {\n      fields.push({\n        label: <I18nLabel label=\"schemaDefault\" />,\n        value: JSON.stringify(schema.default),\n      });\n    }\n\n    if (schema.pattern) {\n      fields.push({ label: <I18nLabel label=\"schemaMatch\" />, value: schema.pattern });\n    }\n\n    if (schema.format) {\n      fields.push({ label: <I18nLabel label=\"schemaFormat\" />, value: schema.format });\n    }\n\n    if (schema.multipleOf) {\n      fields.push({\n        label: <I18nLabel label=\"schemaMultipleOf\" />,\n        value: schema.multipleOf.toString(),\n      });\n    }\n\n    let range = formatRange(\n      'value',\n      schema.minimum,\n      schema.exclusiveMinimum,\n      schema.maximum,\n      schema.exclusiveMaximum,\n    );\n    if (range) fields.push({ label: <I18nLabel label=\"schemaRange\" />, value: range });\n\n    range = formatRange('length', schema.minLength, undefined, schema.maxLength, undefined);\n    if (range) fields.push({ label: <I18nLabel label=\"schemaLength\" />, value: range });\n\n    range = formatRange(\n      'properties',\n      schema.minProperties,\n      undefined,\n      schema.maxProperties,\n      undefined,\n    );\n    if (range) fields.push({ label: <I18nLabel label=\"schemaProperties\" />, value: range });\n\n    range = formatRange('items', schema.minItems, undefined, schema.maxItems, undefined);\n    if (range) fields.push({ label: <I18nLabel label=\"schemaItems\" />, value: range });\n\n    if (schema.enum) {\n      fields.push({\n        label: <I18nLabel label=\"schemaValueIn\" />,\n        value: schema.enum.map((value) => JSON.stringify(value)).join(' | '),\n      });\n    }\n\n    if (showExample && schema.examples) {\n      for (const example of schema.examples) {\n        fields.push({\n          label: <I18nLabel label=\"schemaExample\" />,\n          value: JSON.stringify(example, null, 2),\n        });\n      }\n    }\n\n    return fields;\n  }\n\n  let _counter = 0;\n  const autoIds = new WeakMap<Exclude<ResolvedSchema, boolean>, string>();\n  function getSchemaId(schema: ResolvedSchema): string {\n    if (typeof schema === 'boolean') return String(schema);\n    const raw = ctx.schema.getRawRef(schema);\n    if (raw) return raw;\n\n    const prev = autoIds.get(schema);\n    if (prev) return prev;\n\n    const generated = `__${_counter++}`;\n    autoIds.set(schema, generated);\n    return generated;\n  }\n\n  function isVisible(schema: ResolvedSchema): boolean {\n    if (typeof schema === 'boolean') return true;\n    if (schema.writeOnly) return writeOnly;\n    if (schema.readOnly) return readOnly;\n    return true;\n  }\n\n  function base(schema: ResolvedSchema): FieldBase {\n    if (typeof schema === 'boolean') {\n      const name = schema ? 'any' : 'never';\n      return {\n        typeName: name,\n        aliasName: name,\n      };\n    }\n\n    return {\n      description: schema.description ? ctx.renderMarkdown(schema.description) : undefined,\n      infoTags: generateInfoTags(schema),\n      typeName: schemaToString(schema, ctx.schema),\n      aliasName: schemaToString(schema, ctx.schema, FormatFlags.UseAlias),\n      deprecated: schema.deprecated,\n    };\n  }\n\n  function scanRefs(id: string, schema: ResolvedSchema) {\n    if (id in refs) return;\n    if (typeof schema === 'boolean') {\n      refs[id] = {\n        type: 'primitive',\n        ...base(schema),\n      };\n      return;\n    }\n\n    if (Array.isArray(schema.type)) {\n      const out: SchemaData = {\n        type: 'or',\n        items: [],\n        ...base(schema),\n      };\n      refs[id] = out;\n\n      for (const type of schema.type) {\n        const key = `${id}_type:${type}`;\n        scanRefs(key, {\n          ...schema,\n          type,\n        });\n        out.items.push({\n          name: type,\n          $type: key,\n        });\n      }\n      return;\n    }\n\n    if (schema.oneOf && schema.anyOf) {\n      const out: SchemaData = {\n        type: 'and',\n        items: [],\n        ...base(schema),\n      };\n      refs[id] = out;\n      for (const omit of ['anyOf', 'oneOf'] as const) {\n        const $type = `${id}_omit:${omit}`;\n        scanRefs($type, { ...schema, [omit]: undefined });\n\n        out.items.push({\n          name: refs[$type].aliasName,\n          $type,\n        });\n      }\n      return;\n    }\n\n    // display both `oneOf` & `anyOf` as OR for simplified overview\n    const union = schema.oneOf ?? schema.anyOf;\n    if (union) {\n      const out: SchemaData = {\n        type: 'or',\n        items: [],\n        ...base(schema),\n      };\n      refs[id] = out;\n\n      for (const item of union) {\n        if (!item || typeof item !== 'object' || !isVisible(item)) continue;\n        const itemId = getSchemaId(item);\n        const key = `${id}_extends:${itemId}`;\n\n        scanRefs(key, {\n          ...schema,\n          oneOf: undefined,\n          anyOf: undefined,\n          ...item,\n          properties: {\n            ...schema.properties,\n            ...item.properties,\n          },\n        });\n        out.items.push({\n          $type: key,\n          name: refs[itemId]?.aliasName ?? schemaToString(item, ctx.schema, FormatFlags.UseAlias),\n        });\n      }\n      return;\n    }\n\n    if (schema.allOf) {\n      scanRefs(id, mergeAllOf(schema));\n      return;\n    }\n\n    if (schema.type === 'object') {\n      const out: SchemaData = {\n        type: 'object',\n        props: [],\n        ...base(schema),\n      };\n      refs[id] = out;\n\n      const { properties = {}, patternProperties, additionalProperties } = schema;\n      const props = Object.entries(properties);\n      if (patternProperties) props.push(...Object.entries(patternProperties));\n\n      for (const [key, prop] of props) {\n        if (!prop || !isVisible(prop)) continue;\n        const $type = getSchemaId(prop);\n        scanRefs($type, prop);\n        out.props.push({\n          $type,\n          name: key,\n          required: schema.required?.includes(key) ?? false,\n        });\n      }\n\n      if (additionalProperties && isVisible(additionalProperties)) {\n        const $type = getSchemaId(additionalProperties);\n        scanRefs($type, additionalProperties);\n\n        out.props.push({\n          $type,\n          name: '[key: string]',\n          required: false,\n        });\n      }\n      return;\n    }\n\n    if (schema.type === 'array') {\n      const items = schema.items ?? true;\n      const $type = getSchemaId(items);\n\n      refs[id] = {\n        type: 'array',\n        item: {\n          $type,\n        },\n        ...base(schema),\n      };\n      scanRefs($type, items);\n      return;\n    }\n\n    refs[id] = {\n      type: 'primitive',\n      ...base(schema),\n    };\n  }\n\n  const $root = getSchemaId(root);\n  scanRefs($root, root);\n  return {\n    refs,\n    $root,\n  };\n}\n\nfunction formatRange(\n  value: string,\n  min: number | undefined,\n  exclusiveMin: number | undefined,\n  max: number | undefined,\n  exclusiveMax: number | undefined,\n) {\n  const out: string[] = [];\n  if (min !== undefined) {\n    out.push(`${min} <=`);\n  } else if (exclusiveMin !== undefined) {\n    out.push(`${exclusiveMin} <`);\n  }\n\n  out.push(value);\n  if (max !== undefined) {\n    out.push(`<= ${max}`);\n  } else if (exclusiveMax !== undefined) {\n    out.push(`< ${exclusiveMax}`);\n  }\n  if (out.length > 1) return out.join(' ');\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "10.6.1",
+  "version": "10.6.3",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "Docs",
@@ -79,9 +79,9 @@
     "tailwindcss": "^4.2.2",
     "tsdown": "0.21.6",
     "@fumadocs/tailwind": "0.0.3",
-    "fumadocs-ui": "16.7.7",
-    "tsconfig": "0.0.0",
-    "fumadocs-core": "16.7.7"
+    "fumadocs-core": "16.7.9",
+    "fumadocs-ui": "16.7.9",
+    "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@scalar/api-client-react": "*",

package/dist/playground/lazy.js

@@ -1,8 +0,0 @@
-"use client";
-import { wrapLazy } from "../utils/lazy.js";
-//#region src/playground/lazy.ts
-const ClientLazy = wrapLazy(() => import("./client.js"));
-//#endregion
-export { ClientLazy };
-
-//# sourceMappingURL=lazy.js.map