fumadocs-openapi 10.2.2 → 10.2.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"response-tabs.js","names":["tabs: ResponseTab[]","tab: ResponseTab","sample","slot: ReactNode"],"sources":["../../../src/ui/operation/response-tabs.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext, ResponseObject } from '@/types';\nimport { getPreferredType, type NoReference } from '@/utils/schema';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { Tab, Tabs } from 'fumadocs-ui/components/tabs';\nimport { sample } from 'openapi-sampler';\nimport type { ReactNode } from 'react';\n\nexport interface ResponseTab {\n  /**\n   * HTTP response code\n   */\n  code: string;\n\n  response: NoReference<ResponseObject>;\n  /**\n   * media type of response\n   */\n  mediaType: string | null;\n\n  examples?: ResponseExample[];\n}\n\ninterface ResponseExample {\n  /**\n   * generated/defined example data\n   */\n  sample: unknown;\n\n  label: string;\n\n  /**\n   * description (in Markdown)\n   */\n  description?: string;\n}\n\nexport function ResponseTabs({\n  operation,\n  ctx,\n}: {\n  operation: NoReference<MethodInformation>;\n  ctx: RenderContext;\n}) {\n  if (!operation.responses) return null;\n  const tabs: ResponseTab[] = [];\n\n  for (const [code, response] of Object.entries(operation.responses)) {\n    const media = response.content ? getPreferredType(response.content) : null;\n    const responseOfType = media ? response.content?.[media] : null;\n\n    const tab: ResponseTab = {\n      code,\n      response,\n      mediaType: media as string | null,\n    };\n\n    if (responseOfType?.examples) {\n      tab.examples ??= [];\n\n      for (const [key, sample] of Object.entries(responseOfType.examples)) {\n        const title = sample?.summary || `Example ${key}`;\n\n        tab.examples.push({\n          label: title,\n          sample: sample.value,\n          description: sample?.description,\n        });\n      }\n    } else if (responseOfType?.example || responseOfType?.schema) {\n      tab.examples ??= [];\n      tab.examples.push({\n        label: 'Example',\n        sample: responseOfType.example ?? sample(responseOfType.schema as object),\n      });\n    }\n\n    tabs.push(tab);\n  }\n  const { renderResponseTabs = renderResponseTabsDefault } = ctx.content ?? {};\n\n  return renderResponseTabs(tabs, ctx);\n}\n\nfunction renderResponseTabsDefault(\n  tabs: ResponseTab[],\n  ctx: RenderContext,\n): ReactNode | Promise<ReactNode> {\n  function renderExampleContent(example: ResponseExample) {\n    return (\n      <>\n        {example.description && ctx.renderMarkdown(example.description)}\n        {ctx.renderCodeBlock('json', JSON.stringify(example.sample, null, 2))}\n      </>\n    );\n  }\n\n  async function renderResponse(tab: ResponseTab) {\n    const { examples = [] } = tab;\n\n    let slot: ReactNode = 'Empty';\n    if (examples.length > 1) {\n      slot = (\n        <Accordions type=\"single\" className=\"pt-2\" defaultValue={examples[0].label}>\n          {examples.map((example, i) => (\n            <AccordionItem key={i} value={example.label}>\n              <AccordionHeader>\n                <AccordionTrigger>{example.label}</AccordionTrigger>\n              </AccordionHeader>\n              <AccordionContent className=\"prose-no-margin\">\n                {renderExampleContent(example)}\n              </AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordions>\n      );\n    } else if (examples.length === 1) {\n      slot = renderExampleContent(examples[0]);\n    }\n\n    return <Tab value={tab.code}>{slot}</Tab>;\n  }\n\n  if (tabs.length === 0) return null;\n\n  return (\n    <Tabs groupId=\"fumadocs_openapi_responses\" items={tabs.map((tab) => tab.code)}>\n      {tabs.map(renderResponse)}\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;AA0CA,SAAgB,aAAa,EAC3B,WACA,OAIC;AACD,KAAI,CAAC,UAAU,UAAW,QAAO;CACjC,MAAMA,OAAsB,EAAE;AAE9B,MAAK,MAAM,CAAC,MAAM,aAAa,OAAO,QAAQ,UAAU,UAAU,EAAE;EAClE,MAAM,QAAQ,SAAS,UAAU,iBAAiB,SAAS,QAAQ,GAAG;EACtE,MAAM,iBAAiB,QAAQ,SAAS,UAAU,SAAS;EAE3D,MAAMC,MAAmB;GACvB;GACA;GACA,WAAW;GACZ;AAED,MAAI,gBAAgB,UAAU;AAC5B,OAAI,aAAa,EAAE;AAEnB,QAAK,MAAM,CAAC,KAAKC,aAAW,OAAO,QAAQ,eAAe,SAAS,EAAE;IACnE,MAAM,QAAQA,UAAQ,WAAW,WAAW;AAE5C,QAAI,SAAS,KAAK;KAChB,OAAO;KACP,QAAQA,SAAO;KACf,aAAaA,UAAQ;KACtB,CAAC;;aAEK,gBAAgB,WAAW,gBAAgB,QAAQ;AAC5D,OAAI,aAAa,EAAE;AACnB,OAAI,SAAS,KAAK;IAChB,OAAO;IACP,QAAQ,eAAe,WAAW,OAAO,eAAe,OAAiB;IAC1E,CAAC;;AAGJ,OAAK,KAAK,IAAI;;CAEhB,MAAM,EAAE,qBAAqB,8BAA8B,IAAI,WAAW,EAAE;AAE5E,QAAO,mBAAmB,MAAM,IAAI;;AAGtC,SAAS,0BACP,MACA,KACgC;CAChC,SAAS,qBAAqB,SAA0B;AACtD,SACE,4CACG,QAAQ,eAAe,IAAI,eAAe,QAAQ,YAAY,EAC9D,IAAI,gBAAgB,QAAQ,KAAK,UAAU,QAAQ,QAAQ,MAAM,EAAE,CAAC,IACpE;;CAIP,eAAe,eAAe,KAAkB;EAC9C,MAAM,EAAE,WAAW,EAAE,KAAK;EAE1B,IAAIC,OAAkB;AACtB,MAAI,SAAS,SAAS,EACpB,QACE,oBAAC;GAAW,MAAK;GAAS,WAAU;GAAO,cAAc,SAAS,GAAG;aAClE,SAAS,KAAK,SAAS,MACtB,qBAAC;IAAsB,OAAO,QAAQ;eACpC,oBAAC,6BACC,oBAAC,8BAAkB,QAAQ,QAAyB,GACpC,EAClB,oBAAC;KAAiB,WAAU;eACzB,qBAAqB,QAAQ;MACb;MAND,EAOJ,CAChB;IACS;WAEN,SAAS,WAAW,EAC7B,QAAO,qBAAqB,SAAS,GAAG;AAG1C,SAAO,oBAAC;GAAI,OAAO,IAAI;aAAO;IAAW;;AAG3C,KAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,QACE,oBAAC;EAAK,SAAQ;EAA6B,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK;YAC1E,KAAK,IAAI,eAAe;GACpB"}

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

