fumadocs-openapi 10.3.12 → 10.3.13

package/dist/requests/generators/java.js

@@ -1,57 +1,59 @@
-'use client';
-
 import { ident } from "../string-utils.js";
 import { resolveMediaAdapter } from "../media/resolve-adapter.js";
 import "../media/adapter.js";
 
 //#region src/requests/generators/java.ts
-const generator = (url, data, { mediaAdapters }) => {
-	const s = [];
-	const headers = { ...data.header };
-	const imports = new Set([
-		"java.net.URI",
-		"java.net.http.HttpClient",
-		"java.net.http.HttpRequest",
-		"java.net.http.HttpResponse",
-		"java.net.http.HttpResponse.BodyHandlers",
-		"java.time.Duration"
-	]);
-	let body;
-	if (data.body && data.bodyMediaType) body = resolveMediaAdapter(data.bodyMediaType, mediaAdapters)?.generateExample(data, {
-		lang: "java",
-		addImport(specifier) {
-			imports.add(specifier);
+const java = {
+	label: "Java",
+	lang: "java",
+	generate(url, data, { mediaAdapters }) {
+		const s = [];
+		const headers = { ...data.header };
+		const imports = new Set([
+			"java.net.URI",
+			"java.net.http.HttpClient",
+			"java.net.http.HttpRequest",
+			"java.net.http.HttpResponse",
+			"java.net.http.HttpResponse.BodyHandlers",
+			"java.time.Duration"
+		]);
+		let body;
+		if (data.body && data.bodyMediaType) body = resolveMediaAdapter(data.bodyMediaType, mediaAdapters)?.generateExample(data, {
+			lang: "java",
+			addImport(specifier) {
+				imports.add(specifier);
+			}
+		});
+		for (const value of imports.values()) s.push(`import ${value};`);
+		s.push("");
+		if (body) s.push(body);
+		s.push("HttpClient client = HttpClient.newBuilder()");
+		s.push(ident(".connectTimeout(Duration.ofSeconds(10))"));
+		s.push(ident(".build();"));
+		s.push("");
+		s.push("HttpRequest.Builder requestBuilder = HttpRequest.newBuilder()");
+		s.push(ident(`.uri(URI.create(${JSON.stringify(url)}))`));
+		for (const [key, param] of Object.entries(headers)) s.push(ident(`.header(${JSON.stringify(key)}, ${JSON.stringify(param.value)})`));
+		if (data.bodyMediaType) s.push(ident(`.header("Content-Type", "${data.bodyMediaType}")`));
+		const cookies = Object.entries(data.cookie);
+		if (cookies.length > 0) {
+			const cookieString = cookies.map(([key, param]) => `${key}=${param.value}`).join("; ");
+			s.push(ident(`.header("Cookie", ${JSON.stringify(cookieString)})`));
 		}
-	});
-	for (const value of imports.values()) s.push(`import ${value};`);
-	s.push("");
-	if (body) s.push(body);
-	s.push("HttpClient client = HttpClient.newBuilder()");
-	s.push(ident(".connectTimeout(Duration.ofSeconds(10))"));
-	s.push(ident(".build();"));
-	s.push("");
-	s.push("HttpRequest.Builder requestBuilder = HttpRequest.newBuilder()");
-	s.push(ident(`.uri(URI.create(${JSON.stringify(url)}))`));
-	for (const [key, param] of Object.entries(headers)) s.push(ident(`.header(${JSON.stringify(key)}, ${JSON.stringify(param.value)})`));
-	if (data.bodyMediaType) s.push(ident(`.header("Content-Type", "${data.bodyMediaType}")`));
-	const cookies = Object.entries(data.cookie);
-	if (cookies.length > 0) {
-		const cookieString = cookies.map(([key, param]) => `${key}=${param.value}`).join("; ");
-		s.push(ident(`.header("Cookie", ${JSON.stringify(cookieString)})`));
+		const arg = body ? "body" : "";
+		s.push(ident(`.${data.method.toUpperCase()}(${arg})`));
+		s.push(ident(".build();"));
+		s.push("");
+		s.push("try {");
+		s.push(ident("HttpResponse<String> response = client.send(requestBuilder.build(), BodyHandlers.ofString());"));
+		s.push(ident("System.out.println(\"Status code: \" + response.statusCode());"));
+		s.push(ident("System.out.println(\"Response body: \" + response.body());"));
+		s.push("} catch (Exception e) {");
+		s.push(ident("e.printStackTrace();"));
+		s.push("}");
+		return s.join("\n");
 	}
-	const arg = body ? "body" : "";
-	s.push(ident(`.${data.method.toUpperCase()}(${arg})`));
-	s.push(ident(".build();"));
-	s.push("");
-	s.push("try {");
-	s.push(ident("HttpResponse<String> response = client.send(requestBuilder.build(), BodyHandlers.ofString());"));
-	s.push(ident("System.out.println(\"Status code: \" + response.statusCode());"));
-	s.push(ident("System.out.println(\"Response body: \" + response.body());"));
-	s.push("} catch (Exception e) {");
-	s.push(ident("e.printStackTrace();"));
-	s.push("}");
-	return s.join("\n");
 };
 
 //#endregion
-export { generator };
+export { java };

package/dist/requests/generators/javascript.d.ts

@@ -0,0 +1,6 @@
+import { CodeUsageGenerator } from "./index.js";
+
+//#region src/requests/generators/javascript.d.ts
+declare const javascript: CodeUsageGenerator;
+//#endregion
+export { javascript };

package/dist/requests/generators/javascript.js

@@ -1,39 +1,41 @@
-'use client';
-
 import { ident } from "../string-utils.js";
 import { resolveMediaAdapter } from "../media/resolve-adapter.js";
 import "../media/adapter.js";
 
 //#region src/requests/generators/javascript.ts
-const generator = (url, data, { mediaAdapters }) => {
-	const s = [];
-	const options = /* @__PURE__ */ new Map();
-	const headers = {};
-	options.set("method", JSON.stringify(data.method));
-	if (data.bodyMediaType) headers["Content-Type"] = data.bodyMediaType;
-	for (const [k, v] of Object.entries(data.header)) headers[k] = v.value;
-	const cookies = Object.entries(data.cookie);
-	if (cookies.length > 0) headers["cookie"] = cookies.map(([key, param]) => `${key}=${param.value}`).join("; ");
-	if (Object.keys(headers).length > 0) options.set("headers", JSON.stringify(headers, null, 2));
-	let body;
-	if (data.body && data.bodyMediaType) body = resolveMediaAdapter(data.bodyMediaType, mediaAdapters)?.generateExample(data, {
-		lang: "js",
-		addImport(from, name) {
-			s.unshift(`import { ${name} } from "${from}"`);
+const javascript = {
+	label: "JavaScript",
+	lang: "js",
+	generate(url, data, { mediaAdapters }) {
+		const s = [];
+		const options = /* @__PURE__ */ new Map();
+		const headers = {};
+		options.set("method", JSON.stringify(data.method));
+		if (data.bodyMediaType) headers["Content-Type"] = data.bodyMediaType;
+		for (const [k, v] of Object.entries(data.header)) headers[k] = v.value;
+		const cookies = Object.entries(data.cookie);
+		if (cookies.length > 0) headers["cookie"] = cookies.map(([key, param]) => `${key}=${param.value}`).join("; ");
+		if (Object.keys(headers).length > 0) options.set("headers", JSON.stringify(headers, null, 2));
+		let body;
+		if (data.body && data.bodyMediaType) body = resolveMediaAdapter(data.bodyMediaType, mediaAdapters)?.generateExample(data, {
+			lang: "js",
+			addImport(from, name) {
+				s.unshift(`import { ${name} } from "${from}"`);
+			}
+		});
+		if (body) {
+			s.push(body);
+			options.set("body", "body");
 		}
-	});
-	if (body) {
-		s.push(body);
-		options.set("body", "body");
-	}
-	const params = [JSON.stringify(url)];
-	if (options.size > 0) {
-		const str = Array.from(options.entries()).map(([k, v]) => ident(k === v ? k : `${k}: ${v}`)).join(",\n");
-		params.push(`{\n${str}\n}`);
+		const params = [JSON.stringify(url)];
+		if (options.size > 0) {
+			const str = Array.from(options.entries()).map(([k, v]) => ident(k === v ? k : `${k}: ${v}`)).join(",\n");
+			params.push(`{\n${str}\n}`);
+		}
+		s.push(`fetch(${params.join(", ")})`);
+		return s.join("\n\n");
 	}
-	s.push(`fetch(${params.join(", ")})`);
-	return s.join("\n\n");
 };
 
 //#endregion
-export { generator };
+export { javascript };

package/dist/requests/generators/python.d.ts

@@ -0,0 +1,6 @@
+import { CodeUsageGenerator } from "./index.js";
+
+//#region src/requests/generators/python.d.ts
+declare const python: CodeUsageGenerator;
+//#endregion
+export { python };

package/dist/requests/generators/python.js

@@ -1,38 +1,40 @@
-'use client';
-
 import { resolveMediaAdapter } from "../media/resolve-adapter.js";
 import "../media/adapter.js";
 import { generatePythonObject } from "../to-python-object.js";
 
 //#region src/requests/generators/python.ts
-const generator = (url, data, { mediaAdapters }) => {
-	const headers = {};
-	const imports = /* @__PURE__ */ new Set();
-	const params = [`"${data.method}"`, "url"];
-	let body;
-	imports.add("requests");
-	if (data.body && data.bodyMediaType) {
-		const adapter = resolveMediaAdapter(data.bodyMediaType, mediaAdapters);
-		headers["Content-Type"] = data.bodyMediaType;
-		body = adapter?.generateExample(data, { lang: "python" });
-		if (body) params.push("data = body");
-	}
-	for (const [k, v] of Object.entries(data.header)) headers[k] = v.value;
-	if (Object.keys(headers).length > 0) params.push(`headers = ${generatePythonObject(headers, imports)}`);
-	const inputCookies = Object.entries(data.cookie);
-	if (inputCookies.length > 0) {
-		const cookies = {};
-		for (const [k, v] of inputCookies) cookies[k] = v.value;
-		params.push(`cookies = ${generatePythonObject(cookies, imports)}`);
-	}
-	return `${Array.from(imports).map((name) => "import " + name).join("\n")}
+const python = {
+	label: "Python",
+	lang: "python",
+	generate(url, data, { mediaAdapters }) {
+		const headers = {};
+		const imports = /* @__PURE__ */ new Set();
+		const params = [`"${data.method}"`, "url"];
+		let body;
+		imports.add("requests");
+		if (data.body && data.bodyMediaType) {
+			const adapter = resolveMediaAdapter(data.bodyMediaType, mediaAdapters);
+			headers["Content-Type"] = data.bodyMediaType;
+			body = adapter?.generateExample(data, { lang: "python" });
+			if (body) params.push("data = body");
+		}
+		for (const [k, v] of Object.entries(data.header)) headers[k] = v.value;
+		if (Object.keys(headers).length > 0) params.push(`headers = ${generatePythonObject(headers, imports)}`);
+		const inputCookies = Object.entries(data.cookie);
+		if (inputCookies.length > 0) {
+			const cookies = {};
+			for (const [k, v] of inputCookies) cookies[k] = v.value;
+			params.push(`cookies = ${generatePythonObject(cookies, imports)}`);
+		}
+		return `${Array.from(imports).map((name) => "import " + name).join("\n")}
 
 url = ${JSON.stringify(url)}
 ${body ?? ""}
 response = requests.request(${params.join(", ")})
 
 print(response.text)`;
+	}
 };
 
 //#endregion
-export { generator };
+export { python };

package/dist/requests/types.d.ts

@@ -1,11 +1,6 @@
-import { MediaAdapter } from "./media/adapter.js";
 import { EncodedParameter, EncodedParameterMultiple } from "./media/encode.js";
 
 //#region src/requests/types.d.ts
-type SampleGenerator<ServerContext = unknown> = (url: string, data: RequestData, context: {
-  mediaAdapters: Record<string, MediaAdapter>;
-  server: ServerContext;
-}) => string;
 interface RawRequestData {
   method: string;
   path: Record<string, unknown>;
@@ -25,4 +20,4 @@ interface RequestData {
   bodyMediaType?: string;
 }
 //#endregion
-export { RawRequestData, RequestData, SampleGenerator };
+export { RawRequestData, RequestData };

package/dist/server/create.d.ts

@@ -1,5 +1,5 @@
 import { createProxy } from "./proxy.js";
-import { CodeUsageGenerator } from "../ui/operation/usage-tabs/index.js";
+import { InlineCodeUsageGenerator } from "../requests/generators/index.js";
 import { Document } from "../types.js";
 import { ProcessedDocument } from "../utils/process-document.js";
 
@@ -30,6 +30,9 @@ interface OpenAPIServer {
   readonly options: OpenAPIOptions;
 }
 declare function createOpenAPI(options?: OpenAPIOptions): OpenAPIServer;
-declare function createCodeSample<T>(options: Partial<CodeUsageGenerator<T>>): CodeUsageGenerator;
+/**
+ * @deprecated
+ */
+declare function createCodeSample<T>(options: InlineCodeUsageGenerator<T>): InlineCodeUsageGenerator<T>;
 //#endregion
 export { OpenAPIOptions, OpenAPIServer, createCodeSample, createOpenAPI };

package/dist/server/create.js

@@ -30,13 +30,11 @@ function createOpenAPI(options = {}) {
 		}
 	};
 }
+/**
+* @deprecated
+*/
 function createCodeSample(options) {
-	const { lang = "unknown", id = lang, ...rest } = options;
-	return {
-		id,
-		lang,
-		...rest
-	};
+	return options;
 }
 
 //#endregion

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import { OpenAPIV3, OpenAPIV3_2 } from "./_openapi/types.js";
 import { NoReference } from "./utils/schema.js";
 import { MediaAdapter } from "./requests/media/adapter.js";
-import { CodeUsageGenerator } from "./ui/operation/usage-tabs/index.js";
+import { InlineCodeUsageGenerator } from "./requests/generators/index.js";
 import { OpenAPIOptions } from "./server/create.js";
 import "./server/index.js";
 import { CreateAPIPageOptions } from "./ui/base.js";
@@ -28,11 +28,12 @@ type MediaTypeObject = OpenAPIV3_2.MediaTypeObject;
 type RequestBodyObject = OpenAPIV3_2.RequestBodyObject;
 type MethodInformation = NoReference<OperationObject> & {
   method: string;
-  'x-codeSamples'?: Omit<CodeUsageGenerator, 'id'>[];
+  'x-codeSamples'?: InlineCodeUsageGenerator[];
   'x-selectedCodeSample'?: string;
   'x-exclusiveCodeSample'?: string;
 };
-interface RenderContext extends Pick<OpenAPIOptions, 'proxyUrl'>, Omit<CreateAPIPageOptions, 'renderMarkdown'> {
+type RequireKeys<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
+interface RenderContext extends Pick<OpenAPIOptions, 'proxyUrl'>, RequireKeys<CreateAPIPageOptions, 'generateTypeScriptDefinitions' | 'renderMarkdown'> {
   slugger: Slugger;
   /**
    * dereferenced schema
@@ -40,7 +41,6 @@ interface RenderContext extends Pick<OpenAPIOptions, 'proxyUrl'>, Omit<CreateAPI
   schema: ProcessedDocument;
   mediaAdapters: Record<string, MediaAdapter>;
   renderHeading: (depth: number, text: string, props?: HTMLAttributes<HTMLHeadingElement>) => ReactNode;
-  renderMarkdown: (text: string) => ReactNode;
   renderCodeBlock: (lang: string, code: string) => ReactNode;
 }
 type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;

package/dist/ui/base.d.ts

@@ -1,6 +1,6 @@
 import { NoReference } from "../utils/schema.js";
 import { MediaAdapter } from "../requests/media/adapter.js";
-import { CodeUsageGenerator } from "./operation/usage-tabs/index.js";
+import { CodeUsageGeneratorRegistry, InlineCodeUsageGenerator } from "../requests/generators/index.js";
 import { OpenAPIServer } from "../server/create.js";
 import { ApiPageProps, OperationItem, WebhookItem } from "./api-page.js";
 import "../server/index.js";
@@ -12,6 +12,7 @@ import { Awaitable, DistributiveOmit, MethodInformation, RenderContext } from ".
 import { FC, ReactNode } from "react";
 import { CoreHighlightOptions } from "fumadocs-core/highlight/core";
 import { ResolvedShikiConfig } from "fumadocs-core/highlight/config";
+import { JSONSchema } from "json-schema-typed";
 
 //#region src/ui/base.d.ts
 interface CreateAPIPageOptions {
@@ -22,14 +23,31 @@ interface CreateAPIPageOptions {
    *
    * @param method - the operation object
    * @param statusCode - status code
+   * @deprecated use `generateTypeScriptDefinitions` instead.
    */
   generateTypeScriptSchema?: ((method: NoReference<MethodInformation>, statusCode: string, contentType: string, ctx: RenderContext) => Awaitable<string | undefined>) | false;
+  /**
+   * Generate TypeScript definitions from JSON schema.
+   *
+   * Pass `false` to disable it.
+   */
+  generateTypeScriptDefinitions?: (schema: JSONSchema, ctx: RenderContext & {
+    operation: NoReference<MethodInformation>; /** @deprecated */
+    _internal_legacy?: {
+      statusCode: string;
+      contentType: string;
+    };
+  }) => Awaitable<string | undefined>;
+  /**
+   * Generate example code usage for endpoints.
+   */
+  codeUsages?: CodeUsageGeneratorRegistry;
   /**
    * Generate example code usage for endpoints.
    */
-  generateCodeSamples?: (method: MethodInformation) => Awaitable<CodeUsageGenerator[]>;
+  generateCodeSamples?: (method: MethodInformation) => Awaitable<InlineCodeUsageGenerator[]>;
   shiki: ResolvedShikiConfig;
-  renderMarkdown?: (md: string) => Awaitable<ReactNode>;
+  renderMarkdown?: (md: string) => ReactNode;
   shikiOptions?: DistributiveOmit<CoreHighlightOptions, 'config' | 'lang' | 'components'>;
   /**
    * Show full response schema instead of only example response & Typescript definitions.
@@ -58,7 +76,7 @@ interface CreateAPIPageOptions {
     /**
      * @param generators - codegens for API example usages
      */
-    renderAPIExampleUsageTabs?: (generators: CodeUsageGenerator[], ctx: RenderContext) => Awaitable<ReactNode>;
+    renderAPIExampleUsageTabs?: (generators: CodeUsageGeneratorRegistry, ctx: RenderContext) => Awaitable<ReactNode>;
     /**
      * renderer of the entire page's layout (containing all operations & webhooks UI)
      */

package/dist/ui/base.js

@@ -55,6 +55,14 @@ function createAPIPage(server, options) {
 					children: text
 				}, id);
 			},
+			generateTypeScriptDefinitions(schema, ctx) {
+				const { generateTypeScriptSchema, generateTypeScriptDefinitions } = options;
+				if (generateTypeScriptSchema && ctx._internal_legacy) {
+					const { statusCode, contentType } = ctx._internal_legacy;
+					return generateTypeScriptSchema(ctx.operation, statusCode, contentType, ctx);
+				}
+				return generateTypeScriptDefinitions?.(schema, ctx);
+			},
 			async renderMarkdown(text) {
 				if (options.renderMarkdown) return options.renderMarkdown(text);
 				processor ??= createMarkdownProcessor();

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

@@ -1,4 +1,5 @@
 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 { FC } from "react";
@@ -19,6 +20,10 @@ interface APIPageClientOptions {
    * Support other media types (for client-side serialization)
    */
   mediaAdapters?: Record<string, MediaAdapter>;
+  /**
+   * generate code usage examples
+   */
+  codeUsages?: CodeUsageGeneratorRegistry;
 }
 interface OperationClientOptions {
   APIExampleSelector?: FC<{

package/dist/ui/contexts/api.js

@@ -2,6 +2,8 @@
 
 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 { jsx } from "react/jsx-runtime";
 
@@ -24,14 +26,23 @@ function useServerSelectContext() {
 }
 function ApiProvider({ children, shikiOptions, client }) {
 	return /* @__PURE__ */ jsx(ApiContext, {
-		value: useMemo(() => ({
-			shikiOptions,
-			client,
-			mediaAdapters: {
-				...defaultAdapters,
-				...client.mediaAdapters
+		value: useMemo(() => {
+			let codeUsages;
+			if (client.codeUsages) codeUsages = createCodeUsageGeneratorRegistry(client.codeUsages);
+			else {
+				codeUsages = createCodeUsageGeneratorRegistry();
+				registerDefault(codeUsages);
 			}
-		}), [client, shikiOptions]),
+			return {
+				shikiOptions,
+				client,
+				codeUsages,
+				mediaAdapters: {
+					...defaultAdapters,
+					...client.mediaAdapters
+				}
+			};
+		}, [client, shikiOptions]),
 		children
 	});
 }

package/dist/ui/full.js

@@ -9,9 +9,8 @@ function createAPIPage(server, options = {}) {
 	const APIPage = createAPIPage$1(server, {
 		...options,
 		shiki: configDefault,
-		generateTypeScriptSchema(method, statusCode, contentType, ctx) {
-			const schema = method.responses?.[statusCode]?.content?.[contentType].schema;
-			if (!schema || typeof schema !== "object") return;
+		generateTypeScriptDefinitions(schema, ctx) {
+			if (typeof schema !== "object") return;
 			return getTypescriptSchema(schema, ctx);
 		}
 	});

package/dist/ui/operation/client.js

@@ -9,18 +9,22 @@ import { buttonVariants } from "fumadocs-ui/components/ui/button";
 import { useCopyButton } from "fumadocs-ui/utils/use-copy-button";
 
 //#region src/ui/operation/client.tsx
-function CopyResponseTypeScript({ code }) {
+function CopyTypeScriptPanel({ name, code, className }) {
 	const [isChecked, onCopy] = useCopyButton(() => {
 		navigator.clipboard.writeText(code);
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: "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: 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__ */ jsx("p", {
+		}), /* @__PURE__ */ jsxs("p", {
 			className: "text-xs text-fd-muted-foreground",
-			children: "Use the response body type in TypeScript."
+			children: [
+				"Use the ",
+				name,
+				" type in TypeScript."
+			]
 		})] }), /* @__PURE__ */ jsxs("button", {
 			onClick: onCopy,
 			className: cn(buttonVariants({
@@ -67,4 +71,4 @@ function SelectTabTrigger({ items, className, ...props }) {
 }
 
 //#endregion
-export { CopyResponseTypeScript, SelectTab, SelectTabTrigger, SelectTabs };
+export { CopyTypeScriptPanel, SelectTab, SelectTabTrigger, SelectTabs };

package/dist/ui/operation/index.js

@@ -9,7 +9,7 @@ import { Schema } from "../schema/index.js";
 import { UsageTabsProviderLazy } from "./usage-tabs/lazy.js";
 import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions } from "../components/accordion.js";
 import { UsageTabs } from "./usage-tabs/index.js";
-import { CopyResponseTypeScript, SelectTab, SelectTabTrigger, SelectTabs } from "./client.js";
+import { CopyTypeScriptPanel, SelectTab, SelectTabTrigger, SelectTabs } from "./client.js";
 import { RequestTabs, getExampleRequests } from "./request-tabs.js";
 import { ServerProviderLazy } from "../contexts/api.lazy.js";
 import { Fragment } from "react";
@@ -59,11 +59,19 @@ async function Operation({ type = "operation", path, method, ctx, showTitle, sho
 					})]
 				}),
 				body.description && ctx.renderMarkdown(body.description),
-				contentTypes.map(([type, content]) => {
+				contentTypes.map(async ([type, content]) => {
 					if (!isMediaTypeSupported(type, ctx.mediaAdapters)) throw new Error(`Media type ${type} is not supported (in ${path})`);
-					return /* @__PURE__ */ jsx(SelectTab, {
+					const ts = content.schema ? await ctx.generateTypeScriptDefinitions(content.schema, {
+						operation: method,
+						...ctx
+					}) : void 0;
+					return /* @__PURE__ */ jsxs(SelectTab, {
 						value: type,
-						children: /* @__PURE__ */ jsx(Schema, {
+						children: [ts && /* @__PURE__ */ jsx(CopyTypeScriptPanel, {
+							name: "request body",
+							code: ts,
+							className: "mt-4"
+						}), /* @__PURE__ */ jsx(Schema, {
 							client: {
 								name: "body",
 								as: "body",
@@ -73,7 +81,7 @@ async function Operation({ type = "operation", path, method, ctx, showTitle, sho
 							readOnly: method.method === "GET",
 							writeOnly: method.method !== "GET",
 							ctx
-						})
+						})]
 					}, type);
 				})
 			]
@@ -319,12 +327,21 @@ async function ResponseAccordion({ status, operation, ctx }) {
 				children: ctx.renderMarkdown(response.description)
 			}), contentTypes.map(async ([type, resType]) => {
 				const schema = resType.schema;
-				let ts;
-				if (ctx.generateTypeScriptSchema) ts = await ctx.generateTypeScriptSchema(operation, status, type, ctx);
+				const ts = schema ? await ctx.generateTypeScriptDefinitions(schema, {
+					operation,
+					_internal_legacy: {
+						statusCode: status,
+						contentType: type
+					},
+					...ctx
+				}) : void 0;
 				return /* @__PURE__ */ jsxs(SelectTab, {
 					value: type,
 					className: "mb-2",
-					children: [ts && /* @__PURE__ */ jsx(CopyResponseTypeScript, { code: ts }), schema && /* @__PURE__ */ jsx("div", {
+					children: [ts && /* @__PURE__ */ jsx(CopyTypeScriptPanel, {
+						name: "response body",
+						code: ts
+					}), schema && /* @__PURE__ */ jsx("div", {
 						className: "border px-3 py-2 rounded-lg",
 						children: /* @__PURE__ */ jsx(Schema, {
 							client: {