fumadocs-openapi 10.3.18 → 10.4.1

package/dist/types.d.ts

@@ -39,7 +39,9 @@ interface RenderContext extends Pick<OpenAPIOptions, 'proxyUrl'>, Omit<RequireKe
    */
   schema: ProcessedDocument;
   mediaAdapters: Record<string, MediaAdapter>;
-  renderHeading: (depth: number, text: string, props?: HTMLAttributes<HTMLHeadingElement>) => ReactNode;
+  renderHeading: (depth: number, text: string | ReactNode, props?: HTMLAttributes<HTMLHeadingElement> & {
+    id?: string;
+  }) => ReactNode;
   renderCodeBlock: (lang: string, code: string) => ReactNode;
 }
 type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;;;;;;;KAUY,QAAA,GAAW,WAAA,CAAY,QAAA;AAAA,KACvB,eAAA,GAAkB,WAAA,CAAY,eAAA;AAAA,KAC9B,eAAA,GAAkB,WAAA,CAAY,eAAA;AAAA,KAC9B,oBAAA,GAAuB,WAAA,CAAY,oBAAA;AAAA,KACnC,eAAA,GAAkB,WAAA,CAAY,eAAA;AAAA,KAC9B,cAAA,GAAiB,WAAA,CAAY,cAAA;AAAA,KAC7B,SAAA,GAAY,WAAA,CAAY,SAAA;AAAA,KACxB,YAAA,GAAe,WAAA,CAAY,YAAA;AAAA,KAC3B,cAAA,GAAiB,WAAA,CAAY,cAAA;AAAA,KAC7B,oBAAA,GAAuB,SAAA,CAAU,oBAAA;AAAA,KACjC,cAAA,GAAiB,WAAA,CAAY,cAAA;AAAA,KAC7B,oBAAA,GAAuB,WAAA,CAAY,oBAAA;AAAA,KACnC,WAAA,GAAc,WAAA,CAAY,WAAA;AAAA,KAC1B,aAAA,GAAgB,WAAA,CAAY,aAAA;AAAA,KAC5B,eAAA,GAAkB,WAAA,CAAY,eAAA;AAAA,KAC9B,iBAAA,GAAoB,WAAA,CAAY,iBAAA;AAAA,KAEhC,iBAAA,GAAoB,WAAA,CAAY,eAAA;EAC1C,MAAA;EACA,eAAA,GAAkB,wBAAA;EAClB,sBAAA;EACA,uBAAA;AAAA;AAAA,KAGG,WAAA,oBAA+B,CAAA,IAAK,IAAA,CAAK,CAAA,EAAG,CAAA,IAAK,QAAA,CAAS,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,UAEtD,aAAA,SAEb,IAAA,CAAK,cAAA,eACL,IAAA,CACE,WAAA,CAAY,oBAAA;EAGhB,OAAA,EAAS,OAAA;;;;EAKT,MAAA,EAAQ,iBAAA;EAER,aAAA,EAAe,MAAA,SAAe,YAAA;EAE9B,aAAA,GACE,KAAA,UACA,IAAA,UACA,KAAA,GAAQ,cAAA,CAAe,kBAAA,MACpB,SAAA;EACL,eAAA,GAAkB,IAAA,UAAc,IAAA,aAAiB,SAAA;AAAA;AAAA,KAGvC,gBAAA,cAA8B,WAAA,IAAe,CAAA,mBAAoB,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,KACzE,SAAA,MAAe,CAAA,GAAI,OAAA,CAAQ,CAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;;;;;;;KAUY,QAAA,GAAW,WAAA,CAAY,QAAA;AAAA,KACvB,eAAA,GAAkB,WAAA,CAAY,eAAA;AAAA,KAC9B,eAAA,GAAkB,WAAA,CAAY,eAAA;AAAA,KAC9B,oBAAA,GAAuB,WAAA,CAAY,oBAAA;AAAA,KACnC,eAAA,GAAkB,WAAA,CAAY,eAAA;AAAA,KAC9B,cAAA,GAAiB,WAAA,CAAY,cAAA;AAAA,KAC7B,SAAA,GAAY,WAAA,CAAY,SAAA;AAAA,KACxB,YAAA,GAAe,WAAA,CAAY,YAAA;AAAA,KAC3B,cAAA,GAAiB,WAAA,CAAY,cAAA;AAAA,KAC7B,oBAAA,GAAuB,SAAA,CAAU,oBAAA;AAAA,KACjC,cAAA,GAAiB,WAAA,CAAY,cAAA;AAAA,KAC7B,oBAAA,GAAuB,WAAA,CAAY,oBAAA;AAAA,KACnC,WAAA,GAAc,WAAA,CAAY,WAAA;AAAA,KAC1B,aAAA,GAAgB,WAAA,CAAY,aAAA;AAAA,KAC5B,eAAA,GAAkB,WAAA,CAAY,eAAA;AAAA,KAC9B,iBAAA,GAAoB,WAAA,CAAY,iBAAA;AAAA,KAEhC,iBAAA,GAAoB,WAAA,CAAY,eAAA;EAC1C,MAAA;EACA,eAAA,GAAkB,wBAAA;EAClB,sBAAA;EACA,uBAAA;AAAA;AAAA,KAGG,WAAA,oBAA+B,CAAA,IAAK,IAAA,CAAK,CAAA,EAAG,CAAA,IAAK,QAAA,CAAS,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,UAEtD,aAAA,SAEb,IAAA,CAAK,cAAA,eACL,IAAA,CACE,WAAA,CAAY,oBAAA;EAGhB,OAAA,EAAS,OAAA;;;;EAKT,MAAA,EAAQ,iBAAA;EAER,aAAA,EAAe,MAAA,SAAe,YAAA;EAE9B,aAAA,GACE,KAAA,UACA,IAAA,WAAe,SAAA,EACf,KAAA,GAAQ,cAAA,CAAe,kBAAA;IAAwB,EAAA;EAAA,MAC5C,SAAA;EACL,eAAA,GAAkB,IAAA,UAAc,IAAA,aAAiB,SAAA;AAAA;AAAA,KAGvC,gBAAA,cAA8B,WAAA,IAAe,CAAA,mBAAoB,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,KACzE,SAAA,MAAe,CAAA,GAAI,OAAA,CAAQ,CAAA"}

package/dist/ui/base.d.ts

@@ -7,11 +7,12 @@ import { ExampleRequestItem } from "./operation/request-tabs.js";
 import { APIPageClientOptions } from "./client/index.js";
 import { SchemaUIOptions } from "./schema/index.js";
 import { ResponseTab } from "./operation/response-tabs.js";
-import { Awaitable, DistributiveOmit, MethodInformation, RenderContext } from "../types.js";
+import { ClientCodeBlockProvider } from "./components/codeblock.js";
+import { Awaitable, MethodInformation, RenderContext } from "../types.js";
 import { FC, HTMLAttributes, ReactNode } from "react";
-import { CoreHighlightOptions } from "fumadocs-core/highlight/core";
-import { ResolvedShikiConfig } from "fumadocs-core/highlight/config";
+import { ShikiFactory } from "fumadocs-core/highlight/shiki";
 import { JSONSchema } from "json-schema-typed";
