zudoku 0.0.0-z7b86faab → 0.0.0-z8ac421f0

package/lib/zudoku.auth-supabase.js

@@ -1,12 +1,12 @@
 import { j as a } from "./jsx-runtime-BzflLqGi.js";
 import { createClient as g } from "@supabase/supabase-js";
-import { C as m, A as h } from "./errors-b9I-fAOY.js";
-import { S as f } from "./SignUp-DCBViNUi.js";
-import { u } from "./ZudokuContext-BZB1TWdT.js";
+import { C as m, A as h } from "./errors-B77S9iOc.js";
+import { S as f } from "./SignUp-Dug1jAGC.js";
+import { u } from "./ZudokuReactContext-DGJAP1sN.js";
 import { Auth as v } from "@supabase/auth-ui-react";
 import { ThemeSupa as S } from "@supabase/auth-ui-shared";
 import { b as T } from "./chunk-EPOLDU6W-C6C8jAwd.js";
-import { H as A } from "./index-CL8eDnQW.js";
+import { H as A } from "./Zudoku-iyiXgWFY.js";
 const c = ({
   client: i,
   config: e,

package/lib/zudoku.components.js

@@ -1,32 +1,34 @@
-import "./index.esm-B_0dvNjB.js";
-import "./index-DBjOT2H1.js";
-import "./chunk-EPOLDU6W-C6C8jAwd.js";
-import "./hook-BGlHBdET.js";
-import "./ui/Button.js";
-import "./ui/Callout.js";
-import "./invariant-BJAl77rw.js";
-import "./ClientOnly-E7hGysn1.js";
-import "./ZudokuContext-BZB1TWdT.js";
-import { B as d, F as k, C as l, r as h, p as y, q as S, L as Z, o as E, v as H, S as g, t as w, Z as x, w as A, y as B, z as L, x as M, G as T, a as c } from "./index-CL8eDnQW.js";
-import "./Spinner-CI6bRyZw.js";
+import { H as a } from "./index.esm-Ca5zvoff.js";
+import { Button as s } from "./ui/Button.js";
+import { Callout as u } from "./ui/Callout.js";
+import { Z as m } from "./invariant-B_t_F2s_.js";
+import { C as x } from "./ClientOnly-E7hGysn1.js";
+import { H as C, M as d, S, a as h, T as k, Z as l } from "./Zudoku-iyiXgWFY.js";
+import { S as Z } from "./Spinner-CI6bRyZw.js";
+import { z as y } from "./index-DAWHN3cH.js";
+import { u as M } from "./hook-Dz_n9SoE.js";
+import { C as c, u as g, a as A } from "./ZudokuContext-CYyb_PB_.js";
+import { L as w } from "./chunk-EPOLDU6W-C6C8jAwd.js";
+import { u as B } from "./useExposedProps-CzTDfXfq.js";
 export {
-  d as Button,
-  k as CACHE_KEYS,
-  l as Callout,
-  h as ClientOnly,
-  y as Head,
-  S as Heading,
-  Z as Link,
-  E as Markdown,
-  H as Slot,
-  g as Spinner,
-  w as Typography,
-  x as Zudoku,
-  A as ZudokuError,
-  B as useAuth,
-  L as useCache,
-  M as useMDXComponents,
-  T as useTheme,
-  c as useZudoku
+  s as Button,
+  c as CACHE_KEYS,
+  u as Callout,
+  x as ClientOnly,
+  a as Head,
+  C as Heading,
+  w as Link,
+  d as Markdown,
+  S as Search,
+  h as Slot,
+  Z as Spinner,
+  k as Typography,
+  l as Zudoku,
+  m as ZudokuError,
+  M as useAuth,
+  g as useCache,
+  B as useMDXComponents,
+  y as useTheme,
+  A as useZudoku
 };
 //# sourceMappingURL=zudoku.components.js.map

package/lib/zudoku.components.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"zudoku.components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/zudoku.hooks.js

@@ -1,14 +1,27 @@
-import { b as o, h as u, e as p, f as r, g as t, a as m, c as C } from "./index-DBjOT2H1.js";
-import "./hook-BGlHBdET.js";
-import { C as E } from "./ZudokuContext-BZB1TWdT.js";
+import { z as C } from "./index-DAWHN3cH.js";
+import { u as D } from "./hook-Dz_n9SoE.js";
+import { a as n } from "./ZudokuContext-CYyb_PB_.js";
+import { C as z, u as A } from "./ZudokuContext-CYyb_PB_.js";
+import { a as S, u as v } from "./useExposedProps-CzTDfXfq.js";
+import { useState as f, useEffect as m } from "react";
+function E(t, e) {
+  const s = n(), [r, o] = f();
+  return m(() => s.addEventListener(t, ((...u) => {
+    if (e) {
+      const a = e(...u);
+      o(a);
+    } else
+      o(u);
+  })), [s, t, e]), r;
+}
 export {
-  E as CACHE_KEYS,
-  o as useAuth,
-  u as useCache,
-  p as useEvent,
-  r as useExposedProps,
-  t as useMDXComponents,
-  m as useTheme,
-  C as useZudoku
+  z as CACHE_KEYS,
+  D as useAuth,
+  A as useCache,
+  E as useEvent,
+  S as useExposedProps,
+  v as useMDXComponents,
+  C as useTheme,
+  n as useZudoku
 };
 //# sourceMappingURL=zudoku.hooks.js.map

package/lib/zudoku.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"zudoku.hooks.js","sources":["../src/lib/hooks/useEvent.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useZudoku } from \"../components/context/ZudokuContext.js\";\nimport type { ZudokuEvents } from \"../core/ZudokuContext.js\";\n\ntype EventParameters<Event extends keyof ZudokuEvents> = Parameters<\n  ZudokuEvents[Event]\n>;\n\n/**\n * Hook to subscribe to Zudoku events with automatic cleanup\n * @param event The event to subscribe to\n * @param callback Optional callback to be called when the event is emitted\n * @returns The latest event data if no callback is provided, or the callback's return value if it returns something\n */\nexport function useEvent<E extends keyof ZudokuEvents>(\n  event: E,\n): EventParameters<E>;\nexport function useEvent<E extends keyof ZudokuEvents, R>(\n  event: E,\n  callback: (...args: EventParameters<E>) => R,\n): R;\nexport function useEvent<E extends keyof ZudokuEvents, R>(\n  event: E,\n  callback?: (...args: EventParameters<E>) => R,\n) {\n  const zudoku = useZudoku();\n  const [latestData, setLatestData] = useState<R | EventParameters<E>>();\n\n  useEffect(() => {\n    return zudoku.addEventListener(event, ((...args: EventParameters<E>) => {\n      if (callback) {\n        const result = callback(...args);\n        setLatestData(result);\n      } else {\n        setLatestData(args);\n      }\n    }) as ZudokuEvents[E]);\n  }, [zudoku, event, callback]);\n\n  return latestData;\n}\n"],"names":["useEvent","event","callback","zudoku","useZudoku","latestData","setLatestData","useState","useEffect","args","result"],"mappings":";;;;;;AAqBO,SAASA,EACdC,GACAC,GACA;AACA,QAAMC,IAASC,EAAA,GACT,CAACC,GAAYC,CAAa,IAAIC,EAAA;AAEpC,SAAAC,EAAU,MACDL,EAAO,iBAAiBF,IAAQ,IAAIQ,MAA6B;AACtE,QAAIP,GAAU;AACZ,YAAMQ,IAASR,EAAS,GAAGO,CAAI;AAC/B,MAAAH,EAAcI,CAAM;AAAA,IACtB;AACE,MAAAJ,EAAcG,CAAI;AAAA,EAEtB,EAAA,GACC,CAACN,GAAQF,GAAOC,CAAQ,CAAC,GAErBG;AACT;"}

package/lib/zudoku.mermaid.js

@@ -1,10 +1,11 @@
 import "./jsx-runtime-BzflLqGi.js";
-import "./useSuspenseQuery-CSB_rVek.js";
+import "./useQuery-ht7aWJ3S.js";
 import "react";
-import { M as e } from "./Mermaid-Koc3z8mU.js";
-import "./index-DBjOT2H1.js";
+import { M } from "./Mermaid-Chx5BPHn.js";
+import "./index-DAWHN3cH.js";
+import "./ZudokuReactContext-DGJAP1sN.js";
 import "./Spinner-CI6bRyZw.js";
 export {
-  e as Mermaid
+  M as Mermaid
 };
 //# sourceMappingURL=zudoku.mermaid.js.map

package/lib/zudoku.mermaid.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.mermaid.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"zudoku.mermaid.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/lib/zudoku.plugin-api-catalog.js

@@ -1,18 +1,23 @@
 import { j as t } from "./jsx-runtime-BzflLqGi.js";
-import { s as f } from "./index-UOLtazB8.js";
-import { c as b, m as j } from "./chunk-EPOLDU6W-C6C8jAwd.js";
-import { u as x, j as d } from "./ZudokuContext-BZB1TWdT.js";
-import { u as v } from "./useSuspenseQuery-CSB_rVek.js";
-import { H as y } from "./index.esm-B_0dvNjB.js";
-import { H as N, L as k, M as S } from "./index-CL8eDnQW.js";
+import { s as f } from "./index-BDp2MTiq.js";
+import { c as b, L as j, m as x } from "./chunk-EPOLDU6W-C6C8jAwd.js";
+import { j as p } from "./ZudokuContext-CYyb_PB_.js";
+import { u as v } from "./useSuspenseQuery-DQH4Bmc2.js";
+import { H as y } from "./index.esm-Ca5zvoff.js";
+import "./ui/Button.js";
+import "lucide-react";
+import "react";
+import { H as N, M as k } from "./Zudoku-iyiXgWFY.js";
+import { u as S } from "./ZudokuReactContext-DGJAP1sN.js";
+import "./index-DAWHN3cH.js";
 const w = ({
-  items: o,
-  filterCatalogItems: r = (i) => i,
+  items: l,
+  filterCatalogItems: n = (i) => i,
   label: c = "API Library",
   categoryLabel: s
 }) => {
-  const i = x(), a = b({ path: "/catalog/:category" })?.params.category, l = v({
-    queryFn: () => r(o, { auth: i }),
+  const i = S(), a = b({ path: "/catalog/:category" })?.params.category, o = v({
+    queryFn: () => n(l, { auth: i }),
     queryKey: ["catalogItems", i]
   }), m = a ? { "data-pagefind-ignore": "all" } : {};
   return /* @__PURE__ */ t.jsxs("section", { className: "pt-(--padding-content-top)", ...m, children: [
@@ -25,19 +30,19 @@ const w = ({
         c,
         s && ` - ${s}`
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-2 gap-4", children: l.data.filter(
+      /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-2 gap-4", children: o.data.filter(
         (e) => !a || e.categories.find(
-          (n) => n.tags.find((g) => h(n.label, g) === a)
+          (r) => r.tags.find((g) => h(r.label, g) === a)
         )
       ).map((e) => /* @__PURE__ */ t.jsx(
-        k,
+        j,
         {
-          to: d(e.path),
+          to: p(e.path),
           className: "no-underline hover:!text-foreground",
           children: /* @__PURE__ */ t.jsxs("div", { className: "border h-full rounded-lg p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal", children: [
             /* @__PURE__ */ t.jsx("span", { className: "font-semibold", children: e.label }),
             /* @__PURE__ */ t.jsx(
-              S,
+              k,
               {
                 className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
                 content: e.description,
@@ -46,7 +51,7 @@ const w = ({
                   // we need to strip out other links to not get a hydration error, like:
                   // > In HTML, <a> cannot be a descendant of <a>.
                   // > This will cause a hydration error.
-                  a: (n) => /* @__PURE__ */ t.jsx("span", { ...n })
+                  a: (r) => /* @__PURE__ */ t.jsx("span", { ...r })
                 }
               }
             )
@@ -56,39 +61,39 @@ const w = ({
       )) })
     ] })
   ] });
-}, h = (o, r) => f(`${o}-${r}`), q = ({
-  path: o,
-  items: r,
+}, h = (l, n) => f(`${l}-${n}`), F = ({
+  path: l,
+  items: n,
   label: c,
   categories: s = [],
   filterCatalogItems: i
 }) => {
-  const p = Object.fromEntries(
+  const d = Object.fromEntries(
     s.flatMap(
-      (a) => [void 0, ...a.tags].map((l) => [
-        d(o, l ? h(a.label, l) : void 0),
-        l
+      (a) => [void 0, ...a.tags].map((o) => [
+        p(l, o ? h(a.label, o) : void 0),
+        o
       ])
     )
   );
   return {
     getNavigation: async (a) => {
-      if (!Object.keys(p).some(
-        (e) => j(e, a)
+      if (!Object.keys(d).some(
+        (e) => x(e, a)
       ))
         return [];
       const m = s.map((e) => ({
         type: "category",
         label: e.label,
         collapsible: !1,
-        items: e.tags.map((n) => ({
+        items: e.tags.map((r) => ({
           type: "link",
-          to: d(o, h(e.label, n)),
-          label: n,
+          to: p(l, h(e.label, r)),
+          label: r,
           badge: {
             label: String(
-              r.filter(
-                (g) => g.categories.find((u) => u.tags.includes(n))
+              n.filter(
+                (g) => g.categories.find((u) => u.tags.includes(r))
               ).length
             ),
             color: "outline"
@@ -97,19 +102,19 @@ const w = ({
       }));
       return m.unshift({
         type: "link",
-        to: d(o),
+        to: p(l),
         label: "Overview",
-        badge: { label: String(r.length), color: "outline" }
+        badge: { label: String(n.length), color: "outline" }
       }), m;
     },
-    getRoutes: () => Object.entries(p).map(([a, l]) => ({
+    getRoutes: () => Object.entries(d).map(([a, o]) => ({
       path: a,
       element: /* @__PURE__ */ t.jsx(
         w,
         {
           label: c,
-          categoryLabel: l,
-          items: r,
+          categoryLabel: o,
+          items: n,
           filterCatalogItems: i,
           categories: s
         }
@@ -118,7 +123,7 @@ const w = ({
   };
 };
 export {
-  q as apiCatalogPlugin,
+  F as apiCatalogPlugin,
   h as getKey
 };
 //# sourceMappingURL=zudoku.plugin-api-catalog.js.map

package/lib/zudoku.plugin-api-catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-api-catalog.js","sources":["../src/lib/plugins/api-catalog/Catalog.tsx","../src/lib/plugins/api-catalog/index.tsx"],"sourcesContent":["import { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { Helmet } from \"@zudoku/react-helmet-async\";\nimport { useMatch } from \"react-router\";\nimport { Link } from \"zudoku/components\";\nimport { useAuthState } from \"../../authentication/state.js\";\nimport { Heading } from \"../../components/Heading.js\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { type ApiCatalogPluginOptions, getKey } from \"./index.js\";\n\nexport const Catalog = ({\n  items,\n  filterCatalogItems = (items) => items,\n  label = \"API Library\",\n  categoryLabel,\n}: Omit<ApiCatalogPluginOptions, \"path\"> & {\n  categoryLabel?: string;\n}) => {\n  const auth = useAuthState();\n  const match = useMatch({ path: \"/catalog/:category\" });\n  const activeCategory = match?.params.category;\n\n  const catalogItems = useSuspenseQuery({\n    queryFn: () => filterCatalogItems(items, { auth }),\n    queryKey: [\"catalogItems\", auth],\n  });\n\n  // Only index the overview page, ignore the rest\n  const dataSet = activeCategory ? { \"data-pagefind-ignore\": \"all\" } : {};\n\n  return (\n    <section className=\"pt-(--padding-content-top)\" {...dataSet}>\n      <Helmet>\n        <title>\n          {categoryLabel ? `${categoryLabel} - ` : \"\"}\n          {label}\n        </title>\n      </Helmet>\n      <div className=\"grid gap-4\">\n        <Heading level={2}>\n          {label}\n          {categoryLabel && ` - ${categoryLabel}`}\n        </Heading>\n\n        <div className=\"grid grid-cols-2 gap-4\">\n          {catalogItems.data\n            .filter(\n              (api) =>\n                !activeCategory ||\n                api.categories.find((c) =>\n                  c.tags.find((t) => getKey(c.label, t) === activeCategory),\n                ),\n            )\n            .map((api) => (\n              <Link\n                to={joinUrl(api.path)}\n                className=\"no-underline hover:!text-foreground\"\n                key={api.path}\n              >\n                <div className=\"border h-full rounded-lg p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal\">\n                  <span className=\"font-semibold\">{api.label}</span>\n                  <Markdown\n                    className=\"text-sm whitespace-pre-wrap mb-6 line-clamp-2\"\n                    content={api.description}\n                    components={{\n                      // Because we're wrapping the description in a Link already,\n                      // we need to strip out other links to not get a hydration error, like:\n                      // > In HTML, <a> cannot be a descendant of <a>.\n                      // > This will cause a hydration error.\n                      a: (props) => <span {...props} />,\n                    }}\n                  />\n                </div>\n              </Link>\n            ))}\n        </div>\n      </div>\n    </section>\n  );\n};\n","import slugify from \"@sindresorhus/slugify\";\nimport { matchPath } from \"react-router\";\nimport type { NavigationItem } from \"../../../config/validators/NavigationSchema.js\";\nimport type { AuthState } from \"../../authentication/state.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { Catalog } from \"./Catalog.js\";\n\nexport const getKey = (category: string, tag: string) =>\n  slugify(`${category}-${tag}`);\n\nexport type ApiCatalogItem = {\n  path: string;\n  label: string;\n  description: string;\n  categories: CatalogCategory[];\n};\n\nexport type CatalogCategory = {\n  label: string;\n  tags: string[];\n};\n\nexport type ApiCatalogPluginOptions = {\n  path: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: FilterCatalogItemsFn;\n};\n\nexport type CatalogContext<ProviderData = unknown> = {\n  auth: AuthState<ProviderData>;\n};\n\nexport type FilterCatalogItemsFn<ProviderData = unknown> = (\n  items: ApiCatalogItem[],\n  { auth }: CatalogContext<ProviderData>,\n) => ApiCatalogItem[];\n\nexport const apiCatalogPlugin = ({\n  path,\n  items,\n  label,\n  categories = [],\n  filterCatalogItems,\n}: {\n  path: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: FilterCatalogItemsFn;\n}): ZudokuPlugin => {\n  const paths = Object.fromEntries(\n    categories.flatMap((category) =>\n      [undefined, ...category.tags].map((tag) => [\n        joinUrl(path, tag ? getKey(category.label, tag) : undefined),\n        tag,\n      ]),\n    ),\n  );\n\n  return {\n    getNavigation: async (currentPath) => {\n      const matches = Object.keys(paths).some((path) =>\n        matchPath(path, currentPath),\n      );\n\n      if (!matches) {\n        return [];\n      }\n\n      const navigation: NavigationItem[] = categories.map((category) => ({\n        type: \"category\",\n        label: category.label,\n        collapsible: false,\n        items: category.tags.map((tag) => ({\n          type: \"link\",\n          to: joinUrl(path, getKey(category.label, tag)),\n          label: tag,\n          badge: {\n            label: String(\n              items.filter((api) =>\n                api.categories.find((c) => c.tags.includes(tag)),\n              ).length,\n            ),\n            color: \"outline\",\n          },\n        })),\n      }));\n\n      navigation.unshift({\n        type: \"link\",\n        to: joinUrl(path),\n        label: \"Overview\",\n        badge: { label: String(items.length), color: \"outline\" },\n      });\n\n      return navigation;\n    },\n    getRoutes: () =>\n      Object.entries(paths).map(([path, tag]) => ({\n        path,\n        element: (\n          <Catalog\n            label={label}\n            categoryLabel={tag}\n            items={items}\n            filterCatalogItems={filterCatalogItems}\n            categories={categories}\n          />\n        ),\n      })),\n  };\n};\n"],"names":["Catalog","items","filterCatalogItems","label","categoryLabel","auth","useAuthState","activeCategory","useMatch","catalogItems","useSuspenseQuery","dataSet","jsxs","jsx","Helmet","Heading","api","c","t","getKey","Link","joinUrl","Markdown","props","category","tag","slugify","apiCatalogPlugin","path","categories","paths","currentPath","matchPath","navigation"],"mappings":"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"}
+{"version":3,"file":"zudoku.plugin-api-catalog.js","sources":["../src/lib/plugins/api-catalog/Catalog.tsx","../src/lib/plugins/api-catalog/index.tsx"],"sourcesContent":["import { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { Helmet } from \"@zudoku/react-helmet-async\";\nimport { useMatch } from \"react-router\";\nimport { Link } from \"zudoku/components\";\nimport { useAuthState } from \"../../authentication/state.js\";\nimport { Heading } from \"../../components/Heading.js\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { type ApiCatalogPluginOptions, getKey } from \"./index.js\";\n\nexport const Catalog = ({\n  items,\n  filterCatalogItems = (items) => items,\n  label = \"API Library\",\n  categoryLabel,\n}: Omit<ApiCatalogPluginOptions, \"path\"> & {\n  categoryLabel?: string;\n}) => {\n  const auth = useAuthState();\n  const match = useMatch({ path: \"/catalog/:category\" });\n  const activeCategory = match?.params.category;\n\n  const catalogItems = useSuspenseQuery({\n    queryFn: () => filterCatalogItems(items, { auth }),\n    queryKey: [\"catalogItems\", auth],\n  });\n\n  // Only index the overview page, ignore the rest\n  const dataSet = activeCategory ? { \"data-pagefind-ignore\": \"all\" } : {};\n\n  return (\n    <section className=\"pt-(--padding-content-top)\" {...dataSet}>\n      <Helmet>\n        <title>\n          {categoryLabel ? `${categoryLabel} - ` : \"\"}\n          {label}\n        </title>\n      </Helmet>\n      <div className=\"grid gap-4\">\n        <Heading level={2}>\n          {label}\n          {categoryLabel && ` - ${categoryLabel}`}\n        </Heading>\n\n        <div className=\"grid grid-cols-2 gap-4\">\n          {catalogItems.data\n            .filter(\n              (api) =>\n                !activeCategory ||\n                api.categories.find((c) =>\n                  c.tags.find((t) => getKey(c.label, t) === activeCategory),\n                ),\n            )\n            .map((api) => (\n              <Link\n                to={joinUrl(api.path)}\n                className=\"no-underline hover:!text-foreground\"\n                key={api.path}\n              >\n                <div className=\"border h-full rounded-lg p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal\">\n                  <span className=\"font-semibold\">{api.label}</span>\n                  <Markdown\n                    className=\"text-sm whitespace-pre-wrap mb-6 line-clamp-2\"\n                    content={api.description}\n                    components={{\n                      // Because we're wrapping the description in a Link already,\n                      // we need to strip out other links to not get a hydration error, like:\n                      // > In HTML, <a> cannot be a descendant of <a>.\n                      // > This will cause a hydration error.\n                      a: (props) => <span {...props} />,\n                    }}\n                  />\n                </div>\n              </Link>\n            ))}\n        </div>\n      </div>\n    </section>\n  );\n};\n","import slugify from \"@sindresorhus/slugify\";\nimport { matchPath } from \"react-router\";\nimport type { NavigationItem } from \"../../../config/validators/NavigationSchema.js\";\nimport type { AuthState } from \"../../authentication/state.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { Catalog } from \"./Catalog.js\";\n\nexport const getKey = (category: string, tag: string) =>\n  slugify(`${category}-${tag}`);\n\nexport type ApiCatalogItem = {\n  path: string;\n  label: string;\n  description: string;\n  categories: CatalogCategory[];\n};\n\nexport type CatalogCategory = {\n  label: string;\n  tags: string[];\n};\n\nexport type ApiCatalogPluginOptions = {\n  path: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: FilterCatalogItemsFn;\n};\n\nexport type CatalogContext<ProviderData = unknown> = {\n  auth: AuthState<ProviderData>;\n};\n\nexport type FilterCatalogItemsFn<ProviderData = unknown> = (\n  items: ApiCatalogItem[],\n  { auth }: CatalogContext<ProviderData>,\n) => ApiCatalogItem[];\n\nexport const apiCatalogPlugin = ({\n  path,\n  items,\n  label,\n  categories = [],\n  filterCatalogItems,\n}: {\n  path: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: FilterCatalogItemsFn;\n}): ZudokuPlugin => {\n  const paths = Object.fromEntries(\n    categories.flatMap((category) =>\n      [undefined, ...category.tags].map((tag) => [\n        joinUrl(path, tag ? getKey(category.label, tag) : undefined),\n        tag,\n      ]),\n    ),\n  );\n\n  return {\n    getNavigation: async (currentPath) => {\n      const matches = Object.keys(paths).some((path) =>\n        matchPath(path, currentPath),\n      );\n\n      if (!matches) {\n        return [];\n      }\n\n      const navigation: NavigationItem[] = categories.map((category) => ({\n        type: \"category\",\n        label: category.label,\n        collapsible: false,\n        items: category.tags.map((tag) => ({\n          type: \"link\",\n          to: joinUrl(path, getKey(category.label, tag)),\n          label: tag,\n          badge: {\n            label: String(\n              items.filter((api) =>\n                api.categories.find((c) => c.tags.includes(tag)),\n              ).length,\n            ),\n            color: \"outline\",\n          },\n        })),\n      }));\n\n      navigation.unshift({\n        type: \"link\",\n        to: joinUrl(path),\n        label: \"Overview\",\n        badge: { label: String(items.length), color: \"outline\" },\n      });\n\n      return navigation;\n    },\n    getRoutes: () =>\n      Object.entries(paths).map(([path, tag]) => ({\n        path,\n        element: (\n          <Catalog\n            label={label}\n            categoryLabel={tag}\n            items={items}\n            filterCatalogItems={filterCatalogItems}\n            categories={categories}\n          />\n        ),\n      })),\n  };\n};\n"],"names":["Catalog","items","filterCatalogItems","label","categoryLabel","auth","useAuthState","activeCategory","useMatch","catalogItems","useSuspenseQuery","dataSet","jsxs","jsx","Helmet","Heading","api","c","t","getKey","Link","joinUrl","Markdown","props","category","tag","slugify","apiCatalogPlugin","path","categories","paths","currentPath","matchPath","navigation"],"mappings":"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"}