fumadocs-openapi 10.5.0 → 10.6.0

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

@@ -13,6 +13,7 @@ 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";
+import { compile } from "@fumari/json-schema-ts";
 //#region src/ui/base.tsx
 function createAPIPage(server, options) {
 	let processor;
@@ -37,7 +38,7 @@ function createAPIPage(server, options) {
 	return async function APIPageWrapper({ document, ...props }) {
 		let processed;
 		if (typeof document === "string") processed = await server.getSchema(document);
-		else processed = await document;
+		else processed = document;
 		const slugger = new Slugger();
 		const ctx = {
 			schema: processed,
@@ -47,8 +48,7 @@ function createAPIPage(server, options) {
 				...defaultAdapters,
 				...options.mediaAdapters
 			},
-			slugger,
-			async renderHeading(depth, text, props) {
+			renderHeading(depth, text, props) {
 				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({
@@ -63,14 +63,23 @@ function createAPIPage(server, options) {
 					children: text
 				}, id);
 			},
-			generateTypeScriptDefinitions(schema, ctx) {
-				const { generateTypeScriptSchema, generateTypeScriptDefinitions } = options;
-				if (generateTypeScriptSchema && ctx._internal_legacy) {
+			generateTypeScriptDefinitions: options.generateTypeScriptDefinitions ?? ((schema, ctx) => {
+				if (options.generateTypeScriptSchema && ctx._internal_legacy) {
 					const { statusCode, contentType } = ctx._internal_legacy;
-					return generateTypeScriptSchema(ctx.operation, statusCode, contentType, ctx);
+					return options.generateTypeScriptSchema(ctx.operation, statusCode, contentType, ctx);
 				}
-				return generateTypeScriptDefinitions?.(schema, ctx);
-			},
+				if (typeof schema !== "object") return;
+				try {
+					return compile(schema, {
+						name: "Response",
+						readOnly: ctx.readOnly,
+						writeOnly: ctx.writeOnly,
+						getSchemaId: ctx.schema.getRawRef
+					});
+				} catch (e) {
+					console.warn("Failed to generate typescript schema:", e);
+				}
+			}),
 			async renderMarkdown(text) {
 				if (options.renderMarkdown) return options.renderMarkdown(text);
 				processor ??= createMarkdownProcessor();

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, 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"}
+{"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 { 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';\nimport type { ExampleRequestItem } from './operation/get-example-requests';\nimport { compile } from '@fumari/json-schema-ts';\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    | ((\n        schema: JSONSchema,\n        ctx: GenerateTypeScriptDefinitionsContext,\n      ) => Awaitable<string | undefined>)\n    | false;\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) => 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) => ReactNode;\n\n    renderRequestTabs?: (\n      items: ExampleRequestItem[],\n      ctx: RenderContext & {\n        route: string;\n        operation: NoReference<MethodInformation>;\n      },\n    ) => ReactNode;\n\n    renderAPIExampleLayout?: (\n      slots: {\n        selector: ReactNode;\n        usageTabs: ReactNode;\n        responseTabs: ReactNode;\n      },\n      ctx: RenderContext,\n    ) => ReactNode;\n\n    /**\n     * @param generators - codegens for API example usages\n     */\n    renderAPIExampleUsageTabs?: (\n      generators: CodeUsageGeneratorRegistry,\n      ctx: RenderContext,\n    ) => 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    ) => 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    ) => 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    }) => ReactNode;\n  };\n\n  /**\n   * Info UI for JSON schemas\n   */\n  schemaUI?: {\n    render?: (options: SchemaUIOptions, ctx: RenderContext) => 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?: (props: HTMLAttributes<HTMLHeadingElement>, depth: number) => ReactNode;\n  renderCodeBlock?: (props: { lang: string; code: string }) => ReactNode;\n\n  client?: APIPageClientOptions;\n}\n\nexport interface ServerApiPageProps extends Omit<ApiPageProps, 'document'> {\n  document: string | ProcessedDocument;\n}\n\nexport function createAPIPage(\n  server: OpenAPIServer,\n  options: CreateAPIPageOptions,\n): FC<ServerApiPageProps> {\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 = 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      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:\n        options.generateTypeScriptDefinitions ??\n        ((schema, ctx) => {\n          if (options.generateTypeScriptSchema && ctx._internal_legacy) {\n            const { statusCode, contentType } = ctx._internal_legacy;\n            return options.generateTypeScriptSchema(ctx.operation, statusCode, contentType, ctx);\n          }\n\n          if (typeof schema !== 'object') return;\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      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":";;;;;;;;;;;;;;;;;AAuNA,SAAgB,cACd,QACA,SACwB;CACxB,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;EAGd,MAAM,UAAU,IAAI,SAAS;EAE7B,MAAM,MAAqB;GACzB,QAAQ;GACR,UAAU,OAAO,QAAQ;GACzB,GAAG;GACH,eAAe;IACb,GAAG;IACH,GAAG,QAAQ;IACZ;GACD,cAAc,OAAO,MAAM,OAAO;IAChC,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,+BACE,QAAQ,mCACN,QAAQ,QAAQ;AAChB,QAAI,QAAQ,4BAA4B,IAAI,kBAAkB;KAC5D,MAAM,EAAE,YAAY,gBAAgB,IAAI;AACxC,YAAO,QAAQ,yBAAyB,IAAI,WAAW,YAAY,aAAa,IAAI;;AAGtF,QAAI,OAAO,WAAW,SAAU;AAChC,QAAI;AACF,YAAO,QAAQ,QAAQ;MACrB,MAAM;MACN,UAAU,IAAI;MACd,WAAW,IAAI;MACf,aAAa,IAAI,OAAO;MACzB,CAAC;aACK,GAAG;AACV,aAAQ,KAAK,yCAAyC,EAAE;;;GAG9D,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/{full.client.js → client/full.js}

@@ -1,8 +1,8 @@
 "use client";
-import { ClientCodeBlockProvider } from "./components/codeblock.js";
+import { ClientCodeBlockProvider } from "../components/codeblock.js";
 import { jsx } from "react/jsx-runtime";
 import { defaultShikiFactory } from "fumadocs-core/highlight/shiki/full";
-//#region src/ui/full.client.tsx
+//#region src/ui/client/full.tsx
 function FullProvider({ children }) {
 	return /* @__PURE__ */ jsx(ClientCodeBlockProvider, {
 		factory: defaultShikiFactory,
@@ -12,4 +12,4 @@ function FullProvider({ children }) {
 //#endregion
 export { FullProvider };
 
-//# sourceMappingURL=full.client.js.map
+//# sourceMappingURL=full.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"full.js","names":[],"sources":["../../../src/ui/client/full.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/client/index.d.ts

@@ -1,7 +1,7 @@
 import { MediaAdapter } from "../../requests/media/adapter.js";
 import { CodeUsageGeneratorRegistry } from "../../requests/generators/index.js";
 import { PlaygroundClientOptions } from "../../playground/client.js";
-import { ExampleRequestItem } from "../operation/request-tabs.js";
+import { ExampleRequestItem } from "../operation/get-example-requests.js";
 import { FC } from "react";
 
 //#region src/ui/client/index.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/client/index.tsx"],"sourcesContent":["'use client';\nimport type { PlaygroundClientOptions } from '@/playground/client';\nimport type { MediaAdapter } from '@/requests/media/adapter';\nimport type { FC } from 'react';\nimport type { ExampleRequestItem } from '../operation/request-tabs';\nimport type { CodeUsageGeneratorRegistry } from '@/requests/generators';\n\nexport interface APIPageClientOptions {\n  playground?: PlaygroundClientOptions;\n  operation?: OperationClientOptions;\n\n  /**\n   * Set a prefix for `localStorage` keys.\n   *\n   * Useful when using multiple OpenAPI instances to prevent state conflicts.\n   *\n   * @defaultValue `fumadocs-openapi-`\n   */\n  storageKeyPrefix?: string;\n\n  /**\n   * Support other media types (for client-side serialization)\n   */\n  mediaAdapters?: Record<string, MediaAdapter>;\n\n  /**\n   * generate code usage examples\n   */\n  codeUsages?: CodeUsageGeneratorRegistry;\n}\n\nexport interface OperationClientOptions {\n  APIExampleSelector?: FC<{\n    items: ExampleRequestItem[];\n\n    value: string | undefined;\n    onValueChange: (id: string) => void;\n  }>;\n}\n\nexport function defineClientConfig(options: APIPageClientOptions = {}): APIPageClientOptions {\n  return options;\n}\n"],"mappings":";;AAwCA,SAAgB,mBAAmB,UAAgC,EAAE,EAAwB;AAC3F,QAAO"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/client/index.tsx"],"sourcesContent":["'use client';\nimport type { PlaygroundClientOptions } from '@/playground/client';\nimport type { MediaAdapter } from '@/requests/media/adapter';\nimport type { FC } from 'react';\nimport type { CodeUsageGeneratorRegistry } from '@/requests/generators';\nimport type { ExampleRequestItem } from '../operation/get-example-requests';\n\nexport interface APIPageClientOptions {\n  playground?: PlaygroundClientOptions;\n  operation?: OperationClientOptions;\n\n  /**\n   * Set a prefix for `localStorage` keys.\n   *\n   * Useful when using multiple OpenAPI instances to prevent state conflicts.\n   *\n   * @defaultValue `fumadocs-openapi-`\n   */\n  storageKeyPrefix?: string;\n\n  /**\n   * Support other media types (for client-side serialization)\n   */\n  mediaAdapters?: Record<string, MediaAdapter>;\n\n  /**\n   * generate code usage examples\n   */\n  codeUsages?: CodeUsageGeneratorRegistry;\n}\n\nexport interface OperationClientOptions {\n  APIExampleSelector?: FC<{\n    items: ExampleRequestItem[];\n\n    value: string | undefined;\n    onValueChange: (id: string) => void;\n  }>;\n}\n\nexport function defineClientConfig(options: APIPageClientOptions = {}): APIPageClientOptions {\n  return options;\n}\n"],"mappings":";;AAwCA,SAAgB,mBAAmB,UAAgC,EAAE,EAAwB;AAC3F,QAAO"}

package/dist/ui/client/storage-key.js.map

@@ -1 +1 @@
-{"version":3,"file":"storage-key.js","names":[],"sources":["../../../src/ui/client/storage-key.ts"],"sourcesContent":["import type { AuthField } from '@/playground/client';\nimport { useApiContext } from '../contexts/api';\nimport { useMemo } from 'react';\n\ntype KeyName = 'server-url' | `auth-${string}`;\n\nexport function useStorageKey() {\n  const { storageKeyPrefix } = useApiContext().client;\n\n  return useMemo(\n    () => ({\n      of: (name: KeyName) => getStorageKey(storageKeyPrefix, name),\n      AuthField: (field: AuthField) =>\n        getStorageKey(storageKeyPrefix, `auth-${field.original?.id ?? field.fieldName}`),\n    }),\n    [storageKeyPrefix],\n  );\n}\n\nexport function getStorageKey(prefix = 'fumadocs-openapi-', name: KeyName) {\n  return prefix + name;\n}\n"],"mappings":";;;AAMA,SAAgB,gBAAgB;CAC9B,MAAM,EAAE,qBAAqB,eAAe,CAAC;AAE7C,QAAO,eACE;EACL,KAAK,SAAkB,cAAc,kBAAkB,KAAK;EAC5D,YAAY,UACV,cAAc,kBAAkB,QAAQ,MAAM,UAAU,MAAM,MAAM,YAAY;EACnF,GACD,CAAC,iBAAiB,CACnB;;AAGH,SAAgB,cAAc,SAAS,qBAAqB,MAAe;AACzE,QAAO,SAAS"}
+{"version":3,"file":"storage-key.js","names":[],"sources":["../../../src/ui/client/storage-key.ts"],"sourcesContent":["import type { AuthField } from '@/playground/client';\nimport { useApiContext } from '../contexts/api';\nimport { useMemo } from 'react';\n\ntype KeyName = 'server-url' | `auth-${string}`;\n\nexport function useStorageKey() {\n  const { storageKeyPrefix } = useApiContext().client;\n\n  return useMemo(\n    () => ({\n      of: (name: KeyName) => getStorageKey(storageKeyPrefix, name),\n      AuthField: (field: AuthField) =>\n        getStorageKey(storageKeyPrefix, `auth-${field.original?.id ?? field.fieldName}`),\n    }),\n    [storageKeyPrefix],\n  );\n}\n\nfunction getStorageKey(prefix = 'fumadocs-openapi-', name: KeyName) {\n  return prefix + name;\n}\n"],"mappings":";;;AAMA,SAAgB,gBAAgB;CAC9B,MAAM,EAAE,qBAAqB,eAAe,CAAC;AAE7C,QAAO,eACE;EACL,KAAK,SAAkB,cAAc,kBAAkB,KAAK;EAC5D,YAAY,UACV,cAAc,kBAAkB,QAAQ,MAAM,UAAU,MAAM,MAAM,YAAY;EACnF,GACD,CAAC,iBAAiB,CACnB;;AAGH,SAAS,cAAc,SAAS,qBAAqB,MAAe;AAClE,QAAO,SAAS"}

package/dist/ui/components/server-tab.js

@@ -0,0 +1,43 @@
+"use client";
+import { cn } from "../../utils/cn.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
+import { createContext, use, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/components/server-tab.tsx
+const Context = createContext(null);
+function SelectTabs({ defaultValue, children }) {
+	const [type, setType] = useState(defaultValue ?? null);
+	return /* @__PURE__ */ jsx(Context, {
+		value: useMemo(() => ({
+			type,
+			setType
+		}), [type]),
+		children
+	});
+}
+function SelectTab({ value, ...props }) {
+	if (value !== use(Context)?.type) return;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		children: props.children
+	});
+}
+function SelectTabTrigger({ items, className, ...props }) {
+	const { type, setType } = use(Context);
+	return /* @__PURE__ */ jsxs(Select, {
+		value: type ?? "",
+		onValueChange: setType,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: cn("not-prose w-fit min-w-0 *:min-w-0", className),
+			...props,
+			children: /* @__PURE__ */ jsx(SelectValue, {})
+		}), /* @__PURE__ */ jsx(SelectContent, { children: items.map(({ label, value }) => /* @__PURE__ */ jsx(SelectItem, {
+			value,
+			children: label
+		}, value)) })]
+	});
+}
+//#endregion
+export { SelectTab, SelectTabTrigger, SelectTabs };
+
+//# sourceMappingURL=server-tab.js.map

package/dist/ui/components/server-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-tab.js","names":[],"sources":["../../../src/ui/components/server-tab.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@/utils/cn';\nimport { SelectTrigger, Select, SelectValue, SelectContent, SelectItem } from './select';\nimport { type ReactNode, useState, useMemo, type ComponentProps, createContext, use } from 'react';\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":";;;;;;AAMA,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"}

package/dist/ui/contexts/api.js

@@ -3,22 +3,18 @@ import { defaultAdapters } from "../../requests/media/adapter.js";
 import { useStorageKey } from "../client/storage-key.js";
 import { createCodeUsageGeneratorRegistry } from "../../requests/generators/index.js";
 import { registerDefault } from "../../requests/generators/all.js";
-import { createContext, use, useEffect, useMemo, useRef, useState } from "react";
+import { createContext, use, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ui/contexts/api.tsx
-const ServerContext = createContext(null);
 const ApiContext = createContext(null);
-const ServerSelectContext = createContext(null);
+const ServerContext = createContext(null);
 function useApiContext() {
 	const ctx = use(ApiContext);
 	if (!ctx) throw new Error("Component must be used under <ApiProvider />");
 	return ctx;
 }
 function useServerContext() {
-	return use(ServerContext);
-}
-function useServerSelectContext() {
-	const ctx = use(ServerSelectContext);
+	const ctx = use(ServerContext);
 	if (!ctx) throw new Error("Component must be used under <ApiProvider />");
 	return ctx;
 }
@@ -44,41 +40,28 @@ function ApiProvider({ children, shikiOptions, client }) {
 		children
 	});
 }
-function ServerProvider({ servers, defaultBaseUrl, children }) {
-	const serverRef = useRef(null);
-	return /* @__PURE__ */ jsx(ServerContext, {
-		value: useMemo(() => ({
-			servers,
-			serverRef
-		}), [servers]),
-		children: /* @__PURE__ */ jsx(ServerSelectProvider, {
-			defaultBaseUrl,
-			children
-		})
-	});
-}
-function ServerSelectProvider({ defaultBaseUrl, children }) {
-	const { servers, serverRef } = use(ServerContext);
-	const storageKeys = useStorageKey();
+function ServerProvider({ servers, children }) {
+	const storageKey = useStorageKey().of("server-url");
 	const [server, setServer] = useState(() => {
-		const defaultItem = defaultBaseUrl ? servers.find((item) => item.url === defaultBaseUrl) : servers[0];
-		return defaultItem ? {
+		if (!servers || servers.length === 0) return null;
+		const defaultItem = servers[0];
+		return {
 			name: defaultItem.name,
 			url: defaultItem.url,
 			variables: getDefaultValues(defaultItem)
-		} : null;
+		};
 	});
-	serverRef.current = server;
 	useEffect(() => {
-		const cached = localStorage.getItem(storageKeys.of("server-url"));
+		const cached = localStorage.getItem(storageKey);
 		if (!cached) return;
 		try {
 			const obj = JSON.parse(cached);
 			if (typeof obj === "object" && obj !== null && "url" in obj && typeof obj.url === "string" && "variables" in obj && typeof obj.variables === "object" && obj.variables !== null) setServer(obj);
 		} catch {}
-	}, [storageKeys]);
-	return /* @__PURE__ */ jsx(ServerSelectContext, {
+	}, [storageKey]);
+	return /* @__PURE__ */ jsx(ServerContext, {
 		value: useMemo(() => ({
+			servers,
 			server,
 			setServerVariables(variables) {
 				setServer((prev) => {
@@ -87,25 +70,25 @@ function ServerSelectProvider({ defaultBaseUrl, children }) {
 						...prev,
 						variables
 					};
-					localStorage.setItem(storageKeys.of("server-url"), JSON.stringify(updated));
+					localStorage.setItem(storageKey, JSON.stringify(updated));
 					return updated;
 				});
 			},
 			setServer(value) {
-				const obj = servers.find((item) => item.url === value);
+				const obj = servers?.find((item) => item.url === value);
 				if (!obj) return;
 				const result = {
 					name: obj.name,
 					url: value,
 					variables: getDefaultValues(obj)
 				};
-				localStorage.setItem(storageKeys.of("server-url"), JSON.stringify(result));
+				localStorage.setItem(storageKey, JSON.stringify(result));
 				setServer(result);
 			}
 		}), [
 			server,
 			servers,
-			storageKeys
+			storageKey
 		]),
 		children
 	});
@@ -117,6 +100,6 @@ function getDefaultValues(server) {
 	return out;
 }
 //#endregion
-export { ApiProvider, ServerProvider, useApiContext, useServerContext, useServerSelectContext };
+export { ApiProvider, ServerProvider, useApiContext, useServerContext };
 
 //# sourceMappingURL=api.js.map

package/dist/ui/contexts/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","names":[],"sources":["../../../src/ui/contexts/api.tsx"],"sourcesContent":["'use client';\nimport {\n  createContext,\n  type ReactNode,\n  type RefObject,\n  use,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RenderContext, ServerObject } from '@/types';\nimport { defaultAdapters, type MediaAdapter } from '@/requests/media/adapter';\nimport type { NoReference } from '@/utils/schema';\nimport { useStorageKey } from '../client/storage-key';\nimport type { APIPageClientOptions } from '../client';\nimport {\n  type CodeUsageGeneratorRegistry,\n  createCodeUsageGeneratorRegistry,\n} from '@/requests/generators';\nimport { registerDefault } from '@/requests/generators/all';\n\ninterface InheritFromContext extends Pick<RenderContext, 'shikiOptions'> {\n  client: APIPageClientOptions;\n}\n\nexport interface ServerProviderProps {\n  /**\n   * Base URL for API requests\n   */\n  defaultBaseUrl?: string;\n\n  servers: NoReference<ServerObject>[];\n}\n\ninterface ServerContextType extends ServerProviderProps {\n  /**\n   * ref to selected API server (to query)\n   */\n  serverRef: RefObject<SelectedServer | null>;\n}\n\nconst ServerContext = createContext<ServerContextType | null>(null);\n\nexport type ApiProviderProps = InheritFromContext;\n\nexport interface SelectedServer {\n  url: string;\n  name?: string;\n  variables: Record<string, string>;\n}\n\ninterface ApiContextType extends InheritFromContext {\n  mediaAdapters: Record<string, MediaAdapter>;\n  codeUsages: CodeUsageGeneratorRegistry;\n}\n\ninterface ServerSelectType {\n  server: SelectedServer | null;\n  setServer: (value: string) => void;\n  setServerVariables: (value: Record<string, string>) => void;\n}\n\nconst ApiContext = createContext<ApiContextType | null>(null);\nconst ServerSelectContext = createContext<ServerSelectType | null>(null);\n\nexport function useApiContext(): ApiContextType {\n  const ctx = use(ApiContext);\n  if (!ctx) throw new Error('Component must be used under <ApiProvider />');\n\n  return ctx;\n}\n\nexport function useServerContext() {\n  return use(ServerContext)!;\n}\n\nexport function useServerSelectContext(): ServerSelectType {\n  const ctx = use(ServerSelectContext);\n  if (!ctx) throw new Error('Component must be used under <ApiProvider />');\n\n  return ctx;\n}\n\nexport function ApiProvider({\n  children,\n  shikiOptions,\n  client,\n}: ApiProviderProps & { children: ReactNode }) {\n  return (\n    <ApiContext\n      value={useMemo(() => {\n        let codeUsages: CodeUsageGeneratorRegistry;\n        if (client.codeUsages) {\n          codeUsages = createCodeUsageGeneratorRegistry(client.codeUsages);\n        } else {\n          codeUsages = createCodeUsageGeneratorRegistry();\n          registerDefault(codeUsages);\n        }\n\n        return {\n          shikiOptions,\n          client,\n          codeUsages,\n          mediaAdapters: {\n            ...defaultAdapters,\n            ...client.mediaAdapters,\n          },\n        };\n      }, [client, shikiOptions])}\n    >\n      {children}\n    </ApiContext>\n  );\n}\n\nexport function ServerProvider({\n  servers,\n  defaultBaseUrl,\n  children,\n}: ServerProviderProps & { children: ReactNode }) {\n  const serverRef = useRef<SelectedServer | null>(null);\n\n  return (\n    <ServerContext value={useMemo(() => ({ servers, serverRef }), [servers])}>\n      <ServerSelectProvider defaultBaseUrl={defaultBaseUrl}>{children}</ServerSelectProvider>\n    </ServerContext>\n  );\n}\n\nfunction ServerSelectProvider({\n  defaultBaseUrl,\n  children,\n}: Pick<ServerProviderProps, 'defaultBaseUrl'> & {\n  children: ReactNode;\n}) {\n  const { servers, serverRef } = use(ServerContext)!;\n  const storageKeys = useStorageKey();\n  const [server, setServer] = useState<SelectedServer | null>(() => {\n    const defaultItem = defaultBaseUrl\n      ? servers.find((item) => item.url === defaultBaseUrl)\n      : servers[0];\n\n    return defaultItem\n      ? {\n          name: defaultItem.name,\n          url: defaultItem.url!,\n          variables: getDefaultValues(defaultItem),\n        }\n      : null;\n  });\n  serverRef.current = server;\n\n  useEffect(() => {\n    const cached = localStorage.getItem(storageKeys.of('server-url'));\n    if (!cached) return;\n\n    try {\n      const obj: unknown = JSON.parse(cached);\n      if (\n        typeof obj === 'object' &&\n        obj !== null &&\n        'url' in obj &&\n        typeof obj.url === 'string' &&\n        'variables' in obj &&\n        typeof obj.variables === 'object' &&\n        obj.variables !== null\n      ) {\n        setServer(obj as SelectedServer);\n      }\n    } catch {\n      // ignore\n    }\n  }, [storageKeys]);\n\n  return (\n    <ServerSelectContext\n      value={useMemo(\n        () => ({\n          server,\n          setServerVariables(variables) {\n            setServer((prev) => {\n              if (!prev) return null;\n\n              const updated = { ...prev, variables };\n              localStorage.setItem(storageKeys.of('server-url'), JSON.stringify(updated));\n              return updated;\n            });\n          },\n          setServer(value) {\n            const obj = servers.find((item) => item.url === value);\n            if (!obj) return;\n\n            const result: SelectedServer = {\n              name: obj.name,\n              url: value,\n              variables: getDefaultValues(obj),\n            };\n\n            localStorage.setItem(storageKeys.of('server-url'), JSON.stringify(result));\n            setServer(result);\n          },\n        }),\n        [server, servers, storageKeys],\n      )}\n    >\n      {children}\n    </ServerSelectContext>\n  );\n}\n\nfunction getDefaultValues(server: NoReference<ServerObject>): Record<string, string> {\n  const out: Record<string, string> = {};\n  if (!server.variables) return out;\n\n  for (const [k, v] of Object.entries(server.variables)) {\n    if (v.default !== undefined) out[k] = String(v.default);\n  }\n\n  return out;\n}\n"],"mappings":"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"}
+{"version":3,"file":"api.js","names":[],"sources":["../../../src/ui/contexts/api.tsx"],"sourcesContent":["'use client';\nimport { createContext, type ReactNode, use, useEffect, useMemo, useState } from 'react';\nimport type { RenderContext, ServerObject } from '@/types';\nimport { defaultAdapters, type MediaAdapter } from '@/requests/media/adapter';\nimport { useStorageKey } from '../client/storage-key';\nimport type { APIPageClientOptions } from '../client';\nimport {\n  type CodeUsageGeneratorRegistry,\n  createCodeUsageGeneratorRegistry,\n} from '@/requests/generators';\nimport { registerDefault } from '@/requests/generators/all';\n\ninterface InheritFromContext extends Pick<RenderContext, 'shikiOptions'> {\n  client: APIPageClientOptions;\n}\n\ninterface ServerContextType {\n  servers?: ServerObject[];\n  server: SelectedServer | null;\n  setServer: (value: string) => void;\n  setServerVariables: (value: Record<string, string>) => void;\n}\n\nexport type ApiProviderProps = InheritFromContext;\n\nexport interface SelectedServer {\n  url: string;\n  name?: string;\n  variables: Record<string, string>;\n}\n\ninterface ApiContextType extends InheritFromContext {\n  mediaAdapters: Record<string, MediaAdapter>;\n  codeUsages: CodeUsageGeneratorRegistry;\n}\n\nconst ApiContext = createContext<ApiContextType | null>(null);\nconst ServerContext = createContext<ServerContextType | null>(null);\n\nexport function useApiContext(): ApiContextType {\n  const ctx = use(ApiContext);\n  if (!ctx) throw new Error('Component must be used under <ApiProvider />');\n\n  return ctx;\n}\n\nexport function useServerContext() {\n  const ctx = use(ServerContext);\n  if (!ctx) throw new Error('Component must be used under <ApiProvider />');\n\n  return ctx;\n}\n\nexport function ApiProvider({\n  children,\n  shikiOptions,\n  client,\n}: ApiProviderProps & { children: ReactNode }) {\n  return (\n    <ApiContext\n      value={useMemo(() => {\n        let codeUsages: CodeUsageGeneratorRegistry;\n        if (client.codeUsages) {\n          codeUsages = createCodeUsageGeneratorRegistry(client.codeUsages);\n        } else {\n          codeUsages = createCodeUsageGeneratorRegistry();\n          registerDefault(codeUsages);\n        }\n\n        return {\n          shikiOptions,\n          client,\n          codeUsages,\n          mediaAdapters: {\n            ...defaultAdapters,\n            ...client.mediaAdapters,\n          },\n        };\n      }, [client, shikiOptions])}\n    >\n      {children}\n    </ApiContext>\n  );\n}\n\nexport function ServerProvider({\n  servers,\n  children,\n}: {\n  servers?: ServerObject[];\n  children: ReactNode;\n}) {\n  const storageKey = useStorageKey().of('server-url');\n  const [server, setServer] = useState<SelectedServer | null>(() => {\n    if (!servers || servers.length === 0) return null;\n    const defaultItem = servers[0];\n\n    return {\n      name: defaultItem.name,\n      url: defaultItem.url!,\n      variables: getDefaultValues(defaultItem),\n    };\n  });\n\n  useEffect(() => {\n    const cached = localStorage.getItem(storageKey);\n    if (!cached) return;\n\n    try {\n      const obj: unknown = JSON.parse(cached);\n      if (\n        typeof obj === 'object' &&\n        obj !== null &&\n        'url' in obj &&\n        typeof obj.url === 'string' &&\n        'variables' in obj &&\n        typeof obj.variables === 'object' &&\n        obj.variables !== null\n      ) {\n        setServer(obj as SelectedServer);\n      }\n    } catch {\n      // ignore\n    }\n  }, [storageKey]);\n\n  return (\n    <ServerContext\n      value={useMemo(\n        () => ({\n          servers,\n          server,\n          setServerVariables(variables) {\n            setServer((prev) => {\n              if (!prev) return null;\n\n              const updated = { ...prev, variables };\n              localStorage.setItem(storageKey, JSON.stringify(updated));\n              return updated;\n            });\n          },\n          setServer(value) {\n            const obj = servers?.find((item) => item.url === value);\n            if (!obj) return;\n\n            const result: SelectedServer = {\n              name: obj.name,\n              url: value,\n              variables: getDefaultValues(obj),\n            };\n\n            localStorage.setItem(storageKey, JSON.stringify(result));\n            setServer(result);\n          },\n        }),\n        [server, servers, storageKey],\n      )}\n    >\n      {children}\n    </ServerContext>\n  );\n}\n\nfunction getDefaultValues(server: ServerObject): Record<string, string> {\n  const out: Record<string, string> = {};\n  if (!server.variables) return out;\n\n  for (const [k, v] of Object.entries(server.variables)) {\n    if (v.default !== undefined) out[k] = String(v.default);\n  }\n\n  return out;\n}\n"],"mappings":";;;;;;;;AAoCA,MAAM,aAAa,cAAqC,KAAK;AAC7D,MAAM,gBAAgB,cAAwC,KAAK;AAEnE,SAAgB,gBAAgC;CAC9C,MAAM,MAAM,IAAI,WAAW;AAC3B,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,+CAA+C;AAEzE,QAAO;;AAGT,SAAgB,mBAAmB;CACjC,MAAM,MAAM,IAAI,cAAc;AAC9B,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,+CAA+C;AAEzE,QAAO;;AAGT,SAAgB,YAAY,EAC1B,UACA,cACA,UAC6C;AAC7C,QACE,oBAAC,YAAD;EACE,OAAO,cAAc;GACnB,IAAI;AACJ,OAAI,OAAO,WACT,cAAa,iCAAiC,OAAO,WAAW;QAC3D;AACL,iBAAa,kCAAkC;AAC/C,oBAAgB,WAAW;;AAG7B,UAAO;IACL;IACA;IACA;IACA,eAAe;KACb,GAAG;KACH,GAAG,OAAO;KACX;IACF;KACA,CAAC,QAAQ,aAAa,CAAC;EAEzB;EACU,CAAA;;AAIjB,SAAgB,eAAe,EAC7B,SACA,YAIC;CACD,MAAM,aAAa,eAAe,CAAC,GAAG,aAAa;CACnD,MAAM,CAAC,QAAQ,aAAa,eAAsC;AAChE,MAAI,CAAC,WAAW,QAAQ,WAAW,EAAG,QAAO;EAC7C,MAAM,cAAc,QAAQ;AAE5B,SAAO;GACL,MAAM,YAAY;GAClB,KAAK,YAAY;GACjB,WAAW,iBAAiB,YAAY;GACzC;GACD;AAEF,iBAAgB;EACd,MAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,MAAI,CAAC,OAAQ;AAEb,MAAI;GACF,MAAM,MAAe,KAAK,MAAM,OAAO;AACvC,OACE,OAAO,QAAQ,YACf,QAAQ,QACR,SAAS,OACT,OAAO,IAAI,QAAQ,YACnB,eAAe,OACf,OAAO,IAAI,cAAc,YACzB,IAAI,cAAc,KAElB,WAAU,IAAsB;UAE5B;IAGP,CAAC,WAAW,CAAC;AAEhB,QACE,oBAAC,eAAD;EACE,OAAO,eACE;GACL;GACA;GACA,mBAAmB,WAAW;AAC5B,eAAW,SAAS;AAClB,SAAI,CAAC,KAAM,QAAO;KAElB,MAAM,UAAU;MAAE,GAAG;MAAM;MAAW;AACtC,kBAAa,QAAQ,YAAY,KAAK,UAAU,QAAQ,CAAC;AACzD,YAAO;MACP;;GAEJ,UAAU,OAAO;IACf,MAAM,MAAM,SAAS,MAAM,SAAS,KAAK,QAAQ,MAAM;AACvD,QAAI,CAAC,IAAK;IAEV,MAAM,SAAyB;KAC7B,MAAM,IAAI;KACV,KAAK;KACL,WAAW,iBAAiB,IAAI;KACjC;AAED,iBAAa,QAAQ,YAAY,KAAK,UAAU,OAAO,CAAC;AACxD,cAAU,OAAO;;GAEpB,GACD;GAAC;GAAQ;GAAS;GAAW,CAC9B;EAEA;EACa,CAAA;;AAIpB,SAAS,iBAAiB,QAA8C;CACtE,MAAM,MAA8B,EAAE;AACtC,KAAI,CAAC,OAAO,UAAW,QAAO;AAE9B,MAAK,MAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,OAAO,UAAU,CACnD,KAAI,EAAE,YAAY,KAAA,EAAW,KAAI,KAAK,OAAO,EAAE,QAAQ;AAGzD,QAAO"}

package/dist/ui/create-client.d.ts

@@ -0,0 +1,26 @@
+import { ApiPageProps } from "./api-page.js";
+import { CreateAPIPageOptions } from "./base.js";
+import { Document } from "../types.js";
+import { FC } from "react";
+
+//#region src/ui/create-client.d.ts
+interface ClientApiPageProps extends Omit<ApiPageProps, 'document'> {
+  payload: ClientApiPagePayload;
+}
+interface ClientApiPagePayload {
+  bundled: Document;
+  proxyUrl?: string;
+}
+type CreateClientAPIPageOptions = Omit<Partial<CreateAPIPageOptions>, 'generateTypeScriptSchema'>;
+/**
+ * Create `<APIPage />` for non-RSC environment, note that this may be unstable, and doesn't support the full set of features.
+ */
+declare function createClientAPIPage({
+  shiki,
+  shikiOptions,
+  generateTypeScriptDefinitions,
+  ...options
+}?: CreateClientAPIPageOptions): FC<ClientApiPageProps>;
+//#endregion
+export { ClientApiPagePayload, ClientApiPageProps, CreateClientAPIPageOptions, createClientAPIPage };
+//# sourceMappingURL=create-client.d.ts.map

package/dist/ui/create-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-client.d.ts","names":[],"sources":["../../src/ui/create-client.tsx"],"mappings":";;;;;;UA6BiB,kBAAA,SAA2B,IAAA,CAAK,YAAA;EAC/C,OAAA,EAAS,oBAAA;AAAA;AAAA,UAGM,oBAAA;EACf,OAAA,EAAS,QAAA;EACT,QAAA;AAAA;AAAA,KAGU,0BAAA,GAA6B,IAAA,CACvC,OAAA,CAAQ,oBAAA;;;;iBAOM,mBAAA,CAAA;EACd,KAAA;EACA,YAAA;EACA,6BAAA;EAAA,GAcG;AAAA,IACF,0BAAA,GAAkC,EAAA,CAAG,kBAAA"}

package/dist/ui/create-client.js

@@ -0,0 +1,132 @@
+import { defaultAdapters } from "../requests/media/adapter.js";
+import { ClientCodeBlock, ClientCodeBlockProvider } from "./components/codeblock.js";
+import { dereferenceSync } from "../utils/schema/dereference.js";
+import { APIPage } from "./api-page.js";
+import { slug } from "github-slugger";
+import { Children, useMemo } from "react";
+import * as JsxRuntime from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Heading } from "fumadocs-ui/components/heading";
+import { remarkGfm } from "fumadocs-core/mdx-plugins/remark-gfm";
+import defaultMdxComponents from "fumadocs-ui/mdx";
+import { remark } from "remark";
+import remarkRehype from "remark-rehype";
+import { toJsxRuntime } from "hast-util-to-jsx-runtime";
+import { compile } from "@fumari/json-schema-ts";
+import { defaultShikiFactory } from "fumadocs-core/highlight/shiki/full";
+//#region src/ui/create-client.tsx
+/**
+* Create `<APIPage />` for non-RSC environment, note that this may be unstable, and doesn't support the full set of features.
+*/
+function createClientAPIPage({ shiki = defaultShikiFactory, shikiOptions = { themes: {
+	light: "github-light",
+	dark: "github-dark"
+} }, generateTypeScriptDefinitions = (schema, ctx) => {
+	if (typeof schema !== "object") return;
+	try {
+		return compile(schema, {
+			name: "Response",
+			readOnly: ctx.readOnly,
+			writeOnly: ctx.writeOnly,
+			getSchemaId: ctx.schema.getRawRef
+		});
+	} catch (e) {
+		console.warn("Failed to generate typescript schema:", e);
+	}
+}, ...options } = {}) {
+	let processor;
+	const mdxComponents = {
+		...defaultMdxComponents,
+		img: void 0,
+		pre: MarkdownPre
+	};
+	function createMarkdownProcessor() {
+		function rehypeReact() {
+			this.compiler = (tree, file) => {
+				return toJsxRuntime(tree, {
+					development: false,
+					filePath: file.path,
+					...JsxRuntime,
+					components: mdxComponents
+				});
+			};
+		}
+		return remark().use(remarkGfm).use(remarkRehype).use(rehypeReact);
+	}
+	return function ClientAPIPage({ payload, ...props }) {
+		const processed = useMemo(() => {
+			const dereferenceMap = /* @__PURE__ */ new Map();
+			return {
+				bundled: payload.bundled,
+				dereferenced: dereferenceSync(payload.bundled, (schema, ref) => {
+					dereferenceMap.set(schema, ref);
+				}),
+				getRawRef(obj) {
+					return dereferenceMap.get(obj);
+				}
+			};
+		}, [payload.bundled]);
+		const ctx = useMemo(() => ({
+			schema: processed,
+			proxyUrl: payload.proxyUrl,
+			shiki,
+			shikiOptions,
+			generateTypeScriptDefinitions,
+			...options,
+			mediaAdapters: {
+				...defaultAdapters,
+				...options.mediaAdapters
+			},
+			renderHeading(depth, text, props) {
+				const id = typeof text === "string" ? slug(text) : props?.id;
+				if (!id) throw new Error("missing 'id' for non-string children");
+				if (options.renderHeading) return options.renderHeading({
+					id,
+					children: text,
+					...props
+				}, depth);
+				return /* @__PURE__ */ jsx(Heading, {
+					id,
+					as: `h${depth}`,
+					...props,
+					children: text
+				}, id);
+			},
+			renderMarkdown(text) {
+				if (options.renderMarkdown) return options.renderMarkdown(text);
+				processor ??= createMarkdownProcessor();
+				return processor.processSync({ value: text }).result;
+			},
+			renderCodeBlock(lang, code) {
+				if (options.renderCodeBlock) return options.renderCodeBlock({
+					lang,
+					code
+				});
+				return /* @__PURE__ */ jsx(ClientCodeBlock, {
+					lang,
+					code
+				});
+			}
+		}), [payload.proxyUrl, processed]);
+		return /* @__PURE__ */ jsx(ClientCodeBlockProvider, {
+			factory: shiki,
+			children: /* @__PURE__ */ jsx(APIPage, {
+				...props,
+				ctx
+			})
+		});
+	};
+}
+function MarkdownPre(props) {
+	const codeProps = Children.only(props.children).props;
+	const content = codeProps.children;
+	if (typeof content !== "string") return null;
+	return /* @__PURE__ */ jsx(ClientCodeBlock, {
+		lang: codeProps.className?.split(" ").find((v) => v.startsWith("language-"))?.slice(9) ?? "text",
+		code: content.trimEnd()
+	});
+}
+//#endregion
+export { createClientAPIPage };
+
+//# sourceMappingURL=create-client.js.map

package/dist/ui/create-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-client.js","names":[],"sources":["../../src/ui/create-client.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- rehype-react without types */\nimport type { Document, RenderContext } from '@/types';\nimport type { NoReference } from '@/utils/schema';\nimport type { ProcessedDocument } from '@/utils/process-document';\nimport { defaultAdapters } from '@/requests/media/adapter';\nimport {\n  Children,\n  type ComponentProps,\n  type ReactElement,\n  useMemo,\n  type FC,\n  type ReactNode,\n} from 'react';\nimport { Heading } from 'fumadocs-ui/components/heading';\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 { APIPage, type ApiPageProps } from './api-page';\nimport type { CreateAPIPageOptions } from './base';\nimport { defaultShikiFactory } from 'fumadocs-core/highlight/shiki/full';\nimport { compile } from '@fumari/json-schema-ts';\nimport { ClientCodeBlock, ClientCodeBlockProvider } from './components/codeblock';\nimport { dereferenceSync } from '@/utils/schema/dereference';\nimport type { JSONSchema } from 'json-schema-typed/draft-2020-12';\nimport { slug } from 'github-slugger';\n\nexport interface ClientApiPageProps extends Omit<ApiPageProps, 'document'> {\n  payload: ClientApiPagePayload;\n}\n\nexport interface ClientApiPagePayload {\n  bundled: Document;\n  proxyUrl?: string;\n}\n\nexport type CreateClientAPIPageOptions = Omit<\n  Partial<CreateAPIPageOptions>,\n  'generateTypeScriptSchema'\n>;\n\n/**\n * Create `<APIPage />` for non-RSC environment, note that this may be unstable, and doesn't support the full set of features.\n */\nexport function createClientAPIPage({\n  shiki = defaultShikiFactory,\n  shikiOptions = { themes: { light: 'github-light', dark: 'github-dark' } },\n  generateTypeScriptDefinitions = (schema, ctx) => {\n    if (typeof schema !== 'object') return;\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}: CreateClientAPIPageOptions = {}): FC<ClientApiPageProps> {\n  let processor: ReturnType<typeof createMarkdownProcessor>;\n  const mdxComponents = {\n    ...defaultMdxComponents,\n    img: undefined,\n    pre: MarkdownPre,\n  };\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: mdxComponents,\n        });\n      };\n    }\n\n    return remark().use(remarkGfm).use(remarkRehype).use(rehypeReact);\n  }\n\n  return function ClientAPIPage({ payload, ...props }) {\n    const processed = useMemo<ProcessedDocument>(() => {\n      const dereferenceMap = new Map<object, string>();\n\n      return {\n        bundled: payload.bundled,\n        dereferenced: dereferenceSync(payload.bundled as JSONSchema, (schema, ref) => {\n          dereferenceMap.set(schema as object, ref);\n        }) as NoReference<Document>,\n        getRawRef(obj) {\n          return dereferenceMap.get(obj);\n        },\n      };\n    }, [payload.bundled]);\n\n    const ctx: RenderContext = useMemo(\n      () => ({\n        schema: processed,\n        proxyUrl: payload.proxyUrl,\n        shiki,\n        shikiOptions,\n        generateTypeScriptDefinitions,\n        ...options,\n        mediaAdapters: {\n          ...defaultAdapters,\n          ...options.mediaAdapters,\n        },\n        renderHeading(depth, text, props) {\n          const id = typeof text === 'string' ? 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        renderMarkdown(text) {\n          if (options.renderMarkdown) return options.renderMarkdown(text);\n          processor ??= createMarkdownProcessor();\n\n          return processor.processSync({\n            value: text,\n          }).result as ReactNode;\n        },\n        renderCodeBlock(lang, code) {\n          if (options.renderCodeBlock) {\n            return options.renderCodeBlock({ lang, code });\n          }\n\n          return <ClientCodeBlock lang={lang} code={code} />;\n        },\n      }),\n      [payload.proxyUrl, processed],\n    );\n\n    return (\n      <ClientCodeBlockProvider factory={shiki}>\n        <APIPage {...props} ctx={ctx} />\n      </ClientCodeBlockProvider>\n    );\n  };\n}\n\nfunction MarkdownPre(props: ComponentProps<'pre'>) {\n  const code = Children.only(props.children) as ReactElement;\n  const codeProps = code.props as ComponentProps<'code'>;\n  const content = codeProps.children;\n  if (typeof content !== 'string') return null;\n\n  const lang =\n    codeProps.className\n      ?.split(' ')\n      .find((v) => v.startsWith('language-'))\n      ?.slice('language-'.length) ?? 'text';\n\n  return <ClientCodeBlock lang={lang} code={content.trimEnd()} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,oBAAoB,EAClC,QAAQ,qBACR,eAAe,EAAE,QAAQ;CAAE,OAAO;CAAgB,MAAM;CAAe,EAAE,EACzE,iCAAiC,QAAQ,QAAQ;AAC/C,KAAI,OAAO,WAAW,SAAU;AAEhC,KAAI;AACF,SAAO,QAAQ,QAAQ;GACrB,MAAM;GACN,UAAU,IAAI;GACd,WAAW,IAAI;GACf,aAAa,IAAI,OAAO;GACzB,CAAC;UACK,GAAG;AACV,UAAQ,KAAK,yCAAyC,EAAE;;GAG5D,GAAG,YAC2B,EAAE,EAA0B;CAC1D,IAAI;CACJ,MAAM,gBAAgB;EACpB,GAAG;EACH,KAAK,KAAA;EACL,KAAK;EACN;CAED,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,CAAC,IAAI,UAAU,CAAC,IAAI,aAAa,CAAC,IAAI,YAAY;;AAGnE,QAAO,SAAS,cAAc,EAAE,SAAS,GAAG,SAAS;EACnD,MAAM,YAAY,cAAiC;GACjD,MAAM,iCAAiB,IAAI,KAAqB;AAEhD,UAAO;IACL,SAAS,QAAQ;IACjB,cAAc,gBAAgB,QAAQ,UAAwB,QAAQ,QAAQ;AAC5E,oBAAe,IAAI,QAAkB,IAAI;MACzC;IACF,UAAU,KAAK;AACb,YAAO,eAAe,IAAI,IAAI;;IAEjC;KACA,CAAC,QAAQ,QAAQ,CAAC;EAErB,MAAM,MAAqB,eAClB;GACL,QAAQ;GACR,UAAU,QAAQ;GAClB;GACA;GACA;GACA,GAAG;GACH,eAAe;IACb,GAAG;IACH,GAAG,QAAQ;IACZ;GACD,cAAc,OAAO,MAAM,OAAO;IAChC,MAAM,KAAK,OAAO,SAAS,WAAW,KAAK,KAAK,GAAG,OAAO;AAC1D,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,eAAe,MAAM;AACnB,QAAI,QAAQ,eAAgB,QAAO,QAAQ,eAAe,KAAK;AAC/D,kBAAc,yBAAyB;AAEvC,WAAO,UAAU,YAAY,EAC3B,OAAO,MACR,CAAC,CAAC;;GAEL,gBAAgB,MAAM,MAAM;AAC1B,QAAI,QAAQ,gBACV,QAAO,QAAQ,gBAAgB;KAAE;KAAM;KAAM,CAAC;AAGhD,WAAO,oBAAC,iBAAD;KAAuB;KAAY;KAAQ,CAAA;;GAErD,GACD,CAAC,QAAQ,UAAU,UAAU,CAC9B;AAED,SACE,oBAAC,yBAAD;GAAyB,SAAS;aAChC,oBAAC,SAAD;IAAS,GAAI;IAAY;IAAO,CAAA;GACR,CAAA;;;AAKhC,SAAS,YAAY,OAA8B;CAEjD,MAAM,YADO,SAAS,KAAK,MAAM,SAAS,CACnB;CACvB,MAAM,UAAU,UAAU;AAC1B,KAAI,OAAO,YAAY,SAAU,QAAO;AAQxC,QAAO,oBAAC,iBAAD;EAAiB,MALtB,UAAU,WACN,MAAM,IAAI,CACX,MAAM,MAAM,EAAE,WAAW,YAAY,CAAC,EACrC,MAAM,EAAmB,IAAI;EAEC,MAAM,QAAQ,SAAS;EAAI,CAAA"}

package/dist/ui/index.d.ts

@@ -1,3 +1,11 @@
+import { OpenAPIServer } from "../server/create.js";
 import { ApiPageProps, OperationItem, WebhookItem } from "./api-page.js";
-import { CreateAPIPageOptions, createAPIPage } from "./full.js";
-export { type ApiPageProps, CreateAPIPageOptions, type OperationItem, type WebhookItem, createAPIPage };
+import { CreateAPIPageOptions as CreateAPIPageOptions$1, ServerApiPageProps } from "./base.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/index.d.ts
+type CreateAPIPageOptions = Partial<CreateAPIPageOptions$1>;
+declare function createAPIPage(server: OpenAPIServer, options?: CreateAPIPageOptions): (props: ServerApiPageProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { type ApiPageProps, CreateAPIPageOptions, type OperationItem, type WebhookItem, createAPIPage };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ui/index.tsx"],"mappings":";;;;;;KAKY,oBAAA,GAAuB,OAAA,CAAQ,sBAAA;AAAA,iBAE3B,aAAA,CAAc,MAAA,EAAQ,aAAA,EAAe,OAAA,GAAS,oBAAA,IAOhC,KAAA,EAAO,kBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/index.js

@@ -1,2 +1,22 @@
-import { createAPIPage } from "./full.js";
+import { createAPIPage as createAPIPage$1 } from "./base.js";
+import { FullProvider } from "./client/full.js";
+import { jsx } from "react/jsx-runtime";
+import { defaultShikiFactory } from "fumadocs-core/highlight/shiki/full";
+//#region src/ui/index.tsx
+function createAPIPage(server, options = {}) {
+	const APIPage = createAPIPage$1(server, {
+		shiki: defaultShikiFactory,
+		shikiOptions: { themes: {
+			light: "github-light",
+			dark: "github-dark"
+		} },
+		...options
+	});
+	return function APIPageFull(props) {
+		return /* @__PURE__ */ jsx(FullProvider, { children: /* @__PURE__ */ jsx(APIPage, { ...props }) });
+	};
+}
+//#endregion
 export { createAPIPage };
+
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["base.createAPIPage"],"sources":["../../src/ui/index.tsx"],"sourcesContent":["import type { OpenAPIServer } from '@/server';\nimport * as base from './base';\nimport { defaultShikiFactory } from 'fumadocs-core/highlight/shiki/full';\nimport { FullProvider } from './client/full';\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    ...options,\n  });\n\n  return function APIPageFull(props: base.ServerApiPageProps) {\n    return (\n      <FullProvider>\n        <APIPage {...props} />\n      </FullProvider>\n    );\n  };\n}\n\nexport type { ApiPageProps, OperationItem, WebhookItem } from './api-page';\n"],"mappings":";;;;;AAOA,SAAgB,cAAc,QAAuB,UAAgC,EAAE,EAAE;CACvF,MAAM,UAAUA,gBAAmB,QAAQ;EACzC,OAAO;EACP,cAAc,EAAE,QAAQ;GAAE,OAAO;GAAgB,MAAM;GAAe,EAAE;EACxE,GAAG;EACJ,CAAC;AAEF,QAAO,SAAS,YAAY,OAAgC;AAC1D,SACE,oBAAC,cAAD,EAAA,UACE,oBAAC,SAAD,EAAS,GAAI,OAAS,CAAA,EACT,CAAA"}