zudoku 0.3.0-dev.13 → 0.3.0-dev.130

package/src/lib/ui/DropdownMenu.tsx

@@ -0,0 +1,199 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
+import * as React from "react";
+import { cn } from "../util/cn.js";
+
+const DropdownMenu = DropdownMenuPrimitive.Root;
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRightIcon className="ml-auto h-4 w-4" />
+  </DropdownMenuPrimitive.SubTrigger>
+));
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName;
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className,
+    )}
+    {...props}
+  />
+));
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName;
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className,
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  />
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className,
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <CheckIcon className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+));
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName;
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className,
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <DotIcon className="h-4 w-4 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  />
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+};

package/src/lib/util/MdxComponents.tsx

@@ -1,18 +1,18 @@
 import { MDXProvider } from "@mdx-js/react";
 import type { ComponentProps } from "react";
-
 import { Link } from "react-router-dom";
 import { Heading } from "../components/Heading.js";
+import { InlineCode } from "../components/InlineCode.js";
 import { SyntaxHighlight } from "../components/SyntaxHighlight.js";
 import { Callout } from "../ui/Callout.js";
-import { cn } from "./cn.js";
 
 export type MdxComponentsType = ComponentProps<
   typeof MDXProvider
 >["components"];
 
 export const MdxComponents = {
-  img: (props) => {
+  // @ts-expect-error Node is not in types but still gets passed
+  img: ({ node, ...props }) => {
     if (/\.(mp4|webm|mov|avi)$/.test(props.src ?? "")) {
       return <video src={props.src} controls playsInline autoPlay loop />;
     }
@@ -48,7 +48,8 @@ export const MdxComponents = {
       {children}
     </Heading>
   ),
-  a: ({ href, ...props }) =>
+  // @ts-expect-error Node is not in types but still gets passed
+  a: ({ href, node, ...props }) =>
     href && !href.startsWith("http") ? (
       <Link to={href} relative="path" {...props} />
     ) : (
@@ -68,28 +69,19 @@ export const MdxComponents = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const inline = (props as any).inline;
 
-    if (!inline) {
-      const match = className?.match(/language?-(\w+)/);
-
-      return (
-        <SyntaxHighlight
-          language={match?.[1] ?? "markup"}
-          className="rounded-xl overflow-x-auto p-4 border border-border dark:!bg-foreground/10 dark:border-transparent whitespace-nowrap"
-          showLanguageIndicator
-          code={String(children).trim()}
-        />
-      );
+    if (inline === true || inline === "true") {
+      return <InlineCode className={className}>{children}</InlineCode>;
     }
 
+    const match = className?.match(/language?-(\w+)/);
+
     return (
-      <code
-        className={cn(
-          className,
-          "font-mono border border-border p-1 py-0.5 rounded bg-border/50 dark:bg-border/70",
-        )}
-      >
-        {children}
-      </code>
+      <SyntaxHighlight
+        language={match?.[1] ?? "markup"}
+        className="rounded-xl overflow-x-auto p-4 border dark:!bg-foreground/10 dark:border-transparent"
+        showLanguageIndicator
+        code={String(children).trim()}
+      />
     );
   },
 } satisfies MdxComponentsType;

package/src/lib/util/fetchTimeout.tsx

@@ -0,0 +1,21 @@
+export const fetchTimeout = async (
+  input: RequestInfo,
+  init?: RequestInit,
+  timeout = 5000,
+): Promise<Response> => {
+  const controller = new AbortController();
+  const signal = controller.signal;
+
+  const fetchPromise = fetch(input, { ...init, signal });
+
+  const timeoutPromise = new Promise<Response>((_, reject) => {
+    const timer = setTimeout(() => {
+      controller.abort("Request timed out");
+      reject(new Error("Request timed out"));
+    }, timeout);
+
+    void fetchPromise.finally(() => clearTimeout(timer));
+  });
+
+  return Promise.race([fetchPromise, timeoutPromise]);
+};

package/src/lib/util/groupBy.ts

@@ -1,24 +1,19 @@
-type MapValuesToKeysIfAllowed<T> = {
-  [K in keyof T]: T[K] extends PropertyKey ? K : never;
-};
-type Filter<T> = MapValuesToKeysIfAllowed<T>[keyof T];
-
 export const groupBy = <
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   T extends Record<PropertyKey, any>,
-  Key extends Filter<T>,
+  KeySelector extends (item: T) => PropertyKey,
 >(
   arr: T[],
-  key: Key,
-): Record<T[Key], T[]> =>
-  arr.reduce(
+  keySelector: KeySelector,
+): Partial<Record<ReturnType<KeySelector>, T[]>> => {
+  return arr.reduce(
     (accumulator, val) => {
-      const groupedKey = val[key];
+      const groupedKey = keySelector(val) as ReturnType<KeySelector>;
       if (!accumulator[groupedKey]) {
         accumulator[groupedKey] = [];
       }
       accumulator[groupedKey].push(val);
       return accumulator;
     },
-    {} as Record<T[Key], T[]>,
+    {} as Record<ReturnType<KeySelector>, T[]>,
   );
+};

package/src/lib/util/invariant.ts

@@ -0,0 +1,26 @@
+export default function invariant(
+  condition: any,
+  // Not providing an inline default argument for message as the result is smaller
+  /**
+   * Can provide a string, or a function that returns a string for cases where
+   * the message takes a fair amount of effort to compute
+   */
+  message?: string | (() => string),
+): asserts condition {
+  if (condition) {
+    return;
+  }
+  // Condition not passed
+
+  const provided: string | undefined =
+    typeof message === "function" ? message() : message;
+
+  throw new ZudokuError(provided ?? "Invariant failed");
+}
+
+class ZudokuError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = "ZudokuError";
+  }
+}

package/src/lib/util/joinPath.tsx

@@ -4,7 +4,8 @@ export const joinPath = (
   const cleanPath = parts
     .filter((part): part is string => Boolean(part))
     .map((part) => part.replace(/(^\/+|\/+$)/g, "")) // Strip leading and trailing slashes
-    .join("/");
+    .join("/")
+    .replace(/(^\/+|\/+$)/g, "");
 
-  return cleanPath ? `/${cleanPath}` : "";
+  return cleanPath ? `/${cleanPath}` : "/";
 };

package/src/lib/util/logInit.ts

@@ -0,0 +1,9 @@
+import log from "loglevel";
+
+log.setDefaultLevel("silent");
+
+if (import.meta.env.DEV) {
+  log.setLevel("debug");
+} else if (localStorage.getItem("ENABLE_DEBUG_LOGS")) {
+  log.setLevel("debug");
+}

package/src/lib/util/requestIdleCallbackPolyfill.ts

@@ -0,0 +1,6 @@
+const root = globalThis;
+
+if (!root.requestIdleCallback || !root.cancelIdleCallback) {
+  root.requestIdleCallback = (cb: IdleRequestCallback) => setTimeout(cb, 1);
+  root.cancelIdleCallback = clearTimeout;
+}

package/src/lib/util/useScrollToAnchor.ts

@@ -1,6 +1,26 @@
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import { useViewportAnchor } from "../components/context/ViewportAnchorContext.js";
+import { DATA_ANCHOR_ATTR } from "../components/navigation/SidebarItem.js";
+
+const scrollIntoViewIfNeeded = (
+  element: Element | null,
+  options: ScrollIntoViewOptions = { block: "center" },
+) => {
+  if (!element) return;
+
+  const rect = element.getBoundingClientRect();
+  const isInView =
+    rect.top >= 0 &&
+    rect.left >= 0 &&
+    rect.bottom <=
+      (window.innerHeight || document.documentElement.clientHeight) &&
+    rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+
+  if (isInView) return;
+
+  element.scrollIntoView(options);
+};
 
 export const useScrollToAnchor = () => {
   const location = useLocation();
@@ -9,30 +29,31 @@ export const useScrollToAnchor = () => {
   useEffect(() => {
     if (!location.hash) return;
 
-    const hash = location.hash.split("/")[0].slice(1);
+    const hash = decodeURIComponent(location.hash.split("/")[0].slice(1));
 
-    const element = document.getElementById(decodeURIComponent(hash));
-    if (element) {
-      // on page navigation element might be in DOM but not yet scrollable, so wait for a frame
-      requestAnimationFrame(() => {
+    const scrollToElement = () => {
+      const element = document.getElementById(hash);
+      const link = document.querySelector(`[${DATA_ANCHOR_ATTR}="${hash}"]`);
+
+      if (element) {
         element.scrollIntoView();
+        scrollIntoViewIfNeeded(link);
         requestIdleCallback(() => setActiveAnchor(hash));
-      });
-      return;
-    }
+        return true;
+      }
 
-    // on page load, the element might not be available yet
-    const observer = new MutationObserver((_mutations, obs) => {
-      const element = document.getElementById(decodeURIComponent(hash));
-      if (!element) return;
+      return false;
+    };
 
-      element.scrollIntoView();
-      requestIdleCallback(() => setActiveAnchor(hash));
-      obs.disconnect();
-    });
+    if (!scrollToElement()) {
+      const observer = new MutationObserver((_, obs) => {
+        if (!scrollToElement()) return;
+        obs.disconnect();
+      });
 
-    observer.observe(document.body, { childList: true, subtree: true });
+      observer.observe(document.body, { childList: true, subtree: true });
 
-    return () => observer.disconnect();
+      return () => observer.disconnect();
+    }
   }, [location.hash, setActiveAnchor]);
 };

package/dist/lib/authentication/Callback.d.ts

@@ -1,3 +0,0 @@
-export declare function Callback({ handleCallback, }: {
-    handleCallback: () => Promise<void>;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/authentication/Callback.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { useNavigate } from "../core/router.js";
-import { OAuthAuthorizationError } from "./errors.js";
-export function Callback({ handleCallback, }) {
-    const didInitialize = useRef(false);
-    const [error, setError] = useState(undefined);
-    const navigate = useNavigate();
-    // This should not use react query, etc. It is important that it
-    // only ever runs once. The didInitialize ref keeps it from double
-    // initializing in dev mode with ReactStrict enabled.
-    useEffect(() => {
-        if (didInitialize.current) {
-            return;
-        }
-        didInitialize.current = true;
-        handleCallback()
-            .then(() => {
-            // TODO: Handle return url, state, etc
-            navigate("/");
-        })
-            .catch((err) => {
-            setError(err);
-        });
-    }, []);
-    if (error) {
-        if (error instanceof OAuthAuthorizationError) {
-            return (_jsxs("div", { children: [_jsx("h2", { children: "Error" }), _jsxs("pre", { children: [error.error.error, error.error.error_description, error.error.error_uri] })] }));
-        }
-        return (_jsxs("div", { children: [_jsx("h2", { children: "Error" }), _jsxs("pre", { children: [error.message, error.stack] })] }));
-    }
-    return _jsx("div", { children: "Loading..." });
-}
-//# sourceMappingURL=Callback.js.map

package/dist/lib/authentication/Callback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Callback.js","sourceRoot":"","sources":["../../../src/lib/authentication/Callback.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,UAAU,QAAQ,CAAC,EACvB,cAAc,GAGf;IACC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,SAAS,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,gEAAgE;IAChE,kEAAkE;IAClE,qDAAqD;IACrD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QACD,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,cAAc,EAAE;aACb,IAAI,CAAC,GAAG,EAAE;YACT,sCAAsC;YACtC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,KAAK,YAAY,uBAAuB,EAAE,CAAC;YAC7C,OAAO,CACL,0BACE,iCAAc,EACd,0BACG,KAAK,CAAC,KAAK,CAAC,KAAK,EAEjB,KAAK,CAAC,KAAK,CAAC,iBAAiB,EAE7B,KAAK,CAAC,KAAK,CAAC,SAAS,IAClB,IACF,CACP,CAAC;QACJ,CAAC;QACD,OAAO,CACL,0BACE,iCAAc,EACd,0BACG,KAAK,CAAC,OAAO,EAEb,KAAK,CAAC,KAAK,IACR,IACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,uCAAqB,CAAC;AAC/B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/lib/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAKnC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,uUAAuU,EACvU,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -1 +0,0 @@
-export { Link } from "../core/router.js";

package/dist/lib/components/Link.js

@@ -1,2 +0,0 @@
-export { Link } from "../core/router.js";
-//# sourceMappingURL=Link.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/lib/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -1,4 +0,0 @@
-import { DevPortalPlugin } from "../core/plugins.js";
-export declare function Router({ plugins }: {
-    plugins?: DevPortalPlugin[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Router.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
-import { isNavigationPlugin } from "../core/plugins.js";
-import { Layout } from "./Layout.js";
-export function Router({ plugins }) {
-    const router = useMemo(() => {
-        const routes = (plugins ?? []).flatMap((plugin) => isNavigationPlugin(plugin) ? plugin.getRoutes() : []);
-        return createBrowserRouter([
-            {
-                path: "/",
-                element: _jsx(Layout, {}),
-                errorElement: (_jsx(Layout, { children: _jsx("div", { className: "h-[75vh] flex items-center justify-center", children: "Error, look at the console" }) })),
-                children: routes,
-            },
-        ]);
-    }, [plugins]);
-    return _jsx(RouterProvider, { router: router });
-}
-//# sourceMappingURL=Router.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../src/lib/components/Router.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAmB,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,EAAmC;IACjE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,MAAM,MAAM,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAChD,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CACrD,CAAC;QAEF,OAAO,mBAAmB,CAAC;YACzB;gBACE,IAAI,EAAE,GAAG;gBACT,OAAO,EAAE,KAAC,MAAM,KAAG;gBACnB,YAAY,EAAE,CACZ,KAAC,MAAM,cACL,cAAK,SAAS,EAAC,2CAA2C,2CAEpD,GACC,CACV;gBACD,QAAQ,EAAE,MAAM;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;AAC5C,CAAC"}

package/dist/lib/components/context/DevPortalProvider.d.ts

@@ -1,9 +0,0 @@
-import { DevPortalContext } from "../../core/DevPortalContext.js";
-export declare const DevPortalProvider: import("react").Provider<DevPortalContext | undefined>;
-export declare const useDevPortal: () => DevPortalContext;
-export declare const useApiIdentities: () => import("@tanstack/react-query").UseQueryResult<import("../../core/DevPortalContext.js").ApiIdentity[], Error>;
-export declare const useTopNavigationItem: () => import("../../core/DevPortalContext.js").NavigationItem | undefined;
-export declare const useNavigation: () => import("@tanstack/react-query").UseSuspenseQueryResult<{
-    items: import("../../core/DevPortalContext.js").NavigationCategory[];
-    currentTopNavItem: import("../../core/DevPortalContext.js").NavigationItem | undefined;
-}, Error>;

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

@@ -1,39 +0,0 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
-import { createContext, useContext } from "react";
-import { matchPath, useLocation } from "react-router-dom";
-const DevPortalReactContext = createContext(undefined);
-export const DevPortalProvider = DevPortalReactContext.Provider;
-export const useDevPortal = () => {
-    const context = useContext(DevPortalReactContext);
-    if (!context) {
-        throw new Error("useDevPortal must be used within a DevPortalProvider.");
-    }
-    return context;
-};
-export const useApiIdentities = () => {
-    const { getApiIdentities } = useDevPortal();
-    return useQuery({
-        queryFn: getApiIdentities,
-        queryKey: ["api-identities"],
-    });
-};
-export const useTopNavigationItem = () => {
-    const { navigation } = useDevPortal();
-    const location = useLocation();
-    return navigation.find((item) => matchPath({ path: item.path, end: false }, location.pathname));
-};
-export const useNavigation = () => {
-    const { getNavigation } = useDevPortal();
-    const navItem = useTopNavigationItem();
-    const path = navItem?.path ?? "";
-    return useSuspenseQuery({
-        queryFn: async () => {
-            return {
-                items: [...(navItem?.categories ?? []), ...(await getNavigation(path))],
-                currentTopNavItem: navItem,
-            };
-        },
-        queryKey: ["navigation", path],
-    });
-};
-//# sourceMappingURL=DevPortalProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DevPortalProvider.js","sourceRoot":"","sources":["../../../../src/lib/components/context/DevPortalProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG1D,MAAM,qBAAqB,GAAG,aAAa,CACzC,SAAS,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,QAAQ,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAElD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC5C,OAAO,QAAQ,CAAC;QACd,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,CAAC,gBAAgB,CAAC;KAC7B,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAC9B,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,oBAAoB,EAAE,CAAC;IAEvC,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC;IAEjC,OAAO,gBAAgB,CAAC;QACtB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,OAAO;gBACL,KAAK,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;gBACvE,iBAAiB,EAAE,OAAO;aAC3B,CAAC;QACJ,CAAC;QACD,QAAQ,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC;KAC/B,CAAC,CAAC;AACL,CAAC,CAAC"}

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

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

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { useNavigation } from "../context/DevPortalProvider.js";
-import { SideNavigationCategory } from "./SideNavigationCategory.js";
-import { SideNavigationWrapper } from "./SideNavigationWrapper.js";
-export const SideNavigation = () => {
-    const navRef = useRef(null);
-    const navigation = useNavigation();
-    return (_jsx(SideNavigationWrapper, { ref: navRef, pushMainContent: navigation.data.items.length > 0, children: navigation.data.items.map((category) => (_jsx(SideNavigationCategory, { category: category }, category.label))) }));
-};
-//# sourceMappingURL=SideNavigation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/SideNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,qBAAqB,IACpB,GAAG,EAAE,MAAM,EACX,eAAe,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,YAEhD,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACvC,KAAC,sBAAsB,IAAsB,QAAQ,EAAE,QAAQ,IAAlC,QAAQ,CAAC,KAAK,CAAwB,CACpE,CAAC,GACoB,CACzB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,4 +0,0 @@
-import type { NavigationCategory } from "../../core/DevPortalContext.js";
-export declare const SideNavigationCategory: ({ category, }: {
-    category: NavigationCategory;
-}) => import("react/jsx-runtime").JSX.Element;