fumadocs-openapi 10.4.1 → 10.6.0

package/dist/ui/operation/index.js

@@ -1,19 +1,20 @@
 import { idToTitle } from "../../utils/id-to-title.js";
-import { createMethod, methodKeys } from "../../utils/schema.js";
+import { createMethod, methodKeys } from "../../utils/schema/index.js";
 import { isMediaTypeSupported } from "../../requests/media/resolve-adapter.js";
 import "../../requests/media/adapter.js";
 import { cn } from "../../utils/cn.js";
 import { Badge, MethodLabel } from "../components/method-label.js";
 import { I18nLabel } from "../client/i18n.js";
+import { CopyTypeScriptPanel, OperationProvider } from "./client.js";
 import { APIPlayground } from "../../playground/index.js";
 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 { CopyTypeScriptPanel, SelectTab, SelectTabTrigger, SelectTabs } from "./client.js";
-import { RequestTabs, getExampleRequests } from "./request-tabs.js";
+import { RequestTabs } from "./request-tabs.js";
 import { ServerProviderLazy } from "../contexts/api.lazy.js";
-import { Fragment } from "react";
+import { getExampleRequests } from "./get-example-requests.js";
+import { SelectTab, SelectTabTrigger, SelectTabs } from "../components/server-tab.js";
+import { Fragment, use, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/operation/index.tsx
 const paramTypeKeys = [
@@ -22,7 +23,7 @@ const paramTypeKeys = [
 	"header",
 	"cookie"
 ];
-async function Operation({ type = "operation", path, method, ctx, showTitle, showDescription, headingLevel = 2 }) {
+function Operation({ type = "operation", path, method, ctx, showTitle, showDescription, headingLevel = 2 }) {
 	const { schema: { dereferenced } } = ctx;
 	const body = method.requestBody;
 	let headNode = null;
@@ -31,6 +32,11 @@ async function Operation({ type = "operation", path, method, ctx, showTitle, sho
 	let authNode = null;
 	let responseNode = null;
 	let callbacksNode = null;
+	const exampleRequests = useMemo(() => getExampleRequests(path, method, ctx), [
+		ctx,
+		method,
+		path
+	]);
 	if (showTitle) {
 		const title = method.summary || (method.operationId ? idToTitle(method.operationId) : path);
 		headNode = ctx.renderHeading(headingLevel, title);
@@ -62,31 +68,15 @@ async function Operation({ type = "operation", path, method, ctx, showTitle, sho
 					})]
 				}),
 				body.description && ctx.renderMarkdown(body.description),
-				contentTypes.map(async ([type, content]) => {
+				contentTypes.map(([type, content]) => {
 					if (!isMediaTypeSupported(type, ctx.mediaAdapters)) throw new Error(`Media type ${type} is not supported (in ${path})`);
-					const ts = content.schema ? await ctx.generateTypeScriptDefinitions(content.schema, {
-						operation: method,
-						readOnly: false,
-						writeOnly: true,
-						...ctx
-					}) : void 0;
-					return /* @__PURE__ */ jsxs(SelectTab, {
+					return /* @__PURE__ */ jsx(SelectTab, {
 						value: type,
-						children: [ts && /* @__PURE__ */ jsx(CopyTypeScriptPanel, {
-							name: "request body",
-							code: ts,
-							className: "mt-4"
-						}), /* @__PURE__ */ jsx(Schema, {
-							client: {
-								name: "body",
-								as: "body",
-								required: body.required
-							},
-							root: content.schema ?? {},
-							readOnly: method.method === "GET",
-							writeOnly: method.method !== "GET",
+						children: /* @__PURE__ */ jsx(RequestBodyContentItem, {
+							content,
+							method,
 							ctx
-						})]
+						})
 					}, type);
 				})
 			]
@@ -231,7 +221,7 @@ async function Operation({ type = "operation", path, method, ctx, showTitle, sho
 			});
 		};
 		const playgroundEnabled = ctx.playground?.enabled ?? true;
-		let content = await renderOperationLayout({
+		let content = renderOperationLayout({
 			header: headNode,
 			description: descriptionNode,
 			authSchemes: authNode,
@@ -258,10 +248,10 @@ async function Operation({ type = "operation", path, method, ctx, showTitle, sho
 				ctx
 			})
 		}, ctx, method);
-		content = /* @__PURE__ */ jsx(UsageTabsProviderLazy, {
+		content = /* @__PURE__ */ jsx(OperationProvider, {
 			defaultExampleId: method["x-exclusiveCodeSample"] ?? method["x-selectedCodeSample"],
 			route: path,
-			examples: getExampleRequests(path, method, ctx),
+			examples: exampleRequests,
 			children: content
 		});
 		if (method.servers) content = /* @__PURE__ */ jsx(ServerProviderLazy, {
@@ -297,6 +287,7 @@ async function Operation({ type = "operation", path, method, ctx, showTitle, sho
 			parameters: parameterNode,
 			responses: responseNode,
 			requests: /* @__PURE__ */ jsx(RequestTabs, {
+				examples: exampleRequests,
 				path,
 				operation: method,
 				ctx
@@ -304,7 +295,38 @@ async function Operation({ type = "operation", path, method, ctx, showTitle, sho
 		});
 	}
 }
-async function ResponseAccordion({ status, operation, ctx }) {
+function RequestBodyContentItem({ content, method, ctx }) {
+	let ts = useMemo(() => {
+		if (!content.schema || !ctx.generateTypeScriptDefinitions) return;
+		return ctx.generateTypeScriptDefinitions(content.schema, {
+			operation: method,
+			readOnly: false,
+			writeOnly: true,
+			...ctx
+		});
+	}, [
+		content.schema,
+		ctx,
+		method
+	]);
+	if (ts instanceof Promise) ts = use(ts);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [ts && /* @__PURE__ */ jsx(CopyTypeScriptPanel, {
+		name: "request body",
+		code: ts,
+		className: "mt-4"
+	}), content.schema && /* @__PURE__ */ jsx(Schema, {
+		client: {
+			name: "body",
+			as: "body",
+			required: method.requestBody?.required
+		},
+		root: content.schema,
+		readOnly: method.method === "GET",
+		writeOnly: method.method !== "GET",
+		ctx
+	})] });
+}
+function ResponseAccordion({ status, operation, ctx }) {
 	const response = operation.responses[status];
 	const contentTypes = response.content ? Object.entries(response.content) : [];
 	let wrapper = (children) => children;
@@ -336,41 +358,57 @@ async function ResponseAccordion({ status, operation, ctx }) {
 			children: [response.description && /* @__PURE__ */ jsx("div", {
 				className: "prose-no-margin mb-2",
 				children: ctx.renderMarkdown(response.description)
-			}), contentTypes.map(async ([type, resType]) => {
-				const schema = resType.schema;
-				const ts = schema ? await ctx.generateTypeScriptDefinitions(schema, {
-					readOnly: true,
-					writeOnly: false,
+			}), contentTypes.map(([type, item]) => /* @__PURE__ */ jsx(SelectTab, {
+				value: type,
+				className: "mb-2",
+				children: /* @__PURE__ */ jsx(RepsonseAccordionItem, {
+					type,
+					status,
+					item,
 					operation,
-					_internal_legacy: {
-						statusCode: status,
-						contentType: type
-					},
-					...ctx
-				}) : void 0;
-				return /* @__PURE__ */ jsxs(SelectTab, {
-					value: type,
-					className: "mb-2",
-					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: {
-								name: "response",
-								as: "body"
-							},
-							root: schema,
-							readOnly: true,
-							ctx
-						})
-					})]
-				}, type);
-			})]
+					ctx
+				})
+			}, type))]
 		})]
 	}));
 }
