fumadocs-openapi 10.2.2 → 10.2.4

package/dist/playground/components/server-select.js

@@ -1,59 +1,119 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApiContext, useServerSelectContext } from '../../ui/contexts/api.js';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/components/select.js';
-import { Input, labelVariants } from '../../ui/components/input.js';
-import { useEffect, useState, useEffectEvent, } from 'react';
-import { cn } from '../../utils/cn.js';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from '../../ui/components/dialog.js';
-import { resolveServerUrl, withBase } from '../../utils/url.js';
-import { FormProvider, useController, useForm } from 'react-hook-form';
-export default function ServerSelect(props) {
-    const { servers } = useApiContext();
-    const { server, setServer, setServerVariables } = useServerSelectContext();
-    const [open, setOpen] = useState(false);
-    const [isMounted, setIsMounted] = useState(false);
-    useEffect(() => {
-        setIsMounted(true);
-    }, []);
-    if (servers.length <= 0)
-        return;
-    const serverSchema = server
-        ? servers.find((obj) => obj.url === server.url)
-        : null;
-    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { className: "text-xs p-3 py-2 bg-fd-muted text-fd-muted-foreground transition-colors truncate hover:bg-fd-accent hover:text-fd-accent-foreground focus-visible:outline-none", children: isMounted
-                    ? withBase(server ? resolveServerUrl(server.url, server.variables) : '/', window.location.origin)
-                    : 'loading...' }), _jsxs(DialogContent, { ...props, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Server URL" }), _jsx(DialogDescription, { children: "The base URL of your API endpoint." })] }), _jsxs(Select, { value: server?.url, onValueChange: setServer, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: servers.map((item) => (_jsxs(SelectItem, { value: item.url, children: [_jsx("code", { className: "text-[0.8125rem]", children: item.url }), _jsx("p", { className: "text-fd-muted-foreground", children: item.description })] }, item.url))) })] }), server?.variables && serverSchema?.variables && (_jsx(ServerSelectContent, { defaultValues: server.variables, schema: serverSchema.variables, onChange: setServerVariables }, server.url))] })] }));
+
+import { resolveServerUrl, withBase } from "../../utils/url.js";
+import { useApiContext, useServerSelectContext } from "../../ui/contexts/api.js";
+import { cn } from "../../utils/cn.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
+import { Input, labelVariants } from "../../ui/components/input.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../ui/components/dialog.js";
+import { useEffect, useEffectEvent, useState } from "react";
+import { FormProvider, useController, useForm } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/playground/components/server-select.tsx
+function ServerSelect(props) {
+	const { servers } = useApiContext();
+	const { server, setServer, setServerVariables } = useServerSelectContext();
+	const [open, setOpen] = useState(false);
+	const [isMounted, setIsMounted] = useState(false);
+	useEffect(() => {
+		setIsMounted(true);
+	}, []);
+	if (servers.length <= 0) return;
+	const serverSchema = server ? servers.find((obj) => obj.url === server.url) : null;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(DialogTrigger, {
+			className: "text-xs p-3 py-2 bg-fd-muted text-fd-muted-foreground transition-colors truncate hover:bg-fd-accent hover:text-fd-accent-foreground focus-visible:outline-none",
+			children: isMounted ? withBase(server ? resolveServerUrl(server.url, server.variables) : "/", window.location.origin) : "loading..."
+		}), /* @__PURE__ */ jsxs(DialogContent, {
+			...props,
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Server URL" }), /* @__PURE__ */ jsx(DialogDescription, { children: "The base URL of your API endpoint." })] }),
+				/* @__PURE__ */ jsxs(Select, {
+					value: server?.url,
+					onValueChange: setServer,
+					children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }), /* @__PURE__ */ jsx(SelectContent, { children: servers.map((item) => /* @__PURE__ */ jsxs(SelectItem, {
+						value: item.url,
+						children: [/* @__PURE__ */ jsx("code", {
+							className: "text-[0.8125rem]",
+							children: item.url
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-fd-muted-foreground",
+							children: item.description
+						})]
+					}, item.url)) })]
+				}),
+				server?.variables && serverSchema?.variables && /* @__PURE__ */ jsx(ServerSelectContent, {
+					defaultValues: server.variables,
+					schema: serverSchema.variables,
+					onChange: setServerVariables
+				}, server.url)
+			]
+		})]
+	});
 }
