fumadocs-openapi 9.0.18 → 9.1.1

package/dist/media/adapter.d.ts

@@ -1,4 +1,3 @@
-import type { RequestData } from '../requests/_shared.js';
 interface BaseContext {
     /**
      * Passed by your custom example generator, for your custom media adapter to receive.
@@ -26,13 +25,21 @@ export type MediaContext = JavaContext | GoContext | JavaScriptContext | CSharpC
 });
 export interface MediaAdapter {
     /**
-     * encode request data into body for `fetch()`.
+     * the same adapter that's passed from a client component.
+     *
+     * It is needed for client-side serialization of values.
+     */
+    client?: MediaAdapter;
+    /**
+     * encode data into specified media type for `fetch()`.
      *
      * Return the encoded form of `data.body` property.
      */
-    encode: (data: RequestData) => BodyInit | Promise<BodyInit>;
+    encode: (data: {
+        body: unknown;
+    }) => BodyInit;
     /**
-     * generate code for usage examples in a given programming language.
+     * generate code example for creating the body in a given programming language.
      *
      * @param data - request data.
      * @param lang - name of programming language.
@@ -40,31 +47,55 @@ export interface MediaAdapter {
      *
      * @returns code that inits a `body` variable, or undefined if not supported (skip example for that language).
      */
-    generateExample: (data: RequestData, ctx: MediaContext) => string | undefined;
+    generateExample: (data: {
+        body: unknown;
+    }, ctx: MediaContext) => string | undefined;
 }
 export declare const defaultAdapters: {
     'application/json': {
-        encode(data: RequestData): string;
-        generateExample(data: RequestData, ctx: MediaContext): string | undefined;
+        encode(data: {
+            body: unknown;
+        }): string;
+        generateExample(data: {
+            body: unknown;
+        }, ctx: MediaContext): string | undefined;
     };
     'application/xml': {
-        encode(data: RequestData): Promise<any>;
-        generateExample(data: RequestData, ctx: MediaContext): string | undefined;
+        encode(data: {
+            body: unknown;
+        }): any;
+        generateExample(data: {
+            body: unknown;
+        }, ctx: MediaContext): string | undefined;
     };
     'application/x-ndjson': {
-        encode(data: RequestData): string;
-        generateExample(data: RequestData, ctx: MediaContext): string | undefined;
+        encode(data: {
+            body: unknown;
+        }): string;
+        generateExample(data: {
+            body: unknown;
+        }, ctx: MediaContext): string | undefined;
     };
     'application/x-www-form-urlencoded': {
-        encode(data: RequestData): URLSearchParams;
-        generateExample(data: RequestData, ctx: MediaContext): string | undefined;
+        encode(data: {
+            body: unknown;
+        }): URLSearchParams;
+        generateExample(data: {
+            body: unknown;
+        }, ctx: MediaContext): string | undefined;
     };
     'multipart/form-data': {
-        encode(data: RequestData): FormData;
-        generateExample(data: RequestData, ctx: MediaContext): string | undefined;
+        encode(data: {
+            body: unknown;
+        }): FormData;
+        generateExample(data: {
+            body: unknown;
+        }, ctx: MediaContext): string | undefined;
     };
     'application/octet-stream': {
-        encode(data: RequestData): BodyInit;
+        encode(data: {
+            body: unknown;
+        }): BodyInit;
         generateExample(): undefined;
     };
 };

