fumadocs-openapi 9.5.0 → 9.6.0

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;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;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,cAAmB,EACnB,GAAG,IAAI,EACR,EAAE,WAAW,2CAyLb"}
+{"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;AAUzB,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;AAuBzE,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;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,cAAmB,EACnB,GAAG,IAAI,EACR,EAAE,WAAW,2CA0Kb"}

package/dist/playground/client.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Fragment, lazy, useEffect, useMemo, useState, } from 'react';
-import { Controller, FormProvider, useForm, useFormContext, } from 'react-hook-form';
+import { Controller, FormProvider, get, set, useForm, useFormContext, } from 'react-hook-form';
 import { useApiContext, useServerSelectContext } from '../ui/contexts/api.js';
 import { FieldInput, FieldSet, JsonInput, ObjectInput } from './inputs.js';
 import { getStatusInfo } from './status-info.js';
@@ -17,7 +17,6 @@ import { cn } from 'fumadocs-ui/utils/cn';
 import { SchemaProvider, useResolvedSchema, } from '../playground/schema.js';
 import { useRequestDataUpdater, useRequestInitialData, } from '../ui/contexts/code-example.js';
 import { useEffectEvent } from 'fumadocs-core/utils/use-effect-event';
-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';
@@ -30,7 +29,7 @@ const OauthDialogTrigger = lazy(() => import('./auth/oauth-dialog.js').then((mod
 })));
 export default function Client({ route, method = 'GET', securities, parameters = [], body, fields, references, proxyUrl, components: { ResultDisplay = DefaultResultDisplay } = {}, requestTimeout = 10, ...rest }) {
     const { server } = useServerSelectContext();
-    const requestData = useRequestInitialData();
+    const { key: requestDataKey, data: requestData } = useRequestInitialData();
     const updater = useRequestDataUpdater();
     const fieldInfoMap = useMemo(() => new Map(), []);
     const { mediaAdapters } = useApiContext();
@@ -54,40 +53,13 @@ export default function Client({ route, method = 'GET', securities, parameters =
             ...input._encoded,
         });
     });
-    function initAuthValues(values, inputs) {
-        for (const item of inputs) {
-            manipulateValues(values, item.fieldName, () => {
-                const stored = localStorage.getItem(AuthPrefix + item.original.id);
-                if (stored) {
-                    const parsed = JSON.parse(stored);
-                    if (typeof parsed === typeof item.defaultValue)
-                        return parsed;
-                }
-                return item.defaultValue;
-            });
-        }
-        return values;
-    }
-    useOnChange(defaultValues, () => {
+    const onUpdateDefaults = useEffectEvent(() => {
         fieldInfoMap.clear();
         form.reset(initAuthValues(defaultValues, inputs));
     });
-    useOnChange(inputs, (current, previous) => {
-        form.reset((values) => {
-            for (const item of previous) {
-                if (current.some(({ original }) => original.id === item.original.id)) {
-                    continue;
-                }
-                manipulateValues(values, item.fieldName, () => undefined);
-            }
-            return initAuthValues(values, current);
-        });
-    });
     const onUpdateDebounced = useEffectEvent((values) => {
         for (const item of inputs) {
-            const value = item.fieldName
-                .split('.')
-                .reduce((v, seg) => v[seg], values);
+            const value = get(values, item.fieldName);
             if (value) {
                 localStorage.setItem(AuthPrefix + item.original.id, JSON.stringify(value));
             }
@@ -100,6 +72,9 @@ export default function Client({ route, method = 'GET', securities, parameters =
         values._encoded ?? (values._encoded = encodeRequestData(data, mediaAdapters, parameters));
         updater.setData(data, values._encoded);
     });
+    useEffect(() => {
+        onUpdateDefaults();
+    }, [requestDataKey]);
     useEffect(() => {
         let timer = null;
         const subscription = form.subscribe({
@@ -114,10 +89,21 @@ export default function Client({ route, method = 'GET', securities, parameters =
                 timer = window.setTimeout(() => onUpdateDebounced(values), timer ? 400 : 0);
             },
         });
-        form.reset((values) => initAuthValues(values, inputs));
         return () => subscription();
         // eslint-disable-next-line react-hooks/exhaustive-deps -- mounted once only
     }, []);
+    useEffect(() => {
+        form.reset((values) => initAuthValues(values, inputs));
+        return () => {
+            form.reset((values) => {
+                for (const item of inputs) {
+                    set(values, item.fieldName, undefined);
+                }
+                return values;
+            });
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- mounted once only
+    }, [inputs]);
     const onSubmit = form.handleSubmit((value) => {
         testQuery.start(mapInputs(value));
     });
@@ -185,35 +171,6 @@ function BodyInput({ field: _field }) {
                 className: 'p-2',
             })), onClick: () => setIsJson(true), children: "Open JSON Editor" }) }));
 }
