fumadocs-openapi 10.2.2 → 10.2.4

package/dist/playground/index.js

@@ -1,95 +1,91 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getPreferredType, } from '../utils/schema.js';
-import { ClientLazy } from './lazy.js';
-export async function APIPlayground({ path, method, ctx }) {
-    if (ctx.playground?.render) {
-        return ctx.playground.render({ path, method, ctx });
-    }
-    let currentId = 0;
-    const bodyContent = method.requestBody?.content;
-    const mediaType = bodyContent ? getPreferredType(bodyContent) : undefined;
-    const context = {
-        references: {},
-        nextId() {
-            return String(currentId++);
-        },
-        registered: new WeakMap(),
-    };
-    const props = {
-        securities: parseSecurities(method, ctx),
-        method: method.method,
-        route: path,
-        parameters: method.parameters,
-        body: bodyContent && mediaType
-            ? {
-                schema: writeReferences(bodyContent[mediaType].schema, context),
-                mediaType,
-            }
-            : undefined,
-        references: context.references,
-        proxyUrl: ctx.proxyUrl,
-        writeOnly: true,
-        readOnly: false,
-    };
-    return _jsx(ClientLazy, { ...props });
+import { getPreferredType } from "../utils/schema.js";
+import { ClientLazy } from "./lazy.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/playground/index.tsx
+async function APIPlayground({ path, method, ctx }) {
+	if (ctx.playground?.render) return ctx.playground.render({
+		path,
+		method,
+		ctx
+	});
+	let currentId = 0;
+	const bodyContent = method.requestBody?.content;
+	const mediaType = bodyContent ? getPreferredType(bodyContent) : void 0;
+	const context = {
+		references: {},
+		nextId() {
+			return String(currentId++);
+		},
+		registered: /* @__PURE__ */ new WeakMap()
+	};
+	return /* @__PURE__ */ jsx(ClientLazy, {
+		securities: parseSecurities(method, ctx),
+		method: method.method,
+		route: path,
+		parameters: method.parameters,
+		body: bodyContent && mediaType ? {
+			schema: writeReferences(bodyContent[mediaType].schema, context),
+			mediaType
+		} : void 0,
+		references: context.references,
+		proxyUrl: ctx.proxyUrl,
+		writeOnly: true,
+		readOnly: false
+	});
 }
-function writeReferences(schema, ctx, stack = new WeakMap()) {
-    if (typeof schema !== 'object' || !schema)
-        return schema;
-    if (stack.has(schema)) {
-        const out = stack.get(schema);
-        const id = ctx.nextId();
-        ctx.references[id] = out;
-        return {
-            $ref: id,
-        };
-    }
-    const output = { ...schema };
-    stack.set(schema, output);
-    for (const _n in output) {
-        const name = _n;
-        if (!output[name])
-            continue;
-        switch (name) {
-            case 'oneOf':
-            case 'allOf':
-            case 'anyOf':
-                output[name] = output[name].map((item) => writeReferences(item, ctx, stack));
-                continue;
-            case 'items':
-            case 'additionalProperties':
-            case 'not':
-                output[name] = writeReferences(output[name], ctx, stack);
-                continue;
-            case 'properties':
-            case 'patternProperties':
-                output[name] = { ...output[name] };
-                for (const key in output[name]) {
-                    output[name][key] = writeReferences(output[name][key], ctx, stack);
-                }
-        }
-    }
-    return output;
+function writeReferences(schema, ctx, stack = /* @__PURE__ */ new WeakMap()) {
+	if (typeof schema !== "object" || !schema) return schema;
+	if (stack.has(schema)) {
+		const out = stack.get(schema);
+		const id = ctx.nextId();
+		ctx.references[id] = out;
+		return { $ref: id };
+	}
+	const output = { ...schema };
+	stack.set(schema, output);
+	for (const _n in output) {
+		const name = _n;
+		if (!output[name]) continue;
+		switch (name) {
+			case "oneOf":
+			case "allOf":
+			case "anyOf":
+				output[name] = output[name].map((item) => writeReferences(item, ctx, stack));
+				continue;
+			case "items":
+			case "additionalProperties":
+			case "not":
+				output[name] = writeReferences(output[name], ctx, stack);
+				continue;
+			case "properties":
+			case "patternProperties":
+				output[name] = { ...output[name] };
+				for (const key in output[name]) output[name][key] = writeReferences(output[name][key], ctx, stack);
+		}
+	}
+	return output;
 }
 function parseSecurities(method, { schema: { dereferenced } }) {
-    const result = [];
-    const security = method.security ?? dereferenced.security ?? [];
-    if (security.length === 0)
-        return result;
-    for (const map of security) {
-        const list = [];
-        for (const [key, scopes] of Object.entries(map)) {
-            const scheme = dereferenced.components?.securitySchemes?.[key];
-            if (!scheme)
-                continue;
-            list.push({
-                ...scheme,
-                scopes,
-                id: key,
-            });
-        }
-        if (list.length > 0)
-            result.push(list);
-    }
-    return result;
+	const result = [];
+	const security = method.security ?? dereferenced.security ?? [];
+	if (security.length === 0) return result;
+	for (const map of security) {
+		const list = [];
+		for (const [key, scopes] of Object.entries(map)) {
+			const scheme = dereferenced.components?.securitySchemes?.[key];
+			if (!scheme) continue;
+			list.push({
+				...scheme,
+				scopes,
+				id: key
+			});
+		}
+		if (list.length > 0) result.push(list);
+	}
+	return result;
 }
+
+//#endregion
+export { APIPlayground };
+//# sourceMappingURL=index.js.map

package/dist/playground/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["context: Context","result: PlaygroundClientProps['securities']","list: PlaygroundClientProps['securities'][number]"],"sources":["../../src/playground/index.tsx"],"sourcesContent":["import type {\n  MethodInformation,\n  ParameterObject,\n  RenderContext,\n  SecuritySchemeObject,\n} from '@/types';\nimport { getPreferredType, type NoReference, type ParsedSchema } from '@/utils/schema';\nimport { type PlaygroundClientProps } from './client';\nimport { ClientLazy } from './lazy';\n\nexport type ParameterField = NoReference<ParameterObject> & {\n  schema: ParsedSchema;\n  in: 'cookie' | 'header' | 'query' | 'path';\n};\n\ninterface Context {\n  references: Record<string, ParsedSchema>;\n  registered: WeakMap<Exclude<ParsedSchema, boolean>, string>;\n  nextId: () => string;\n}\n\nexport interface APIPlaygroundProps {\n  path: string;\n  method: MethodInformation;\n  ctx: RenderContext;\n}\n\nexport type SecurityEntry = SecuritySchemeObject & {\n  scopes: string[];\n  id: string;\n};\n\nexport async function APIPlayground({ path, method, ctx }: APIPlaygroundProps) {\n  if (ctx.playground?.render) {\n    return ctx.playground.render({ path, method, ctx });\n  }\n\n  let currentId = 0;\n  const bodyContent = method.requestBody?.content;\n  const mediaType = bodyContent ? getPreferredType(bodyContent) : undefined;\n\n  const context: Context = {\n    references: {},\n    nextId() {\n      return String(currentId++);\n    },\n    registered: new WeakMap(),\n  };\n\n  const props: PlaygroundClientProps = {\n    securities: parseSecurities(method, ctx),\n    method: method.method,\n    route: path,\n    parameters: method.parameters as ParameterField[],\n    body:\n      bodyContent && mediaType\n        ? ({\n            schema: writeReferences(bodyContent[mediaType].schema as ParsedSchema, context),\n            mediaType,\n          } as PlaygroundClientProps['body'])\n        : undefined,\n    references: context.references,\n    proxyUrl: ctx.proxyUrl,\n    writeOnly: true,\n    readOnly: false,\n  };\n\n  return <ClientLazy {...props} />;\n}\n\nfunction writeReferences(\n  schema: ParsedSchema,\n  ctx: Context,\n  stack: WeakMap<object, object> = new WeakMap(),\n): ParsedSchema {\n  if (typeof schema !== 'object' || !schema) return schema;\n  if (stack.has(schema)) {\n    const out = stack.get(schema)!;\n    const id = ctx.nextId();\n    ctx.references[id] = out;\n\n    return {\n      $ref: id,\n    };\n  }\n\n  const output = { ...schema };\n  stack.set(schema, output);\n  for (const _n in output) {\n    const name = _n as keyof typeof output;\n    if (!output[name]) continue;\n\n    switch (name) {\n      case 'oneOf':\n      case 'allOf':\n      case 'anyOf':\n        output[name] = output[name].map((item) => writeReferences(item, ctx, stack));\n        continue;\n      case 'items':\n      case 'additionalProperties':\n      case 'not':\n        output[name] = writeReferences(output[name], ctx, stack);\n        continue;\n      case 'properties':\n      case 'patternProperties':\n        output[name] = { ...output[name] };\n\n        for (const key in output[name]) {\n          output[name][key] = writeReferences(output[name][key], ctx, stack);\n        }\n    }\n  }\n\n  return output;\n}\n\nfunction parseSecurities(\n  method: MethodInformation,\n  { schema: { dereferenced } }: RenderContext,\n): PlaygroundClientProps['securities'] {\n  const result: PlaygroundClientProps['securities'] = [];\n  const security = method.security ?? dereferenced.security ?? [];\n  if (security.length === 0) return result;\n\n  for (const map of security) {\n    const list: PlaygroundClientProps['securities'][number] = [];\n\n    for (const [key, scopes] of Object.entries(map)) {\n      const scheme = dereferenced.components?.securitySchemes?.[key];\n      if (!scheme) continue;\n\n      list.push({\n        ...scheme,\n        scopes,\n        id: key,\n      });\n    }\n\n    if (list.length > 0) result.push(list);\n  }\n\n  return result;\n}\n"],"mappings":";;;;;AAgCA,eAAsB,cAAc,EAAE,MAAM,QAAQ,OAA2B;AAC7E,KAAI,IAAI,YAAY,OAClB,QAAO,IAAI,WAAW,OAAO;EAAE;EAAM;EAAQ;EAAK,CAAC;CAGrD,IAAI,YAAY;CAChB,MAAM,cAAc,OAAO,aAAa;CACxC,MAAM,YAAY,cAAc,iBAAiB,YAAY,GAAG;CAEhE,MAAMA,UAAmB;EACvB,YAAY,EAAE;EACd,SAAS;AACP,UAAO,OAAO,YAAY;;EAE5B,4BAAY,IAAI,SAAS;EAC1B;AAoBD,QAAO,oBAAC;EAjBN,YAAY,gBAAgB,QAAQ,IAAI;EACxC,QAAQ,OAAO;EACf,OAAO;EACP,YAAY,OAAO;EACnB,MACE,eAAe,YACV;GACC,QAAQ,gBAAgB,YAAY,WAAW,QAAwB,QAAQ;GAC/E;GACD,GACD;EACN,YAAY,QAAQ;EACpB,UAAU,IAAI;EACd,WAAW;EACX,UAAU;GAGoB;;AAGlC,SAAS,gBACP,QACA,KACA,wBAAiC,IAAI,SAAS,EAChC;AACd,KAAI,OAAO,WAAW,YAAY,CAAC,OAAQ,QAAO;AAClD,KAAI,MAAM,IAAI,OAAO,EAAE;EACrB,MAAM,MAAM,MAAM,IAAI,OAAO;EAC7B,MAAM,KAAK,IAAI,QAAQ;AACvB,MAAI,WAAW,MAAM;AAErB,SAAO,EACL,MAAM,IACP;;CAGH,MAAM,SAAS,EAAE,GAAG,QAAQ;AAC5B,OAAM,IAAI,QAAQ,OAAO;AACzB,MAAK,MAAM,MAAM,QAAQ;EACvB,MAAM,OAAO;AACb,MAAI,CAAC,OAAO,MAAO;AAEnB,UAAQ,MAAR;GACE,KAAK;GACL,KAAK;GACL,KAAK;AACH,WAAO,QAAQ,OAAO,MAAM,KAAK,SAAS,gBAAgB,MAAM,KAAK,MAAM,CAAC;AAC5E;GACF,KAAK;GACL,KAAK;GACL,KAAK;AACH,WAAO,QAAQ,gBAAgB,OAAO,OAAO,KAAK,MAAM;AACxD;GACF,KAAK;GACL,KAAK;AACH,WAAO,QAAQ,EAAE,GAAG,OAAO,OAAO;AAElC,SAAK,MAAM,OAAO,OAAO,MACvB,QAAO,MAAM,OAAO,gBAAgB,OAAO,MAAM,MAAM,KAAK,MAAM;;;AAK1E,QAAO;;AAGT,SAAS,gBACP,QACA,EAAE,QAAQ,EAAE,kBACyB;CACrC,MAAMC,SAA8C,EAAE;CACtD,MAAM,WAAW,OAAO,YAAY,aAAa,YAAY,EAAE;AAC/D,KAAI,SAAS,WAAW,EAAG,QAAO;AAElC,MAAK,MAAM,OAAO,UAAU;EAC1B,MAAMC,OAAoD,EAAE;AAE5D,OAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,IAAI,EAAE;GAC/C,MAAM,SAAS,aAAa,YAAY,kBAAkB;AAC1D,OAAI,CAAC,OAAQ;AAEb,QAAK,KAAK;IACR,GAAG;IACH;IACA,IAAI;IACL,CAAC;;AAGJ,MAAI,KAAK,SAAS,EAAG,QAAO,KAAK,KAAK;;AAGxC,QAAO"}

package/dist/playground/lazy.js

@@ -1,3 +1,10 @@
 'use client';
-import { wrapLazy } from '../utils/lazy.js';
-export const ClientLazy = wrapLazy(() => import('./client.js'));
+
+import { wrapLazy } from "../utils/lazy.js";
+
+//#region src/playground/lazy.ts
+const ClientLazy = wrapLazy(() => import("./client.js"));
+
+//#endregion
+export { ClientLazy };
+//# sourceMappingURL=lazy.js.map

package/dist/playground/lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.js","names":[],"sources":["../../src/playground/lazy.ts"],"sourcesContent":["'use client';\nimport { wrapLazy } from '../utils/lazy';\n\nexport const ClientLazy = wrapLazy(() => import('./client'));\n"],"mappings":";;;;;AAGA,MAAa,aAAa,eAAe,OAAO,eAAY"}

package/dist/playground/schema.d.ts

@@ -1,57 +1,20 @@
-import { Ajv2020 } from 'ajv/dist/2020';
-import { ReactNode } from 'react';
-import type { ParsedSchema } from '../utils/schema.js';
-interface SchemaContextType extends SchemaScope {
-    references: Record<string, ParsedSchema>;
-    fieldInfoMap: Map<string, FieldInfo>;
-    ajv: Ajv2020;
+import "../utils/schema.js";
+import { ReactNode } from "react";
+import "react/jsx-runtime";
+import { Ajv2020 } from "ajv/dist/2020";
+
+//#region src/playground/schema.d.ts
+
+interface SchemaScope {
+  /**
+   * show write only fields
+   */
+  writeOnly: boolean;
+  /**
+   * show read only fields
+   */
+  readOnly: boolean;
 }
-export interface SchemaScope {
-    /**
-     * show write only fields
-     */
-    writeOnly: boolean;
-    /**
-     * show read only fields
-     */
-    readOnly: boolean;
-}
-type UnionField = 'anyOf' | 'oneOf';
-export interface FieldInfo {
-    selectedType?: string;
-    oneOf: number;
-    /**
-     * The actual field that represents union members.
-     */
-    unionField?: UnionField;
-    intersection?: {
-        merged: Exclude<ParsedSchema, boolean>;
-    };
-}
-export declare const anyFields: {
-    type: string[];
-    items: true;
-    additionalProperties: true;
-};
-export declare function SchemaProvider({ references, fieldInfoMap, readOnly, writeOnly, children, }: Omit<SchemaContextType, 'ajv'> & {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useSchemaScope(): SchemaScope;
-/**
- * A hook to store dynamic info of a field, such as selected schema of `oneOf`.
- *
- * @param fieldName - field name of form.
- * @param schema - The JSON Schema to generate initial values.
- * @param depth - The depth to avoid duplicated field name with same schema (e.g. nested `oneOf`).
- */
-export declare function useFieldInfo(fieldName: string, schema: Exclude<ParsedSchema, boolean>, depth: number): {
-    info: FieldInfo;
-    updateInfo: (value: Partial<FieldInfo>) => void;
-};
-/**
- * Resolve `$ref` in the schema, **not recursive**.
- */
-export declare function useResolvedSchema(schema: ParsedSchema): Exclude<ParsedSchema, boolean>;
-export declare function fallbackAny(schema: ParsedSchema): Exclude<ParsedSchema, boolean>;
-export {};
+//#endregion
+export { SchemaScope };
 //# sourceMappingURL=schema.d.ts.map

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,EAAiB,SAAS,EAA0B,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACzC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,GAAG,EAAE,OAAO,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpC,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;KACxC,CAAC;CACH;AAGD,eAAO,MAAM,SAAS;;;;CAIE,CAAC;AAEzB,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAsB1D;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,EACtC,KAAK,EAAE,MAAM,GACZ;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;CACjD,CA0EA;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,YAAY,GACnB,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAQhC;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,YAAY,GACnB,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAEhC"}
+{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/playground/schema.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAaiB,WAAA"}

package/dist/playground/schema.js

@@ -1,116 +1,127 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Ajv2020 } from 'ajv/dist/2020';
-import { createContext, use, useMemo, useState } from 'react';
-import { useFormContext } from 'react-hook-form';
-import { getDefaultValue } from '../playground/get-default-values.js';
-import { mergeAllOf } from '../utils/merge-schema.js';
-const SchemaContext = createContext(undefined);
-export const anyFields = {
-    type: ['string', 'number', 'boolean', 'array', 'object'],
-    items: true,
-    additionalProperties: true,
+import { getDefaultValue } from "./get-default-values.js";
+import { mergeAllOf } from "../utils/merge-schema.js";
+import { createContext, use, useMemo, useState } from "react";
+import { useFormContext } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+import { Ajv2020 } from "ajv/dist/2020";
+
+//#region src/playground/schema.tsx
+const SchemaContext = createContext(void 0);
+const anyFields = {
+	type: [
+		"string",
+		"number",
+		"boolean",
+		"array",
+		"object"
+	],
+	items: true,
+	additionalProperties: true
 };
-export function SchemaProvider({ references, fieldInfoMap, readOnly, writeOnly, children, }) {
-    const ajv = useMemo(() => new Ajv2020({
-        strict: false,
-        validateSchema: false,
-        validateFormats: false,
-        schemas: references,
-    }), [references]);
-    return (_jsx(SchemaContext.Provider, { value: useMemo(() => ({ references, fieldInfoMap, ajv, readOnly, writeOnly }), [references, fieldInfoMap, ajv, readOnly, writeOnly]), children: children }));
+function SchemaProvider({ references, fieldInfoMap, readOnly, writeOnly, children }) {
+	const ajv = useMemo(() => new Ajv2020({
+		strict: false,
+		validateSchema: false,
+		validateFormats: false,
+		schemas: references
+	}), [references]);
+	return /* @__PURE__ */ jsx(SchemaContext.Provider, {
+		value: useMemo(() => ({
+			references,
+			fieldInfoMap,
+			ajv,
+			readOnly,
+			writeOnly
+		}), [
+			references,
+			fieldInfoMap,
+			ajv,
+			readOnly,
+			writeOnly
+		]),
+		children
+	});
 }
-export function useSchemaScope() {
-    return use(SchemaContext);
+function useSchemaScope() {
+	return use(SchemaContext);
 }
 /**
- * A hook to store dynamic info of a field, such as selected schema of `oneOf`.
- *
- * @param fieldName - field name of form.
- * @param schema - The JSON Schema to generate initial values.
- * @param depth - The depth to avoid duplicated field name with same schema (e.g. nested `oneOf`).
- */
-export function useFieldInfo(fieldName, schema, depth) {
-    const { fieldInfoMap, ajv } = use(SchemaContext);
-    const form = useFormContext();
-    const keyName = `${fieldName}:${depth}`;
-    const [info, setInfo] = useState(() => {
-        const value = form.getValues(fieldName);
-        const initialInfo = fieldInfoMap.get(keyName);
-        if (initialInfo)
-            return initialInfo;
-        const out = {
-            oneOf: -1,
-        };
-        const union = getUnion(schema);
-        if (union) {
-            const [members, field] = union;
-            out.oneOf = members.findIndex((item) => ajv.validate(item, value));
-            if (out.oneOf === -1)
-                out.oneOf = 0;
-            out.unionField = field;
-        }
-        if (Array.isArray(schema.type)) {
-            const types = schema.type;
-            out.selectedType =
-                types.find((type) => {
-                    schema.type = type;
-                    const match = ajv.validate(schema, value);
-                    schema.type = types;
-                    return match;
-                }) ?? types.at(0);
-        }
-        if (schema.allOf) {
-            const merged = mergeAllOf(schema);
-            if (typeof merged !== 'boolean')
-                out.intersection = {
-                    merged,
-                };
-        }
-        return out;
-    });
-    fieldInfoMap.set(keyName, info);
-    return {
-        info,
-        updateInfo: (value) => {
-            const updated = {
-                ...info,
-                ...value,
-            };
-            if (updated.oneOf === info.oneOf &&
-                updated.selectedType === info.selectedType)
-                return;
-            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));
-        },
-    };
+* A hook to store dynamic info of a field, such as selected schema of `oneOf`.
+*
+* @param fieldName - field name of form.
+* @param schema - The JSON Schema to generate initial values.
+* @param depth - The depth to avoid duplicated field name with same schema (e.g. nested `oneOf`).
+*/
+function useFieldInfo(fieldName, schema, depth) {
+	const { fieldInfoMap, ajv } = use(SchemaContext);
+	const form = useFormContext();
+	const keyName = `${fieldName}:${depth}`;
+	const [info, setInfo] = useState(() => {
+		const value = form.getValues(fieldName);
+		const initialInfo = fieldInfoMap.get(keyName);
+		if (initialInfo) return initialInfo;
+		const out = { oneOf: -1 };
+		const union = getUnion(schema);
+		if (union) {
+			const [members, field] = union;
+			out.oneOf = members.findIndex((item) => ajv.validate(item, value));
+			if (out.oneOf === -1) out.oneOf = 0;
+			out.unionField = field;
+		}
+		if (Array.isArray(schema.type)) {
+			const types = schema.type;
+			out.selectedType = types.find((type) => {
+				schema.type = type;
+				const match = ajv.validate(schema, value);
+				schema.type = types;
+				return match;
+			}) ?? types.at(0);
+		}
+		if (schema.allOf) {
+			const merged = mergeAllOf(schema);
+			if (typeof merged !== "boolean") out.intersection = { merged };
+		}
+		return out;
+	});
+	fieldInfoMap.set(keyName, info);
+	return {
+		info,
+		updateInfo: (value) => {
+			const updated = {
+				...info,
+				...value
+			};
+			if (updated.oneOf === info.oneOf && updated.selectedType === info.selectedType) return;
+			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));
+		}
+	};
 }
 /**
- * Resolve `$ref` in the schema, **not recursive**.
- */
-export function useResolvedSchema(schema) {
-    const { references } = use(SchemaContext);
-    return useMemo(() => {
-        if (typeof schema === 'boolean')
-            return anyFields;
-        if (schema.$ref)
-            return fallbackAny(references[schema.$ref]);
-        return schema;
-    }, [references, schema]);
+* Resolve `$ref` in the schema, **not recursive**.
+*/
+function useResolvedSchema(schema) {
+	const { references } = use(SchemaContext);
+	return useMemo(() => {
+		if (typeof schema === "boolean") return anyFields;
+		if (schema.$ref) return fallbackAny(references[schema.$ref]);
+		return schema;
+	}, [references, schema]);
 }
-export function fallbackAny(schema) {
-    return typeof schema === 'boolean' ? anyFields : schema;
+function fallbackAny(schema) {
+	return typeof schema === "boolean" ? anyFields : schema;
 }
 function getUnion(schema) {
-    if (schema.anyOf) {
-        return [schema.anyOf, 'anyOf'];
-    }
-    if (schema.oneOf)
-        return [schema.oneOf, 'oneOf'];
+	if (schema.anyOf) return [schema.anyOf, "anyOf"];
+	if (schema.oneOf) return [schema.oneOf, "oneOf"];
 }
+
+//#endregion
+export { SchemaProvider, anyFields, useFieldInfo, useResolvedSchema, useSchemaScope };
+//# sourceMappingURL=schema.js.map

package/dist/playground/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","names":["out: FieldInfo","valueSchema: ParsedSchema"],"sources":["../../src/playground/schema.tsx"],"sourcesContent":["import { Ajv2020 } from 'ajv/dist/2020';\nimport { createContext, ReactNode, use, useMemo, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { getDefaultValue } from '@/playground/get-default-values';\nimport type { ParsedSchema } from '@/utils/schema';\nimport { mergeAllOf } from '@/utils/merge-schema';\n\ninterface SchemaContextType extends SchemaScope {\n  references: Record<string, ParsedSchema>;\n  fieldInfoMap: Map<string, FieldInfo>;\n  ajv: Ajv2020;\n}\n\nexport interface SchemaScope {\n  /**\n   * show write only fields\n   */\n  writeOnly: boolean;\n\n  /**\n   * show read only fields\n   */\n  readOnly: boolean;\n}\n\ntype UnionField = 'anyOf' | 'oneOf';\n\nexport interface FieldInfo {\n  selectedType?: string;\n  oneOf: number;\n\n  /**\n   * The actual field that represents union members.\n   */\n  unionField?: UnionField;\n\n  intersection?: {\n    merged: Exclude<ParsedSchema, boolean>;\n  };\n}\n\nconst SchemaContext = createContext<SchemaContextType | undefined>(undefined);\nexport const anyFields = {\n  type: ['string', 'number', 'boolean', 'array', 'object'],\n  items: true,\n  additionalProperties: true,\n} satisfies ParsedSchema;\n\nexport function SchemaProvider({\n  references,\n  fieldInfoMap,\n  readOnly,\n  writeOnly,\n  children,\n}: Omit<SchemaContextType, 'ajv'> & { children: ReactNode }) {\n  const ajv = useMemo(\n    () =>\n      new Ajv2020({\n        strict: false,\n        validateSchema: false,\n        validateFormats: false,\n        schemas: references,\n      }),\n    [references],\n  );\n\n  return (\n    <SchemaContext.Provider\n      value={useMemo(\n        () => ({ references, fieldInfoMap, ajv, readOnly, writeOnly }),\n        [references, fieldInfoMap, ajv, readOnly, writeOnly],\n      )}\n    >\n      {children}\n    </SchemaContext.Provider>\n  );\n}\n\nexport function useSchemaScope(): SchemaScope {\n  return use(SchemaContext)!;\n}\n\n/**\n * A hook to store dynamic info of a field, such as selected schema of `oneOf`.\n *\n * @param fieldName - field name of form.\n * @param schema - The JSON Schema to generate initial values.\n * @param depth - The depth to avoid duplicated field name with same schema (e.g. nested `oneOf`).\n */\nexport function useFieldInfo(\n  fieldName: string,\n  schema: Exclude<ParsedSchema, boolean>,\n  depth: number,\n): {\n  info: FieldInfo;\n  updateInfo: (value: Partial<FieldInfo>) => void;\n} {\n  const { fieldInfoMap, ajv } = use(SchemaContext)!;\n  const form = useFormContext();\n  const keyName = `${fieldName}:${depth}`;\n  const [info, setInfo] = useState<FieldInfo>(() => {\n    const value = form.getValues(fieldName as 'body');\n    const initialInfo = fieldInfoMap.get(keyName);\n    if (initialInfo) return initialInfo;\n\n    const out: FieldInfo = {\n      oneOf: -1,\n    };\n    const union = getUnion(schema);\n    if (union) {\n      const [members, field] = union;\n\n      out.oneOf = members.findIndex((item) => ajv.validate(item, value));\n      if (out.oneOf === -1) out.oneOf = 0;\n      out.unionField = field;\n    }\n\n    if (Array.isArray(schema.type)) {\n      const types = schema.type;\n\n      out.selectedType =\n        types.find((type) => {\n          schema.type = type;\n          const match = ajv.validate(schema, value);\n          schema.type = types;\n\n          return match;\n        }) ?? types.at(0);\n    }\n\n    if (schema.allOf) {\n      const merged = mergeAllOf(schema);\n\n      if (typeof merged !== 'boolean')\n        out.intersection = {\n          merged,\n        };\n    }\n\n    return out;\n  });\n\n  fieldInfoMap.set(keyName, info);\n\n  return {\n    info,\n    updateInfo: (value) => {\n      const updated = {\n        ...info,\n        ...value,\n      };\n\n      if (updated.oneOf === info.oneOf && updated.selectedType === info.selectedType) return;\n\n      setInfo(updated);\n\n      let valueSchema: ParsedSchema = schema;\n      if (updated.unionField) {\n        valueSchema = schema[updated.unionField]![updated.oneOf];\n      } else if (updated.selectedType) {\n        valueSchema = { ...schema, type: updated.selectedType };\n      }\n\n      form.setValue(fieldName, getDefaultValue(valueSchema));\n    },\n  };\n}\n\n/**\n * Resolve `$ref` in the schema, **not recursive**.\n */\nexport function useResolvedSchema(schema: ParsedSchema): Exclude<ParsedSchema, boolean> {\n  const { references } = use(SchemaContext)!;\n\n  return useMemo(() => {\n    if (typeof schema === 'boolean') return anyFields;\n    if (schema.$ref) return fallbackAny(references[schema.$ref]);\n    return schema;\n  }, [references, schema]);\n}\n\nexport function fallbackAny(schema: ParsedSchema): Exclude<ParsedSchema, boolean> {\n  return typeof schema === 'boolean' ? anyFields : schema;\n}\n\nfunction getUnion(\n  schema: Exclude<ParsedSchema, boolean>,\n): [readonly ParsedSchema[], UnionField] | undefined {\n  if (schema.anyOf) {\n    return [schema.anyOf, 'anyOf'];\n  }\n\n  if (schema.oneOf) return [schema.oneOf, 'oneOf'];\n}\n"],"mappings":";;;;;;;;AAyCA,MAAM,gBAAgB,cAA6C,OAAU;AAC7E,MAAa,YAAY;CACvB,MAAM;EAAC;EAAU;EAAU;EAAW;EAAS;EAAS;CACxD,OAAO;CACP,sBAAsB;CACvB;AAED,SAAgB,eAAe,EAC7B,YACA,cACA,UACA,WACA,YAC2D;CAC3D,MAAM,MAAM,cAER,IAAI,QAAQ;EACV,QAAQ;EACR,gBAAgB;EAChB,iBAAiB;EACjB,SAAS;EACV,CAAC,EACJ,CAAC,WAAW,CACb;AAED,QACE,oBAAC,cAAc;EACb,OAAO,eACE;GAAE;GAAY;GAAc;GAAK;GAAU;GAAW,GAC7D;GAAC;GAAY;GAAc;GAAK;GAAU;GAAU,CACrD;EAEA;GACsB;;AAI7B,SAAgB,iBAA8B;AAC5C,QAAO,IAAI,cAAc;;;;;;;;;AAU3B,SAAgB,aACd,WACA,QACA,OAIA;CACA,MAAM,EAAE,cAAc,QAAQ,IAAI,cAAc;CAChD,MAAM,OAAO,gBAAgB;CAC7B,MAAM,UAAU,GAAG,UAAU,GAAG;CAChC,MAAM,CAAC,MAAM,WAAW,eAA0B;EAChD,MAAM,QAAQ,KAAK,UAAU,UAAoB;EACjD,MAAM,cAAc,aAAa,IAAI,QAAQ;AAC7C,MAAI,YAAa,QAAO;EAExB,MAAMA,MAAiB,EACrB,OAAO,IACR;EACD,MAAM,QAAQ,SAAS,OAAO;AAC9B,MAAI,OAAO;GACT,MAAM,CAAC,SAAS,SAAS;AAEzB,OAAI,QAAQ,QAAQ,WAAW,SAAS,IAAI,SAAS,MAAM,MAAM,CAAC;AAClE,OAAI,IAAI,UAAU,GAAI,KAAI,QAAQ;AAClC,OAAI,aAAa;;AAGnB,MAAI,MAAM,QAAQ,OAAO,KAAK,EAAE;GAC9B,MAAM,QAAQ,OAAO;AAErB,OAAI,eACF,MAAM,MAAM,SAAS;AACnB,WAAO,OAAO;IACd,MAAM,QAAQ,IAAI,SAAS,QAAQ,MAAM;AACzC,WAAO,OAAO;AAEd,WAAO;KACP,IAAI,MAAM,GAAG,EAAE;;AAGrB,MAAI,OAAO,OAAO;GAChB,MAAM,SAAS,WAAW,OAAO;AAEjC,OAAI,OAAO,WAAW,UACpB,KAAI,eAAe,EACjB,QACD;;AAGL,SAAO;GACP;AAEF,cAAa,IAAI,SAAS,KAAK;AAE/B,QAAO;EACL;EACA,aAAa,UAAU;GACrB,MAAM,UAAU;IACd,GAAG;IACH,GAAG;IACJ;AAED,OAAI,QAAQ,UAAU,KAAK,SAAS,QAAQ,iBAAiB,KAAK,aAAc;AAEhF,WAAQ,QAAQ;GAEhB,IAAIC,cAA4B;AAChC,OAAI,QAAQ,WACV,eAAc,OAAO,QAAQ,YAAa,QAAQ;YACzC,QAAQ,aACjB,eAAc;IAAE,GAAG;IAAQ,MAAM,QAAQ;IAAc;AAGzD,QAAK,SAAS,WAAW,gBAAgB,YAAY,CAAC;;EAEzD;;;;;AAMH,SAAgB,kBAAkB,QAAsD;CACtF,MAAM,EAAE,eAAe,IAAI,cAAc;AAEzC,QAAO,cAAc;AACnB,MAAI,OAAO,WAAW,UAAW,QAAO;AACxC,MAAI,OAAO,KAAM,QAAO,YAAY,WAAW,OAAO,MAAM;AAC5D,SAAO;IACN,CAAC,YAAY,OAAO,CAAC;;AAG1B,SAAgB,YAAY,QAAsD;AAChF,QAAO,OAAO,WAAW,YAAY,YAAY;;AAGnD,SAAS,SACP,QACmD;AACnD,KAAI,OAAO,MACT,QAAO,CAAC,OAAO,OAAO,QAAQ;AAGhC,KAAI,OAAO,MAAO,QAAO,CAAC,OAAO,OAAO,QAAQ"}

package/dist/playground/status-info.js

@@ -1,40 +1,52 @@
-import { CircleCheck, CircleX } from '../ui/icons.js';
+import { CircleCheck, CircleX } from "lucide-react";
+
+//#region src/playground/status-info.tsx
 const statusMap = {
-    400: { description: 'Bad Request', color: 'text-red-500', icon: CircleX },
-    401: {
-        description: 'Unauthorized',
-        color: 'text-red-500',
-        icon: CircleX,
-    },
-    403: { description: 'Forbidden', color: 'text-red-500', icon: CircleX },
-    404: {
-        description: 'Not Found',
-        color: 'text-fd-muted-foreground',
-        icon: CircleX,
-    },
-    500: {
-        description: 'Internal Server Error',
-        color: 'text-red-500',
-        icon: CircleX,
-    },
+	400: {
+		description: "Bad Request",
+		color: "text-red-500",
+		icon: CircleX
+	},
+	401: {
+		description: "Unauthorized",
+		color: "text-red-500",
+		icon: CircleX
+	},
+	403: {
+		description: "Forbidden",
+		color: "text-red-500",
+		icon: CircleX
+	},
+	404: {
+		description: "Not Found",
+		color: "text-fd-muted-foreground",
+		icon: CircleX
+	},
+	500: {
+		description: "Internal Server Error",
+		color: "text-red-500",
+		icon: CircleX
+	}
 };
-export function getStatusInfo(status) {
-    if (status in statusMap) {
-        return statusMap[status];
-    }
-    if (status >= 200 && status < 300) {
-        return {
-            description: 'Successful',
-            color: 'text-green-500',
-            icon: CircleCheck,
-        };
-    }
-    if (status >= 400) {
-        return { description: 'Error', color: 'text-red-500', icon: CircleX };
-    }
-    return {
-        description: 'No Description',
-        color: 'text-fd-muted-foreground',
-        icon: CircleX,
-    };
+function getStatusInfo(status) {
+	if (status in statusMap) return statusMap[status];
+	if (status >= 200 && status < 300) return {
+		description: "Successful",
+		color: "text-green-500",
+		icon: CircleCheck
+	};
+	if (status >= 400) return {
+		description: "Error",
+		color: "text-red-500",
+		icon: CircleX
+	};
+	return {
+		description: "No Description",
+		color: "text-fd-muted-foreground",
+		icon: CircleX
+	};
 }
+
+//#endregion
+export { getStatusInfo };
+//# sourceMappingURL=status-info.js.map