zudoku 0.38.0 → 0.39.0

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

@@ -1,6 +1,7 @@
 import * as Collapsible from "@radix-ui/react-collapsible";
 import { MinusIcon, PlusIcon, RefreshCcwDotIcon } from "lucide-react";
 import { useCallback, useState } from "react";
+import { InlineCode } from "../../../components/InlineCode.js";
 import { Markdown, ProseClasses } from "../../../components/Markdown.js";
 import type { SchemaObject } from "../../../oas/parser/index.js";
 import { Button } from "../../../ui/Button.js";
@@ -10,6 +11,7 @@ import { EnumValues } from "../components/EnumValues.js";
 import { SelectOnClick } from "../components/SelectOnClick.js";
 import { ParamInfos } from "../ParamInfos.js";
 import { LogicalGroup } from "./LogicalGroup/LogicalGroup.js";
+import { SchemaExampleAndDefault } from "./SchemaExampleAndDefault.js";
 import { SchemaView } from "./SchemaView.js";
 import {
   hasLogicalGroupings,
@@ -18,13 +20,7 @@ import {
   LogicalSchemaTypeMap,
 } from "./utils.js";
 
-export const SchemaLogicalGroup = ({
-  schema,
-  level,
-}: {
-  schema: SchemaObject;
-  level: number;
-}) => {
+export const SchemaLogicalGroup = ({ schema }: { schema: SchemaObject }) => {
   const [isOpen, setIsOpen] = useState(true);
   const toggleOpen = useCallback(() => setIsOpen((prev) => !prev), []);
 
@@ -37,31 +33,31 @@ export const SchemaLogicalGroup = ({
         type={type}
         isOpen={isOpen}
         toggleOpen={toggleOpen}
-        level={level}
       />
     );
   }
 };
 
 const RecursiveIndicator = () => (
-  <div className="flex items-center gap-1.5 italic text-xs text-muted-foreground font-mono bg-muted px-2 py-0.5 rounded-md">
+  <InlineCode
+    className="inline-flex items-center gap-1.5 italic text-xs translate-y-0.5"
+    selectOnClick={false}
+  >
     <RefreshCcwDotIcon size={13} />
     <span>circular</span>
-  </div>
+  </InlineCode>
 );
 
 export const SchemaPropertyItem = ({
   name,
   schema,
   group,
-  level,
   defaultOpen = false,
   showCollapseButton = true,
 }: {
   name: string;
   schema: SchemaObject;
   group: "required" | "optional" | "deprecated";
-  level: number;
   defaultOpen?: boolean;
   showCollapseButton?: boolean;
 }) => {
@@ -73,9 +69,12 @@ export const SchemaPropertyItem = ({
         <div className="flex flex-col gap-2.5 justify-between text-sm">
           <div className="space-x-2">
             <code>{name}</code>
-            <ParamInfos schema={schema} />
-            <RecursiveIndicator />
+            <ParamInfos
+              schema={schema}
+              extraItems={[<RecursiveIndicator key="circular-ref" />]}
+            />
           </div>
+          <SchemaExampleAndDefault schema={schema} />
         </div>
       </li>
     );
@@ -94,11 +93,11 @@ export const SchemaPropertyItem = ({
               group !== "optional" && (
                 <span className="text-primary">required</span>
               ),
+              schema.type === "array" &&
+                "items" in schema &&
+                isCircularRef(schema.items) && <RecursiveIndicator />,
             ]}
           />
-          {schema.type === "array" &&
-            "items" in schema &&
-            isCircularRef(schema.items) && <RecursiveIndicator />}
         </div>
         {schema.description && (
           <Markdown
@@ -110,7 +109,7 @@ export const SchemaPropertyItem = ({
           <EnumValues values={schema.items.enum} />
         )}
         {schema.enum && <EnumValues values={schema.enum} />}
-
+        <SchemaExampleAndDefault schema={schema} />
         {(hasLogicalGroupings(schema) || isComplexType(schema)) && (
           <Collapsible.Root
             defaultOpen={defaultOpen}
@@ -128,15 +127,15 @@ export const SchemaPropertyItem = ({
             <Collapsible.Content>
               <div className="mt-2">
                 {hasLogicalGroupings(schema) ? (
-                  <SchemaLogicalGroup schema={schema} level={level + 1} />
+                  <SchemaLogicalGroup schema={schema} />
                 ) : schema.type === "object" ? (
-                  <SchemaView schema={schema} level={level + 1} />
+                  <SchemaView schema={schema} />
                 ) : (
                   schema.type === "array" &&
                   "items" in schema &&
                   typeof schema.items === "object" &&
                   !isCircularRef(schema.items) && (
-                    <SchemaView schema={schema.items} level={level + 1} />
+                    <SchemaView schema={schema.items} />
                   )
                 )}
               </div>

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

@@ -5,11 +5,12 @@ import { cn } from "../../../util/cn.js";
 import { groupBy } from "../../../util/groupBy.js";
 import { EnumValues } from "../components/EnumValues.js";
 import { ParamInfos } from "../ParamInfos.js";
+import { SchemaExampleAndDefault } from "./SchemaExampleAndDefault.js";
 import {
   SchemaLogicalGroup,
   SchemaPropertyItem,
 } from "./SchemaPropertyItem.js";
-import { hasLogicalGroupings } from "./utils.js";
+import { hasLogicalGroupings, isBasicType } from "./utils.js";
 
 const renderMarkdown = (content?: string) =>
   content && (
@@ -19,166 +20,93 @@ const renderMarkdown = (content?: string) =>
     />
   );
 
+const renderBasicSchema = (schema: SchemaObject) => (
+  <Card className="p-4 space-y-2">
+    <span className="text-sm text-muted-foreground">
+      <ParamInfos schema={schema} />
+    </span>
+    {schema.enum && <EnumValues values={schema.enum} />}
+    {renderMarkdown(schema.description)}
+    <SchemaExampleAndDefault schema={schema} />
+  </Card>
+);
+
 export const SchemaView = ({
   schema,
-  level = 0,
   defaultOpen = false,
 }: {
   schema?: SchemaObject | null;
-  level?: number;
   defaultOpen?: boolean;
 }) => {
   if (!schema || Object.keys(schema).length === 0) {
     return (
       <Card className="p-4">
         <span className="text-sm text-muted-foreground italic">
-          No response specified
+          No schema specified
         </span>
       </Card>
     );
   }
 
-  const renderSchema = (schema: SchemaObject, level: number) => {
-    if (hasLogicalGroupings(schema)) {
-      return <SchemaLogicalGroup schema={schema} level={level} />;
-    }
-
-    if (Array.isArray(schema.type)) {
-      return (
-        <Card className="p-4 space-y-2">
-          <span className="text-sm text-muted-foreground">
-            <ParamInfos schema={schema} />
-          </span>
-          {schema.enum && <EnumValues values={schema.enum} />}
-          {renderMarkdown(schema.description)}
-        </Card>
-      );
-    }
-
-    if (schema.type === "array" && typeof schema.items === "object") {
-      const itemsSchema = schema.items as SchemaObject;
-
-      if (itemsSchema.enum) {
-        return (
-          <Card className="p-4">
-            <span className="text-sm text-muted-foreground">
-              <ParamInfos schema={schema} />
-            </span>
-            <EnumValues values={itemsSchema.enum} />
-            {renderMarkdown(schema.description)}
-          </Card>
-        );
-      }
-
-      if (
-        typeof itemsSchema.type === "string" &&
-        ["string", "number", "boolean", "integer"].includes(itemsSchema.type)
-      ) {
-        return (
-          <Card className="p-4">
-            <span className="text-sm text-muted-foreground">
-              <ParamInfos schema={schema} />
-            </span>
-            {renderMarkdown(schema.description)}
-          </Card>
-        );
-      } else if (itemsSchema.type === "object") {
-        return (
-          <Card className="flex flex-col gap-2 bg-border/30 p-4">
-            <span className="text-sm text-muted-foreground">object[]</span>
-            {renderSchema(itemsSchema, level + 1)}
-          </Card>
-        );
-      } else {
-        return renderSchema(itemsSchema, level + 1);
-      }
-    }
-
-    if (
-      schema.type === "object" &&
-      (!schema.properties || Object.keys(schema.properties).length === 0)
-    ) {
-      return (
-        <Card className="p-4 flex gap-2 items-baseline">
-          {"name" in schema && <>{schema.name as string}</>}
-          <span className="text-sm text-muted-foreground">
-            <ParamInfos schema={schema} />
-          </span>
-          {renderMarkdown(schema.description)}
-        </Card>
-      );
-    }
-
-    if (schema.properties) {
-      const groupedProperties = groupBy(
-        Object.entries(schema.properties),
-        ([propertyName, property]) => {
-          return property.deprecated
-            ? "deprecated"
-            : schema.required?.includes(propertyName)
-              ? "required"
-              : "optional";
-        },
-      );
+  if (hasLogicalGroupings(schema)) {
+    return <SchemaLogicalGroup schema={schema} />;
+  }
 
-      const groupNames = ["required", "optional", "deprecated"] as const;
+  if (isBasicType(schema.type)) {
+    return renderBasicSchema(schema);
+  }
 
-      return (
-        <Card className="divide-y overflow-hidden">
-          {groupNames.map(
-            (group) =>
-              groupedProperties[group] && (
-                <ul key={group} className="divide-y">
-                  {groupedProperties[group].map(([name, schema]) => (
-                    <SchemaPropertyItem
-                      key={name}
-                      name={name}
-                      schema={schema}
-                      group={group}
-                      level={level}
-                      defaultOpen={defaultOpen}
-                    />
-                  ))}
-                </ul>
-              ),
-          )}
-        </Card>
-      );
-    }
+  if (schema.type === "array" && typeof schema.items === "object") {
+    return renderBasicSchema(schema.items as SchemaObject);
+  }
 
-    if (
-      typeof schema.type === "string" &&
-      ["string", "number", "boolean", "integer", "null"].includes(schema.type)
-    ) {
-      return (
-        <Card className="p-4 space-y-2">
-          <span className="text-sm text-muted-foreground">
-            <ParamInfos schema={schema} />
-          </span>
-          {schema.enum && <EnumValues values={schema.enum} />}
-          {renderMarkdown(schema.description)}
-        </Card>
-      );
-    }
+  if (schema.type === "object") {
+    const groupedProperties = groupBy(
+      Object.entries(schema.properties ?? {}),
+      ([propertyName, property]) => {
+        return property.deprecated
+          ? "deprecated"
+          : schema.required?.includes(propertyName)
+            ? "required"
+            : "optional";
+      },
+    );
+    const groupNames = ["required", "optional", "deprecated"] as const;
 
-    if (schema.additionalProperties) {
-      return (
-        <Card className="my-2">
-          <CardHeader>
-            <CardTitle>Additional Properties:</CardTitle>
-          </CardHeader>
-          <CardContent>
-            {renderSchema(
-              schema.additionalProperties as SchemaObject,
-              level + 1,
-            )}
-          </CardContent>
-        </Card>
-      );
-    }
+    return (
+      <Card className="divide-y overflow-hidden">
+        {groupNames.map(
+          (group) =>
+            groupedProperties[group] && (
+              <ul key={group} className="divide-y">
+                {groupedProperties[group].map(([name, schema]) => (
+                  <SchemaPropertyItem
+                    key={name}
+                    name={name}
+                    schema={schema}
+                    group={group}
+                    defaultOpen={defaultOpen}
+                  />
+                ))}
+              </ul>
+            ),
+        )}
+      </Card>
+    );
+  }
 
-    return null;
-  };
+  if (schema.additionalProperties) {
+    return (
+      <Card className="my-2">
+        <CardHeader>
+          <CardTitle>Additional Properties:</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <SchemaView schema={schema.additionalProperties as SchemaObject} />
+        </CardContent>
+      </Card>
+    );
+  }
 
-  return renderSchema(schema, level);
+  return null;
 };

package/src/lib/plugins/openapi/schema/utils.ts

@@ -1,8 +1,14 @@
 import { CIRCULAR_REF } from "../../../oas/graphql/circular.js";
 import type { SchemaObject } from "../../../oas/parser/index.js";
 
+export const isBasicType = (
+  type: unknown,
+): type is "string" | "number" | "boolean" | "integer" | "null" =>
+  typeof type === "string" &&
+  ["string", "number", "boolean", "integer", "null"].includes(type);
+
 export const isComplexType = (value: SchemaObject) =>
-  value.type === "object" ||
+  (value.type === "object" && Object.keys(value.properties ?? {}).length > 0) ||
   (value.type === "array" &&
     typeof value.items === "object" &&
     (!value.items.type || value.items.type === "object"));

package/src/lib/plugins/openapi/util/getRoutes.tsx

@@ -1,4 +1,3 @@
-import slugify from "@sindresorhus/slugify";
 import { redirect, type RouteObject } from "react-router";
 import { joinUrl } from "../../../util/joinUrl.js";
 import type { GraphQLClient } from "../client/GraphQLClient.js";
@@ -53,10 +52,7 @@ const createVersionRoutes = (
   versionPath: string,
   tagPages: string[],
 ): RouteObject[] => {
-  const firstTagRoute = joinUrl(
-    versionPath,
-    tagPages[0] ? slugify(tagPages[0]) : UNTAGGED_PATH,
-  );
+  const firstTagRoute = joinUrl(versionPath, tagPages.at(0) ?? UNTAGGED_PATH);
 
   return [
     // Redirect to first tag on the index route
@@ -64,7 +60,7 @@ const createVersionRoutes = (
     // Create routes for each tag
     ...tagPages.map((tag) =>
       createRoute({
-        path: joinUrl(versionPath, slugify(tag)),
+        path: joinUrl(versionPath, tag),
         tag,
       }),
     ),
@@ -73,6 +69,13 @@ const createVersionRoutes = (
       path: joinUrl(versionPath, UNTAGGED_PATH),
       untagged: true,
     }),
+    {
+      path: joinUrl(versionPath, "~schemas"),
+      lazy: async () => {
+        const { SchemaList } = await import("../SchemaList.js");
+        return { element: <SchemaList /> };
+      },
+    },
   ];
 };
 

package/src/lib/util/useOnScreen.ts

@@ -1,14 +1,16 @@
 import { useEffect, useRef, useState } from "react";
 
-export const useOnScreen = ({
+export const useOnScreen = <E extends Element = HTMLElement>({
   rootMargin = "0px",
   threshold,
+  root,
 }: {
   rootMargin?: string;
   threshold?: number;
+  root?: Element | null;
 } = {}) => {
   const [isVisible, setIsVisible] = useState(false);
-  const ref = useRef<HTMLElement | null>(null);
+  const ref = useRef<E | null>(null);
 
   useEffect(() => {
     const observer = new IntersectionObserver(
@@ -16,7 +18,7 @@ export const useOnScreen = ({
         if (!entry) return;
         setIsVisible(entry.isIntersecting);
       },
-      { rootMargin, threshold },
+      { rootMargin, threshold, root },
     );
 
     const currentElement = ref.current;
@@ -26,7 +28,7 @@ export const useOnScreen = ({
     observer.observe(currentElement);
 
     return () => observer.unobserve(currentElement);
-  }, [rootMargin, threshold]);
+  }, [root, rootMargin, threshold]);
 
   return [ref, isVisible] as const;
 };

package/dist/lib/plugins/markdown/Toc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toc.js","sourceRoot":"","sources":["../../../../src/lib/plugins/markdown/Toc.tsx"],"names":[],"mappings":"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"}

package/lib/MdxPage-JEdbfW-f.js

@@ -1,195 +0,0 @@
-import { j as e } from "./jsx-runtime-CYK1ROHF.js";
-import { s as C } from "./index-LNp6rxyU.js";
-import { H as E, u as P } from "./index.esm-CltAN0Tf.js";
-import { useRef as v, useState as _, useEffect as N } from "react";
-import { L as y } from "./chunk-HA7DTUK3-C4gP41vD.js";
-import { C as H } from "./CategoryHeading-DpB47wvk.js";
-import { u as I, A as S, H as h, P as L } from "./Markdown-DIZ8nBVC.js";
-import { e as $, f as D } from "./hook-Cge6LiTK.js";
-import { c as p } from "./cn-qaFjX9_3.js";
-import { ListTreeIcon as M } from "lucide-react";
-const w = "data-active", b = ({
-  item: r,
-  children: t,
-  className: a,
-  isActive: s
-}) => /* @__PURE__ */ e.jsxs(
-  "li",
-  {
-    className: p(
-      "truncate",
-      s ? "text-primary" : "text-foreground/65 dark:text-foreground/75",
-      a
-    ),
-    title: r.value,
-    children: [
-      /* @__PURE__ */ e.jsx(
-        S,
-        {
-          to: `#${r.id}`,
-          [w]: r.id,
-          className: p(
-            s ? "text-primary" : "text-foreground/65 dark:text-foreground/75 hover:text-foreground"
-          ),
-          children: r.value
-        }
-      ),
-      t
-    ]
-  }
-), q = ({ entries: r }) => {
-  const { activeAnchor: t } = I(), a = v(null), s = v(!1), [c, l] = _({
-    top: 0,
-    opacity: 0
-  });
-  return N(() => {
-    if (!a.current) return;
-    const n = a.current.querySelector(
-      `[${w}='${t}']`
-    );
-    if (!n) {
-      l({ top: 0, opacity: 0 });
-      return;
-    }
-    const o = a.current.getBoundingClientRect().top, d = n.getBoundingClientRect().top;
-    l({
-      opacity: 1,
-      top: `${d - o}px`
-    }), !s.current && requestIdleCallback(() => {
-      s.current = !0;
-    });
-  }, [t]), /* @__PURE__ */ e.jsxs("aside", { className: "sticky scrollbar top-[--header-height] h-[calc(100vh-var(--header-height))] pt-[--padding-content-top] pb-[--padding-content-bottom] overflow-y-auto ps-1 text-sm", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 font-medium mb-2", children: [
-      /* @__PURE__ */ e.jsx(M, { size: 16 }),
-      "On this page"
-    ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "relative ms-2 ps-4", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 right-auto bg-border w-[2px]" }),
-      /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: p(
-            "absolute -left-px -translate-y-1 h-6 w-[4px] rounded bg-primary",
-            s.current && "ease-out [transition:top_150ms,opacity_325ms]"
-          ),
-          style: c
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "ul",
-        {
-          ref: a,
-          className: "relative font-medium list-none space-y-2",
-          children: r.map((n) => /* @__PURE__ */ e.jsx(
-            b,
-            {
-              isActive: n.id === t,
-              item: n,
-              className: "pl-0",
-              children: n.children && /* @__PURE__ */ e.jsx("ul", { className: "list-none pl-4 pt-2 space-y-2", children: n.children.map((o) => /* @__PURE__ */ e.jsx(
-                b,
-                {
-                  item: o,
-                  isActive: o.id === t
-                },
-                o.id
-              )) })
-            },
-            n.id
-          ))
-        }
-      )
-    ] })
-  ] });
-}, B = {
-  h2: ({ children: r, id: t }) => /* @__PURE__ */ e.jsx(h, { level: 2, id: t, registerSidebarAnchor: !0, children: r }),
-  h3: ({ children: r, id: t }) => /* @__PURE__ */ e.jsx(h, { level: 3, id: t, registerSidebarAnchor: !0, children: r })
-}, Y = ({
-  mdxComponent: r,
-  file: t,
-  frontmatter: a = {},
-  defaultOptions: s,
-  tableOfContents: c,
-  excerpt: l
-}) => {
-  var u, f, j;
-  const n = (u = $()) == null ? void 0 : u.categoryLabel, o = a.title, d = a.category ?? n, k = a.toc === !1 || (s == null ? void 0 : s.toc) === !1, A = ((f = c.find((i) => i.depth === 1)) == null ? void 0 : f.value) ?? o, R = a.disablePager ?? (s == null ? void 0 : s.disablePager) ?? !1, g = ((j = c.find((i) => i.depth === 1)) == null ? void 0 : j.children) ?? // if `title` is provided by frontmatter it does not appear in the table of contents
-  c.filter((i) => i.depth === 2), T = !k && g.length > 0, { prev: x, next: m } = D();
-  return N(() => {
-    if (process.env.NODE_ENV === "development")
-      return window.__getReactRefreshIgnoredExports = ({ id: i }) => {
-        if (i.endsWith(t))
-          return ["frontmatter", "tableOfContents"];
-      }, () => {
-        window.__getReactRefreshIgnoredExports = void 0;
-      };
-  }, [t]), /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: "grid grid-cols-1 xl:grid-cols-[--sidecar-grid-cols] gap-8 justify-between",
-      "data-pagefind-filter": "section:markdown",
-      "data-pagefind-meta": "section:markdown",
-      children: [
-        /* @__PURE__ */ e.jsxs(E, { children: [
-          /* @__PURE__ */ e.jsx("title", { children: A }),
-          l && /* @__PURE__ */ e.jsx("meta", { name: "description", content: l })
-        ] }),
-        /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            className: p(
-              L,
-              "max-w-full xl:w-full xl:max-w-3xl flex-1 flex-shrink pt-[--padding-content-top] pb-[--padding-content-bottom]"
-            ),
-            children: [
-              (d || o) && /* @__PURE__ */ e.jsxs("header", { children: [
-                d && /* @__PURE__ */ e.jsx(H, { children: d }),
-                o && /* @__PURE__ */ e.jsx(h, { level: 1, id: C(o), children: o })
-              ] }),
-              /* @__PURE__ */ e.jsx(
-                r,
-                {
-                  components: { ...P(), ...B }
-                }
-              ),
-              !R && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                /* @__PURE__ */ e.jsx("hr", {}),
-                /* @__PURE__ */ e.jsxs("div", { className: "not-prose flex flex-wrap items-center justify-between gap-2 lg:gap-8", children: [
-                  x ? /* @__PURE__ */ e.jsxs(
-                    y,
-                    {
-                      to: x.id,
-                      className: "flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-start hover:border-primary/85 transition shadow-sm hover:shadow-md",
-                      title: x.label,
-                      children: [
-                        /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: "← Previous page" }),
-                        /* @__PURE__ */ e.jsx("div", { className: "text-lg text-primary truncate", children: x.label })
-                      ]
-                    }
-                  ) : /* @__PURE__ */ e.jsx("div", { className: "flex-1" }),
-                  m ? /* @__PURE__ */ e.jsxs(
-                    y,
-                    {
-                      to: m.id,
-                      className: "flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-end hover:border-primary/85 transition shadow-sm hover:shadow-md",
-                      title: m.label,
-                      children: [
-                        /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: "Next page →" }),
-                        /* @__PURE__ */ e.jsx("div", { className: "text-lg text-primary truncate", children: m.label })
-                      ]
-                    }
-                  ) : /* @__PURE__ */ e.jsx("div", { className: "flex-1" })
-                ] })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsx("div", { className: "hidden xl:block", children: T && /* @__PURE__ */ e.jsx(q, { entries: g }) })
-      ]
-    }
-  );
-};
-export {
-  Y as MdxPage
-};
-//# sourceMappingURL=MdxPage-JEdbfW-f.js.map