+import { BundledTheme, CodeOptionsThemes, CodeToHastOptionsCommon } from "shiki";
 
 //#region src/ui/base.d.ts
 interface GenerateTypeScriptDefinitionsContext extends RenderContext {
@@ -49,9 +50,9 @@ interface CreateAPIPageOptions {
    * Generate example code usage for each endpoint.
    */
   generateCodeSamples?: (method: MethodInformation) => Awaitable<InlineCodeUsageGenerator[]>;
-  shiki: ResolvedShikiConfig;
+  shiki: ShikiFactory;
   renderMarkdown?: (md: string) => ReactNode;
-  shikiOptions?: DistributiveOmit<CoreHighlightOptions, 'config' | 'lang' | 'components'>;
+  shikiOptions: Omit<CodeToHastOptionsCommon, 'lang'> & CodeOptionsThemes<BundledTheme>;
   /**
    * Show full response schema instead of only example response & Typescript definitions.
    *
@@ -99,7 +100,7 @@ interface CreateAPIPageOptions {
       apiExample: ReactNode;
       apiPlayground: ReactNode;
       authSchemes: ReactNode;
-      paremeters: ReactNode;
+      parameters: ReactNode;
       body: ReactNode;
       responses: ReactNode;
       callbacks: ReactNode;
@@ -108,7 +109,7 @@ interface CreateAPIPageOptions {
       header: ReactNode;
       description: ReactNode;
       authSchemes: ReactNode;
-      paremeters: ReactNode;
+      parameters: ReactNode;
       body: ReactNode;
       requests: ReactNode;
       responses: ReactNode;
@@ -153,5 +154,5 @@ interface CreateAPIPageOptions {
 }
 declare function createAPIPage(server: OpenAPIServer, options: CreateAPIPageOptions): FC<ApiPageProps>;
 //#endregion
-export { CreateAPIPageOptions, GenerateTypeScriptDefinitionsContext, createAPIPage };
+export { ClientCodeBlockProvider, CreateAPIPageOptions, GenerateTypeScriptDefinitionsContext, createAPIPage };
 //# sourceMappingURL=base.d.ts.map

package/dist/ui/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","names":[],"sources":["../../src/ui/base.tsx"],"mappings":"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"}
+{"version":3,"file":"base.d.ts","names":[],"sources":["../../src/ui/base.tsx"],"mappings":"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"}

package/dist/ui/base.js

@@ -1,9 +1,9 @@
 import { defaultAdapters } from "../requests/media/adapter.js";
+import { ClientCodeBlockProvider } from "./components/codeblock.js";
 import { APIPage } from "./api-page.js";
 import Slugger from "github-slugger";
 import * as JsxRuntime from "react/jsx-runtime";
 import { jsx } from "react/jsx-runtime";
-import { highlight } from "fumadocs-core/highlight/core";
 import { Heading } from "fumadocs-ui/components/heading";
 import { createRehypeCode } from "fumadocs-core/mdx-plugins/rehype-code.core";
 import { remarkGfm } from "fumadocs-core/mdx-plugins/remark-gfm";
@@ -12,6 +12,7 @@ import { remark } from "remark";
 import remarkRehype from "remark-rehype";
 import { toJsxRuntime } from "hast-util-to-jsx-runtime";
 import { CodeBlock, Pre } from "fumadocs-ui/components/codeblock";
+import { highlightHast } from "fumadocs-core/highlight/shiki";
 //#region src/ui/base.tsx
 function createAPIPage(server, options) {
 	let processor;
@@ -28,7 +29,9 @@ function createAPIPage(server, options) {
 		}
 		return remark().use(remarkGfm).use(remarkRehype).use(createRehypeCode(options.shiki), {
 			langs: [],
-			lazy: true
+			lazy: true,
+			defaultColor: false,
+			...options.shikiOptions
 		}).use(rehypeReact);
 	}
 	return async function APIPageWrapper({ document, ...props }) {
@@ -46,7 +49,8 @@ function createAPIPage(server, options) {
 			},
 			slugger,
 			async renderHeading(depth, text, props) {
-				const id = slugger.slug(text);
+				const id = typeof text === "string" ? slugger.slug(text) : props?.id;
+				if (!id) throw new Error("missing 'id' for non-string children");
 				if (options.renderHeading) return options.renderHeading({
 					id,
 					children: text,
@@ -79,10 +83,12 @@ function createAPIPage(server, options) {
 				});
 				return /* @__PURE__ */ jsx(CodeBlock, {
 					className: "my-0",
-					children: await highlight(code, {
+					children: toJsxRuntime(await highlightHast(await options.shiki.getOrInit(), code, {
 						lang,
-						...options.shikiOptions,
-						config: options.shiki,
+						defaultColor: false,
+						...options.shikiOptions
+					}), {
+						...JsxRuntime,
 						components: { pre: Pre }
 					})
 				});
@@ -95,6 +101,6 @@ function createAPIPage(server, options) {
 	};
 }
 //#endregion
-export { createAPIPage };
+export { ClientCodeBlockProvider, createAPIPage };
 
 //# sourceMappingURL=base.js.map

package/dist/ui/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":[],"sources":["../../src/ui/base.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- rehype-react without types */\nimport Slugger from 'github-slugger';\nimport type { Awaitable, DistributiveOmit, MethodInformation, RenderContext } from '@/types';\nimport type { NoReference } from '@/utils/schema';\nimport type { ProcessedDocument } from '@/utils/process-document';\nimport { defaultAdapters, MediaAdapter } from '@/requests/media/adapter';\nimport type { FC, HTMLAttributes, ReactNode } from 'react';\nimport { highlight, type CoreHighlightOptions } from 'fumadocs-core/highlight/core';\nimport type { OpenAPIServer } from '@/server';\nimport type { APIPageClientOptions } from './client';\nimport { Heading } from 'fumadocs-ui/components/heading';\nimport { createRehypeCode } from 'fumadocs-core/mdx-plugins/rehype-code.core';\nimport { remarkGfm } from 'fumadocs-core/mdx-plugins/remark-gfm';\nimport defaultMdxComponents from 'fumadocs-ui/mdx';\nimport { remark } from 'remark';\nimport remarkRehype from 'remark-rehype';\nimport { toJsxRuntime } from 'hast-util-to-jsx-runtime';\nimport * as JsxRuntime from 'react/jsx-runtime';\nimport { CodeBlock, Pre } from 'fumadocs-ui/components/codeblock';\nimport type { SchemaUIOptions } from './schema';\nimport type { ResponseTab } from './operation/response-tabs';\nimport type { ExampleRequestItem } from './operation/request-tabs';\nimport type { ResolvedShikiConfig } from 'fumadocs-core/highlight/config';\nimport { APIPage, type ApiPageProps, type OperationItem, type WebhookItem } from './api-page';\nimport type { CodeUsageGeneratorRegistry, InlineCodeUsageGenerator } from '@/requests/generators';\nimport type { JSONSchema } from 'json-schema-typed';\n\nexport interface GenerateTypeScriptDefinitionsContext extends RenderContext {\n  operation: NoReference<MethodInformation>;\n  readOnly: boolean;\n  writeOnly: boolean;\n  /** @deprecated */\n  _internal_legacy?: {\n    statusCode: string;\n    contentType: string;\n  };\n}\n\nexport interface CreateAPIPageOptions {\n  /**\n   * Generate TypeScript definitions from response schema.\n   *\n   * Pass `false` to disable it.\n   *\n   * @param method - the operation object\n   * @param statusCode - status code\n   * @deprecated use `generateTypeScriptDefinitions` instead.\n   */\n  generateTypeScriptSchema?:\n    | ((\n        method: NoReference<MethodInformation>,\n        statusCode: string,\n        contentType: string,\n        ctx: RenderContext,\n      ) => Awaitable<string | undefined>)\n    | false;\n\n  /**\n   * Generate TypeScript definitions from JSON schema.\n   *\n   * Pass `false` to disable it.\n   */\n  generateTypeScriptDefinitions?: (\n    schema: JSONSchema,\n    ctx: GenerateTypeScriptDefinitionsContext,\n  ) => Awaitable<string | undefined>;\n\n  /**\n   * Generate example code usage for all endpoints.\n   */\n  codeUsages?: CodeUsageGeneratorRegistry;\n\n  /**\n   * Generate example code usage for each endpoint.\n   */\n  generateCodeSamples?: (method: MethodInformation) => Awaitable<InlineCodeUsageGenerator[]>;\n\n  shiki: ResolvedShikiConfig;\n  renderMarkdown?: (md: string) => ReactNode;\n  shikiOptions?: DistributiveOmit<CoreHighlightOptions, 'config' | 'lang' | 'components'>;\n\n  /**\n   * Show full response schema instead of only example response & Typescript definitions.\n   *\n   * @default true\n   */\n  showResponseSchema?: boolean;\n\n  /**\n   * Support other media types (for server-side generation).\n   */\n  mediaAdapters?: Record<string, MediaAdapter>;\n\n  /**\n   * Customise page content\n   */\n  content?: {\n    renderResponseTabs?: (tabs: ResponseTab[], ctx: RenderContext) => Awaitable<ReactNode>;\n\n    renderRequestTabs?: (\n      items: ExampleRequestItem[],\n      ctx: RenderContext & {\n        route: string;\n        operation: NoReference<MethodInformation>;\n      },\n    ) => Awaitable<ReactNode>;\n\n    renderAPIExampleLayout?: (\n      slots: {\n        selector: ReactNode;\n        usageTabs: ReactNode;\n        responseTabs: ReactNode;\n      },\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    /**\n     * @param generators - codegens for API example usages\n     */\n    renderAPIExampleUsageTabs?: (\n      generators: CodeUsageGeneratorRegistry,\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    /**\n     * renderer of the entire page's layout (containing all operations & webhooks UI)\n     */\n    renderPageLayout?: (\n      slots: {\n        operations?: {\n          item: OperationItem;\n          children: ReactNode;\n        }[];\n        webhooks?: {\n          item: WebhookItem;\n          children: ReactNode;\n        }[];\n      },\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    renderOperationLayout?: (\n      slots: {\n        header: ReactNode;\n        description: ReactNode;\n        apiExample: ReactNode;\n        apiPlayground: ReactNode;\n\n        authSchemes: ReactNode;\n        paremeters: ReactNode;\n        body: ReactNode;\n        responses: ReactNode;\n        callbacks: ReactNode;\n      },\n      ctx: RenderContext,\n      method: NoReference<MethodInformation>,\n    ) => Awaitable<ReactNode>;\n\n    renderWebhookLayout?: (slots: {\n      header: ReactNode;\n      description: ReactNode;\n      authSchemes: ReactNode;\n      paremeters: ReactNode;\n      body: ReactNode;\n      requests: ReactNode;\n      responses: ReactNode;\n      callbacks: ReactNode;\n    }) => Awaitable<ReactNode>;\n  };\n\n  /**\n   * Info UI for JSON schemas\n   */\n  schemaUI?: {\n    render?: (options: SchemaUIOptions, ctx: RenderContext) => Awaitable<ReactNode>;\n\n    /**\n     * Show examples under the generated content of JSON schemas.\n     *\n     * @defaultValue false\n     */\n    showExample?: boolean;\n  };\n\n  /**\n   * Customise API playground\n   */\n  playground?: {\n    /**\n     * @defaultValue true\n     */\n    enabled?: boolean;\n    /**\n     * replace the server-side renderer\n     */\n    render?: (props: {\n      path: string;\n      method: MethodInformation;\n      ctx: RenderContext;\n    }) => Awaitable<ReactNode>;\n  };\n\n  renderHeading?: (\n    props: HTMLAttributes<HTMLHeadingElement>,\n    depth: number,\n  ) => Awaitable<ReactNode>;\n  renderCodeBlock?: (props: { lang: string; code: string }) => Awaitable<ReactNode>;\n\n  client?: APIPageClientOptions;\n}\n\nexport function createAPIPage(\n  server: OpenAPIServer,\n  options: CreateAPIPageOptions,\n): FC<ApiPageProps> {\n  let processor: ReturnType<typeof createMarkdownProcessor>;\n\n  function createMarkdownProcessor() {\n    function rehypeReact(this: any) {\n      this.compiler = (tree: any, file: any) => {\n        return toJsxRuntime(tree, {\n          development: false,\n          filePath: file.path,\n          ...JsxRuntime,\n          components: defaultMdxComponents,\n        });\n      };\n    }\n\n    return remark()\n      .use(remarkGfm)\n      .use(remarkRehype)\n      .use(createRehypeCode(options.shiki), {\n        langs: [],\n        lazy: true,\n      })\n      .use(rehypeReact);\n  }\n\n  return async function APIPageWrapper({ document, ...props }) {\n    let processed: ProcessedDocument;\n    if (typeof document === 'string') {\n      processed = await server.getSchema(document);\n    } else {\n      processed = await document;\n    }\n\n    const slugger = new Slugger();\n\n    const ctx: RenderContext = {\n      schema: processed,\n      proxyUrl: server.options.proxyUrl,\n      ...options,\n      mediaAdapters: {\n        ...defaultAdapters,\n        ...options.mediaAdapters,\n      },\n      slugger,\n      async renderHeading(depth, text, props) {\n        const id = slugger.slug(text);\n\n        if (options.renderHeading) {\n          return options.renderHeading({ id, children: text, ...props }, depth);\n        }\n\n        return (\n          <Heading id={id} key={id} as={`h${depth}` as `h1`} {...props}>\n            {text}\n          </Heading>\n        );\n      },\n      generateTypeScriptDefinitions(schema, ctx) {\n        const { generateTypeScriptSchema, generateTypeScriptDefinitions } = options;\n        if (generateTypeScriptSchema && ctx._internal_legacy) {\n          const { statusCode, contentType } = ctx._internal_legacy;\n          return generateTypeScriptSchema(ctx.operation, statusCode, contentType, ctx);\n        }\n\n        return generateTypeScriptDefinitions?.(schema, ctx);\n      },\n      async renderMarkdown(text) {\n        if (options.renderMarkdown) return options.renderMarkdown(text);\n        processor ??= createMarkdownProcessor();\n\n        const out = await processor.process({\n          value: text,\n        });\n\n        return out.result as ReactNode;\n      },\n      async renderCodeBlock(lang, code) {\n        if (options.renderCodeBlock) {\n          return options.renderCodeBlock({ lang, code });\n        }\n\n        const rendered = await highlight(code, {\n          lang,\n          ...options.shikiOptions,\n          config: options.shiki,\n          components: {\n            pre: Pre,\n          },\n        });\n\n        return <CodeBlock className=\"my-0\">{rendered}</CodeBlock>;\n      },\n    };\n\n    return <APIPage {...props} ctx={ctx} />;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmNA,SAAgB,cACd,QACA,SACkB;CAClB,IAAI;CAEJ,SAAS,0BAA0B;EACjC,SAAS,cAAuB;AAC9B,QAAK,YAAY,MAAW,SAAc;AACxC,WAAO,aAAa,MAAM;KACxB,aAAa;KACb,UAAU,KAAK;KACf,GAAG;KACH,YAAY;KACb,CAAC;;;AAIN,SAAO,QAAQ,CACZ,IAAI,UAAU,CACd,IAAI,aAAa,CACjB,IAAI,iBAAiB,QAAQ,MAAM,EAAE;GACpC,OAAO,EAAE;GACT,MAAM;GACP,CAAC,CACD,IAAI,YAAY;;AAGrB,QAAO,eAAe,eAAe,EAAE,UAAU,GAAG,SAAS;EAC3D,IAAI;AACJ,MAAI,OAAO,aAAa,SACtB,aAAY,MAAM,OAAO,UAAU,SAAS;MAE5C,aAAY,MAAM;EAGpB,MAAM,UAAU,IAAI,SAAS;EAE7B,MAAM,MAAqB;GACzB,QAAQ;GACR,UAAU,OAAO,QAAQ;GACzB,GAAG;GACH,eAAe;IACb,GAAG;IACH,GAAG,QAAQ;IACZ;GACD;GACA,MAAM,cAAc,OAAO,MAAM,OAAO;IACtC,MAAM,KAAK,QAAQ,KAAK,KAAK;AAE7B,QAAI,QAAQ,cACV,QAAO,QAAQ,cAAc;KAAE;KAAI,UAAU;KAAM,GAAG;KAAO,EAAE,MAAM;AAGvE,WACE,oBAAC,SAAD;KAAa;KAAa,IAAI,IAAI;KAAiB,GAAI;eACpD;KACO,EAFY,GAEZ;;GAGd,8BAA8B,QAAQ,KAAK;IACzC,MAAM,EAAE,0BAA0B,kCAAkC;AACpE,QAAI,4BAA4B,IAAI,kBAAkB;KACpD,MAAM,EAAE,YAAY,gBAAgB,IAAI;AACxC,YAAO,yBAAyB,IAAI,WAAW,YAAY,aAAa,IAAI;;AAG9E,WAAO,gCAAgC,QAAQ,IAAI;;GAErD,MAAM,eAAe,MAAM;AACzB,QAAI,QAAQ,eAAgB,QAAO,QAAQ,eAAe,KAAK;AAC/D,kBAAc,yBAAyB;AAMvC,YAJY,MAAM,UAAU,QAAQ,EAClC,OAAO,MACR,CAAC,EAES;;GAEb,MAAM,gBAAgB,MAAM,MAAM;AAChC,QAAI,QAAQ,gBACV,QAAO,QAAQ,gBAAgB;KAAE;KAAM;KAAM,CAAC;AAYhD,WAAO,oBAAC,WAAD;KAAW,WAAU;eATX,MAAM,UAAU,MAAM;MACrC;MACA,GAAG,QAAQ;MACX,QAAQ,QAAQ;MAChB,YAAY,EACV,KAAK,KACN;MACF,CAAC;KAEuD,CAAA;;GAE5D;AAED,SAAO,oBAAC,SAAD;GAAS,GAAI;GAAY;GAAO,CAAA"}
+{"version":3,"file":"base.js","names":[],"sources":["../../src/ui/base.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- rehype-react without types */\nimport Slugger from 'github-slugger';\nimport type { Awaitable, MethodInformation, RenderContext } from '@/types';\nimport type { NoReference } from '@/utils/schema';\nimport type { ProcessedDocument } from '@/utils/process-document';\nimport { defaultAdapters, MediaAdapter } from '@/requests/media/adapter';\nimport type { FC, HTMLAttributes, ReactNode } from 'react';\nimport type { OpenAPIServer } from '@/server';\nimport type { APIPageClientOptions } from './client';\nimport { Heading } from 'fumadocs-ui/components/heading';\nimport { createRehypeCode } from 'fumadocs-core/mdx-plugins/rehype-code.core';\nimport { remarkGfm } from 'fumadocs-core/mdx-plugins/remark-gfm';\nimport defaultMdxComponents from 'fumadocs-ui/mdx';\nimport { remark } from 'remark';\nimport remarkRehype from 'remark-rehype';\nimport { toJsxRuntime } from 'hast-util-to-jsx-runtime';\nimport * as JsxRuntime from 'react/jsx-runtime';\nimport { CodeBlock, Pre } from 'fumadocs-ui/components/codeblock';\nimport type { SchemaUIOptions } from './schema';\nimport type { ResponseTab } from './operation/response-tabs';\nimport type { ExampleRequestItem } from './operation/request-tabs';\nimport { APIPage, type ApiPageProps, type OperationItem, type WebhookItem } from './api-page';\nimport type { CodeUsageGeneratorRegistry, InlineCodeUsageGenerator } from '@/requests/generators';\nimport type { JSONSchema } from 'json-schema-typed';\nimport type { BundledTheme, CodeOptionsThemes, CodeToHastOptionsCommon } from 'shiki';\nimport { highlightHast, type ShikiFactory } from 'fumadocs-core/highlight/shiki';\n\nexport interface GenerateTypeScriptDefinitionsContext extends RenderContext {\n  operation: NoReference<MethodInformation>;\n  readOnly: boolean;\n  writeOnly: boolean;\n  /** @deprecated */\n  _internal_legacy?: {\n    statusCode: string;\n    contentType: string;\n  };\n}\n\nexport interface CreateAPIPageOptions {\n  /**\n   * Generate TypeScript definitions from response schema.\n   *\n   * Pass `false` to disable it.\n   *\n   * @param method - the operation object\n   * @param statusCode - status code\n   * @deprecated use `generateTypeScriptDefinitions` instead.\n   */\n  generateTypeScriptSchema?:\n    | ((\n        method: NoReference<MethodInformation>,\n        statusCode: string,\n        contentType: string,\n        ctx: RenderContext,\n      ) => Awaitable<string | undefined>)\n    | false;\n\n  /**\n   * Generate TypeScript definitions from JSON schema.\n   *\n   * Pass `false` to disable it.\n   */\n  generateTypeScriptDefinitions?: (\n    schema: JSONSchema,\n    ctx: GenerateTypeScriptDefinitionsContext,\n  ) => Awaitable<string | undefined>;\n\n  /**\n   * Generate example code usage for all endpoints.\n   */\n  codeUsages?: CodeUsageGeneratorRegistry;\n\n  /**\n   * Generate example code usage for each endpoint.\n   */\n  generateCodeSamples?: (method: MethodInformation) => Awaitable<InlineCodeUsageGenerator[]>;\n\n  shiki: ShikiFactory;\n  renderMarkdown?: (md: string) => ReactNode;\n  shikiOptions: Omit<CodeToHastOptionsCommon, 'lang'> & CodeOptionsThemes<BundledTheme>;\n\n  /**\n   * Show full response schema instead of only example response & Typescript definitions.\n   *\n   * @default true\n   */\n  showResponseSchema?: boolean;\n\n  /**\n   * Support other media types (for server-side generation).\n   */\n  mediaAdapters?: Record<string, MediaAdapter>;\n\n  /**\n   * Customise page content\n   */\n  content?: {\n    renderResponseTabs?: (tabs: ResponseTab[], ctx: RenderContext) => Awaitable<ReactNode>;\n\n    renderRequestTabs?: (\n      items: ExampleRequestItem[],\n      ctx: RenderContext & {\n        route: string;\n        operation: NoReference<MethodInformation>;\n      },\n    ) => Awaitable<ReactNode>;\n\n    renderAPIExampleLayout?: (\n      slots: {\n        selector: ReactNode;\n        usageTabs: ReactNode;\n        responseTabs: ReactNode;\n      },\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    /**\n     * @param generators - codegens for API example usages\n     */\n    renderAPIExampleUsageTabs?: (\n      generators: CodeUsageGeneratorRegistry,\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    /**\n     * renderer of the entire page's layout (containing all operations & webhooks UI)\n     */\n    renderPageLayout?: (\n      slots: {\n        operations?: {\n          item: OperationItem;\n          children: ReactNode;\n        }[];\n        webhooks?: {\n          item: WebhookItem;\n          children: ReactNode;\n        }[];\n      },\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    renderOperationLayout?: (\n      slots: {\n        header: ReactNode;\n        description: ReactNode;\n        apiExample: ReactNode;\n        apiPlayground: ReactNode;\n\n        authSchemes: ReactNode;\n        parameters: ReactNode;\n        body: ReactNode;\n        responses: ReactNode;\n        callbacks: ReactNode;\n      },\n      ctx: RenderContext,\n      method: NoReference<MethodInformation>,\n    ) => Awaitable<ReactNode>;\n\n    renderWebhookLayout?: (slots: {\n      header: ReactNode;\n      description: ReactNode;\n      authSchemes: ReactNode;\n      parameters: ReactNode;\n      body: ReactNode;\n      requests: ReactNode;\n      responses: ReactNode;\n      callbacks: ReactNode;\n    }) => Awaitable<ReactNode>;\n  };\n\n  /**\n   * Info UI for JSON schemas\n   */\n  schemaUI?: {\n    render?: (options: SchemaUIOptions, ctx: RenderContext) => Awaitable<ReactNode>;\n\n    /**\n     * Show examples under the generated content of JSON schemas.\n     *\n     * @defaultValue false\n     */\n    showExample?: boolean;\n  };\n\n  /**\n   * Customise API playground\n   */\n  playground?: {\n    /**\n     * @defaultValue true\n     */\n    enabled?: boolean;\n    /**\n     * replace the server-side renderer\n     */\n    render?: (props: {\n      path: string;\n      method: MethodInformation;\n      ctx: RenderContext;\n    }) => Awaitable<ReactNode>;\n  };\n\n  renderHeading?: (\n    props: HTMLAttributes<HTMLHeadingElement>,\n    depth: number,\n  ) => Awaitable<ReactNode>;\n  renderCodeBlock?: (props: { lang: string; code: string }) => Awaitable<ReactNode>;\n\n  client?: APIPageClientOptions;\n}\n\nexport function createAPIPage(\n  server: OpenAPIServer,\n  options: CreateAPIPageOptions,\n): FC<ApiPageProps> {\n  let processor: ReturnType<typeof createMarkdownProcessor>;\n\n  function createMarkdownProcessor() {\n    function rehypeReact(this: any) {\n      this.compiler = (tree: any, file: any) => {\n        return toJsxRuntime(tree, {\n          development: false,\n          filePath: file.path,\n          ...JsxRuntime,\n          components: defaultMdxComponents,\n        });\n      };\n    }\n\n    return remark()\n      .use(remarkGfm)\n      .use(remarkRehype)\n      .use(createRehypeCode(options.shiki), {\n        langs: [],\n        lazy: true,\n        defaultColor: false,\n        ...options.shikiOptions,\n      })\n      .use(rehypeReact);\n  }\n\n  return async function APIPageWrapper({ document, ...props }) {\n    let processed: ProcessedDocument;\n    if (typeof document === 'string') {\n      processed = await server.getSchema(document);\n    } else {\n      processed = await document;\n    }\n\n    const slugger = new Slugger();\n\n    const ctx: RenderContext = {\n      schema: processed,\n      proxyUrl: server.options.proxyUrl,\n      ...options,\n      mediaAdapters: {\n        ...defaultAdapters,\n        ...options.mediaAdapters,\n      },\n      slugger,\n      async renderHeading(depth, text, props) {\n        const id = typeof text === 'string' ? slugger.slug(text) : props?.id;\n        if (!id) throw new Error(\"missing 'id' for non-string children\");\n\n        if (options.renderHeading) {\n          return options.renderHeading({ id, children: text, ...props }, depth);\n        }\n\n        return (\n          <Heading id={id} key={id} as={`h${depth}` as `h1`} {...props}>\n            {text}\n          </Heading>\n        );\n      },\n      generateTypeScriptDefinitions(schema, ctx) {\n        const { generateTypeScriptSchema, generateTypeScriptDefinitions } = options;\n        if (generateTypeScriptSchema && ctx._internal_legacy) {\n          const { statusCode, contentType } = ctx._internal_legacy;\n          return generateTypeScriptSchema(ctx.operation, statusCode, contentType, ctx);\n        }\n\n        return generateTypeScriptDefinitions?.(schema, ctx);\n      },\n      async renderMarkdown(text) {\n        if (options.renderMarkdown) return options.renderMarkdown(text);\n        processor ??= createMarkdownProcessor();\n\n        const out = await processor.process({\n          value: text,\n        });\n\n        return out.result as ReactNode;\n      },\n      async renderCodeBlock(lang, code) {\n        if (options.renderCodeBlock) {\n          return options.renderCodeBlock({ lang, code });\n        }\n\n        const hast = await highlightHast(await options.shiki.getOrInit(), code, {\n          lang,\n          defaultColor: false,\n          ...options.shikiOptions,\n        });\n        const rendered = toJsxRuntime(hast, {\n          ...JsxRuntime,\n          components: {\n            pre: Pre,\n          },\n        });\n\n        return <CodeBlock className=\"my-0\">{rendered}</CodeBlock>;\n      },\n    };\n\n    return <APIPage {...props} ctx={ctx} />;\n  };\n}\n\nexport { ClientCodeBlockProvider } from './components/codeblock';\n"],"mappings":";;;;;;;;;;;;;;;;AAmNA,SAAgB,cACd,QACA,SACkB;CAClB,IAAI;CAEJ,SAAS,0BAA0B;EACjC,SAAS,cAAuB;AAC9B,QAAK,YAAY,MAAW,SAAc;AACxC,WAAO,aAAa,MAAM;KACxB,aAAa;KACb,UAAU,KAAK;KACf,GAAG;KACH,YAAY;KACb,CAAC;;;AAIN,SAAO,QAAQ,CACZ,IAAI,UAAU,CACd,IAAI,aAAa,CACjB,IAAI,iBAAiB,QAAQ,MAAM,EAAE;GACpC,OAAO,EAAE;GACT,MAAM;GACN,cAAc;GACd,GAAG,QAAQ;GACZ,CAAC,CACD,IAAI,YAAY;;AAGrB,QAAO,eAAe,eAAe,EAAE,UAAU,GAAG,SAAS;EAC3D,IAAI;AACJ,MAAI,OAAO,aAAa,SACtB,aAAY,MAAM,OAAO,UAAU,SAAS;MAE5C,aAAY,MAAM;EAGpB,MAAM,UAAU,IAAI,SAAS;EAE7B,MAAM,MAAqB;GACzB,QAAQ;GACR,UAAU,OAAO,QAAQ;GACzB,GAAG;GACH,eAAe;IACb,GAAG;IACH,GAAG,QAAQ;IACZ;GACD;GACA,MAAM,cAAc,OAAO,MAAM,OAAO;IACtC,MAAM,KAAK,OAAO,SAAS,WAAW,QAAQ,KAAK,KAAK,GAAG,OAAO;AAClE,QAAI,CAAC,GAAI,OAAM,IAAI,MAAM,uCAAuC;AAEhE,QAAI,QAAQ,cACV,QAAO,QAAQ,cAAc;KAAE;KAAI,UAAU;KAAM,GAAG;KAAO,EAAE,MAAM;AAGvE,WACE,oBAAC,SAAD;KAAa;KAAa,IAAI,IAAI;KAAiB,GAAI;eACpD;KACO,EAFY,GAEZ;;GAGd,8BAA8B,QAAQ,KAAK;IACzC,MAAM,EAAE,0BAA0B,kCAAkC;AACpE,QAAI,4BAA4B,IAAI,kBAAkB;KACpD,MAAM,EAAE,YAAY,gBAAgB,IAAI;AACxC,YAAO,yBAAyB,IAAI,WAAW,YAAY,aAAa,IAAI;;AAG9E,WAAO,gCAAgC,QAAQ,IAAI;;GAErD,MAAM,eAAe,MAAM;AACzB,QAAI,QAAQ,eAAgB,QAAO,QAAQ,eAAe,KAAK;AAC/D,kBAAc,yBAAyB;AAMvC,YAJY,MAAM,UAAU,QAAQ,EAClC,OAAO,MACR,CAAC,EAES;;GAEb,MAAM,gBAAgB,MAAM,MAAM;AAChC,QAAI,QAAQ,gBACV,QAAO,QAAQ,gBAAgB;KAAE;KAAM;KAAM,CAAC;AAehD,WAAO,oBAAC,WAAD;KAAW,WAAU;eAPX,aALJ,MAAM,cAAc,MAAM,QAAQ,MAAM,WAAW,EAAE,MAAM;MACtE;MACA,cAAc;MACd,GAAG,QAAQ;MACZ,CAAC,EACkC;MAClC,GAAG;MACH,YAAY,EACV,KAAK,KACN;MACF,CAAC;KAEuD,CAAA;;GAE5D;AAED,SAAO,oBAAC,SAAD;GAAS,GAAI;GAAY;GAAO,CAAA"}

package/dist/ui/client/i18n.js

@@ -0,0 +1,19 @@
+"use client";
+import { defaultTranslations } from "../../i18n.js";
+import { useI18n } from "fumadocs-ui/contexts/i18n";
+//#region src/ui/client/i18n.ts
+function useTranslations() {
+	return useI18n().text.openapi ?? defaultTranslations;
+}
+/**
+* Renders a translated string. Use in server components so the label is resolved on the client from the current locale.
+*/
+function I18nLabel({ label, replacements = {} }) {
+	let value = useTranslations()[label];
+	for (const [k, v] of Object.entries(replacements)) value = value.replaceAll(`{${k}}`, v);
+	return value;
+}
+//#endregion
+export { I18nLabel, useTranslations };
+
+//# sourceMappingURL=i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":[],"sources":["../../../src/ui/client/i18n.ts"],"sourcesContent":["'use client';\nimport { defaultTranslations, type Translations } from '@/i18n';\nimport { useI18n } from 'fumadocs-ui/contexts/i18n';\n\nexport function useTranslations(): Translations {\n  return (useI18n().text.openapi ?? defaultTranslations) as unknown as Translations;\n}\n\nexport interface OpenAPII18nLabelProps {\n  label: keyof Translations;\n  /** Replace {key} placeholders in the translation string */\n  replacements?: Record<string, string>;\n}\n\n/**\n * Renders a translated string. Use in server components so the label is resolved on the client from the current locale.\n */\nexport function I18nLabel({ label, replacements = {} }: OpenAPII18nLabelProps): string {\n  const text = useTranslations();\n  let value = text[label];\n  for (const [k, v] of Object.entries(replacements)) {\n    value = value.replaceAll(`{${k}}`, v);\n  }\n  return value;\n}\n"],"mappings":";;;;AAIA,SAAgB,kBAAgC;AAC9C,QAAQ,SAAS,CAAC,KAAK,WAAW;;;;;AAYpC,SAAgB,UAAU,EAAE,OAAO,eAAe,EAAE,IAAmC;CAErF,IAAI,QADS,iBAAiB,CACb;AACjB,MAAK,MAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,aAAa,CAC/C,SAAQ,MAAM,WAAW,IAAI,EAAE,IAAI,EAAE;AAEvC,QAAO"}

package/dist/ui/components/codeblock.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ShikiFactory } from "fumadocs-core/highlight/shiki";
+
+//#region src/ui/components/codeblock.d.ts
+declare function ClientCodeBlockProvider({
+  factory,
+  children
+}: {
+  factory: ShikiFactory;
+  children: ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ClientCodeBlockProvider };
+//# sourceMappingURL=codeblock.d.ts.map

package/dist/ui/components/codeblock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.d.ts","names":[],"sources":["../../../src/ui/components/codeblock.tsx"],"mappings":";;;;;iBAsBgB,uBAAA,CAAA;EACd,OAAA;EACA;AAAA;EAEA,OAAA,EAAS,YAAA;EACT,QAAA,EAAU,SAAA;AAAA,IACX,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/components/codeblock.js

@@ -0,0 +1,27 @@
+"use client";
+import { useApiContext } from "../contexts/api.js";
+import { createContext, use } from "react";
+import { jsx } from "react/jsx-runtime";
+import { DynamicCodeBlock } from "fumadocs-ui/components/dynamic-codeblock.core";
+//#region src/ui/components/codeblock.tsx
+const CodeBlockContext = createContext(null);
+function ClientCodeBlock(props) {
+	const { shikiOptions } = useApiContext();
+	const ctx = use(CodeBlockContext);
+	if (!ctx) throw new Error("Missing Shiki context, please wrap your <APIPage /> component under <ClientCodeBlockProvider />");
+	return /* @__PURE__ */ jsx(DynamicCodeBlock, {
+		highlighter: () => ctx.getOrInit(),
+		options: shikiOptions,
+		...props
+	});
+}
+function ClientCodeBlockProvider({ factory, children }) {
+	return /* @__PURE__ */ jsx(CodeBlockContext, {
+		value: factory,
+		children
+	});
+}
+//#endregion
+export { ClientCodeBlock, ClientCodeBlockProvider };
+
+//# sourceMappingURL=codeblock.js.map

package/dist/ui/components/codeblock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.js","names":[],"sources":["../../../src/ui/components/codeblock.tsx"],"sourcesContent":["'use client';\nimport {\n  DynamicCodeBlock,\n  type DynamicCodeblockProps,\n} from 'fumadocs-ui/components/dynamic-codeblock.core';\nimport { useApiContext } from '../contexts/api';\nimport { createContext, type ReactNode, use } from 'react';\nimport type { ShikiFactory } from 'fumadocs-core/highlight/shiki';\n\nconst CodeBlockContext = createContext<ShikiFactory | null>(null);\n\nexport function ClientCodeBlock(props: Omit<DynamicCodeblockProps, 'highlighter' | 'options'>) {\n  const { shikiOptions } = useApiContext();\n  const ctx = use(CodeBlockContext);\n  if (!ctx)\n    throw new Error(\n      'Missing Shiki context, please wrap your <APIPage /> component under <ClientCodeBlockProvider />',\n    );\n\n  return <DynamicCodeBlock highlighter={() => ctx.getOrInit()} options={shikiOptions} {...props} />;\n}\n\nexport function ClientCodeBlockProvider({\n  factory,\n  children,\n}: {\n  factory: ShikiFactory;\n  children: ReactNode;\n}) {\n  return <CodeBlockContext value={factory}>{children}</CodeBlockContext>;\n}\n"],"mappings":";;;;;;AASA,MAAM,mBAAmB,cAAmC,KAAK;AAEjE,SAAgB,gBAAgB,OAA+D;CAC7F,MAAM,EAAE,iBAAiB,eAAe;CACxC,MAAM,MAAM,IAAI,iBAAiB;AACjC,KAAI,CAAC,IACH,OAAM,IAAI,MACR,kGACD;AAEH,QAAO,oBAAC,kBAAD;EAAkB,mBAAmB,IAAI,WAAW;EAAE,SAAS;EAAc,GAAI;EAAS,CAAA;;AAGnG,SAAgB,wBAAwB,EACtC,SACA,YAIC;AACD,QAAO,oBAAC,kBAAD;EAAkB,OAAO;EAAU;EAA4B,CAAA"}

package/dist/ui/components/dialog.js

@@ -1,5 +1,6 @@
 "use client";
 import { cn } from "../../utils/cn.js";
+import { useTranslations } from "../client/i18n.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
@@ -16,19 +17,22 @@ const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__P
 	...props
 }));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
-	ref,
-	className: cn("fixed left-1/2 top-1/2 z-50 flex flex-col gap-4 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-fd-popover p-4 shadow-lg rounded-xl duration-200 data-[state=open]:animate-fd-dialog-in data-[state=closed]:animate-fd-dialog-out focus-visible:outline-none", className),
-	...props,
-	children: [children, /* @__PURE__ */ jsx(DialogPrimitive.Close, {
-		"aria-label": "Close",
-		className: cn(buttonVariants({
-			size: "icon-sm",
-			color: "ghost"
-		}), "absolute end-2 top-2 text-fd-muted-foreground/70"),
-		children: /* @__PURE__ */ jsx(X, {})
-	})]
-})] }));
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => {
+	const t = useTranslations();
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		ref,
+		className: cn("fixed left-1/2 top-1/2 z-50 flex flex-col gap-4 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-fd-popover p-4 shadow-lg rounded-xl duration-200 data-[state=open]:animate-fd-dialog-in data-[state=closed]:animate-fd-dialog-out focus-visible:outline-none", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+			"aria-label": t.close,
+			className: cn(buttonVariants({
+				size: "icon-sm",
+				color: "ghost"
+			}), "absolute end-2 top-2 text-fd-muted-foreground/70"),
+			children: /* @__PURE__ */ jsx(X, {})
+		})]
+	})] });
+});
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("flex flex-col gap-1.5 text-center sm:text-start", className),