-/**
- * manipulate values without mutating the original object
- *
- * @returns a new manipulated object
- */
-function manipulateValues(values, fieldName, update, clone = false) {
-    const root = clone ? { ...values } : values;
-    let current = root;
-    const segments = fieldName.split('.');
-    for (let i = 0; i < segments.length; i++) {
-        const segment = segments[i];
-        if (i !== segments.length - 1) {
-            let v = current[segment];
-            if (clone)
-                v = { ...v };
-            current[segment] = v;
-            current = v;
-            continue;
-        }
-        const updated = update(current[segment]);
-        if (updated === undefined) {
-            delete current[segment];
-        }
-        else {
-            current[segment] = updated;
-        }
-    }
-    return root;
-}
 function useAuthInputs(securities) {
     const inputs = useMemo(() => {
         const result = [];
@@ -300,15 +257,30 @@ function useAuthInputs(securities) {
         return result;
     }, [securities]);
     const mapInputs = (values) => {
+        const cloned = structuredClone(values);
         for (const item of inputs) {
             if (!item.mapOutput)
                 continue;
-            values = manipulateValues(values, item.fieldName, item.mapOutput, true);
+            set(cloned, item.fieldName, item.mapOutput(get(values, item.fieldName)));
         }
-        return values;
+        return cloned;
     };
     return { inputs, mapInputs };
 }
+function initAuthValues(values, inputs) {
+    for (const item of inputs) {
+        const stored = localStorage.getItem(AuthPrefix + item.original.id);
+        if (stored) {
+            const parsed = JSON.parse(stored);
+            if (typeof parsed === typeof item.defaultValue) {
+                set(values, item.fieldName, parsed);
+                continue;
+            }
+        }
+        set(values, item.fieldName, item.defaultValue);
+    }
+    return values;
+}
 function renderCustomField(fieldName, info, field, key) {
     return (_jsx(Controller, { 
         // @ts-expect-error we use string here

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,uDA8FA;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"}
+{"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,uDAmGA;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

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState, } from 'react';
-import { ChevronDown, Plus, Trash2 } from '../icons.js';
-import { Controller, useController, useFieldArray, useFormContext, } from 'react-hook-form';
+import { ChevronDown, Plus, Trash2, X } from '../icons.js';
+import { set, useController, useFieldArray, useFormContext, } from 'react-hook-form';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../ui/components/select.js';
 import { Input, labelVariants } from '../ui/components/input.js';
 import { getDefaultValue } from './get-default-values.js';
 import { cn } from 'fumadocs-ui/utils/cn';
 import { buttonVariants } from 'fumadocs-ui/components/ui/button';
 import { combineSchema } from '../utils/combine-schema.js';
-import { schemaToString } from '../utils/schema-to-string.js';
+import { FormatFlags, schemaToString } from '../utils/schema-to-string.js';
 import { anyFields, useFieldInfo, useResolvedSchema, } from '../playground/schema.js';
 function FieldLabel(props) {
     return (_jsx("label", { ...props, className: cn('w-full inline-flex items-center gap-0.5', props.className), children: props.children }));
@@ -93,25 +93,32 @@ function DynamicProperties({ fieldName, filterKey = () => true, getType = () =>
                         } }), _jsx("button", { type: "button", className: cn(buttonVariants({ color: 'secondary', size: 'sm' }), 'px-4'), onClick: onAppend, children: "New" })] })] }));
 }
 export function FieldInput({ field, fieldName, isRequired, ...props }) {
-    const { control, register } = useFormContext();
+    const { control, reset } = useFormContext();
+    const { field: { value, onChange, ...restField }, } = useController({
+        control,
+        name: fieldName,
+    });
     if (field.type === 'string' && field.format === 'binary') {
-        return (_jsx(Controller, { control: control, name: fieldName, render: ({ field: { value, onChange, ...restField } }) => (_jsxs("div", { ...props, children: [_jsx("label", { htmlFor: fieldName, className: cn(buttonVariants({
-                            color: 'secondary',
-                            className: 'w-full h-9 gap-2 truncate',
-                        })), children: value instanceof File ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-fd-muted-foreground text-xs", children: "Selected" }), _jsx("span", { className: "truncate w-0 flex-1 text-end", children: value.name })] })) : (_jsx("span", { className: "text-fd-muted-foreground", children: "Upload" })) }), _jsx("input", { id: fieldName, type: "file", multiple: false, onChange: (e) => {
-                            if (!e.target.files)
-                                return;
-                            onChange(e.target.files.item(0));
-                        }, hidden: true, ...restField })] })) }));
+        return (_jsxs("div", { ...props, children: [_jsx("label", { htmlFor: fieldName, className: cn(buttonVariants({
+                        color: 'secondary',
+                        className: 'w-full h-9 gap-2 truncate',
+                    })), children: value instanceof File ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-fd-muted-foreground text-xs", children: "Selected" }), _jsx("span", { className: "truncate w-0 flex-1 text-end", children: value.name })] })) : (_jsx("span", { className: "text-fd-muted-foreground", children: "Upload" })) }), _jsx("input", { id: fieldName, type: "file", multiple: false, onChange: (e) => {
+                        if (!e.target.files)
+                            return;
+                        onChange(e.target.files.item(0));
+                    }, hidden: true, ...restField })] }));
     }
     if (field.type === 'boolean') {
-        return (_jsx(Controller, { control: control, name: fieldName, render: ({ field: { value, onChange, ...restField } }) => (_jsxs(Select, { value: String(value), onValueChange: (value) => onChange(value === 'null' ? null : value === 'true'), disabled: restField.disabled, children: [_jsx(SelectTrigger, { id: fieldName, className: props.className, ...restField, children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "true", children: "True" }), _jsx(SelectItem, { value: "false", children: "False" }), !isRequired && _jsx(SelectItem, { value: "null", children: "Null" })] })] })) }));
+        return (_jsxs(Select, { value: String(value), onValueChange: (value) => onChange(value === 'null' ? null : value === 'true'), disabled: restField.disabled, children: [_jsx(SelectTrigger, { id: fieldName, className: props.className, ...restField, children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "true", children: "True" }), _jsx(SelectItem, { value: "false", children: "False" }), !isRequired && _jsx(SelectItem, { value: "null", children: "Null" })] })] }));
     }
     if (field.type === 'null')
         return;
