@lukoweb/apitogo 0.2.22 → 0.2.24

package/src/lib/components/navigation/utils.ts

@@ -1,234 +1,234 @@
-import { cva } from "class-variance-authority";
-import { useLocation } from "react-router";
-import type {
-  NavigationCategory,
-  NavigationItem,
-} from "../../../config/validators/NavigationSchema.js";
-import type { UseAuthReturn } from "../../authentication/hook.js";
-import type { ZudokuContext } from "../../core/ZudokuContext.js";
-import { joinUrl } from "../../util/joinUrl.js";
-import { useCurrentNavigation } from "../context/ZudokuContext.js";
-
-export type TraverseCallback<T> = (
-  item: NavigationItem,
-  parentCategories: NavigationItem[],
-) => T | void;
-
-export const traverseNavigation = <T>(
-  navigation: NavigationItem[],
-  callback: TraverseCallback<T>,
-): T | undefined => {
-  for (const item of navigation) {
-    const result = traverseNavigationItem(item, callback);
-    if (result !== undefined) return result;
-  }
-};
-
-export const traverseNavigationItem = <T>(
-  item: NavigationItem,
-  callback: TraverseCallback<T>,
-  parentCategories: NavigationItem[] = [],
-): T | undefined => {
-  const result = callback(item, parentCategories);
-  if (result !== undefined) return result;
-
-  if (item.type === "category") {
-    for (const child of item.items) {
-      const childResult = traverseNavigationItem(child, callback, [
-        ...parentCategories,
-        item,
-      ]);
-      if (childResult !== undefined) return childResult;
-    }
-  }
-};
-
-export const getItemPath = (item: NavigationItem): string | undefined => {
-  switch (item.type) {
-    case "doc":
-    case "custom-page":
-      return joinUrl(item.path);
-    case "link":
-      return item.to;
-    case "category":
-      return item.link ? joinUrl(item.link.path) : undefined;
-    default:
-      return undefined;
-  }
-};
-
-export const getFirstMatchingPath = (item: NavigationItem): string => {
-  switch (item.type) {
-    case "doc":
-    case "custom-page":
-      return joinUrl(item.path);
-    case "link":
-      return item.to;
-    case "category": {
-      if (item.link?.path) {
-        return joinUrl(item.link.path);
-      }
-      return (
-        traverseNavigationItem(item, (child) => {
-          if (
-            child.type !== "category" &&
-            child.type !== "separator" &&
-            child.type !== "section" &&
-            child.type !== "filter"
-          ) {
-            return getFirstMatchingPath(child);
-          }
-        }) ?? ""
-      );
-    }
-    default:
-      return "";
-  }
-};
-
-export const useCurrentItem = () => {
-  const pathname = joinUrl(useLocation().pathname);
-  const { navigation } = useCurrentNavigation();
-
-  return traverseNavigation(navigation, (item) => {
-    if (item.type === "doc" && joinUrl(item.path) === pathname) {
-      return item;
-    }
-  });
-};
-
-export const useIsCategoryOpen = (category: NavigationCategory) => {
-  const pathname = joinUrl(useLocation().pathname);
-
-  return traverseNavigationItem(category, (item) => {
-    switch (item.type) {
-      case "category":
-        if (!item.link) {
-          return undefined;
-        }
-        return joinUrl(item.link.path) === pathname ? true : undefined;
-      case "custom-page":
-      case "doc":
-        return joinUrl(item.path) === pathname ? true : undefined;
-      default:
-        return undefined;
-    }
-  });
-};
-
-export const usePrevNext = (): {
-  prev?: { label?: string; id: string };
-  next?: { label?: string; id: string };
-} => {
-  const currentId = joinUrl(useLocation().pathname);
-  const { navigation } = useCurrentNavigation();
-
-  let prev: { label?: string; id: string } | undefined;
-  let next: { label?: string; id: string } | undefined;
-
-  let foundCurrent = false;
-
-  traverseNavigation(navigation, (item) => {
-    if (
-      item.type === "separator" ||
-      item.type === "section" ||
-      item.type === "filter"
-    )
-      return;
-
-    const itemId =
-      item.type === "doc"
-        ? joinUrl(item.path)
-        : item.type === "category" && item.link
-          ? joinUrl(item.link.path)
-          : 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 };
-};
-
-export const navigationListItem = cva(
-  "relative flex items-center gap-2 px-(--padding-nav-item) my-px py-1.5 rounded-lg hover:bg-accent tabular-nums",
-  {
-    variants: {
-      isActive: {
-        true: "bg-accent font-medium",
-        false: "text-foreground/80",
-      },
-      isMuted: {
-        true: "text-foreground/30",
-        false: "",
-      },
-      isPending: {
-        true: "bg-accent animate-pulse",
-        false: "",
-      },
-    },
-    defaultVariants: {
-      isActive: false,
-    },
-  },
-);
-
-export const itemMatchesFilter = (
-  item: NavigationItem,
-  query: string,
-): boolean => {
-  if (["separator", "section", "filter"].includes(item.type)) {
-    return true;
-  }
-  if (item.label?.toLowerCase().includes(query.toLowerCase())) {
-    return true;
-  }
-
-  if (item.type === "category") {
-    return item.items.some((child) => itemMatchesFilter(child, query));
-  }
-
-  return false;
-};
-
-export const shouldShowItem =
-  ({
-    auth,
-    context,
-    filterQuery,
-  }: {
-    auth: UseAuthReturn;
-    context: ZudokuContext;
-    filterQuery?: string;
-  }) =>
-  (item: NavigationItem): boolean => {
-    if (item.type === "filter") return true;
-
-    if (filterQuery?.trim() && !itemMatchesFilter(item, filterQuery)) {
-      return false;
-    }
-
-    if (typeof item.display === "function") {
-      return item.display({ context, auth });
-    }
-
-    if (item.display === "hide") return false;
-    if (!item.label) return false;
-
-    return (
-      (item.display === "auth" && auth.isAuthenticated) ||
-      (item.display === "anon" && !auth.isAuthenticated) ||
-      !item.display ||
-      item.display === "always"
-    );
-  };
+import { cva } from "class-variance-authority";
+import { useLocation } from "react-router";
+import type {
+  NavigationCategory,
+  NavigationItem,
+} from "../../../config/validators/NavigationSchema.js";
+import type { UseAuthReturn } from "../../authentication/hook.js";
+import type { ZudokuContext } from "../../core/ZudokuContext.js";
+import { joinUrl } from "../../util/joinUrl.js";
+import { useCurrentNavigation } from "../context/ZudokuContext.js";
+
+export type TraverseCallback<T> = (
+  item: NavigationItem,
+  parentCategories: NavigationItem[],
+) => T | void;
+
+export const traverseNavigation = <T>(
+  navigation: NavigationItem[],
+  callback: TraverseCallback<T>,
+): T | undefined => {
+  for (const item of navigation) {
+    const result = traverseNavigationItem(item, callback);
+    if (result !== undefined) return result;
+  }
+};
+
+export const traverseNavigationItem = <T>(
+  item: NavigationItem,
+  callback: TraverseCallback<T>,
+  parentCategories: NavigationItem[] = [],
+): T | undefined => {
+  const result = callback(item, parentCategories);
+  if (result !== undefined) return result;
+
+  if (item.type === "category") {
+    for (const child of item.items) {
+      const childResult = traverseNavigationItem(child, callback, [
+        ...parentCategories,
+        item,
+      ]);
+      if (childResult !== undefined) return childResult;
+    }
+  }
+};
+
+export const getItemPath = (item: NavigationItem): string | undefined => {
+  switch (item.type) {
+    case "doc":
+    case "custom-page":
+      return joinUrl(item.path);
+    case "link":
+      return item.to;
+    case "category":
+      return item.link ? joinUrl(item.link.path) : undefined;
+    default:
+      return undefined;
+  }
+};
+
+export const getFirstMatchingPath = (item: NavigationItem): string => {
+  switch (item.type) {
+    case "doc":
+    case "custom-page":
+      return joinUrl(item.path);
+    case "link":
+      return item.to;
+    case "category": {
+      if (item.link?.path) {
+        return joinUrl(item.link.path);
+      }
+      return (
+        traverseNavigationItem(item, (child) => {
+          if (
+            child.type !== "category" &&
+            child.type !== "separator" &&
+            child.type !== "section" &&
+            child.type !== "filter"
+          ) {
+            return getFirstMatchingPath(child);
+          }
+        }) ?? ""
+      );
+    }
+    default:
+      return "";
+  }
+};
+
+export const useCurrentItem = () => {
+  const pathname = joinUrl(useLocation().pathname);
+  const { navigation } = useCurrentNavigation();
+
+  return traverseNavigation(navigation, (item) => {
+    if (item.type === "doc" && joinUrl(item.path) === pathname) {
+      return item;
+    }
+  });
+};
+
+export const useIsCategoryOpen = (category: NavigationCategory) => {
+  const pathname = joinUrl(useLocation().pathname);
+
+  return traverseNavigationItem(category, (item) => {
+    switch (item.type) {
+      case "category":
+        if (!item.link) {
+          return undefined;
+        }
+        return joinUrl(item.link.path) === pathname ? true : undefined;
+      case "custom-page":
+      case "doc":
+        return joinUrl(item.path) === pathname ? true : undefined;
+      default:
+        return undefined;
+    }
+  });
+};
+
+export const usePrevNext = (): {
+  prev?: { label?: string; id: string };
+  next?: { label?: string; id: string };
+} => {
+  const currentId = joinUrl(useLocation().pathname);
+  const { navigation } = useCurrentNavigation();
+
+  let prev: { label?: string; id: string } | undefined;
+  let next: { label?: string; id: string } | undefined;
+
+  let foundCurrent = false;
+
+  traverseNavigation(navigation, (item) => {
+    if (
+      item.type === "separator" ||
+      item.type === "section" ||
+      item.type === "filter"
+    )
+      return;
+
+    const itemId =
+      item.type === "doc"
+        ? joinUrl(item.path)
+        : item.type === "category" && item.link
+          ? joinUrl(item.link.path)
+          : 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 };
+};
+
+export const navigationListItem = cva(
+  "relative flex items-center gap-2 px-(--padding-nav-item) my-px py-1.5 rounded-lg hover:bg-accent tabular-nums",
+  {
+    variants: {
+      isActive: {
+        true: "bg-accent font-medium",
+        false: "text-foreground/80",
+      },
+      isMuted: {
+        true: "text-foreground/30",
+        false: "",
+      },
+      isPending: {
+        true: "bg-accent animate-pulse",
+        false: "",
+      },
+    },
+    defaultVariants: {
+      isActive: false,
+    },
+  },
+);
+
+export const itemMatchesFilter = (
+  item: NavigationItem,
+  query: string,
+): boolean => {
+  if (["separator", "section", "filter"].includes(item.type)) {
+    return true;
+  }
+  if (item.label?.toLowerCase().includes(query.toLowerCase())) {
+    return true;
+  }
+
+  if (item.type === "category") {
+    return item.items.some((child) => itemMatchesFilter(child, query));
+  }
+
+  return false;
+};
+
+export const shouldShowItem =
+  ({
+    auth,
+    context,
+    filterQuery,
+  }: {
+    auth: UseAuthReturn;
+    context: ZudokuContext;
+    filterQuery?: string;
+  }) =>
+  (item: NavigationItem): boolean => {
+    if (item.type === "filter") return true;
+
+    if (filterQuery?.trim() && !itemMatchesFilter(item, filterQuery)) {
+      return false;
+    }
+
+    if (typeof item.display === "function") {
+      return item.display({ context, auth });
+    }
+
+    if (item.display === "hide") return false;
+    if (!item.label) return false;
+
+    return (
+      (item.display === "auth" && auth.isAuthenticated) ||
+      (item.display === "anon" && !auth.isAuthenticated) ||
+      !item.display ||
+      item.display === "always"
+    );
+  };