fumadocs-openapi 10.6.0 → 10.6.1

package/css/generated/shared.css

@@ -84,6 +84,7 @@
 @source inline("basic");
 @source inline("be");
 @source inline("because");
+@source inline("before");
 @source inline("between");
 @source inline("bg-black/30");
 @source inline("bg-fd-background/50");
@@ -170,6 +171,7 @@
 @source inline("createContext");
 @source inline("createMethod");
 @source inline("createRehypeCode");
+@source inline("credentials");
 @source inline("css");
 @source inline("ctx");
 @source inline("current");
@@ -270,6 +272,7 @@
 @source inline("fallback");
 @source inline("false");
 @source inline("fetch");
+@source inline("fetchOptions");
 @source inline("fetcher");
 @source inline("fetchingToken");
 @source inline("field");
@@ -645,6 +648,8 @@
 @source inline("property");
 @source inline("props");
 @source inline("prose-no-margin");
+@source inline("proxy");
+@source inline("proxyForwardCookie");
 @source inline("proxyUrl");
 @source inline("ps-2");
 @source inline("ps-4.5");
@@ -720,8 +725,10 @@
 @source inline("request-body");
 @source inline("requestBody");
 @source inline("requestData");
+@source inline("requestInit");
 @source inline("requestTabNameDefault");
 @source inline("requestTimeout");
+@source inline("requestUrl");
 @source inline("requests");
 @source inline("required");
 @source inline("res");

package/dist/playground/client.d.ts

@@ -1,10 +1,10 @@
 import { ParsedSchema } from "../utils/schema/index.js";
-import { FetchResult } from "./fetcher.js";
+import { BrowserFetcherOptions, FetchResult } from "./fetcher.js";
 import { SecurityEntry } from "./index.js";
 import { SchemaScope } from "./schema.js";
 import { ParameterObject } from "../types.js";
 import { ComponentProps, FC, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Collapsible } from "fumadocs-ui/components/ui/collapsible";
 import { FieldKey } from "@fumari/stf";
 
@@ -44,8 +44,10 @@ interface PlaygroundClientOptions {
    * transform fields for auth-specific parameters (e.g. header)
    */
   transformAuthInputs?: (fields: AuthField[]) => AuthField[];
+  fetchOptions?: BrowserFetcherOptions;
   /**
    * Request timeout in seconds (default: 10s)
+   * @deprecated use `fetchOptions.requestTimeout` instead.
    */
   requestTimeout?: number;
   components?: {
@@ -82,7 +84,7 @@ declare function PlaygroundClient({
   writeOnly,
   readOnly,
   ...rest
-}: PlaygroundClientProps): react_jsx_runtime0.JSX.Element;
+}: PlaygroundClientProps): _$react_jsx_runtime0.JSX.Element;
 declare const ParamTypes: readonly ["path", "header", "cookie", "query"];
 type ParamType = (typeof ParamTypes)[number];
 interface AuthField {
@@ -96,12 +98,12 @@ declare function DefaultResultDisplay({
   data,
   reset,
   ...rest
-}: ResultDisplayProps): react_jsx_runtime0.JSX.Element;
+}: ResultDisplayProps): _$react_jsx_runtime0.JSX.Element;
 declare function DefaultCollapsiblePanel({
   title,
   children,
   ...props
-}: CollapsiblePanelProps): react_jsx_runtime0.JSX.Element;
+}: CollapsiblePanelProps): _$react_jsx_runtime0.JSX.Element;
 declare const Custom: {
   useController(fieldName: FieldKey, options?: {
     defaultValue?: unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","names":[],"sources":["../../src/playground/client.tsx"],"mappings":";;;;;;;;;;;UAwDiB,UAAA,SAAmB,MAAA;EAClC,IAAA,EAAM,MAAA;EACN,KAAA,EAAO,MAAA;EACP,MAAA,EAAQ,MAAA;EACR,MAAA,EAAQ,MAAA;EACR,IAAA;AAAA;AAAA,UAGe,qBAAA,SAA8B,cAAA,UAAwB,WAAA;EACrE,KAAA;EACA,MAAA;EACA,UAAA,GAAa,eAAA;EACb,UAAA,EAAY,aAAA;EACZ,IAAA;IACE,MAAA,EAAQ,YAAA;IACR,SAAA;EAAA;EAbF;;;EAkBA,UAAA,EAAY,MAAA,SAAe,YAAA;EAC3B,QAAA;AAAA;AAAA,UAGe,kBAAA,SAA2B,cAAA;EAC1C,IAAA,EAAM,WAAA;EACN,KAAA;AAAA;AAAA,UAGe,qBAAA,SAA8B,IAAA,CAAK,cAAA,QAAsB,WAAA;EACxE,WAAA,6BAAwC,SAAA;EACxC,KAAA,EAAO,SAAA;AAAA;AAAA,UAGQ,uBAAA;EAdY;;;EAkB3B,mBAAA,IAAuB,MAAA,EAAQ,SAAA,OAAgB,SAAA;EA9BiC;;;EAmChF,cAAA;EAEA,UAAA;IACE,aAAA,GAAgB,EAAA,CAAG,kBAAA;IACnB,gBAAA,GAAmB,EAAA,CAAG,qBAAA;EAAA;EAnCxB;;;;;;;;EA8CA,oBAAA,IAAwB,SAAA,EAAW,QAAA,EAAU,KAAA,EAAO,eAAA,KAAoB,SAAA;EArCxE;;;AAGF;;EAyCE,eAAA,IACE,SAAA,UACA,IAAA;IACE,MAAA,EAAQ,YAAA;IACR,SAAA;EAAA,MAEC,SAAA;AAAA;AAAA,iBAciB,gBAAA,CAAA;EACtB,KAAA;EACA,MAAA;EACA,UAAA;EACA,UAAA;EACA,IAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAoOlB,UAAA;AAAA,KACD,SAAA,WAAoB,UAAA;AAAA,UAiHR,SAAA;EACf,SAAA,EAAW,QAAA;EACX,YAAA;EAEA,QAAA,GAAW,aAAA;EACX,QAAA,EAAU,SAAA;EAEV,SAAA,IAAa,MAAA;AAAA;AAAA,iBA8MC,oBAAA,CAAA;EAAuB,IAAA;EAAM,KAAA;EAAA,GAAU;AAAA,GAAQ,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoCjE,uBAAA,CAAA;EAA0B,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAc/E,MAAA;2BAEE,QAAA,EAAQ,OAAA;IAEjB,YAAA;EAAA"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../src/playground/client.tsx"],"mappings":";;;;;;;;;;;UAwDiB,UAAA,SAAmB,MAAA;EAClC,IAAA,EAAM,MAAA;EACN,KAAA,EAAO,MAAA;EACP,MAAA,EAAQ,MAAA;EACR,MAAA,EAAQ,MAAA;EACR,IAAA;AAAA;AAAA,UAGe,qBAAA,SAA8B,cAAA,UAAwB,WAAA;EACrE,KAAA;EACA,MAAA;EACA,UAAA,GAAa,eAAA;EACb,UAAA,EAAY,aAAA;EACZ,IAAA;IACE,MAAA,EAAQ,YAAA;IACR,SAAA;EAAA;EAbF;;;EAkBA,UAAA,EAAY,MAAA,SAAe,YAAA;EAC3B,QAAA;AAAA;AAAA,UAGe,kBAAA,SAA2B,cAAA;EAC1C,IAAA,EAAM,WAAA;EACN,KAAA;AAAA;AAAA,UAGe,qBAAA,SAA8B,IAAA,CAAK,cAAA,QAAsB,WAAA;EACxE,WAAA,6BAAwC,SAAA;EACxC,KAAA,EAAO,SAAA;AAAA;AAAA,UAGQ,uBAAA;EAdY;;;EAkB3B,mBAAA,IAAuB,MAAA,EAAQ,SAAA,OAAgB,SAAA;EAE/C,YAAA,GAAe,qBAAA;EAhCiE;;;;EAsChF,cAAA;EAEA,UAAA;IACE,aAAA,GAAgB,EAAA,CAAG,kBAAA;IACnB,gBAAA,GAAmB,EAAA,CAAG,qBAAA;EAAA;EArCxB;;;;;;;;EAgDA,oBAAA,IAAwB,SAAA,EAAW,QAAA,EAAU,KAAA,EAAO,eAAA,KAAoB,SAAA;EAxChE;AAGV;;;;EA4CE,eAAA,IACE,SAAA,UACA,IAAA;IACE,MAAA,EAAQ,YAAA;IACR,SAAA;EAAA,MAEC,SAAA;AAAA;AAAA,iBAciB,gBAAA,CAAA;EACtB,KAAA;EACA,MAAA;EACA,UAAA;EACA,UAAA;EACA,IAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cA4OlB,UAAA;AAAA,KACD,SAAA,WAAoB,UAAA;AAAA,UAiHR,SAAA;EACf,SAAA,EAAW,QAAA;EACX,YAAA;EAEA,QAAA,GAAW,aAAA;EACX,QAAA,EAAU,SAAA;EAEV,SAAA,IAAa,MAAA;AAAA;AAAA,iBA8MC,oBAAA,CAAA;EAAuB,IAAA;EAAM,KAAA;EAAA,GAAU;AAAA,GAAQ,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoCjE,uBAAA,CAAA;EAA0B,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAc/E,MAAA;2BAEE,QAAA,EAAQ,OAAA;IAEjB,YAAA;EAAA"}

package/dist/playground/client.js

@@ -30,7 +30,7 @@ function PlaygroundClient({ route, method = "GET", securities, parameters = [],
 	const { example: exampleId, examples, setExampleData } = useOperationContext();
 	const { server } = useServerContext();
 	const storageKeys = useStorageKey();
-	const { mediaAdapters, client: { playground: { components: { ResultDisplay = DefaultResultDisplay } = {}, requestTimeout = 10, transformAuthInputs } = {} } } = useApiContext();
+	const { mediaAdapters, client: { playground: { components: { ResultDisplay = DefaultResultDisplay } = {}, requestTimeout, fetchOptions = { requestTimeout }, transformAuthInputs } = {} } } = useApiContext();
 	const [securityId, setSecurityId] = useState(() => {
 		const idx = securities.findIndex((s) => s.every((entry) => !entry.deprecated));
 		return idx === -1 ? 0 : idx;
@@ -48,16 +48,16 @@ function PlaygroundClient({ route, method = "GET", securities, parameters = [],
 	}, [examples, exampleId]);
 	const stf = useStf({ defaultValues });
 	const testQuery = useQuery(async (input) => {
-		const fetcher = await import("./fetcher.js").then((mod) => mod.createBrowserFetcher(mediaAdapters, requestTimeout));
+		const fetcher = await import("./fetcher.js").then((mod) => mod.createBrowserFetcher(mediaAdapters, {
+			proxyUrl,
+			...fetchOptions
+		}));
 		const encoded = encodeRequestData({
 			...mapInputs(input),
 			method,
 			bodyMediaType: body?.mediaType
 		}, mediaAdapters, parameters);
-		return fetcher.fetch(joinURL(withBase(server ? resolveServerUrl(server.url, server.variables) : "/", window.location.origin), resolveRequestData(route, encoded)), {
-			proxyUrl,
-			...encoded
-		});
+		return fetcher.fetch(joinURL(withBase(server ? resolveServerUrl(server.url, server.variables) : "/", window.location.origin), resolveRequestData(route, encoded)), encoded);
 	});
 	const timerRef = useRef(null);
 	useListener({
@@ -139,6 +139,18 @@ function PlaygroundClient({ route, method = "GET", securities, parameters = [],
 		})
 	});
 }
+function SecurityTabsSelectItem({ security }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-2 max-w-[600px]",
+		children: security.map((item) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+			className: cn("font-mono font-medium", item.deprecated && "text-fd-muted-foreground line-through"),
+			children: item.id
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-fd-muted-foreground whitespace-pre-wrap",
+			children: item.description
+		})] }, item.id))
+	});
+}
 function SecurityTabs({ securities, setSecurityId, securityId, children }) {
 	const [open, setOpen] = useState(false);
 	const engine = useDataEngine();
@@ -150,18 +162,9 @@ function SecurityTabs({ securities, setSecurityId, securityId, children }) {
 		children: [/* @__PURE__ */ jsxs(Select, {
 			value: securityId.toString(),
 			onValueChange: (v) => setSecurityId(Number(v)),
-			children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }), /* @__PURE__ */ jsx(SelectContent, { children: securities.map((security, i) => /* @__PURE__ */ jsx(SelectItem, {
+			children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { children: /* @__PURE__ */ jsx(SecurityTabsSelectItem, { security: securities[securityId] }) }) }), /* @__PURE__ */ jsx(SelectContent, { children: securities.map((security, i) => /* @__PURE__ */ jsx(SelectItem, {
 				value: i.toString(),
-				children: security.map((item) => /* @__PURE__ */ jsxs("div", {
-					className: "max-w-[600px]",
-					children: [/* @__PURE__ */ jsx("p", {
-						className: cn("font-mono font-medium", item.deprecated && "text-fd-muted-foreground line-through"),
-						children: item.id
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-fd-muted-foreground whitespace-pre-wrap",
-						children: item.description
-					})]
-				}, item.id))
+				children: /* @__PURE__ */ jsx(SecurityTabsSelectItem, { security })
 			}, i)) })]
 		}), children]
 	});