-function ServerSelectContent({ defaultValues, onChange, schema, }) {
-    const form = useForm({
-        defaultValues,
-    });
-    const onChangeDebounced = useEffectEvent(onChange);
-    useEffect(() => {
-        let timer = null;
-        return form.subscribe({
-            formState: {
-                values: true,
-            },
-            callback({ values }) {
-                if (timer !== null)
-                    window.clearTimeout(timer);
-                timer = window.setTimeout(() => onChangeDebounced(values), 500);
-            },
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps -- `form` shouldn't be included
-    }, []);
-    return (_jsx(FormProvider, { ...form, children: _jsx("div", { className: "flex flex-col gap-4", children: Object.entries(schema).map(([key, variable]) => {
-                return (_jsxs("fieldset", { className: "flex flex-col gap-1", children: [_jsx("label", { className: cn(labelVariants()), htmlFor: key, children: key }), _jsx("p", { className: "text-xs text-fd-muted-foreground empty:hidden", children: variable.description }), _jsx(Field, { fieldName: key, variable: variable })] }, key));
-            }) }) }));
+function ServerSelectContent({ defaultValues, onChange, schema }) {
+	const form = useForm({ defaultValues });
+	const onChangeDebounced = useEffectEvent(onChange);
+	useEffect(() => {
+		let timer = null;
+		return form.subscribe({
+			formState: { values: true },
+			callback({ values }) {
+				if (timer !== null) window.clearTimeout(timer);
+				timer = window.setTimeout(() => onChangeDebounced(values), 500);
+			}
+		});
+	}, []);
+	return /* @__PURE__ */ jsx(FormProvider, {
+		...form,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-4",
+			children: Object.entries(schema).map(([key, variable]) => {
+				return /* @__PURE__ */ jsxs("fieldset", {
+					className: "flex flex-col gap-1",
+					children: [
+						/* @__PURE__ */ jsx("label", {
+							className: cn(labelVariants()),
+							htmlFor: key,
+							children: key
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-xs text-fd-muted-foreground empty:hidden",
+							children: variable.description
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							fieldName: key,
+							variable
+						})
+					]
+				}, key);
+			})
+		})
+	});
 }
-function Field({ fieldName, variable, }) {
-    const { field } = useController({
-        name: fieldName,
-    });
-    if (variable.enum) {
-        return (_jsxs(Select, { value: field.value, onValueChange: field.onChange, children: [_jsx(SelectTrigger, { id: fieldName, ref: field.ref, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: variable.enum.map((value) => (_jsx(SelectItem, { value: value, children: value }, value))) })] }));
-    }
-    return _jsx(Input, { id: fieldName, ...field });
+function Field({ fieldName, variable }) {
+	const { field } = useController({ name: fieldName });
+	if (variable.enum) return /* @__PURE__ */ jsxs(Select, {
+		value: field.value,
+		onValueChange: field.onChange,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			id: fieldName,
+			ref: field.ref,
+			children: /* @__PURE__ */ jsx(SelectValue, {})
+		}), /* @__PURE__ */ jsx(SelectContent, { children: variable.enum.map((value) => /* @__PURE__ */ jsx(SelectItem, {
+			value,
+			children: value
+		}, value)) })]
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		id: fieldName,
+		...field
+	});
 }
+
+//#endregion
+export { ServerSelect as default };
+//# sourceMappingURL=server-select.js.map

