zudoku 0.0.0-f3d517c → 0.0.0-f40ea27

package/src/lib/ui/EmbeddedCodeBlock.tsx

@@ -0,0 +1,94 @@
+import { CheckIcon, CopyIcon } from "lucide-react";
+import type { ReactNode } from "react";
+import { useRef, useState } from "react";
+import { cn } from "../util/cn.js";
+
+export type CodeBlockProps = {
+  className?: string;
+  noBackground?: boolean;
+  wrapLines?: boolean;
+  showLanguageIndicator?: boolean;
+  language?: string;
+  children?: ReactNode;
+  code?: ReactNode;
+  showCopy?: "hover" | "always" | "never";
+  showCopyText?: boolean;
+  disabled?: boolean;
+  showLineNumbers?: boolean;
+};
+
+export const EmbeddedCodeBlock = ({
+  children,
+  language,
+  showCopy = "hover",
+  showCopyText,
+  showLanguageIndicator = true,
+  showLineNumbers,
+  ...props
+}: CodeBlockProps) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+
+  if (!children) return null;
+
+  return (
+    <div
+      className={cn(
+        "code-block-wrapper relative group bg-muted/50",
+        showLineNumbers && "line-numbers",
+      )}
+    >
+      <div
+        className={cn(
+          "code-block text-sm not-prose scrollbar overflow-x-auto scrollbar p-4",
+          props.className,
+        )}
+        ref={ref}
+      >
+        {children}
+      </div>
+      {showLanguageIndicator && (
+        <span
+          className={cn(
+            "absolute top-1.5 end-3 !text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0",
+            showCopy === "always" && "hidden",
+          )}
+        >
+          {language}
+        </span>
+      )}
+      {showCopy !== "never" && (
+        <button
+          type="button"
+          aria-label="Copy code"
+          title="Copy code"
+          className={cn(
+            "absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground",
+            showCopy === "hover" && "opacity-0 group-hover:opacity-100",
+            showCopyText && "flex gap-2 items-center font-medium",
+          )}
+          disabled={isCopied}
+          onClick={() => {
+            if (!ref.current?.textContent) return;
+
+            setIsCopied(true);
+            void navigator.clipboard.writeText(ref.current.textContent);
+            setTimeout(() => setIsCopied(false), 2000);
+          }}
+        >
+          {isCopied ? (
+            <CheckIcon
+              className="text-emerald-600"
+              size={16}
+              strokeWidth={2.5}
+              absoluteStrokeWidth
+            />
+          ) : (
+            <CopyIcon size={16} />
+          )}
+          {showCopyText && "Copy"}
+        </button>
+      )}
+    </div>
+  );
+};

package/src/lib/ui/Select.tsx

@@ -16,7 +16,7 @@ const SelectTrigger = React.forwardRef<
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring focus:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50",
       className,
     )}
     {...props}

package/src/lib/ui/SyntaxHighlight.tsx

@@ -3,12 +3,16 @@ import { useZudoku } from "../components/context/ZudokuContext.js";
 import { highlight } from "../shiki.js";
 import invariant from "../util/invariant.js";
 import { CodeBlock, type CodeBlockProps } from "./CodeBlock.js";
+import { EmbeddedCodeBlock } from "./EmbeddedCodeBlock.js";
 
 type SyntaxHighlightProps = CodeBlockProps &