package/dist/media/adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../src/media/adapter.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,UAAU,WAAW;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,UAAU,WAAY,SAAQ,WAAW;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,UAAU,aAAc,SAAQ,WAAW;IACzC,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,aAAa,GACb,CAAC,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAErC,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5D;;;;;;;;OAQG;IACH,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,CAAC;CAC/E;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;mCAyIF,QAAQ;;;CAOM,CAAC"}
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../src/media/adapter.ts"],"names":[],"mappings":"AAIA,UAAU,WAAW;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,UAAU,WAAY,SAAQ,WAAW;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,UAAU,aAAc,SAAQ,WAAW;IACzC,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,aAAa,GACb,CAAC,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAErC,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;OAIG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,QAAQ,CAAC;IAE9C;;;;;;;;OAQG;IACH,eAAe,EAAE,CACf,IAAI,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,EACvB,GAAG,EAAE,YAAY,KACd,MAAM,GAAG,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,eAAe;;;kBAjBH,OAAO;;;kBAYd,OAAO;;;;;kBAZA,OAAO;;;kBAYd,OAAO;;;;;kBAZA,OAAO;;;kBAYd,OAAO;;;;;kBAZA,OAAO;;;kBAYd,OAAO;;;;;kBAZA,OAAO;;;kBAYd,OAAO;;;;;kBAZA,OAAO;YAwJN,QAAQ;;;CAOM,CAAC"}

package/dist/media/adapter.js

@@ -1,5 +1,6 @@
-'use client';
 import { escapeString, inputToString } from '../utils/input-to-string.js';