package/dist/playground/components/server-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-select.js","names":["timer: number | null"],"sources":["../../../src/playground/components/server-select.tsx"],"sourcesContent":["'use client';\nimport { useApiContext, useServerSelectContext } from '@/ui/contexts/api';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/ui/components/select';\nimport { Input, labelVariants } from '@/ui/components/input';\nimport { type HTMLAttributes, useEffect, useState, useEffectEvent } from 'react';\nimport { cn } from '@/utils/cn';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/ui/components/dialog';\nimport { resolveServerUrl, withBase } from '@/utils/url';\nimport { FormProvider, useController, useForm } from 'react-hook-form';\nimport type { ServerVariableObject } from '@/types';\nimport type { NoReference } from '@/utils/schema';\n\nexport default function ServerSelect(props: HTMLAttributes<HTMLDivElement>) {\n  const { servers } = useApiContext();\n  const { server, setServer, setServerVariables } = useServerSelectContext();\n  const [open, setOpen] = useState(false);\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  if (servers.length <= 0) return;\n  const serverSchema = server ? servers.find((obj) => obj.url === server.url) : null;\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogTrigger className=\"text-xs p-3 py-2 bg-fd-muted text-fd-muted-foreground transition-colors truncate hover:bg-fd-accent hover:text-fd-accent-foreground focus-visible:outline-none\">\n        {isMounted\n          ? withBase(\n              server ? resolveServerUrl(server.url, server.variables) : '/',\n              window.location.origin,\n            )\n          : 'loading...'}\n      </DialogTrigger>\n      <DialogContent {...props}>\n        <DialogHeader>\n          <DialogTitle>Server URL</DialogTitle>\n          <DialogDescription>The base URL of your API endpoint.</DialogDescription>\n        </DialogHeader>\n        <Select value={server?.url} onValueChange={setServer}>\n          <SelectTrigger>\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {servers.map((item) => (\n              <SelectItem key={item.url} value={item.url}>\n                <code className=\"text-[0.8125rem]\">{item.url}</code>\n                <p className=\"text-fd-muted-foreground\">{item.description}</p>\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {server?.variables && serverSchema?.variables && (\n          <ServerSelectContent\n            key={server.url}\n            defaultValues={server.variables}\n            schema={serverSchema.variables}\n            onChange={setServerVariables}\n          />\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction ServerSelectContent({\n  defaultValues,\n  onChange,\n  schema,\n}: {\n  defaultValues: Record<string, string>;\n  onChange: (values: Record<string, string>) => void;\n  schema: Record<string, NoReference<ServerVariableObject>>;\n}) {\n  const form = useForm({\n    defaultValues,\n  });\n\n  const onChangeDebounced = useEffectEvent(onChange);\n  useEffect(() => {\n    let timer: number | null = null;\n\n    return form.subscribe({\n      formState: {\n        values: true,\n      },\n      callback({ values }) {\n        if (timer !== null) window.clearTimeout(timer);\n\n        timer = window.setTimeout(() => onChangeDebounced(values), 500);\n      },\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- `form` shouldn't be included\n  }, []);\n\n  return (\n    <FormProvider {...form}>\n      <div className=\"flex flex-col gap-4\">\n        {Object.entries(schema).map(([key, variable]) => {\n          return (\n            <fieldset key={key} className=\"flex flex-col gap-1\">\n              <label className={cn(labelVariants())} htmlFor={key}>\n                {key}\n              </label>\n              <p className=\"text-xs text-fd-muted-foreground empty:hidden\">\n                {variable.description}\n              </p>\n              <Field fieldName={key} variable={variable} />\n            </fieldset>\n          );\n        })}\n      </div>\n    </FormProvider>\n  );\n}\n\nfunction Field({\n  fieldName,\n  variable,\n}: {\n  variable: NoReference<ServerVariableObject>;\n  fieldName: string;\n}) {\n  const { field } = useController({\n    name: fieldName,\n  });\n\n  if (variable.enum) {\n    return (\n      <Select value={field.value} onValueChange={field.onChange}>\n        <SelectTrigger id={fieldName} ref={field.ref}>\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          {variable.enum.map((value) => (\n            <SelectItem key={value} value={value}>\n              {value}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    );\n  }\n\n  return <Input id={fieldName} {...field} />;\n}\n"],"mappings":";;;;;;;;;;;;;AAyBA,SAAwB,aAAa,OAAuC;CAC1E,MAAM,EAAE,YAAY,eAAe;CACnC,MAAM,EAAE,QAAQ,WAAW,uBAAuB,wBAAwB;CAC1E,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;AAEjD,iBAAgB;AACd,eAAa,KAAK;IACjB,EAAE,CAAC;AAEN,KAAI,QAAQ,UAAU,EAAG;CACzB,MAAM,eAAe,SAAS,QAAQ,MAAM,QAAQ,IAAI,QAAQ,OAAO,IAAI,GAAG;AAE9E,QACE,qBAAC;EAAa;EAAM,cAAc;aAChC,oBAAC;GAAc,WAAU;aACtB,YACG,SACE,SAAS,iBAAiB,OAAO,KAAK,OAAO,UAAU,GAAG,KAC1D,OAAO,SAAS,OACjB,GACD;IACU,EAChB,qBAAC;GAAc,GAAI;;IACjB,qBAAC,2BACC,oBAAC,yBAAY,eAAwB,EACrC,oBAAC,+BAAkB,uCAAsD,IAC5D;IACf,qBAAC;KAAO,OAAO,QAAQ;KAAK,eAAe;gBACzC,oBAAC,2BACC,oBAAC,gBAAc,GACD,EAChB,oBAAC,2BACE,QAAQ,KAAK,SACZ,qBAAC;MAA0B,OAAO,KAAK;iBACrC,oBAAC;OAAK,WAAU;iBAAoB,KAAK;QAAW,EACpD,oBAAC;OAAE,WAAU;iBAA4B,KAAK;QAAgB;QAF/C,KAAK,IAGT,CACb,GACY;MACT;IACR,QAAQ,aAAa,cAAc,aAClC,oBAAC;KAEC,eAAe,OAAO;KACtB,QAAQ,aAAa;KACrB,UAAU;OAHL,OAAO,IAIZ;;IAEU;GACT;;AAIb,SAAS,oBAAoB,EAC3B,eACA,UACA,UAKC;CACD,MAAM,OAAO,QAAQ,EACnB,eACD,CAAC;CAEF,MAAM,oBAAoB,eAAe,SAAS;AAClD,iBAAgB;EACd,IAAIA,QAAuB;AAE3B,SAAO,KAAK,UAAU;GACpB,WAAW,EACT,QAAQ,MACT;GACD,SAAS,EAAE,UAAU;AACnB,QAAI,UAAU,KAAM,QAAO,aAAa,MAAM;AAE9C,YAAQ,OAAO,iBAAiB,kBAAkB,OAAO,EAAE,IAAI;;GAElE,CAAC;IAED,EAAE,CAAC;AAEN,QACE,oBAAC;EAAa,GAAI;YAChB,oBAAC;GAAI,WAAU;aACZ,OAAO,QAAQ,OAAO,CAAC,KAAK,CAAC,KAAK,cAAc;AAC/C,WACE,qBAAC;KAAmB,WAAU;;MAC5B,oBAAC;OAAM,WAAW,GAAG,eAAe,CAAC;OAAE,SAAS;iBAC7C;QACK;MACR,oBAAC;OAAE,WAAU;iBACV,SAAS;QACR;MACJ,oBAAC;OAAM,WAAW;OAAe;QAAY;;OAPhC,IAQJ;KAEb;IACE;GACO;;AAInB,SAAS,MAAM,EACb,WACA,YAIC;CACD,MAAM,EAAE,UAAU,cAAc,EAC9B,MAAM,WACP,CAAC;AAEF,KAAI,SAAS,KACX,QACE,qBAAC;EAAO,OAAO,MAAM;EAAO,eAAe,MAAM;aAC/C,oBAAC;GAAc,IAAI;GAAW,KAAK,MAAM;aACvC,oBAAC,gBAAc;IACD,EAChB,oBAAC,2BACE,SAAS,KAAK,KAAK,UAClB,oBAAC;GAA8B;aAC5B;KADc,MAEJ,CACb,GACY;GACT;AAIb,QAAO,oBAAC;EAAM,IAAI;EAAW,GAAI;GAAS"}

