zudoku 0.42.2 → 0.43.0

package/lib/zudoku.plugin-openapi.js

@@ -3,7 +3,7 @@ import "lucide-react";
 import "./chunk-BAXFHI7N-BVBOl9s0.js";
 import "./hook-CldJlP5c.js";
 import "./ui/Button.js";
-import { U as a, o as e } from "./index-Ckl3s_w-.js";
+import { U as a, o as e } from "./index-DuB48L78.js";
 export {
   a as UNTAGGED_PATH,
   e as openApiPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.42.2",
+  "version": "0.43.0",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {
@@ -166,7 +166,7 @@
     "@tanstack/react-query": "5.74.3",
     "@types/react": "19.1.1",
     "@types/react-dom": "19.1.2",
-    "@vitejs/plugin-react": "4.3.4",
+    "@vitejs/plugin-react": "4.4.1",
     "@zudoku/httpsnippet": "10.0.9",
     "@zudoku/react-helmet-async": "2.0.5",
     "autoprefixer": "10.4.21",

package/src/app/entry.client.tsx

@@ -34,6 +34,32 @@ if (root.childElementCount > 0) {
   void render(routes);
 }
 
+// eslint-disable-next-line no-console
+console.log(
+  "%cZUDOKU%c by Zuplo v" + window.ZUDOKU_VERSION,
+  [
+    "color: #FF00BD",
+    "line-height: 50px",
+    "font-weight: bolder",
+    "font-size: 30px",
+    "-webkit-text-stroke-width: 1px",
+    "-webkit-text-stroke-color: #FF00BD",
+    "text-transform: uppercase",
+    "text-align: center",
+    "letter-spacing: 5px",
+  ].join(" ;"),
+  [
+    "color: #Df0097",
+    "line-height: 50px",
+    "font-weight: bolder",
+    "font-size: 15px",
+    "text-align: center",
+    "letter-spacing: 5px",
+  ].join(" ;"),
+);
+// eslint-disable-next-line no-console
+console.log("» Learn more about Zudoku https://zudoku.dev");
+
 async function hydrateLazyRoutes(routes: RouteObject[]) {
   const path = window.location.pathname;
   const lazyMatches = matchRoutes(routes, path, config.basePath)?.filter(

package/src/lib/plugins/openapi/ParamInfos.tsx

@@ -36,6 +36,7 @@ const getSchemaInfos = (schema?: SchemaObject) => {
         : schema.type,
 
     schema.enum && "enum",
+    schema.const && "const",
     schema.format,
     schema.minimum && `min: ${schema.minimum}`,
     schema.maximum && `max: ${schema.maximum}`,

package/src/lib/plugins/openapi/components/ConstValue.tsx

@@ -0,0 +1,24 @@
+import type { SchemaObject } from "../../../oas/parser/index.js";
+import { SelectOnClick } from "./SelectOnClick.js";
+
+export const ConstValue = ({
+  schema,
+  hideDescription = false,
+}: {
+  schema: SchemaObject;
+  hideDescription?: boolean;
+}) => {
+  return (
+    <div className="flex flex-col gap-1 text-xs">
+      <div>
+        <span className="text-muted-foreground">Const value: </span>
+        <SelectOnClick className="border rounded px-1 font-mono">
+          {schema.const}
+        </SelectOnClick>
+        {!hideDescription && schema.description && (
+          <div className="text-muted-foreground">{schema.description}</div>
+        )}
+      </div>
+    </div>
+  );
+};

package/src/lib/plugins/openapi/schema/SchemaPropertyItem.tsx

@@ -7,6 +7,7 @@ import type { SchemaObject } from "../../../oas/parser/index.js";
 import { Button } from "../../../ui/Button.js";
 import { cn } from "../../../util/cn.js";
 import { objectEntries } from "../../../util/objectEntries.js";
+import { ConstValue } from "../components/ConstValue.js";
 import { EnumValues } from "../components/EnumValues.js";
 import { SelectOnClick } from "../components/SelectOnClick.js";
 import { ParamInfos } from "../ParamInfos.js";
@@ -109,11 +110,13 @@ export const SchemaPropertyItem = ({
         {schema.type === "array" && "items" in schema && schema.items.enum && (
           <EnumValues values={schema.items.enum} />
         )}
+        {schema.const && <ConstValue schema={schema} hideDescription />}
         {schema.enum && <EnumValues values={schema.enum} />}
         <SchemaExampleAndDefault schema={schema} />
         {(hasLogicalGroupings(schema) ||
           isComplexType(schema) ||
-          isArrayType(schema)) && (
+          isArrayType(schema) ||
+          schema.additionalProperties) && (
           <Collapsible.Root
             defaultOpen={defaultOpen}
             open={isOpen}

package/src/lib/plugins/openapi/schema/SchemaView.tsx

@@ -1,8 +1,10 @@
+import { InfoIcon } from "lucide-react";
 import { Markdown, ProseClasses } from "../../../components/Markdown.js";
 import type { SchemaObject } from "../../../oas/parser/index.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../../../ui/Card.js";
+import { Card } from "../../../ui/Card.js";
 import { cn } from "../../../util/cn.js";
 import { groupBy } from "../../../util/groupBy.js";
+import { ConstValue } from "../components/ConstValue.js";
 import { EnumValues } from "../components/EnumValues.js";
 import { ParamInfos } from "../ParamInfos.js";
 import { SchemaExampleAndDefault } from "./SchemaExampleAndDefault.js";
@@ -48,6 +50,10 @@ export const SchemaView = ({
     );
   }
 
+  if (schema.const) {
+    return <ConstValue schema={schema} />;
+  }
+
   if (hasLogicalGroupings(schema)) {
     return <SchemaLogicalGroup schema={schema} />;
   }
@@ -57,7 +63,7 @@ export const SchemaView = ({
   }
 
   if (schema.type === "array" && typeof schema.items === "object") {
-    return <SchemaView schema={schema.items as SchemaObject} />;
+    return <SchemaView schema={schema.items} />;
   }
 
   if (schema.type === "object") {
@@ -73,6 +79,28 @@ export const SchemaView = ({
     );
     const groupNames = ["required", "optional", "deprecated"] as const;
 
+    const additionalProperties =
+      typeof schema.additionalProperties === "object" ? (
+        <SchemaView schema={schema.additionalProperties} />
+      ) : schema.additionalProperties === true ? (
+        <div
+          className={cn(
+            ProseClasses,
+            "text-sm p-4 bg-border/20 hover:bg-border/30 flex items-center gap-1",
+          )}
+        >
+          <span>Additional properties are allowed</span>
+          <a
+            className="p-0.5 -m-0.5"
+            href="https://swagger.io/docs/specification/v3_0/data-models/dictionaries/"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            <InfoIcon size={14} />
+          </a>
+        </div>
+      ) : null;
+
     return (
       <Card className="divide-y overflow-hidden">
         {groupNames.map(
@@ -91,19 +119,7 @@ export const SchemaView = ({
               </ul>
             ),
         )}
-      </Card>
-    );
-  }
-
-  if (schema.additionalProperties) {
-    return (
-      <Card className="my-2">
-        <CardHeader>
-          <CardTitle>Additional Properties:</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <SchemaView schema={schema.additionalProperties as SchemaObject} />
-        </CardContent>
+        {additionalProperties}
       </Card>
     );
   }

package/src/lib/plugins/openapi/util/generateSchemaExample.ts

@@ -24,6 +24,11 @@ export const generateSchemaExample = (
     }
   }
 
+  // No example needed for const values
+  if (schema.const !== undefined) {
+    return schema.const;
+  }
+
   // For object schemas with properties
   if (schema.type === "object" && schema.properties) {
     const example: Record<string, any> = {};
@@ -50,10 +55,50 @@ export const generateSchemaExample = (
     return [];
   }
 
+  if (schema.format !== undefined) {
+    // Partial implementation of JSON Schema format examples
+    // https://json-schema.org/draft/2020-12/draft-bhutton-json-schema-validation-00#rfc.section.7.3
+    switch (schema.format) {
+      case "date-time":
+        return "2024-08-25T15:00:00Z";
+      case "date":
+        return "2024-08-25";
+      case "time":
+        return "15:00:00";
+      case "email":
+        return "test@example.com";
+      case "uri":
+        return "https://www.example.com/path/to/resource";
+      case "uri-reference":
+        return "/path/to/resource";
+      case "uuid":
+        return "00000000-0000-0000-0000-000000000000";
+    }
+  }
+
   if (schema.enum) {
     return schema.enum[0];
   }
 
+  if (schema.oneOf) {
+    const randomIndex = Math.floor(Math.random() * schema.oneOf.length);
+    return generateSchemaExample(schema.oneOf[randomIndex] as SchemaObject);
+  }
+
+  if (schema.anyOf) {
+    // Should likely be expanded to return a partial set of values, but it would require
+    // detection if being used within an array or a string type.
+    const randomIndex = Math.floor(Math.random() * schema.anyOf.length);
+    return generateSchemaExample(schema.anyOf[randomIndex] as SchemaObject);
+  }
+
+  if (schema.allOf) {
+    // https://swagger.io/docs/specification/v3_0/data-models/oneof-anyof-allof-not/#allof
+    return schema.allOf.reduce((acc, allOfSchema) => {
+      return { ...acc, ...generateSchemaExample(allOfSchema as SchemaObject) };
+    }, {});
+  }
+
   switch (schema.type) {
     case "string":
       return name || "string";

package/lib/SchemaView-DXjql-Bl.js

@@ -1,356 +0,0 @@
-import { use as S, isValidElement as E, useState as p, useCallback as R } from "react";
-import { a as A } from "./context-Lrf2Y9bR.js";
-import { i as z, S as T, L as B, T as j, a as $, p as D, C as q } from "./circular-ByJI6Mci.js";
-import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import { I, S as u, M as k, P } from "./Markdown-mFpg_n9p.js";
-import { Card as c, CardHeader as G, CardTitle as M, CardContent as K } from "./ui/Card.js";
-import { c as d } from "./cn-qaFjX9_3.js";
-import { ChevronsLeftRightIcon as F, ChevronUpIcon as Q, ChevronDownIcon as v, CircleIcon as H, CircleDotIcon as J, CircleFadingPlusIcon as U, SquareMinusIcon as _, SquarePlusIcon as V, MinusIcon as W, PlusIcon as X, RefreshCcwDotIcon as Y } from "lucide-react";
-import { B as Z } from "./Button-BBNrKpQd.js";
-import * as a from "@radix-ui/react-collapsible";
-import { Button as ee } from "./ui/Button.js";
-import { o as se } from "./objectEntries-yMIkr2mI.js";
-function te(e) {
-  const t = z(e) ? e : new T(e), r = t.body, i = new B(t);
-  let n = "", o = !1;
-  for (; i.advance().kind !== j.EOF; ) {
-    const l = i.token, m = l.kind, C = !$(l.kind);
-    o && (C || l.kind === j.SPREAD) && (n += " ");
-    const L = r.slice(l.start, l.end);
-    m === j.BLOCK_STRING ? n += D(l.value, {
-      minimize: !0
-    }) : n += L, o = C;
-  }
-  return n;
-}
-const Le = (e, ...[t]) => {
-  const r = S(A);
-  if (r === void 0)
-    throw new Error("useGraphQL must be used within a GraphQLProvider");
-  return {
-    queryFn: () => r.fetch(e, t),
-    queryKey: [te(e.toString()), t]
-  };
-}, re = (e, t) => e.reduce(
-  (r, i) => {
-    const n = t(i);
-    return r[n] || (r[n] = []), r[n].push(i), r;
-  },
-  {}
-), ne = ({ pattern: e }) => {
-  const [t, r] = p(!1), i = e.length > 20, n = i ? `${e.slice(0, 20)}…` : e;
-  return /* @__PURE__ */ s.jsxs(
-    I,
-    {
-      className: d("text-xs", i && "cursor-pointer"),
-      onClick: () => r(!t),
-      selectOnClick: !1,
-      children: [
-        t ? e : n,
-        i && /* @__PURE__ */ s.jsx("button", { type: "button", className: "p-1 translate-y-[2px]", children: !t && /* @__PURE__ */ s.jsx(F, { size: 12 }) })
-      ]
-    }
-  );
-}, ie = (e) => e ? [
-  e.type === "array" && e.items.type ? `${e.items.type}[]` : Array.isArray(e.type) ? e.type.join(" | ") : e.type,
-  e.enum && "enum",
-  e.format,
-  e.minimum && `min: ${e.minimum}`,
-  e.maximum && `max: ${e.maximum}`,
-  e.minLength && `minLength: ${e.minLength}`,
-  e.maxLength && `maxLength: ${e.maxLength}`,
-  e.minItems && `minItems: ${e.minItems}`,
-  e.maxItems && `maxItems: ${e.maxItems}`,
-  e.uniqueItems && "unique",
-  e.minProperties && `minProps: ${e.minProperties}`,
-  e.maxProperties && `maxProps: ${e.maxProperties}`,
-  e.readOnly && "readOnly",
-  e.writeOnly && "writeOnly",
-  e.deprecated && "deprecated",
-  e.pattern && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    "pattern: ",
-    /* @__PURE__ */ s.jsx(ne, { pattern: e.pattern })
-  ] })
-] : [], g = ({
-  schema: e,
-  extraItems: t = [],
-  className: r
-}) => {
-  const i = [...ie(e), ...t].flatMap(
-    (n) => typeof n == "string" || E(n) ? n : []
-  );
-  return /* @__PURE__ */ s.jsx("span", { className: r, children: i.map((n, o) => /* @__PURE__ */ s.jsxs("span", { className: "text-muted-foreground", children: [
-    n,
-    o < i.length - 1 && /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground/50", children: " · " })
-  ] }, o)) });
-}, N = ({
-  values: e,
-  className: t,
-  maxVisibleValues: r = 8
-}) => {
-  const [i, n] = p(!1);
-  if (!e.length) return null;
-  const o = e.length > r, l = o && !i ? e.slice(0, r) : e;
-  return /* @__PURE__ */ s.jsxs("div", { className: d("flex flex-wrap gap-1.5 text-xs", t), children: [
-    /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground", children: "Enum values: " }),
-    l.map((m) => /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsx(u, { className: "border rounded px-1 font-mono", children: m }) }, m)),
-    o && /* @__PURE__ */ s.jsx(
-      Z,
-      {
-        variant: "ghost",
-        size: "sm",
-        className: "h-fit px-0",
-        onClick: () => n(!i),
-        children: i ? /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ s.jsx(Q, { size: 12 }),
-          /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground", children: "show less" })
-        ] }) : /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ s.jsx(v, { size: 12 }),
-          /* @__PURE__ */ s.jsxs("span", { className: "text-muted-foreground", children: [
-            "show ",
-            e.length - r,
-            " more"
-          ] })
-        ] })
-      }
-    )
-  ] });
-}, b = ({
-  schema: e
-}) => {
-  var i;
-  const t = (i = e.examples) == null ? void 0 : i.at(0), r = e.default;
-  return !t && !r ? null : /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-1 text-xs", children: [
-    t && /* @__PURE__ */ s.jsxs("div", { children: [
-      /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground", children: "Example: " }),
-      /* @__PURE__ */ s.jsx(u, { className: "border rounded px-1 font-mono", children: typeof t == "object" ? JSON.stringify(t) : t })
-    ] }),
-    r && /* @__PURE__ */ s.jsxs("div", { children: [
-      /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground", children: "Default: " }),
-      /* @__PURE__ */ s.jsx(u, { className: "border rounded px-1 font-mono", children: typeof r == "object" ? JSON.stringify(r) : r })
-    ] })
-  ] });
-}, oe = {
-  AND: /* @__PURE__ */ s.jsx(U, { size: 16, className: "fill-card" }),
-  OR: /* @__PURE__ */ s.jsx(J, { size: 16, className: "fill-card" }),
-  ONE: /* @__PURE__ */ s.jsx(H, { size: 14, className: "fill-card" })
-}, le = {
-  AND: "text-green-500 dark:text-green-300/60",
-  OR: "text-blue-400 dark:text-blue-500",
-  ONE: "text-purple-500 dark:text-purple-300/60"
-}, ae = ({
-  type: e,
-  isOpen: t,
-  className: r,
-  schemeName: i
-}) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: d(
-      le[e],
-      "relative text-sm flex py-2",
-      "before:border-l before:absolute before:-top-2 before:-bottom-2 before:border-border before:border-dashed before:content-['']",
-      r
-    ),
-    children: /* @__PURE__ */ s.jsxs("div", { className: "-translate-x-[7px] flex gap-1 items-center", children: [
-      oe[e],
-      /* @__PURE__ */ s.jsx(
-        "div",
-        {
-          className: d(
-            "translate-y-px mx-px opacity-0 group-hover:opacity-100 transition",
-            !t && "-rotate-90"
-          ),
-          children: /* @__PURE__ */ s.jsx(v, { size: 16 })
-        }
-      ),
-      /* @__PURE__ */ s.jsx("span", { className: "text-sm text-foreground", children: i })
-    ] })
-  }
-), de = (e) => {
-  const [t, r] = p(!0);
-  return /* @__PURE__ */ s.jsxs(
-    a.Root,
-    {
-      open: t,
-      onOpenChange: () => r((i) => !i),
-      className: "group",
-      children: [
-        /* @__PURE__ */ s.jsx(a.Trigger, { children: /* @__PURE__ */ s.jsx(
-          ae,
-          {
-            type: e.type,
-            isOpen: t,
-            schemeName: e.schema.title
-          }
-        ) }),
-        !t && /* @__PURE__ */ s.jsx("div", { className: "wavy-line bg-border translate-y-1" }),
-        /* @__PURE__ */ s.jsx(a.Content, { children: /* @__PURE__ */ s.jsx(x, { schema: e.schema }) })
-      ]
-    }
-  );
-}, ce = {
-  AND: "All of",
-  OR: "Any of",
-  ONE: "One of"
-}, xe = ({
-  schemas: e,
-  type: t,
-  isOpen: r,
-  toggleOpen: i
-}) => /* @__PURE__ */ s.jsx(a.Root, { open: r, onOpenChange: i, asChild: !0, children: /* @__PURE__ */ s.jsxs(c, { className: "px-6", children: [
-  /* @__PURE__ */ s.jsxs(a.Trigger, { className: "flex gap-2 items-center py-2 w-full text-sm text-muted-foreground -translate-x-1.5", children: [
-    r ? /* @__PURE__ */ s.jsx(_, { size: 14 }) : /* @__PURE__ */ s.jsx(V, { size: 14 }),
-    /* @__PURE__ */ s.jsx("span", { children: ce[t] })
-  ] }),
-  /* @__PURE__ */ s.jsx(a.Content, { className: "pb-4", children: e.map((n, o) => (
-    // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ s.jsx(de, { type: t, schema: n }, o)
-  )) })
-] }) }), pe = (e) => typeof e == "string" && ["string", "number", "boolean", "integer", "null"].includes(e), f = (e) => e.type === "array" || // schema.type might be an array of types, so we need to check if "array" is one of them
-Array.isArray(e.type) && e.type.includes("array"), me = (e) => e.type === "object" && Object.keys(e.properties ?? {}).length > 0 || e.type === "array" && typeof e.items == "object" && (!e.items.type || e.items.type === "object"), h = (e) => !!(e.oneOf ?? e.allOf ?? e.anyOf), ue = {
-  allOf: "AND",
-  anyOf: "OR",
-  oneOf: "ONE"
-}, y = (e) => e === q, w = ({ schema: e }) => {
-  const [t, r] = p(!0), i = R(() => r((n) => !n), []);
-  for (const [n, o] of se(ue))
-    if (e[n])
-      return /* @__PURE__ */ s.jsx(
-        xe,
-        {
-          schemas: e[n],
-          type: o,
-          isOpen: t,
-          toggleOpen: i
-        }
-      );
-}, O = () => /* @__PURE__ */ s.jsxs(
-  I,
-  {
-    className: "inline-flex items-center gap-1.5 italic text-xs translate-y-0.5",
-    selectOnClick: !1,
-    children: [
-      /* @__PURE__ */ s.jsx(Y, { size: 13 }),
-      /* @__PURE__ */ s.jsx("span", { children: "circular" })
-    ]
-  }
-), je = ({
-  name: e,
-  schema: t,
-  group: r,
-  defaultOpen: i = !1,
-  showCollapseButton: n = !0
-}) => {
-  const [o, l] = p(i);
-  return y(t) ? /* @__PURE__ */ s.jsx("li", { className: "p-4 bg-border/20 hover:bg-border/30", children: /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-2.5 justify-between text-sm", children: [
-    /* @__PURE__ */ s.jsxs("div", { className: "space-x-2", children: [
-      /* @__PURE__ */ s.jsx("code", { children: e }),
-      /* @__PURE__ */ s.jsx(
-        g,
-        {
-          schema: t,
-          extraItems: [/* @__PURE__ */ s.jsx(O, {}, "circular-ref")]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ s.jsx(b, { schema: t })
-  ] }) }) : /* @__PURE__ */ s.jsx("li", { className: "p-4 bg-border/20 hover:bg-border/30", children: /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-2.5 justify-between text-sm", children: [
-    /* @__PURE__ */ s.jsxs("div", { className: "space-x-2", children: [
-      /* @__PURE__ */ s.jsx(u, { asChild: !0, children: /* @__PURE__ */ s.jsx("code", { children: e }) }),
-      /* @__PURE__ */ s.jsx(
-        g,
-        {
-          schema: t,
-          extraItems: [
-            r !== "optional" && /* @__PURE__ */ s.jsx("span", { className: "text-primary", children: "required" }),
-            f(t) && "items" in t && y(t.items) && /* @__PURE__ */ s.jsx(O, {})
-          ]
-        }
-      )
-    ] }),
-    t.description && /* @__PURE__ */ s.jsx(
-      k,
-      {
-        className: d(P, "text-sm leading-normal line-clamp-4"),
-        content: t.description
-      }
-    ),
-    t.type === "array" && "items" in t && t.items.enum && /* @__PURE__ */ s.jsx(N, { values: t.items.enum }),
-    t.enum && /* @__PURE__ */ s.jsx(N, { values: t.enum }),
-    /* @__PURE__ */ s.jsx(b, { schema: t }),
-    (h(t) || me(t) || f(t)) && /* @__PURE__ */ s.jsxs(
-      a.Root,
-      {
-        defaultOpen: i,
-        open: o,
-        onOpenChange: () => l(!o),
-        children: [
-          n && /* @__PURE__ */ s.jsx(a.Trigger, { asChild: !0, children: /* @__PURE__ */ s.jsxs(ee, { variant: "expand", size: "sm", children: [
-            o ? /* @__PURE__ */ s.jsx(W, { size: 12 }) : /* @__PURE__ */ s.jsx(X, { size: 12 }),
-            o ? "Hide properties" : "Show properties"
-          ] }) }),
-          /* @__PURE__ */ s.jsx(a.Content, { children: /* @__PURE__ */ s.jsx("div", { className: "mt-2", children: h(t) ? /* @__PURE__ */ s.jsx(w, { schema: t }) : t.type === "object" ? /* @__PURE__ */ s.jsx(x, { schema: t }) : f(t) && "items" in t && typeof t.items == "object" && !y(t.items) && /* @__PURE__ */ s.jsx(x, { schema: t.items }) }) })
-        ]
-      }
-    )
-  ] }) });
-}, fe = (e) => e && /* @__PURE__ */ s.jsx(
-  k,
-  {
-    className: d(P, "text-sm leading-normal line-clamp-4"),
-    content: e
-  }
-), ye = (e) => /* @__PURE__ */ s.jsxs(c, { className: "p-4 space-y-2", children: [
-  /* @__PURE__ */ s.jsx("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ s.jsx(g, { schema: e }) }),
-  e.enum && /* @__PURE__ */ s.jsx(N, { values: e.enum }),
-  fe(e.description),
-  /* @__PURE__ */ s.jsx(b, { schema: e })
-] }), x = ({
-  schema: e,
-  defaultOpen: t = !1
-}) => {
-  if (!e || Object.keys(e).length === 0)
-    return /* @__PURE__ */ s.jsx(c, { className: "p-4", children: /* @__PURE__ */ s.jsx("span", { className: "text-sm text-muted-foreground italic", children: "No schema specified" }) });
-  if (h(e))
-    return /* @__PURE__ */ s.jsx(w, { schema: e });
-  if (pe(e.type))
-    return ye(e);
-  if (e.type === "array" && typeof e.items == "object")
-    return /* @__PURE__ */ s.jsx(x, { schema: e.items });
-  if (e.type === "object") {
-    const r = re(
-      Object.entries(e.properties ?? {}),
-      ([n, o]) => {
-        var l;
-        return o.deprecated ? "deprecated" : (l = e.required) != null && l.includes(n) ? "required" : "optional";
-      }
-    ), i = ["required", "optional", "deprecated"];
-    return /* @__PURE__ */ s.jsx(c, { className: "divide-y overflow-hidden", children: i.map(
-      (n) => r[n] && /* @__PURE__ */ s.jsx("ul", { className: "divide-y", children: r[n].map(([o, l]) => /* @__PURE__ */ s.jsx(
-        je,
-        {
-          name: o,
-          schema: l,
-          group: n,
-          defaultOpen: t
-        },
-        o
-      )) }, n)
-    ) });
-  }
-  return e.additionalProperties ? /* @__PURE__ */ s.jsxs(c, { className: "my-2", children: [
-    /* @__PURE__ */ s.jsx(G, { children: /* @__PURE__ */ s.jsx(M, { children: "Additional Properties:" }) }),
-    /* @__PURE__ */ s.jsx(K, { children: /* @__PURE__ */ s.jsx(x, { schema: e.additionalProperties }) })
-  ] }) : null;
-};
-export {
-  N as E,
-  g as P,
-  x as S,
-  b as a,
-  re as g,
-  f as i,
-  Le as u
-};
-//# sourceMappingURL=SchemaView-DXjql-Bl.js.map