+function RepsonseAccordionItem({ type, status, operation, item: { schema }, ctx }) {
+	let ts = useMemo(() => {
+		if (!schema || !ctx.generateTypeScriptDefinitions) return;
+		return ctx.generateTypeScriptDefinitions(schema, {
+			readOnly: true,
+			writeOnly: false,
+			operation,
+			_internal_legacy: {
+				statusCode: status,
+				contentType: type
+			},
+			...ctx
+		});
+	}, [
+		ctx,
+		operation,
+		schema,
+		status,
+		type
+	]);
+	if (ts instanceof Promise) ts = use(ts);
+	return /* @__PURE__ */ jsxs(Fragment$1, { 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: {
+				name: "response",
+				as: "body"
+			},
+			root: schema,
+			readOnly: true,
+			ctx
+		})
+	})] });
+}
 function WebhookCallback({ callback, ctx, headingLevel }) {
 	return /* @__PURE__ */ jsx(Accordions, {
 		type: "single",

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

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

package/dist/ui/operation/request-tabs.js

@@ -1,92 +1,14 @@
 import { resolveRequestData } from "../../utils/url.js";
-import { getPreferredType, pickExample } from "../../utils/schema.js";
 import { MethodLabel } from "../components/method-label.js";
-import { encodeRequestData } from "../../requests/media/encode.js";
 import { I18nLabel } from "../client/i18n.js";
 import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions } from "../components/accordion.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { sample } from "openapi-sampler";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "fumadocs-ui/components/tabs";
 //#region src/ui/operation/request-tabs.tsx
-function getExampleRequests(path, operation, ctx) {
-	const requestBody = operation.requestBody;
-	const media = requestBody?.content ? getPreferredType(requestBody.content) : null;
-	const bodyOfType = media ? requestBody.content[media] : null;
-	if (bodyOfType?.examples) {
-		const result = [];
-		for (const [key, value] of Object.entries(bodyOfType.examples)) {
-			const data = getRequestData(path, operation, key, ctx);
-			result.push({
-				id: key,
-				name: value.summary || key,
-				description: value.description,
-				data,
-				encoded: encodeRequestData(data, ctx.mediaAdapters, operation.parameters ?? [])
-			});
-		}
-		if (result.length > 0) return result;
-	}
-	const data = getRequestData(path, operation, null, ctx);
-	return [{
-		id: "_default",
-		name: "Default",
-		description: typeof bodyOfType?.schema === "object" ? bodyOfType.schema.description : void 0,
-		data,
-		encoded: encodeRequestData(data, ctx.mediaAdapters, operation.parameters ?? [])
-	}];
-}
-function getRequestData(path, method, sampleKey, _ctx) {
-	const result = {
-		path: {},
-		cookie: {},
-		header: {},
-		query: {},
-		method: method.method
-	};
-	for (const param of method.parameters ?? []) {
-		let value = pickExample(param);
-		if (value === void 0 && param.required) {
-			if (param.schema) value = sample(param.schema);
-			else if (param.content) {
-				const type = getPreferredType(param.content);
-				const content = type ? param.content[type] : void 0;
-				if (!content || !content.schema) throw new Error(`Cannot find "${param.name}" parameter info for media type "${type}" in ${path} ${method.method}`);
-				value = sample(content.schema);
-			}
-		}
-		switch (param.in) {
-			case "cookie":
-				result.cookie[param.name] = value;
-				break;
-			case "header":
-				result.header[param.name] = value;
-				break;
-			case "query":
-				result.query[param.name] = value;
-				break;
-			default: result.path[param.name] = value;
-		}
-	}
-	if (method.requestBody?.content) {
-		const body = method.requestBody.content;
-		const type = getPreferredType(body);
-		if (!type) throw new Error(`Cannot find body schema for ${path} ${method.method}: missing media type`);
-		result.bodyMediaType = type;
-		const bodyOfType = body[type];
-		if (bodyOfType.examples && sampleKey) result.body = bodyOfType.examples[sampleKey].value;
-		else if (bodyOfType.example) result.body = bodyOfType.example;
-		else result.body = sample(bodyOfType?.schema ?? {}, {
-			skipReadOnly: method.method !== "GET",
-			skipWriteOnly: method.method === "GET",
-			skipNonRequired: true
-		});
-	}
-	return result;
-}
-async function RequestTabs({ path, operation, ctx }) {
+function RequestTabs({ path, operation, examples, ctx }) {
 	if (!operation.requestBody) return null;
 	const { renderRequestTabs = renderRequestTabsDefault } = ctx.content ?? {};
-	return renderRequestTabs(getExampleRequests(path, operation, ctx), {
+	return renderRequestTabs(examples, {
 		...ctx,
 		route: path,
 		operation
@@ -153,6 +75,6 @@ function renderRequestTabsDefault(items, ctx) {
 	});
 }
 //#endregion
-export { RequestTabs, getExampleRequests };
+export { RequestTabs };
 
 //# sourceMappingURL=request-tabs.js.map

package/dist/ui/operation/request-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-tabs.js","names":[],"sources":["../../../src/ui/operation/request-tabs.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport { getPreferredType, type NoReference, pickExample } from '@/utils/schema';\nimport { I18nLabel } from '@/ui/client/i18n';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { sample } from 'openapi-sampler';\nimport type { ReactNode } from 'react';\nimport type { RawRequestData, RequestData } from '@/requests/types';\nimport { encodeRequestData } from '@/requests/media/encode';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport { resolveRequestData } from '@/utils/url';\nimport { MethodLabel } from '../components/method-label';\n\nexport interface ExampleRequestItem {\n  id: string;\n  name: string;\n  description?: string;\n  data: RawRequestData;\n  encoded: RequestData;\n}\n\nexport function getExampleRequests(\n  path: string,\n  operation: NoReference<MethodInformation>,\n  ctx: RenderContext,\n): ExampleRequestItem[] {\n  const requestBody = operation.requestBody;\n  const media = requestBody?.content ? getPreferredType(requestBody.content) : null;\n  const bodyOfType = media ? requestBody!.content![media] : null;\n\n  if (bodyOfType?.examples) {\n    const result: ExampleRequestItem[] = [];\n\n    for (const [key, value] of Object.entries(bodyOfType.examples)) {\n      const data = getRequestData(path, operation, key, ctx);\n\n      result.push({\n        id: key,\n        name: value.summary || key,\n        description: value.description,\n        data,\n        encoded: encodeRequestData(data, ctx.mediaAdapters, operation.parameters ?? []),\n      });\n    }\n\n    if (result.length > 0) return result;\n  }\n\n  const data = getRequestData(path, operation, null, ctx);\n  return [\n    {\n      id: '_default',\n      name: 'Default',\n      description:\n        typeof bodyOfType?.schema === 'object' ? bodyOfType.schema.description : undefined,\n      data,\n      encoded: encodeRequestData(data, ctx.mediaAdapters, operation.parameters ?? []),\n    },\n  ];\n}\n\nfunction getRequestData(\n  path: string,\n  method: NoReference<MethodInformation>,\n  sampleKey: string | null,\n  _ctx: RenderContext,\n): RawRequestData {\n  const result: RawRequestData = {\n    path: {},\n    cookie: {},\n    header: {},\n    query: {},\n    method: method.method,\n  };\n\n  for (const param of method.parameters ?? []) {\n    let value = pickExample(param as never);\n\n    if (value === undefined && param.required) {\n      if (param.schema) {\n        value = sample(param.schema as object);\n      } else if (param.content) {\n        const type = getPreferredType(param.content);\n        const content = type ? param.content[type] : undefined;\n        if (!content || !content.schema)\n          throw new Error(\n            `Cannot find \"${param.name}\" parameter info for media type \"${type}\" in ${path} ${method.method}`,\n          );\n\n        value = sample(content.schema as object);\n      }\n    }\n\n    switch (param.in) {\n      case 'cookie':\n        result.cookie[param.name!] = value;\n        break;\n      case 'header':\n        result.header[param.name!] = value;\n        break;\n      case 'query':\n        result.query[param.name!] = value;\n        break;\n      default:\n        result.path[param.name!] = value;\n    }\n  }\n\n  if (method.requestBody?.content) {\n    const body = method.requestBody.content;\n    const type = getPreferredType(body);\n    if (!type)\n      throw new Error(`Cannot find body schema for ${path} ${method.method}: missing media type`);\n    result.bodyMediaType = type as RawRequestData['bodyMediaType'];\n    const bodyOfType = body[type];\n\n    if (bodyOfType.examples && sampleKey) {\n      result.body = bodyOfType.examples[sampleKey].value;\n    } else if (bodyOfType.example) {\n      result.body = bodyOfType.example;\n    } else {\n      result.body = sample((bodyOfType?.schema ?? {}) as object, {\n        skipReadOnly: method.method !== 'GET',\n        skipWriteOnly: method.method === 'GET',\n        skipNonRequired: true,\n      });\n    }\n  }\n\n  return result;\n}\n\nexport async function RequestTabs({\n  path,\n  operation,\n  ctx,\n}: {\n  path: string;\n  operation: NoReference<MethodInformation>;\n  ctx: RenderContext;\n}) {\n  if (!operation.requestBody) return null;\n  const { renderRequestTabs = renderRequestTabsDefault } = ctx.content ?? {};\n\n  return renderRequestTabs(getExampleRequests(path, operation, ctx), {\n    ...ctx,\n    route: path,\n    operation,\n  });\n}\n\nfunction renderRequestTabsDefault(\n  items: ExampleRequestItem[],\n  ctx: RenderContext & {\n    route: string;\n    operation: NoReference<MethodInformation>;\n  },\n) {\n  function renderItem(item: ExampleRequestItem) {\n    const requestData = item.data;\n    const displayNames: Partial<Record<keyof RawRequestData, ReactNode>> = {\n      body: (\n        <>\n          <I18nLabel label=\"titleRequestBody\" />\n          <code className=\"text-xs text-fd-muted-foreground ms-auto\">\n            {requestData.bodyMediaType}\n          </code>\n        </>\n      ),\n      cookie: <I18nLabel label=\"cookieParameters\" />,\n      header: <I18nLabel label=\"headerParameters\" />,\n      query: <I18nLabel label=\"queryParameters\" />,\n      path: <I18nLabel label=\"pathParameters\" />,\n    };\n\n    return (\n      <>\n        {item.description && ctx.renderMarkdown(item.description)}\n        <div className=\"flex flex-row gap-2 items-center justify-between\">\n          <MethodLabel>{requestData.method}</MethodLabel>\n          <code>{resolveRequestData(ctx.route, item.encoded)}</code>\n        </div>\n\n        <Accordions type=\"multiple\" className=\"mt-2\">\n          {Object.entries(displayNames).map(([k, v]) => {\n            const data = requestData[k as keyof RawRequestData];\n            if (!data || Object.keys(data).length === 0) return;\n\n            return (\n              <AccordionItem key={k} value={k}>\n                <AccordionHeader>\n                  <AccordionTrigger>{v}</AccordionTrigger>\n                </AccordionHeader>\n                <AccordionContent className=\"prose-no-margin\">\n                  {ctx.renderCodeBlock('json', JSON.stringify(data, null, 2))}\n                </AccordionContent>\n              </AccordionItem>\n            );\n          })}\n        </Accordions>\n      </>\n    );\n  }\n\n  let children: ReactNode;\n  if (items.length > 1) {\n    children = (\n      <Tabs defaultValue={items[0].id}>\n        <TabsList>\n          {items.map((item) => (\n            <TabsTrigger key={item.id} value={item.id}>\n              {item.id === '_default' ? <I18nLabel label=\"requestTabNameDefault\" /> : item.name}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n        {items.map((item) => (\n          <TabsContent key={item.id} value={item.id}>\n            {renderItem(item)}\n          </TabsContent>\n        ))}\n      </Tabs>\n    );\n  } else if (items.length === 1) {\n    children = renderItem(items[0]);\n  } else {\n    children = (\n      <p className=\"text-fd-muted-foreground text-xs\">\n        <I18nLabel label=\"empty\" />\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"p-3 rounded-xl border prose-no-margin bg-fd-card text-fd-card-foreground shadow-md\">\n      <p className=\"font-semibold border-b pb-2\">\n        <I18nLabel label=\"titleRequestTabs\" />\n      </p>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"request-tabs.js","names":[],"sources":["../../../src/ui/operation/request-tabs.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport type { NoReference } from '@/utils/schema';\nimport { I18nLabel } from '@/ui/client/i18n';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport type { ReactNode } from 'react';\nimport type { RawRequestData } from '@/requests/types';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport { resolveRequestData } from '@/utils/url';\nimport { MethodLabel } from '../components/method-label';\nimport type { ExampleRequestItem } from './get-example-requests';\n\nexport function RequestTabs({\n  path,\n  operation,\n  examples,\n  ctx,\n}: {\n  path: string;\n  examples: ExampleRequestItem[];\n  operation: NoReference<MethodInformation>;\n  ctx: RenderContext;\n}) {\n  if (!operation.requestBody) return null;\n  const { renderRequestTabs = renderRequestTabsDefault } = ctx.content ?? {};\n\n  return renderRequestTabs(examples, {\n    ...ctx,\n    route: path,\n    operation,\n  });\n}\n\nfunction renderRequestTabsDefault(\n  items: ExampleRequestItem[],\n  ctx: RenderContext & {\n    route: string;\n    operation: NoReference<MethodInformation>;\n  },\n) {\n  function renderItem(item: ExampleRequestItem) {\n    const requestData = item.data;\n    const displayNames: Partial<Record<keyof RawRequestData, ReactNode>> = {\n      body: (\n        <>\n          <I18nLabel label=\"titleRequestBody\" />\n          <code className=\"text-xs text-fd-muted-foreground ms-auto\">\n            {requestData.bodyMediaType}\n          </code>\n        </>\n      ),\n      cookie: <I18nLabel label=\"cookieParameters\" />,\n      header: <I18nLabel label=\"headerParameters\" />,\n      query: <I18nLabel label=\"queryParameters\" />,\n      path: <I18nLabel label=\"pathParameters\" />,\n    };\n\n    return (\n      <>\n        {item.description && ctx.renderMarkdown(item.description)}\n        <div className=\"flex flex-row gap-2 items-center justify-between\">\n          <MethodLabel>{requestData.method}</MethodLabel>\n          <code>{resolveRequestData(ctx.route, item.encoded)}</code>\n        </div>\n\n        <Accordions type=\"multiple\" className=\"mt-2\">\n          {Object.entries(displayNames).map(([k, v]) => {\n            const data = requestData[k as keyof RawRequestData];\n            if (!data || Object.keys(data).length === 0) return;\n\n            return (\n              <AccordionItem key={k} value={k}>\n                <AccordionHeader>\n                  <AccordionTrigger>{v}</AccordionTrigger>\n                </AccordionHeader>\n                <AccordionContent className=\"prose-no-margin\">\n                  {ctx.renderCodeBlock('json', JSON.stringify(data, null, 2))}\n                </AccordionContent>\n              </AccordionItem>\n            );\n          })}\n        </Accordions>\n      </>\n    );\n  }\n\n  let children: ReactNode;\n  if (items.length > 1) {\n    children = (\n      <Tabs defaultValue={items[0].id}>\n        <TabsList>\n          {items.map((item) => (\n            <TabsTrigger key={item.id} value={item.id}>\n              {item.id === '_default' ? <I18nLabel label=\"requestTabNameDefault\" /> : item.name}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n        {items.map((item) => (\n          <TabsContent key={item.id} value={item.id}>\n            {renderItem(item)}\n          </TabsContent>\n        ))}\n      </Tabs>\n    );\n  } else if (items.length === 1) {\n    children = renderItem(items[0]);\n  } else {\n    children = (\n      <p className=\"text-fd-muted-foreground text-xs\">\n        <I18nLabel label=\"empty\" />\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"p-3 rounded-xl border prose-no-margin bg-fd-card text-fd-card-foreground shadow-md\">\n      <p className=\"font-semibold border-b pb-2\">\n        <I18nLabel label=\"titleRequestTabs\" />\n      </p>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,YAAY,EAC1B,MACA,WACA,UACA,OAMC;AACD,KAAI,CAAC,UAAU,YAAa,QAAO;CACnC,MAAM,EAAE,oBAAoB,6BAA6B,IAAI,WAAW,EAAE;AAE1E,QAAO,kBAAkB,UAAU;EACjC,GAAG;EACH,OAAO;EACP;EACD,CAAC;;AAGJ,SAAS,yBACP,OACA,KAIA;CACA,SAAS,WAAW,MAA0B;EAC5C,MAAM,cAAc,KAAK;EACzB,MAAM,eAAiE;GACrE,MACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD,EAAW,OAAM,oBAAqB,CAAA,EACtC,oBAAC,QAAD;IAAM,WAAU;cACb,YAAY;IACR,CAAA,CACN,EAAA,CAAA;GAEL,QAAQ,oBAAC,WAAD,EAAW,OAAM,oBAAqB,CAAA;GAC9C,QAAQ,oBAAC,WAAD,EAAW,OAAM,oBAAqB,CAAA;GAC9C,OAAO,oBAAC,WAAD,EAAW,OAAM,mBAAoB,CAAA;GAC5C,MAAM,oBAAC,WAAD,EAAW,OAAM,kBAAmB,CAAA;GAC3C;AAED,SACE,qBAAA,UAAA,EAAA,UAAA;GACG,KAAK,eAAe,IAAI,eAAe,KAAK,YAAY;GACzD,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,aAAD,EAAA,UAAc,YAAY,QAAqB,CAAA,EAC/C,oBAAC,QAAD,EAAA,UAAO,mBAAmB,IAAI,OAAO,KAAK,QAAQ,EAAQ,CAAA,CACtD;;GAEN,oBAAC,YAAD;IAAY,MAAK;IAAW,WAAU;cACnC,OAAO,QAAQ,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;KAC5C,MAAM,OAAO,YAAY;AACzB,SAAI,CAAC,QAAQ,OAAO,KAAK,KAAK,CAAC,WAAW,EAAG;AAE7C,YACE,qBAAC,eAAD;MAAuB,OAAO;gBAA9B,CACE,oBAAC,iBAAD,EAAA,UACE,oBAAC,kBAAD,EAAA,UAAmB,GAAqB,CAAA,EACxB,CAAA,EAClB,oBAAC,kBAAD;OAAkB,WAAU;iBACzB,IAAI,gBAAgB,QAAQ,KAAK,UAAU,MAAM,MAAM,EAAE,CAAC;OAC1C,CAAA,CACL;QAPI,EAOJ;MAElB;IACS,CAAA;GACZ,EAAA,CAAA;;CAIP,IAAI;AACJ,KAAI,MAAM,SAAS,EACjB,YACE,qBAAC,MAAD;EAAM,cAAc,MAAM,GAAG;YAA7B,CACE,oBAAC,UAAD,EAAA,UACG,MAAM,KAAK,SACV,oBAAC,aAAD;GAA2B,OAAO,KAAK;aACpC,KAAK,OAAO,aAAa,oBAAC,WAAD,EAAW,OAAM,yBAA0B,CAAA,GAAG,KAAK;GACjE,EAFI,KAAK,GAET,CACd,EACO,CAAA,EACV,MAAM,KAAK,SACV,oBAAC,aAAD;GAA2B,OAAO,KAAK;aACpC,WAAW,KAAK;GACL,EAFI,KAAK,GAET,CACd,CACG;;UAEA,MAAM,WAAW,EAC1B,YAAW,WAAW,MAAM,GAAG;KAE/B,YACE,oBAAC,KAAD;EAAG,WAAU;YACX,oBAAC,WAAD,EAAW,OAAM,SAAU,CAAA;EACzB,CAAA;AAIR,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,KAAD;GAAG,WAAU;aACX,oBAAC,WAAD,EAAW,OAAM,oBAAqB,CAAA;GACpC,CAAA,EACH,SACG"}

package/dist/ui/operation/response-tabs.d.ts

@@ -1,4 +1,4 @@
-import { NoReference } from "../../utils/schema.js";
+import { NoReference } from "../../utils/schema/index.js";
 import { ResponseObject } from "../../types.js";
 import { ReactNode } from "react";