-    return (_jsx(Input, { id: fieldName, placeholder: "Enter value", type: field.type === 'string' ? 'text' : 'number', step: field.type === 'number' ? 'any' : undefined, ...register(fieldName, {
-            valueAsNumber: field.type === 'number' || field.type === 'integer',
-        }), ...props }));
+    return (_jsxs("div", { ...props, className: cn('flex flex-row gap-2', props.className), children: [_jsx(Input, { id: fieldName, placeholder: "Enter value", type: field.type === 'string' ? 'text' : 'number', step: field.type === 'number' ? 'any' : undefined, value: value ?? '', onChange: onChange, ...restField }), !isRequired && value !== undefined && (_jsx("button", { type: "button", onClick: () => {
+                    reset((values) => {
+                        set(values, fieldName, undefined);
+                        return values;
+                    });
+                }, className: "text-fd-muted-foreground", children: _jsx(X, { className: "size-4" }) }))] }));
 }
 export function FieldSet({ field: _field, fieldName, toolbar, name, isRequired, depth = 0, slotType, collapsible = true, ...props }) {
     const field = useResolvedSchema(_field);
@@ -126,7 +133,7 @@ export function FieldSet({ field: _field, fieldName, toolbar, name, isRequired,
                             updateInfo({
                                 oneOf: Number(e.target.value),
                             });
-                        }, children: union.map((item, i) => (_jsx("option", { value: i, children: schemaToString(item) }, i))) })), toolbar] }) }));
+                        }, children: union.map((item, i) => (_jsx("option", { value: i, children: schemaToString(item, undefined, FormatFlags.UseAlias) }, i))) })), toolbar] }) }));
     }
     if (Array.isArray(field.type)) {
         const showSelect = field.type.length > 1;

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;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"}
+{"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,CAqEA;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

@@ -32,32 +32,10 @@ export function useFieldInfo(fieldName, schema, depth) {
     const keyName = `${fieldName}:${depth}`;
     const value = form.getValues(fieldName);
     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));
-        });
-    }
-    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();
+        const initialInfo = fieldInfoMap.get(keyName);
+        if (initialInfo)
+            return initialInfo;
+        const union = getUnion(schema);
         if (union) {
             const [members, field] = union;
             let oneOf = members.findIndex((item) => ajv.validate(item, value));
@@ -81,7 +59,8 @@ export function useFieldInfo(fieldName, schema, depth) {
             };
         }
         return { oneOf: -1 };