@@ -1,94 +1,123 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApiContext, useServerSelectContext } from '../../../ui/contexts/api.js';
-import { joinURL, withBase, resolveServerUrl, resolveRequestData, } from '../../../utils/url.js';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, } from '../../../ui/components/select.js';
-import { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock';
-import { useState, useEffect, useMemo, createContext, useRef, use, } from 'react';
+
+import { joinURL, resolveRequestData, resolveServerUrl, withBase } from "../../../utils/url.js";
+import { useApiContext, useServerSelectContext } from "../../contexts/api.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/select.js";
+import { createContext, use, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DynamicCodeBlock } from "fumadocs-ui/components/dynamic-codeblock";
+
+//#region src/ui/operation/usage-tabs/client.tsx
 const Context = createContext(null);
-export function UsageTabsProvider({ route, examples, defaultExampleId, children, }) {
-    const [example, setExample] = useState(() => defaultExampleId ?? examples.at(0)?.id);
-    const listeners = useRef([]);
-    return (_jsx(Context, { value: useMemo(() => ({
-            example,
-            route,
-            setExample: (newKey) => {
-                const example = examples.find((example) => example.id === newKey);
-                if (!example)
-                    return;
-                setExample(newKey);
-                for (const listener of listeners.current) {
-                    listener(example.data, example.encoded);
-                }
-            },
-            examples,
-            setExampleData(data, encoded) {
-                for (const item of examples) {
-                    if (item.id === example) {
-                        // persistent changes
-                        item.data = data;
-                        item.encoded = encoded;
-                        break;
-                    }
-                }
-                for (const listener of listeners.current) {
-                    listener(data, encoded);
-                }
-            },
-            removeListener(listener) {
-                listeners.current = listeners.current.filter((item) => item !== listener);
-            },
-            addListener(listener) {
-                // initial call to listeners to ensure their data is the latest
-                // this is necessary to avoid race conditions between `useEffect()`
-                const active = examples.find((item) => item.id === example);
-                listener(active.data, active.encoded);
-                listeners.current.push(listener);
-            },
-        }), [example, route, examples]), children: children }));
+function UsageTabsProvider({ route, examples, defaultExampleId, children }) {
+	const [example, setExample] = useState(() => defaultExampleId ?? examples.at(0)?.id);
+	const listeners = useRef([]);
+	return /* @__PURE__ */ jsx(Context, {
+		value: useMemo(() => ({
+			example,
+			route,
+			setExample: (newKey) => {
+				const example$1 = examples.find((example$2) => example$2.id === newKey);
+				if (!example$1) return;
+				setExample(newKey);
+				for (const listener of listeners.current) listener(example$1.data, example$1.encoded);
+			},
+			examples,
+			setExampleData(data, encoded) {
+				for (const item of examples) if (item.id === example) {
+					item.data = data;
+					item.encoded = encoded;
+					break;
+				}
+				for (const listener of listeners.current) listener(data, encoded);
+			},
+			removeListener(listener) {
+				listeners.current = listeners.current.filter((item) => item !== listener);
+			},
+			addListener(listener) {
+				const active = examples.find((item) => item.id === example);
+				listener(active.data, active.encoded);
+				listeners.current.push(listener);
+			}
+		}), [
+			example,
+			route,
+			examples
+		]),
+		children
+	});
 }
-export function useExampleRequests() {
-    return use(Context);
+function useExampleRequests() {
+	return use(Context);
 }
-export function UsageTabsSelector() {
-    const { example: key, setExample: setKey, examples } = useExampleRequests();
-    const { APIExampleSelector: Override } = useApiContext().client.operation ?? {};
-    if (Override) {
-        return _jsx(Override, { items: examples, value: key, onValueChange: setKey });
-    }
-    function renderItem(item) {
-        return (_jsxs("div", { children: [_jsx("span", { className: "font-medium text-sm", children: item.name }), _jsx("span", { className: "text-fd-muted-foreground", children: item.description })] }));
-    }
-    if (examples.length === 1)
-        return null;
-    const selected = examples.find((item) => item.id === key);
-    return (_jsxs(Select, { value: key, onValueChange: setKey, children: [_jsx(SelectTrigger, { className: "not-prose mb-2", children: selected && _jsx(SelectValue, { asChild: true, children: renderItem(selected) }) }), _jsx(SelectContent, { children: examples.map((item) => (_jsx(SelectItem, { value: item.id, children: renderItem(item) }, item.id))) })] }));
+function UsageTabsSelector() {
+	const { example: key, setExample: setKey, examples } = useExampleRequests();
+	const { APIExampleSelector: Override } = useApiContext().client.operation ?? {};
+	if (Override) return /* @__PURE__ */ jsx(Override, {
+		items: examples,
+		value: key,
+		onValueChange: setKey
+	});
+	function renderItem(item) {
+		return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
+			className: "font-medium text-sm",
+			children: item.name
+		}), /* @__PURE__ */ jsx("span", {
+			className: "text-fd-muted-foreground",
+			children: item.description
+		})] });
+	}
+	if (examples.length === 1) return null;
+	const selected = examples.find((item) => item.id === key);
+	return /* @__PURE__ */ jsxs(Select, {
+		value: key,
+		onValueChange: setKey,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: "not-prose mb-2",
+			children: selected && /* @__PURE__ */ jsx(SelectValue, {
+				asChild: true,
+				children: renderItem(selected)
+			})
+		}), /* @__PURE__ */ jsx(SelectContent, { children: examples.map((item) => /* @__PURE__ */ jsx(SelectItem, {
+			value: item.id,
+			children: renderItem(item)
+		}, item.id)) })]
+	});
 }