package/dist/playground/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":[],"sources":["../../src/playground/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type FC,\n  Fragment,\n  lazy,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n  type ComponentProps,\n  useRef,\n} from 'react';\nimport { useApiContext, useServerContext } from '@/ui/contexts/api';\nimport type { FetchResult } from '@/playground/fetcher';\nimport type { SecurityEntry } from '@/playground/index';\nimport { getStatusInfo } from './status-info';\nimport { joinURL, resolveRequestData, resolveServerUrl, withBase } from '@/utils/url';\nimport { MethodLabel } from '@/ui/components/method-label';\nimport { useQuery } from '@/utils/use-query';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from 'fumadocs-ui/components/ui/collapsible';\nimport { ChevronDown, LoaderCircle } from 'lucide-react';\nimport { encodeRequestData } from '@/requests/media/encode';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { cn } from '@/utils/cn';\nimport { anyFields, SchemaProvider, SchemaScope, useResolvedSchema } from '@/playground/schema';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/ui/components/select';\nimport { labelVariants } from '@/ui/components/input';\nimport type { ParsedSchema } from '@/utils/schema';\nimport ServerSelect from './components/server-select';\nimport { useStorageKey } from '@/ui/client/storage-key';\nimport {\n  FieldKey,\n  Stf,\n  StfProvider,\n  useDataEngine,\n  useFieldValue,\n  useListener,\n  useStf,\n} from '@fumari/stf';\nimport { objectGet, objectSet, stringifyFieldKey } from '@fumari/stf/lib/utils';\nimport { FieldInput, FieldSet, JsonInput, ObjectInput } from './components/inputs';\nimport type { ParameterObject } from '@/types';\nimport { ClientCodeBlock } from '@/ui/components/codeblock';\nimport { useTranslations } from '@/ui/client/i18n';\nimport { useOperationContext } from '@/ui/operation/client';\n\nexport interface FormValues extends Record<string, unknown> {\n  path: Record<string, unknown>;\n  query: Record<string, unknown>;\n  header: Record<string, unknown>;\n  cookie: Record<string, unknown>;\n  body: unknown;\n}\n\nexport interface PlaygroundClientProps extends ComponentProps<'form'>, SchemaScope {\n  route: string;\n  method: string;\n  parameters?: ParameterObject[];\n  securities: SecurityEntry[][];\n  body?: {\n    schema: ParsedSchema;\n    mediaType: string;\n  };\n  /**\n   * Resolver for $ref schemas you've passed\n   */\n  references: Record<string, ParsedSchema>;\n  proxyUrl?: string;\n}\n\nexport interface ResultDisplayProps extends ComponentProps<'div'> {\n  data: FetchResult;\n  reset: () => void;\n}\n\nexport interface CollapsiblePanelProps extends Omit<ComponentProps<typeof Collapsible>, 'title'> {\n  'data-type': 'authorization' | 'body' | ParamType;\n  title: ReactNode;\n}\n\nexport interface PlaygroundClientOptions {\n  /**\n   * transform fields for auth-specific parameters (e.g. header)\n   */\n  transformAuthInputs?: (fields: AuthField[]) => AuthField[];\n\n  /**\n   * Request timeout in seconds (default: 10s)\n   */\n  requestTimeout?: number;\n\n  components?: {\n    ResultDisplay?: FC<ResultDisplayProps>;\n    CollapsiblePanel?: FC<CollapsiblePanelProps>;\n  };\n\n  /**\n   * render the parameter inputs of API endpoint.\n   *\n   * for updating values, use:\n   * - the `Custom.useController()` from `fumadocs-openapi/playground/client`.\n   *\n   * Recommended types packages: `json-schema-typed`, `openapi-types`.\n   */\n  renderParameterField?: (fieldName: FieldKey, param: ParameterObject) => ReactNode;\n\n  /**\n   * render the input for API endpoint body.\n   *\n   * @see renderParameterField for customisation tips\n   */\n  renderBodyField?: (\n    fieldName: 'body',\n    info: {\n      schema: ParsedSchema;\n      mediaType: string;\n    },\n  ) => ReactNode;\n}\n\nconst OauthDialog = lazy(() =>\n  import('./components/oauth-dialog').then((mod) => ({\n    default: mod.OauthDialog,\n  })),\n);\nconst OauthDialogTrigger = lazy(() =>\n  import('./components/oauth-dialog').then((mod) => ({\n    default: mod.OauthDialogTrigger,\n  })),\n);\n\nexport default function PlaygroundClient({\n  route,\n  method = 'GET',\n  securities,\n  parameters = [],\n  body,\n  references,\n  proxyUrl,\n  writeOnly,\n  readOnly,\n  ...rest\n}: PlaygroundClientProps) {\n  const t = useTranslations();\n  const { example: exampleId, examples, setExampleData } = useOperationContext();\n  const { server } = useServerContext();\n  const storageKeys = useStorageKey();\n  const {\n    mediaAdapters,\n    client: {\n      playground: {\n        components: { ResultDisplay = DefaultResultDisplay } = {},\n        requestTimeout = 10,\n        transformAuthInputs,\n      } = {},\n    },\n  } = useApiContext();\n  const [securityId, setSecurityId] = useState(() => {\n    const idx = securities.findIndex((s) => s.every((entry) => !entry.deprecated));\n    return idx === -1 ? 0 : idx;\n  });\n  const { inputs, mapInputs, initAuthValues } = useAuthInputs(\n    securities[securityId],\n    transformAuthInputs,\n  );\n\n  const defaultValues: FormValues = useMemo(() => {\n    const requestData = examples.find((example) => example.id === exampleId)?.data;\n\n    return {\n      path: requestData?.path ?? {},\n      query: requestData?.query ?? {},\n      header: requestData?.header ?? {},\n      body: requestData?.body ?? {},\n      cookie: requestData?.cookie ?? {},\n    };\n  }, [examples, exampleId]);\n\n  const stf = useStf({\n    // it is fine to modify `defaultValues` in place\n    // because we already try to persist the form values via `setExampleData`.\n    defaultValues,\n  });\n\n  const testQuery = useQuery(async (input: FormValues) => {\n    const fetcher = await import('./fetcher').then((mod) =>\n      mod.createBrowserFetcher(mediaAdapters, requestTimeout),\n    );\n    const encoded = encodeRequestData(\n      { ...mapInputs(input), method, bodyMediaType: body?.mediaType },\n      mediaAdapters,\n      parameters,\n    );\n    return fetcher.fetch(\n      joinURL(\n        withBase(\n          server ? resolveServerUrl(server.url, server.variables) : '/',\n          window.location.origin,\n        ),\n        resolveRequestData(route, encoded),\n      ),\n      {\n        proxyUrl,\n        ...encoded,\n      },\n    );\n  });\n\n  const timerRef = useRef<number | null>(null);\n  useListener({\n    stf,\n    onUpdate() {\n      if (timerRef.current) window.clearTimeout(timerRef.current);\n      timerRef.current = window.setTimeout(\n        () => {\n          const values = stf.dataEngine.getData() as FormValues;\n          for (const item of inputs) {\n            const value = stf.dataEngine.get(item.fieldName);\n\n            if (value) {\n              localStorage.setItem(storageKeys.AuthField(item), JSON.stringify(value));\n            }\n          }\n\n          const data = {\n            ...mapInputs(values),\n            method,\n            bodyMediaType: body?.mediaType,\n          };\n          setExampleData(data, encodeRequestData(data, mediaAdapters, parameters));\n        },\n        timerRef.current ? 400 : 0,\n      );\n    },\n  });\n\n  useEffect(() => {\n    // same object reference = unchanged\n    if (stf.dataEngine.getData() === defaultValues) return;\n\n    stf.dataEngine.reset(defaultValues);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- ignore other parts\n  }, [defaultValues]);\n\n  useEffect(() => {\n    return initAuthValues(stf);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- ignore other parts\n  }, [defaultValues, inputs]);\n\n  return (\n    <StfProvider value={stf}>\n      <SchemaProvider references={references} writeOnly={writeOnly} readOnly={readOnly}>\n        <form\n          {...rest}\n          className={cn(\n            'not-prose flex flex-col rounded-xl border shadow-md overflow-hidden bg-fd-card text-fd-card-foreground',\n            rest.className,\n          )}\n          onSubmit={(e) => {\n            testQuery.start(mapInputs(stf.dataEngine.getData() as FormValues));\n            e.preventDefault();\n          }}\n        >\n          <ServerSelect className=\"border-b\" />\n          <div className=\"flex flex-row items-center gap-2 text-sm p-3 not-last:pb-0\">\n            <MethodLabel>{method}</MethodLabel>\n            <Route route={route} className=\"flex-1\" />\n            <button\n              type=\"submit\"\n              className={cn(buttonVariants({ color: 'primary', size: 'sm' }), 'w-14 py-1.5')}\n              disabled={testQuery.isLoading}\n            >\n              {testQuery.isLoading ? <LoaderCircle className=\"size-4 animate-spin\" /> : t.send}\n            </button>\n          </div>\n          {testQuery.data ? <ResultDisplay data={testQuery.data} reset={testQuery.reset} /> : null}\n\n          {securities.length > 0 && (\n            <SecurityTabs\n              securities={securities}\n              securityId={securityId}\n              setSecurityId={setSecurityId}\n            >\n              {inputs.map((input) => (\n                <Fragment key={stringifyFieldKey(input.fieldName)}>{input.children}</Fragment>\n              ))}\n            </SecurityTabs>\n          )}\n          <FormBody body={body} parameters={parameters} />\n        </form>\n      </SchemaProvider>\n    </StfProvider>\n  );\n}\n\nfunction SecurityTabs({\n  securities,\n  setSecurityId,\n  securityId,\n  children,\n}: {\n  securities: SecurityEntry[][];\n  securityId: number;\n  setSecurityId: (value: number) => void;\n  children: ReactNode;\n}) {\n  const [open, setOpen] = useState(false);\n  const engine = useDataEngine();\n  const t = useTranslations();\n  const { CollapsiblePanel = DefaultCollapsiblePanel } =\n    useApiContext().client.playground?.components ?? {};\n\n  const result = (\n    <CollapsiblePanel title={t.authorization} data-type=\"authorization\">\n      <Select value={securityId.toString()} onValueChange={(v) => setSecurityId(Number(v))}>\n        <SelectTrigger>\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          {securities.map((security, i) => (\n            <SelectItem key={i} value={i.toString()}>\n              {security.map((item) => (\n                <div key={item.id} className=\"max-w-[600px]\">\n                  <p\n                    className={cn(\n                      'font-mono font-medium',\n                      item.deprecated && 'text-fd-muted-foreground line-through',\n                    )}\n                  >\n                    {item.id}\n                  </p>\n                  <p className=\"text-fd-muted-foreground whitespace-pre-wrap\">{item.description}</p>\n                </div>\n              ))}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      {children}\n    </CollapsiblePanel>\n  );\n\n  for (let i = 0; i < securities.length; i++) {\n    const security = securities[i];\n\n    for (const item of security) {\n      if (item.type === 'oauth2') {\n        return (\n          <OauthDialog\n            scheme={item}\n            scopes={item.scopes}\n            open={open}\n            setOpen={(v) => {\n              setOpen(v);\n              if (v) {\n                setSecurityId(i);\n              }\n            }}\n            setToken={(token) => engine.update(['header', 'Authorization'], token)}\n          >\n            {result}\n          </OauthDialog>\n        );\n      }\n    }\n  }\n\n  return result;\n}\n\nconst ParamTypes = ['path', 'header', 'cookie', 'query'] as const;\ntype ParamType = (typeof ParamTypes)[number];\n\nfunction FormBodyItem({ type, parameters }: { type: ParamType; parameters: ParameterObject[] }) {\n  const { renderParameterField } = useApiContext().client.playground ?? {};\n\n  return parameters.map((field) => {\n    const fieldName: FieldKey = [type, field.name!];\n    if (renderParameterField) {\n      return renderParameterField(fieldName, field);\n    }\n\n    const contentTypes = field.content && Object.keys(field.content);\n    const schema =\n      field.content && contentTypes && contentTypes.length > 0\n        ? field.content[contentTypes[0]].schema\n        : field.schema;\n\n    return (\n      <FieldSet\n        key={stringifyFieldKey(fieldName)}\n        name={field.name}\n        fieldName={fieldName}\n        field={(schema ?? anyFields) as ParsedSchema}\n        isRequired={field.required}\n      />\n    );\n  });\n}\n\nfunction FormBody({ parameters = [], body }: Pick<PlaygroundClientProps, 'parameters' | 'body'>) {\n  const { renderBodyField, components: { CollapsiblePanel = DefaultCollapsiblePanel } = {} } =\n    useApiContext().client.playground ?? {};\n  const t = useTranslations();\n  const displayNames = {\n    header: t.header,\n    cookie: t.cookies,\n    query: t.query,\n    path: t.path,\n  };\n\n  return (\n    <>\n      {ParamTypes.map((type) => {\n        const items = parameters.filter((v) => v.in === type);\n        if (items.length === 0) return;\n\n        return (\n          <CollapsiblePanel key={type} data-type={type} title={displayNames[type]}>\n            <FormBodyItem parameters={items} type={type} />\n          </CollapsiblePanel>\n        );\n      })}\n      {body && (\n        <CollapsiblePanel data-type=\"body\" title={t.body}>\n          {renderBodyField ? renderBodyField('body', body) : <BodyInput field={body.schema} />}\n        </CollapsiblePanel>\n      )}\n    </>\n  );\n}\n\nfunction BodyInput({ field: _field }: { field: ParsedSchema }) {\n  const field = useResolvedSchema(_field);\n  const [isJson, setIsJson] = useState(false);\n  const t = useTranslations();\n\n  if (field.format === 'binary') return <FieldSet field={field} fieldName={['body']} isRequired />;\n\n  if (isJson)\n    return (\n      <>\n        <button\n          className={cn(\n            buttonVariants({\n              color: 'secondary',\n              size: 'sm',\n              className: 'w-fit font-mono p-2',\n            }),\n          )}\n          onClick={() => setIsJson(false)}\n          type=\"button\"\n        >\n          {t.closeJsonEditor}\n        </button>\n        <JsonInput fieldName={['body']} />\n      </>\n    );\n\n  return (\n    <FieldSet\n      field={field}\n      fieldName={['body']}\n      collapsible={false}\n      isRequired\n      name={\n        <button\n          type=\"button\"\n          className={cn(\n            buttonVariants({\n              color: 'secondary',\n              size: 'sm',\n              className: 'p-2',\n            }),\n          )}\n          onClick={() => setIsJson(true)}\n        >\n          {t.openJsonEditor}\n        </button>\n      }\n    />\n  );\n}\n\nexport interface AuthField {\n  fieldName: FieldKey;\n  defaultValue: unknown;\n\n  original?: SecurityEntry;\n  children: ReactNode;\n\n  mapOutput?: (values: unknown) => unknown;\n}\n\nfunction useAuthInputs(\n  securities?: SecurityEntry[],\n  transform?: (fields: AuthField[]) => AuthField[],\n) {\n  const storageKeys = useStorageKey();\n  const t = useTranslations();\n  const inputs = useMemo(() => {\n    const result: AuthField[] = [];\n    if (!securities) return result;\n\n    for (const security of securities) {\n      if (security.type === 'http' && security.scheme === 'basic') {\n        const fieldName: FieldKey = ['header', 'Authorization'];\n\n        result.push({\n          fieldName,\n          original: security,\n          defaultValue: {\n            username: '',\n            password: '',\n          },\n          mapOutput(out) {\n            if (out && typeof out === 'object') {\n              const obj = out as Record<string, unknown>;\n              return `Basic ${btoa(`${obj.username ?? ''}:${obj.password ?? ''}`)}`;\n            }\n\n            return out;\n          },\n          children: (\n            <ObjectInput\n              field={{\n                type: 'object',\n                properties: {\n                  username: {\n                    type: 'string',\n                  },\n                  password: {\n                    type: 'string',\n                  },\n                },\n              }}\n              fieldName={fieldName}\n            />\n          ),\n        });\n      } else if (security.type === 'oauth2') {\n        const fieldName: FieldKey = ['header', 'Authorization'];\n\n        result.push({\n          fieldName,\n          original: security,\n          defaultValue: 'Bearer ',\n          children: (\n            <fieldset className=\"flex flex-col gap-2\">\n              <label htmlFor={stringifyFieldKey(fieldName)} className={cn(labelVariants())}>\n                {t.accessToken}\n              </label>\n              <div className=\"flex gap-2\">\n                <FieldInput\n                  fieldName={fieldName}\n                  field={{\n                    type: 'string',\n                  }}\n                  className=\"flex-1\"\n                />\n\n                <OauthDialogTrigger\n                  type=\"button\"\n                  className={cn(\n                    buttonVariants({\n                      size: 'sm',\n                      color: 'secondary',\n                    }),\n                  )}\n                >\n                  {t.authorize}\n                </OauthDialogTrigger>\n              </div>\n            </fieldset>\n          ),\n        });\n      } else if (security.type === 'http') {\n        const fieldName: FieldKey = ['header', 'Authorization'];\n\n        result.push({\n          fieldName,\n          original: security,\n          defaultValue: 'Bearer ',\n          children: (\n            <FieldSet\n              name={`${t.authorization} (${t.header})`}\n              fieldName={fieldName}\n              field={{\n                type: 'string',\n              }}\n            />\n          ),\n        });\n      } else if (security.type === 'apiKey') {\n        const fieldName: FieldKey = [security.in!, security.name!];\n\n        result.push({\n          fieldName,\n          defaultValue: '',\n          original: security,\n          children: (\n            <FieldSet\n              fieldName={fieldName}\n              name={`${security.name} (${security.in})`}\n              field={{\n                type: 'string',\n              }}\n            />\n          ),\n        });\n      } else {\n        const fieldName: FieldKey = ['header', 'Authorization'];\n\n        result.push({\n          fieldName,\n          defaultValue: '',\n          original: security,\n          children: (\n            <>\n              <FieldSet\n                name={`${t.authorization} (${t.header})`}\n                fieldName={fieldName}\n                field={{\n                  type: 'string',\n                }}\n              />\n              <p className=\"text-fd-muted-foreground text-xs\">{t.openIdUnsupported}</p>\n            </>\n          ),\n        });\n      }\n    }\n\n    return transform ? transform(result) : result;\n  }, [securities, transform, t]);\n\n  const mapInputs = (values: FormValues) => {\n    const cloned = structuredClone(values);\n\n    for (const item of inputs) {\n      if (!item.mapOutput) continue;\n      objectSet(cloned, item.fieldName, item.mapOutput(objectGet(cloned, item.fieldName)));\n    }\n\n    return cloned;\n  };\n\n  const initAuthValues = (stf: Stf) => {\n    const { dataEngine } = stf;\n    for (const item of inputs) {\n      const stored = localStorage.getItem(storageKeys.AuthField(item));\n\n      if (stored) {\n        const parsed = JSON.parse(stored);\n        if (typeof parsed === typeof item.defaultValue) {\n          dataEngine.init(item.fieldName, parsed);\n          continue;\n        }\n      }\n\n      dataEngine.init(item.fieldName, item.defaultValue);\n    }\n\n    // reset\n    return () => {\n      for (const item of inputs) {\n        stf.dataEngine.delete(item.fieldName);\n      }\n    };\n  };\n\n  return { inputs, mapInputs, initAuthValues };\n}\n\nfunction Route({ route, ...props }: ComponentProps<'div'> & { route: string }) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        'flex flex-row items-center gap-0.5 overflow-auto text-nowrap',\n        props.className,\n      )}\n    >\n      {route.split('/').map((part, index) => (\n        <Fragment key={index}>\n          {index > 0 && <span className=\"text-fd-muted-foreground\">/</span>}\n          {part.startsWith('{') && part.endsWith('}') ? (\n            <code className=\"bg-fd-primary/10 text-fd-primary\">{part}</code>\n          ) : (\n            <code className=\"text-fd-foreground\">{part}</code>\n          )}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n\nexport function DefaultResultDisplay({ data, reset, ...rest }: ResultDisplayProps) {\n  const t = useTranslations();\n  const statusInfo = useMemo(() => getStatusInfo(data.status, t), [data.status, t]);\n\n  return (\n    <div\n      {...rest}\n      className={cn(\n        'flex flex-col gap-3 mt-2 px-3 py-2 border-y bg-fd-secondary text-fd-secondary-foreground',\n        rest.className,\n      )}\n    >\n      <div className=\"flex justify-between items-center\">\n        <div className=\"inline-flex items-center gap-1.5 text-sm font-medium\">\n          <statusInfo.icon className={cn('size-4', statusInfo.color)} />\n          {statusInfo.description}\n        </div>\n        <button\n          type=\"button\"\n          className={cn(buttonVariants({ size: 'sm', variant: 'outline' }))}\n          onClick={() => reset()}\n        >\n          {t.close}\n        </button>\n      </div>\n      <p className=\"text-sm text-fd-muted-foreground\">{data.status}</p>\n      {data.data !== undefined && (\n        <ClientCodeBlock\n          lang={typeof data.data === 'string' && data.data.length > 50000 ? 'text' : data.type}\n          code={typeof data.data === 'string' ? data.data : JSON.stringify(data.data, null, 2)}\n        />\n      )}\n    </div>\n  );\n}\n\nexport function DefaultCollapsiblePanel({ title, children, ...props }: CollapsiblePanelProps) {\n  return (\n    <Collapsible {...props} className={cn('border-b last:border-b-0', props.className)}>\n      <CollapsibleTrigger className=\"group w-full flex items-center gap-2 p-3 text-sm font-medium\">\n        {title}\n        <ChevronDown className=\"ms-auto size-3.5 text-fd-muted-foreground group-data-[state=open]:rotate-180\" />\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"flex flex-col gap-3 p-3 pt-1\">{children}</div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport const Custom = {\n  useController(\n    fieldName: FieldKey,\n    options?: {\n      defaultValue?: unknown;\n    },\n  ) {\n    const [value, setValue] = useFieldValue(fieldName, options);\n    return {\n      value,\n      setValue,\n    };\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"client.js","names":[],"sources":["../../src/playground/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type FC,\n  Fragment,\n  lazy,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n  type ComponentProps,\n  useRef,\n} from 'react';\nimport { useApiContext, useServerContext } from '@/ui/contexts/api';\nimport type { BrowserFetcherOptions, FetchResult } from '@/playground/fetcher';\nimport type { SecurityEntry } from '@/playground/index';\nimport { getStatusInfo } from './status-info';\nimport { joinURL, resolveRequestData, resolveServerUrl, withBase } from '@/utils/url';\nimport { MethodLabel } from '@/ui/components/method-label';\nimport { useQuery } from '@/utils/use-query';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from 'fumadocs-ui/components/ui/collapsible';\nimport { ChevronDown, LoaderCircle } from 'lucide-react';\nimport { encodeRequestData } from '@/requests/media/encode';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { cn } from '@/utils/cn';\nimport { anyFields, SchemaProvider, SchemaScope, useResolvedSchema } from '@/playground/schema';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/ui/components/select';\nimport { labelVariants } from '@/ui/components/input';\nimport type { ParsedSchema } from '@/utils/schema';\nimport ServerSelect from './components/server-select';\nimport { useStorageKey } from '@/ui/client/storage-key';\nimport {\n  FieldKey,\n  Stf,\n  StfProvider,\n  useDataEngine,\n  useFieldValue,\n  useListener,\n  useStf,\n} from '@fumari/stf';\nimport { objectGet, objectSet, stringifyFieldKey } from '@fumari/stf/lib/utils';\nimport { FieldInput, FieldSet, JsonInput, ObjectInput } from './components/inputs';\nimport type { ParameterObject } from '@/types';\nimport { ClientCodeBlock } from '@/ui/components/codeblock';\nimport { useTranslations } from '@/ui/client/i18n';\nimport { useOperationContext } from '@/ui/operation/client';\n\nexport interface FormValues extends Record<string, unknown> {\n  path: Record<string, unknown>;\n  query: Record<string, unknown>;\n  header: Record<string, unknown>;\n  cookie: Record<string, unknown>;\n  body: unknown;\n}\n\nexport interface PlaygroundClientProps extends ComponentProps<'form'>, SchemaScope {\n  route: string;\n  method: string;\n  parameters?: ParameterObject[];\n  securities: SecurityEntry[][];\n  body?: {\n    schema: ParsedSchema;\n    mediaType: string;\n  };\n  /**\n   * Resolver for $ref schemas you've passed\n   */\n  references: Record<string, ParsedSchema>;\n  proxyUrl?: string;\n}\n\nexport interface ResultDisplayProps extends ComponentProps<'div'> {\n  data: FetchResult;\n  reset: () => void;\n}\n\nexport interface CollapsiblePanelProps extends Omit<ComponentProps<typeof Collapsible>, 'title'> {\n  'data-type': 'authorization' | 'body' | ParamType;\n  title: ReactNode;\n}\n\nexport interface PlaygroundClientOptions {\n  /**\n   * transform fields for auth-specific parameters (e.g. header)\n   */\n  transformAuthInputs?: (fields: AuthField[]) => AuthField[];\n\n  fetchOptions?: BrowserFetcherOptions;\n\n  /**\n   * Request timeout in seconds (default: 10s)\n   * @deprecated use `fetchOptions.requestTimeout` instead.\n   */\n  requestTimeout?: number;\n\n  components?: {\n    ResultDisplay?: FC<ResultDisplayProps>;\n    CollapsiblePanel?: FC<CollapsiblePanelProps>;\n  };\n\n  /**\n   * render the parameter inputs of API endpoint.\n   *\n   * for updating values, use:\n   * - the `Custom.useController()` from `fumadocs-openapi/playground/client`.\n   *\n   * Recommended types packages: `json-schema-typed`, `openapi-types`.\n   */\n  renderParameterField?: (fieldName: FieldKey, param: ParameterObject) => ReactNode;\n\n  /**\n   * render the input for API endpoint body.\n   *\n   * @see renderParameterField for customisation tips\n   */\n  renderBodyField?: (\n    fieldName: 'body',\n    info: {\n      schema: ParsedSchema;\n      mediaType: string;\n    },\n  ) => ReactNode;\n}\n\nconst OauthDialog = lazy(() =>\n  import('./components/oauth-dialog').then((mod) => ({\n    default: mod.OauthDialog,\n  })),\n);\nconst OauthDialogTrigger = lazy(() =>\n  import('./components/oauth-dialog').then((mod) => ({\n    default: mod.OauthDialogTrigger,\n  })),\n);\n\nexport default function PlaygroundClient({\n  route,\n  method = 'GET',\n  securities,\n  parameters = [],\n  body,\n  references,\n  proxyUrl,\n  writeOnly,\n  readOnly,\n  ...rest\n}: PlaygroundClientProps) {\n  const t = useTranslations();\n  const { example: exampleId, examples, setExampleData } = useOperationContext();\n  const { server } = useServerContext();\n  const storageKeys = useStorageKey();\n  const {\n    mediaAdapters,\n    client: {\n      playground: {\n        components: { ResultDisplay = DefaultResultDisplay } = {},\n        requestTimeout,\n        fetchOptions = { requestTimeout },\n        transformAuthInputs,\n      } = {},\n    },\n  } = useApiContext();\n  const [securityId, setSecurityId] = useState(() => {\n    const idx = securities.findIndex((s) => s.every((entry) => !entry.deprecated));\n    return idx === -1 ? 0 : idx;\n  });\n  const { inputs, mapInputs, initAuthValues } = useAuthInputs(\n    securities[securityId],\n    transformAuthInputs,\n  );\n\n  const defaultValues: FormValues = useMemo(() => {\n    const requestData = examples.find((example) => example.id === exampleId)?.data;\n\n    return {\n      path: requestData?.path ?? {},\n      query: requestData?.query ?? {},\n      header: requestData?.header ?? {},\n      body: requestData?.body ?? {},\n      cookie: requestData?.cookie ?? {},\n    };\n  }, [examples, exampleId]);\n\n  const stf = useStf({\n    // it is fine to modify `defaultValues` in place\n    // because we already try to persist the form values via `setExampleData`.\n    defaultValues,\n  });\n\n  const testQuery = useQuery(async (input: FormValues) => {\n    const fetcher = await import('./fetcher').then((mod) =>\n      mod.createBrowserFetcher(mediaAdapters, { proxyUrl, ...fetchOptions }),\n    );\n    const encoded = encodeRequestData(\n      { ...mapInputs(input), method, bodyMediaType: body?.mediaType },\n      mediaAdapters,\n      parameters,\n    );\n    return fetcher.fetch(\n      joinURL(\n        withBase(\n          server ? resolveServerUrl(server.url, server.variables) : '/',\n          window.location.origin,\n        ),\n        resolveRequestData(route, encoded),\n      ),\n      encoded,\n    );\n  });\n\n  const timerRef = useRef<number | null>(null);\n  useListener({\n    stf,\n    onUpdate() {\n      if (timerRef.current) window.clearTimeout(timerRef.current);\n      timerRef.current = window.setTimeout(\n        () => {\n          const values = stf.dataEngine.getData() as FormValues;\n          for (const item of inputs) {\n            const value = stf.dataEngine.get(item.fieldName);\n\n            if (value) {\n              localStorage.setItem(storageKeys.AuthField(item), JSON.stringify(value));\n            }\n          }\n\n          const data = {\n            ...mapInputs(values),\n            method,\n            bodyMediaType: body?.mediaType,\n          };\n          setExampleData(data, encodeRequestData(data, mediaAdapters, parameters));\n        },\n        timerRef.current ? 400 : 0,\n      );\n    },\n  });\n\n  useEffect(() => {\n    // same object reference = unchanged\n    if (stf.dataEngine.getData() === defaultValues) return;\n\n    stf.dataEngine.reset(defaultValues);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- ignore other parts\n  }, [defaultValues]);\n\n  useEffect(() => {\n    return initAuthValues(stf);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- ignore other parts\n  }, [defaultValues, inputs]);\n\n  return (\n    <StfProvider value={stf}>\n      <SchemaProvider references={references} writeOnly={writeOnly} readOnly={readOnly}>\n        <form\n          {...rest}\n          className={cn(\n            'not-prose flex flex-col rounded-xl border shadow-md overflow-hidden bg-fd-card text-fd-card-foreground',\n            rest.className,\n          )}\n          onSubmit={(e) => {\n            testQuery.start(mapInputs(stf.dataEngine.getData() as FormValues));\n            e.preventDefault();\n          }}\n        >\n          <ServerSelect className=\"border-b\" />\n          <div className=\"flex flex-row items-center gap-2 text-sm p-3 not-last:pb-0\">\n            <MethodLabel>{method}</MethodLabel>\n            <Route route={route} className=\"flex-1\" />\n            <button\n              type=\"submit\"\n              className={cn(buttonVariants({ color: 'primary', size: 'sm' }), 'w-14 py-1.5')}\n              disabled={testQuery.isLoading}\n            >\n              {testQuery.isLoading ? <LoaderCircle className=\"size-4 animate-spin\" /> : t.send}\n            </button>\n          </div>\n          {testQuery.data ? <ResultDisplay data={testQuery.data} reset={testQuery.reset} /> : null}\n\n          {securities.length > 0 && (\n            <SecurityTabs\n              securities={securities}\n              securityId={securityId}\n              setSecurityId={setSecurityId}\n            >\n              {inputs.map((input) => (\n                <Fragment key={stringifyFieldKey(input.fieldName)}>{input.children}</Fragment>\n              ))}\n            </SecurityTabs>\n          )}\n          <FormBody body={body} parameters={parameters} />\n        </form>\n      </SchemaProvider>\n    </StfProvider>\n  );\n}\n\nfunction SecurityTabsSelectItem({ security }: { security: SecurityEntry[] }) {\n  return (\n    <div className=\"flex flex-col gap-2 max-w-[600px]\">\n      {security.map((item) => (\n        <div key={item.id}>\n          <p\n            className={cn(\n              'font-mono font-medium',\n              item.deprecated && 'text-fd-muted-foreground line-through',\n            )}\n          >\n            {item.id}\n          </p>\n          <p className=\"text-fd-muted-foreground whitespace-pre-wrap\">{item.description}</p>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction SecurityTabs({\n  securities,\n  setSecurityId,\n  securityId,\n  children,\n}: {\n  securities: SecurityEntry[][];\n  securityId: number;\n  setSecurityId: (value: number) => void;\n  children: ReactNode;\n}) {\n  const [open, setOpen] = useState(false);\n  const engine = useDataEngine();\n  const t = useTranslations();\n  const { CollapsiblePanel = DefaultCollapsiblePanel } =\n    useApiContext().client.playground?.components ?? {};\n\n  const result = (\n    <CollapsiblePanel title={t.authorization} data-type=\"authorization\">\n      <Select value={securityId.toString()} onValueChange={(v) => setSecurityId(Number(v))}>\n        <SelectTrigger>\n          <SelectValue>\n            <SecurityTabsSelectItem security={securities[securityId]} />\n          </SelectValue>\n        </SelectTrigger>\n        <SelectContent>\n          {securities.map((security, i) => (\n            <SelectItem key={i} value={i.toString()}>\n              <SecurityTabsSelectItem security={security} />\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      {children}\n    </CollapsiblePanel>\n  );\n\n  for (let i = 0; i < securities.length; i++) {\n    const security = securities[i];\n\n    for (const item of security) {\n      if (item.type === 'oauth2') {\n        return (\n          <OauthDialog\n            scheme={item}\n            scopes={item.scopes}\n            open={open}\n            setOpen={(v) => {\n              setOpen(v);\n              if (v) {\n                setSecurityId(i);\n              }\n            }}\n            setToken={(token) => engine.update(['header', 'Authorization'], token)}\n          >\n            {result}\n          </OauthDialog>\n        );\n      }\n    }\n  }\n\n  return result;\n}\n\nconst ParamTypes = ['path', 'header', 'cookie', 'query'] as const;\ntype ParamType = (typeof ParamTypes)[number];\n\nfunction FormBodyItem({ type, parameters }: { type: ParamType; parameters: ParameterObject[] }) {\n  const { renderParameterField } = useApiContext().client.playground ?? {};\n\n  return parameters.map((field) => {\n    const fieldName: FieldKey = [type, field.name!];\n    if (renderParameterField) {\n      return renderParameterField(fieldName, field);\n    }\n\n    const contentTypes = field.content && Object.keys(field.content);\n    const schema =\n      field.content && contentTypes && contentTypes.length > 0\n        ? field.content[contentTypes[0]].schema\n        : field.schema;\n\n    return (\n      <FieldSet\n        key={stringifyFieldKey(fieldName)}\n        name={field.name}\n        fieldName={fieldName}\n        field={(schema ?? anyFields) as ParsedSchema}\n        isRequired={field.required}\n      />\n    );\n  });\n}\n\nfunction FormBody({ parameters = [], body }: Pick<PlaygroundClientProps, 'parameters' | 'body'>) {\n  const { renderBodyField, components: { CollapsiblePanel = DefaultCollapsiblePanel } = {} } =\n    useApiContext().client.playground ?? {};\n  const t = useTranslations();\n  const displayNames = {\n    header: t.header,\n    cookie: t.cookies,\n    query: t.query,\n    path: t.path,\n  };\n\n  return (\n    <>\n      {ParamTypes.map((type) => {\n        const items = parameters.filter((v) => v.in === type);\n        if (items.length === 0) return;\n\n        return (\n          <CollapsiblePanel key={type} data-type={type} title={displayNames[type]}>\n            <FormBodyItem parameters={items} type={type} />\n          </CollapsiblePanel>\n        );\n      })}\n      {body && (\n        <CollapsiblePanel data-type=\"body\" title={t.body}>\n          {renderBodyField ? renderBodyField('body', body) : <BodyInput field={body.schema} />}\n        </CollapsiblePanel>\n      )}\n    </>\n  );\n}\n\nfunction BodyInput({ field: _field }: { field: ParsedSchema }) {\n  const field = useResolvedSchema(_field);\n  const [isJson, setIsJson] = useState(false);\n  const t = useTranslations();\n\n  if (field.format === 'binary') return <FieldSet field={field} fieldName={['body']} isRequired />;\n\n  if (isJson)\n    return (\n      <>\n        <button\n          className={cn(\n            buttonVariants({\n              color: 'secondary',\n              size: 'sm',\n              className: 'w-fit font-mono p-2',\n            }),\n          )}\n          onClick={() => setIsJson(false)}\n          type=\"button\"\n        >\n          {t.closeJsonEditor}\n        </button>\n        <JsonInput fieldName={['body']} />\n      </>\n    );\n\n  return (\n    <FieldSet\n      field={field}\n      fieldName={['body']}\n      collapsible={false}\n      isRequired\n      name={\n        <button\n          type=\"button\"\n          className={cn(\n            buttonVariants({\n              color: 'secondary',\n              size: 'sm',\n              className: 'p-2',\n            }),\n          )}\n          onClick={() => setIsJson(true)}\n        >\n          {t.openJsonEditor}\n        </button>\n      }\n    />\n  );\n}\n\nexport interface AuthField {\n  fieldName: FieldKey;\n  defaultValue: unknown;\n\n  original?: SecurityEntry;\n  children: ReactNode;\n\n  mapOutput?: (values: unknown) => unknown;\n}\n\nfunction useAuthInputs(\n  securities?: SecurityEntry[],\n  transform?: (fields: AuthField[]) => AuthField[],\n) {\n  const storageKeys = useStorageKey();\n  const t = useTranslations();\n  const inputs = useMemo(() => {\n    const result: AuthField[] = [];\n    if (!securities) return result;\n\n    for (const security of securities) {\n      if (security.type === 'http' && security.scheme === 'basic') {\n        const fieldName: FieldKey = ['header', 'Authorization'];\n\n        result.push({\n          fieldName,\n          original: security,\n          defaultValue: {\n            username: '',\n            password: '',\n          },\n          mapOutput(out) {\n            if (out && typeof out === 'object') {\n              const obj = out as Record<string, unknown>;\n              return `Basic ${btoa(`${obj.username ?? ''}:${obj.password ?? ''}`)}`;\n            }\n\n            return out;\n          },\n          children: (\n            <ObjectInput\n              field={{\n                type: 'object',\n                properties: {\n                  username: {\n                    type: 'string',\n                  },\n                  password: {\n                    type: 'string',\n                  },\n                },\n              }}\n              fieldName={fieldName}\n            />\n          ),\n        });\n      } else if (security.type === 'oauth2') {\n        const fieldName: FieldKey = ['header', 'Authorization'];\n\n        result.push({\n          fieldName,\n          original: security,\n          defaultValue: 'Bearer ',\n          children: (\n            <fieldset className=\"flex flex-col gap-2\">\n              <label htmlFor={stringifyFieldKey(fieldName)} className={cn(labelVariants())}>\n                {t.accessToken}\n              </label>\n              <div className=\"flex gap-2\">\n                <FieldInput\n                  fieldName={fieldName}\n                  field={{\n                    type: 'string',\n                  }}\n                  className=\"flex-1\"\n                />\n\n                <OauthDialogTrigger\n                  type=\"button\"\n                  className={cn(\n                    buttonVariants({\n                      size: 'sm',\n                      color: 'secondary',\n                    }),\n                  )}\n                >\n                  {t.authorize}\n                </OauthDialogTrigger>\n              </div>\n            </fieldset>\n          ),\n        });\n      } else if (security.type === 'http') {\n        const fieldName: FieldKey = ['header', 'Authorization'];\n\n        result.push({\n          fieldName,\n          original: security,\n          defaultValue: 'Bearer ',\n          children: (\n            <FieldSet\n              name={`${t.authorization} (${t.header})`}\n              fieldName={fieldName}\n              field={{\n                type: 'string',\n              }}\n            />\n          ),\n        });\n      } else if (security.type === 'apiKey') {\n        const fieldName: FieldKey = [security.in!, security.name!];\n\n        result.push({\n          fieldName,\n          defaultValue: '',\n          original: security,\n          children: (\n            <FieldSet\n              fieldName={fieldName}\n              name={`${security.name} (${security.in})`}\n              field={{\n                type: 'string',\n              }}\n            />\n          ),\n        });\n      } else {\n        const fieldName: FieldKey = ['header', 'Authorization'];\n\n        result.push({\n          fieldName,\n          defaultValue: '',\n          original: security,\n          children: (\n            <>\n              <FieldSet\n                name={`${t.authorization} (${t.header})`}\n                fieldName={fieldName}\n                field={{\n                  type: 'string',\n                }}\n              />\n              <p className=\"text-fd-muted-foreground text-xs\">{t.openIdUnsupported}</p>\n            </>\n          ),\n        });\n      }\n    }\n\n    return transform ? transform(result) : result;\n  }, [securities, transform, t]);\n\n  const mapInputs = (values: FormValues) => {\n    const cloned = structuredClone(values);\n\n    for (const item of inputs) {\n      if (!item.mapOutput) continue;\n      objectSet(cloned, item.fieldName, item.mapOutput(objectGet(cloned, item.fieldName)));\n    }\n\n    return cloned;\n  };\n\n  const initAuthValues = (stf: Stf) => {\n    const { dataEngine } = stf;\n    for (const item of inputs) {\n      const stored = localStorage.getItem(storageKeys.AuthField(item));\n\n      if (stored) {\n        const parsed = JSON.parse(stored);\n        if (typeof parsed === typeof item.defaultValue) {\n          dataEngine.init(item.fieldName, parsed);\n          continue;\n        }\n      }\n\n      dataEngine.init(item.fieldName, item.defaultValue);\n    }\n\n    // reset\n    return () => {\n      for (const item of inputs) {\n        stf.dataEngine.delete(item.fieldName);\n      }\n    };\n  };\n\n  return { inputs, mapInputs, initAuthValues };\n}\n\nfunction Route({ route, ...props }: ComponentProps<'div'> & { route: string }) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        'flex flex-row items-center gap-0.5 overflow-auto text-nowrap',\n        props.className,\n      )}\n    >\n      {route.split('/').map((part, index) => (\n        <Fragment key={index}>\n          {index > 0 && <span className=\"text-fd-muted-foreground\">/</span>}\n          {part.startsWith('{') && part.endsWith('}') ? (\n            <code className=\"bg-fd-primary/10 text-fd-primary\">{part}</code>\n          ) : (\n            <code className=\"text-fd-foreground\">{part}</code>\n          )}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n\nexport function DefaultResultDisplay({ data, reset, ...rest }: ResultDisplayProps) {\n  const t = useTranslations();\n  const statusInfo = useMemo(() => getStatusInfo(data.status, t), [data.status, t]);\n\n  return (\n    <div\n      {...rest}\n      className={cn(\n        'flex flex-col gap-3 mt-2 px-3 py-2 border-y bg-fd-secondary text-fd-secondary-foreground',\n        rest.className,\n      )}\n    >\n      <div className=\"flex justify-between items-center\">\n        <div className=\"inline-flex items-center gap-1.5 text-sm font-medium\">\n          <statusInfo.icon className={cn('size-4', statusInfo.color)} />\n          {statusInfo.description}\n        </div>\n        <button\n          type=\"button\"\n          className={cn(buttonVariants({ size: 'sm', variant: 'outline' }))}\n          onClick={() => reset()}\n        >\n          {t.close}\n        </button>\n      </div>\n      <p className=\"text-sm text-fd-muted-foreground\">{data.status}</p>\n      {data.data !== undefined && (\n        <ClientCodeBlock\n          lang={typeof data.data === 'string' && data.data.length > 50000 ? 'text' : data.type}\n          code={typeof data.data === 'string' ? data.data : JSON.stringify(data.data, null, 2)}\n        />\n      )}\n    </div>\n  );\n}\n\nexport function DefaultCollapsiblePanel({ title, children, ...props }: CollapsiblePanelProps) {\n  return (\n    <Collapsible {...props} className={cn('border-b last:border-b-0', props.className)}>\n      <CollapsibleTrigger className=\"group w-full flex items-center gap-2 p-3 text-sm font-medium\">\n        {title}\n        <ChevronDown className=\"ms-auto size-3.5 text-fd-muted-foreground group-data-[state=open]:rotate-180\" />\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"flex flex-col gap-3 p-3 pt-1\">{children}</div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport const Custom = {\n  useController(\n    fieldName: FieldKey,\n    options?: {\n      defaultValue?: unknown;\n    },\n  ) {\n    const [value, setValue] = useFieldValue(fieldName, options);\n    return {\n      value,\n      setValue,\n    };\n  },\n};\n"],"mappings":"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"}

package/dist/playground/fetcher.d.ts

@@ -1,9 +1,28 @@
+import { Awaitable } from "../types.js";
+
 //#region src/playground/fetcher.d.ts
 interface FetchResult {
   status: number;
   type: 'json' | 'html' | 'text';
   data: unknown;
 }
+interface BrowserFetcherOptions {
+  /**
+   * Request timeout in seconds (default: 10s)
+   */
+  requestTimeout?: number | false;
+  proxyUrl?: string;
+  /**
+   * Forward cookies via search parameters when API proxy is configured.
+   *
+   * @default true
+   */
+  proxyForwardCookie?: boolean;
+  /**
+   * transform the request options before sending.
+   */
+  onRequestInit?: (requestInit: RequestInit) => Awaitable<RequestInit>;
+}
 //#endregion
-export { FetchResult };
+export { BrowserFetcherOptions, FetchResult };
 //# sourceMappingURL=fetcher.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"fetcher.d.ts","names":[],"sources":["../../src/playground/fetcher.ts"],"mappings":";UAQiB,WAAA;EACf,MAAA;EACA,IAAA;EACA,IAAA;AAAA"}
+{"version":3,"file":"fetcher.d.ts","names":[],"sources":["../../src/playground/fetcher.ts"],"mappings":";;;UAKiB,WAAA;EACf,MAAA;EACA,IAAA;EACA,IAAA;AAAA;AAAA,UAYe,qBAAA;EAiByC;;;EAbxD,cAAA;EAEA,QAAA;EAAA;;;;;EAMA,kBAAA;EAKwD;;;EAAxD,aAAA,IAAiB,WAAA,EAAa,WAAA,KAAgB,SAAA,CAAU,WAAA;AAAA"}

package/dist/playground/fetcher.js

@@ -1,42 +1,46 @@
 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];
+function createBrowserFetcher(adapters, { proxyUrl, proxyForwardCookie = true, requestTimeout = 10, onRequestInit } = {}) {
+	return { async fetch(url, data) {
+		let requestUrl = new URL(url, document.baseURI);
+		let requestInit = {
+			method: data.method,
+			cache: "no-cache",
+			signal: typeof requestTimeout === "number" ? AbortSignal.timeout(requestTimeout * 1e3) : void 0
+		};
+		const headers = requestInit.headers = new Headers();
+		for (const key in data.header) {
+			const param = data.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();
+			requestUrl = new URL(proxyUrl, document.baseURI);
+			requestUrl.searchParams.append("url", url);
 		}
-		let body = void 0;
-		if (options.bodyMediaType && options.body) {
-			const adapter = resolveMediaAdapter(options.bodyMediaType, adapters);
+		if (data.bodyMediaType && data.body) {
+			const adapter = resolveMediaAdapter(data.bodyMediaType, adapters);
 			if (!adapter) return {
 				status: 400,
 				type: "text",
-				data: `[Fumadocs] No adapter for ${options.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`
+				data: `[Fumadocs] No adapter for ${data.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`
 			};
-			body = adapter.encode(options);
+			if (data.bodyMediaType !== "multipart/form-data") headers.append("Content-Type", data.bodyMediaType);
+			requestInit.body = adapter.encode(data);
 		}
-		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}`);
+		if (proxyUrl && proxyForwardCookie) {
+			const encoded = Object.entries(data.cookie).map(([k, v]) => `${k}=${encodeURIComponent(v.value)}`).join("; ");
+			requestUrl.searchParams.set("cookie", encoded);
+			requestInit.credentials = "omit";
+		} else for (const key in data.cookie) {
+			const param = data.cookie[key];
+			const segs = [`${key}=${encodeURIComponent(param.value)}`];
+			if (proxyUrl && requestUrl.origin !== window.location.origin) segs.push(`domain=${requestUrl.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) => {
+		if (onRequestInit) requestInit = await onRequestInit(requestInit);
+		return fetch(requestUrl, requestInit).then(async (res) => {
 			const contentType = res.headers.get("Content-Type") ?? "";
 			let type;
 			let data;

package/dist/playground/fetcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetcher.js","names":[],"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,IAAI,OAA6B,KAAA;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,MAAM,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,IAAI;GACJ,IAAI;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"}
+{"version":3,"file":"fetcher.js","names":[],"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';\nimport type { Awaitable } from '@/types';\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, data: RequestData) => Promise<FetchResult>;\n}\n\nexport interface BrowserFetcherOptions {\n  /**\n   * Request timeout in seconds (default: 10s)\n   */\n  requestTimeout?: number | false;\n\n  proxyUrl?: string;\n  /**\n   * Forward cookies via search parameters when API proxy is configured.\n   *\n   * @default true\n   */\n  proxyForwardCookie?: boolean;\n\n  /**\n   * transform the request options before sending.\n   */\n  onRequestInit?: (requestInit: RequestInit) => Awaitable<RequestInit>;\n}\n\nexport function createBrowserFetcher(\n  adapters: Record<string, MediaAdapter>,\n  {\n    proxyUrl,\n    proxyForwardCookie = true,\n    requestTimeout = 10,\n    onRequestInit,\n  }: BrowserFetcherOptions = {},\n): Fetcher {\n  return {\n    async fetch(url, data) {\n      let requestUrl = new URL(url, document.baseURI);\n      let requestInit: RequestInit = {\n        method: data.method,\n        cache: 'no-cache',\n        signal:\n          typeof requestTimeout === 'number'\n            ? AbortSignal.timeout(requestTimeout * 1000)\n            : undefined,\n      };\n\n      const headers = (requestInit.headers = new Headers());\n\n      for (const key in data.header) {\n        const param = data.header[key];\n        headers.append(key, param.value);\n      }\n\n      if (proxyUrl) {\n        requestUrl = new URL(proxyUrl, document.baseURI);\n        requestUrl.searchParams.append('url', url);\n      }\n\n      if (data.bodyMediaType && data.body) {\n        const adapter = resolveMediaAdapter(data.bodyMediaType, adapters);\n        if (!adapter)\n          return {\n            status: 400,\n            type: 'text',\n            data: `[Fumadocs] No adapter for ${data.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`,\n          };\n\n        if (data.bodyMediaType !== 'multipart/form-data') {\n          headers.append('Content-Type', data.bodyMediaType);\n        }\n\n        requestInit.body = adapter.encode(data as { body: unknown });\n      }\n\n      // cookies\n      if (proxyUrl && proxyForwardCookie) {\n        const encoded = Object.entries(data.cookie)\n          .map(([k, v]) => `${k}=${encodeURIComponent(v.value)}`)\n          .join('; ');\n        requestUrl.searchParams.set('cookie', encoded);\n        requestInit.credentials = 'omit';\n      } else {\n        for (const key in data.cookie) {\n          const param = data.cookie[key];\n          const segs: string[] = [`${key}=${encodeURIComponent(param.value)}`];\n\n          if (proxyUrl && requestUrl.origin !== window.location.origin)\n            segs.push(`domain=${requestUrl.host}`);\n          segs.push('path=/', 'max-age=30');\n\n          document.cookie = segs.join('; ');\n        }\n      }\n\n      if (onRequestInit) requestInit = await onRequestInit(requestInit);\n\n      return fetch(requestUrl, requestInit)\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":";;;AAwCA,SAAgB,qBACd,UACA,EACE,UACA,qBAAqB,MACrB,iBAAiB,IACjB,kBACyB,EAAE,EACpB;AACT,QAAO,EACL,MAAM,MAAM,KAAK,MAAM;EACrB,IAAI,aAAa,IAAI,IAAI,KAAK,SAAS,QAAQ;EAC/C,IAAI,cAA2B;GAC7B,QAAQ,KAAK;GACb,OAAO;GACP,QACE,OAAO,mBAAmB,WACtB,YAAY,QAAQ,iBAAiB,IAAK,GAC1C,KAAA;GACP;EAED,MAAM,UAAW,YAAY,UAAU,IAAI,SAAS;AAEpD,OAAK,MAAM,OAAO,KAAK,QAAQ;GAC7B,MAAM,QAAQ,KAAK,OAAO;AAC1B,WAAQ,OAAO,KAAK,MAAM,MAAM;;AAGlC,MAAI,UAAU;AACZ,gBAAa,IAAI,IAAI,UAAU,SAAS,QAAQ;AAChD,cAAW,aAAa,OAAO,OAAO,IAAI;;AAG5C,MAAI,KAAK,iBAAiB,KAAK,MAAM;GACnC,MAAM,UAAU,oBAAoB,KAAK,eAAe,SAAS;AACjE,OAAI,CAAC,QACH,QAAO;IACL,QAAQ;IACR,MAAM;IACN,MAAM,6BAA6B,KAAK,cAAc;IACvD;AAEH,OAAI,KAAK,kBAAkB,sBACzB,SAAQ,OAAO,gBAAgB,KAAK,cAAc;AAGpD,eAAY,OAAO,QAAQ,OAAO,KAA0B;;AAI9D,MAAI,YAAY,oBAAoB;GAClC,MAAM,UAAU,OAAO,QAAQ,KAAK,OAAO,CACxC,KAAK,CAAC,GAAG,OAAO,GAAG,EAAE,GAAG,mBAAmB,EAAE,MAAM,GAAG,CACtD,KAAK,KAAK;AACb,cAAW,aAAa,IAAI,UAAU,QAAQ;AAC9C,eAAY,cAAc;QAE1B,MAAK,MAAM,OAAO,KAAK,QAAQ;GAC7B,MAAM,QAAQ,KAAK,OAAO;GAC1B,MAAM,OAAiB,CAAC,GAAG,IAAI,GAAG,mBAAmB,MAAM,MAAM,GAAG;AAEpE,OAAI,YAAY,WAAW,WAAW,OAAO,SAAS,OACpD,MAAK,KAAK,UAAU,WAAW,OAAO;AACxC,QAAK,KAAK,UAAU,aAAa;AAEjC,YAAS,SAAS,KAAK,KAAK,KAAK;;AAIrC,MAAI,cAAe,eAAc,MAAM,cAAc,YAAY;AAEjE,SAAO,MAAM,YAAY,YAAY,CAClC,KAAK,OAAO,QAAQ;GACnB,MAAM,cAAc,IAAI,QAAQ,IAAI,eAAe,IAAI;GACvD,IAAI;GACJ,IAAI;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/index.d.ts

@@ -1,6 +1,6 @@
 import { MethodInformation, RenderContext, SecuritySchemeObject } from "../types.js";
-import * as react from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/playground/index.d.ts
 interface APIPlaygroundProps {
@@ -16,7 +16,7 @@ declare function APIPlayground({
   path,
   method,
   ctx
-}: APIPlaygroundProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<react.ReactNode> | null | undefined;
+}: APIPlaygroundProps): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<_$react.ReactNode> | null | undefined;
 //#endregion
 export { APIPlayground, APIPlaygroundProps, SecurityEntry };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/playground/index.tsx"],"mappings":";;;;;UAiBiB,kBAAA;EACf,IAAA;EACA,MAAA,EAAQ,iBAAA;EACR,GAAA,EAAK,aAAA;AAAA;AAAA,KAGK,aAAA,GAAgB,oBAAA;EAC1B,MAAA;EACA,EAAA;AAAA;AAAA,iBAGc,aAAA,CAAA;EAAgB,IAAA;EAAM,MAAA;EAAQ;AAAA,GAAO,kBAAA,wCAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,CAAA,KAAA,CAAA,SAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/playground/index.tsx"],"mappings":";;;;;UAiBiB,kBAAA;EACf,IAAA;EACA,MAAA,EAAQ,iBAAA;EACR,GAAA,EAAK,aAAA;AAAA;AAAA,KAGK,aAAA,GAAgB,oBAAA;EAC1B,MAAA;EACA,EAAA;AAAA;AAAA,iBAGc,aAAA,CAAA;EAAgB,IAAA;EAAM,MAAA;EAAQ;AAAA,GAAO,kBAAA,wCAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,OAAA,CAAA,SAAA,IAAA,OAAA,CAAA,OAAA,CAAA,SAAA"}

package/dist/playground/schema.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from "react";
+import { Ajv2020 } from "ajv/dist/2020.js";
 import { FieldKey } from "@fumari/stf";
 
 //#region src/playground/schema.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/playground/schema.tsx"],"mappings":";;;;UAeiB,WAAA;;;;EAIf,SAAA;;;;EAKA,QAAA;AAAA"}
+{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/playground/schema.tsx"],"mappings":";;;;;UAeiB,WAAA;;;;EAIf,SAAA;;;;EAKA,QAAA;AAAA"}

package/dist/server/proxy.d.ts

@@ -1,6 +1,9 @@
 //#region src/server/proxy.d.ts
-declare const keys: readonly ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD"];
-type Proxy = { [K in (typeof keys)[number]]: (req: Request) => Promise<Response> };
+declare const methods: readonly ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD"];
+type Handler = (req: Request) => Promise<Response>;
+interface Proxy extends Record<(typeof methods)[number], Handler> {
+  handle: Handler;
+}
 interface CreateProxyOptions {
   /**
    * Filter by prefixes of request url

package/dist/server/proxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"proxy.d.ts","names":[],"sources":["../../src/server/proxy.ts"],"mappings":";cAAM,IAAA;AAAA,KAED,KAAA,mBACW,IAAA,aAAiB,GAAA,EAAK,OAAA,KAAY,OAAA,CAAQ,QAAA;AAAA,UAGhD,kBAAA;EAN6D;AAAA;;;;EAYrE,WAAA;EATwD;;;EAcxD,cAAA;EAdC;;;;;EAqBD,aAAA,IAAiB,OAAA,EAAS,OAAA;EArBsC;;AAAA;EA0BhE,SAAA;IACE,OAAA,IAAW,OAAA,EAAS,OAAA,KAAY,OAAA;IAChC,QAAA,IAAY,QAAA,EAAU,QAAA,KAAa,QAAA;EAAA;AAAA;AAAA,iBAIvB,WAAA,CAAY,OAAA,GAAS,kBAAA,GAA0B,KAAA"}
+{"version":3,"file":"proxy.d.ts","names":[],"sources":["../../src/server/proxy.ts"],"mappings":";cAAM,OAAA;AAAA,KAGD,OAAA,IAAW,GAAA,EAAK,OAAA,KAAY,OAAA,CAAQ,QAAA;AAAA,UAExB,KAAA,SAAc,MAAA,SAAe,OAAA,WAAkB,OAAA;EAC9D,MAAA,EAAQ,OAAA;AAAA;AAAA,UAGO,kBAAA;EANZ;;;;;EAYH,WAAA;EAZsC;;;EAiBtC,cAAA;EAjB+B;;;;AAEjC;EAsBE,aAAA,IAAiB,OAAA,EAAS,OAAA;;;;EAK1B,SAAA;IACE,OAAA,IAAW,OAAA,EAAS,OAAA,KAAY,OAAA;IAChC,QAAA,IAAY,QAAA,EAAU,QAAA,KAAa,QAAA;EAAA;AAAA;AAAA,iBAIvB,WAAA,CAAY,OAAA,GAAS,kBAAA,GAA0B,KAAA"}

package/dist/server/proxy.js

@@ -1,5 +1,5 @@
 //#region src/server/proxy.ts
-const keys = [
+const methods = [
 	"GET",
 	"POST",
 	"PUT",
@@ -7,50 +7,60 @@ const keys = [
 	"PATCH",
 	"HEAD"
 ];
+const methodsWithBody = new Set([
+	"POST",
+	"PUT",
+	"PATCH",
+	"DELETE"
+]);
 function createProxy(options = {}) {
 	const { allowedOrigins, allowedUrls, filterRequest = (req) => {
 		return !allowedUrls || allowedUrls.some((item) => req.url.startsWith(item));
 	}, overrides } = options;
-	const handlers = {};
+	const handlers = { handle: handler };
 	async function handler(req) {
-		const url = new URL(req.url).searchParams.get("url");
-		if (!url) return Response.json("[Proxy] A `url` query parameter is required for proxy url", { status: 400 });
-		const parsedUrl = URL.parse(url);
-		if (!parsedUrl) return Response.json("[Proxy] Invalid `url` parameter value.", { status: 400 });
-		if (allowedOrigins && !allowedOrigins.includes(parsedUrl.origin)) return Response.json(`[Proxy] The origin "${parsedUrl.origin}" is not allowed.`, { status: 400 });
-		const contentLength = req.headers.get("content-length");
+		const searchParams = new URL(req.url).searchParams;
+		const rawUrl = searchParams.get("url");
+		if (!rawUrl) return Response.json("[Proxy] A `url` query parameter is required for proxy url", { status: 400 });
+		const targetUrl = URL.parse(rawUrl);
+		if (!targetUrl) return Response.json("[Proxy] Invalid `url` parameter value.", { status: 400 });
+		if (allowedOrigins && !allowedOrigins.includes(targetUrl.origin)) return Response.json(`[Proxy] The origin "${targetUrl.origin}" is not allowed.`, { status: 400 });
+		const proxied = await rewriteRequest(req, targetUrl, searchParams.get("cookie"));
+		if (!filterRequest(proxied)) return Response.json("[Proxy] The proxied request is not allowed", { status: 403 });
+		try {
+			return rewriteResponse(await fetch(proxied));
+		} catch (err) {
+			return Response.json(`[Proxy] Failed to proxy request: ${err instanceof Error ? err.message : "unknown reason"}`, { status: 500 });
+		}
+	}
+	async function rewriteRequest(request, url, cookie) {
+		const headers = new Headers(request.headers);
+		headers.delete("origin");
+		if (cookie) headers.set("Cookie", cookie);
+		const contentLength = headers.get("content-length");
 		const hasBody = contentLength && parseInt(contentLength) > 0;
-		let proxied = new Request(parsedUrl, {
-			method: req.method,
+		const proxied = new Request(url, {
+			method: request.method,
 			cache: "no-cache",
-			headers: req.headers,
-			body: hasBody && [
-				"POST",
-				"PUT",
-				"PATCH",
-				"DELETE"
-			].includes(req.method.toUpperCase()) ? await req.arrayBuffer() : void 0
-		});
-		if (overrides?.request) proxied = overrides.request(proxied);
-		if (!filterRequest(proxied)) return Response.json("[Proxy] The proxied request is not allowed", { status: 403 });
-		proxied.headers.forEach((_value, originalKey) => {
-			if (originalKey.toLowerCase() === "origin") proxied.headers.delete(originalKey);
+			headers,
+			body: hasBody && methodsWithBody.has(request.method.toUpperCase()) ? await request.arrayBuffer() : void 0
 		});
-		let res = await fetch(proxied).catch((e) => new Error(e.toString()));
-		if (res instanceof Error) return Response.json(`[Proxy] Failed to proxy request: ${res.message}`, { status: 500 });
-		if (overrides?.response) res = overrides.response(res);
-		const headers = new Headers(res.headers);
+		return overrides?.request ? overrides.request(proxied) : proxied;
+	}
+	async function rewriteResponse(response) {
+		if (overrides?.response) response = overrides.response(response);
+		const headers = new Headers(response.headers);
 		headers.forEach((_value, originalKey) => {
 			if (originalKey.toLowerCase().startsWith("access-control-")) headers.delete(originalKey);
 		});
-		headers.set("X-Forwarded-Host", res.url);
-		return new Response(res.body, {
-			status: res.status,
-			statusText: res.statusText,
+		headers.set("X-Forwarded-Host", response.url);
+		return new Response(response.body, {
+			status: response.status,
+			statusText: response.statusText,
 			headers
 		});
 	}
-	for (const key of keys) handlers[key] = handler;
+	for (const key of methods) handlers[key] = handler;
 	return handlers;
 }
 //#endregion

package/dist/server/proxy.js.map

@@ -1 +1 @@
-{"version":3,"file":"proxy.js","names":[],"sources":["../../src/server/proxy.ts"],"sourcesContent":["const keys = ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'HEAD'] as const;\n\ntype Proxy = {\n  [K in (typeof keys)[number]]: (req: Request) => Promise<Response>;\n};\n\ninterface CreateProxyOptions {\n  /**\n   * Filter by prefixes of request url\n   *\n   * @deprecated Use `allowedOrigins` for filtering origins, or `filterRequest` for more detailed rules.\n   */\n  allowedUrls?: string[];\n\n  /**\n   * List of allowed origins to proxy to.\n   */\n  allowedOrigins?: string[];\n\n  /**\n   * Determine if the proxied request is allowed.\n   *\n   * @returns true if allowed, otherwise forbidden.\n   */\n  filterRequest?: (request: Request) => boolean;\n\n  /**\n   * Override proxied request/response with yours\n   */\n  overrides?: {\n    request?: (request: Request) => Request;\n    response?: (response: Response) => Response;\n  };\n}\n\nexport function createProxy(options: CreateProxyOptions = {}): Proxy {\n  const {\n    allowedOrigins,\n    allowedUrls,\n    filterRequest = (req) => {\n      return !allowedUrls || allowedUrls.some((item) => req.url.startsWith(item));\n    },\n    overrides,\n  } = options;\n  const handlers: Partial<Proxy> = {};\n\n  async function handler(req: Request): Promise<Response> {\n    const searchParams = new URL(req.url).searchParams;\n    const url = searchParams.get('url');\n\n    if (!url)\n      return Response.json('[Proxy] A `url` query parameter is required for proxy url', {\n        status: 400,\n      });\n\n    const parsedUrl = URL.parse(url);\n    if (!parsedUrl)\n      return Response.json('[Proxy] Invalid `url` parameter value.', {\n        status: 400,\n      });\n\n    if (allowedOrigins && !allowedOrigins.includes(parsedUrl.origin)) {\n      return Response.json(`[Proxy] The origin \"${parsedUrl.origin}\" is not allowed.`, {\n        status: 400,\n      });\n    }\n\n    const contentLength = req.headers.get('content-length');\n    const hasBody = contentLength && parseInt(contentLength) > 0;\n\n    let proxied = new Request(parsedUrl, {\n      method: req.method,\n      cache: 'no-cache',\n      headers: req.headers,\n      body:\n        hasBody && ['POST', 'PUT', 'PATCH', 'DELETE'].includes(req.method.toUpperCase())\n          ? await req.arrayBuffer()\n          : undefined,\n    });\n\n    if (overrides?.request) {\n      proxied = overrides.request(proxied);\n    }\n\n    if (!filterRequest(proxied)) {\n      return Response.json('[Proxy] The proxied request is not allowed', {\n        status: 403,\n      });\n    }\n\n    proxied.headers.forEach((_value, originalKey) => {\n      const key = originalKey.toLowerCase();\n\n      if (key === 'origin') {\n        proxied.headers.delete(originalKey);\n      }\n    });\n\n    let res = await fetch(proxied).catch((e) => new Error(e.toString()));\n    if (res instanceof Error) {\n      return Response.json(`[Proxy] Failed to proxy request: ${res.message}`, {\n        status: 500,\n      });\n    }\n\n    if (overrides?.response) {\n      res = overrides.response(res);\n    }\n\n    const headers = new Headers(res.headers);\n    headers.forEach((_value, originalKey) => {\n      const key = originalKey.toLowerCase();\n\n      if (key.startsWith('access-control-')) {\n        headers.delete(originalKey);\n      }\n    });\n    headers.set('X-Forwarded-Host', res.url);\n\n    return new Response(res.body, {\n      status: res.status,\n      statusText: res.statusText,\n      headers,\n    });\n  }\n\n  for (const key of keys) {\n    handlers[key] = handler;\n  }\n\n  return handlers as Proxy;\n}\n"],"mappings":";AAAA,MAAM,OAAO;CAAC;CAAO;CAAQ;CAAO;CAAU;CAAS;CAAO;AAmC9D,SAAgB,YAAY,UAA8B,EAAE,EAAS;CACnE,MAAM,EACJ,gBACA,aACA,iBAAiB,QAAQ;AACvB,SAAO,CAAC,eAAe,YAAY,MAAM,SAAS,IAAI,IAAI,WAAW,KAAK,CAAC;IAE7E,cACE;CACJ,MAAM,WAA2B,EAAE;CAEnC,eAAe,QAAQ,KAAiC;EAEtD,MAAM,MADe,IAAI,IAAI,IAAI,IAAI,CAAC,aACb,IAAI,MAAM;AAEnC,MAAI,CAAC,IACH,QAAO,SAAS,KAAK,6DAA6D,EAChF,QAAQ,KACT,CAAC;EAEJ,MAAM,YAAY,IAAI,MAAM,IAAI;AAChC,MAAI,CAAC,UACH,QAAO,SAAS,KAAK,0CAA0C,EAC7D,QAAQ,KACT,CAAC;AAEJ,MAAI,kBAAkB,CAAC,eAAe,SAAS,UAAU,OAAO,CAC9D,QAAO,SAAS,KAAK,uBAAuB,UAAU,OAAO,oBAAoB,EAC/E,QAAQ,KACT,CAAC;EAGJ,MAAM,gBAAgB,IAAI,QAAQ,IAAI,iBAAiB;EACvD,MAAM,UAAU,iBAAiB,SAAS,cAAc,GAAG;EAE3D,IAAI,UAAU,IAAI,QAAQ,WAAW;GACnC,QAAQ,IAAI;GACZ,OAAO;GACP,SAAS,IAAI;GACb,MACE,WAAW;IAAC;IAAQ;IAAO;IAAS;IAAS,CAAC,SAAS,IAAI,OAAO,aAAa,CAAC,GAC5E,MAAM,IAAI,aAAa,GACvB,KAAA;GACP,CAAC;AAEF,MAAI,WAAW,QACb,WAAU,UAAU,QAAQ,QAAQ;AAGtC,MAAI,CAAC,cAAc,QAAQ,CACzB,QAAO,SAAS,KAAK,8CAA8C,EACjE,QAAQ,KACT,CAAC;AAGJ,UAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAG/C,OAFY,YAAY,aAAa,KAEzB,SACV,SAAQ,QAAQ,OAAO,YAAY;IAErC;EAEF,IAAI,MAAM,MAAM,MAAM,QAAQ,CAAC,OAAO,MAAM,IAAI,MAAM,EAAE,UAAU,CAAC,CAAC;AACpE,MAAI,eAAe,MACjB,QAAO,SAAS,KAAK,oCAAoC,IAAI,WAAW,EACtE,QAAQ,KACT,CAAC;AAGJ,MAAI,WAAW,SACb,OAAM,UAAU,SAAS,IAAI;EAG/B,MAAM,UAAU,IAAI,QAAQ,IAAI,QAAQ;AACxC,UAAQ,SAAS,QAAQ,gBAAgB;AAGvC,OAFY,YAAY,aAAa,CAE7B,WAAW,kBAAkB,CACnC,SAAQ,OAAO,YAAY;IAE7B;AACF,UAAQ,IAAI,oBAAoB,IAAI,IAAI;AAExC,SAAO,IAAI,SAAS,IAAI,MAAM;GAC5B,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB;GACD,CAAC;;AAGJ,MAAK,MAAM,OAAO,KAChB,UAAS,OAAO;AAGlB,QAAO"}
+{"version":3,"file":"proxy.js","names":[],"sources":["../../src/server/proxy.ts"],"sourcesContent":["const methods = ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'HEAD'] as const;\nconst methodsWithBody = new Set(['POST', 'PUT', 'PATCH', 'DELETE']);\n\ntype Handler = (req: Request) => Promise<Response>;\n\nexport interface Proxy extends Record<(typeof methods)[number], Handler> {\n  handle: Handler;\n}\n\nexport interface CreateProxyOptions {\n  /**\n   * Filter by prefixes of request url\n   *\n   * @deprecated Use `allowedOrigins` for filtering origins, or `filterRequest` for more detailed rules.\n   */\n  allowedUrls?: string[];\n\n  /**\n   * List of allowed origins to proxy to.\n   */\n  allowedOrigins?: string[];\n\n  /**\n   * Determine if the proxied request is allowed.\n   *\n   * @returns true if allowed, otherwise forbidden.\n   */\n  filterRequest?: (request: Request) => boolean;\n\n  /**\n   * Override proxied request/response with yours\n   */\n  overrides?: {\n    request?: (request: Request) => Request;\n    response?: (response: Response) => Response;\n  };\n}\n\nexport function createProxy(options: CreateProxyOptions = {}): Proxy {\n  const {\n    allowedOrigins,\n    allowedUrls,\n    filterRequest = (req) => {\n      return !allowedUrls || allowedUrls.some((item) => req.url.startsWith(item));\n    },\n    overrides,\n  } = options;\n  const handlers: Partial<Proxy> = {\n    handle: handler,\n  };\n\n  async function handler(req: Request): Promise<Response> {\n    const searchParams = new URL(req.url).searchParams;\n    const rawUrl = searchParams.get('url');\n\n    if (!rawUrl)\n      return Response.json('[Proxy] A `url` query parameter is required for proxy url', {\n        status: 400,\n      });\n\n    const targetUrl = URL.parse(rawUrl);\n    if (!targetUrl)\n      return Response.json('[Proxy] Invalid `url` parameter value.', {\n        status: 400,\n      });\n\n    if (allowedOrigins && !allowedOrigins.includes(targetUrl.origin)) {\n      return Response.json(`[Proxy] The origin \"${targetUrl.origin}\" is not allowed.`, {\n        status: 400,\n      });\n    }\n\n    const proxied = await rewriteRequest(req, targetUrl, searchParams.get('cookie'));\n\n    if (!filterRequest(proxied)) {\n      return Response.json('[Proxy] The proxied request is not allowed', {\n        status: 403,\n      });\n    }\n\n    try {\n      return rewriteResponse(await fetch(proxied));\n    } catch (err) {\n      return Response.json(\n        `[Proxy] Failed to proxy request: ${err instanceof Error ? err.message : 'unknown reason'}`,\n        {\n          status: 500,\n        },\n      );\n    }\n  }\n\n  async function rewriteRequest(\n    request: Request,\n    url: URL,\n    cookie: string | null,\n  ): Promise<Request> {\n    const headers = new Headers(request.headers);\n    headers.delete('origin');\n    if (cookie) {\n      headers.set('Cookie', cookie);\n    }\n\n    const contentLength = headers.get('content-length');\n    const hasBody = contentLength && parseInt(contentLength) > 0;\n\n    const proxied = new Request(url, {\n      method: request.method,\n      cache: 'no-cache',\n      headers,\n      body:\n        hasBody && methodsWithBody.has(request.method.toUpperCase())\n          ? await request.arrayBuffer()\n          : undefined,\n    });\n\n    return overrides?.request ? overrides.request(proxied) : proxied;\n  }\n\n  async function rewriteResponse(response: Response): Promise<Response> {\n    if (overrides?.response) {\n      response = overrides.response(response);\n    }\n\n    const headers = new Headers(response.headers);\n    headers.forEach((_value, originalKey) => {\n      const key = originalKey.toLowerCase();\n\n      if (key.startsWith('access-control-')) {\n        headers.delete(originalKey);\n      }\n    });\n    headers.set('X-Forwarded-Host', response.url);\n\n    return new Response(response.body, {\n      status: response.status,\n      statusText: response.statusText,\n      headers,\n    });\n  }\n\n  for (const key of methods) {\n    handlers[key] = handler;\n  }\n\n  return handlers as Proxy;\n}\n"],"mappings":";AAAA,MAAM,UAAU;CAAC;CAAO;CAAQ;CAAO;CAAU;CAAS;CAAO;AACjE,MAAM,kBAAkB,IAAI,IAAI;CAAC;CAAQ;CAAO;CAAS;CAAS,CAAC;AAqCnE,SAAgB,YAAY,UAA8B,EAAE,EAAS;CACnE,MAAM,EACJ,gBACA,aACA,iBAAiB,QAAQ;AACvB,SAAO,CAAC,eAAe,YAAY,MAAM,SAAS,IAAI,IAAI,WAAW,KAAK,CAAC;IAE7E,cACE;CACJ,MAAM,WAA2B,EAC/B,QAAQ,SACT;CAED,eAAe,QAAQ,KAAiC;EACtD,MAAM,eAAe,IAAI,IAAI,IAAI,IAAI,CAAC;EACtC,MAAM,SAAS,aAAa,IAAI,MAAM;AAEtC,MAAI,CAAC,OACH,QAAO,SAAS,KAAK,6DAA6D,EAChF,QAAQ,KACT,CAAC;EAEJ,MAAM,YAAY,IAAI,MAAM,OAAO;AACnC,MAAI,CAAC,UACH,QAAO,SAAS,KAAK,0CAA0C,EAC7D,QAAQ,KACT,CAAC;AAEJ,MAAI,kBAAkB,CAAC,eAAe,SAAS,UAAU,OAAO,CAC9D,QAAO,SAAS,KAAK,uBAAuB,UAAU,OAAO,oBAAoB,EAC/E,QAAQ,KACT,CAAC;EAGJ,MAAM,UAAU,MAAM,eAAe,KAAK,WAAW,aAAa,IAAI,SAAS,CAAC;AAEhF,MAAI,CAAC,cAAc,QAAQ,CACzB,QAAO,SAAS,KAAK,8CAA8C,EACjE,QAAQ,KACT,CAAC;AAGJ,MAAI;AACF,UAAO,gBAAgB,MAAM,MAAM,QAAQ,CAAC;WACrC,KAAK;AACZ,UAAO,SAAS,KACd,oCAAoC,eAAe,QAAQ,IAAI,UAAU,oBACzE,EACE,QAAQ,KACT,CACF;;;CAIL,eAAe,eACb,SACA,KACA,QACkB;EAClB,MAAM,UAAU,IAAI,QAAQ,QAAQ,QAAQ;AAC5C,UAAQ,OAAO,SAAS;AACxB,MAAI,OACF,SAAQ,IAAI,UAAU,OAAO;EAG/B,MAAM,gBAAgB,QAAQ,IAAI,iBAAiB;EACnD,MAAM,UAAU,iBAAiB,SAAS,cAAc,GAAG;EAE3D,MAAM,UAAU,IAAI,QAAQ,KAAK;GAC/B,QAAQ,QAAQ;GAChB,OAAO;GACP;GACA,MACE,WAAW,gBAAgB,IAAI,QAAQ,OAAO,aAAa,CAAC,GACxD,MAAM,QAAQ,aAAa,GAC3B,KAAA;GACP,CAAC;AAEF,SAAO,WAAW,UAAU,UAAU,QAAQ,QAAQ,GAAG;;CAG3D,eAAe,gBAAgB,UAAuC;AACpE,MAAI,WAAW,SACb,YAAW,UAAU,SAAS,SAAS;EAGzC,MAAM,UAAU,IAAI,QAAQ,SAAS,QAAQ;AAC7C,UAAQ,SAAS,QAAQ,gBAAgB;AAGvC,OAFY,YAAY,aAAa,CAE7B,WAAW,kBAAkB,CACnC,SAAQ,OAAO,YAAY;IAE7B;AACF,UAAQ,IAAI,oBAAoB,SAAS,IAAI;AAE7C,SAAO,IAAI,SAAS,SAAS,MAAM;GACjC,QAAQ,SAAS;GACjB,YAAY,SAAS;GACrB;GACD,CAAC;;AAGJ,MAAK,MAAM,OAAO,QAChB,UAAS,OAAO;AAGlB,QAAO"}

package/dist/ui/api-page.d.ts

@@ -1,5 +1,4 @@
 import { HttpMethods } from "../types.js";
-
 //#region src/ui/api-page.d.ts
 interface ApiPageProps {
   document: string;

package/dist/ui/api-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-page.d.ts","names":[],"sources":["../../src/ui/api-page.tsx"],"mappings":";;;UAKiB,YAAA;EACf,QAAA;EACA,SAAA;EACA,eAAA;;;;EAKA,UAAA,GAAa,aAAA;EAEb,QAAA,GAAW,WAAA;AAAA;AAAA,UAGI,WAAA;EAHf;;;EAOA,IAAA;EACA,MAAA,EAAQ,WAAA;AAAA;AAAA,UAGO,aAAA;EAHI;;;EAOnB,IAAA;EAPmB;;AAGrB;EAQE,MAAA,EAAQ,WAAA;AAAA"}
+{"version":3,"file":"api-page.d.ts","names":[],"sources":["../../src/ui/api-page.tsx"],"mappings":";;UAKiB,YAAA;EACf,QAAA;EACA,SAAA;EACA,eAAA;EAH2B;;;EAQ3B,UAAA,GAAa,aAAA;EAEb,QAAA,GAAW,WAAA;AAAA;AAAA,UAGI,WAAA;EALF;;;EASb,IAAA;EACA,MAAA,EAAQ,WAAA;AAAA;AAAA,UAGO,aAAA;;;;EAIf,IAAA;EAPQ;;;EAWR,MAAA,EAAQ,WAAA;AAAA"}

package/dist/ui/components/codeblock.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ShikiFactory } from "fumadocs-core/highlight/shiki";
 
 //#region src/ui/components/codeblock.d.ts
@@ -9,7 +9,7 @@ declare function ClientCodeBlockProvider({
 }: {
   factory: ShikiFactory;
   children: ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ClientCodeBlockProvider };
 //# sourceMappingURL=codeblock.d.ts.map

package/dist/ui/components/codeblock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"codeblock.d.ts","names":[],"sources":["../../../src/ui/components/codeblock.tsx"],"mappings":";;;;;iBAsBgB,uBAAA,CAAA;EACd,OAAA;EACA;AAAA;EAEA,OAAA,EAAS,YAAA;EACT,QAAA,EAAU,SAAA;AAAA,IACX,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"codeblock.d.ts","names":[],"sources":["../../../src/ui/components/codeblock.tsx"],"mappings":";;;;;iBAsBgB,uBAAA,CAAA;EACd,OAAA;EACA;AAAA;EAEA,OAAA,EAAS,YAAA;EACT,QAAA,EAAU,SAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/index.d.ts

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

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

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

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

@@ -1,5 +1,4 @@
 import { SchemaUIGeneratedData } from "./index.js";
-
 //#region src/ui/schema/client.d.ts
 interface SchemaUIProps {
   name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/ui/schema/client.tsx"],"mappings":";;;UAkEiB,aAAA;EACf,IAAA;EACA,QAAA;EACA,EAAA;EAEA,SAAA,EAAW,qBAAA;AAAA"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/ui/schema/client.tsx"],"mappings":";;UAkEiB,aAAA;EACf,IAAA;EACA,QAAA;EACA,EAAA;EAEA,SAAA,EAAW,qBAAA;AAAA"}

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

@@ -1,7 +1,6 @@
 import { ResolvedSchema } from "../../utils/schema/index.js";
 import { SchemaUIProps } from "./client.js";
 import { ReactNode } from "react";
-
 //#region src/ui/schema/index.d.ts
 interface FieldBase {
   description?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/ui/schema/index.tsx"],"mappings":";;;;;UASiB,SAAA;EACf,WAAA,GAAc,SAAA;EACd,QAAA,GAAW,OAAA;EAEX,QAAA;EACA,SAAA;EAEA,UAAA;AAAA;AAAA,UAGe,OAAA;EACf,KAAA,EAAO,SAAA;EACP,KAAA;AAAA;AAAA,UAGe,wBAAA;EACf,IAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,UAAA,GAAa,SAAA;EAGjB,IAAA;AAAA;EAGA,IAAA;EACA,KAAA,EAAO,wBAAA;AAAA;EAGP,IAAA;EACA,IAAA;IACE,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;AAAA,UAKO,eAAA;EACf,IAAA,EAAM,cAAA;EACN,MAAA,EAAQ,IAAA,CAAK,aAAA;EAvBP;;;EA4BN,QAAA;EArBM;;;EAyBN,SAAA;AAAA;AAAA,UAGe,qBAAA;EACf,KAAA;EACA,IAAA,EAAM,MAAA,SAAe,UAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/ui/schema/index.tsx"],"mappings":";;;;UASiB,SAAA;EACf,WAAA,GAAc,SAAA;EACd,QAAA,GAAW,OAAA;EAEX,QAAA;EACA,SAAA;EAEA,UAAA;AAAA;AAAA,UAGe,OAAA;EACf,KAAA,EAAO,SAAA;EACP,KAAA;AAAA;AAAA,UAGe,wBAAA;EACf,IAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,UAAA,GAAa,SAAA;EAGjB,IAAA;AAAA;EAGA,IAAA;EACA,KAAA,EAAO,wBAAA;AAAA;EAGP,IAAA;EACA,IAAA;IACE,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;AAAA,UAKO,eAAA;EACf,IAAA,EAAM,cAAA;EACN,MAAA,EAAQ,IAAA,CAAK,aAAA;EA1BA;;;EA+Bb,QAAA;EAtBM;;;EA0BN,SAAA;AAAA;AAAA,UAGe,qBAAA;EACf,KAAA;EACA,IAAA,EAAM,MAAA,SAAe,UAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "10.6.0",
+  "version": "10.6.1",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "Docs",
@@ -58,7 +58,7 @@
     "github-slugger": "^2.0.0",
     "hast-util-to-jsx-runtime": "^2.3.6",
     "js-yaml": "^4.1.1",
-    "lucide-react": "^1.6.0",
+    "lucide-react": "^1.7.0",
     "next-themes": "^0.4.6",
     "openapi-sampler": "^1.7.2",
     "react-hook-form": "^7.72.0",
@@ -69,7 +69,7 @@
     "@fumari/stf": "1.0.3"
   },
   "devDependencies": {
-    "@scalar/api-client-react": "^1.4.14",
+    "@scalar/api-client-react": "^1.4.15",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "25.5.0",
     "@types/openapi-sampler": "^1.0.3",
@@ -77,12 +77,11 @@
     "json-schema-typed": "^8.0.2",
     "shiki": "^4.0.2",
     "tailwindcss": "^4.2.2",
-    "tsdown": "0.21.5",
+    "tsdown": "0.21.6",
     "@fumadocs/tailwind": "0.0.3",
-    "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.7.7",
     "fumadocs-ui": "16.7.7",
-    "tsconfig": "0.0.0"
+    "tsconfig": "0.0.0",
+    "fumadocs-core": "16.7.7"
   },
   "peerDependencies": {
     "@scalar/api-client-react": "*",
@@ -112,7 +111,7 @@
     "build": "tsdown --config-loader unrun",
     "clean": "rimraf dist",
     "dev": "tsdown --watch --clean false",
-    "lint": "eslint .",
+    "lint": "oxlint .",
     "types:check": "tsc --noEmit"
   }
 }