zudoku 0.0.0-e5be921 → 0.0.0-e614aaa

package/lib/zudoku.css

@@ -0,0 +1 @@
+@tailwind components;@layer components{.stepper>ol{--bullet-size: 1.75rem;--line-spacing: .25rem;@apply flex flex-col list-none p-0 m-0;counter-reset:step-counter}.stepper>ol>li{@apply relative ps-12 pb-6 my-0;counter-increment:step-counter}.stepper>ol>li:last-child{@apply pb-0;}.stepper>ol>li:before{@apply absolute left-0 flex items-center justify-center size-[--bullet-size];@apply bg-muted/80 border border-border text-muted-foreground text-[calc(var(--bullet-size)/2)] font-semibold rounded-full;content:counter(step-counter)}.stepper>ol>li:after{@apply absolute content-[""] w-[2px] bg-border -translate-x-1/2;left:calc(var(--bullet-size) / 2);top:calc(var(--bullet-size) + var(--line-spacing));height:calc(100% - var(--bullet-size) - (2 * var(--line-spacing)))}.stepper>ol>li>:first-child{@apply mt-0 pt-0;transform:translateY(calc((var(--bullet-size) - 1lh) / 2))}}

package/lib/zudoku.hooks.js

@@ -0,0 +1,19 @@
+import { z as f } from "./index-DwT-v3zK.js";
+import { useState as m, useEffect as i } from "react";
+import { a } from "./hook-CN__aZIt.js";
+function d(e, t) {
+  const s = a(), [n, o] = m();
+  return i(() => s.addEventListener(e, (...u) => {
+    if (t) {
+      const r = t(...u);
+      o(r);
+    } else
+      o(u);
+  }), [s, e, t]), n;
+}
+const v = d, z = f;
+export {
+  v as useEvent,
+  z as useTheme
+};
+//# sourceMappingURL=zudoku.hooks.js.map

package/lib/zudoku.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zudoku.hooks.js","sources":["../src/lib/hooks/useEvent.ts","../src/lib/hooks/index.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","import { useTheme as useThemeImport } from \"next-themes\";\nimport { useEvent as useEventImport } from \"./useEvent.js\";\n\nexport const useEvent = /*@__PURE__*/ useEventImport;\nexport const useTheme = /*@__PURE__*/ useThemeImport;\n"],"names":["useEvent","event","callback","zudoku","useZudoku","latestData","setLatestData","useState","useEffect","args","result","useEventImport","useTheme","useThemeImport"],"mappings":";;;AAqBgB,SAAAA,EACdC,GACAC,GACA;AACA,QAAMC,IAASC,EAAU,GACnB,CAACC,GAAYC,CAAa,IAAIC,EAAiC;AAErE,SAAAC,EAAU,MACDL,EAAO,iBAAiBF,GAAQ,IAAIQ,MAA6B;AACtE,QAAIP,GAAU;AACN,YAAAQ,IAASR,EAAS,GAAGO,CAAI;AAC/B,MAAAH,EAAcI,CAAM;AAAA,IAAA;AAEpB,MAAAJ,EAAcG,CAAI;AAAA,EACpB,CACmB,GACpB,CAACN,GAAQF,GAAOC,CAAQ,CAAC,GAErBG;AACT;ACrCO,MAAML,IAAyBW,GACzBC,IAAyBC;"}

package/lib/zudoku.icons.js

@@ -1,2 +1,12 @@
+import { CircleDashed as e } from "lucide-react";
 export * from "lucide-react";
+import { j as o } from "./jsx-runtime-CYK1ROHF.js";
+import { TooltipProvider as t, Tooltip as i, TooltipTrigger as s, TooltipContent as n } from "./ui/Tooltip.js";
+const d = (r) => /* @__PURE__ */ o.jsx(t, { children: /* @__PURE__ */ o.jsxs(i, { children: [
+  /* @__PURE__ */ o.jsx(s, { className: "text-red-500", children: /* @__PURE__ */ o.jsx(e, { ...r }) }),
+  /* @__PURE__ */ o.jsx(n, { children: "Icon not found, see: https://lucide.dev/icons/" })
+] }) });
+export {
+  d as MissingIcon
+};
 //# sourceMappingURL=zudoku.icons.js.map

