zudoku 0.1.1-dev.9 → 0.3.0-dev.100

package/dist/lib/components/context/ZudokuProvider.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { useNavigate } from "react-router-dom";
+import { ZudokuReactContext } from "./ZudokuContext.js";
+export const ZudokuProvider = ({ children, context, }) => {
+    const navigate = useNavigate();
+    useSuspenseQuery({
+        queryFn: async () => {
+            await context.initialize({ navigate });
+            return true;
+        },
+        queryKey: ["zudoku-initialize"],
+    });
+    return (_jsx(ZudokuReactContext.Provider, { value: context, children: children }));
+};
+//# sourceMappingURL=ZudokuProvider.js.map

package/dist/lib/components/context/ZudokuProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZudokuProvider.js","sourceRoot":"","sources":["../../../../src/lib/components/context/ZudokuProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,OAAO,GAC0C,EAAE,EAAE;IACrD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,gBAAgB,CAAC;QACf,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,OAAO,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;YACvC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,QAAQ,EAAE,CAAC,mBAAmB,CAAC;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/index.d.ts

@@ -0,0 +1,32 @@
+import { useMDXComponents as useMDXComponentsImport } from "@mdx-js/react";
+import { Helmet } from "@zudoku/react-helmet-async";
+import { RouterError as RouterErrorImport } from "../errors/RouterError.js";
+import { ServerError as ServerErrorImport } from "../errors/ServerError.js";
+export declare const useMDXComponents: typeof useMDXComponentsImport;
+export declare const Callout: ({ type, children, title, className }: {
+    type: "note" | "tip" | "info" | "caution" | "danger";
+    title?: string;
+    children: import("react").ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DevPortal: {
+    (props: import("../core/DevPortalContext.js").ZudokuContextOptions): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const Layout: ({ children }: {
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const RouterError: typeof RouterErrorImport;
+export declare const ServerError: typeof ServerErrorImport;
+export declare const Bootstrap: ({ router, hydrate, }: {
+    hydrate?: boolean;
+    router: ReturnType<typeof import("react-router-dom").createBrowserRouter>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BootstrapStatic: ({ router, context, helmetContext, }: {
+    helmetContext: HelmetData;
+    context: import("react-router-dom/server.js").StaticHandlerContext;
+    router: ReturnType<typeof import("react-router-dom/server.js").createStaticRouter>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: import("react").ForwardRefExoticComponent<import("../ui/Button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Head: typeof Helmet;

package/dist/lib/components/index.js

@@ -0,0 +1,22 @@
+import { useMDXComponents as useMDXComponentsImport } from "@mdx-js/react";
+import { Helmet } from "@zudoku/react-helmet-async";
+import { Link as LinkImport } from "react-router-dom";
+import { RouterError as RouterErrorImport } from "../errors/RouterError.js";
+import { ServerError as ServerErrorImport } from "../errors/ServerError.js";
+import { Button as ButtonImport } from "../ui/Button.js";
+import { Callout as CalloutImport } from "../ui/Callout.js";
+import { Bootstrap as BootstrapImport, BootstrapStatic as BootstrapStaticImport, } from "./Bootstrap.js";
+import { DevPortal as DevPortalImport } from "./DevPortal.js";
+import { Layout as LayoutImport } from "./Layout.js";
+export const useMDXComponents = /*@__PURE__*/ useMDXComponentsImport;
+export const Callout = /*@__PURE__*/ CalloutImport;
+export const DevPortal = /*@__PURE__*/ DevPortalImport;
+export const Layout = /*@__PURE__*/ LayoutImport;
+export const Link = /*@__PURE__*/ LinkImport;
+export const RouterError = /*@__PURE__*/ RouterErrorImport;
+export const ServerError = /*@__PURE__*/ ServerErrorImport;
+export const Bootstrap = /*@__PURE__*/ BootstrapImport;
+export const BootstrapStatic = /*@__PURE__*/ BootstrapStaticImport;
+export const Button = /*@__PURE__*/ ButtonImport;
+export const Head = /*@__PURE__*/ Helmet;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EACL,SAAS,IAAI,eAAe,EAC5B,eAAe,IAAI,qBAAqB,GACzC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC,sBAAsB,CAAC;AACrE,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CAAC;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC;AACvD,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,YAAY,CAAC;AACjD,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC;AAC7C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,iBAAiB,CAAC;AAC3D,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,iBAAiB,CAAC;AAC3D,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC;AACvD,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC,qBAAqB,CAAC;AACnE,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,YAAY,CAAC;AACjD,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,MAAM,CAAC"}

package/dist/lib/components/navigation/Sidebar.d.ts

@@ -0,0 +1 @@
+export declare const Sidebar: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/navigation/Sidebar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useNavigation } from "../context/ZudokuContext.js";
+import { Slotlet } from "../SlotletProvider.js";
+import { SidebarItem } from "./SidebarItem.js";
+import { SidebarWrapper } from "./SidebarWrapper.js";
+export const Sidebar = () => {
+    const navRef = useRef(null);
+    const navigation = useNavigation();
+    return (_jsxs(SidebarWrapper, { ref: navRef, pushMainContent: navigation.data.items.length > 0, children: [_jsx(Slotlet, { name: "zudoku-before-navigation" }), navigation.data.items.map((item) => (_jsx(SidebarItem, { item: item }, item.label))), _jsx(Slotlet, { name: "zudoku-after-navigation" })] }));
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/lib/components/navigation/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,CACL,MAAC,cAAc,IACb,GAAG,EAAE,MAAM,EACX,eAAe,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,aAEjD,KAAC,OAAO,IAAC,IAAI,EAAC,0BAA0B,GAAG,EAC1C,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnC,KAAC,WAAW,IAAkB,IAAI,EAAE,IAAI,IAAtB,IAAI,CAAC,KAAK,CAAgB,CAC7C,CAAC,EACF,KAAC,OAAO,IAAC,IAAI,EAAC,yBAAyB,GAAG,IAC3B,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/navigation/SidebarBadge.d.ts

@@ -0,0 +1,23 @@
+export declare const TextColorMap: {
+    green: string;
+    blue: string;
+    yellow: string;
+    red: string;
+    purple: string;
+    indigo: string;
+    gray: string;
+};
+export declare const ColorMap: {
+    green: string;
+    blue: string;
+    yellow: string;
+    red: string;
+    purple: string;
+    indigo: string;
+    gray: string;
+};
+export declare const SidebarBadge: ({ color, label, className, }: {
+    color: keyof typeof ColorMap;
+    label: string;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/navigation/SidebarBadge.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../util/cn.js";
+export const TextColorMap = {
+    green: "text-green-600",
+    blue: "text-sky-600",
+    yellow: "text-yellow-600",
+    red: "text-red-600",
+    purple: "text-purple-600",
+    indigo: "text-indigo-600",
+    gray: "text-gray-600",
+};
+export const ColorMap = {
+    green: "bg-green-400 dark:bg-green-800",
+    blue: "bg-sky-400 dark:bg-sky-800",
+    yellow: "bg-yellow-400 dark:bg-yellow-800",
+    red: "bg-red-400 dark:bg-red-800",
+    purple: "bg-purple-400 dark:bg-purple-600",
+    indigo: "bg-indigo-400 dark:bg-indigo-600",
+    gray: "bg-gray-400 dark:bg-gray-600",
+};
+export const SidebarBadge = ({ color, label, className, }) => {
+    return (_jsx("span", { className: cn("mt-0.5 flex items-center duration-200 transition-opacity text-center uppercase font-mono text-[0.65rem] font-bold rounded text-background dark:text-zinc-50 h-4 px-1", ColorMap[color], className), children: label }));
+};
+//# sourceMappingURL=SidebarBadge.js.map

package/dist/lib/components/navigation/SidebarBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarBadge.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/SidebarBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,iBAAiB;IACzB,GAAG,EAAE,cAAc;IACnB,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,eAAe;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gCAAgC;IACvC,IAAI,EAAE,4BAA4B;IAClC,MAAM,EAAE,kCAAkC;IAC1C,GAAG,EAAE,4BAA4B;IACjC,MAAM,EAAE,kCAAkC;IAC1C,MAAM,EAAE,kCAAkC;IAC1C,IAAI,EAAE,8BAA8B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,SAAS,GAKV,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sKAAsK,EACtK,QAAQ,CAAC,KAAK,CAAC,EACf,SAAS,CACV,YAEA,KAAK,GACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/navigation/SidebarCategory.d.ts

@@ -0,0 +1,5 @@
+import type { SidebarItemCategory } from "../../../config/validators/SidebarSchema.js";
+export declare const SidebarCategory: ({ category, level, }: {
+    category: SidebarItemCategory;
+    level: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/navigation/SidebarCategory.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { ChevronRightIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import { NavLink } from "react-router-dom";
+import { cn } from "../../util/cn.js";
+import { joinPath } from "../../util/joinPath.js";
+import { useTopNavigationItem } from "../context/ZudokuContext.js";
+import { navigationListItem, SidebarItem } from "./SidebarItem.js";
+import { useIsCategoryOpen } from "./utils.js";
+export const SidebarCategory = ({ category, level, }) => {
+    const topNavItem = useTopNavigationItem();
+    const isCategoryOpen = useIsCategoryOpen(category);
+    const isCollapsible = category.collapsible ?? true;
+    const isCollapsed = category.collapsed ?? true;
+    const isDefaultOpen = Boolean(!isCollapsible || !isCollapsed || isCategoryOpen);
+    const [open, setOpen] = useState(isDefaultOpen);
+    useEffect(() => {
+        // this is triggered when an item from the sidebar is clicked
+        // and the sidebar, enclosing this item, is not opened
+        if (isCategoryOpen) {
+            setOpen(true);
+        }
+    }, [isCategoryOpen]);
+    const ToggleButton = isCollapsible && (_jsx("button", { type: "button", onClick: (e) => {
+            e.preventDefault();
+            setOpen((prev) => !prev);
+        }, children: _jsx(ChevronRightIcon, { size: 16, className: "transition shrink-0 group-data-[state=open]:rotate-90" }) }));
+    return (_jsxs(Collapsible.Root, { className: cn("flex flex-col", level === 0 && "-mx-[--padding-nav-item]"), defaultOpen: isDefaultOpen, open: open, onOpenChange: () => setOpen(true), children: [_jsx(Collapsible.Trigger, { className: cn("group text-start", navigationListItem({ isActive: false, isTopLevel: level === 0 }), isCollapsible
+                    ? "cursor-pointer"
+                    : "cursor-default hover:bg-transparent"), asChild: true, disabled: !isCollapsible, children: category.link?.type === "doc" ? (_jsx(NavLink, { to: joinPath(topNavItem?.id, category.link.id), children: ({ isActive }) => (_jsxs("div", { className: cn("flex items-center gap-2 justify-between w-full", isActive ? "text-primary font-medium" : "text-foreground/80"), children: [_jsx("div", { className: "truncate", children: category.label }), ToggleButton] })) })) : (_jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("div", { className: "flex gap-2 truncate w-full", children: category.label }), ToggleButton] })) }), _jsx(Collapsible.Content, { className: "CollapsibleContent ms-[calc(var(--padding-nav-item)*1.125)]", children: _jsx("ul", { className: "mt-1 border-l ps-2", children: category.items.map((item) => (_jsx(SidebarItem, { level: level + 1, item: item }, item.label))) }) })] }));
+};
+//# sourceMappingURL=SidebarCategory.js.map

package/dist/lib/components/navigation/SidebarCategory.js.map

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

package/dist/lib/components/navigation/SidebarItem.d.ts

@@ -0,0 +1,12 @@
+import type { SidebarItem as SidebarItemType } from "../../../config/validators/SidebarSchema.js";
+export declare const navigationListItem: (props?: ({
+    isTopLevel?: boolean | null | undefined;
+    isActive?: boolean | null | undefined;
+    isMuted?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const DATA_ANCHOR_ATTR = "data-anchor";
+export declare const SidebarItem: ({ item, level, }: {
+    item: SidebarItemType;
+    basePath?: string;
+    level?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/navigation/SidebarItem.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ExternalLinkIcon } from "lucide-react";
+import { NavLink } from "react-router-dom";
+import { cn } from "../../util/cn.js";
+import { joinPath } from "../../util/joinPath.js";
+import { AnchorLink } from "../AnchorLink.js";
+import { useViewportAnchor } from "../context/ViewportAnchorContext.js";
+import { useTopNavigationItem } from "../context/ZudokuContext.js";
+import { SidebarBadge } from "./SidebarBadge.js";
+import { SidebarCategory } from "./SidebarCategory.js";
+export const navigationListItem = cva("flex px-[--padding-nav-item] py-1.5 rounded-lg hover:bg-accent transition-colors duration-300", {
+    variants: {
+        isTopLevel: {
+            true: "font-semibold",
+        },
+        isActive: {
+            true: "text-primary font-medium",
+            false: "text-foreground/80",
+        },
+        isMuted: {
+            true: "text-foreground/30",
+            false: "",
+        },
+    },
+});
+export const DATA_ANCHOR_ATTR = "data-anchor";
+export const SidebarItem = ({ item, level = 0, }) => {
+    const topNavItem = useTopNavigationItem();
+    const { activeAnchor } = useViewportAnchor();
+    switch (item.type) {
+        case "category":
+            return _jsx(SidebarCategory, { category: item, level: level });
+        case "doc":
+            return (_jsx(NavLink, { className: ({ isActive }) => navigationListItem({ isActive, isTopLevel: level === 0 }), to: joinPath(topNavItem?.id, item.id), children: item.badge ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate", title: item.label, children: item.label }), _jsx(SidebarBadge, { ...item.badge })] })) : (item.label) }));
+        case "link":
+            return item.href.startsWith("#") ? (_jsx(AnchorLink, { to: item.href, [DATA_ANCHOR_ATTR]: item.href.slice(1), className: cn("flex gap-2.5 justify-between", level === 0 && "-mx-[--padding-nav-item]", navigationListItem({
+                    isActive: item.href.slice(1) === activeAnchor,
+                })), children: item.badge ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate", title: item.label, children: item.label }), _jsx(SidebarBadge, { ...item.badge })] })) : (_jsx("span", { className: "break-all", children: item.label })) })) : !item.href.startsWith("http") ? (_jsx(NavLink, { className: cn("flex gap-2.5 justify-between", navigationListItem()), to: item.href, children: item.badge ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate", title: item.label, children: item.label }), _jsx(SidebarBadge, { ...item.badge })] })) : (_jsx("span", { className: "break-all", children: item.label })) })) : (_jsxs("a", { className: cn(navigationListItem({ isTopLevel: level === 0 }), "block"), href: item.href, target: "_blank", rel: "noopener noreferrer", children: [_jsx("span", { className: "whitespace-normal", children: item.label }), _jsxs("span", { className: "whitespace-nowrap", children: ["\u00A0", _jsx(ExternalLinkIcon, { className: "inline ml-1", size: 12 })] })] }));
+    }
+};
+//# sourceMappingURL=SidebarItem.js.map

package/dist/lib/components/navigation/SidebarItem.js.map

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

package/dist/lib/components/navigation/SidebarWrapper.d.ts

@@ -0,0 +1,6 @@
+export declare const SidebarWrapper: import("react").ForwardRefExoticComponent<{
+    pushMainContent?: boolean;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/navigation/SidebarWrapper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../util/cn.js";
+export const SidebarWrapper = forwardRef(function SideNavigation({ children, className, pushMainContent }, ref) {
+    return (_jsx("nav", { "data-navigation": String(pushMainContent), className: cn("peer hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0 p-[--padding-nav-item] -mx-[--padding-nav-item] pb-20 pt-[--padding-content-top] w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2", className), ref: ref, children: children }));
+});
+//# sourceMappingURL=SidebarWrapper.js.map

package/dist/lib/components/navigation/SidebarWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarWrapper.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/SidebarWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,GAAG;IACrE,OAAO,CACL,iCAKmB,MAAM,CAAC,eAAe,CAAC,EACxC,SAAS,EAAE,EAAE,CACX,iOAAiO,EACjO,SAAS,CACV,EACD,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/lib/components/navigation/utils.d.ts

@@ -0,0 +1,16 @@
+import type { SidebarItem, SidebarItemCategory } from "../../../config/validators/SidebarSchema.js";
+export type TraverseCallback<T> = (item: SidebarItem, parentCategories: SidebarItem[]) => T | void;
+export declare const traverseSidebar: <T>(sidebar: SidebarItem[], callback: TraverseCallback<T>) => T | undefined;
+export declare const traverseSidebarItem: <T>(item: SidebarItem, callback: TraverseCallback<T>, parentCategories?: SidebarItem[]) => T | undefined;
+export declare const useCurrentItem: () => import("../../../config/validators/SidebarSchema.js").SidebarItemDoc | undefined;
+export declare const useIsCategoryOpen: (category: SidebarItemCategory) => true | undefined;
+export declare const usePrevNext: () => {
+    prev?: {
+        label: string;
+        id: string;
+    };
+    next?: {
+        label: string;
+        id: string;
+    };
+};

package/dist/lib/components/navigation/utils.js

@@ -0,0 +1,85 @@
+import { useLocation } from "react-router-dom";
+import { joinPath } from "../../util/joinPath.js";
+import { useTopNavigationItem, useZudoku } from "../context/ZudokuContext.js";
+export const traverseSidebar = (sidebar, callback) => {
+    for (const item of sidebar) {
+        const result = traverseSidebarItem(item, callback);
+        if (result !== undefined)
+            return result;
+    }
+};
+export const traverseSidebarItem = (item, callback, parentCategories = []) => {
+    const result = callback(item, parentCategories);
+    if (result !== undefined)
+        return result;
+    if (item.type === "category") {
+        for (const child of item.items) {
+            const childResult = traverseSidebarItem(child, callback, [
+                ...parentCategories,
+                item,
+            ]);
+            if (childResult !== undefined)
+                return childResult;
+        }
+    }
+};
+export const useCurrentItem = () => {
+    const location = useLocation();
+    const topNavItem = useTopNavigationItem();
+    const { sidebars } = useZudoku();
+    const currentSidebar = topNavItem?.id ? sidebars[topNavItem.id] : [];
+    return traverseSidebar(currentSidebar, (item) => {
+        if (item.type === "doc" &&
+            joinPath(topNavItem?.id, item.id) === location.pathname) {
+            return item;
+        }
+    });
+};
+export const useIsCategoryOpen = (category) => {
+    const location = useLocation();
+    const topNavItem = useTopNavigationItem();
+    return traverseSidebarItem(category, (item) => {
+        if (item.type === "category" && item.link) {
+            const categoryLinkPath = joinPath(topNavItem?.id, item.link.id);
+            if (categoryLinkPath === location.pathname) {
+                return true;
+            }
+        }
+        if (item.type === "doc") {
+            const docPath = joinPath(topNavItem?.id, item.id);
+            if (docPath === location.pathname) {
+                return true;
+            }
+        }
+    });
+};
+export const usePrevNext = () => {
+    const currentId = useLocation().pathname;
+    const { sidebars } = useZudoku();
+    const topNavItem = useTopNavigationItem();
+    const currentSidebar = topNavItem?.id ? sidebars[topNavItem.id] : [];
+    let prev;
+    let next;
+    let foundCurrent = false;
+    traverseSidebar(currentSidebar, (item) => {
+        const itemId = item.type === "doc"
+            ? joinPath(topNavItem?.id, item.id)
+            : item.type === "category" && item.link
+                ? joinPath(topNavItem?.id, item.link.id)
+                : undefined;
+        if (!itemId)
+            return;
+        if (foundCurrent) {
+            next = { label: item.label, id: itemId };
+            return true;
+        }
+        if (currentId === itemId) {
+            foundCurrent = true;
+        }
+        else {
+            prev = { label: item.label, id: itemId };
+        }
+    });
+    return { prev, next };
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/components/navigation/utils.js.map

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

package/dist/lib/core/DevPortalContext.d.ts

@@ -0,0 +1,74 @@
+import { QueryClient } from "@tanstack/react-query";
+import { NavigateFunction } from "react-router-dom";
+import type { SidebarConfig } from "../../config/validators/SidebarSchema.js";
+import { type AuthenticationProvider } from "../authentication/authentication.js";
+import type { ComponentsContextType } from "../components/context/ComponentsContext.js";
+import { Slotlets } from "../components/SlotletProvider.js";
+import type { MdxComponentsType } from "../util/MdxComponents.js";
+import { type DevPortalPlugin } from "./plugins.js";
+export interface ApiIdentity {
+    authorizeRequest: (request: Request) => Request;
+    label: string;
+    id: string;
+}
+export declare const queryClient: QueryClient;
+export type ApiKeyCache = "api-keys";
+export type DevPortalCacheKey = ApiKeyCache | string;
+type Metadata = Partial<{
+    title: string;
+    description: string;
+    logo: string;
+    favicon: string;
+    generator: string;
+    applicationName: string;
+    referrer: string;
+    keywords: string[];
+    authors: string[];
+    creator: string;
+    publisher: string;
+}>;
+type Page = Partial<{
+    pageTitle?: string;
+    logo?: {
+        src: {
+            light: string;
+            dark: string;
+        };
+        width?: string;
+        alt?: string;
+    };
+}>;
+export type ZudokuContextOptions = {
+    metadata?: Metadata;
+    page?: Page;
+    authentication?: AuthenticationProvider;
+    topNavigation?: Array<{
+        id: string;
+        label: string;
+    }>;
+    sidebars?: SidebarConfig;
+    plugins?: DevPortalPlugin[];
+    slotlets?: Slotlets;
+    mdx?: {
+        components?: MdxComponentsType;
+    };
+    overrides?: ComponentsContextType;
+};
+export declare class DevPortalContext {
+    plugins: NonNullable<ZudokuContextOptions["plugins"]>;
+    sidebars: NonNullable<ZudokuContextOptions["sidebars"]>;
+    topNavigation: NonNullable<ZudokuContextOptions["topNavigation"]>;
+    meta: ZudokuContextOptions["metadata"];
+    page: ZudokuContextOptions["page"];
+    authentication?: ZudokuContextOptions["authentication"];
+    private navigationPlugins;
+    constructor(config: ZudokuContextOptions);
+    initialize: ({ navigate, }: {
+        navigate: NavigateFunction;
+    }) => Promise<void>;
+    invalidateCache: (key: DevPortalCacheKey[]) => Promise<void>;
+    getApiIdentities: () => Promise<ApiIdentity[]>;
+    getPluginSidebar: (path: string) => Promise<import("../../config/validators/SidebarSchema.js").SidebarItem[]>;
+    signRequest: (request: Request) => Promise<Request>;
+}
+export {};

package/dist/lib/core/DevPortalContext.js

@@ -0,0 +1,49 @@
+import { QueryClient } from "@tanstack/react-query";
+import { joinPath } from "../util/joinPath.js";
+import { isApiIdentityPlugin, isNavigationPlugin, needsInitialization, } from "./plugins.js";
+export const queryClient = new QueryClient();
+export class DevPortalContext {
+    plugins;
+    sidebars;
+    topNavigation;
+    meta;
+    page;
+    authentication;
+    navigationPlugins;
+    constructor(config) {
+        this.plugins = config.plugins ?? [];
+        this.topNavigation = config.topNavigation ?? [];
+        this.sidebars = config.sidebars ?? {};
+        this.navigationPlugins = this.plugins.filter(isNavigationPlugin);
+        this.authentication = config.authentication;
+        this.meta = config.metadata;
+        this.page = config.page;
+    }
+    initialize = async ({ navigate, }) => {
+        await Promise.all(this.plugins
+            .filter(needsInitialization)
+            .map((plugin) => plugin.initialize?.(this, { navigate })));
+    };
+    invalidateCache = async (key) => {
+        await queryClient.invalidateQueries({ queryKey: key });
+    };
+    getApiIdentities = async () => {
+        const keys = await Promise.all(this.plugins
+            .filter(isApiIdentityPlugin)
+            .map((plugin) => plugin.getIdentities(this)));
+        return keys.flat();
+    };
+    getPluginSidebar = async (path) => {
+        const navigations = await Promise.all(this.navigationPlugins.map((plugin) => plugin.getSidebar?.(joinPath(path))));
+        return navigations.flatMap((nav) => nav ?? []);
+    };
+    signRequest = async (request) => {
+        if (!this.authentication) {
+            throw new Error("No authentication provider configured");
+        }
+        const accessToken = await this.authentication.getAccessToken();
+        request.headers.set("Authorization", `Bearer ${accessToken}`);
+        return request;
+    };
+}
+//# sourceMappingURL=DevPortalContext.js.map

package/dist/lib/core/DevPortalContext.js.map

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

package/dist/lib/core/plugins.d.ts

@@ -0,0 +1,41 @@
+import { type ReactElement } from "react";
+import { NavigateFunction, type RouteObject } from "react-router-dom";
+import type { Sidebar } from "../../config/validators/SidebarSchema.js";
+import { MdxComponentsType } from "../util/MdxComponents.js";
+import { DevPortalContext, type ApiIdentity } from "./DevPortalContext.js";
+export type DevPortalPlugin = CommonPlugin | ProfileMenuPlugin | NavigationPlugin | ApiIdentityPlugin | SearchProviderPlugin;
+export interface NavigationPlugin {
+    getRoutes: () => RouteObject[];
+    getSidebar?: (path: string) => Promise<Sidebar>;
+}
+export interface ApiIdentityPlugin {
+    getIdentities: (context: DevPortalContext) => Promise<ApiIdentity[]>;
+}
+export interface SearchProviderPlugin {
+    renderSearch: (o: {
+        isOpen: boolean;
+        onClose: () => void;
+    }) => React.JSX.Element | null;
+}
+export interface ProfileMenuPlugin {
+    getProfileMenuItems: (context: DevPortalContext) => ProfileNavigationItem[];
+}
+export type ProfileNavigationItem = {
+    label: string;
+    path?: string;
+    children?: ProfileNavigationItem[];
+};
+export interface CommonPlugin {
+    initialize?: (context: DevPortalContext, options: {
+        navigate: NavigateFunction;
+    }) => Promise<void | boolean> | void | boolean;
+    getHead?: () => ReactElement | undefined;
+    getMdxComponents?: () => MdxComponentsType;
+}
+export declare const isProfileMenuPlugin: (obj: DevPortalPlugin) => obj is ProfileMenuPlugin;
+export declare const isNavigationPlugin: (obj: DevPortalPlugin) => obj is NavigationPlugin;
+export declare const isSearchPlugin: (obj: DevPortalPlugin) => obj is SearchProviderPlugin;
+export declare const needsInitialization: (obj: DevPortalPlugin) => obj is CommonPlugin;
+export declare const hasHead: (obj: DevPortalPlugin) => obj is CommonPlugin;
+export declare const isMdxProviderPlugin: (obj: DevPortalPlugin) => obj is CommonPlugin;
+export declare const isApiIdentityPlugin: (obj: DevPortalPlugin) => obj is ApiIdentityPlugin;

package/dist/lib/core/plugins.js

@@ -0,0 +1,8 @@
+export const isProfileMenuPlugin = (obj) => "getProfileMenuItems" in obj && typeof obj.getProfileMenuItems === "function";
+export const isNavigationPlugin = (obj) => "getRoutes" in obj && typeof obj.getRoutes === "function";
+export const isSearchPlugin = (obj) => "renderSearch" in obj && typeof obj.renderSearch === "function";
+export const needsInitialization = (obj) => "initialize" in obj && typeof obj.initialize === "function";
+export const hasHead = (obj) => "getHead" in obj && typeof obj.getHead === "function";
+export const isMdxProviderPlugin = (obj) => "getMdxComponents" in obj && typeof obj.getMdxComponents === "function";
+export const isApiIdentityPlugin = (obj) => "getIdentities" in obj && typeof obj.getIdentities === "function";
+//# sourceMappingURL=plugins.js.map

package/dist/lib/core/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.js","sourceRoot":"","sources":["../../../src/lib/core/plugins.ts"],"names":[],"mappings":"AAgDA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAoB,EACM,EAAE,CAC5B,qBAAqB,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,mBAAmB,KAAK,UAAU,CAAC;AAEhF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,GAAoB,EACK,EAAE,CAC3B,WAAW,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,SAAS,KAAK,UAAU,CAAC;AAE5D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,GAAoB,EACS,EAAE,CAC/B,cAAc,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,YAAY,KAAK,UAAU,CAAC;AAElE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAoB,EACC,EAAE,CACvB,YAAY,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,UAAU,KAAK,UAAU,CAAC;AAE9D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAoB,EAAuB,EAAE,CACnE,SAAS,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,OAAO,KAAK,UAAU,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAoB,EACC,EAAE,CACvB,kBAAkB,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,gBAAgB,KAAK,UAAU,CAAC;AAE1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAoB,EACM,EAAE,CAC5B,eAAe,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,aAAa,KAAK,UAAU,CAAC"}

package/dist/lib/errors/ErrorAlert.d.ts

@@ -0,0 +1,3 @@
+export declare function ErrorAlert({ error }: {
+    error: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/errors/ErrorAlert.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function ErrorAlert({ error }) {
+    const message = error?.message ?? "Something went wrong";
+    const stack = error?.stack;
+    return (_jsx("div", { className: "flex h-screen max-h-screen min-h-full items-center justify-center bg-primary-background px-4 py-16 lg:px-8", children: _jsxs("div", { className: "mx-auto max-w-[85%] sm:max-w-[50%]", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight text-h1-text sm:text-5xl", children: "Something went wrong" }), _jsx("p", { className: "mt-5 text-h1-text", children: message }), stack ? (_jsx("pre", { className: "mt-5 max-h-[400px] w-full overflow-scroll rounded-md border border-input-border bg-input-background p-3 text-property-name-text text-red-700", children: stack })) : null] }) }));
+}
+//# sourceMappingURL=ErrorAlert.js.map

package/dist/lib/errors/ErrorAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAlert.js","sourceRoot":"","sources":["../../../src/lib/errors/ErrorAlert.tsx"],"names":[],"mappings":";AAAA,8DAA8D;AAC9D,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAkB;IAClD,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,IAAI,sBAAsB,CAAC;IACzD,MAAM,KAAK,GAAG,KAAK,EAAE,KAAK,CAAC;IAE3B,OAAO,CACL,cAAK,SAAS,EAAC,4GAA4G,YACzH,eAAK,SAAS,EAAC,oCAAoC,aACjD,aAAI,SAAS,EAAC,4DAA4D,qCAErE,EACL,YAAG,SAAS,EAAC,mBAAmB,YAAE,OAAO,GAAK,EAC7C,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,8IAA8I,YAC1J,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/errors/RouterError.d.ts

@@ -0,0 +1 @@
+export declare function RouterError(): import("react/jsx-runtime").JSX.Element;