-export function UsageTab(sample) {
-    const { shikiOptions, mediaAdapters } = useApiContext();
-    const { examples, example: selectedExampleId, route, addListener, removeListener, } = useExampleRequests();
-    const { server } = useServerSelectContext();
-    const [data, setData] = useState(() => examples.find((example) => example.id === selectedExampleId)?.encoded);
-    useEffect(() => {
-        const listener = (_, encoded) => setData(encoded);
-        addListener(listener);
-        return () => {
-            removeListener(listener);
-        };
-    }, [addListener, removeListener]);
-    const code = useMemo(() => {
-        if (!sample.source || !data)
-            return;
-        if (typeof sample.source === 'string')
-            return sample.source;
-        return sample.source(joinURL(withBase(server ? resolveServerUrl(server.url, server.variables) : '/', typeof window !== 'undefined'
-            ? window.location.origin
-            : 'https://loading'), resolveRequestData(route, data)), data, {
-            server: sample.serverContext,
-            mediaAdapters,
-        });
-    }, [mediaAdapters, sample, server, route, data]);
-    if (!code || !sample)
-        return null;
-    return (_jsx(DynamicCodeBlock, { lang: sample.lang, code: code, options: shikiOptions }));
+function UsageTab(sample) {
+	const { shikiOptions, mediaAdapters } = useApiContext();
+	const { examples, example: selectedExampleId, route, addListener, removeListener } = useExampleRequests();
+	const { server } = useServerSelectContext();
+	const [data, setData] = useState(() => examples.find((example) => example.id === selectedExampleId)?.encoded);
+	useEffect(() => {
+		const listener = (_, encoded) => setData(encoded);
+		addListener(listener);
+		return () => {
+			removeListener(listener);
+		};
+	}, [addListener, removeListener]);
+	const code = useMemo(() => {
+		if (!sample.source || !data) return;
+		if (typeof sample.source === "string") return sample.source;
+		return sample.source(joinURL(withBase(server ? resolveServerUrl(server.url, server.variables) : "/", typeof window !== "undefined" ? window.location.origin : "https://loading"), resolveRequestData(route, data)), data, {
+			server: sample.serverContext,
+			mediaAdapters
+		});
+	}, [
+		mediaAdapters,
+		sample,
+		server,
+		route,
+		data
+	]);
+	if (!code || !sample) return null;
+	return /* @__PURE__ */ jsx(DynamicCodeBlock, {
+		lang: sample.lang,
+		code,
+		options: shikiOptions
+	});
 }
+
+//#endregion
+export { UsageTab, UsageTabsProvider, UsageTabsSelector, useExampleRequests };
+//# sourceMappingURL=client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":["example","listener: ExampleUpdateListener"],"sources":["../../../../src/ui/operation/usage-tabs/client.tsx"],"sourcesContent":["'use client';\nimport { useApiContext, useServerSelectContext } from '@/ui/contexts/api';\nimport { joinURL, withBase, resolveServerUrl, resolveRequestData } from '@/utils/url';\nimport {\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n} from '@/ui/components/select';\nimport { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock';\nimport { useState, useEffect, useMemo, createContext, ReactNode, useRef, use } from 'react';\nimport type { CodeUsageGenerator } from '.';\nimport type { ExampleRequestItem } from '../request-tabs';\nimport type { RawRequestData, RequestData } from '@/requests/types';\n\nexport type ExampleUpdateListener = (data: RawRequestData, encoded: RequestData) => void;\n\nconst Context = createContext<{\n  route: string;\n  examples: ExampleRequestItem[];\n  example: string | undefined;\n  setExample: (id: string) => void;\n  setExampleData: (data: RawRequestData, encoded: RequestData) => void;\n\n  addListener: (listener: ExampleUpdateListener) => void;\n  removeListener: (listener: ExampleUpdateListener) => void;\n} | null>(null);\n\nexport function UsageTabsProvider({\n  route,\n  examples,\n  defaultExampleId,\n  children,\n}: {\n  route: string;\n  examples: ExampleRequestItem[];\n  defaultExampleId?: string;\n  children: ReactNode;\n}) {\n  const [example, setExample] = useState(() => defaultExampleId ?? examples.at(0)?.id);\n  const listeners = useRef<ExampleUpdateListener[]>([]);\n\n  return (\n    <Context\n      value={useMemo(\n        () => ({\n          example,\n          route,\n          setExample: (newKey: string) => {\n            const example = examples.find((example) => example.id === newKey);\n            if (!example) return;\n\n            setExample(newKey);\n            for (const listener of listeners.current) {\n              listener(example.data, example.encoded);\n            }\n          },\n          examples,\n          setExampleData(data, encoded) {\n            for (const item of examples) {\n              if (item.id === example) {\n                // persistent changes\n                item.data = data;\n                item.encoded = encoded;\n                break;\n              }\n            }\n\n            for (const listener of listeners.current) {\n              listener(data, encoded);\n            }\n          },\n          removeListener(listener) {\n            listeners.current = listeners.current.filter((item) => item !== listener);\n          },\n          addListener(listener) {\n            // initial call to listeners to ensure their data is the latest\n            // this is necessary to avoid race conditions between `useEffect()`\n            const active = examples.find((item) => item.id === example)!;\n\n            listener(active.data, active.encoded);\n            listeners.current.push(listener);\n          },\n        }),\n        [example, route, examples],\n      )}\n    >\n      {children}\n    </Context>\n  );\n}\n\nexport function useExampleRequests() {\n  return use(Context)!;\n}\n\nexport function UsageTabsSelector() {\n  const { example: key, setExample: setKey, examples } = useExampleRequests();\n  const { APIExampleSelector: Override } = useApiContext().client.operation ?? {};\n\n  if (Override) {\n    return <Override items={examples} value={key} onValueChange={setKey} />;\n  }\n\n  function renderItem(item: ExampleRequestItem) {\n    return (\n      <div>\n        <span className=\"font-medium text-sm\">{item.name}</span>\n        <span className=\"text-fd-muted-foreground\">{item.description}</span>\n      </div>\n    );\n  }\n\n  if (examples.length === 1) return null;\n  const selected = examples.find((item) => item.id === key);\n  return (\n    <Select value={key} onValueChange={setKey}>\n      <SelectTrigger className=\"not-prose mb-2\">\n        {selected && <SelectValue asChild>{renderItem(selected)}</SelectValue>}\n      </SelectTrigger>\n      <SelectContent>\n        {examples.map((item) => (\n          <SelectItem key={item.id} value={item.id}>\n            {renderItem(item)}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n\nexport function UsageTab(sample: CodeUsageGenerator) {\n  const { shikiOptions, mediaAdapters } = useApiContext();\n  const {\n    examples,\n    example: selectedExampleId,\n    route,\n    addListener,\n    removeListener,\n  } = useExampleRequests();\n  const { server } = useServerSelectContext();\n  const [data, setData] = useState(\n    () => examples.find((example) => example.id === selectedExampleId)?.encoded,\n  );\n\n  useEffect(() => {\n    const listener: ExampleUpdateListener = (_, encoded) => setData(encoded);\n\n    addListener(listener);\n    return () => {\n      removeListener(listener);\n    };\n  }, [addListener, removeListener]);\n\n  const code = useMemo(() => {\n    if (!sample.source || !data) return;\n    if (typeof sample.source === 'string') return sample.source;\n\n    return sample.source(\n      joinURL(\n        withBase(\n          server ? resolveServerUrl(server.url, server.variables) : '/',\n          typeof window !== 'undefined' ? window.location.origin : 'https://loading',\n        ),\n        resolveRequestData(route, data),\n      ),\n      data,\n      {\n        server: sample.serverContext,\n        mediaAdapters,\n      },\n    );\n  }, [mediaAdapters, sample, server, route, data]);\n\n  if (!code || !sample) return null;\n\n  return <DynamicCodeBlock lang={sample.lang} code={code} options={shikiOptions} />;\n}\n"],"mappings":"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"}

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

@@ -1,26 +1,27 @@
-import type { MethodInformation, RenderContext } from '../../../types.js';
-import type { SampleGenerator } from '../../../requests/types.js';
+import { SampleGenerator } from "../../../requests/types.js";
+import "../../../types.js";
+import "react";
+
+//#region src/ui/operation/usage-tabs/index.d.ts
 /**
  * Generate code example for given programming language
  */
-export interface CodeUsageGenerator<T = unknown> {
-    id: string;
-    lang: string;
-    label?: string;
-    /**
-     * either:
-     * - code
-     * - a function imported from a file with "use client" directive
-     * - false (disabled)
-     */
-    source?: string | SampleGenerator<T> | false;
-    /**
-     * Pass extra context to client-side source generator
-     */
-    serverContext?: T;
+interface CodeUsageGenerator<T = unknown> {
+  id: string;
+  lang: string;
+  label?: string;
+  /**
+   * either:
+   * - code
+   * - a function imported from a file with "use client" directive
+   * - false (disabled)
+   */
+  source?: string | SampleGenerator<T> | false;
+  /**
+   * Pass extra context to client-side source generator
+   */
+  serverContext?: T;
 }
-export declare function UsageTabs({ method, ctx, }: {
-    method: MethodInformation;
-    ctx: RenderContext;
-}): Promise<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | (string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined)>;
+//#endregion
+export { CodeUsageGenerator };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/operation/usage-tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAWxD;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IAE7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC;CACnB;AAED,wBAAsB,SAAS,CAAC,EAC9B,MAAM,EACN,GAAG,GACJ,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;CACpB,wWAmEA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/ui/operation/usage-tabs/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAeiB,UAAA,kBAAkB,CAAA,IAAA,OAAA,CAAA,CAAA;EAUC,EAAA,EAAA,MAAA;EAAhB,IAAA,EAAA,MAAA;EAKF,KAAA,CAAA,EAAA,MAAA;EAAC;;;;;;oBALC,gBAAgB;;;;kBAKlB"}

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

@@ -1,52 +1,67 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { defaultSamples } from '../../../requests/generators/index.js';
-import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, } from 'fumadocs-ui/components/codeblock';
-import { UsageTabsSelectorLazy, UsageTabLazy } from './lazy.js';
-import { ResponseTabs } from '../response-tabs.js';
-export async function UsageTabs({ method, ctx, }) {
-    let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};
-    renderAPIExampleLayout ?? (renderAPIExampleLayout = (slots) => {
-        return (_jsxs("div", { className: "prose-no-margin", children: [slots.selector, slots.usageTabs, slots.responseTabs] }));
-    });
-    renderAPIExampleUsageTabs ?? (renderAPIExampleUsageTabs = (generators) => {
-        if (generators.length === 0)
-            return null;
-        return (_jsxs(CodeBlockTabs, { groupId: "fumadocs_openapi_requests", defaultValue: generators[0].id, children: [_jsx(CodeBlockTabsList, { children: generators.map((item) => (_jsx(CodeBlockTabsTrigger, { value: item.id, children: item.label ?? item.lang }, item.id))) }), generators.map((item) => (_jsx(CodeBlockTab, { value: item.id, children: _jsx(UsageTabLazy, { ...item }) }, item.id)))] }));
-    });
-    let generators = [...defaultSamples];
-    if (ctx.generateCodeSamples) {
-        generators.push(...(await ctx.generateCodeSamples(method)));
-    }
-    if (method['x-codeSamples']) {
-        for (const sample of method['x-codeSamples']) {
-            generators.push('id' in sample && typeof sample.id === 'string'
-                ? sample
-                : {
-                    id: sample.lang,
-                    ...sample,
-                });
-        }
-    }
-    generators = dedupe(generators);
-    return renderAPIExampleLayout({
-        selector: method['x-exclusiveCodeSample'] ? null : (_jsx(UsageTabsSelectorLazy, {})),
-        usageTabs: await renderAPIExampleUsageTabs(generators, ctx),
-        responseTabs: _jsx(ResponseTabs, { operation: method, ctx: ctx }),
-    }, ctx);
+import { defaultSamples } from "../../../requests/generators/index.js";
+import { UsageTabLazy, UsageTabsSelectorLazy } from "./lazy.js";
+import { ResponseTabs } from "../response-tabs.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "fumadocs-ui/components/codeblock";
+
+//#region src/ui/operation/usage-tabs/index.tsx
+async function UsageTabs({ method, ctx }) {
+	let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};
+	renderAPIExampleLayout ??= (slots) => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "prose-no-margin",
+			children: [
+				slots.selector,
+				slots.usageTabs,
+				slots.responseTabs
+			]
+		});
+	};
+	renderAPIExampleUsageTabs ??= (generators$1) => {
+		if (generators$1.length === 0) return null;
+		return /* @__PURE__ */ jsxs(CodeBlockTabs, {
+			groupId: "fumadocs_openapi_requests",
+			defaultValue: generators$1[0].id,
+			children: [/* @__PURE__ */ jsx(CodeBlockTabsList, { children: generators$1.map((item) => /* @__PURE__ */ jsx(CodeBlockTabsTrigger, {
+				value: item.id,
+				children: item.label ?? item.lang
+			}, item.id)) }), generators$1.map((item) => /* @__PURE__ */ jsx(CodeBlockTab, {
+				value: item.id,
+				children: /* @__PURE__ */ jsx(UsageTabLazy, { ...item })
+			}, item.id))]
+		});
+	};
+	let generators = [...defaultSamples];
+	if (ctx.generateCodeSamples) generators.push(...await ctx.generateCodeSamples(method));
+	if (method["x-codeSamples"]) for (const sample of method["x-codeSamples"]) generators.push("id" in sample && typeof sample.id === "string" ? sample : {
+		id: sample.lang,
+		...sample
+	});
+	generators = dedupe(generators);
+	return renderAPIExampleLayout({
+		selector: method["x-exclusiveCodeSample"] ? null : /* @__PURE__ */ jsx(UsageTabsSelectorLazy, {}),
+		usageTabs: await renderAPIExampleUsageTabs(generators, ctx),
+		responseTabs: /* @__PURE__ */ jsx(ResponseTabs, {
+			operation: method,
+			ctx
+		})
+	}, ctx);
 }
 /**
- * Remove duplicated ids
- */
+* Remove duplicated ids
+*/
 function dedupe(samples) {
-    const set = new Set();
-    const out = [];
-    for (let i = samples.length - 1; i >= 0; i--) {
-        const item = samples[i];
-        if (set.has(item.id))
-            continue;
-        set.add(item.id);
-        if (item.source !== false)
-            out.unshift(item);
-    }
-    return out;
+	const set = /* @__PURE__ */ new Set();
+	const out = [];
+	for (let i = samples.length - 1; i >= 0; i--) {
+		const item = samples[i];
+		if (set.has(item.id)) continue;
+		set.add(item.id);
+		if (item.source !== false) out.unshift(item);
+	}
+	return out;
 }
