zudoku 0.0.0-ec30b50 → 0.0.0-ee328ec

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

@@ -1,123 +1,117 @@
-import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
-import { s as j } from "./index-CjJS0l4l.js";
-import { u as b } from "./ZudokuContext-dUyBGMap.js";
-import { b as y } from "./chunk-SYFQ2XB5-QijJrSf0.js";
-import { Head as v, Link as N } from "./zudoku.components.js";
-import { u as w } from "./state-bfQxaDxU.js";
-import { M as C } from "./Markdown-8mv9nhGd.js";
-import { c as h } from "./cn-qaFjX9_3.js";
-const f = (r, n) => j(`${r}-${n}`), k = ({
+import { j as s } from "./jsx-runtime-C5mzlN2N.js";
+import { s as h } from "./index-LNp6rxyU.js";
+import { d as b, m as x } from "./chunk-BAXFHI7N-BLTsN6tl.js";
+import { u as j, d as y, f as p } from "./hook-8GM2HXNM.js";
+import { H as v } from "./RouteGuard-D2gX29iI.js";
+import { L as N } from "./index-Dh-bWAb8.js";
+import { H as S, M as w } from "./Markdown-DvdVn1O7.js";
+const H = ({
   items: r,
-  filterCatalogItems: n = (l) => l,
-  categories: o,
-  label: c = "API Library"
+  filterCatalogItems: o = (n) => n,
+  label: d = "API Library",
+  categoryLabel: a
 }) => {
-  const [l, p] = y(), a = l.get("category"), x = w(), g = b({
-    queryFn: () => n(r, { auth: x }),
-    queryKey: ["catalogItems", x]
-  });
-  return /* @__PURE__ */ e.jsxs("section", { className: "pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
-    /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx("title", { children: c }) }),
-    /* @__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 not-prose sticky top-48", children: /* @__PURE__ */ e.jsx("div", { className: "max-w-[--side-nav-width] flex flex-col gap-4 justify-between", children: o == null ? void 0 : o.map((s, d) => /* @__PURE__ */ e.jsxs("div", { 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 }),
-          d === 0 && a && /* @__PURE__ */ e.jsx(
-            "button",
-            {
-              type: "button",
-              className: "text-end text-sm text-foreground/60 hover:text-foreground",
-              onClick: () => p({}),
-              children: "Clear"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsx("ul", { className: "space-y-1 [&>li]:py-2", children: s.tags.map((t) => ({
-          tag: t,
-          count: r.filter(
-            (m) => m.categories.find((i) => i.tags.includes(t))
-          ).length
-        })).map(({ tag: t, count: m }) => {
-          const i = f(s.label, t), u = i === a;
-          return /* @__PURE__ */ e.jsxs(
-            "li",
-            {
-              className: h(
-                "flex rounded-lg justify-between text-sm cursor-pointer hover:text-primary transition px-[--padding-nav-item] -mx-[--padding-nav-item]",
-                u && "bg-border/30 rounded"
-              ),
-              onClick: () => p({ category: i }),
-              children: [
-                /* @__PURE__ */ e.jsx("span", { children: t }),
-                /* @__PURE__ */ e.jsx(
-                  "span",
-                  {
-                    className: h(
-                      "flex items-center justify-center border rounded-md w-8 text-xs font-semibold",
-                      u && "bg-primary border-primary text-primary-foreground"
-                    ),
-                    children: m
-                  }
-                )
-              ]
-            },
-            i
-          );
-        }) })
-      ] }, 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: c }),
-        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 gap-4", children: g.data.filter(
-          (s) => !a || s.categories.find(
-            (d) => d.tags.find((t) => f(d.label, t) === a)
-          )
-        ).map((s) => /* @__PURE__ */ e.jsx(
-          N,
-          {
-            to: {
-              pathname: `/${s.path}`,
-              search: a ? `category=${a}` : ""
-            },
-            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(
-                C,
-                {
-                  className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
-                  content: s.description
-                }
-              )
-            ] })
-          },
-          s.path
-        )) })
-      ] })
+  const n = j(), i = b({ path: "/catalog/:category" }), t = i == null ? void 0 : i.params.category, l = y({
+    queryFn: () => o(r, { auth: n }),
+    queryKey: ["catalogItems", n]
+  }), m = t ? { "data-pagefind-ignore": "all" } : {};
+  return /* @__PURE__ */ s.jsxs("section", { className: "pt-[--padding-content-top]", ...m, children: [
+    /* @__PURE__ */ s.jsx(v, { children: /* @__PURE__ */ s.jsxs("title", { children: [
+      a ? `${a} - ` : "",
+      d
+    ] }) }),
+    /* @__PURE__ */ s.jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ s.jsxs(S, { level: 2, children: [
+        d,
+        a && ` - ${a}`
+      ] }),
+      /* @__PURE__ */ s.jsx("div", { className: "grid grid-cols-2 gap-4", children: l.data.filter(
+        (e) => !t || e.categories.find(
+          (c) => c.tags.find((u) => f(c.label, u) === t)
+        )
+      ).map((e) => /* @__PURE__ */ s.jsx(
+        N,
+        {
+          to: p(e.path),
+          className: "no-underline hover:!text-foreground",
+          children: /* @__PURE__ */ s.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__ */ s.jsx("span", { className: "font-semibold", children: e.label }),
+            /* @__PURE__ */ s.jsx(
+              w,
+              {
+                className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
+                content: e.description
+              }
+            )
+          ] })
+        },
+        e.path
+      )) })
     ] })
   ] });