package/lib/zudoku.icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"zudoku.icons.js","sources":["../src/lib/MissingIcon.tsx"],"sourcesContent":["import { CircleDashed, LucideProps } from \"lucide-react\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"./ui/Tooltip.js\";\n\nexport const MissingIcon = (props: LucideProps) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger className=\"text-red-500\">\n          <CircleDashed {...props} />\n        </TooltipTrigger>\n        <TooltipContent>\n          Icon not found, see: https://lucide.dev/icons/\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n"],"names":["MissingIcon","props","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","CircleDashed","TooltipContent"],"mappings":";;;;AAQa,MAAAA,IAAc,CAACC,MAExBC,gBAAAA,EAAAA,IAACC,GACC,EAAA,UAAAC,gBAAAA,EAAAA,KAACC,GACC,EAAA,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,KAAe,WAAU,gBACxB,gCAACC,GAAc,EAAA,GAAGN,GAAO,EAC3B,CAAA;AAAA,EACAC,gBAAAA,EAAAA,IAACM,KAAe,UAEhB,iDAAA,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}

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

@@ -1,121 +1,121 @@
-import { j as e } from "./jsx-runtime-B6kdoens.js";
-import { s as n } from "./index-LNp6rxyU.js";
-import { Fragment as x } from "react";
-import { Head as f, Link as h } from "./zudoku.components.js";
-import { M as u } from "./Markdown-CRsmPPfY.js";
-import { u as j } from "./useExposedProps-CTPtylCV.js";
-const b = ({
-  items: l,
-  categories: i,
-  label: o = "API Library"
+import { j as e } from "./jsx-runtime-CYK1ROHF.js";
+import { s as h } from "./index-LNp6rxyU.js";
+import { d as b, m as x } from "./chunk-IR6S3I6Y-D_3UmFIn.js";
+import { j as d } from "./joinUrl-10po2Jdj.js";
+import { u as j, b as y } from "./hook-CN__aZIt.js";
+import { H as v } from "./index.esm-CQHE3GEU.js";
+import { Link as N } from "./zudoku.components.js";
+import { H as S, M as w } from "./Markdown-DePfm7oQ.js";
+const H = ({
+  items: s,
+  filterCatalogItems: l = (n) => n,
+  label: c = "API Library",
+  categoryLabel: r
 }) => {
-  const { searchParams: c, setSearchParams: m } = j(), t = c.get("category");
-  return /* @__PURE__ */ e.jsxs("section", { className: "pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
-    /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsx("title", { children: o }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-12 gap-12", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-4 col-span-3 px-4 not-prose sticky top-48", children: /* @__PURE__ */ e.jsx("div", { className: "justify-between", children: i.map((s, a) => /* @__PURE__ */ e.jsxs(x, { children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between mb-2.5", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "font-medium text-sm", children: s.label }),
-          a === 0 && t && /* @__PURE__ */ e.jsx(
-            "button",
-            {
-              type: "button",
-              className: "text-end text-sm mr-8 text-foreground/60 hover:text-foreground",
-              onClick: () => m({}),
-              children: "Clear"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsx("ul", { className: "space-y-1 [&>li]:py-2", children: Array.from(
-          new Set(
-            s.tags.map((r) => ({
-              tag: r,
-              count: l.filter(
-                (d) => d.categories.find((p) => p.tags.includes(r))
-              ).length
-            })).map(({ tag: r, count: d }) => /* @__PURE__ */ e.jsxs(
-              "li",
-              {
-                className: `flex px-4 rounded-lg -translate-x-4 justify-between text-sm cursor-pointer hover:text-primary transition ${n(r) === t ? "font-medium bg-border/30 rounded" : ""}`,
-                onClick: () => m({
-                  category: n(s.label + " " + r)
-                }),
-                children: [
-                  /* @__PURE__ */ e.jsx("span", { children: r }),
-                  /* @__PURE__ */ e.jsx(
-                    "span",
-                    {
-                      className: `flex items-center justify-center border rounded-md w-8 text-xs font-semibold ${n(r) === t ? "bg-primary border-primary text-primary-foreground" : ""}`,
-                      children: d
-                    }
-                  )
-                ]
-              },
-              n(s.label + " " + r)
-            ))
-          )
-        ) })
-      ] }, s.label)) }) }),
-      /* @__PURE__ */ e.jsxs("div", { className: "col-span-9", children: [
-        /* @__PURE__ */ e.jsx("h3", { className: "mt-0 text-2xl font-bold mb-4", children: o }),
-        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 gap-4", children: l.filter(
-          (s) => !t || s.categories.find(
-            (a) => a.tags.find(
-              (r) => n(a.label + " " + r) === t
+  const n = j(), o = b({ path: "/catalog/:category" }), a = o == null ? void 0 : o.params.category, p = y({
+    queryFn: () => l(s, { auth: n }),
+    queryKey: ["catalogItems", n]
+  }), i = a ? { "data-pagefind-ignore": "all" } : {};
+  return /* @__PURE__ */ e.jsxs(
+    "section",
+    {
+      className: "pt-[--padding-content-top] pb-[--padding-content-bottom]",
+      ...i,
+      children: [
+        /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsxs("title", { children: [
+          r ? `${r} - ` : "",
+          c
+        ] }) }),
+        /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+          /* @__PURE__ */ e.jsxs(S, { level: 2, children: [
+            c,
+            r && ` - ${r}`
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 gap-4", children: p.data.filter(
+            (t) => !a || t.categories.find(
+              (m) => m.tags.find((u) => f(m.label, u) === a)
             )
-          )
-        ).map((s, a) => /* @__PURE__ */ e.jsx(
-          h,
-          {
-            to: {
-              pathname: `/${s.path}`,
-              search: t ? `category=${t}` : ""
+          ).map((t) => /* @__PURE__ */ e.jsx(
+            N,
+            {
+              to: d(t.path),
+              className: "no-underline hover:!text-foreground",
+              children: /* @__PURE__ */ e.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__ */ e.jsx("span", { className: "font-semibold", children: t.label }),
+                /* @__PURE__ */ e.jsx(
+                  w,
+                  {
+                    className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
+                    content: t.description
+                  }
+                )
+              ] })
             },
-            className: "no-underline hover:!text-foreground",
-            children: /* @__PURE__ */ e.jsxs(
-              "div",
-              {
-                className: "border h-full rounded p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal",
-                children: [
-                  /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: s.label }),
-                  /* @__PURE__ */ e.jsx(
-                    u,
-                    {
-                      className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
-                      content: s.description
-                    }
-                  )
-                ]
-              },
-              a
-            )
-          },
-          s.path
-        )) })
-      ] })
-    ] })
-  ] });
-}, k = ({
-  navigationId: l,
-  items: i,
-  label: o,
-  categories: c
+            t.path
+          )) })
+        ] })
+      ]
+    }
+  );
+}, f = (s, l) => h(`${s}-${l}`), R = ({
+  navigationId: s,
+  items: l,
+  label: c,
+  categories: r = [],
+  filterCatalogItems: n
 }) => ({
-  getRoutes: () => [
-    {
-      path: l,
+  getSidebar: async function(a) {
+    if (!x({ path: d(s), end: !1 }, a))
+      return [];
+    const p = r.map((i) => ({
+      type: "category",
+      label: i.label,
+      collapsible: !1,
+      items: i.tags.map((t) => {
+        const m = f(i.label, t);
+        return {
+          type: "doc",
+          id: d(s, m),
+          label: t,
+          badge: {
+            label: String(
+              l.filter(
+                (u) => u.categories.find((g) => g.tags.includes(t))
+              ).length
+            ),
+            color: "outline"
+          }
+        };
+      })
+    }));
+    return p.unshift({
+      type: "doc",
+      id: d(s),
+      label: "Overview",
+      badge: { label: String(l.length), color: "outline" }
+    }), p;
+  },
+  getRoutes: () => r.flatMap(
+    (o) => [void 0, ...o.tags].map((a) => ({
+      path: d(
+        s,
+        a ? f(o.label, a) : void 0
+      ),
       element: /* @__PURE__ */ e.jsx(
-        b,
+        H,
         {
-          label: o,
-          items: i,
-          categories: c ?? []
+          label: c,
+          categoryLabel: a,
+          items: l,
+          filterCatalogItems: n,
+          categories: r
         }
       )
-    }
-  ]
+    }))
+  )
 });
 export {
-  k as apiCatalogPlugin
+  R as apiCatalogPlugin,
+  f 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 slugify from \"@sindresorhus/slugify\";\nimport { Fragment } from \"react\";\nimport { Head, Link } from \"zudoku/components\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { useExposedProps } from \"../../util/useExposedProps.js\";\nimport type { ApiCatalogItem, CatalogCategory } from \"./index.js\";\n\nexport const Catalog = ({\n  items,\n  categories,\n  label = \"API Library\",\n}: {\n  label: string;\n  items: ApiCatalogItem[];\n  categories: CatalogCategory[];\n}) => {\n  const { searchParams, setSearchParams } = useExposedProps();\n  const activeCategory = searchParams.get(\"category\");\n  return (\n    <section className=\"pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <Head>\n        <title>{label}</title>\n      </Head>\n      <div className=\"grid grid-cols-12 gap-12\">\n        <div className=\"flex flex-col gap-4 col-span-3 px-4 not-prose sticky top-48\">\n          <div className=\"justify-between\">\n            {categories.map((category, idx) => (\n              <Fragment key={category.label}>\n                <div className=\"flex justify-between mb-2.5\">\n                  <span className=\"font-medium text-sm\">{category.label}</span>\n                  {idx === 0 && activeCategory && (\n                    <button\n                      type=\"button\"\n                      className=\"text-end text-sm mr-8 text-foreground/60 hover:text-foreground\"\n                      onClick={() => setSearchParams({})}\n                    >\n                      Clear\n                    </button>\n                  )}\n                </div>\n                <ul className=\"space-y-1 [&>li]:py-2\">\n                  {Array.from(\n                    new Set(\n                      category.tags\n                        .map((tag) => ({\n                          tag,\n                          count: items.filter((api) =>\n                            api.categories.find((c) => c.tags.includes(tag)),\n                          ).length,\n                        }))\n                        .map(({ tag, count }) => (\n                          <li\n                            key={slugify(category.label + \" \" + tag)}\n                            className={`flex px-4 rounded-lg -translate-x-4 justify-between text-sm cursor-pointer hover:text-primary transition ${\n                              slugify(tag) === activeCategory\n                                ? \"font-medium bg-border/30 rounded\"\n                                : \"\"\n                            }`}\n                            onClick={() =>\n                              setSearchParams({\n                                category: slugify(category.label + \" \" + tag),\n                              })\n                            }\n                          >\n                            <span>{tag}</span>\n                            <span\n                              className={`flex items-center justify-center border rounded-md w-8 text-xs font-semibold ${\n                                slugify(tag) === activeCategory\n                                  ? \"bg-primary border-primary text-primary-foreground\"\n                                  : \"\"\n                              }`}\n                            >\n                              {count}\n                            </span>\n                          </li>\n                        )),\n                    ),\n                  )}\n                </ul>\n              </Fragment>\n            ))}\n          </div>\n        </div>\n        <div className=\"col-span-9\">\n          <h3 className=\"mt-0 text-2xl font-bold mb-4\">{label}</h3>\n\n          <div className=\"grid grid-cols-2 gap-4\">\n            {items\n              .filter(\n                (api) =>\n                  !activeCategory ||\n                  api.categories.find((c) =>\n                    c.tags.find(\n                      (t) => slugify(c.label + \" \" + t) === activeCategory,\n                    ),\n                  ),\n              )\n              .map((api, i) => (\n                <Link\n                  to={{\n                    pathname: `/${api.path}`,\n                    search: activeCategory ? `category=${activeCategory}` : \"\",\n                  }}\n                  className=\"no-underline hover:!text-foreground\"\n                  key={api.path}\n                >\n                  <div\n                    className=\"border h-full rounded p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal\"\n                    key={i}\n                  >\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                    />\n                  </div>\n                </Link>\n              ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n","import type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { Catalog } from \"./Catalog.js\";\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  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n};\n\nexport const apiCatalogPlugin = ({\n  navigationId,\n  items,\n  label,\n  categories,\n}: {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n}): ZudokuPlugin => {\n  return {\n    getRoutes: () => {\n      return [\n        {\n          path: navigationId,\n          element: (\n            <Catalog\n              label={label}\n              items={items}\n              categories={categories ?? []}\n            />\n          ),\n        },\n      ];\n    },\n  };\n};\n"],"names":["Catalog","items","categories","label","searchParams","setSearchParams","useExposedProps","activeCategory","jsxs","jsx","Head","category","idx","Fragment","tag","api","c","count","slugify","t","i","Link","Markdown","apiCatalogPlugin","navigationId"],"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, \"navigationId\"> & {\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\n      className=\"pt-[--padding-content-top] pb-[--padding-content-bottom]\"\n      {...dataSet}\n    >\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                  />\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 { SidebarItem } from \"../../../config/validators/SidebarSchema.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  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: filterCatalogItems;\n};\n\nexport type CatalogContext<ProviderData = unknown> = {\n  auth: AuthState<ProviderData>;\n};\n\nexport type filterCatalogItems<ProviderData = unknown> = (\n  items: ApiCatalogItem[],\n  { auth }: CatalogContext<ProviderData>,\n) => ApiCatalogItem[];\n\nexport const apiCatalogPlugin = ({\n  navigationId,\n  items,\n  label,\n  categories = [],\n  filterCatalogItems,\n}: {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: filterCatalogItems;\n}): ZudokuPlugin => {\n  return {\n    getSidebar: async function Sidebar(path) {\n      if (!matchPath({ path: joinUrl(navigationId), end: false }, path)) {\n        return [];\n      }\n\n      const sidebar: SidebarItem[] = categories.map((category) => ({\n        type: \"category\" as const,\n        label: category.label,\n        collapsible: false,\n        items: category.tags.map((tag) => {\n          const tagPath = getKey(category.label, tag);\n          return {\n            type: \"doc\" as const,\n            id: joinUrl(navigationId, tagPath),\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\" as const,\n            },\n          };\n        }),\n      }));\n\n      sidebar.unshift({\n        type: \"doc\" as const,\n        id: joinUrl(navigationId),\n        label: \"Overview\",\n        badge: { label: String(items.length), color: \"outline\" as const },\n      });\n\n      return sidebar;\n    },\n    getRoutes: () =>\n      categories.flatMap((category) =>\n        [undefined, ...category.tags].map((tag) => ({\n          path: joinUrl(\n            navigationId,\n            tag ? getKey(category.label, tag) : undefined,\n          ),\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};\n"],"names":["Catalog","items","filterCatalogItems","label","categoryLabel","auth","useAuthState","match","useMatch","activeCategory","catalogItems","useSuspenseQuery","dataSet","jsxs","jsx","Helmet","Heading","api","c","t","getKey","Link","joinUrl","Markdown","category","tag","slugify","apiCatalogPlugin","navigationId","categories","path","matchPath","sidebar","tagPath"],"mappings":"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"}