fumadocs-openapi 10.2.2 → 10.2.4

package/dist/ui/schema/client.js

@@ -1,145 +1,231 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Collapsible, CollapsibleContent, CollapsibleTrigger, } from 'fumadocs-ui/components/ui/collapsible';
-import { buttonVariants } from 'fumadocs-ui/components/ui/button';
-import { ChevronDown } from '../../ui/icons.js';
-import { Badge } from '../../ui/components/method-label.js';
-import { Popover, PopoverContent, PopoverTrigger, } from 'fumadocs-ui/components/ui/popover';
-import { cn } from '../../utils/cn.js';
-import { cva } from 'class-variance-authority';
-const typeVariants = cva('text-sm text-start 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 }),
-});
+
+import { cn } from "../../utils/cn.js";
+import { Badge } from "../components/method-label.js";
+import { Fragment, createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { buttonVariants } from "fumadocs-ui/components/ui/button";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "fumadocs-ui/components/ui/collapsible";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "fumadocs-ui/components/tabs";
+import { Popover, PopoverContent, PopoverTrigger } from "fumadocs-ui/components/ui/popover";
+
+//#region src/ui/schema/client.tsx
+const typeVariants = cva("text-sm text-start 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) => /* @__PURE__ */ jsx(RootRef, { ...props }) });
 const DataContext = createContext(null);
 function useData() {
-    return use(DataContext);
+	return use(DataContext);
 }
 function useProperty() {
-    return use(PropertyContext);
+	return use(PropertyContext);
 }
-export function SchemaUI({ name, required = false, as = 'property', generated, }) {
-    const schema = generated.refs[generated.$root];
-    const context = useMemo(() => generated, [generated]);
-    const isProperty = as === 'property' || !isExpandable(schema);
-    return (_jsx(DataContext, { value: context, children: isProperty ? (_jsx(SchemaUIProperty, { name: name, "$type": generated.$root, overrides: {
-                required,
-            } })) : (_jsx(SchemaUIContent, { "$type": generated.$root })) }));
+function SchemaUI({ name, required = false, as = "property", generated }) {
+	const schema = generated.refs[generated.$root];
+	return /* @__PURE__ */ jsx(DataContext, {
+		value: useMemo(() => generated, [generated]),
+		children: as === "property" || !isExpandable(schema) ? /* @__PURE__ */ jsx(SchemaUIProperty, {
+			name,
+			$type: generated.$root,
+			overrides: { required }
+		}) : /* @__PURE__ */ jsx(SchemaUIContent, { $type: generated.$root })
+	});
 }
 function SchemaUIContent({ $type }) {
-    const { refs } = useData();
-    const schema = refs[$type];
-    let child = null;
-    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, _jsxs(Collapsible, { className: "my-2", children: [_jsxs(CollapsibleTrigger, { className: cn(buttonVariants({ color: 'secondary', size: 'sm' }), 'group px-3 py-2 data-[state=open]:rounded-b-none'), children: ["Array Item", _jsx(ChevronDown, { className: "size-4 text-fd-muted-foreground group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "-mt-px bg-fd-card px-3 rounded-lg rounded-tl-none border shadow-sm", children: _jsx(SchemaUIContent, { "$type": schema.item.$type }) })] })] }));
-    }
-    return child;
+	const { refs } = useData();
+	const schema = refs[$type];
+	let child = null;
+	if (schema.type === "or" && schema.items.length > 0) child = /* @__PURE__ */ jsxs(Fragment$1, { children: [child, /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: schema.items[0].$type,
+		children: [/* @__PURE__ */ jsx(TabsList, { children: schema.items.map((item) => /* @__PURE__ */ jsx(TabsTrigger, {
+			value: item.$type,
+			children: item.name
+		}, item.$type)) }), schema.items.map((item) => /* @__PURE__ */ jsx(TabsContent, {
+			value: item.$type,
+			forceMount: void 0,
+			className: "py-0",
+			children: /* @__PURE__ */ jsx(SchemaUIContent, { ...item })
+		}, item.$type))]
+	})] });
+	if (schema.type === "object" && schema.props.length > 0) child = /* @__PURE__ */ jsxs(Fragment$1, { children: [child, schema.props.map((prop) => /* @__PURE__ */ jsx(SchemaUIProperty, {
+		name: prop.name,
+		$type: prop.$type,
+		overrides: { required: prop.required }
+	}, prop.name))] });
+	if (schema.type === "array") child = /* @__PURE__ */ jsxs(Fragment$1, { children: [child, /* @__PURE__ */ jsxs(Collapsible, {
+		className: "my-2",
+		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+			className: cn(buttonVariants({
+				color: "secondary",
+				size: "sm"
+			}), "group px-3 py-2 data-[state=open]:rounded-b-none"),
+			children: ["Array Item", /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-fd-muted-foreground group-data-[state=open]:rotate-180" })]
+		}), /* @__PURE__ */ jsx(CollapsibleContent, {
+			className: "-mt-px bg-fd-card px-3 rounded-lg rounded-tl-none border shadow-sm",
+			children: /* @__PURE__ */ jsx(SchemaUIContent, { $type: schema.item.$type })
+		})]
+	})] });
+	return child;
 }
-function SchemaUIProperty({ name, $type, overrides, }) {
-    const { renderRef } = useProperty();
-    const { refs } = useData();
-    const schema = refs[$type];
-    let type = schema.typeName;
-    if ((schema.type === 'or' || schema.type === 'and') &&
-        schema.items.length > 0) {
-        type = renderRef({
-            text: schema.aliasName,
-            pathName: name,
-            $ref: $type,
-            inlineUnion: true,
-        });
-    }
-    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: 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 SchemaUIProperty({ name, $type, overrides }) {
+	const { renderRef } = useProperty();
+	const { refs } = useData();
+	const schema = refs[$type];
+	let type = schema.typeName;
+	if ((schema.type === "or" || schema.type === "and") && schema.items.length > 0) type = renderRef({
+		text: schema.aliasName,
+		pathName: name,
+		$ref: $type,
+		inlineUnion: true
+	});
+	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: name,
+		$ref: schema.item.$type
+	});
+	return /* @__PURE__ */ jsxs(Property, {
+		name,
+		type,
+		deprecated: schema.deprecated,
+		...overrides,
+		children: [schema.description, schema.infoTags && schema.infoTags.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "flex flex-row gap-2 flex-wrap my-2 not-prose empty:hidden",
+			children: schema.infoTags.map((tag, i) => /* @__PURE__ */ 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 SchemaUIPopover({ initialPath }) {
+	const [path, setPath] = useState(initialPath);
+	const ref = useRef(null);
+	const last = path.findLast((item) => item.$ref !== void 0);
+	useEffect(() => {
+		const element = ref.current;
+		if (!element || !element.parentElement) return;
+		element.parentElement.scrollTop = 0;
+	}, [last?.$ref]);
+	const context = useMemo(() => ({ renderRef: (props) => /* @__PURE__ */ jsx(LinkRef, {
+		...props,
+		onInsert: (name, $ref) => {
+			setPath((path$1) => [...path$1, {
+				name,
+				$ref
+			}]);
+		}
+	}) }), []);
+	if (!last) return;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ 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 className = cn(path.some((other, j) => j < i && other.$ref === item.$ref) && "text-orange-400", item.$ref && "hover:underline hover:text-fd-accent-foreground");
+			const node = item.$ref ? /* @__PURE__ */ jsx("button", {
+				onClick: () => setPath((path$1) => path$1.slice(0, i + 1)),
+				className,
+				children: item.name
+			}) : /* @__PURE__ */ jsx("span", {
+				className,
+				children: item.name
+			});
+			return /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && ".", node] }, i);
+		})
+	}), /* @__PURE__ */ jsx(PropertyContext, {
+		value: context,
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			className: "px-2",
+			children: /* @__PURE__ */ jsx(SchemaUIContent, { $type: last.$ref })
+		})
+	})] });
 }
 function RootRef({ text, $ref, pathName, inlineUnion }) {
-    const { refs } = useData();
-    const ref = useCallback((element) => {
-        if (!element || element.style.getPropertyValue('--initial-height'))
-            return;
-        element.style.setProperty('--initial-height', `${element.clientHeight}px`);
-    }, []);
-    const schema = refs[$ref];
-    if (inlineUnion && (schema.type === 'and' || schema.type === 'or')) {
-        const sep = schema.type === 'and' ? '&' : '|';
-        return (_jsx("span", { className: cn(typeVariants(), 'flex flex-row gap-2 items-center flex-wrap'), children: schema.items.map((item, i) => (_jsxs(Fragment, { children: [i > 0 && _jsx("span", { children: sep }), _jsx(RootRef, { pathName: pathName, text: item.name, "$ref": item.$type })] }, item.$type))) }));
-    }
-    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: (_jsxs(_Fragment, { children: [pathName, schema.type === 'array' && '[]'] })),
-                            $ref: $ref,
-                        },
-                    ] }) })] }));
+	const { refs } = useData();
+	const ref = useCallback((element) => {
+		if (!element || element.style.getPropertyValue("--initial-height")) return;
+		element.style.setProperty("--initial-height", `${element.clientHeight}px`);
+	}, []);
+	const schema = refs[$ref];
+	if (inlineUnion && (schema.type === "and" || schema.type === "or")) {
+		const sep = schema.type === "and" ? "&" : "|";
+		return /* @__PURE__ */ jsx("span", {
+			className: cn(typeVariants(), "flex flex-row gap-2 items-center flex-wrap"),
+			children: schema.items.map((item, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsx("span", { children: sep }), /* @__PURE__ */ jsx(RootRef, {
+				pathName,
+				text: item.name,
+				$ref: item.$type
+			})] }, item.$type))
+		});
+	}
+	if (!isExpandable(refs[$ref])) return /* @__PURE__ */ jsx("span", {
+		className: cn(typeVariants()),
+		children: text
+	});
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+		className: cn(typeVariants({ variant: "trigger" })),
+		children: text
+	}), /* @__PURE__ */ jsx(PopoverContent, {
+		ref,
+		className: "w-[600px] min-h-(--initial-height,0) max-h-[460px] p-0",
+		children: /* @__PURE__ */ jsx(SchemaUIPopover, { initialPath: [{
+			name: /* @__PURE__ */ jsxs(Fragment$1, { children: [pathName, schema.type === "array" && "[]"] }),
+			$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 LinkRef({ $ref, pathName, onInsert, text }) {
+	const { refs } = useData();
+	if (!isExpandable(refs[$ref])) return /* @__PURE__ */ jsx("span", {
+		className: cn(typeVariants()),
+		children: text
+	});
+	return /* @__PURE__ */ jsx("button", {
+		className: cn(typeVariants({ variant: "trigger" })),
+		onClick: () => {
+			onInsert(pathName, $ref);
+		},
+		children: text
+	});
 }
 function Property({ name, type, required, deprecated, nested = false, className, ...props }) {
-    return (_jsxs("div", { className: cn('text-sm border-t', nested
-            ? 'p-3 border-x bg-fd-card last:rounded-b-xl first:rounded-tr-xl last:border-b'
-            : 'py-4 first:border-t-0', className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3 not-prose", children: [_jsxs("span", { className: "font-medium font-mono text-fd-primary", children: [name, required ? (_jsx("span", { className: "text-red-400", children: "*" })) : (_jsx("span", { className: "text-fd-muted-foreground", children: "?" }))] }), typeof type === 'string' ? (_jsx("span", { className: "text-sm font-mono text-fd-muted-foreground", children: type })) : (type), deprecated && (_jsx(Badge, { color: "yellow", className: "ms-auto text-xs", children: "Deprecated" }))] }), _jsx("div", { className: "prose-no-margin pt-2.5 empty:hidden", children: props.children })] }));
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("text-sm border-t", nested ? "p-3 border-x bg-fd-card last:rounded-b-xl first:rounded-tr-xl last:border-b" : "py-4 first:border-t-0", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-3 not-prose",
+			children: [
+				/* @__PURE__ */ jsxs("span", {
+					className: "font-medium font-mono text-fd-primary",
+					children: [name, required ? /* @__PURE__ */ jsx("span", {
+						className: "text-red-400",
+						children: "*"
+					}) : /* @__PURE__ */ jsx("span", {
+						className: "text-fd-muted-foreground",
+						children: "?"
+					})]
+				}),
+				typeof type === "string" ? /* @__PURE__ */ jsx("span", {
+					className: "text-sm font-mono text-fd-muted-foreground",
+					children: type
+				}) : type,
+				deprecated && /* @__PURE__ */ jsx(Badge, {
+					color: "yellow",
+					className: "ms-auto text-xs",
+					children: "Deprecated"
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "prose-no-margin pt-2.5 empty:hidden",
+			children: props.children
+		})]
+	});
 }
 function isExpandable(schema) {
-    return schema.type !== 'primitive';
+	return schema.type !== "primitive";
 }
+
+//#endregion
+export { SchemaUI };
+//# sourceMappingURL=client.js.map

package/dist/ui/schema/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":["child: ReactNode","type: ReactNode","context: PropertyContextType","path"],"sources":["../../../src/ui/schema/client.tsx"],"sourcesContent":["'use client';\nimport {\n  createContext,\n  Fragment,\n  type ReactNode,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport type { SchemaData, SchemaUIGeneratedData } from '@/ui/schema';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from 'fumadocs-ui/components/ui/collapsible';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { ChevronDown } from 'lucide-react';\nimport { Badge } from '@/ui/components/method-label';\nimport { Popover, PopoverContent, PopoverTrigger } from 'fumadocs-ui/components/ui/popover';\nimport { cn } from '@/utils/cn';\nimport { cva } from 'class-variance-authority';\n\ntype DataContextType = SchemaUIGeneratedData;\n\ninterface PropertyContextType {\n  renderRef: (options: RenderRefOptions) => ReactNode;\n}\n\ninterface RenderRefOptions {\n  text: ReactNode;\n  pathName: ReactNode;\n  $ref: string;\n\n  inlineUnion?: boolean;\n}\n\nconst typeVariants = cva('text-sm text-start text-fd-muted-foreground font-mono', {\n  variants: {\n    variant: {\n      trigger:\n        'underline hover:text-fd-accent-foreground data-[state=open]:text-fd-accent-foreground',\n    },\n  },\n});\n\nconst PropertyContext = createContext<PropertyContextType>({\n  renderRef: (props) => <RootRef {...props} />,\n});\n\nconst DataContext = createContext<DataContextType | null>(null);\n\nfunction useData() {\n  return use(DataContext)!;\n}\n\nfunction useProperty() {\n  return use(PropertyContext);\n}\n\nexport interface SchemaUIProps {\n  name: string;\n  required?: boolean;\n  as?: 'property' | 'body';\n\n  generated: SchemaUIGeneratedData;\n}\n\nexport function SchemaUI({ name, required = false, as = 'property', generated }: SchemaUIProps) {\n  const schema = generated.refs[generated.$root];\n  const context: DataContextType = useMemo(() => generated, [generated]);\n  const isProperty = as === 'property' || !isExpandable(schema);\n\n  return (\n    <DataContext value={context}>\n      {isProperty ? (\n        <SchemaUIProperty\n          name={name}\n          $type={generated.$root}\n          overrides={{\n            required,\n          }}\n        />\n      ) : (\n        <SchemaUIContent $type={generated.$root} />\n      )}\n    </DataContext>\n  );\n}\n\nfunction SchemaUIContent({ $type }: { $type: string }) {\n  const { refs } = useData();\n  const schema = refs[$type];\n  let child: ReactNode = null;\n\n  if (schema.type === 'or' && schema.items.length > 0) {\n    child = (\n      <>\n        {child}\n        <Tabs defaultValue={schema.items[0].$type}>\n          <TabsList>\n            {schema.items.map((item) => (\n              <TabsTrigger key={item.$type} value={item.$type}>\n                {item.name}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {schema.items.map((item) => (\n            <TabsContent\n              key={item.$type}\n              value={item.$type}\n              forceMount={undefined}\n              className=\"py-0\"\n            >\n              <SchemaUIContent {...item} />\n            </TabsContent>\n          ))}\n        </Tabs>\n      </>\n    );\n  }\n\n  if (schema.type === 'object' && schema.props.length > 0) {\n    child = (\n      <>\n        {child}\n        {schema.props.map((prop) => (\n          <SchemaUIProperty\n            key={prop.name}\n            name={prop.name}\n            $type={prop.$type}\n            overrides={{ required: prop.required }}\n          />\n        ))}\n      </>\n    );\n  }\n\n  if (schema.type === 'array') {\n    child = (\n      <>\n        {child}\n        <Collapsible className=\"my-2\">\n          <CollapsibleTrigger\n            className={cn(\n              buttonVariants({ color: 'secondary', size: 'sm' }),\n              'group px-3 py-2 data-[state=open]:rounded-b-none',\n            )}\n          >\n            Array Item\n            <ChevronDown className=\"size-4 text-fd-muted-foreground group-data-[state=open]:rotate-180\" />\n          </CollapsibleTrigger>\n          <CollapsibleContent className=\"-mt-px bg-fd-card px-3 rounded-lg rounded-tl-none border shadow-sm\">\n            <SchemaUIContent $type={schema.item.$type} />\n          </CollapsibleContent>\n        </Collapsible>\n      </>\n    );\n  }\n\n  return child;\n}\n\nfunction SchemaUIProperty({\n  name,\n  $type,\n  overrides,\n}: {\n  name: ReactNode;\n  $type: string;\n  overrides?: Partial<PropertyProps>;\n}) {\n  const { renderRef } = useProperty();\n  const { refs } = useData();\n  const schema = refs[$type];\n\n  let type: ReactNode = schema.typeName;\n  if ((schema.type === 'or' || schema.type === 'and') && schema.items.length > 0) {\n    type = renderRef({\n      text: schema.aliasName,\n      pathName: name,\n      $ref: $type,\n      inlineUnion: true,\n    });\n  }\n\n  if (schema.type === 'object' && schema.props.length > 0) {\n    type = renderRef({\n      text: schema.aliasName,\n      pathName: name,\n      $ref: $type,\n    });\n  }\n\n  if (schema.type === 'array') {\n    type = renderRef({\n      text: schema.aliasName,\n      pathName: name,\n      $ref: schema.item.$type,\n    });\n  }\n\n  return (\n    <Property name={name} type={type} deprecated={schema.deprecated} {...overrides}>\n      {schema.description}\n      {schema.infoTags && schema.infoTags.length > 0 && (\n        <div className=\"flex flex-row gap-2 flex-wrap my-2 not-prose empty:hidden\">\n          {schema.infoTags.map((tag, i) => (\n            <Fragment key={i}>{tag}</Fragment>\n          ))}\n        </div>\n      )}\n    </Property>\n  );\n}\n\nfunction SchemaUIPopover({ initialPath }: { initialPath: { name: ReactNode; $ref?: string }[] }) {\n  const [path, setPath] = useState(initialPath);\n  const ref = useRef<HTMLDivElement>(null);\n  const last = path.findLast((item) => item.$ref !== undefined);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || !element.parentElement) return;\n\n    // reset scroll\n    element.parentElement.scrollTop = 0;\n  }, [last?.$ref]);\n\n  const context: PropertyContextType = useMemo(\n    () => ({\n      renderRef: (props) => (\n        <LinkRef\n          {...props}\n          onInsert={(name, $ref) => {\n            setPath((path) => [...path, { name, $ref }]);\n          }}\n        />\n      ),\n    }),\n    [],\n  );\n\n  if (!last) return;\n\n  return (\n    <>\n      <div className=\"sticky top-0 flex flex-row flex-wrap items-center text-sm font-medium font-mono bg-fd-muted p-2\">\n        {path.map((item, i) => {\n          const isDuplicated = path.some((other, j) => j < i && other.$ref === item.$ref);\n          const className = cn(\n            isDuplicated && 'text-orange-400',\n            item.$ref && 'hover:underline hover:text-fd-accent-foreground',\n          );\n\n          const node = item.$ref ? (\n            <button onClick={() => setPath((path) => path.slice(0, i + 1))} className={className}>\n              {item.name}\n            </button>\n          ) : (\n            <span className={className}>{item.name}</span>\n          );\n\n          return (\n            <Fragment key={i}>\n              {i > 0 && '.'}\n              {node}\n            </Fragment>\n          );\n        })}\n      </div>\n      <PropertyContext value={context}>\n        <div ref={ref} className=\"px-2\">\n          <SchemaUIContent $type={last.$ref!} />\n        </div>\n      </PropertyContext>\n    </>\n  );\n}\n\nfunction RootRef({ text, $ref, pathName, inlineUnion }: RenderRefOptions) {\n  const { refs } = useData();\n  const ref = useCallback((element: HTMLDivElement | null) => {\n    if (!element || element.style.getPropertyValue('--initial-height')) return;\n\n    element.style.setProperty('--initial-height', `${element.clientHeight}px`);\n  }, []);\n\n  const schema = refs[$ref];\n\n  if (inlineUnion && (schema.type === 'and' || schema.type === 'or')) {\n    const sep = schema.type === 'and' ? '&' : '|';\n    return (\n      <span className={cn(typeVariants(), 'flex flex-row gap-2 items-center flex-wrap')}>\n        {schema.items.map((item, i) => (\n          <Fragment key={item.$type}>\n            {i > 0 && <span>{sep}</span>}\n            <RootRef pathName={pathName} text={item.name} $ref={item.$type} />\n          </Fragment>\n        ))}\n      </span>\n    );\n  }\n\n  if (!isExpandable(refs[$ref])) {\n    return <span className={cn(typeVariants())}>{text}</span>;\n  }\n\n  return (\n    <Popover>\n      <PopoverTrigger className={cn(typeVariants({ variant: 'trigger' }))}>{text}</PopoverTrigger>\n      <PopoverContent ref={ref} className=\"w-[600px] min-h-(--initial-height,0) max-h-[460px] p-0\">\n        <SchemaUIPopover\n          initialPath={[\n            {\n              name: (\n                <>\n                  {pathName}\n                  {schema.type === 'array' && '[]'}\n                </>\n              ),\n              $ref: $ref,\n            },\n          ]}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction LinkRef({\n  $ref,\n  pathName,\n  onInsert,\n  text,\n}: RenderRefOptions & {\n  onInsert: (name: ReactNode, $ref: string) => void;\n}) {\n  const { refs } = useData();\n  if (!isExpandable(refs[$ref])) {\n    return <span className={cn(typeVariants())}>{text}</span>;\n  }\n\n  return (\n    <button\n      className={cn(typeVariants({ variant: 'trigger' }))}\n      onClick={() => {\n        onInsert(pathName, $ref);\n      }}\n    >\n      {text}\n    </button>\n  );\n}\n\ninterface PropertyProps {\n  name: ReactNode;\n  type: ReactNode;\n  required?: boolean;\n  deprecated?: boolean;\n  nested?: boolean;\n\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction Property({\n  name,\n  type,\n  required,\n  deprecated,\n  nested = false,\n  className,\n  ...props\n}: PropertyProps) {\n  return (\n    <div\n      className={cn(\n        'text-sm border-t',\n        nested\n          ? 'p-3 border-x bg-fd-card last:rounded-b-xl first:rounded-tr-xl last:border-b'\n          : 'py-4 first:border-t-0',\n        className,\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">\n          {name}\n          {required ? (\n            <span className=\"text-red-400\">*</span>\n          ) : (\n            <span className=\"text-fd-muted-foreground\">?</span>\n          )}\n        </span>\n        {typeof type === 'string' ? (\n          <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        ) : (\n          type\n        )}\n        {deprecated && (\n          <Badge color=\"yellow\" className=\"ms-auto text-xs\">\n            Deprecated\n          </Badge>\n        )}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">{props.children}</div>\n    </div>\n  );\n}\n\nfunction isExpandable(schema: SchemaData) {\n  return schema.type !== 'primitive';\n}\n"],"mappings":"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"}

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

@@ -1,59 +1,60 @@
-import type { ReactNode } from 'react';
-import type { ResolvedSchema } from '../../utils/schema.js';
-import type { RenderContext } from '../../types.js';
-import type { SchemaUIProps } from '../../ui/schema/client.js';
-export interface FieldBase {
-    description?: ReactNode;
-    infoTags?: ReactNode[];
-    typeName: string;
-    aliasName: string;
-    deprecated?: boolean;
+import { ResolvedSchema } from "../../utils/schema.js";
+import { SchemaUIProps } from "./client.js";
+import "../../types.js";
+import { ReactNode } from "react";
+import "react/jsx-runtime";
+
+//#region src/ui/schema/index.d.ts
+interface FieldBase {
+  description?: ReactNode;
+  infoTags?: ReactNode[];
+  typeName: string;
+  aliasName: string;
+  deprecated?: boolean;
 }
-export type SchemaData = FieldBase & ({
-    type: 'primitive';
+type SchemaData = FieldBase & ({
+  type: 'primitive';
 } | {
-    type: 'object';
-    props: {
-        name: string;
-        $type: string;
-        required: boolean;
-    }[];
+  type: 'object';
+  props: {
+    name: string;
+    $type: string;
+    required: boolean;
+  }[];
 } | {
-    type: 'array';
-    item: {
-        $type: string;
-    };
+  type: 'array';
+  item: {
+    $type: string;
+  };
 } | {
-    type: 'or';
-    items: {
-        name: string;
-        $type: string;
-    }[];
+  type: 'or';
+  items: {
+    name: string;
+    $type: string;
+  }[];
 } | {
-    type: 'and';
-    items: {
-        name: string;
-        $type: string;
-    }[];
+  type: 'and';
+  items: {
+    name: string;
+    $type: string;
+  }[];
 });
-export interface SchemaUIOptions {
-    root: ResolvedSchema;
-    client: Omit<SchemaUIProps, 'generated'>;
-    /**
-     * include read only props
-     */
-    readOnly?: boolean;
-    /**
-     * include write only props
-     */
-    writeOnly?: boolean;
+interface SchemaUIOptions {
+  root: ResolvedSchema;
+  client: Omit<SchemaUIProps, 'generated'>;
+  /**
+   * include read only props
+   */
+  readOnly?: boolean;
+  /**
+   * include write only props
+   */
+  writeOnly?: boolean;
 }
-export interface SchemaUIGeneratedData {
-    $root: string;
-    refs: Record<string, SchemaData>;
+interface SchemaUIGeneratedData {
+  $root: string;
+  refs: Record<string, SchemaData>;
 }
-export declare function Schema({ ctx, ...options }: SchemaUIOptions & {
-    ctx: RenderContext;
-}): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<ReactNode> | null | undefined;
-export declare function generateSchemaUI({ root, readOnly, writeOnly }: SchemaUIOptions, ctx: RenderContext): SchemaUIGeneratedData;
+//#endregion
+export { SchemaUIGeneratedData, SchemaUIOptions };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/schema/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IAEvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAElB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,CACI;IACE,IAAI,EAAE,WAAW,CAAC;CACnB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;CACL,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,GACD;IACE,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL,GACD;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL,CACJ,CAAC;AAEJ,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CAClC;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,GAAG,OAAO,EACX,EAAE,eAAe,GAAG;IACnB,GAAG,EAAE,aAAa,CAAC;CACpB,8IAWA;AAED,wBAAgB,gBAAgB,CAC9B,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,EAC9C,GAAG,EAAE,aAAa,GACjB,qBAAqB,CA+RvB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/ui/schema/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAQiB,SAAA;gBACD;aACH;EAFI,QAAA,EAAA,MAAS;EAUd,SAAA,EAAA,MAAU;EAmCL,UAAA,CAAA,EAAA,OAAe;;AAEjB,KArCH,UAAA,GAAa,SAqCV,GAAA,CAAA;EAAL,IAAA,EAAA,WAAA;CAAI,GAAA;EAYG,IAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;UAdA,eAAA;QACT;UACE,KAAK;;;;;;;;;;UAYE,qBAAA;;QAET,eAAe"}