+
+//#endregion
+export { UsageTabs };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["generators","generators: CodeUsageGenerator[]","out: CodeUsageGenerator[]"],"sources":["../../../../src/ui/operation/usage-tabs/index.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport type { SampleGenerator } from '@/requests/types';\nimport { defaultSamples } from '@/requests/generators';\nimport {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n} from 'fumadocs-ui/components/codeblock';\nimport { UsageTabsSelectorLazy, UsageTabLazy } from './lazy';\nimport { ResponseTabs } from '../response-tabs';\n\n/**\n * Generate code example for given programming language\n */\nexport interface CodeUsageGenerator<T = unknown> {\n  id: string;\n  lang: string;\n  label?: string;\n  /**\n   * either:\n   * - code\n   * - a function imported from a file with \"use client\" directive\n   * - false (disabled)\n   */\n  source?: string | SampleGenerator<T> | false;\n\n  /**\n   * Pass extra context to client-side source generator\n   */\n  serverContext?: T;\n}\n\nexport async function UsageTabs({\n  method,\n  ctx,\n}: {\n  method: MethodInformation;\n  ctx: RenderContext;\n}) {\n  let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};\n\n  renderAPIExampleLayout ??= (slots) => {\n    return (\n      <div className=\"prose-no-margin\">\n        {slots.selector}\n        {slots.usageTabs}\n        {slots.responseTabs}\n      </div>\n    );\n  };\n\n  renderAPIExampleUsageTabs ??= (generators) => {\n    if (generators.length === 0) return null;\n\n    return (\n      <CodeBlockTabs groupId=\"fumadocs_openapi_requests\" defaultValue={generators[0].id}>\n        <CodeBlockTabsList>\n          {generators.map((item) => (\n            <CodeBlockTabsTrigger key={item.id} value={item.id}>\n              {item.label ?? item.lang}\n            </CodeBlockTabsTrigger>\n          ))}\n        </CodeBlockTabsList>\n        {generators.map((item) => (\n          <CodeBlockTab key={item.id} value={item.id}>\n            <UsageTabLazy {...item} />\n          </CodeBlockTab>\n        ))}\n      </CodeBlockTabs>\n    );\n  };\n\n  let generators: CodeUsageGenerator[] = [...defaultSamples];\n  if (ctx.generateCodeSamples) {\n    generators.push(...(await ctx.generateCodeSamples(method)));\n  }\n\n  if (method['x-codeSamples']) {\n    for (const sample of method['x-codeSamples']) {\n      generators.push(\n        'id' in sample && typeof sample.id === 'string'\n          ? (sample as CodeUsageGenerator)\n          : {\n              id: sample.lang,\n              ...sample,\n            },\n      );\n    }\n  }\n\n  generators = dedupe(generators);\n\n  return renderAPIExampleLayout(\n    {\n      selector: method['x-exclusiveCodeSample'] ? null : <UsageTabsSelectorLazy />,\n      usageTabs: await renderAPIExampleUsageTabs(generators, ctx),\n      responseTabs: <ResponseTabs operation={method} ctx={ctx} />,\n    },\n    ctx,\n  );\n}\n\n/**\n * Remove duplicated ids\n */\nfunction dedupe(samples: CodeUsageGenerator[]): CodeUsageGenerator[] {\n  const set = new Set<string>();\n  const out: CodeUsageGenerator[] = [];\n\n  for (let i = samples.length - 1; i >= 0; i--) {\n    const item = samples[i];\n    if (set.has(item.id)) continue;\n    set.add(item.id);\n    if (item.source !== false) out.unshift(item);\n  }\n\n  return out;\n}\n"],"mappings":";;;;;;;AAiCA,eAAsB,UAAU,EAC9B,QACA,OAIC;CACD,IAAI,EAAE,2BAA2B,2BAA2B,IAAI,WAAW,EAAE;AAE7E,6BAA4B,UAAU;AACpC,SACE,qBAAC;GAAI,WAAU;;IACZ,MAAM;IACN,MAAM;IACN,MAAM;;IACH;;AAIV,gCAA+B,iBAAe;AAC5C,MAAIA,aAAW,WAAW,EAAG,QAAO;AAEpC,SACE,qBAAC;GAAc,SAAQ;GAA4B,cAAcA,aAAW,GAAG;cAC7E,oBAAC,+BACEA,aAAW,KAAK,SACf,oBAAC;IAAmC,OAAO,KAAK;cAC7C,KAAK,SAAS,KAAK;MADK,KAAK,GAET,CACvB,GACgB,EACnBA,aAAW,KAAK,SACf,oBAAC;IAA2B,OAAO,KAAK;cACtC,oBAAC,gBAAa,GAAI,OAAQ;MADT,KAAK,GAET,CACf;IACY;;CAIpB,IAAIC,aAAmC,CAAC,GAAG,eAAe;AAC1D,KAAI,IAAI,oBACN,YAAW,KAAK,GAAI,MAAM,IAAI,oBAAoB,OAAO,CAAE;AAG7D,KAAI,OAAO,iBACT,MAAK,MAAM,UAAU,OAAO,iBAC1B,YAAW,KACT,QAAQ,UAAU,OAAO,OAAO,OAAO,WAClC,SACD;EACE,IAAI,OAAO;EACX,GAAG;EACJ,CACN;AAIL,cAAa,OAAO,WAAW;AAE/B,QAAO,uBACL;EACE,UAAU,OAAO,2BAA2B,OAAO,oBAAC,0BAAwB;EAC5E,WAAW,MAAM,0BAA0B,YAAY,IAAI;EAC3D,cAAc,oBAAC;GAAa,WAAW;GAAa;IAAO;EAC5D,EACD,IACD;;;;;AAMH,SAAS,OAAO,SAAqD;CACnE,MAAM,sBAAM,IAAI,KAAa;CAC7B,MAAMC,MAA4B,EAAE;AAEpC,MAAK,IAAI,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;EAC5C,MAAM,OAAO,QAAQ;AACrB,MAAI,IAAI,IAAI,KAAK,GAAG,CAAE;AACtB,MAAI,IAAI,KAAK,GAAG;AAChB,MAAI,KAAK,WAAW,MAAO,KAAI,QAAQ,KAAK;;AAG9C,QAAO"}

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