package/dist/playground/fetcher.d.ts

@@ -1,20 +1,12 @@
-import type { RequestData } from '../requests/types.js';
-import type { MediaAdapter } from '../requests/media/adapter.js';
-export interface FetchOptions extends RequestData {
-    proxyUrl?: string;
+import "../requests/types.js";
+
+//#region src/playground/fetcher.d.ts
+
+interface FetchResult {
+  status: number;
+  type: 'json' | 'html' | 'text';
+  data: unknown;
 }
-export interface FetchResult {
-    status: number;
-    type: 'json' | 'html' | 'text';
-    data: unknown;
-}
-export interface Fetcher {
-    /**
-     * This method will not apply the path & search parameters from `options` to given `url`.
-     *
-     * @param url - The full URL of request.
-     */
-    fetch: (url: string, options: FetchOptions) => Promise<FetchResult>;
-}
-export declare function createBrowserFetcher(adapters: Record<string, MediaAdapter>, requestTimeout: number): Fetcher;
+//#endregion
+export { FetchResult };
 //# sourceMappingURL=fetcher.d.ts.map

package/dist/playground/fetcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../src/playground/fetcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACtB;;;;OAIG;IACH,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;CACrE;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,EACtC,cAAc,EAAE,MAAM,GACrB,OAAO,CAwFT"}
+{"version":3,"file":"fetcher.d.ts","names":[],"sources":["../../src/playground/fetcher.ts"],"sourcesContent":[],"mappings":";;;;UAQiB,WAAA"}

package/dist/playground/fetcher.js

@@ -1,76 +1,68 @@
-import { resolveMediaAdapter } from '../requests/media/adapter.js';
-export function createBrowserFetcher(adapters, requestTimeout) {
-    return {
-        async fetch(url, options) {
-            const headers = new Headers();
-            if (options.bodyMediaType &&
-                options.bodyMediaType !== 'multipart/form-data')
-                headers.append('Content-Type', options.bodyMediaType);
-            for (const key in options.header) {
-                const param = options.header[key];
-                if (!Array.isArray(param.value)) {
-                    headers.append(key, param.value);
-                }
-                else {
-                    headers.append(key, param.value.join(','));
-                }
-            }
-            const proxyUrl = options.proxyUrl
-                ? new URL(options.proxyUrl, document.baseURI)
-                : null;
-            if (proxyUrl) {
-                proxyUrl.searchParams.append('url', url);
-                url = proxyUrl.toString();
-            }
-            let body = undefined;
-            if (options.bodyMediaType && options.body) {
-                const adapter = resolveMediaAdapter(options.bodyMediaType, adapters);
-                if (!adapter)
-                    return {
-                        status: 400,
-                        type: 'text',
-                        data: `[Fumadocs] No adapter for ${options.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`,
-                    };
-                body = adapter.encode(options);
-            }
-            // cookies
-            for (const key in options.cookie) {
-                const param = options.cookie[key];
-                const segs = [`${key}=${param.value}`];
-                if (proxyUrl && proxyUrl.origin !== window.location.origin)
-                    segs.push(`domain=${proxyUrl.host}`);
-                segs.push('path=/', 'max-age=30');
-                document.cookie = segs.join('; ');
-            }
-            return fetch(url, {
-                method: options.method,
-                cache: 'no-cache',
-                headers,
-                body,
-                signal: AbortSignal.timeout(requestTimeout * 1000),
-            })
-                .then(async (res) => {
-                const contentType = res.headers.get('Content-Type') ?? '';
-                let type;
-                let data;
-                if (contentType.startsWith('application/json')) {
-                    type = 'json';
-                    data = await res.json();
-                }
-                else {
-                    type = contentType.startsWith('text/html') ? 'html' : 'text';
-                    data = await res.text();
-                }
-                return { status: res.status, type, data };
-            })
-                .catch((e) => {
-                const message = e instanceof Error ? `[${e.name}] ${e.message}` : e.toString();
-                return {
-                    status: 400,
-                    type: 'text',
-                    data: `Client side error: ${message}`,
-                };
-            });
-        },
-    };
+import { resolveMediaAdapter } from "../requests/media/resolve-adapter.js";
+import "../requests/media/adapter.js";
+
+//#region src/playground/fetcher.ts
+function createBrowserFetcher(adapters, requestTimeout) {
+	return { async fetch(url, options) {
+		const headers = new Headers();
+		if (options.bodyMediaType && options.bodyMediaType !== "multipart/form-data") headers.append("Content-Type", options.bodyMediaType);
+		for (const key in options.header) {
+			const param = options.header[key];
+			headers.append(key, param.value);
+		}
+		const proxyUrl = options.proxyUrl ? new URL(options.proxyUrl, document.baseURI) : null;
+		if (proxyUrl) {
+			proxyUrl.searchParams.append("url", url);
+			url = proxyUrl.toString();
+		}
+		let body = void 0;
+		if (options.bodyMediaType && options.body) {
+			const adapter = resolveMediaAdapter(options.bodyMediaType, adapters);
+			if (!adapter) return {
+				status: 400,
+				type: "text",
+				data: `[Fumadocs] No adapter for ${options.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`
+			};
+			body = adapter.encode(options);
+		}
+		for (const key in options.cookie) {
+			const segs = [`${key}=${options.cookie[key].value}`];
+			if (proxyUrl && proxyUrl.origin !== window.location.origin) segs.push(`domain=${proxyUrl.host}`);
+			segs.push("path=/", "max-age=30");
+			document.cookie = segs.join("; ");
+		}
+		return fetch(url, {
+			method: options.method,
+			cache: "no-cache",
+			headers,
+			body,
+			signal: AbortSignal.timeout(requestTimeout * 1e3)
+		}).then(async (res) => {
+			const contentType = res.headers.get("Content-Type") ?? "";
+			let type;
+			let data;
+			if (contentType.startsWith("application/json")) {
+				type = "json";
+				data = await res.json();
+			} else {
+				type = contentType.startsWith("text/html") ? "html" : "text";
+				data = await res.text();
+			}
+			return {
+				status: res.status,
+				type,
+				data
+			};
+		}).catch((e) => {
+			return {
+				status: 400,
+				type: "text",
+				data: `Client side error: ${e instanceof Error ? `[${e.name}] ${e.message}` : e.toString()}`
+			};
+		});
+	} };
 }
+
+//#endregion
+export { createBrowserFetcher };
+//# sourceMappingURL=fetcher.js.map

package/dist/playground/fetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetcher.js","names":["body: BodyInit | undefined","segs: string[]","type: FetchResult['type']","data: unknown"],"sources":["../../src/playground/fetcher.ts"],"sourcesContent":["import type { RequestData } from '@/requests/types';\nimport type { MediaAdapter } from '@/requests/media/adapter';\nimport { resolveMediaAdapter } from '@/requests/media/adapter';\n\nexport interface FetchOptions extends RequestData {\n  proxyUrl?: string;\n}\n\nexport interface FetchResult {\n  status: number;\n  type: 'json' | 'html' | 'text';\n  data: unknown;\n}\n\nexport interface Fetcher {\n  /**\n   * This method will not apply the path & search parameters from `options` to given `url`.\n   *\n   * @param url - The full URL of request.\n   */\n  fetch: (url: string, options: FetchOptions) => Promise<FetchResult>;\n}\n\nexport function createBrowserFetcher(\n  adapters: Record<string, MediaAdapter>,\n  requestTimeout: number,\n): Fetcher {\n  return {\n    async fetch(url, options) {\n      const headers = new Headers();\n      if (options.bodyMediaType && options.bodyMediaType !== 'multipart/form-data')\n        headers.append('Content-Type', options.bodyMediaType);\n\n      for (const key in options.header) {\n        const param = options.header[key];\n        headers.append(key, param.value);\n      }\n\n      const proxyUrl = options.proxyUrl ? new URL(options.proxyUrl, document.baseURI) : null;\n\n      if (proxyUrl) {\n        proxyUrl.searchParams.append('url', url);\n        url = proxyUrl.toString();\n      }\n\n      let body: BodyInit | undefined = undefined;\n      if (options.bodyMediaType && options.body) {\n        const adapter = resolveMediaAdapter(options.bodyMediaType, adapters);\n        if (!adapter)\n          return {\n            status: 400,\n            type: 'text',\n            data: `[Fumadocs] No adapter for ${options.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`,\n          };\n\n        body = adapter.encode(options as { body: unknown });\n      }\n\n      // cookies\n      for (const key in options.cookie) {\n        const param = options.cookie[key];\n        const segs: string[] = [`${key}=${param.value}`];\n\n        if (proxyUrl && proxyUrl.origin !== window.location.origin)\n          segs.push(`domain=${proxyUrl.host}`);\n        segs.push('path=/', 'max-age=30');\n\n        document.cookie = segs.join('; ');\n      }\n\n      return fetch(url, {\n        method: options.method,\n        cache: 'no-cache',\n        headers,\n        body,\n        signal: AbortSignal.timeout(requestTimeout * 1000),\n      })\n        .then(async (res) => {\n          const contentType = res.headers.get('Content-Type') ?? '';\n          let type: FetchResult['type'];\n          let data: unknown;\n\n          if (contentType.startsWith('application/json')) {\n            type = 'json';\n            data = await res.json();\n          } else {\n            type = contentType.startsWith('text/html') ? 'html' : 'text';\n            data = await res.text();\n          }\n\n          return { status: res.status, type, data };\n        })\n        .catch((e) => {\n          const message = e instanceof Error ? `[${e.name}] ${e.message}` : e.toString();\n\n          return {\n            status: 400,\n            type: 'text',\n            data: `Client side error: ${message}`,\n          };\n        });\n    },\n  };\n}\n"],"mappings":";;;;AAuBA,SAAgB,qBACd,UACA,gBACS;AACT,QAAO,EACL,MAAM,MAAM,KAAK,SAAS;EACxB,MAAM,UAAU,IAAI,SAAS;AAC7B,MAAI,QAAQ,iBAAiB,QAAQ,kBAAkB,sBACrD,SAAQ,OAAO,gBAAgB,QAAQ,cAAc;AAEvD,OAAK,MAAM,OAAO,QAAQ,QAAQ;GAChC,MAAM,QAAQ,QAAQ,OAAO;AAC7B,WAAQ,OAAO,KAAK,MAAM,MAAM;;EAGlC,MAAM,WAAW,QAAQ,WAAW,IAAI,IAAI,QAAQ,UAAU,SAAS,QAAQ,GAAG;AAElF,MAAI,UAAU;AACZ,YAAS,aAAa,OAAO,OAAO,IAAI;AACxC,SAAM,SAAS,UAAU;;EAG3B,IAAIA,OAA6B;AACjC,MAAI,QAAQ,iBAAiB,QAAQ,MAAM;GACzC,MAAM,UAAU,oBAAoB,QAAQ,eAAe,SAAS;AACpE,OAAI,CAAC,QACH,QAAO;IACL,QAAQ;IACR,MAAM;IACN,MAAM,6BAA6B,QAAQ,cAAc;IAC1D;AAEH,UAAO,QAAQ,OAAO,QAA6B;;AAIrD,OAAK,MAAM,OAAO,QAAQ,QAAQ;GAEhC,MAAMC,OAAiB,CAAC,GAAG,IAAI,GADjB,QAAQ,OAAO,KACW,QAAQ;AAEhD,OAAI,YAAY,SAAS,WAAW,OAAO,SAAS,OAClD,MAAK,KAAK,UAAU,SAAS,OAAO;AACtC,QAAK,KAAK,UAAU,aAAa;AAEjC,YAAS,SAAS,KAAK,KAAK,KAAK;;AAGnC,SAAO,MAAM,KAAK;GAChB,QAAQ,QAAQ;GAChB,OAAO;GACP;GACA;GACA,QAAQ,YAAY,QAAQ,iBAAiB,IAAK;GACnD,CAAC,CACC,KAAK,OAAO,QAAQ;GACnB,MAAM,cAAc,IAAI,QAAQ,IAAI,eAAe,IAAI;GACvD,IAAIC;GACJ,IAAIC;AAEJ,OAAI,YAAY,WAAW,mBAAmB,EAAE;AAC9C,WAAO;AACP,WAAO,MAAM,IAAI,MAAM;UAClB;AACL,WAAO,YAAY,WAAW,YAAY,GAAG,SAAS;AACtD,WAAO,MAAM,IAAI,MAAM;;AAGzB,UAAO;IAAE,QAAQ,IAAI;IAAQ;IAAM;IAAM;IACzC,CACD,OAAO,MAAM;AAGZ,UAAO;IACL,QAAQ;IACR,MAAM;IACN,MAAM,sBALQ,aAAa,QAAQ,IAAI,EAAE,KAAK,IAAI,EAAE,YAAY,EAAE,UAAU;IAM7E;IACD;IAEP"}

package/dist/playground/get-default-values.js

@@ -1,27 +1,24 @@
-export function getDefaultValue(schema) {
-    if (typeof schema === 'boolean')
-        return null;
-    const type = schema.type;
-    if (Array.isArray(type))
-        return getDefaultValue({
-            ...schema,
-            type: type[0],
-        });
-    if (type === 'object' && typeof schema === 'object')
-        return Object.fromEntries(Object.entries(schema.properties ?? {}).map(([key, prop]) => {
-            return [key, getDefaultValue(prop)];
-        }));
-    if (type === 'array')
-        return [];
-    if (type === 'null')
-        return null;
-    if (type === 'string') {
-        if (typeof schema === 'object' && schema.format === 'binary')
-            return undefined;
-        return '';
-    }
-    if (type === 'number' || type === 'integer')
-        return 0;
-    if (type === 'boolean')
-        return false;
+//#region src/playground/get-default-values.ts
+function getDefaultValue(schema) {
+	if (typeof schema === "boolean") return null;
+	const type = schema.type;
+	if (Array.isArray(type)) return getDefaultValue({
+		...schema,
+		type: type[0]
+	});
+	if (type === "object" && typeof schema === "object") return Object.fromEntries(Object.entries(schema.properties ?? {}).map(([key, prop]) => {
+		return [key, getDefaultValue(prop)];
+	}));
+	if (type === "array") return [];
+	if (type === "null") return null;
+	if (type === "string") {
+		if (typeof schema === "object" && schema.format === "binary") return void 0;
+		return "";
+	}
+	if (type === "number" || type === "integer") return 0;
+	if (type === "boolean") return false;
 }
+
+//#endregion
+export { getDefaultValue };
+//# sourceMappingURL=get-default-values.js.map

package/dist/playground/get-default-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-default-values.js","names":[],"sources":["../../src/playground/get-default-values.ts"],"sourcesContent":["import type { ParsedSchema } from '@/utils/schema';\n\nexport function getDefaultValue(schema: ParsedSchema): unknown {\n  if (typeof schema === 'boolean') return null;\n\n  const type = schema.type;\n  if (Array.isArray(type))\n    return getDefaultValue({\n      ...schema,\n      type: type[0],\n    });\n\n  if (type === 'object' && typeof schema === 'object')\n    return Object.fromEntries(\n      Object.entries(schema.properties ?? {}).map(([key, prop]) => {\n        return [key, getDefaultValue(prop)];\n      }),\n    );\n\n  if (type === 'array') return [];\n  if (type === 'null') return null;\n  if (type === 'string') {\n    if (typeof schema === 'object' && schema.format === 'binary') return undefined;\n\n    return '';\n  }\n  if (type === 'number' || type === 'integer') return 0;\n  if (type === 'boolean') return false;\n}\n"],"mappings":";AAEA,SAAgB,gBAAgB,QAA+B;AAC7D,KAAI,OAAO,WAAW,UAAW,QAAO;CAExC,MAAM,OAAO,OAAO;AACpB,KAAI,MAAM,QAAQ,KAAK,CACrB,QAAO,gBAAgB;EACrB,GAAG;EACH,MAAM,KAAK;EACZ,CAAC;AAEJ,KAAI,SAAS,YAAY,OAAO,WAAW,SACzC,QAAO,OAAO,YACZ,OAAO,QAAQ,OAAO,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,UAAU;AAC3D,SAAO,CAAC,KAAK,gBAAgB,KAAK,CAAC;GACnC,CACH;AAEH,KAAI,SAAS,QAAS,QAAO,EAAE;AAC/B,KAAI,SAAS,OAAQ,QAAO;AAC5B,KAAI,SAAS,UAAU;AACrB,MAAI,OAAO,WAAW,YAAY,OAAO,WAAW,SAAU,QAAO;AAErE,SAAO;;AAET,KAAI,SAAS,YAAY,SAAS,UAAW,QAAO;AACpD,KAAI,SAAS,UAAW,QAAO"}

package/dist/playground/index.d.ts

@@ -1,17 +1,27 @@
-import type { MethodInformation, ParameterObject, RenderContext, SecuritySchemeObject } from '../types.js';
-import { type NoReference, type ParsedSchema } from '../utils/schema.js';
-export type ParameterField = NoReference<ParameterObject> & {
-    schema: ParsedSchema;
-    in: 'cookie' | 'header' | 'query' | 'path';
+import { NoReference, ParsedSchema } from "../utils/schema.js";
+import { MethodInformation, ParameterObject, RenderContext, SecuritySchemeObject } from "../types.js";
+import * as react0 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/playground/index.d.ts
+type ParameterField = NoReference<ParameterObject> & {
+  schema: ParsedSchema;
+  in: 'cookie' | 'header' | 'query' | 'path';
 };
-export interface APIPlaygroundProps {
-    path: string;
-    method: MethodInformation;
-    ctx: RenderContext;
+interface APIPlaygroundProps {
+  path: string;
+  method: MethodInformation;
+  ctx: RenderContext;
 }
-export type SecurityEntry = SecuritySchemeObject & {
-    scopes: string[];
-    id: string;
+type SecurityEntry = SecuritySchemeObject & {
+  scopes: string[];
+  id: string;
 };
-export declare function APIPlayground({ path, method, ctx }: APIPlaygroundProps): Promise<string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null | undefined>;
+declare function APIPlayground({
+  path,
+  method,
+  ctx
+}: APIPlaygroundProps): Promise<string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react0.ReactNode> | null | undefined>;
+//#endregion
+export { APIPlayground, APIPlaygroundProps, ParameterField, SecurityEntry };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/playground/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,eAAe,CAAC,GAAG;IAC1D,MAAM,EAAE,YAAY,CAAC;IACrB,EAAE,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC5C,CAAC;AAQF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAAG;IACjD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAsB,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,kBAAkB,kJAuC5E"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/playground/index.tsx"],"sourcesContent":[],"mappings":";;;;;;KAUY,cAAA,GAAiB,YAAY;UAC/B;;;AADE,UAWK,kBAAA,CAXS;EAAe,IAAA,EAAA,MAAA;EAAZ,MAAA,EAanB,iBAbmB;EACnB,GAAA,EAaH,aAbG;;AAUO,KAML,aAAA,GAAgB,oBAJlB,GAAA;EAIE,MAAA,EAAA,MAAA,EAAa;EAKH,EAAA,EAAA,MAAA;CAAgB;AAAM,iBAAtB,aAAA,CAAsB;EAAA,IAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAAe,kBAAf,CAAA,EAAiC,OAAjC,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAAiC,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAjC,CAAiC,MAAA,CAAA,SAAA,CAAjC,GAAA,IAAA,GAAA,SAAA,CAAA"}