package/dist/ui/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/ui/components/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport { cn } from '@/utils/cn';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-1/2 top-1/2 z-50 flex flex-col gap-4 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-fd-popover p-4 shadow-lg rounded-xl duration-200 data-[state=open]:animate-fd-dialog-in data-[state=closed]:animate-fd-dialog-out focus-visible:outline-none',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close\n        aria-label=\"Close\"\n        className={cn(\n          buttonVariants({ size: 'icon-sm', color: 'ghost' }),\n          'absolute end-2 top-2 text-fd-muted-foreground/70',\n        )}\n      >\n        <X />\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-1.5 text-center sm:text-start', className)} {...props} />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-fd-muted-foreground', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,SAAS,gBAAgB;AAE/B,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,eAAe,gBAAgB;AAEjB,gBAAgB;AAEpC,MAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,SAAjB;CACO;CACL,WAAW,GACT,gIACA,UACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAiB,CAAA,EACjB,qBAAC,gBAAgB,SAAjB;CACO;CACL,WAAW,GACT,4QACA,UACD;CACD,GAAI;WANN,CAQG,UACD,oBAAC,gBAAgB,OAAjB;EACE,cAAW;EACX,WAAW,GACT,eAAe;GAAE,MAAM;GAAW,OAAO;GAAS,CAAC,EACnD,mDACD;YAED,oBAAC,GAAD,EAAK,CAAA;EACiB,CAAA,CACA;GACb,EAAA,CAAA,CACf;AACF,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,OAAD;CAAK,WAAW,GAAG,mDAAmD,UAAU;CAAE,GAAI;CAAS,CAAA;AAEjG,aAAa,cAAc;AAE3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,OAAD;CACE,WAAW,GAAG,6DAA6D,UAAU;CACrF,GAAI;CACJ,CAAA;AAEJ,aAAa,cAAc;AAE3B,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GAAG,qDAAqD,UAAU;CAC7E,GAAI;CACJ,CAAA,CACF;AACF,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,oBAAoB,MAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,aAAjB;CACO;CACL,WAAW,GAAG,oCAAoC,UAAU;CAC5D,GAAI;CACJ,CAAA,CACF;AACF,kBAAkB,cAAc,gBAAgB,YAAY"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/ui/components/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport { cn } from '@/utils/cn';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { useTranslations } from '@/ui/client/i18n';\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => {\n  const t = useTranslations();\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'fixed left-1/2 top-1/2 z-50 flex flex-col gap-4 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-fd-popover p-4 shadow-lg rounded-xl duration-200 data-[state=open]:animate-fd-dialog-in data-[state=closed]:animate-fd-dialog-out focus-visible:outline-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close\n          aria-label={t.close}\n          className={cn(\n            buttonVariants({ size: 'icon-sm', color: 'ghost' }),\n            'absolute end-2 top-2 text-fd-muted-foreground/70',\n          )}\n        >\n          <X />\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n});\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-1.5 text-center sm:text-start', className)} {...props} />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-fd-muted-foreground', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n"],"mappings":";;;;;;;;;AASA,MAAM,SAAS,gBAAgB;AAE/B,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,eAAe,gBAAgB;AAEjB,gBAAgB;AAEpC,MAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,SAAjB;CACO;CACL,WAAW,GACT,gIACA,UACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,IAAI,iBAAiB;AAC3B,QACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAiB,CAAA,EACjB,qBAAC,gBAAgB,SAAjB;EACO;EACL,WAAW,GACT,4QACA,UACD;EACD,GAAI;YANN,CAQG,UACD,oBAAC,gBAAgB,OAAjB;GACE,cAAY,EAAE;GACd,WAAW,GACT,eAAe;IAAE,MAAM;IAAW,OAAO;IAAS,CAAC,EACnD,mDACD;aAED,oBAAC,GAAD,EAAK,CAAA;GACiB,CAAA,CACA;IACb,EAAA,CAAA;EAEjB;AACF,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,OAAD;CAAK,WAAW,GAAG,mDAAmD,UAAU;CAAE,GAAI;CAAS,CAAA;AAEjG,aAAa,cAAc;AAE3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,OAAD;CACE,WAAW,GAAG,6DAA6D,UAAU;CACrF,GAAI;CACJ,CAAA;AAEJ,aAAa,cAAc;AAE3B,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GAAG,qDAAqD,UAAU;CAC7E,GAAI;CACJ,CAAA,CACF;AACF,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,oBAAoB,MAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,aAAjB;CACO;CACL,WAAW,GAAG,oCAAoC,UAAU;CAC5D,GAAI;CACJ,CAAA,CACF;AACF,kBAAkB,cAAc,gBAAgB,YAAY"}