@@ -1,5 +1,12 @@
 'use client';
-import { wrapLazy } from '../../../utils/lazy.js';
-export const UsageTabsSelectorLazy = wrapLazy(() => import('./client.js').then((mod) => ({ default: mod.UsageTabsSelector })));
-export const UsageTabLazy = wrapLazy(() => import('./client.js').then((mod) => ({ default: mod.UsageTab })));
-export const UsageTabsProviderLazy = wrapLazy(() => import('./client.js').then((mod) => ({ default: mod.UsageTabsProvider })));
+
+import { wrapLazy } from "../../../utils/lazy.js";
+
+//#region src/ui/operation/usage-tabs/lazy.tsx
+const UsageTabsSelectorLazy = wrapLazy(() => import("./client.js").then((mod) => ({ default: mod.UsageTabsSelector })));
+const UsageTabLazy = wrapLazy(() => import("./client.js").then((mod) => ({ default: mod.UsageTab })));
+const UsageTabsProviderLazy = wrapLazy(() => import("./client.js").then((mod) => ({ default: mod.UsageTabsProvider })));
+
+//#endregion
+export { UsageTabLazy, UsageTabsProviderLazy, UsageTabsSelectorLazy };
+//# sourceMappingURL=lazy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/lazy.tsx"],"sourcesContent":["'use client';\nimport { wrapLazy } from '../../../utils/lazy';\n\nexport const UsageTabsSelectorLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTabsSelector })),\n);\n\nexport const UsageTabLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTab })),\n);\n\nexport const UsageTabsProviderLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTabsProvider })),\n);\n"],"mappings":";;;;;AAGA,MAAa,wBAAwB,eACnC,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,mBAAmB,EAAE,CACvE;AAED,MAAa,eAAe,eAC1B,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,UAAU,EAAE,CAC9D;AAED,MAAa,wBAAwB,eACnC,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,mBAAmB,EAAE,CACvE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/ui/schema/client.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAc,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAyDrE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAEzB,SAAS,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAgB,EAChB,EAAe,EACf,SAAS,GACV,EAAE,aAAa,2CAoBf"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/ui/schema/client.tsx"],"sourcesContent":[],"mappings":";;;;UA+DiB,aAAA;;;EAAA,EAAA,CAAA,EAAA,UAAA,GAAa,MAAA;aAKjB"}