-  ({ code: string; children?: never } | { code?: never; children: string });
+  (
+    | { code: string; embedded?: boolean; children?: never }
+    | { code?: never; children: string; embedded?: boolean }
+  );
 
 export const SyntaxHighlight = memo(
-  ({ code, children, ...props }: SyntaxHighlightProps) => {
+  ({ code, children, embedded, ...props }: SyntaxHighlightProps) => {
     const { syntaxHighlighting } = useZudoku().options;
 
     invariant(syntaxHighlighting?.highlighter, "Highlighter not found");
@@ -20,7 +24,11 @@ export const SyntaxHighlight = memo(
       syntaxHighlighting.themes,
     );
 
-    return <CodeBlock {...props}>{highlightedCode}</CodeBlock>;
+    return embedded ? (
+      <EmbeddedCodeBlock {...props}>{highlightedCode}</EmbeddedCodeBlock>
+    ) : (
+      <CodeBlock {...props}>{highlightedCode}</CodeBlock>
+    );
   },
 );
 

package/src/lib/util/MdxComponents.tsx

@@ -1,6 +1,7 @@
 import { type MDXComponents } from "mdx/types.js";
 import { CodeBlock } from "zudoku/ui/CodeBlock.js";
 import { AnchorLink } from "../components/AnchorLink.js";
+import { Framed } from "../components/Framed.js";
 import { Heading } from "../components/Heading.js";
 import { InlineCode } from "../components/InlineCode.js";
 import { Button } from "../ui/Button.js";
@@ -14,10 +15,20 @@ export type MdxComponentsType = Readonly<MDXComponents> | null | undefined;
 export const MdxComponents = {
   img: ({ node, ...props }) => {
     if (/\.(mp4|webm|mov|avi)$/.test(props.src ?? "")) {
-      return <video src={props.src} controls playsInline autoPlay loop />;
+      return (
+        <video
+          src={props.src}
+          controls
+          playsInline
+          autoPlay
+          loop
+          className={cn("rounded-lg", props.className)}
+        />
+      );
     }
-    return <img {...props} className={cn("rounded-md", props.className)} />;
+    return <img {...props} className={cn("rounded-lg", props.className)} />;
   },
+  Framed,
   h1: ({ children, id }) => (
     <Heading level={1} id={id}>
       {children}

package/src/lib/util/os.ts

@@ -0,0 +1,18 @@
+export function getOS(): "apple" | "linux" | "unix" | "windows" | undefined {
+  const notFound = -1;
+  const userAgent = navigator.userAgent.toLowerCase();
+  if (userAgent.indexOf("win") !== notFound) {
+    return "windows";
+  } else if (userAgent.indexOf("mac") !== notFound) {
+    return "apple";
+  } else if (userAgent.indexOf("linux") !== notFound) {
+    return "linux";
+  } else if (userAgent.indexOf("x11") !== notFound) {
+    return "unix";
+  }
+  return;
+}
+
+export function isAppleDevice(): boolean {
+  return getOS() === "apple";
+}

package/src/lib/util/useCopyToClipboard.ts

@@ -0,0 +1,17 @@
+import { useCallback, useState } from "react";
+
+export const useCopyToClipboard = (timeout = 2000) => {
+  const [isCopied, setIsCopied] = useState(false);
+
+  const copyToClipboard = useCallback(
+    (text: string) => {
+      void navigator.clipboard.writeText(text);
+      setIsCopied(true);
+
+      setTimeout(() => setIsCopied(false), timeout);
+    },
+    [timeout],
+  );
+
+  return [isCopied, copyToClipboard] as const;
+};

package/src/lib/util/useScrollToAnchor.ts

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef } from "react";
 import { useLocation } from "react-router";
 import { useViewportAnchor } from "../components/context/ViewportAnchorContext.js";
-import { DATA_ANCHOR_ATTR } from "../components/navigation/SidebarItem.js";
+import { DATA_ANCHOR_ATTR } from "../components/navigation/NavigationItem.js";
 import { scrollIntoViewIfNeeded } from "./scrollIntoViewIfNeeded.js";
 
 export const useScrollToHash = () => {
@@ -11,8 +11,8 @@ export const useScrollToHash = () => {
     (hash: string) => {
       const cleanHash = hash.replace(/^#/, "");
 
-      // Operation list items might have subdivisions that the sidebar doesn't show.
-      // The subdivisions are separated by a slash so we need to remove everything before the slash to get the sidebar correct item.
+      // Operation list items might have subdivisions that the navigation doesn't show.
+      // The subdivisions are separated by a slash so we need to remove everything before the slash to get the navigation correct item.
       const linkHash = cleanHash.split("/").at(0)!;
       const element = document.getElementById(decodeURIComponent(cleanHash));
 

package/dist/config/validators/InputSidebarSchema.d.ts

@@ -1,220 +0,0 @@
-import { z } from "zod";
-import { type IconNames } from "./icon-types.js";
-export declare const BaseInputSidebarItemCategoryLinkDocSchema: z.ZodObject<{
-    type: z.ZodLiteral<"doc">;
-    id: z.ZodString;
-    label: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    type: "doc";
-    id: string;
-    label?: string | undefined;
-}, {
-    type: "doc";
-    id: string;
-    label?: string | undefined;
-}>;
-export type BaseInputSidebarItemCategoryLinkDoc = z.infer<typeof BaseInputSidebarItemCategoryLinkDocSchema>;
-export declare const InputSidebarItemCategoryLinkDocSchema: z.ZodUnion<[z.ZodObject<{
-    type: z.ZodLiteral<"doc">;
-    id: z.ZodString;
-    label: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    type: "doc";
-    id: string;
-    label?: string | undefined;
-}, {
-    type: "doc";
-    id: string;
-    label?: string | undefined;
-}>, z.ZodString]>;
-export declare const BaseInputSidebarItemDocSchema: z.ZodObject<{
-    type: z.ZodLiteral<"doc">;
-    id: z.ZodString;
-    icon: z.ZodOptional<z.ZodType<IconNames, z.ZodTypeDef, IconNames>>;
-    label: z.ZodOptional<z.ZodString>;
-    badge: z.ZodOptional<z.ZodObject<{
-        label: z.ZodString;
-        color: z.ZodEnum<["green", "blue", "yellow", "red", "purple", "indigo", "gray", "outline"]>;
-        placement: z.ZodOptional<z.ZodEnum<["start", "end"]>>;
-        invert: z.ZodOptional<z.ZodBoolean>;
-    }, "strip", z.ZodTypeAny, {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    }, {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    type: "doc";
-    id: string;
-    badge?: {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    } | undefined;
-    label?: string | undefined;
-    icon?: IconNames | undefined;
-}, {
-    type: "doc";
-    id: string;
-    badge?: {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    } | undefined;
-    label?: string | undefined;
-    icon?: IconNames | undefined;
-}>;
-export type BaseInputSidebarItemDoc = z.infer<typeof BaseInputSidebarItemDocSchema>;
-export declare const InputSidebarItemDocSchema: z.ZodUnion<[z.ZodObject<{
-    type: z.ZodLiteral<"doc">;
-    id: z.ZodString;
-    icon: z.ZodOptional<z.ZodType<IconNames, z.ZodTypeDef, IconNames>>;
-    label: z.ZodOptional<z.ZodString>;
-    badge: z.ZodOptional<z.ZodObject<{
-        label: z.ZodString;
-        color: z.ZodEnum<["green", "blue", "yellow", "red", "purple", "indigo", "gray", "outline"]>;
-        placement: z.ZodOptional<z.ZodEnum<["start", "end"]>>;
-        invert: z.ZodOptional<z.ZodBoolean>;
-    }, "strip", z.ZodTypeAny, {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    }, {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    type: "doc";
-    id: string;
-    badge?: {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    } | undefined;
-    label?: string | undefined;
-    icon?: IconNames | undefined;
-}, {
-    type: "doc";
-    id: string;
-    badge?: {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    } | undefined;
-    label?: string | undefined;
-    icon?: IconNames | undefined;
-}>, z.ZodString]>;
-export declare const InputSidebarItemLinkSchema: z.ZodObject<{
-    type: z.ZodLiteral<"link">;
-    icon: z.ZodOptional<z.ZodType<IconNames, z.ZodTypeDef, IconNames>>;
-    label: z.ZodString;
-    href: z.ZodString;
-    description: z.ZodOptional<z.ZodString>;
-    badge: z.ZodOptional<z.ZodObject<{
-        label: z.ZodString;
-        color: z.ZodEnum<["green", "blue", "yellow", "red", "purple", "indigo", "gray", "outline"]>;
-        placement: z.ZodOptional<z.ZodEnum<["start", "end"]>>;
-        invert: z.ZodOptional<z.ZodBoolean>;
-    }, "strip", z.ZodTypeAny, {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    }, {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    type: "link";
-    label: string;
-    href: string;
-    description?: string | undefined;
-    badge?: {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    } | undefined;
-    icon?: IconNames | undefined;
-}, {
-    type: "link";
-    label: string;
-    href: string;
-    description?: string | undefined;
-    badge?: {
-        label: string;
-        color: "green" | "blue" | "yellow" | "red" | "purple" | "indigo" | "gray" | "outline";
-        placement?: "start" | "end" | undefined;
-        invert?: boolean | undefined;
-    } | undefined;
-    icon?: IconNames | undefined;
-}>;
-export type InputSidebarItemLink = z.infer<typeof InputSidebarItemLinkSchema>;
-export declare const BaseInputSidebarItemCategorySchema: z.ZodObject<{
-    type: z.ZodLiteral<"category">;
-    icon: z.ZodOptional<z.ZodType<IconNames, z.ZodTypeDef, IconNames>>;
-    label: z.ZodString;
-    description: z.ZodOptional<z.ZodString>;
-    collapsible: z.ZodOptional<z.ZodBoolean>;
-    collapsed: z.ZodOptional<z.ZodBoolean>;
-    link: z.ZodOptional<z.ZodUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"doc">;
-        id: z.ZodString;
-        label: z.ZodOptional<z.ZodString>;
-    }, "strip", z.ZodTypeAny, {
-        type: "doc";
-        id: string;
-        label?: string | undefined;
-    }, {
-        type: "doc";
-        id: string;
-        label?: string | undefined;
-    }>, z.ZodString]>>;
-}, "strip", z.ZodTypeAny, {
-    type: "category";
-    label: string;
-    link?: string | {
-        type: "doc";
-        id: string;
-        label?: string | undefined;
-    } | undefined;
-    description?: string | undefined;
-    icon?: IconNames | undefined;
-    collapsible?: boolean | undefined;
-    collapsed?: boolean | undefined;
-}, {
-    type: "category";
-    label: string;
-    link?: string | {
-        type: "doc";
-        id: string;
-        label?: string | undefined;
-    } | undefined;
-    description?: string | undefined;
-    icon?: IconNames | undefined;
-    collapsible?: boolean | undefined;
-    collapsed?: boolean | undefined;
-}>;
-export type InputSidebarItem = z.infer<typeof InputSidebarItemDocSchema> | z.infer<typeof InputSidebarItemLinkSchema> | z.infer<typeof InputSidebarItemCategorySchema>;
-export declare const InputSidebarItemSchema: z.ZodType<InputSidebarItem>;
-export type InputSidebarItemCategory = z.infer<typeof BaseInputSidebarItemCategorySchema> & {
-    items: InputSidebarItem[];
-};
-export declare const InputSidebarItemCategorySchema: z.ZodType<InputSidebarItemCategory>;
-export declare const InputSidebarSchema: z.ZodArray<z.ZodType<InputSidebarItem, z.ZodTypeDef, InputSidebarItem>, "many">;
-export type SidebarEntry = z.infer<typeof InputSidebarSchema>;
-export type SidebarConfig = Record<string, SidebarEntry>;

package/dist/config/validators/InputSidebarSchema.js

@@ -1,63 +0,0 @@
-import { z } from "zod";
-const BadgeSchema = z.object({
-    label: z.string(),
-    color: z.enum([
-        "green",
-        "blue",
-        "yellow",
-        "red",
-        "purple",
-        "indigo",
-        "gray",
-        "outline",
-    ]),
-    placement: z.enum(["start", "end"]).optional(),
-    invert: z.boolean().optional(),
-});
-export const BaseInputSidebarItemCategoryLinkDocSchema = z.object({
-    type: z.literal("doc"),
-    id: z.string(),
-    label: z.string().optional(),
-});
-export const InputSidebarItemCategoryLinkDocSchema = z.union([
-    BaseInputSidebarItemCategoryLinkDocSchema,
-    z.string(),
-]);
-export const BaseInputSidebarItemDocSchema = z.object({
-    type: z.literal("doc"),
-    id: z.string(),
-    icon: z.custom().optional(),
-    label: z.string().optional(),
-    badge: BadgeSchema.optional(),
-});
-export const InputSidebarItemDocSchema = z.union([
-    BaseInputSidebarItemDocSchema,
-    z.string(),
-]);
-export const InputSidebarItemLinkSchema = z.object({
-    type: z.literal("link"),
-    icon: z.custom().optional(),
-    label: z.string(),
-    href: z.string(),
-    description: z.string().optional(),
-    badge: BadgeSchema.optional(),
-});
-export const BaseInputSidebarItemCategorySchema = z.object({
-    type: z.literal("category"),
-    icon: z.custom().optional(),
-    label: z.string(),
-    description: z.string().optional(),
-    collapsible: z.boolean().optional(),
-    collapsed: z.boolean().optional(),
-    link: InputSidebarItemCategoryLinkDocSchema.optional(),
-});
-export const InputSidebarItemSchema = z.lazy(() => z.union([
-    InputSidebarItemDocSchema,
-    InputSidebarItemLinkSchema,
-    InputSidebarItemCategorySchema,
-]));
-export const InputSidebarItemCategorySchema = BaseInputSidebarItemCategorySchema.extend({
-    items: InputSidebarItemSchema.array(),
-});
-export const InputSidebarSchema = InputSidebarItemSchema.array();
-//# sourceMappingURL=InputSidebarSchema.js.map

package/dist/config/validators/InputSidebarSchema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputSidebarSchema.js","sourceRoot":"","sources":["../../../src/config/validators/InputSidebarSchema.ts"],"names":[],"mappings":"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"}

package/dist/config/validators/SidebarSchema.d.ts

@@ -1,46 +0,0 @@
-import { type LucideIcon } from "lucide-react";
-import type { BaseInputSidebarItemCategoryLinkDoc, BaseInputSidebarItemDoc, InputSidebarItem, InputSidebarItemCategory, InputSidebarItemLink } from "./InputSidebarSchema.js";
-import type { ZudokuConfig } from "./validate.js";
-export type SidebarItemDoc = Omit<BaseInputSidebarItemDoc, "icon"> & {
-    label: string;
-    categoryLabel?: string;
-    icon?: LucideIcon | string;
-};
-export type SidebarItemLink = Omit<InputSidebarItemLink, "icon"> & {
-    icon?: LucideIcon | string;
-};
-export type SidebarItemCategoryLinkDoc = BaseInputSidebarItemCategoryLinkDoc & {
-    label: string;
-    icon?: LucideIcon | string;
-};
-export type SidebarItemCategory = Omit<InputSidebarItemCategory, "items" | "link" | "icon"> & {
-    items: SidebarItem[];
-    link?: SidebarItemCategoryLinkDoc;
-    icon?: LucideIcon | string;
-};
-export type SidebarItem = SidebarItemDoc | SidebarItemLink | SidebarItemCategory;
-export declare class SidebarManager {
-    sidebars: SidebarClass[];
-    private switchQueue;
-    constructor(rootDir: string, sidebarConfig: ZudokuConfig["sidebar"]);
-    resolveSidebars(): Promise<{
-        [k: string]: SidebarItem[];
-    }>;
-    switchSidebar(from: string, to: string, item: SidebarItem): void;
-}
-export declare class SidebarClass {
-    private manager;
-    rootDir: string;
-    parent: string;
-    private items;
-    resolvedItems: SidebarItem[];
-    constructor(manager: SidebarManager, rootDir: string, parent: string, items: InputSidebarItem[]);
-    resolve(): Promise<void>;
-    private resolveDoc;
-    private resolveLink;
-    private resolveItemCategoryLinkDoc;
-    private resolveSidebarItemDoc;
-    private resolveItem;
-}
-export type Sidebar = SidebarItem[];
-export type SidebarConfig = Record<string, Sidebar>;

package/dist/config/validators/SidebarSchema.js

@@ -1,118 +0,0 @@
-import { glob } from "glob";
-import matter from "gray-matter";
-import fs from "node:fs/promises";
-const extractTitleFromContent = (content) => content.match(/^\s*#\s(.*)$/m)?.at(1);
-const isSidebarItem = (item) => item !== undefined;
-export class SidebarManager {
-    sidebars;
-    switchQueue = [];
-    constructor(rootDir, sidebarConfig) {
-        this.sidebars = Object.entries(sidebarConfig ?? {}).map(([parent, items]) => new SidebarClass(this, rootDir, parent, items));
-    }
-    async resolveSidebars() {
-        await Promise.all(this.sidebars.map((sidebar) => sidebar.resolve()));
-        // switch all collected items
-        for (const { from, to, item } of this.switchQueue) {
-            const fromSidebar = this.sidebars.find((s) => s.parent === from);
-            const toSidebar = this.sidebars.find((s) => s.parent === to);
-            if (!fromSidebar || !toSidebar) {
-                throw new Error(`Sidebar ${from} or ${to} not found`);
-            }
-            fromSidebar.resolvedItems = fromSidebar.resolvedItems.filter((resolvedItem) => resolvedItem !== item);
-            toSidebar.resolvedItems.push(item);
-        }
-        return Object.fromEntries(this.sidebars.map((sidebar) => [sidebar.parent, sidebar.resolvedItems]));
-    }
-    switchSidebar(from, to, item) {
-        this.switchQueue.push({ from, to, item });
-    }
-}
-export class SidebarClass {
-    manager;
-    rootDir;
-    parent;
-    items;
-    resolvedItems = [];
-    constructor(manager, rootDir, parent, items) {
-        this.manager = manager;
-        this.rootDir = rootDir;
-        this.parent = parent;
-        this.items = items;
-    }
-    async resolve() {
-        const resolvedSidebar = (await Promise.all(this.items.map((item) => this.resolveItem(item)))).filter(isSidebarItem);
-        this.resolvedItems = resolvedSidebar;
-    }
-    async resolveDoc(id, categoryLabel) {
-        const foundMatches = await glob(`/**/${id}.{md,mdx}`, {
-            ignore: ["**/node_modules/**", "**/.git/**", "**/dist/**"],
-            root: this.rootDir,
-        });
-        if (foundMatches.length === 0) {
-            throw new Error(`File not found for document '${id}'. Check your sidebar configuration.`);
-        }
-        const file = await fs.readFile(foundMatches.at(0));
-        const { data, content } = matter(file);
-        const label = data.sidebar_label ??
-            data.title ??
-            extractTitleFromContent(content) ??
-            id;
-        const icon = data.sidebar_icon;
-        const doc = {
-            type: "doc",
-            id,
-            label,
-            icon,
-            categoryLabel,
-        };
-        if (data.sidebar && data.sidebar !== this.parent) {
-            this.manager.switchSidebar(this.parent, data.sidebar, doc);
-            return undefined;
-        }
-        return doc;
-    }
-    async resolveLink(id) {
-        const doc = await this.resolveDoc(id);
-        return doc
-            ? { type: "doc", id: id, label: doc.label, icon: doc.icon }
-            : undefined;
-    }
-    async resolveItemCategoryLinkDoc(item) {
-        if (typeof item === "string") {
-            return this.resolveLink(item);
-        }
-        const doc = await this.resolveDoc(item.id);
-        return doc ? { ...item, label: doc.label, icon: doc.icon } : undefined;
-    }
-    async resolveSidebarItemDoc(item, categoryLabel) {
-        if (typeof item === "string") {
-            return this.resolveDoc(item, categoryLabel);
-        }
-        const doc = await this.resolveDoc(item.id, categoryLabel);
-        return doc ? { ...doc, ...item } : undefined;
-    }
-    async resolveItem(item, categoryLabel) {
-        if (typeof item === "string") {
-            return this.resolveDoc(item, categoryLabel);
-        }
-        switch (item.type) {
-            case "doc":
-                return this.resolveSidebarItemDoc(item, categoryLabel);
-            case "link":
-                return item;
-            case "category": {
-                const categoryItem = item;
-                const items = (await Promise.all(categoryItem.items.map((subItem) => this.resolveItem(subItem, categoryItem.label)))).filter((item) => item !== undefined);
-                const resolvedLink = categoryItem.link
-                    ? await this.resolveItemCategoryLinkDoc(categoryItem.link)
-                    : undefined;
-                return {
-                    ...categoryItem,
-                    items,
-                    link: resolvedLink,
-                };
-            }
-        }
-    }
-}
-//# sourceMappingURL=SidebarSchema.js.map