package/dist/ui/full.client.js

@@ -1,16 +1,15 @@
 "use client";
+import { ClientCodeBlockProvider } from "./components/codeblock.js";
 import { jsx } from "react/jsx-runtime";
-import { configDefault } from "fumadocs-core/highlight";
-import * as base from "fumadocs-core/highlight/core/client";
+import { defaultShikiFactory } from "fumadocs-core/highlight/shiki/full";
 //#region src/ui/full.client.tsx
-function ShikiConfigProvider({ children }) {
-	const config = base.useShikiConfigOptional() ?? configDefault;
-	return /* @__PURE__ */ jsx(base.ShikiConfigProvider, {
-		config,
+function FullProvider({ children }) {
+	return /* @__PURE__ */ jsx(ClientCodeBlockProvider, {
+		factory: defaultShikiFactory,
 		children
 	});
 }
 //#endregion
-export { ShikiConfigProvider };
+export { FullProvider };
 
 //# sourceMappingURL=full.client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"full.client.js","names":[],"sources":["../../src/ui/full.client.tsx"],"sourcesContent":["'use client';\nimport * as base from 'fumadocs-core/highlight/core/client';\nimport { configDefault } from 'fumadocs-core/highlight';\nimport type { ReactNode } from 'react';\n\nexport function ShikiConfigProvider({ children }: { children: ReactNode }) {\n  const config = base.useShikiConfigOptional() ?? configDefault;\n  return <base.ShikiConfigProvider config={config}>{children}</base.ShikiConfigProvider>;\n}\n"],"mappings":";;;;;AAKA,SAAgB,oBAAoB,EAAE,YAAqC;CACzE,MAAM,SAAS,KAAK,wBAAwB,IAAI;AAChD,QAAO,oBAAC,KAAK,qBAAN;EAAkC;EAAS;EAAoC,CAAA"}
+{"version":3,"file":"full.client.js","names":[],"sources":["../../src/ui/full.client.tsx"],"sourcesContent":["'use client';\nimport type { ReactNode } from 'react';\nimport { ClientCodeBlockProvider } from './components/codeblock';\nimport { defaultShikiFactory } from 'fumadocs-core/highlight/shiki/full';\n\nexport function FullProvider({ children }: { children: ReactNode }) {\n  return (\n    <ClientCodeBlockProvider factory={defaultShikiFactory}>{children}</ClientCodeBlockProvider>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,aAAa,EAAE,YAAqC;AAClE,QACE,oBAAC,yBAAD;EAAyB,SAAS;EAAsB;EAAmC,CAAA"}

package/dist/ui/full.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"full.d.ts","names":[],"sources":["../../src/ui/full.tsx"],"mappings":";;;;;;KAMY,oBAAA,GAAuB,OAAA,CAAQ,sBAAA;AAAA,iBAE3B,aAAA,CAAc,MAAA,EAAQ,aAAA,EAAe,OAAA,GAAS,oBAAA,IAqBhC,KAAA,EAAO,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"full.d.ts","names":[],"sources":["../../src/ui/full.tsx"],"mappings":";;;;;;KAMY,oBAAA,GAAuB,OAAA,CAAQ,sBAAA;AAAA,iBAE3B,aAAA,CAAc,MAAA,EAAQ,aAAA,EAAe,OAAA,GAAS,oBAAA,IAsBhC,KAAA,EAAO,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/full.js

@@ -1,11 +1,15 @@
 import { createAPIPage as createAPIPage$1 } from "./base.js";
-import { ShikiConfigProvider } from "./full.client.js";
+import { FullProvider } from "./full.client.js";
 import { jsx } from "react/jsx-runtime";
-import { configDefault } from "fumadocs-core/highlight";
+import { defaultShikiFactory } from "fumadocs-core/highlight/shiki/full";
 //#region src/ui/full.tsx
 function createAPIPage(server, options = {}) {
 	const APIPage = createAPIPage$1(server, {
-		shiki: configDefault,
+		shiki: defaultShikiFactory,
+		shikiOptions: { themes: {
+			light: "github-light",
+			dark: "github-dark"
+		} },
 		async generateTypeScriptDefinitions(schema, ctx) {
 			if (typeof schema !== "object") return;
 			const { compile } = await import("@fumari/json-schema-ts");
@@ -23,7 +27,7 @@ function createAPIPage(server, options = {}) {
 		...options
 	});
 	return function APIPageFull(props) {
-		return /* @__PURE__ */ jsx(ShikiConfigProvider, { children: /* @__PURE__ */ jsx(APIPage, { ...props }) });
+		return /* @__PURE__ */ jsx(FullProvider, { children: /* @__PURE__ */ jsx(APIPage, { ...props }) });
 	};
 }
 //#endregion

package/dist/ui/full.js.map

@@ -1 +1 @@
-{"version":3,"file":"full.js","names":["base.createAPIPage"],"sources":["../../src/ui/full.tsx"],"sourcesContent":["import type { OpenAPIServer } from '@/server';\nimport * as base from './base';\nimport { configDefault } from 'fumadocs-core/highlight';\nimport { ApiPageProps } from './api-page';\nimport { ShikiConfigProvider } from './full.client';\n\nexport type CreateAPIPageOptions = Partial<base.CreateAPIPageOptions>;\n\nexport function createAPIPage(server: OpenAPIServer, options: CreateAPIPageOptions = {}) {\n  const APIPage = base.createAPIPage(server, {\n    shiki: configDefault,\n    async generateTypeScriptDefinitions(schema, ctx) {\n      if (typeof schema !== 'object') return;\n      const { compile } = await import('@fumari/json-schema-ts');\n\n      try {\n        return compile(schema, {\n          name: 'Response',\n          readOnly: ctx.readOnly,\n          writeOnly: ctx.writeOnly,\n          getSchemaId: ctx.schema.getRawRef,\n        });\n      } catch (e) {\n        console.warn('Failed to generate typescript schema:', e);\n      }\n    },\n    ...options,\n  });\n\n  return function APIPageFull(props: ApiPageProps) {\n    return (\n      <ShikiConfigProvider>\n        <APIPage {...props} />\n      </ShikiConfigProvider>\n    );\n  };\n}\n"],"mappings":";;;;;AAQA,SAAgB,cAAc,QAAuB,UAAgC,EAAE,EAAE;CACvF,MAAM,UAAUA,gBAAmB,QAAQ;EACzC,OAAO;EACP,MAAM,8BAA8B,QAAQ,KAAK;AAC/C,OAAI,OAAO,WAAW,SAAU;GAChC,MAAM,EAAE,YAAY,MAAM,OAAO;AAEjC,OAAI;AACF,WAAO,QAAQ,QAAQ;KACrB,MAAM;KACN,UAAU,IAAI;KACd,WAAW,IAAI;KACf,aAAa,IAAI,OAAO;KACzB,CAAC;YACK,GAAG;AACV,YAAQ,KAAK,yCAAyC,EAAE;;;EAG5D,GAAG;EACJ,CAAC;AAEF,QAAO,SAAS,YAAY,OAAqB;AAC/C,SACE,oBAAC,qBAAD,EAAA,UACE,oBAAC,SAAD,EAAS,GAAI,OAAS,CAAA,EACF,CAAA"}
+{"version":3,"file":"full.js","names":["base.createAPIPage"],"sources":["../../src/ui/full.tsx"],"sourcesContent":["import type { OpenAPIServer } from '@/server';\nimport * as base from './base';\nimport type { ApiPageProps } from './api-page';\nimport { defaultShikiFactory } from 'fumadocs-core/highlight/shiki/full';\nimport { FullProvider } from './full.client';\n\nexport type CreateAPIPageOptions = Partial<base.CreateAPIPageOptions>;\n\nexport function createAPIPage(server: OpenAPIServer, options: CreateAPIPageOptions = {}) {\n  const APIPage = base.createAPIPage(server, {\n    shiki: defaultShikiFactory,\n    shikiOptions: { themes: { light: 'github-light', dark: 'github-dark' } },\n    async generateTypeScriptDefinitions(schema, ctx) {\n      if (typeof schema !== 'object') return;\n      const { compile } = await import('@fumari/json-schema-ts');\n\n      try {\n        return compile(schema, {\n          name: 'Response',\n          readOnly: ctx.readOnly,\n          writeOnly: ctx.writeOnly,\n          getSchemaId: ctx.schema.getRawRef,\n        });\n      } catch (e) {\n        console.warn('Failed to generate typescript schema:', e);\n      }\n    },\n    ...options,\n  });\n\n  return function APIPageFull(props: ApiPageProps) {\n    return (\n      <FullProvider>\n        <APIPage {...props} />\n      </FullProvider>\n    );\n  };\n}\n"],"mappings":";;;;;AAQA,SAAgB,cAAc,QAAuB,UAAgC,EAAE,EAAE;CACvF,MAAM,UAAUA,gBAAmB,QAAQ;EACzC,OAAO;EACP,cAAc,EAAE,QAAQ;GAAE,OAAO;GAAgB,MAAM;GAAe,EAAE;EACxE,MAAM,8BAA8B,QAAQ,KAAK;AAC/C,OAAI,OAAO,WAAW,SAAU;GAChC,MAAM,EAAE,YAAY,MAAM,OAAO;AAEjC,OAAI;AACF,WAAO,QAAQ,QAAQ;KACrB,MAAM;KACN,UAAU,IAAI;KACd,WAAW,IAAI;KACf,aAAa,IAAI,OAAO;KACzB,CAAC;YACK,GAAG;AACV,YAAQ,KAAK,yCAAyC,EAAE;;;EAG5D,GAAG;EACJ,CAAC;AAEF,QAAO,SAAS,YAAY,OAAqB;AAC/C,SACE,oBAAC,cAAD,EAAA,UACE,oBAAC,SAAD,EAAS,GAAI,OAAS,CAAA,EACT,CAAA"}

package/dist/ui/operation/client.js

@@ -1,6 +1,7 @@
 "use client";
 import { cn } from "../../utils/cn.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/select.js";
+import { useTranslations } from "../client/i18n.js";
 import { createContext, use, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Copy } from "lucide-react";
@@ -11,18 +12,16 @@ function CopyTypeScriptPanel({ name, code, className }) {
 	const [isChecked, onCopy] = useCopyButton(() => {
 		navigator.clipboard.writeText(code);
 	});
+	const t = useTranslations();
+	const useTypeText = t.useTypeInTypeScript.replace("{name}", name);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("flex items-start justify-between gap-2 bg-fd-card text-fd-card-foreground border rounded-xl p-3 not-prose mb-4 last:mb-0", className),
 		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 			className: "font-medium text-sm mb-2",
-			children: "TypeScript Definitions"
-		}), /* @__PURE__ */ jsxs("p", {
+			children: t.typeScriptDefinitions
+		}), /* @__PURE__ */ jsx("p", {
 			className: "text-xs text-fd-muted-foreground",
-			children: [
-				"Use the ",
-				name,
-				" type in TypeScript."
-			]
+			children: useTypeText
 		})] }), /* @__PURE__ */ jsxs("button", {
 			onClick: onCopy,
 			className: cn(buttonVariants({
@@ -30,7 +29,7 @@ function CopyTypeScriptPanel({ name, code, className }) {
 				className: "p-2 gap-2",
 				size: "sm"
 			})),
-			children: [isChecked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" }), "Copy"]
+			children: [isChecked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" }), t.copy]
 		})]
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":[],"sources":["../../../src/ui/operation/client.tsx"],"sourcesContent":["'use client';\n\nimport { useCopyButton } from 'fumadocs-ui/utils/use-copy-button';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { cn } from '@/utils/cn';\nimport { Check, Copy } from 'lucide-react';\nimport { type ComponentProps, createContext, type ReactNode, use, useMemo, useState } from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/ui/components/select';\n\nexport function CopyTypeScriptPanel({\n  name,\n  code,\n  className,\n}: {\n  code: string;\n  name: 'response body' | 'request body';\n  className?: string;\n}) {\n  const [isChecked, onCopy] = useCopyButton(() => {\n    void navigator.clipboard.writeText(code);\n  });\n\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-between gap-2 bg-fd-card text-fd-card-foreground border rounded-xl p-3 not-prose mb-4 last:mb-0',\n        className,\n      )}\n    >\n      <div>\n        <p className=\"font-medium text-sm mb-2\">TypeScript Definitions</p>\n        <p className=\"text-xs text-fd-muted-foreground\">Use the {name} type in TypeScript.</p>\n      </div>\n      <button\n        onClick={onCopy}\n        className={cn(\n          buttonVariants({\n            color: 'secondary',\n            className: 'p-2 gap-2',\n            size: 'sm',\n          }),\n        )}\n      >\n        {isChecked ? <Check className=\"size-3.5\" /> : <Copy className=\"size-3.5\" />}\n        Copy\n      </button>\n    </div>\n  );\n}\n\nconst Context = createContext<{\n  type: string | null;\n  setType: (type: string) => void;\n} | null>(null);\n\nexport function SelectTabs({\n  defaultValue,\n  children,\n}: {\n  defaultValue?: string;\n  children: ReactNode;\n}) {\n  const [type, setType] = useState<string | null>(defaultValue ?? null);\n\n  return <Context value={useMemo(() => ({ type, setType }), [type])}>{children}</Context>;\n}\n\nexport function SelectTab({\n  value,\n  ...props\n}: ComponentProps<'div'> & {\n  value: string;\n}) {\n  const ctx = use(Context);\n  if (value !== ctx?.type) return;\n\n  return <div {...props}>{props.children}</div>;\n}\n\nexport function SelectTabTrigger({\n  items,\n  className,\n  ...props\n}: ComponentProps<typeof SelectTrigger> & {\n  items: {\n    label: ReactNode;\n    value: string;\n  }[];\n}) {\n  const { type, setType } = use(Context)!;\n\n  return (\n    <Select value={type ?? ''} onValueChange={setType}>\n      <SelectTrigger className={cn('not-prose w-fit min-w-0 *:min-w-0', className)} {...props}>\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {items.map(({ label, value }) => (\n          <SelectItem key={value} value={value}>\n            {label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,oBAAoB,EAClC,MACA,MACA,aAKC;CACD,MAAM,CAAC,WAAW,UAAU,oBAAoB;AACzC,YAAU,UAAU,UAAU,KAAK;GACxC;AAEF,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4HACA,UACD;YAJH,CAME,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,KAAD;GAAG,WAAU;aAA2B;GAA0B,CAAA,EAClE,qBAAC,KAAD;GAAG,WAAU;aAAb;IAAgD;IAAS;IAAK;IAAwB;KAClF,EAAA,CAAA,EACN,qBAAC,UAAD;GACE,SAAS;GACT,WAAW,GACT,eAAe;IACb,OAAO;IACP,WAAW;IACX,MAAM;IACP,CAAC,CACH;aARH,CAUG,YAAY,oBAAC,OAAD,EAAO,WAAU,YAAa,CAAA,GAAG,oBAAC,MAAD,EAAM,WAAU,YAAa,CAAA,EAAC,OAErE;KACL;;;AAIV,MAAM,UAAU,cAGN,KAAK;AAEf,SAAgB,WAAW,EACzB,cACA,YAIC;CACD,MAAM,CAAC,MAAM,WAAW,SAAwB,gBAAgB,KAAK;AAErE,QAAO,oBAAC,SAAD;EAAS,OAAO,eAAe;GAAE;GAAM;GAAS,GAAG,CAAC,KAAK,CAAC;EAAG;EAAmB,CAAA;;AAGzF,SAAgB,UAAU,EACxB,OACA,GAAG,SAGF;AAED,KAAI,UADQ,IAAI,QAAQ,EACL,KAAM;AAEzB,QAAO,oBAAC,OAAD;EAAK,GAAI;YAAQ,MAAM;EAAe,CAAA;;AAG/C,SAAgB,iBAAiB,EAC/B,OACA,WACA,GAAG,SAMF;CACD,MAAM,EAAE,MAAM,YAAY,IAAI,QAAQ;AAEtC,QACE,qBAAC,QAAD;EAAQ,OAAO,QAAQ;EAAI,eAAe;YAA1C,CACE,oBAAC,eAAD;GAAe,WAAW,GAAG,qCAAqC,UAAU;GAAE,GAAI;aAChF,oBAAC,aAAD,EAAe,CAAA;GACD,CAAA,EAChB,oBAAC,eAAD,EAAA,UACG,MAAM,KAAK,EAAE,OAAO,YACnB,oBAAC,YAAD;GAA+B;aAC5B;GACU,EAFI,MAEJ,CACb,EACY,CAAA,CACT"}
+{"version":3,"file":"client.js","names":[],"sources":["../../../src/ui/operation/client.tsx"],"sourcesContent":["'use client';\n\nimport { useCopyButton } from 'fumadocs-ui/utils/use-copy-button';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { cn } from '@/utils/cn';\nimport { Check, Copy } from 'lucide-react';\nimport { type ComponentProps, createContext, type ReactNode, use, useMemo, useState } from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/ui/components/select';\nimport { useTranslations } from '@/ui/client/i18n';\n\nexport function CopyTypeScriptPanel({\n  name,\n  code,\n  className,\n}: {\n  code: string;\n  name: 'response body' | 'request body';\n  className?: string;\n}) {\n  const [isChecked, onCopy] = useCopyButton(() => {\n    void navigator.clipboard.writeText(code);\n  });\n  const t = useTranslations();\n  const useTypeText = t.useTypeInTypeScript.replace('{name}', name);\n\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-between gap-2 bg-fd-card text-fd-card-foreground border rounded-xl p-3 not-prose mb-4 last:mb-0',\n        className,\n      )}\n    >\n      <div>\n        <p className=\"font-medium text-sm mb-2\">{t.typeScriptDefinitions}</p>\n        <p className=\"text-xs text-fd-muted-foreground\">{useTypeText}</p>\n      </div>\n      <button\n        onClick={onCopy}\n        className={cn(\n          buttonVariants({\n            color: 'secondary',\n            className: 'p-2 gap-2',\n            size: 'sm',\n          }),\n        )}\n      >\n        {isChecked ? <Check className=\"size-3.5\" /> : <Copy className=\"size-3.5\" />}\n        {t.copy}\n      </button>\n    </div>\n  );\n}\n\nconst Context = createContext<{\n  type: string | null;\n  setType: (type: string) => void;\n} | null>(null);\n\nexport function SelectTabs({\n  defaultValue,\n  children,\n}: {\n  defaultValue?: string;\n  children: ReactNode;\n}) {\n  const [type, setType] = useState<string | null>(defaultValue ?? null);\n\n  return <Context value={useMemo(() => ({ type, setType }), [type])}>{children}</Context>;\n}\n\nexport function SelectTab({\n  value,\n  ...props\n}: ComponentProps<'div'> & {\n  value: string;\n}) {\n  const ctx = use(Context);\n  if (value !== ctx?.type) return;\n\n  return <div {...props}>{props.children}</div>;\n}\n\nexport function SelectTabTrigger({\n  items,\n  className,\n  ...props\n}: ComponentProps<typeof SelectTrigger> & {\n  items: {\n    label: ReactNode;\n    value: string;\n  }[];\n}) {\n  const { type, setType } = use(Context)!;\n\n  return (\n    <Select value={type ?? ''} onValueChange={setType}>\n      <SelectTrigger className={cn('not-prose w-fit min-w-0 *:min-w-0', className)} {...props}>\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {items.map(({ label, value }) => (\n          <SelectItem key={value} value={value}>\n            {label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,oBAAoB,EAClC,MACA,MACA,aAKC;CACD,MAAM,CAAC,WAAW,UAAU,oBAAoB;AACzC,YAAU,UAAU,UAAU,KAAK;GACxC;CACF,MAAM,IAAI,iBAAiB;CAC3B,MAAM,cAAc,EAAE,oBAAoB,QAAQ,UAAU,KAAK;AAEjE,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4HACA,UACD;YAJH,CAME,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,KAAD;GAAG,WAAU;aAA4B,EAAE;GAA0B,CAAA,EACrE,oBAAC,KAAD;GAAG,WAAU;aAAoC;GAAgB,CAAA,CAC7D,EAAA,CAAA,EACN,qBAAC,UAAD;GACE,SAAS;GACT,WAAW,GACT,eAAe;IACb,OAAO;IACP,WAAW;IACX,MAAM;IACP,CAAC,CACH;aARH,CAUG,YAAY,oBAAC,OAAD,EAAO,WAAU,YAAa,CAAA,GAAG,oBAAC,MAAD,EAAM,WAAU,YAAa,CAAA,EAC1E,EAAE,KACI;KACL;;;AAIV,MAAM,UAAU,cAGN,KAAK;AAEf,SAAgB,WAAW,EACzB,cACA,YAIC;CACD,MAAM,CAAC,MAAM,WAAW,SAAwB,gBAAgB,KAAK;AAErE,QAAO,oBAAC,SAAD;EAAS,OAAO,eAAe;GAAE;GAAM;GAAS,GAAG,CAAC,KAAK,CAAC;EAAG;EAAmB,CAAA;;AAGzF,SAAgB,UAAU,EACxB,OACA,GAAG,SAGF;AAED,KAAI,UADQ,IAAI,QAAQ,EACL,KAAM;AAEzB,QAAO,oBAAC,OAAD;EAAK,GAAI;YAAQ,MAAM;EAAe,CAAA;;AAG/C,SAAgB,iBAAiB,EAC/B,OACA,WACA,GAAG,SAMF;CACD,MAAM,EAAE,MAAM,YAAY,IAAI,QAAQ;AAEtC,QACE,qBAAC,QAAD;EAAQ,OAAO,QAAQ;EAAI,eAAe;YAA1C,CACE,oBAAC,eAAD;GAAe,WAAW,GAAG,qCAAqC,UAAU;GAAE,GAAI;aAChF,oBAAC,aAAD,EAAe,CAAA;GACD,CAAA,EAChB,oBAAC,eAAD,EAAA,UACG,MAAM,KAAK,EAAE,OAAO,YACnB,oBAAC,YAAD;GAA+B;aAC5B;GACU,EAFI,MAEJ,CACb,EACY,CAAA,CACT"}