-    }
+    });
+    fieldInfoMap.set(keyName, info);
     return {
         info,
         updateInfo: useEffectEvent((value) => {
@@ -120,3 +99,24 @@ export function useResolvedSchema(schema) {
 export function fallbackAny(schema) {
     return typeof schema === 'boolean' ? anyFields : schema;
 }
+/**
+ * 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));
+    });
+}
+function getUnion(schema) {
+    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'];
+}

package/dist/render/operation/index.js

@@ -4,7 +4,7 @@ import { createMethod } from '../../utils/schema.js';
 import { idToTitle } from '../../utils/id-to-title.js';
 import { Markdown } from '../markdown.js';
 import { heading } from '../heading.js';
-import { Schema } from '../schema.js';
+import { Schema } from '../schema/index.js';
 import { methodKeys } from '../../build-routes.js';
 import { APIExample, APIExampleProvider, getAPIExamples, } from '../../render/operation/api-example.js';
 import { MethodLabel } from '../../ui/components/method-label.js';
@@ -38,7 +38,7 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
                     if (!(type in ctx.mediaAdapters)) {
                         throw new Error(`Media type ${type} is not supported (in ${path})`);
                     }
-                    return (_jsx(SelectTab, { value: type, children: _jsx(Schema, { name: "body", as: "body", schema: (content.schema ?? {}), required: body.required, readOnly: method.method === 'GET', writeOnly: method.method !== 'GET', ctx: ctx }) }, type));
+                    return (_jsx(SelectTab, { value: type, children: _jsx(Schema, { name: "body", as: "body", root: (content.schema ?? {}), required: body.required, readOnly: method.method === 'GET', writeOnly: method.method !== 'GET', ctx: ctx }) }, type));
                 })] }));
     }
     if (method.responses && ctx.showResponseSchema !== false) {
@@ -49,7 +49,7 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
         const params = method.parameters?.filter((param) => param.in === type);
         if (!params || params.length === 0)
             return;
-        return (_jsxs(Fragment, { children: [heading(headingLevel, title, ctx), _jsx("div", { className: "flex flex-col", children: params.map((param) => (_jsx(Schema, { name: param.name, schema: {
+        return (_jsxs(Fragment, { children: [heading(headingLevel, title, ctx), _jsx("div", { className: "flex flex-col", children: params.map((param) => (_jsx(Schema, { name: param.name, root: {
                             ...param.schema,
                             description: param.description ?? param.schema?.description,
                             deprecated: (param.deprecated ?? false) ||
@@ -83,10 +83,8 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
 async function ResponseAccordion({ status, operation, ctx, }) {
     const response = operation.responses[status];
     const { generateTypeScriptSchema } = ctx;
-    const contentTypes = response.content
-        ? Object.entries(response.content)
-        : null;
-    return (_jsxs(SelectTabs, { defaultValue: contentTypes?.[0][0], children: [_jsxs(AccordionHeader, { children: [_jsx(AccordionTrigger, { className: "font-mono", children: status }), contentTypes && (_jsx(SelectTabTrigger, { items: contentTypes.map((v) => v[0]) }))] }), _jsxs(AccordionContent, { className: "ps-4.5", children: [response.description && (_jsx("div", { className: "prose-no-margin", children: _jsx(Markdown, { text: response.description }) })), contentTypes?.map(async ([type, resType]) => {
+    const contentTypes = response.content ? Object.entries(response.content) : [];
+    return (_jsxs(SelectTabs, { defaultValue: contentTypes.at(0)?.[0], children: [_jsxs(AccordionHeader, { children: [_jsx(AccordionTrigger, { className: "font-mono", children: status }), contentTypes.length > 1 && (_jsx(SelectTabTrigger, { items: contentTypes.map((v) => v[0]) })), contentTypes.length === 1 && (_jsx("p", { className: "text-[13px] text-fd-muted-foreground", children: contentTypes[0][0] }))] }), _jsxs(AccordionContent, { className: "ps-4.5", children: [response.description && (_jsx("div", { className: "prose-no-margin", children: _jsx(Markdown, { text: response.description }) })), contentTypes?.map(async ([type, resType]) => {
                         const schema = resType.schema;
                         let ts;
                         if (generateTypeScriptSchema) {
@@ -95,7 +93,7 @@ async function ResponseAccordion({ status, operation, ctx, }) {
                         else if (generateTypeScriptSchema === undefined && schema) {
                             ts = await getTypescriptSchema(ctx.schema);
                         }
-                        return (_jsxs(SelectTab, { value: type, className: "my-2", children: [ts && _jsx(CopyResponseTypeScript, { code: ts }), schema && (_jsx("div", { className: "border px-3 py-2 rounded-lg overflow-auto max-h-[400px]", children: _jsx(Schema, { name: "response", schema: schema, as: "body", readOnly: true, ctx: ctx }) }))] }, type));
+                        return (_jsxs(SelectTab, { value: type, className: "my-2", children: [ts && _jsx(CopyResponseTypeScript, { code: ts }), schema && (_jsx("div", { className: "border px-3 py-2 rounded-lg", children: _jsx(Schema, { name: "response", root: schema, as: "body", readOnly: true, ctx: ctx }) }))] }, type));
                     })] })] }));
 }
 function WebhookCallback({ callback, ctx, headingLevel, }) {

package/dist/render/renderer.d.ts

@@ -17,7 +17,7 @@ export interface APIInfoProps {
 }
 export interface PropertyProps {
     name: string;
-    type: string;
+    type: ReactNode;
     required?: boolean;
     deprecated?: boolean;
     children?: ReactNode;

package/dist/render/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/render/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAStE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/B,GAAG,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,UAAU,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAEnD,SAAS,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACzC,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,mBAAmB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAClE,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC7E,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;OAEG;IACH,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACzD,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAClD;AAED,wBAAgB,aAAa,IAAI,QAAQ,CA0DxC"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/render/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAStE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/B,GAAG,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,UAAU,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAEnD,SAAS,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACzC,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,mBAAmB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAClE,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC7E,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;OAEG;IACH,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACzD,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAClD;AAED,wBAAgB,aAAa,IAAI,QAAQ,CA0DxC"}

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import type { SchemaUIData } from '../../render/schema/server.js';
+interface DataContextType extends SchemaUIData {
+    readOnly?: boolean;
+    writeOnly?: boolean;
+}
+export declare function SchemaUIProvider(props: {
+    value: DataContextType;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface SchemaUIProps {
+    name: string;
+    required?: boolean;
+    as?: 'property' | 'body';
+}
+export declare function SchemaUI({ name, required, as, }: SchemaUIProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/render/schema/client.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAc,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAUvE,UAAU,eAAgB,SAAQ,YAAY;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAEA;AAUD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAgB,EAChB,EAAe,GAChB,EAAE,aAAa,2CAiBf"}

package/dist/render/schema/client.js

@@ -0,0 +1,139 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, Fragment, use, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { Tabs, TabsContent, TabsList, TabsTrigger, } from 'fumadocs-ui/components/tabs';
+import { ObjectCollapsible, Property } from './ui.js';
+import { Popover, PopoverContent, PopoverTrigger, } from 'fumadocs-ui/components/ui/popover';
+import { cn } from 'fumadocs-ui/utils/cn';
+import { cva } from 'class-variance-authority';
+const typeVariants = cva('text-sm text-fd-muted-foreground font-mono', {
+    variants: {
+        variant: {
+            trigger: 'underline hover:text-fd-accent-foreground data-[state=open]:text-fd-accent-foreground',
+        },
+    },
+});
+const PropertyContext = createContext({
+    renderRef: (props) => _jsx(RootRef, { ...props }),
+});
+const DataContext = createContext(null);
+export function SchemaUIProvider(props) {
+    return _jsx(DataContext, { value: props.value, children: props.children });
+}
+function useData() {
+    return use(DataContext);
+}
+function useProperty() {
+    return use(PropertyContext);
+}
+export function SchemaUI({ name, required = false, as = 'property', }) {
+    const { $root, refs } = useData();
+    const schema = refs[$root];
+    if (as === 'property' || !isExpandable(schema)) {
+        return (_jsx(SchemaUIProperty, { name: name, "$type": $root, overrides: {
+                required,
+            } }));
+    }
+    return _jsx(SchemaUIContent, { "$type": $root });
+}
+function SchemaUIContent({ $type }) {
+    const { refs, readOnly, writeOnly } = useData();
+    const schema = refs[$type];
+    if ((schema.readOnly && !readOnly) || (schema.writeOnly && !writeOnly))
+        return;
+    let child = _jsx(_Fragment, {});
+    if (schema.type === 'or' && schema.items.length > 0) {
+        child = (_jsxs(_Fragment, { children: [child, _jsxs(Tabs, { defaultValue: schema.items[0].$type, children: [_jsx(TabsList, { children: schema.items.map((item) => (_jsx(TabsTrigger, { value: item.$type, children: item.name }, item.$type))) }), schema.items.map((item) => (_jsx(TabsContent, { value: item.$type, forceMount: undefined, className: "py-0", children: _jsx(SchemaUIContent, { ...item }) }, item.$type)))] })] }));
+    }
+    if (schema.type === 'object' && schema.props.length > 0) {
+        child = (_jsxs(_Fragment, { children: [child, schema.props.map((prop) => (_jsx(SchemaUIProperty, { name: prop.name, "$type": prop.$type, overrides: { required: prop.required } }, prop.name)))] }));
+    }
+    if (schema.type === 'array') {
+        child = (_jsxs(_Fragment, { children: [child, _jsx(ObjectCollapsible, { name: "Array item", children: _jsx(SchemaUIContent, { "$type": schema.item.$type }) })] }));
+    }
+    return child;
+}
+function SchemaUIProperty({ name, $type, overrides, }) {
+    const { renderRef } = useProperty();
+    const { refs, readOnly, writeOnly } = useData();
+    const schema = refs[$type];
+    if ((schema.readOnly && !readOnly) || (schema.writeOnly && !writeOnly))
+        return;
+    let type = schema.typeName;
+    if (schema.type === 'or' && schema.items.length > 0) {
+        type = (_jsx("span", { className: cn(typeVariants(), 'flex flex-row gap-2 items-center'), children: schema.items.map((item, i) => (_jsxs(Fragment, { children: [i > 0 && _jsx("span", { children: "|" }), renderRef({
+                        pathName: name,
+                        text: item.name,
+                        $ref: item.$type,
+                    })] }, item.$type))) }));
+    }
+    if (schema.type === 'object' && schema.props.length > 0) {
+        type = renderRef({
+            text: schema.aliasName,
+            pathName: name,
+            $ref: $type,
+        });
+    }
+    if (schema.type === 'array') {
+        type = renderRef({
+            text: schema.aliasName,
+            pathName: _jsxs(_Fragment, { children: [name, "[]"] }),
+            $ref: schema.item.$type,
+        });
+    }
+    return (_jsxs(Property, { name: name, type: type, deprecated: schema.deprecated, ...overrides, children: [schema.description, schema.infoTags && schema.infoTags.length > 0 && (_jsx("div", { className: "flex flex-row gap-2 flex-wrap my-2 not-prose empty:hidden", children: schema.infoTags.map((tag, i) => (_jsx(Fragment, { children: tag }, i))) }))] }));
+}
+function SchemaUIPopover({ initialPath, }) {
+    const [path, setPath] = useState(initialPath);
+    const ref = useRef(null);
+    const last = path.findLast((item) => item.$ref !== undefined);
+    useEffect(() => {
+        const element = ref.current;
+        if (!element || !element.parentElement)
+            return;
+        // reset scroll
+        element.parentElement.scrollTop = 0;
+    }, [last?.$ref]);
+    const context = useMemo(() => ({
+        renderRef: (props) => (_jsx(LinkRef, { ...props, onInsert: (name, $ref) => {
+                setPath((path) => [...path, { name, $ref }]);
+            } })),
+    }), []);
+    if (!last)
+        return;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sticky top-0 flex flex-row flex-wrap items-center text-sm font-medium font-mono bg-fd-muted p-2", children: path.map((item, i) => {
+                    const isDuplicated = path.some((other, j) => j < i && other.$ref === item.$ref);
+                    const className = cn(isDuplicated && 'text-orange-400', item.$ref && 'hover:underline hover:text-fd-accent-foreground');
+                    const node = item.$ref ? (_jsx("button", { onClick: () => setPath((path) => path.slice(0, i + 1)), className: className, children: item.name })) : (_jsx("span", { className: className, children: item.name }));
+                    return (_jsxs(Fragment, { children: [i > 0 && '.', node] }, i));
+                }) }), _jsx(PropertyContext, { value: context, children: _jsx("div", { ref: ref, className: "px-2", children: _jsx(SchemaUIContent, { "$type": last.$ref }) }) })] }));
+}
+function RootRef({ text, $ref, pathName }) {
+    const { refs } = useData();
+    const ref = useCallback((element) => {
+        if (!element || element.style.getPropertyValue('--initial-height'))
+            return;
+        element.style.setProperty('--initial-height', `${element.clientHeight}px`);
+    }, []);
+    if (!isExpandable(refs[$ref])) {
+        return _jsx("span", { className: cn(typeVariants()), children: text });
+    }
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { className: cn(typeVariants({ variant: 'trigger' })), children: text }), _jsx(PopoverContent, { ref: ref, className: "w-[600px] min-h-(--initial-height,0) max-h-[460px] p-0", children: _jsx(SchemaUIPopover, { initialPath: [
+                        {
+                            name: pathName,
+                            $ref: $ref,
+                        },
+                    ] }) })] }));
+}
+function LinkRef({ $ref, pathName, onInsert, text, }) {
+    const { refs } = useData();
+    if (!isExpandable(refs[$ref])) {
+        return _jsx("span", { className: cn(typeVariants()), children: text });
+    }
+    return (_jsx("button", { className: cn(typeVariants({ variant: 'trigger' })), onClick: () => {
+            onInsert(pathName, $ref);
+        }, children: text }));
+}
+function isExpandable(schema) {
+    return schema.type !== 'primitive';
+}

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

@@ -0,0 +1,7 @@
+import { type SchemaUIOptions } from '../../render/schema/server.js';
+import { type SchemaUIProps } from '../../render/schema/client.js';
+export declare function Schema(props: SchemaUIOptions & SchemaUIProps & {
+    readOnly?: boolean;
+    writeOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/render/schema/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAC;AAEhC,wBAAgB,MAAM,CACpB,KAAK,EAAE,eAAe,GACpB,aAAa,GAAG;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAeJ"}

package/dist/render/schema/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { generateSchemaUI } from '../../render/schema/server.js';
+import { SchemaUI, SchemaUIProvider, } from '../../render/schema/client.js';
+export function Schema(props) {
+    const data = generateSchemaUI(props);
+    return (_jsx(SchemaUIProvider, { value: {
+            ...data,
+            readOnly: props.readOnly,
+            writeOnly: props.writeOnly,
+        }, children: _jsx(SchemaUI, { name: props.name, required: props.required, as: props.as }) }));
+}