+// @ts-expect-error -- untyped
+import { js2xml } from 'xml-js/lib/js2xml';
 export const defaultAdapters = {
     'application/json': {
         encode(data) {
@@ -10,9 +11,7 @@ export const defaultAdapters = {
         },
     },
     'application/xml': {
-        async encode(data) {
-            // @ts-expect-error -- untyped
-            const { js2xml } = await import('xml-js/lib/js2xml');
+        encode(data) {
             return js2xml(data.body, {
                 compact: true,
                 spaces: 2,

package/dist/playground/client.d.ts

@@ -2,12 +2,14 @@ import { type FC, type HTMLAttributes, type ReactElement } from 'react';
 import type { ControllerFieldState, ControllerRenderProps, FieldPath, UseFormStateReturn } from 'react-hook-form';
 import type { FetchResult } from '../playground/fetcher.js';
 import type { ParameterField, RequestSchema, SecurityEntry } from '../playground/index.js';
+import { type RequestData } from '../requests/_shared.js';
 interface FormValues {
-    path: Record<string, string>;
-    query: Record<string, string>;
-    header: Record<string, string>;
-    cookie: Record<string, string>;
+    path: Record<string, unknown>;
+    query: Record<string, unknown>;
+    header: Record<string, unknown>;
+    cookie: Record<string, unknown>;
     body: unknown;
+    _encoded?: RequestData;
 }
 export interface CustomField<TName extends FieldPath<FormValues>, Info> {
     render: (props: {

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/playground/client.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EAAE,EAEP,KAAK,cAAc,EAEnB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACT,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,aAAa,EACd,MAAM,oBAAoB,CAAC;AAwC5B,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,SAAS,CAAC,UAAU,CAAC,EAAE,IAAI;IACpE,MAAM,EAAE,CAAC,KAAK,EAAE;QACd;;WAEG;QACH,IAAI,EAAE,IAAI,CAAC;QACX,KAAK,EAAE,qBAAqB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QAChD,UAAU,EAAE,oBAAoB,CAAC;QACjC,SAAS,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;KAC3C,KAAK,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,UAAU,EAAE,aAAa,EAAE,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QACL,MAAM,EAAE,aAAa,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,WAAW,CACrB,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,MAAM,EAAE,EACnC,cAAc,CACf,CAAC;QACF,IAAI,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC,CAAC;QACzD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;KAC3C,CAAC;IAEF,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,aAAa,EAAE,EAAE,CAAC;YAAE,IAAI,EAAE,WAAW,CAAA;SAAE,CAAC,CAAC;KAC1C,CAAC,CAAC;CACJ;AAgCD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,MAAc,EACd,UAAU,EACV,UAAU,EACV,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,UAAU,EAAE,EAAE,aAAoC,EAAO,EACzD,GAAG,IAAI,EACR,EAAE,WAAW,2CA2Kb"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/playground/client.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EAAE,EAEP,KAAK,cAAc,EAEnB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACT,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,aAAa,EACd,MAAM,oBAAoB,CAAC;AAiB5B,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAwBzE,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,SAAS,CAAC,UAAU,CAAC,EAAE,IAAI;IACpE,MAAM,EAAE,CAAC,KAAK,EAAE;QACd;;WAEG;QACH,IAAI,EAAE,IAAI,CAAC;QACX,KAAK,EAAE,qBAAqB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QAChD,UAAU,EAAE,oBAAoB,CAAC;QACjC,SAAS,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;KAC3C,KAAK,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,UAAU,EAAE,aAAa,EAAE,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QACL,MAAM,EAAE,aAAa,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,WAAW,CACrB,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,MAAM,EAAE,EACnC,cAAc,CACf,CAAC;QACF,IAAI,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC,CAAC;QACzD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;KAC3C,CAAC;IAEF,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,aAAa,EAAE,EAAE,CAAC;YAAE,IAAI,EAAE,WAAW,CAAA;SAAE,CAAC,CAAC;KAC1C,CAAC,CAAC;CACJ;AAgBD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,MAAc,EACd,UAAU,EACV,UAAe,EACf,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,UAAU,EAAE,EAAE,aAAoC,EAAO,EACzD,GAAG,IAAI,EACR,EAAE,WAAW,2CAyLb"}

package/dist/playground/client.js

@@ -11,6 +11,7 @@ import { MethodLabel } from '../ui/components/method-label.js';
 import { useQuery } from '../utils/use-query.js';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from 'fumadocs-ui/components/ui/collapsible';
 import { ChevronDown, LoaderCircle } from '../icons.js';
+import { encodeRequestData } from '../requests/_shared.js';
 import { buttonVariants } from 'fumadocs-ui/components/ui/button';
 import { cn } from 'fumadocs-ui/utils/cn';
 import { SchemaProvider, useResolvedSchema, } from '../playground/schema.js';
@@ -20,17 +21,6 @@ import { useOnChange } from 'fumadocs-core/utils/use-on-change';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../ui/components/select.js';
 import { labelVariants } from '../ui/components/input.js';
 const AuthPrefix = '__fumadocs_auth';
-function toRequestData(method, mediaType, value) {
-    return {
-        path: value.path,
-        method,
-        header: value.header,
-        body: value.body,
-        bodyMediaType: mediaType,
-        cookie: value.cookie,
-        query: value.query,
-    };
-}
 const ServerSelect = lazy(() => import('../ui/server-select.js'));
 const OauthDialog = lazy(() => import('./auth/oauth-dialog.js').then((mod) => ({
     default: mod.OauthDialog,
@@ -38,7 +28,7 @@ const OauthDialog = lazy(() => import('./auth/oauth-dialog.js').then((mod) => ({
 const OauthDialogTrigger = lazy(() => import('./auth/oauth-dialog.js').then((mod) => ({
     default: mod.OauthDialogTrigger,
 })));
-export default function Client({ route, method = 'GET', securities, parameters, body, fields, references, proxyUrl, components: { ResultDisplay = DefaultResultDisplay } = {}, ...rest }) {
+export default function Client({ route, method = 'GET', securities, parameters = [], body, fields, references, proxyUrl, components: { ResultDisplay = DefaultResultDisplay } = {}, ...rest }) {
     const { server } = useServerSelectContext();
     const requestData = useRequestInitialData();
     const updater = useRequestDataUpdater();
@@ -58,10 +48,10 @@ export default function Client({ route, method = 'GET', securities, parameters,
     });
     const testQuery = useQuery(async (input) => {
         const fetcher = await import('./fetcher.js').then((mod) => mod.createBrowserFetcher(mediaAdapters));
-        const data = toRequestData(method, body?.mediaType, input);
-        return fetcher.fetch(joinURL(withBase(server ? resolveServerUrl(server.url, server.variables) : '/', window.location.origin), resolveRequestData(route, data)), {
+        input._encoded ?? (input._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, input._encoded)), {
             proxyUrl,
-            ...data,
+            ...input._encoded,
         });
     });
     function initAuthValues(values, inputs) {
@@ -102,7 +92,13 @@ export default function Client({ route, method = 'GET', securities, parameters,
                 localStorage.setItem(AuthPrefix + item.original.id, JSON.stringify(value));
             }
         }
-        updater.setData(toRequestData(method, body?.mediaType, mapInputs(values)));
+        const data = {
+            ...mapInputs(values),
+            method,
+            bodyMediaType: body?.mediaType,
+        };
+        values._encoded ?? (values._encoded = encodeRequestData(data, mediaAdapters, parameters));
+        updater.setData(data, values._encoded);
     });
     useEffect(() => {
         let timer = null;
@@ -111,6 +107,8 @@ export default function Client({ route, method = 'GET', securities, parameters,
                 values: true,
             },
             callback({ values }) {
+                // remove cached encoded request data
+                delete values._encoded;
                 if (timer)
                     window.clearTimeout(timer);
                 timer = window.setTimeout(() => onUpdateDebounced(values), timer ? 400 : 0);
@@ -144,40 +142,48 @@ function SecurityTabs({ securities, setSecurityId, securityId, children, }) {
     }
     return result;
 }
-const paramNames = ['Headers', 'Cookies', 'Query', 'Path'];
-const paramTypes = ['header', 'cookie', 'query', 'path'];
+const ParamTypes = ['path', 'header', 'cookie', 'query'];
 function FormBody({ parameters = [], fields = {}, body, }) {
-    const params = useMemo(() => {
-        return paramTypes.map((param) => parameters.filter((v) => v.in === param));
-    }, [parameters]);
-    return (_jsxs(_Fragment, { children: [params.map((param, i) => {
-                if (param.length === 0)
-                    return;
-                const name = paramNames[i];
-                const type = paramTypes[i];
-                return (_jsx(CollapsiblePanel, { title: name, children: param.map((field) => {
-                        const fieldName = `${type}.${field.name}`;
-                        if (fields?.parameter) {
-                            return renderCustomField(fieldName, field.schema, fields.parameter, field.name);
-                        }
-                        return (_jsx(FieldSet, { name: field.name, fieldName: fieldName, field: field.schema }, fieldName));
-                    }) }, name));
-            }), body && (_jsx(CollapsiblePanel, { title: "Body", children: fields.body ? (renderCustomField('body', body.schema, fields.body)) : (_jsx(BodyInput, { field: body.schema })) }))] }));
+    const panels = useMemo(() => {
+        return ParamTypes.map((type) => {
+            const items = parameters.filter((v) => v.in === type);
+            if (items.length === 0)
+                return;
+            return (_jsx(CollapsiblePanel, { title: {
+                    header: 'Header',
+                    cookie: 'Cookies',
+                    query: 'Query',
+                    path: 'Path',
+                }[type], children: items.map((field) => {
+                    const fieldName = `${type}.${field.name}`;
+                    const schema = (field.content
+                        ? field.content[Object.keys(field.content)[0]].schema
+                        : field.schema);
+                    if (fields?.parameter) {
+                        return renderCustomField(fieldName, schema, fields.parameter, field.name);
+                    }
+                    return (_jsx(FieldSet, { name: field.name, fieldName: fieldName, field: schema }, fieldName));
+                }) }, type));
+        });
+    }, [fields.parameter, parameters]);
+    return (_jsxs(_Fragment, { children: [panels, body && (_jsx(CollapsiblePanel, { title: "Body", children: fields.body ? (renderCustomField('body', body.schema, fields.body)) : (_jsx(BodyInput, { field: body.schema })) }))] }));
 }
 function BodyInput({ field: _field }) {
     const field = useResolvedSchema(_field);
     const [isJson, setIsJson] = useState(false);
     if (field.format === 'binary')
         return _jsx(FieldSet, { field: field, fieldName: "body" });
-    return (_jsx(_Fragment, { children: isJson ? (_jsxs(_Fragment, { children: [_jsx("button", { className: cn(buttonVariants({
+    if (isJson)
+        return (_jsxs(_Fragment, { children: [_jsx("button", { className: cn(buttonVariants({
                         color: 'secondary',
                         size: 'sm',
                         className: 'w-fit font-mono p-2',
-                    })), onClick: () => setIsJson(false), type: "button", children: "Close JSON Editor" }), _jsx(JsonInput, { fieldName: "body" })] })) : (_jsx(FieldSet, { field: field, fieldName: "body", collapsible: false, name: _jsx("button", { className: cn(buttonVariants({
-                    color: 'secondary',
-                    size: 'sm',
-                    className: 'p-2',
-                })), onClick: () => setIsJson(true), type: "button", children: "Open JSON Editor" }) })) }));
+                    })), onClick: () => setIsJson(false), type: "button", children: "Close JSON Editor" }), _jsx(JsonInput, { fieldName: "body" })] }));
+    return (_jsx(FieldSet, { field: field, fieldName: "body", collapsible: false, name: _jsx("button", { type: "button", className: cn(buttonVariants({
+                color: 'secondary',
+                size: 'sm',
+                className: 'p-2',
+            })), onClick: () => setIsJson(true), children: "Open JSON Editor" }) }));
 }
 /**
  * manipulate values without mutating the original object

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

@@ -1 +1 @@
-{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../src/playground/fetcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACtB;;;;OAIG;IACH,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;CACrE;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GACrC,OAAO,CAgGT"}
+{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../src/playground/fetcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACtB;;;;OAIG;IACH,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;CACrE;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GACrC,OAAO,CAqFT"}

package/dist/playground/fetcher.js

@@ -5,9 +5,13 @@ export function createBrowserFetcher(adapters) {
             if (options.bodyMediaType)
                 headers.append('Content-Type', options.bodyMediaType);
             for (const key in options.header) {
-                const paramValue = options.header[key];
-                if (paramValue.length > 0)
-                    headers.append(key, paramValue.toString());
+                const param = options.header[key];
+                if (!Array.isArray(param.value)) {
+                    headers.append(key, param.value);
+                }
+                else {
+                    headers.append(key, param.value.join(','));
+                }
             }
             const proxyUrl = options.proxyUrl
                 ? new URL(options.proxyUrl, document.baseURI)
@@ -25,30 +29,16 @@ export function createBrowserFetcher(adapters) {
                         type: 'text',
                         data: `[Fumadocs] No adapter for ${options.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`,
                     };
-                body = await adapter.encode(options);
+                body = adapter.encode(options);
             }
             // cookies
             for (const key in options.cookie) {
-                const value = options.cookie[key];
-                if (!value)
-                    continue;
-                const cookie = {
-                    [key]: value,
-                    domain: proxyUrl && proxyUrl.origin !== window.location.origin
-                        ? `domain=${proxyUrl.host}`
-                        : undefined,
-                    path: '/',
-                    'max-age': 30,
-                };
-                let str = '';
-                for (const [key, value] of Object.entries(cookie)) {
-                    if (value) {
-                        if (str.length > 0)
-                            str += '; ';
-                        str += `${key}=${value}`;
-                    }
-                }
-                document.cookie = str;
+                const param = options.cookie[key];
+                const segs = [`${key}=${param.value}`];
+                if (proxyUrl && proxyUrl.origin !== window.location.origin)
+                    segs.push(`domain=${proxyUrl.host}`);
+                segs.push('path=/', 'max-age=30');
+                document.cookie = segs.join('; ');
             }
             return fetch(url, {
                 method: options.method,

package/dist/playground/index.d.ts

@@ -1,9 +1,7 @@
-import type { MethodInformation, RenderContext, SecuritySchemeObject } from '../types.js';
-import { type ParsedSchema } from '../utils/schema.js';
+import type { MethodInformation, ParameterObject, RenderContext, SecuritySchemeObject } from '../types.js';
+import { type NoReference, type ParsedSchema } from '../utils/schema.js';
 import { type ClientProps } from './client.js';
-export type ParameterField = {
-    name: string;
-    description?: string;
+export type ParameterField = NoReference<ParameterObject> & {
     schema: ParsedSchema;
     in: 'cookie' | 'header' | 'query' | 'path';
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/playground/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAoB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,EAAE,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC;AAQzC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAAG;IACjD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,GAAG,EACH,MAAM,GACP,EAAE,kBAAkB,oDAuCpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/playground/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,eAAe,CAAC,GAAG;IAC1D,MAAM,EAAE,YAAY,CAAC;IACrB,EAAE,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC;AAQzC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAAG;IACjD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,GAAG,EACH,MAAM,GACP,EAAE,kBAAkB,oDAkCpB"}

package/dist/playground/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getPreferredType } from '../utils/schema.js';
+import { getPreferredType, } from '../utils/schema.js';
 import { ClientLazy } from '../ui/lazy.js';
 export async function APIPlayground({ path, method, ctx, client, }) {
     let currentId = 0;
@@ -16,12 +16,7 @@ export async function APIPlayground({ path, method, ctx, client, }) {
         securities: parseSecurities(method, ctx),
         method: method.method,
         route: path,
-        parameters: method.parameters?.map((v) => ({
-            name: v.name,
-            in: v.in,
-            schema: writeReferences((v.schema ?? true), context),
-            description: v.description,
-        })),
+        parameters: method.parameters,
         body: bodyContent && mediaType
             ? {
                 schema: writeReferences(bodyContent[mediaType].schema, context),

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

@@ -1 +1 @@
-{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../src/playground/inputs.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAkDxD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,MAAM,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IACD,KAAK,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,cAAc,CAAC,KAAK,CAAC,uDAwCxB;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,2CA8B7D;AA6FD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;IAC/B,KAAK,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,uDA6FA;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,MAAM,EACb,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,KAAS,EACT,QAAQ,EACR,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,kDA2KA"}
+{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../src/playground/inputs.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAkDxD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,MAAM,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IACD,KAAK,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,cAAc,CAAC,KAAK,CAAC,uDAwCxB;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,2CA8B7D;AA6FD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;IAC/B,KAAK,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,uDA6FA;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,MAAM,EACb,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,KAAS,EACT,QAAQ,EACR,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,kDA4KA"}

package/dist/playground/inputs.js

@@ -119,13 +119,14 @@ export function FieldSet({ field: _field, fieldName, toolbar, name, isRequired,
     const { info, updateInfo } = useFieldInfo(fieldName, field, depth);
     if (_field === false)
         return null;
-    if (field.oneOf) {
-        const showSelect = field.oneOf.length > 1;
-        return (_jsx(FieldSet, { ...props, name: name, fieldName: fieldName, isRequired: isRequired, field: field.oneOf[info.oneOf], depth: depth + 1, slotType: showSelect ? false : slotType, toolbar: _jsxs(_Fragment, { children: [showSelect && (_jsx("select", { className: "text-xs font-mono", value: info.oneOf, onChange: (e) => {
+    if (info.unionField) {
+        const union = field[info.unionField];
+        const showSelect = union.length > 1;
+        return (_jsx(FieldSet, { ...props, name: name, fieldName: fieldName, isRequired: isRequired, field: union[info.oneOf], depth: depth + 1, slotType: showSelect ? false : slotType, toolbar: _jsxs(_Fragment, { children: [showSelect && (_jsx("select", { className: "text-xs font-mono", value: info.oneOf, onChange: (e) => {
                             updateInfo({
                                 oneOf: Number(e.target.value),
                             });
-                        }, children: field.oneOf.map((item, i) => (_jsx("option", { value: i, children: schemaToString(item) }, i))) })), toolbar] }) }));
+                        }, children: union.map((item, i) => (_jsx("option", { value: i, children: schemaToString(item) }, i))) })), toolbar] }) }));
     }
     if (Array.isArray(field.type)) {
         const showSelect = field.type.length > 1;

package/dist/playground/schema.d.ts

@@ -6,9 +6,14 @@ interface SchemaContextType {
     fieldInfoMap: Map<string, FieldInfo>;
     ajv: Ajv2020;
 }
+type UnionField = 'anyOf' | 'allOf' | 'oneOf';
 export interface FieldInfo {
     selectedType?: string;
     oneOf: number;
+    /**
+     * The actual field that represents union members.
+     */
+    unionField?: UnionField;
 }
 export declare const anyFields: {
     type: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/playground/schema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAiB,SAAS,EAAiC,MAAM,OAAO,CAAC;AAKhF,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC1C,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,GAAG,EAAE,OAAO,CAAC;CACd;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,eAAO,MAAM,SAAS;;;;CAIG,CAAC;AAE1B,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAsB1D;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,EACvC,KAAK,EAAE,MAAM,GACZ;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;CACjD,CAiEA;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAQjC;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAEjC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/playground/schema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAiB,SAAS,EAAiC,MAAM,OAAO,CAAC;AAMhF,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC1C,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,GAAG,EAAE,OAAO,CAAC;CACd;AAED,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAGD,eAAO,MAAM,SAAS;;;;CAIG,CAAC;AAE1B,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAsB1D;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,EACvC,KAAK,EAAE,MAAM,GACZ;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;CACjD,CA8FA;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAQjC;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAEjC"}

package/dist/playground/schema.js

@@ -28,50 +28,79 @@ export function SchemaProvider({ references, fieldInfoMap, children, }) {
  */
 export function useFieldInfo(fieldName, schema, depth) {
     const { fieldInfoMap, ajv } = useContext(SchemaContext);
-    const [_, trigger] = useState(0);
     const form = useFormContext();
     const keyName = `${fieldName}:${depth}`;
     const value = form.getValues(fieldName);
-    const info = fieldInfoMap.get(keyName) ?? {
-        oneOf: -1,
-    };
-    // update info if needed
-    if (!info.selectedType && Array.isArray(schema.type)) {
-        info.selectedType =
-            schema.type.find((type) => ajv.validate({
-                ...schema,
-                type,
-            }, value)) ?? schema.type[0];
-    }
-    if (info.oneOf === -1 && schema.oneOf) {
-        info.oneOf = schema.oneOf.findIndex((item) => {
-            return ajv.validate(item, value);
+    const [info, setInfo] = useState(() => {
+        return fieldInfoMap.get(keyName) ?? init();
+    });
+    fieldInfoMap.set(keyName, info);
+    /**
+     * We automatically merge `allOf` | `anyOf` if all members are objects, but it's also possible for them to behave same as a union (`oneOf`).
+     */
+    function isUnion(anyOrAllOf) {
+        return anyOrAllOf.every((item) => {
+            if (typeof item === 'boolean')
+                return true;
+            const u = item.anyOf || item.allOf;
+            return item.type !== 'object' && (!u || isUnion(u));
         });
-        if (info.oneOf === -1)
-            info.oneOf = 0;
     }
-    fieldInfoMap.set(keyName, info);
+    function getUnion() {
+        if (schema.anyOf && isUnion(schema.anyOf)) {
+            return [schema.anyOf, 'anyOf'];
+        }
+        if (schema.allOf && isUnion(schema.allOf)) {
+            return [schema.allOf, 'allOf'];
+        }
+        if (schema.oneOf)
+            return [schema.oneOf, 'oneOf'];
+    }
+    function init() {
+        const union = getUnion();
+        if (union) {
+            const [members, field] = union;
+            let oneOf = members.findIndex((item) => ajv.validate(item, value));
+            if (oneOf === -1)
+                oneOf = 0;
+            return {
+                oneOf,
+                unionField: field,
+            };
+        }
+        if (Array.isArray(schema.type)) {
+            const types = schema.type;
+            return {
+                selectedType: types.find((type) => {
+                    schema.type = type;
+                    const match = ajv.validate(schema, value);
+                    schema.type = types;
+                    return match;
+                }) ?? types[0],
+                oneOf: -1,
+            };
+        }
+        return { oneOf: -1 };
+    }
     return {
         info,
         updateInfo: useEffectEvent((value) => {
-            const prev = fieldInfoMap.get(keyName);
-            if (!prev)
-                return;
             const updated = {
-                ...prev,
+                ...info,
                 ...value,
             };
-            if (updated.oneOf === prev.oneOf &&
-                updated.selectedType === prev.selectedType)
+            if (updated.oneOf === info.oneOf &&
+                updated.selectedType === info.selectedType)
                 return;
-            fieldInfoMap.set(keyName, updated);
-            form.setValue(fieldName, getDefaultValue(schema.oneOf && updated.oneOf !== -1
-                ? schema.oneOf[updated.oneOf]
-                : {
-                    ...schema,
-                    type: value.selectedType ?? schema.type,
-                }));
-            trigger((prev) => prev + 1);
+            setInfo(updated);
+            let valueSchema = schema;
+            if (updated.unionField) {
+                valueSchema = schema[updated.unionField][updated.oneOf];
+            }
+            else if (updated.selectedType) {
+                valueSchema = { ...schema, type: updated.selectedType };
+            }
+            form.setValue(fieldName, getDefaultValue(valueSchema));
         }),
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"api-page.d.ts","sourceRoot":"","sources":["../../src/render/api-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAGlC,KAAK,mBAAmB,GAAG,IAAI,CAC7B,OAAO,CAAC,aAAa,CAAC,EACpB,cAAc,GACd,0BAA0B,GAC1B,qBAAqB,GACrB,UAAU,GACV,oBAAoB,GACpB,mBAAmB,GACnB,eAAe,CAClB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,mBAAmB;IACvD,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAE7B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;CACjC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;CACjC;AAED,wBAAsB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAkEhD;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,mBAAmB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GACL,OAAO,CAAC,aAAa,CAAC,CAiCxB"}
+{"version":3,"file":"api-page.d.ts","sourceRoot":"","sources":["../../src/render/api-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAGlC,KAAK,mBAAmB,GAAG,IAAI,CAC7B,OAAO,CAAC,aAAa,CAAC,EACpB,cAAc,GACd,0BAA0B,GAC1B,qBAAqB,GACrB,UAAU,GACV,oBAAoB,GACpB,mBAAmB,GACnB,eAAe,CAClB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,mBAAmB;IACvD,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAE7B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;CACjC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;CACjC;AAED,wBAAsB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAkEhD;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,mBAAmB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GACL,OAAO,CAAC,aAAa,CAAC,CA0BxB"}

package/dist/render/api-page.js

@@ -4,6 +4,7 @@ import { Operation } from '../render/operation/index.js';
 import { createMethod } from '../server/create-method.js';
 import { createRenders } from '../render/renderer.js';
 import { processDocument, } from '../utils/process-document.js';
+import { defaultAdapters } from '../media/adapter.js';
 export async function APIPage(props) {
     const { operations, hasHead = true, webhooks, disableCache = process.env.NODE_ENV === 'development', } = props;
     const processed = await processDocument(props.document, disableCache);
@@ -48,14 +49,7 @@ export async function getContext(schema, options = {}) {
         generateCodeSamples: options.generateCodeSamples,
         servers,
         mediaAdapters: {
-            ...{
-                'application/octet-stream': true,
-                'application/json': true,
-                'multipart/form-data': true,
-                'application/xml': true,
-                'application/x-ndjson': true,
-                'application/x-www-form-urlencoded': true,
-            },
+            ...defaultAdapters,
             ...options.mediaAdapters,
         },
         slugger: new Slugger(),

package/dist/render/operation/api-example.d.ts

@@ -1,7 +1,7 @@
 import type { MethodInformation, RenderContext } from '../../types.js';
 import { type ReactNode } from 'react';
 import { type CodeSample } from '../../render/operation/index.js';
-import type { RequestData } from '../../requests/_shared.js';
+import { type RawRequestData, type RequestData } from '../../requests/_shared.js';
 interface CustomProperty {
     'x-codeSamples'?: CodeSample[];
     'x-selectedCodeSample'?: string;
@@ -11,7 +11,8 @@ interface CodeExampleItem {
     key: string;
     name: string;
     description?: string;
-    data: RequestData;
+    data: RawRequestData;
+    encoded: RequestData;
 }
 export declare function APIExampleProvider({ examples, method, children, route, }: {
     examples: CodeExampleItem[];