-}, M = ({
+}, f = (r, o) => h(`${r}-${o}`), A = ({
   navigationId: r,
-  items: n,
-  label: o,
-  categories: c,
-  filterCatalogItems: l
-}) => ({
-  getRoutes: () => [
-    {
-      path: r,
-      element: /* @__PURE__ */ e.jsx(
-        k,
+  items: o,
+  label: d,
+  categories: a = [],
+  filterCatalogItems: n
+}) => {
+  const i = Object.fromEntries(
+    a.flatMap(
+      (t) => [void 0, ...t.tags].map((l) => [
+        p(r, l ? f(t.label, l) : void 0),
+        l
+      ])
+    )
+  );
+  return {
+    getSidebar: async (t) => {
+      if (!Object.keys(i).some(
+        (e) => x(e, t)
+      ))
+        return [];
+      const m = a.map((e) => ({
+        type: "category",
+        label: e.label,
+        collapsible: !1,
+        items: e.tags.map((c) => ({
+          type: "doc",
+          id: p(r, f(e.label, c)),
+          label: c,
+          badge: {
+            label: String(
+              o.filter(
+                (u) => u.categories.find((g) => g.tags.includes(c))
+              ).length
+            ),
+            color: "outline"
+          }
+        }))
+      }));
+      return m.unshift({
+        type: "doc",
+        id: p(r),
+        label: "Overview",
+        badge: { label: String(o.length), color: "outline" }
+      }), m;
+    },
+    getRoutes: () => Object.entries(i).map(([t, l]) => ({
+      path: t,
+      element: /* @__PURE__ */ s.jsx(
+        H,
         {
-          label: o,
-          items: n,
-          filterCatalogItems: l,
-          categories: c ?? []
+          label: d,
+          categoryLabel: l,
+          items: o,
+          filterCatalogItems: n,
+          categories: a
         }
       )
-    }
-  ]
-});
+    }))
+  };
+};
 export {
-  M as apiCatalogPlugin
+  A 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 { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { useSearchParams } from \"react-router\";\nimport { Head, Link } from \"zudoku/components\";\nimport { useAuthState } from \"../../authentication/state.js\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { cn } from \"../../util/cn.js\";\nimport type { ApiCatalogPluginOptions } from \"./index.js\";\n\nconst getKey = (category: string, tag: string) => slugify(`${category}-${tag}`);\n\nexport const Catalog = ({\n  items,\n  filterCatalogItems = (items) => items,\n  categories,\n  label = \"API Library\",\n}: Omit<ApiCatalogPluginOptions, \"navigationId\">) => {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const activeCategory = searchParams.get(\"category\");\n  const auth = useAuthState();\n\n  const catalogItems = useSuspenseQuery({\n    queryFn: () => filterCatalogItems(items, { auth }),\n    queryKey: [\"catalogItems\", auth],\n  });\n\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 not-prose sticky top-48\">\n          <div className=\"max-w-[--side-nav-width] flex flex-col gap-4 justify-between\">\n            {categories?.map((category, idx) => (\n              <div 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 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                  {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                      const slug = getKey(category.label, tag);\n                      const isActive = slug === activeCategory;\n\n                      return (\n                        <li\n                          key={slug}\n                          className={cn(\n                            \"flex rounded-lg justify-between text-sm cursor-pointer hover:text-primary transition px-[--padding-nav-item] -mx-[--padding-nav-item]\",\n                            isActive && \"bg-border/30 rounded\",\n                          )}\n                          onClick={() => setSearchParams({ category: slug })}\n                        >\n                          <span>{tag}</span>\n                          <span\n                            className={cn(\n                              \"flex items-center justify-center border rounded-md w-8 text-xs font-semibold\",\n                              isActive &&\n                                \"bg-primary border-primary text-primary-foreground\",\n                            )}\n                          >\n                            {count}\n                          </span>\n                        </li>\n                      );\n                    })}\n                </ul>\n              </div>\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            {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={{\n                    pathname: `/${api.path}`,\n                    search: activeCategory ? `category=${activeCategory}` : \"\",\n                  }}\n                  className=\"no-underline hover:!text-foreground\"\n                  key={api.path}\n                >\n                  <div className=\"border h-full rounded 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      </div>\n    </section>\n  );\n};\n","import type { AuthState } from \"../../authentication/state.js\";\nimport 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  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    getRoutes: () => {\n      return [\n        {\n          path: navigationId,\n          element: (\n            <Catalog\n              label={label}\n              items={items}\n              filterCatalogItems={filterCatalogItems}\n              categories={categories ?? []}\n            />\n          ),\n        },\n      ];\n    },\n  };\n};\n"],"names":["getKey","category","tag","slugify","Catalog","items","filterCatalogItems","categories","label","searchParams","setSearchParams","useSearchParams","activeCategory","auth","useAuthState","catalogItems","useSuspenseQuery","jsxs","jsx","Head","idx","api","c","count","slug","isActive","cn","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 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                  />\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  const paths = Object.fromEntries(\n    categories.flatMap((category) =>\n      [undefined, ...category.tags].map((tag) => [\n        joinUrl(navigationId, tag ? getKey(category.label, tag) : undefined),\n        tag,\n      ]),\n    ),\n  );\n\n  return {\n    getSidebar: 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 sidebar: SidebarItem[] = categories.map((category) => ({\n        type: \"category\" as const,\n        label: category.label,\n        collapsible: false,\n        items: category.tags.map((tag) => ({\n          type: \"doc\" as const,\n          id: joinUrl(navigationId, 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\" as const,\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      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","match","useMatch","activeCategory","catalogItems","useSuspenseQuery","dataSet","jsxs","jsx","Helmet","Heading","api","t","getKey","Link","joinUrl","Markdown","category","tag","slugify","apiCatalogPlugin","navigationId","categories","paths","currentPath","path","matchPath","sidebar","c"],"mappings":"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"}