zudoku 0.0.0-f417aae → 0.0.0-f471fb8

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 { e as a } from "./hook-CqpVYDqN.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

@@ -0,0 +1,123 @@
+import { j as t } from "./jsx-runtime-CYK1ROHF.js";
+import { s as f } from "./index-LNp6rxyU.js";
+import { d as b, m as x } from "./chunk-HA7DTUK3-C4gP41vD.js";
+import { u as j, d as y, f as p } from "./hook-CqpVYDqN.js";
+import { H as v, L as N } from "./index-Bt7MKhZq.js";
+import { H as S, M as w } from "./Markdown-aF5FdsNi.js";
+const H = ({
+  items: r,
+  filterCatalogItems: o = (n) => n,
+  label: d = "API Library",
+  categoryLabel: a
+}) => {
+  const n = j(), i = b({ path: "/catalog/:category" }), s = i == null ? void 0 : i.params.category, l = y({
+    queryFn: () => o(r, { auth: n }),
+    queryKey: ["catalogItems", n]
+  }), m = s ? { "data-pagefind-ignore": "all" } : {};
+  return /* @__PURE__ */ t.jsxs(
+    "section",
+    {
+      className: "pt-[--padding-content-top] pb-[--padding-content-bottom]",
+      ...m,
+      children: [
+        /* @__PURE__ */ t.jsx(v, { children: /* @__PURE__ */ t.jsxs("title", { children: [
+          a ? `${a} - ` : "",
+          d
+        ] }) }),
+        /* @__PURE__ */ t.jsxs("div", { className: "grid gap-4", children: [
+          /* @__PURE__ */ t.jsxs(S, { level: 2, children: [
+            d,
+            a && ` - ${a}`
+          ] }),
+          /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-2 gap-4", children: l.data.filter(
+            (e) => !s || e.categories.find(
+              (c) => c.tags.find((g) => u(c.label, g) === s)
+            )
+          ).map((e) => /* @__PURE__ */ t.jsx(
+            N,
+            {
+              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(
+                  w,
+                  {
+                    className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
+                    content: e.description
+                  }
+                )
+              ] })
+            },
+            e.path
+          )) })
+        ] })
+      ]
+    }
+  );
+}, u = (r, o) => f(`${r}-${o}`), q = ({
+  navigationId: r,
+  items: o,
+  label: d,
+  categories: a = [],
+  filterCatalogItems: n
+}) => {
+  const i = Object.fromEntries(
+    a.flatMap(
+      (s) => [void 0, ...s.tags].map((l) => [
+        p(r, l ? u(s.label, l) : void 0),
+        l
+      ])
+    )
+  );
+  return {
+    getSidebar: async (s) => {
+      if (!Object.keys(i).some(
+        (e) => x(e, s)
+      ))
+        return [];
+      const m = a.map((e) => ({
+        type: "category",
+        label: e.label,
+        collapsible: !1,
+        items: e.tags.map((c) => ({
+          type: "doc",
+          id: p(r, u(e.label, c)),
+          label: c,
+          badge: {
+            label: String(
+              o.filter(
+                (g) => g.categories.find((h) => h.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(([s, l]) => ({
+      path: s,
+      element: /* @__PURE__ */ t.jsx(
+        H,
+        {
+          label: d,
+          categoryLabel: l,
+          items: o,
+          filterCatalogItems: n,
+          categories: a
+        }
+      )
+    }))
+  };
+};
+export {
+  q as apiCatalogPlugin,
+  u as getKey
+};
+//# sourceMappingURL=zudoku.plugin-api-catalog.js.map

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

@@ -0,0 +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, \"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  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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"}

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

@@ -1,54 +1,57 @@
-import { j as e } from "./jsx-runtime-B6kdoens.js";
-import { S as m, R as g } from "./SlotletProvider-CBqY8mp6.js";
+import { j as e } from "./jsx-runtime-CYK1ROHF.js";
+import { RotateCwIcon as j, TrashIcon as v, EyeOffIcon as w, EyeIcon as K, CheckIcon as b, CopyIcon as k, FileKey2Icon as N } from "lucide-react";
+import { D as I, S as x, R as S } from "./SlotletProvider-DXvc0aY6.js";
 import { i as c } from "./invariant-Caa8-XvF.js";
-import { u as f, a as d, I as j, S as v, b, c as w, d as k, e as K, f as x } from "./Input-CO-1DOZa.js";
-import { a as N, L as u, O as I } from "./index-CRo94sKK.js";
-import { u as h, a as S, b as A } from "./ZudokuContext-DEoP3GGJ.js";
-import { B as l, f as C } from "./index-CBr6BM_4.js";
-import { D as E } from "./DeveloperHint-CRiZjqd2.js";
-import { RotateCwIcon as P, TrashIcon as D, EyeOffIcon as R, EyeIcon as q, CheckIcon as O, CopyIcon as z } from "lucide-react";
-import { useState as p } from "react";
-import { a as T } from "./Markdown-DM4zv3MA.js";
-const F = ({ service: t }) => {
-  const s = h(), r = N(), n = f({
+import { e as h, g, l as A, d as C } from "./hook-CqpVYDqN.js";
+import { u as d, S as E, a as P, b as D, c as q, d as R, e as p } from "./Select-DVFRKf1R.js";
+import { a as O } from "./index.esm--gIChbWs.js";
+import { a as z, L as u, O as F } from "./chunk-HA7DTUK3-C4gP41vD.js";
+import { Button as l } from "./ui/Button.js";
+import { Input as T } from "./ui/Input.js";
+import { useState as y } from "react";
+import { c as L } from "./cn-qaFjX9_3.js";
+const V = ({ service: t }) => {
+  const n = h(), i = g(), r = z(), a = O({
     defaultValues: {
       expiresOn: "30"
     }
   }), o = d({
-    mutationFn: ({ description: a, expiresOn: i }) => {
+    mutationFn: ({ description: s, expiresOn: m }) => {
       if (!t.createKey)
-        throw new Error("deleteKey not implemented");
-      const y = i !== "never" ? L(Number(i)) : void 0;
+        throw new Error("createKey not implemented");
+      const f = m !== "never" ? M(Number(m)) : void 0;
       return t.createKey(
-        { description: a, expiresOn: y },
-        s
+        { description: s, expiresOn: f },
+        n
       );
     },
-    onSuccess: () => r("/settings/api-keys/")
+    onSuccess: async () => {
+      await i.invalidateQueries({ queryKey: ["api-keys"] }), await r("/settings/api-keys/");
+    }
   });
   return t.createKey ? /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
     /* @__PURE__ */ e.jsx("div", { className: "flex justify-between mb-4 border-b pb-1", children: /* @__PURE__ */ e.jsx("h1", { className: "font-medium text-2xl", children: "New API Key" }) }),
     /* @__PURE__ */ e.jsx(
       "form",
       {
-        onSubmit: n.handleSubmit((a) => o.mutate(a)),
+        onSubmit: a.handleSubmit((s) => o.mutate(s)),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 flex-col", children: [
           "Note",
-          /* @__PURE__ */ e.jsx(j, { ...n.register("description") }),
+          /* @__PURE__ */ e.jsx(T, { ...a.register("description") }),
           "Expiration",
           /* @__PURE__ */ e.jsxs(
-            v,
+            E,
             {
-              onValueChange: (a) => n.setValue("expiresOn", a),
-              defaultValue: n.getValues("expiresOn"),
+              onValueChange: (s) => a.setValue("expiresOn", s),
+              defaultValue: a.getValues("expiresOn"),
               children: [
-                /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(w, {}) }),
-                /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(K, { children: [
-                  [7, 30, 60, 90].map((a) => /* @__PURE__ */ e.jsxs(x, { value: String(a), children: [
-                    a,
+                /* @__PURE__ */ e.jsx(P, { children: /* @__PURE__ */ e.jsx(D, {}) }),
+                /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsxs(R, { children: [
+                  [7, 30, 60, 90].map((s) => /* @__PURE__ */ e.jsxs(p, { value: String(s), children: [
+                    s,
                     " days"
-                  ] }, a)),
-                  /* @__PURE__ */ e.jsx(x, { value: "never", children: "Never" })
+                  ] }, s)),
+                  /* @__PURE__ */ e.jsx(p, { value: "never", children: "Never" })
                 ] }) })
               ]
             }
@@ -61,49 +64,49 @@ const F = ({ service: t }) => {
       }
     )
   ] }) : null;
-}, L = (t) => {
-  const s = /* @__PURE__ */ new Date();
-  return s.setDate(s.getDate() + t), s.toISOString();
-}, V = () => {
-  const t = C();
-  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(I, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
+}, M = (t) => {
+  const n = /* @__PURE__ */ new Date();
+  return n.setDate(n.getDate() + t), n.toISOString();
+}, Q = () => {
+  const t = A();
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(F, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
     "Please login first to view this page",
     /* @__PURE__ */ e.jsx(l, { onClick: () => t.login(), children: "Login" })
-  ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(E, { className: "max-w-[600px]", children: [
+  ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(I, { className: "max-w-[600px]", children: [
     "Authentication needs to be enabled for API keys to work. Enable it in your Zudoku configuration under ",
     /* @__PURE__ */ e.jsx("code", { children: "authentication" }),
     "."
   ] }) });
-}, M = ({ service: t }) => {
-  const s = h(), r = S(), { data: n } = A({
-    queryFn: () => t.getKeys(s),
+}, _ = ({ service: t }) => {
+  const n = h(), i = g(), { data: r } = C({
+    queryFn: () => t.getKeys(n),
     queryKey: ["api-keys"],
     retry: !1
-  }), o = d({
-    mutationFn: (i) => {
+  }), a = d({
+    mutationFn: (s) => {
       if (!t.deleteKey)
         throw new Error("deleteKey not implemented");
-      return t.deleteKey(i, s);
+      return t.deleteKey(s, n);
     },
     onSuccess: () => {
-      r.invalidateQueries({ queryKey: ["api-keys"] });
+      i.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), a = d({
-    mutationFn: (i) => {
+  }), o = d({
+    mutationFn: (s) => {
       if (!t.rollKey)
         throw new Error("rollKey not implemented");
-      return t.rollKey(i, s);
+      return t.rollKey(s, n);
     },
-    onSuccess: () => r.invalidateQueries({ queryKey: ["api-keys"] })
+    onSuccess: () => i.invalidateQueries({ queryKey: ["api-keys"] })
   });
   return /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
-    /* @__PURE__ */ e.jsx(m, { name: "api-keys-list-page" }),
+    /* @__PURE__ */ e.jsx(x, { name: "api-keys-list-page" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between mb-4 border-b pb-3", children: [
       /* @__PURE__ */ e.jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }),
       t.createKey && /* @__PURE__ */ e.jsx(l, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }),
-    /* @__PURE__ */ e.jsx(m, { name: "api-keys-list-page-before-keys" }),
-    n.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-4 items-center p-8 border rounded bg-muted/30 text-muted-foreground", children: [
+    /* @__PURE__ */ e.jsx(x, { name: "api-keys-list-page-before-keys" }),
+    r.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-4 items-center p-8 border rounded bg-muted/30 text-muted-foreground", children: [
       /* @__PURE__ */ e.jsxs("p", { className: "text-center", children: [
         "No API keys created yet.",
         /* @__PURE__ */ e.jsx("br", {}),
@@ -113,29 +116,29 @@ const F = ({ service: t }) => {
     ] }) : /* @__PURE__ */ e.jsx(
       "ul",
       {
-        className: T(
+        className: L(
           "grid grid-cols-1 rounded border divide-y divide-border",
           "lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]"
         ),
-        children: n.map((i) => /* @__PURE__ */ e.jsxs(
+        children: r.map((s) => /* @__PURE__ */ e.jsxs(
           "li",
           {
             className: "p-5 grid grid-cols-subgrid col-span-full gap-2 items-center",
             children: [
               /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
-                i.description ?? i.id,
+                s.description ?? s.id,
                 /* @__PURE__ */ e.jsxs("div", { className: "text-muted-foreground text-xs", children: [
-                  i.createdOn && /* @__PURE__ */ e.jsxs("div", { children: [
+                  s.createdOn && /* @__PURE__ */ e.jsxs("div", { children: [
                     "Created on ",
-                    new Date(i.createdOn).toLocaleDateString()
+                    new Date(s.createdOn).toLocaleDateString()
                   ] }),
-                  i.expiresOn && /* @__PURE__ */ e.jsxs("div", { children: [
+                  s.expiresOn && /* @__PURE__ */ e.jsxs("div", { children: [
                     "Expires on ",
-                    new Date(i.expiresOn).toLocaleDateString()
+                    new Date(s.expiresOn).toLocaleDateString()
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("div", { className: "items-center flex lg:justify-center", children: /* @__PURE__ */ e.jsx(_, { apiKey: i.key }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "items-center flex lg:justify-center", children: /* @__PURE__ */ e.jsx(G, { apiKey: s.key }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
                 t.rollKey && /* @__PURE__ */ e.jsx(
                   l,
@@ -144,9 +147,9 @@ const F = ({ service: t }) => {
                     title: "Roll this key",
                     variant: "ghost",
                     onClick: () => {
-                      confirm("Do you want to roll this key?") && a.mutate(i.id);
+                      confirm("Do you want to roll this key?") && o.mutate(s.id);
                     },
-                    children: /* @__PURE__ */ e.jsx(P, { size: 16 })
+                    children: /* @__PURE__ */ e.jsx(j, { size: 16 })
                   }
                 ),
                 t.deleteKey && /* @__PURE__ */ e.jsx(
@@ -155,31 +158,31 @@ const F = ({ service: t }) => {
                     variant: "ghost",
                     size: "icon",
                     onClick: () => {
-                      confirm("Do you want to delete this key?") && o.mutate(i.id);
+                      confirm("Do you want to delete this key?") && a.mutate(s.id);
                     },
-                    disabled: o.isPending,
-                    children: /* @__PURE__ */ e.jsx(D, { size: 16 })
+                    disabled: a.isPending,
+                    children: /* @__PURE__ */ e.jsx(v, { size: 16 })
                   }
                 )
               ] })
             ]
           },
-          i.id
+          s.id
         ))
       }
     )
   ] });
-}, _ = ({ apiKey: t }) => {
-  const [s, r] = p(!1), [n, o] = p(!1);
+}, G = ({ apiKey: t }) => {
+  const [n, i] = y(!1), [r, a] = y(!1);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center text-sm", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono truncate h-9 items-center flex px-2", children: s ? t : "•".repeat(t.length) }),
+    /* @__PURE__ */ e.jsx("div", { className: "border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono truncate h-9 items-center flex px-2", children: n ? t : "•".repeat(t.length) }),
     /* @__PURE__ */ e.jsx(
       l,
       {
         variant: "outline",
-        onClick: () => r((a) => !a),
+        onClick: () => i((o) => !o),
         size: "icon",
-        children: s ? /* @__PURE__ */ e.jsx(R, { size: 16 }) : /* @__PURE__ */ e.jsx(q, { size: 16 })
+        children: n ? /* @__PURE__ */ e.jsx(w, { size: 16 }) : /* @__PURE__ */ e.jsx(K, { size: 16 })
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -188,66 +191,68 @@ const F = ({ service: t }) => {
         variant: "outline",
         onClick: () => {
           navigator.clipboard.writeText(t).then(() => {
-            o(!0), setTimeout(() => o(!1), 2e3);
+            a(!0), setTimeout(() => a(!1), 2e3);
           });
         },
         size: "icon",
-        children: n ? /* @__PURE__ */ e.jsx(O, { size: 16 }) : /* @__PURE__ */ e.jsx(z, { size: 16 })
+        children: r ? /* @__PURE__ */ e.jsx(b, { size: 16 }) : /* @__PURE__ */ e.jsx(k, { size: 16 })
       }
     )
   ] });
-}, Q = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev", B = (t) => ({
-  deleteKey: async (s, r) => {
-    const n = new Request(t + `/v1/developer/api-keys/${s}`, {
+}, $ = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev", B = (t) => ({
+  deleteKey: async (n, i) => {
+    const r = new Request(t + `/v1/developer/api-keys/${n}`, {
       method: "DELETE"
     });
-    await r.signRequest(n);
-    const o = await fetch(n);
-    c(o.ok, "Failed to delete API key");
+    await i.signRequest(r);
+    const a = await fetch(r);
+    c(a.ok, "Failed to delete API key");
   },
-  rollKey: async (s, r) => {
-    const n = await fetch(
-      await r.signRequest(
-        new Request(t + `/v1/developer/api-keys/${s}/key`, {
+  rollKey: async (n, i) => {
+    const r = await fetch(
+      await i.signRequest(
+        new Request(t + `/v1/developer/api-keys/${n}/key`, {
           method: "DELETE"
         })
       )
     );
-    c(n.ok, "Failed to delete API key");
+    c(r.ok, "Failed to delete API key");
   },
-  createKey: async (s, r) => {
-    const n = new Request(t + "/v1/developer/api-keys", {
+  createKey: async (n, i) => {
+    const r = new Request(t + "/v1/developer/api-keys", {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify(s)
+      body: JSON.stringify(n)
     });
-    await r.signRequest(n);
-    const o = await fetch(n);
-    c(o.ok, "Failed to create API key");
+    await i.signRequest(r);
+    const a = await fetch(r);
+    c(a.ok, "Failed to create API key");
   },
-  getKeys: async (s) => {
-    const r = new Request(t + "/v1/developer/api-keys");
-    await s.signRequest(r);
-    const n = await fetch(r);
-    return c(n.ok, "Failed to fetch API keys"), await n.json();
+  getKeys: async (n) => {
+    const i = new Request(t + "/v1/developer/api-keys");
+    await n.signRequest(i);
+    const r = await fetch(i);
+    return c(r.ok, "Failed to fetch API keys"), await r.json();
   }
-}), se = (t) => {
-  const s = "endpoint" in t ? t.endpoint : Q, r = "getKeys" in t ? t : B(s);
+}), re = (t) => t, ae = (t) => {
+  const n = "endpoint" in t ? t.endpoint : $, i = "getKeys" in t ? t : B(n);
   return {
     getProfileMenuItems: () => [
       {
         label: "API Keys",
-        path: "/settings/api-keys"
+        path: "/settings/api-keys",
+        category: "middle",
+        icon: N
       }
     ],
-    getIdentities: async (n) => {
+    getIdentities: async (r) => {
       try {
-        return (await r.getKeys(n)).map((a) => ({
-          authorizeRequest: (i) => (i.headers.set("Authorization", `Bearer ${a.key}`), i),
-          id: a.id,
-          label: a.description ?? a.id
+        return (await i.getKeys(r)).map((o) => ({
+          authorizeRequest: (s) => (s.headers.set("Authorization", `Bearer ${o.key}`), s),
+          id: o.id,
+          label: o.description ?? o.id
         }));
       } catch {
         return [];
@@ -255,16 +260,16 @@ const F = ({ service: t }) => {
     },
     getRoutes: () => [
       {
-        element: /* @__PURE__ */ e.jsx(V, {}),
-        errorElement: /* @__PURE__ */ e.jsx(g, {}),
+        element: /* @__PURE__ */ e.jsx(Q, {}),
+        errorElement: /* @__PURE__ */ e.jsx(S, {}),
         children: [
           {
             path: "/settings/api-keys",
-            element: /* @__PURE__ */ e.jsx(M, { service: r })
+            element: /* @__PURE__ */ e.jsx(_, { service: i })
           },
           {
             path: "/settings/api-keys/new",
-            element: /* @__PURE__ */ e.jsx(F, { service: r })
+            element: /* @__PURE__ */ e.jsx(V, { service: i })
           }
         ]
       }
@@ -272,6 +277,7 @@ const F = ({ service: t }) => {
   };
 };
 export {
-  se as apiKeyPlugin
+  ae as apiKeyPlugin,
+  re as createApiKeyService
 };
 //# sourceMappingURL=zudoku.plugin-api-keys.js.map