zudoku 0.3.0-dev.82 → 0.3.0-dev.83

package/dist/lib/plugins/api-keys/SettingsApiKeys.js

@@ -26,7 +26,21 @@ export const SettingsApiKeys = ({ service }) => {
             void queryClient.invalidateQueries({ queryKey: ["api-keys"] });
         },
     });
-    return (_jsxs("div", { className: "max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [_jsx(Slotlet, { name: "api-keys-list-page" }), _jsxs("div", { className: "flex justify-between mb-4 border-b pb-3", children: [_jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }), service.createKey && (_jsx(Button, { asChild: true, children: _jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) }))] }), _jsx(Slotlet, { name: "api-keys-list-page-before-keys" }), data.length === 0 ? (_jsxs("div", { className: "flex flex-col justify-center gap-4 items-center h-1/2 my-8", children: [_jsxs("div", { className: "text-center", children: ["No API keys created yet.", _jsx("br", {}), "Get started and create the first one now"] }), service.createKey && (_jsx(Button, { asChild: true, children: _jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) }))] })) : (_jsx("ul", { className: cn("grid grid-cols-1  rounded border", "lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]"), children: data.map((key) => (_jsxs("li", { className: "border-b p-5 grid grid-cols-subgrid col-span-full gap-2 items-center", children: [_jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [key.description ?? key.id, _jsxs("div", { className: "text-muted-foreground text-xs", children: [key.createdOn && (_jsxs("div", { children: ["Created on ", new Date(key.createdOn).toLocaleDateString()] })), key.expiresOn && (_jsxs("div", { children: ["Expires on ", new Date(key.expiresOn).toLocaleDateString()] }))] })] }), _jsx("div", { className: "items-center flex lg:justify-center", children: _jsx(RevealApiKey, { apiKey: key.key }) }), _jsxs("div", { className: "flex gap-2", children: [service.rollKey && (_jsx(Button, { size: "icon", children: _jsx(RotateCwIcon, { size: 16 }) })), service.deleteKey && (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => {
+    const rollKeyMutation = useMutation({
+        mutationFn: (id) => {
+            if (!service.rollKey) {
+                throw new Error("rollKey not implemented");
+            }
+            return service.rollKey(id, context);
+        },
+        onSuccess: () => queryClient.invalidateQueries({ queryKey: ["api-keys"] }),
+    });
+    return (_jsxs("div", { className: "max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [_jsx(Slotlet, { name: "api-keys-list-page" }), _jsxs("div", { className: "flex justify-between mb-4 border-b pb-3", children: [_jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }), service.createKey && (_jsx(Button, { asChild: true, children: _jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) }))] }), _jsx(Slotlet, { name: "api-keys-list-page-before-keys" }), data.length === 0 ? (_jsxs("div", { className: "flex flex-col justify-center gap-4 items-center p-8 border rounded bg-muted/30 text-muted-foreground", children: [_jsxs("p", { className: "text-center", children: ["No API keys created yet.", _jsx("br", {}), "Get started and create your first key."] }), service.createKey && (_jsx(Button, { asChild: true, variant: "outline", children: _jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) }))] })) : (_jsx("ul", { className: cn("grid grid-cols-1  rounded border", "lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]"), children: data.map((key) => (_jsxs("li", { className: "border-b p-5 grid grid-cols-subgrid col-span-full gap-2 items-center", children: [_jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [key.description ?? key.id, _jsxs("div", { className: "text-muted-foreground text-xs", children: [key.createdOn && (_jsxs("div", { children: ["Created on ", new Date(key.createdOn).toLocaleDateString()] })), key.expiresOn && (_jsxs("div", { children: ["Expires on ", new Date(key.expiresOn).toLocaleDateString()] }))] })] }), _jsx("div", { className: "items-center flex lg:justify-center", children: _jsx(RevealApiKey, { apiKey: key.key }) }), _jsxs("div", { className: "flex gap-2", children: [service.rollKey && (_jsx(Button, { size: "icon", title: "Roll this key", variant: "ghost", onClick: () => {
+                                        if (!confirm("Do you want to roll this key?")) {
+                                            return;
+                                        }
+                                        rollKeyMutation.mutate(key.id);
+                                    }, children: _jsx(RotateCwIcon, { size: 16 }) })), service.deleteKey && (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => {
                                         if (!confirm("Do you want to delete this key?")) {
                                             return;
                                         }
@@ -35,6 +49,6 @@ export const SettingsApiKeys = ({ service }) => {
 };
 const RevealApiKey = ({ apiKey }) => {
     const [revealed, setRevealed] = useState(false);
-    return (_jsxs("div", { className: "flex gap-2 items-center text-sm w-full", children: [_jsx("input", { className: "border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono max-w-min", value: revealed ? apiKey : "•".repeat(apiKey.length) }), _jsx(Button, { variant: "outline", onClick: () => setRevealed((prev) => !prev), size: "icon", children: revealed ? _jsx(EyeOffIcon, { size: 16 }) : _jsx(EyeIcon, { size: 16 }) })] }));
+    return (_jsxs("div", { className: "flex gap-2 items-center text-sm w-full", children: [_jsx("div", { className: "border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono w-fit overflow-x-scroll h-9 items-center flex px-2", children: revealed ? apiKey : "•".repeat(apiKey.length) }), _jsx(Button, { variant: "outline", onClick: () => setRevealed((prev) => !prev), size: "icon", children: revealed ? _jsx(EyeOffIcon, { size: 16 }) : _jsx(EyeIcon, { size: 16 }) })] }));
 };
 //# sourceMappingURL=SettingsApiKeys.js.map

package/dist/lib/plugins/api-keys/SettingsApiKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsApiKeys.js","sourceRoot":"","sources":["../../../../src/lib/plugins/api-keys/SettingsApiKeys.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SettingsApiKeys.js","sourceRoot":"","sources":["../../../../src/lib/plugins/api-keys/SettingsApiKeys.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/api-keys/index.js

@@ -15,6 +15,12 @@ const createDefaultHandler = (endpoint) => {
             const response = await fetch(request);
             invariant(response.ok, "Failed to delete API key");
         },
+        rollKey: async (id, context) => {
+            const response = await fetch(await context.signRequest(new Request(endpoint + `/v1/developer/api-keys/${id}/key`, {
+                method: "DELETE",
+            })));
+            invariant(response.ok, "Failed to delete API key");
+        },
         createKey: async (apiKey, context) => {
             const request = new Request(endpoint + `/v1/developer/api-keys`, {
                 method: "POST",

package/dist/lib/plugins/api-keys/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/api-keys/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/api-keys/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,19 +1,19 @@
-import { a as f, j as e, O as j } from "./jsx-runtime-CJBdjYYx.js";
-import { a as x, R as g } from "./SlotletProvider-B71hNEUL.js";
-import { u as v, a as h, I as w, S as k, b, c as K, d as N, e as A, f as p } from "./Input-3IEt27jb.js";
-import { L as u } from "./index-Dt-pU7Vu.js";
-import { u as m, x as E, y as S } from "./DevPortalProvider-BWeAysxF.js";
-import { B as o, p as I } from "./Combination-C442XfGG.js";
+import { a as f, j as e, O as g } from "./jsx-runtime-CJBdjYYx.js";
+import { a as p, R as j } from "./SlotletProvider-B71hNEUL.js";
+import { u as v, a as u, I as k, S as w, b, c as K, d as N, e as E, f as y } from "./Input-3IEt27jb.js";
+import { L as x } from "./index-Dt-pU7Vu.js";
+import { u as h, x as A, y as S } from "./DevPortalProvider-BWeAysxF.js";
+import { B as l, p as I } from "./Combination-C442XfGG.js";
 import { D as P } from "./DeveloperHint-DQVwIery.js";
-import { useState as C } from "react";
-import { c as l, a as D } from "./Markdown-QsZ-PHET.js";
+import { useState as D } from "react";
+import { c as d, a as C } from "./Markdown-QsZ-PHET.js";
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const O = l("EyeOff", [
+const R = d("EyeOff", [
   ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24", key: "1jxqfv" }],
   [
     "path",
@@ -34,7 +34,7 @@ const O = l("EyeOff", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const R = l("Eye", [
+const q = d("Eye", [
   ["path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z", key: "rwhkz3" }],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ]);
@@ -44,7 +44,7 @@ const R = l("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const q = l("RotateCw", [
+const O = d("RotateCw", [
   ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
 ]);
@@ -54,35 +54,35 @@ const q = l("RotateCw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const z = l("Trash", [
+const M = d("Trash", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }]
 ]);
-function d(t, n) {
+function c(t, s) {
   if (t)
     return;
-  const r = typeof n == "function" ? n() : n;
-  throw new M(r ?? "Invariant failed");
+  const r = typeof s == "function" ? s() : s;
+  throw new z(r ?? "Invariant failed");
 }
-class M extends Error {
-  constructor(n) {
-    super(n), this.name = "ZudokuError";
+class z extends Error {
+  constructor(s) {
+    super(s), this.name = "ZudokuError";
   }
 }
-const L = ({ service: t }) => {
-  const n = m(), r = f(), a = v({
+const F = ({ service: t }) => {
+  const s = h(), r = f(), n = v({
     defaultValues: {
       expiresOn: "30"
     }
-  }), i = h({
-    mutationFn: ({ description: s, expiresOn: c }) => {
+  }), o = u({
+    mutationFn: ({ description: i, expiresOn: a }) => {
       if (!t.createKey)
         throw new Error("deleteKey not implemented");
-      const y = c !== "never" ? T(Number(c)) : void 0;
+      const m = a !== "never" ? L(Number(a)) : void 0;
       return t.createKey(
-        { description: s, expiresOn: y },
-        n
+        { description: i, expiresOn: m },
+        s
       );
     },
     onSuccess: () => r("/settings/api-keys/")
@@ -92,175 +92,197 @@ const L = ({ service: t }) => {
     /* @__PURE__ */ e.jsx(
       "form",
       {
-        onSubmit: a.handleSubmit((s) => i.mutate(s)),
+        onSubmit: n.handleSubmit((i) => o.mutate(i)),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 flex-col", children: [
           "Note",
-          /* @__PURE__ */ e.jsx(w, { ...a.register("description") }),
+          /* @__PURE__ */ e.jsx(k, { ...n.register("description") }),
           "Expiration",
           /* @__PURE__ */ e.jsxs(
-            k,
+            w,
             {
-              onValueChange: (s) => a.setValue("expiresOn", s),
-              defaultValue: a.getValues("expiresOn"),
+              onValueChange: (i) => n.setValue("expiresOn", i),
+              defaultValue: n.getValues("expiresOn"),
               children: [
                 /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(K, {}) }),
-                /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(A, { children: [
-                  [7, 30, 60, 90].map((s) => /* @__PURE__ */ e.jsxs(p, { value: String(s), children: [
-                    s,
+                /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(E, { children: [
+                  [7, 30, 60, 90].map((i) => /* @__PURE__ */ e.jsxs(y, { value: String(i), children: [
+                    i,
                     " days"
-                  ] }, s)),
-                  /* @__PURE__ */ e.jsx(p, { value: "never", children: "Never" })
+                  ] }, i)),
+                  /* @__PURE__ */ e.jsx(y, { value: "never", children: "Never" })
                 ] }) })
               ]
             }
           ),
           /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ e.jsx(o, { children: "Generate Key" }),
-            /* @__PURE__ */ e.jsx(o, { variant: "outline", asChild: !0, children: /* @__PURE__ */ e.jsx(u, { to: "/settings/api-keys/", children: "Cancel" }) })
+            /* @__PURE__ */ e.jsx(l, { children: "Generate Key" }),
+            /* @__PURE__ */ e.jsx(l, { variant: "outline", asChild: !0, children: /* @__PURE__ */ e.jsx(x, { to: "/settings/api-keys/", children: "Cancel" }) })
           ] })
         ] })
       }
     )
   ] }) : null;
-}, T = (t) => {
-  const n = /* @__PURE__ */ new Date();
-  return n.setDate(n.getDate() + t), n.toISOString();
-}, F = () => {
+}, L = (t) => {
+  const s = /* @__PURE__ */ new Date();
+  return s.setDate(s.getDate() + t), s.toISOString();
+}, T = () => {
   const t = I();
-  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(j, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(g, {}) : 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(o, { onClick: () => t.login(), children: "Login" })
+    /* @__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(P, { 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" }),
     "."
   ] }) });
 }, V = ({ service: t }) => {
-  const n = m(), r = E(), { data: a } = S({
-    queryFn: () => t.getKeys(n),
+  const s = h(), r = A(), { data: n } = S({
+    queryFn: () => t.getKeys(s),
     queryKey: ["api-keys"],
     retry: !1
-  }), i = h({
-    mutationFn: (s) => {
+  }), o = u({
+    mutationFn: (a) => {
       if (!t.deleteKey)
         throw new Error("deleteKey not implemented");
-      return t.deleteKey(s, n);
+      return t.deleteKey(a, s);
     },
     onSuccess: () => {
       r.invalidateQueries({ queryKey: ["api-keys"] });
     }
+  }), i = u({
+    mutationFn: (a) => {
+      if (!t.rollKey)
+        throw new Error("rollKey not implemented");
+      return t.rollKey(a, s);
+    },
+    onSuccess: () => r.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(x, { name: "api-keys-list-page" }),
+    /* @__PURE__ */ e.jsx(p, { 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(o, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+      t.createKey && /* @__PURE__ */ e.jsx(l, { asChild: !0, children: /* @__PURE__ */ e.jsx(x, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }),
-    /* @__PURE__ */ e.jsx(x, { name: "api-keys-list-page-before-keys" }),
-    a.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-4 items-center h-1/2 my-8", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ e.jsx(p, { 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.jsxs("p", { className: "text-center", children: [
         "No API keys created yet.",
         /* @__PURE__ */ e.jsx("br", {}),
-        "Get started and create the first one now"
+        "Get started and create your first key."
       ] }),
-      t.createKey && /* @__PURE__ */ e.jsx(o, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+      t.createKey && /* @__PURE__ */ e.jsx(l, { asChild: !0, variant: "outline", children: /* @__PURE__ */ e.jsx(x, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }) : /* @__PURE__ */ e.jsx(
       "ul",
       {
-        className: D(
+        className: C(
           "grid grid-cols-1  rounded border",
           "lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]"
         ),
-        children: a.map((s) => /* @__PURE__ */ e.jsxs(
+        children: n.map((a) => /* @__PURE__ */ e.jsxs(
           "li",
           {
             className: "border-b 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: [
-                s.description ?? s.id,
+                a.description ?? a.id,
                 /* @__PURE__ */ e.jsxs("div", { className: "text-muted-foreground text-xs", children: [
-                  s.createdOn && /* @__PURE__ */ e.jsxs("div", { children: [
+                  a.createdOn && /* @__PURE__ */ e.jsxs("div", { children: [
                     "Created on ",
-                    new Date(s.createdOn).toLocaleDateString()
+                    new Date(a.createdOn).toLocaleDateString()
                   ] }),
-                  s.expiresOn && /* @__PURE__ */ e.jsxs("div", { children: [
+                  a.expiresOn && /* @__PURE__ */ e.jsxs("div", { children: [
                     "Expires on ",
-                    new Date(s.expiresOn).toLocaleDateString()
+                    new Date(a.expiresOn).toLocaleDateString()
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("div", { className: "items-center flex lg:justify-center", children: /* @__PURE__ */ e.jsx(_, { apiKey: s.key }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "items-center flex lg:justify-center", children: /* @__PURE__ */ e.jsx(_, { apiKey: a.key }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-                t.rollKey && /* @__PURE__ */ e.jsx(o, { size: "icon", children: /* @__PURE__ */ e.jsx(q, { size: 16 }) }),
+                t.rollKey && /* @__PURE__ */ e.jsx(
+                  l,
+                  {
+                    size: "icon",
+                    title: "Roll this key",
+                    variant: "ghost",
+                    onClick: () => {
+                      confirm("Do you want to roll this key?") && i.mutate(a.id);
+                    },
+                    children: /* @__PURE__ */ e.jsx(O, { size: 16 })
+                  }
+                ),
                 t.deleteKey && /* @__PURE__ */ e.jsx(
-                  o,
+                  l,
                   {
                     variant: "ghost",
                     size: "icon",
                     onClick: () => {
-                      confirm("Do you want to delete this key?") && i.mutate(s.id);
+                      confirm("Do you want to delete this key?") && o.mutate(a.id);
                     },
-                    disabled: i.isPending,
-                    children: /* @__PURE__ */ e.jsx(z, { size: 16 })
+                    disabled: o.isPending,
+                    children: /* @__PURE__ */ e.jsx(M, { size: 16 })
                   }
                 )
               ] })
             ]
           },
-          s.id
+          a.id
         ))
       }
     )
   ] });
 }, _ = ({ apiKey: t }) => {
-  const [n, r] = C(!1);
+  const [s, r] = D(!1);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center text-sm w-full", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono w-fit overflow-x-scroll h-9 items-center flex px-2", children: s ? t : "•".repeat(t.length) }),
     /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        className: "border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono max-w-min",
-        value: n ? t : "•".repeat(t.length)
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      o,
+      l,
       {
         variant: "outline",
-        onClick: () => r((a) => !a),
+        onClick: () => r((n) => !n),
         size: "icon",
-        children: n ? /* @__PURE__ */ e.jsx(O, { size: 16 }) : /* @__PURE__ */ e.jsx(R, { size: 16 })
+        children: s ? /* @__PURE__ */ e.jsx(R, { size: 16 }) : /* @__PURE__ */ e.jsx(q, { size: 16 })
       }
     )
   ] });
-}, Z = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev", B = (t) => ({
-  deleteKey: async (n, r) => {
-    const a = new Request(t + `/v1/developer/api-keys/${n}`, {
+}, Q = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev", Z = (t) => ({
+  deleteKey: async (s, r) => {
+    const n = new Request(t + `/v1/developer/api-keys/${s}`, {
       method: "DELETE"
     });
-    await r.signRequest(a);
-    const i = await fetch(a);
-    d(i.ok, "Failed to delete API key");
+    await r.signRequest(n);
+    const o = await fetch(n);
+    c(o.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`, {
+          method: "DELETE"
+        })
+      )
+    );
+    c(n.ok, "Failed to delete API key");
   },
-  createKey: async (n, r) => {
-    const a = new Request(t + "/v1/developer/api-keys", {
+  createKey: async (s, r) => {
+    const n = new Request(t + "/v1/developer/api-keys", {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify(n)
+      body: JSON.stringify(s)
     });
-    await r.signRequest(a);
-    const i = await fetch(a);
-    d(i.ok, "Failed to create API key");
+    await r.signRequest(n);
+    const o = await fetch(n);
+    c(o.ok, "Failed to create API key");
   },
-  getKeys: async (n) => {
+  getKeys: async (s) => {
     const r = new Request(t + "/v1/developer/api-keys");
-    await n.signRequest(r);
-    const a = await fetch(r);
-    return d(a.ok, "Failed to fetch API keys"), await a.json();
+    await s.signRequest(r);
+    const n = await fetch(r);
+    return c(n.ok, "Failed to fetch API keys"), await n.json();
   }
 }), ee = (t) => {
-  const n = "endpoint" in t ? t.endpoint : Z, r = "getKeys" in t ? t : B(n);
+  const s = "endpoint" in t ? t.endpoint : Q, r = "getKeys" in t ? t : Z(s);
   return {
     getProfileMenuItems: () => [
       {
@@ -268,12 +290,12 @@ const L = ({ service: t }) => {
         path: "/settings/api-keys"
       }
     ],
-    getIdentities: async (a) => {
+    getIdentities: async (n) => {
       try {
-        return (await r.getKeys(a)).map((s) => ({
-          authorizeRequest: (c) => (c.headers.set("Authorization", `Bearer ${s.key}`), c),
-          id: s.id,
-          label: s.description ?? s.id
+        return (await r.getKeys(n)).map((i) => ({
+          authorizeRequest: (a) => (a.headers.set("Authorization", `Bearer ${i.key}`), a),
+          id: i.id,
+          label: i.description ?? i.id
         }));
       } catch {
         return [];
@@ -281,8 +303,8 @@ const L = ({ service: t }) => {
     },
     getRoutes: () => [
       {
-        element: /* @__PURE__ */ e.jsx(F, {}),
-        errorElement: /* @__PURE__ */ e.jsx(g, {}),
+        element: /* @__PURE__ */ e.jsx(T, {}),
+        errorElement: /* @__PURE__ */ e.jsx(j, {}),
         children: [
           {
             path: "/settings/api-keys",
@@ -290,7 +312,7 @@ const L = ({ service: t }) => {
           },
           {
             path: "/settings/api-keys/new",
-            element: /* @__PURE__ */ e.jsx(L, { service: r })
+            element: /* @__PURE__ */ e.jsx(F, { service: r })
           }
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-api-keys.js","sources":["../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye-off.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/trash.js","../src/lib/util/invariant.ts","../src/lib/plugins/api-keys/CreateApiKey.tsx","../src/lib/plugins/api-keys/ProtectedRoute.tsx","../src/lib/plugins/api-keys/SettingsApiKeys.tsx","../src/lib/plugins/api-keys/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst EyeOff = createLucideIcon(\"EyeOff\", [\n  [\"path\", { d: \"M9.88 9.88a3 3 0 1 0 4.24 4.24\", key: \"1jxqfv\" }],\n  [\n    \"path\",\n    {\n      d: \"M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68\",\n      key: \"9wicm4\"\n    }\n  ],\n  [\n    \"path\",\n    { d: \"M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61\", key: \"1jreej\" }\n  ],\n  [\"line\", { x1: \"2\", x2: \"22\", y1: \"2\", y2: \"22\", key: \"a6p6uj\" }]\n]);\n\nexport { EyeOff as default };\n//# sourceMappingURL=eye-off.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Eye = createLucideIcon(\"Eye\", [\n  [\"path\", { d: \"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\", key: \"rwhkz3\" }],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n]);\n\nexport { Eye as default };\n//# sourceMappingURL=eye.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RotateCw = createLucideIcon(\"RotateCw\", [\n  [\"path\", { d: \"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\", key: \"1p45f6\" }],\n  [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }]\n]);\n\nexport { RotateCw as default };\n//# sourceMappingURL=rotate-cw.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Trash = createLucideIcon(\"Trash\", [\n  [\"path\", { d: \"M3 6h18\", key: \"d0wm0j\" }],\n  [\"path\", { d: \"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\", key: \"4alrt4\" }],\n  [\"path\", { d: \"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\", key: \"v07s0e\" }]\n]);\n\nexport { Trash as default };\n//# sourceMappingURL=trash.js.map\n","export default function invariant(\n  condition: any,\n  // Not providing an inline default argument for message as the result is smaller\n  /**\n   * Can provide a string, or a function that returns a string for cases where\n   * the message takes a fair amount of effort to compute\n   */\n  message?: string | (() => string),\n): asserts condition {\n  if (condition) {\n    return;\n  }\n  // Condition not passed\n\n  const provided: string | undefined =\n    typeof message === \"function\" ? message() : message;\n\n  throw new ZudokuError(provided ?? \"Invariant failed\");\n}\n\nclass ZudokuError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = \"ZudokuError\";\n  }\n}\n","import { useMutation } from \"@tanstack/react-query\";\nimport { useForm } from \"react-hook-form\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useDevPortal } from \"../../components/context/DevPortalProvider.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/Select.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { Input } from \"../../ui/Input.js\";\nimport { ApiKeyService } from \"./index.js\";\n\ntype CreateApiKey = { description: string; expiresOn?: string };\n\nexport const CreateApiKey = ({ service }: { service: ApiKeyService }) => {\n  const context = useDevPortal();\n  const navigate = useNavigate();\n  const form = useForm<CreateApiKey>({\n    defaultValues: {\n      expiresOn: \"30\",\n    },\n  });\n  const createKeyMutation = useMutation({\n    mutationFn: ({ description, expiresOn }: CreateApiKey) => {\n      if (!service.createKey) {\n        throw new Error(\"deleteKey not implemented\");\n      }\n\n      const expiresOnDate =\n        expiresOn !== \"never\" ? addDaysToDate(Number(expiresOn)) : undefined;\n\n      return service.createKey(\n        { description: description, expiresOn: expiresOnDate },\n        context,\n      );\n    },\n    onSuccess: () => navigate(\"/settings/api-keys/\"),\n  });\n\n  if (!service.createKey) {\n    return null;\n  }\n\n  return (\n    <div className=\"max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <div className=\"flex justify-between mb-4 border-b pb-1\">\n        <h1 className=\"font-medium text-2xl\">New API Key</h1>\n      </div>\n      <form\n        onSubmit={form.handleSubmit((data) => createKeyMutation.mutate(data))}\n      >\n        <div className=\"flex gap-2 flex-col\">\n          Note\n          <Input {...form.register(\"description\")} />\n          Expiration\n          <Select\n            onValueChange={(value) => form.setValue(\"expiresOn\", value)}\n            defaultValue={form.getValues(\"expiresOn\")}\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectGroup>\n                {[7, 30, 60, 90].map((option) => (\n                  <SelectItem value={String(option)} key={option}>\n                    {option} days\n                  </SelectItem>\n                ))}\n                <SelectItem value=\"never\">Never</SelectItem>\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n          <div className=\"flex gap-2\">\n            <Button>Generate Key</Button>\n            <Button variant=\"outline\" asChild>\n              <Link to=\"/settings/api-keys/\">Cancel</Link>\n            </Button>\n          </div>\n        </div>\n      </form>\n    </div>\n  );\n};\n\nconst addDaysToDate = (days: number): string => {\n  const date = new Date();\n  date.setDate(date.getDate() + days);\n  return date.toISOString();\n};\n","import { Outlet } from \"react-router-dom\";\nimport { useAuth } from \"../../authentication/hook.js\";\nimport { DeveloperHint } from \"../../components/DeveloperHint.js\";\nimport { Button } from \"../../ui/Button.js\";\n\nexport const ProtectedRoute = () => {\n  const auth = useAuth();\n\n  // TODO: should we suspend here somehow?\n  if (auth.isAuthEnabled && auth.isPending) {\n    return null;\n  }\n\n  return auth.isAuthenticated ? (\n    <Outlet />\n  ) : !auth.isAuthEnabled ? (\n    <div className=\"flex flex-col justify-center gap-2 items-center h-1/2\">\n      <DeveloperHint className=\"max-w-[600px]\">\n        Authentication needs to be enabled for API keys to work. Enable it in\n        your Zudoku configuration under <code>authentication</code>.\n      </DeveloperHint>\n    </div>\n  ) : (\n    <div className=\"flex flex-col justify-center gap-2 items-center h-1/2\">\n      Please login first to view this page\n      <Button onClick={() => auth.login()}>Login</Button>\n    </div>\n  );\n};\n","import {\n  useMutation,\n  useQueryClient,\n  useSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport { EyeIcon, EyeOffIcon, RotateCwIcon, TrashIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useDevPortal } from \"../../components/context/DevPortalProvider.js\";\nimport { Slotlet } from \"../../components/SlotletProvider.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { cn } from \"../../util/cn.js\";\nimport { ApiKeyService } from \"./index.js\";\n\nexport const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {\n  const context = useDevPortal();\n  const queryClient = useQueryClient();\n  const { data } = useSuspenseQuery({\n    queryFn: () => service.getKeys(context),\n    queryKey: [\"api-keys\"],\n    retry: false,\n  });\n\n  const deleteKeyMutation = useMutation({\n    mutationFn: (id: string) => {\n      if (!service.deleteKey) {\n        throw new Error(\"deleteKey not implemented\");\n      }\n\n      return service.deleteKey(id, context);\n    },\n    onSuccess: () => {\n      void queryClient.invalidateQueries({ queryKey: [\"api-keys\"] });\n    },\n  });\n\n  return (\n    <div className=\"max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <Slotlet name=\"api-keys-list-page\" />\n\n      <div className=\"flex justify-between mb-4 border-b pb-3\">\n        <h1 className=\"font-medium text-2xl\">API Keys</h1>\n        {service.createKey && (\n          <Button asChild>\n            <Link to=\"/settings/api-keys/new\">Create API Key</Link>\n          </Button>\n        )}\n      </div>\n\n      <Slotlet name=\"api-keys-list-page-before-keys\" />\n\n      {data.length === 0 ? (\n        <div className=\"flex flex-col justify-center gap-4 items-center h-1/2 my-8\">\n          <div className=\"text-center\">\n            No API keys created yet.\n            <br />\n            Get started and create the first one now\n          </div>\n          {service.createKey && (\n            <Button asChild>\n              <Link to=\"/settings/api-keys/new\">Create API Key</Link>\n            </Button>\n          )}\n        </div>\n      ) : (\n        <ul\n          className={cn(\n            \"grid grid-cols-1  rounded border\",\n            \"lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]\",\n          )}\n        >\n          {data.map((key) => (\n            <li\n              className=\"border-b p-5 grid grid-cols-subgrid col-span-full gap-2 items-center\"\n              key={key.id}\n            >\n              <div className=\"flex flex-col gap-1 text-sm\">\n                {key.description ?? key.id}\n                <div className=\"text-muted-foreground text-xs\">\n                  {key.createdOn && (\n                    <div>\n                      Created on {new Date(key.createdOn).toLocaleDateString()}\n                    </div>\n                  )}\n                  {key.expiresOn && (\n                    <div>\n                      Expires on {new Date(key.expiresOn).toLocaleDateString()}\n                    </div>\n                  )}\n                </div>\n              </div>\n              <div className=\"items-center flex lg:justify-center\">\n                <RevealApiKey apiKey={key.key} />\n              </div>\n              <div className=\"flex gap-2\">\n                {service.rollKey && (\n                  <Button size=\"icon\">\n                    <RotateCwIcon size={16} />\n                  </Button>\n                )}\n                {service.deleteKey && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    onClick={() => {\n                      if (!confirm(\"Do you want to delete this key?\")) {\n                        return;\n                      }\n\n                      deleteKeyMutation.mutate(key.id);\n                    }}\n                    disabled={deleteKeyMutation.isPending}\n                  >\n                    <TrashIcon size={16} />\n                  </Button>\n                )}\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nconst RevealApiKey = ({ apiKey }: { apiKey: string }) => {\n  const [revealed, setRevealed] = useState(false);\n\n  return (\n    <div className=\"flex gap-2 items-center text-sm w-full\">\n      <input\n        className=\"border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono max-w-min\"\n        value={revealed ? apiKey : \"•\".repeat(apiKey.length)}\n      />\n      <Button\n        variant=\"outline\"\n        onClick={() => setRevealed((prev) => !prev)}\n        size=\"icon\"\n      >\n        {revealed ? <EyeOffIcon size={16} /> : <EyeIcon size={16} />}\n      </Button>\n    </div>\n  );\n};\n","import { type RouteObject } from \"react-router-dom\";\nimport { DevPortalContext } from \"../../core/DevPortalContext.js\";\nimport {\n  type ApiIdentityPlugin,\n  type DevPortalPlugin,\n  ProfileMenuPlugin,\n} from \"../../core/plugins.js\";\nimport { RouterError } from \"../../errors/RouterError.js\";\nimport invariant from \"../../util/invariant.js\";\nimport { CreateApiKey } from \"./CreateApiKey.js\";\nimport { ProtectedRoute } from \"./ProtectedRoute.js\";\nimport { SettingsApiKeys } from \"./SettingsApiKeys.js\";\n\nconst DEFAULT_API_KEY_ENDPOINT =\n  \"https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev\";\n\nexport type ApiKeyService = {\n  getKeys: (context: DevPortalContext) => Promise<ApiKey[]>;\n  rollKey?: (id: string, context: DevPortalContext) => Promise<void>;\n  deleteKey?: (id: string, context: DevPortalContext) => Promise<void>;\n  updateKeyDescription?: (\n    apiKey: { id: string; description: string },\n    context: DevPortalContext,\n  ) => Promise<void>;\n  getUsage?: (apiKeys: string[], context: DevPortalContext) => Promise<void>;\n  createKey?: (\n    apiKey: { description: string; expiresOn?: string },\n    context: DevPortalContext,\n  ) => Promise<void>;\n};\n\nexport type GetApiKeysOptions = ApiKeyService | { endpoint: string } | object;\n\nexport type ApiKeyPluginOptions = object & GetApiKeysOptions;\n\nexport interface ApiKey {\n  id: string;\n  description?: string;\n  createdOn?: string;\n  updatedOn?: string;\n  expiresOn?: string;\n  key: string;\n}\n\nconst createDefaultHandler = (endpoint: string): ApiKeyService => {\n  return {\n    deleteKey: async (id, context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys/${id}`, {\n        method: \"DELETE\",\n      });\n\n      await context.signRequest(request);\n\n      const response = await fetch(request);\n      invariant(response.ok, \"Failed to delete API key\");\n    },\n    createKey: async (apiKey, context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(apiKey),\n      });\n\n      await context.signRequest(request);\n\n      const response = await fetch(request);\n      invariant(response.ok, \"Failed to create API key\");\n    },\n    getKeys: async (context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys`);\n\n      await context.signRequest(request);\n\n      const keys = await fetch(request);\n      invariant(keys.ok, \"Failed to fetch API keys\");\n\n      return await keys.json();\n    },\n  };\n};\n\nexport const apiKeyPlugin = (\n  options: ApiKeyPluginOptions,\n): DevPortalPlugin & ApiIdentityPlugin & ProfileMenuPlugin => {\n  const endpoint =\n    \"endpoint\" in options ? options.endpoint : DEFAULT_API_KEY_ENDPOINT;\n\n  const service =\n    \"getKeys\" in options ? options : createDefaultHandler(endpoint);\n\n  return {\n    getProfileMenuItems: () => [\n      {\n        label: \"API Keys\",\n        path: \"/settings/api-keys\",\n      },\n    ],\n    getIdentities: async (context) => {\n      try {\n        const keys = await service.getKeys(context);\n\n        return keys.map((key) => ({\n          authorizeRequest: (request) => {\n            request.headers.set(\"Authorization\", `Bearer ${key.key}`);\n            return request;\n          },\n          id: key.id,\n          label: key.description ?? key.id,\n        }));\n      } catch {\n        return [];\n      }\n    },\n    getRoutes: (): RouteObject[] => {\n      // TODO: Make lazy\n      return [\n        {\n          element: <ProtectedRoute />,\n          errorElement: <RouterError />,\n          children: [\n            {\n              path: \"/settings/api-keys\",\n              element: <SettingsApiKeys service={service} />,\n            },\n            {\n              path: \"/settings/api-keys/new\",\n              element: <CreateApiKey service={service} />,\n            },\n          ],\n        },\n      ];\n    },\n  };\n};\n"],"names":["EyeOff","createLucideIcon","Eye","RotateCw","Trash","invariant","condition","message","provided","ZudokuError","CreateApiKey","service","context","useDevPortal","navigate","useNavigate","form","useForm","createKeyMutation","useMutation","description","expiresOn","expiresOnDate","addDaysToDate","jsxs","jsx","data","Input","Select","value","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","SelectItem","Button","Link","days","date","ProtectedRoute","auth","useAuth","Outlet","DeveloperHint","SettingsApiKeys","queryClient","useQueryClient","useSuspenseQuery","deleteKeyMutation","id","Slotlet","cn","key","RevealApiKey","RotateCwIcon","TrashIcon","apiKey","revealed","setRevealed","useState","prev","EyeOffIcon","EyeIcon","DEFAULT_API_KEY_ENDPOINT","createDefaultHandler","endpoint","request","response","keys","apiKeyPlugin","options","RouterError"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"zudoku.plugin-api-keys.js","sources":["../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye-off.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/trash.js","../src/lib/util/invariant.ts","../src/lib/plugins/api-keys/CreateApiKey.tsx","../src/lib/plugins/api-keys/ProtectedRoute.tsx","../src/lib/plugins/api-keys/SettingsApiKeys.tsx","../src/lib/plugins/api-keys/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst EyeOff = createLucideIcon(\"EyeOff\", [\n  [\"path\", { d: \"M9.88 9.88a3 3 0 1 0 4.24 4.24\", key: \"1jxqfv\" }],\n  [\n    \"path\",\n    {\n      d: \"M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68\",\n      key: \"9wicm4\"\n    }\n  ],\n  [\n    \"path\",\n    { d: \"M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61\", key: \"1jreej\" }\n  ],\n  [\"line\", { x1: \"2\", x2: \"22\", y1: \"2\", y2: \"22\", key: \"a6p6uj\" }]\n]);\n\nexport { EyeOff as default };\n//# sourceMappingURL=eye-off.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Eye = createLucideIcon(\"Eye\", [\n  [\"path\", { d: \"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\", key: \"rwhkz3\" }],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n]);\n\nexport { Eye as default };\n//# sourceMappingURL=eye.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RotateCw = createLucideIcon(\"RotateCw\", [\n  [\"path\", { d: \"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\", key: \"1p45f6\" }],\n  [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }]\n]);\n\nexport { RotateCw as default };\n//# sourceMappingURL=rotate-cw.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Trash = createLucideIcon(\"Trash\", [\n  [\"path\", { d: \"M3 6h18\", key: \"d0wm0j\" }],\n  [\"path\", { d: \"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\", key: \"4alrt4\" }],\n  [\"path\", { d: \"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\", key: \"v07s0e\" }]\n]);\n\nexport { Trash as default };\n//# sourceMappingURL=trash.js.map\n","export default function invariant(\n  condition: any,\n  // Not providing an inline default argument for message as the result is smaller\n  /**\n   * Can provide a string, or a function that returns a string for cases where\n   * the message takes a fair amount of effort to compute\n   */\n  message?: string | (() => string),\n): asserts condition {\n  if (condition) {\n    return;\n  }\n  // Condition not passed\n\n  const provided: string | undefined =\n    typeof message === \"function\" ? message() : message;\n\n  throw new ZudokuError(provided ?? \"Invariant failed\");\n}\n\nclass ZudokuError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = \"ZudokuError\";\n  }\n}\n","import { useMutation } from \"@tanstack/react-query\";\nimport { useForm } from \"react-hook-form\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useDevPortal } from \"../../components/context/DevPortalProvider.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/Select.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { Input } from \"../../ui/Input.js\";\nimport { ApiKeyService } from \"./index.js\";\n\ntype CreateApiKey = { description: string; expiresOn?: string };\n\nexport const CreateApiKey = ({ service }: { service: ApiKeyService }) => {\n  const context = useDevPortal();\n  const navigate = useNavigate();\n  const form = useForm<CreateApiKey>({\n    defaultValues: {\n      expiresOn: \"30\",\n    },\n  });\n  const createKeyMutation = useMutation({\n    mutationFn: ({ description, expiresOn }: CreateApiKey) => {\n      if (!service.createKey) {\n        throw new Error(\"deleteKey not implemented\");\n      }\n\n      const expiresOnDate =\n        expiresOn !== \"never\" ? addDaysToDate(Number(expiresOn)) : undefined;\n\n      return service.createKey(\n        { description: description, expiresOn: expiresOnDate },\n        context,\n      );\n    },\n    onSuccess: () => navigate(\"/settings/api-keys/\"),\n  });\n\n  if (!service.createKey) {\n    return null;\n  }\n\n  return (\n    <div className=\"max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <div className=\"flex justify-between mb-4 border-b pb-1\">\n        <h1 className=\"font-medium text-2xl\">New API Key</h1>\n      </div>\n      <form\n        onSubmit={form.handleSubmit((data) => createKeyMutation.mutate(data))}\n      >\n        <div className=\"flex gap-2 flex-col\">\n          Note\n          <Input {...form.register(\"description\")} />\n          Expiration\n          <Select\n            onValueChange={(value) => form.setValue(\"expiresOn\", value)}\n            defaultValue={form.getValues(\"expiresOn\")}\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectGroup>\n                {[7, 30, 60, 90].map((option) => (\n                  <SelectItem value={String(option)} key={option}>\n                    {option} days\n                  </SelectItem>\n                ))}\n                <SelectItem value=\"never\">Never</SelectItem>\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n          <div className=\"flex gap-2\">\n            <Button>Generate Key</Button>\n            <Button variant=\"outline\" asChild>\n              <Link to=\"/settings/api-keys/\">Cancel</Link>\n            </Button>\n          </div>\n        </div>\n      </form>\n    </div>\n  );\n};\n\nconst addDaysToDate = (days: number): string => {\n  const date = new Date();\n  date.setDate(date.getDate() + days);\n  return date.toISOString();\n};\n","import { Outlet } from \"react-router-dom\";\nimport { useAuth } from \"../../authentication/hook.js\";\nimport { DeveloperHint } from \"../../components/DeveloperHint.js\";\nimport { Button } from \"../../ui/Button.js\";\n\nexport const ProtectedRoute = () => {\n  const auth = useAuth();\n\n  // TODO: should we suspend here somehow?\n  if (auth.isAuthEnabled && auth.isPending) {\n    return null;\n  }\n\n  return auth.isAuthenticated ? (\n    <Outlet />\n  ) : !auth.isAuthEnabled ? (\n    <div className=\"flex flex-col justify-center gap-2 items-center h-1/2\">\n      <DeveloperHint className=\"max-w-[600px]\">\n        Authentication needs to be enabled for API keys to work. Enable it in\n        your Zudoku configuration under <code>authentication</code>.\n      </DeveloperHint>\n    </div>\n  ) : (\n    <div className=\"flex flex-col justify-center gap-2 items-center h-1/2\">\n      Please login first to view this page\n      <Button onClick={() => auth.login()}>Login</Button>\n    </div>\n  );\n};\n","import {\n  useMutation,\n  useQueryClient,\n  useSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport { EyeIcon, EyeOffIcon, RotateCwIcon, TrashIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useDevPortal } from \"../../components/context/DevPortalProvider.js\";\nimport { Slotlet } from \"../../components/SlotletProvider.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { cn } from \"../../util/cn.js\";\nimport { ApiKeyService } from \"./index.js\";\n\nexport const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {\n  const context = useDevPortal();\n  const queryClient = useQueryClient();\n  const { data } = useSuspenseQuery({\n    queryFn: () => service.getKeys(context),\n    queryKey: [\"api-keys\"],\n    retry: false,\n  });\n\n  const deleteKeyMutation = useMutation({\n    mutationFn: (id: string) => {\n      if (!service.deleteKey) {\n        throw new Error(\"deleteKey not implemented\");\n      }\n\n      return service.deleteKey(id, context);\n    },\n    onSuccess: () => {\n      void queryClient.invalidateQueries({ queryKey: [\"api-keys\"] });\n    },\n  });\n\n  const rollKeyMutation = useMutation({\n    mutationFn: (id: string) => {\n      if (!service.rollKey) {\n        throw new Error(\"rollKey not implemented\");\n      }\n\n      return service.rollKey(id, context);\n    },\n    onSuccess: () => queryClient.invalidateQueries({ queryKey: [\"api-keys\"] }),\n  });\n\n  return (\n    <div className=\"max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <Slotlet name=\"api-keys-list-page\" />\n\n      <div className=\"flex justify-between mb-4 border-b pb-3\">\n        <h1 className=\"font-medium text-2xl\">API Keys</h1>\n        {service.createKey && (\n          <Button asChild>\n            <Link to=\"/settings/api-keys/new\">Create API Key</Link>\n          </Button>\n        )}\n      </div>\n\n      <Slotlet name=\"api-keys-list-page-before-keys\" />\n\n      {data.length === 0 ? (\n        <div className=\"flex flex-col justify-center gap-4 items-center p-8 border rounded bg-muted/30 text-muted-foreground\">\n          <p className=\"text-center\">\n            No API keys created yet.\n            <br />\n            Get started and create your first key.\n          </p>\n          {service.createKey && (\n            <Button asChild variant=\"outline\">\n              <Link to=\"/settings/api-keys/new\">Create API Key</Link>\n            </Button>\n          )}\n        </div>\n      ) : (\n        <ul\n          className={cn(\n            \"grid grid-cols-1  rounded border\",\n            \"lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]\",\n          )}\n        >\n          {data.map((key) => (\n            <li\n              className=\"border-b p-5 grid grid-cols-subgrid col-span-full gap-2 items-center\"\n              key={key.id}\n            >\n              <div className=\"flex flex-col gap-1 text-sm\">\n                {key.description ?? key.id}\n                <div className=\"text-muted-foreground text-xs\">\n                  {key.createdOn && (\n                    <div>\n                      Created on {new Date(key.createdOn).toLocaleDateString()}\n                    </div>\n                  )}\n                  {key.expiresOn && (\n                    <div>\n                      Expires on {new Date(key.expiresOn).toLocaleDateString()}\n                    </div>\n                  )}\n                </div>\n              </div>\n              <div className=\"items-center flex lg:justify-center\">\n                <RevealApiKey apiKey={key.key} />\n              </div>\n              <div className=\"flex gap-2\">\n                {service.rollKey && (\n                  <Button\n                    size=\"icon\"\n                    title=\"Roll this key\"\n                    variant=\"ghost\"\n                    onClick={() => {\n                      if (!confirm(\"Do you want to roll this key?\")) {\n                        return;\n                      }\n\n                      rollKeyMutation.mutate(key.id);\n                    }}\n                  >\n                    <RotateCwIcon size={16} />\n                  </Button>\n                )}\n                {service.deleteKey && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    onClick={() => {\n                      if (!confirm(\"Do you want to delete this key?\")) {\n                        return;\n                      }\n\n                      deleteKeyMutation.mutate(key.id);\n                    }}\n                    disabled={deleteKeyMutation.isPending}\n                  >\n                    <TrashIcon size={16} />\n                  </Button>\n                )}\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nconst RevealApiKey = ({ apiKey }: { apiKey: string }) => {\n  const [revealed, setRevealed] = useState(false);\n\n  return (\n    <div className=\"flex gap-2 items-center text-sm w-full\">\n      <div className=\"border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono w-fit overflow-x-scroll h-9 items-center flex px-2\">\n        {revealed ? apiKey : \"•\".repeat(apiKey.length)}\n      </div>\n      <Button\n        variant=\"outline\"\n        onClick={() => setRevealed((prev) => !prev)}\n        size=\"icon\"\n      >\n        {revealed ? <EyeOffIcon size={16} /> : <EyeIcon size={16} />}\n      </Button>\n    </div>\n  );\n};\n","import { type RouteObject } from \"react-router-dom\";\nimport { DevPortalContext } from \"../../core/DevPortalContext.js\";\nimport {\n  type ApiIdentityPlugin,\n  type DevPortalPlugin,\n  ProfileMenuPlugin,\n} from \"../../core/plugins.js\";\nimport { RouterError } from \"../../errors/RouterError.js\";\nimport invariant from \"../../util/invariant.js\";\nimport { CreateApiKey } from \"./CreateApiKey.js\";\nimport { ProtectedRoute } from \"./ProtectedRoute.js\";\nimport { SettingsApiKeys } from \"./SettingsApiKeys.js\";\n\nconst DEFAULT_API_KEY_ENDPOINT =\n  \"https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev\";\n\nexport type ApiKeyService = {\n  getKeys: (context: DevPortalContext) => Promise<ApiKey[]>;\n  rollKey?: (id: string, context: DevPortalContext) => Promise<void>;\n  deleteKey?: (id: string, context: DevPortalContext) => Promise<void>;\n  updateKeyDescription?: (\n    apiKey: { id: string; description: string },\n    context: DevPortalContext,\n  ) => Promise<void>;\n  getUsage?: (apiKeys: string[], context: DevPortalContext) => Promise<void>;\n  createKey?: (\n    apiKey: { description: string; expiresOn?: string },\n    context: DevPortalContext,\n  ) => Promise<void>;\n};\n\nexport type GetApiKeysOptions = ApiKeyService | { endpoint: string } | object;\n\nexport type ApiKeyPluginOptions = object & GetApiKeysOptions;\n\nexport interface ApiKey {\n  id: string;\n  description?: string;\n  createdOn?: string;\n  updatedOn?: string;\n  expiresOn?: string;\n  key: string;\n}\n\nconst createDefaultHandler = (endpoint: string): ApiKeyService => {\n  return {\n    deleteKey: async (id, context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys/${id}`, {\n        method: \"DELETE\",\n      });\n\n      await context.signRequest(request);\n\n      const response = await fetch(request);\n      invariant(response.ok, \"Failed to delete API key\");\n    },\n    rollKey: async (id, context) => {\n      const response = await fetch(\n        await context.signRequest(\n          new Request(endpoint + `/v1/developer/api-keys/${id}/key`, {\n            method: \"DELETE\",\n          }),\n        ),\n      );\n      invariant(response.ok, \"Failed to delete API key\");\n    },\n    createKey: async (apiKey, context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(apiKey),\n      });\n\n      await context.signRequest(request);\n\n      const response = await fetch(request);\n      invariant(response.ok, \"Failed to create API key\");\n    },\n    getKeys: async (context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys`);\n\n      await context.signRequest(request);\n\n      const keys = await fetch(request);\n      invariant(keys.ok, \"Failed to fetch API keys\");\n\n      return await keys.json();\n    },\n  };\n};\n\nexport const apiKeyPlugin = (\n  options: ApiKeyPluginOptions,\n): DevPortalPlugin & ApiIdentityPlugin & ProfileMenuPlugin => {\n  const endpoint =\n    \"endpoint\" in options ? options.endpoint : DEFAULT_API_KEY_ENDPOINT;\n\n  const service =\n    \"getKeys\" in options ? options : createDefaultHandler(endpoint);\n\n  return {\n    getProfileMenuItems: () => [\n      {\n        label: \"API Keys\",\n        path: \"/settings/api-keys\",\n      },\n    ],\n    getIdentities: async (context) => {\n      try {\n        const keys = await service.getKeys(context);\n\n        return keys.map((key) => ({\n          authorizeRequest: (request) => {\n            request.headers.set(\"Authorization\", `Bearer ${key.key}`);\n            return request;\n          },\n          id: key.id,\n          label: key.description ?? key.id,\n        }));\n      } catch {\n        return [];\n      }\n    },\n    getRoutes: (): RouteObject[] => {\n      // TODO: Make lazy\n      return [\n        {\n          element: <ProtectedRoute />,\n          errorElement: <RouterError />,\n          children: [\n            {\n              path: \"/settings/api-keys\",\n              element: <SettingsApiKeys service={service} />,\n            },\n            {\n              path: \"/settings/api-keys/new\",\n              element: <CreateApiKey service={service} />,\n            },\n          ],\n        },\n      ];\n    },\n  };\n};\n"],"names":["EyeOff","createLucideIcon","Eye","RotateCw","Trash","invariant","condition","message","provided","ZudokuError","CreateApiKey","service","context","useDevPortal","navigate","useNavigate","form","useForm","createKeyMutation","useMutation","description","expiresOn","expiresOnDate","addDaysToDate","jsxs","jsx","data","Input","Select","value","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","SelectItem","Button","Link","days","date","ProtectedRoute","auth","useAuth","Outlet","DeveloperHint","SettingsApiKeys","queryClient","useQueryClient","useSuspenseQuery","deleteKeyMutation","id","rollKeyMutation","Slotlet","cn","key","RevealApiKey","RotateCwIcon","TrashIcon","apiKey","revealed","setRevealed","useState","prev","EyeOffIcon","EyeIcon","DEFAULT_API_KEY_ENDPOINT","createDefaultHandler","endpoint","request","response","keys","apiKeyPlugin","options","RouterError"],"mappings":";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAASC,EAAiB,UAAU;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,kCAAkC,KAAK,SAAQ,CAAE;AAAA,EAC/D;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACN;AAAA,EACF;AAAA,EACD;AAAA,IACE;AAAA,IACA,EAAE,GAAG,0EAA0E,KAAK,SAAU;AAAA,EAC/F;AAAA,EACD,CAAC,QAAQ,EAAE,IAAI,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,KAAK,SAAQ,CAAE;AAClE,CAAC;ACvBD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMC,IAAMD,EAAiB,OAAO;AAAA,EAClC,CAAC,QAAQ,EAAE,GAAG,gDAAgD,KAAK,SAAQ,CAAE;AAAA,EAC7E,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAC1D,CAAC;ACZD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAME,IAAWF,EAAiB,YAAY;AAAA,EAC5C,CAAC,QAAQ,EAAE,GAAG,qDAAqD,KAAK,SAAQ,CAAE;AAAA,EAClF,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,CAAC;ACZD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMG,IAAQH,EAAiB,SAAS;AAAA,EACtC,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,yCAAyC,KAAK,SAAQ,CAAE;AAAA,EACtE,CAAC,QAAQ,EAAE,GAAG,sCAAsC,KAAK,SAAQ,CAAE;AACrE,CAAC;ACbuB,SAAAI,EACtBC,GAMAC,GACmB;AACnB,MAAID;AACF;AAIF,QAAME,IACJ,OAAOD,KAAY,aAAaA,MAAYA;AAExC,QAAA,IAAIE,EAAYD,KAAY,kBAAkB;AACtD;AAEA,MAAMC,UAAoB,MAAM;AAAA,EAC9B,YAAYF,GAAiB;AAC3B,UAAMA,CAAO,GACb,KAAK,OAAO;AAAA,EACd;AACF;ACPO,MAAMG,IAAe,CAAC,EAAE,SAAAC,QAA0C;AACvE,QAAMC,IAAUC,KACVC,IAAWC,KACXC,IAAOC,EAAsB;AAAA,IACjC,eAAe;AAAA,MACb,WAAW;AAAA,IACb;AAAA,EAAA,CACD,GACKC,IAAoBC,EAAY;AAAA,IACpC,YAAY,CAAC,EAAE,aAAAC,GAAa,WAAAC,QAA8B;AACpD,UAAA,CAACV,EAAQ;AACL,cAAA,IAAI,MAAM,2BAA2B;AAG7C,YAAMW,IACJD,MAAc,UAAUE,EAAc,OAAOF,CAAS,CAAC,IAAI;AAE7D,aAAOV,EAAQ;AAAA,QACb,EAAE,aAAAS,GAA0B,WAAWE,EAAc;AAAA,QACrDV;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,WAAW,MAAME,EAAS,qBAAqB;AAAA,EAAA,CAChD;AAEG,SAACH,EAAQ,YAKXa,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,4EACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA,IAAC,QAAG,WAAU,wBAAuB,yBAAW,EAClD,CAAA;AAAA,IACAA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAUT,EAAK,aAAa,CAACU,MAASR,EAAkB,OAAOQ,CAAI,CAAC;AAAA,QAEpE,UAAAF,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,uBAAsB,UAAA;AAAA,UAAA;AAAA,gCAElCG,GAAO,EAAA,GAAGX,EAAK,SAAS,aAAa,GAAG;AAAA,UAAE;AAAA,UAE3CQ,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,eAAe,CAACC,MAAUb,EAAK,SAAS,aAAaa,CAAK;AAAA,cAC1D,cAAcb,EAAK,UAAU,WAAW;AAAA,cAExC,UAAA;AAAA,gBAACS,gBAAAA,EAAA,IAAAK,GAAA,EACC,UAACL,gBAAAA,EAAA,IAAAM,GAAA,CAAY,CAAA,GACf;AAAA,gBACAN,gBAAAA,EAAA,IAACO,GACC,EAAA,UAAAR,gBAAAA,EAAAA,KAACS,GACE,EAAA,UAAA;AAAA,kBAAA,CAAC,GAAG,IAAI,IAAI,EAAE,EAAE,IAAI,CAACC,MACnBV,gBAAAA,EAAAA,KAAAW,GAAA,EAAW,OAAO,OAAOD,CAAM,GAC7B,UAAA;AAAA,oBAAAA;AAAA,oBAAO;AAAA,kBAAA,EAAA,GAD8BA,CAExC,CACD;AAAA,kBACAT,gBAAAA,EAAA,IAAAU,GAAA,EAAW,OAAM,SAAQ,UAAK,SAAA;AAAA,gBAAA,EAAA,CACjC,EACF,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACAX,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,YAAAC,gBAAAA,EAAAA,IAACW,KAAO,UAAY,eAAA,CAAA;AAAA,YACpBX,gBAAAA,EAAA,IAACW,GAAO,EAAA,SAAQ,WAAU,SAAO,IAC/B,UAAAX,gBAAAA,EAAA,IAACY,GAAK,EAAA,IAAG,uBAAsB,UAAA,SAAM,CAAA,GACvC;AAAA,UAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA,IAzCO;AA2CX,GAEMd,IAAgB,CAACe,MAAyB;AACxC,QAAAC,wBAAW;AACjB,SAAAA,EAAK,QAAQA,EAAK,QAAQ,IAAID,CAAI,GAC3BC,EAAK;AACd,GCxFaC,IAAiB,MAAM;AAClC,QAAMC,IAAOC;AAGT,SAAAD,EAAK,iBAAiBA,EAAK,YACtB,OAGFA,EAAK,kBACThB,gBAAAA,MAAAkB,GAAA,CAAA,CAAO,IACLF,EAAK,gBAQPjB,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAU,yDAAwD,UAAA;AAAA,IAAA;AAAA,0BAEpEY,GAAO,EAAA,SAAS,MAAMK,EAAK,SAAS,UAAK,SAAA;AAAA,EAC5C,EAAA,CAAA,IAVAhB,gBAAAA,EAAA,IAAC,SAAI,WAAU,yDACb,UAACD,gBAAAA,EAAAA,KAAAoB,GAAA,EAAc,WAAU,iBAAgB,UAAA;AAAA,IAAA;AAAA,IAEPnB,gBAAAA,EAAAA,IAAC,UAAK,UAAc,iBAAA,CAAA;AAAA,IAAO;AAAA,EAAA,EAC7D,CAAA,EACF,CAAA;AAOJ,GCdaoB,IAAkB,CAAC,EAAE,SAAAlC,QAA0C;AAC1E,QAAMC,IAAUC,KACViC,IAAcC,KACd,EAAE,MAAArB,EAAK,IAAIsB,EAAiB;AAAA,IAChC,SAAS,MAAMrC,EAAQ,QAAQC,CAAO;AAAA,IACtC,UAAU,CAAC,UAAU;AAAA,IACrB,OAAO;AAAA,EAAA,CACR,GAEKqC,IAAoB9B,EAAY;AAAA,IACpC,YAAY,CAAC+B,MAAe;AACtB,UAAA,CAACvC,EAAQ;AACL,cAAA,IAAI,MAAM,2BAA2B;AAGtC,aAAAA,EAAQ,UAAUuC,GAAItC,CAAO;AAAA,IACtC;AAAA,IACA,WAAW,MAAM;AACf,MAAKkC,EAAY,kBAAkB,EAAE,UAAU,CAAC,UAAU,GAAG;AAAA,IAC/D;AAAA,EAAA,CACD,GAEKK,IAAkBhC,EAAY;AAAA,IAClC,YAAY,CAAC+B,MAAe;AACtB,UAAA,CAACvC,EAAQ;AACL,cAAA,IAAI,MAAM,yBAAyB;AAGpC,aAAAA,EAAQ,QAAQuC,GAAItC,CAAO;AAAA,IACpC;AAAA,IACA,WAAW,MAAMkC,EAAY,kBAAkB,EAAE,UAAU,CAAC,UAAU,GAAG;AAAA,EAAA,CAC1E;AAGC,SAAAtB,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,mFACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA2B,GAAA,EAAQ,MAAK,qBAAqB,CAAA;AAAA,IAEnC5B,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,2CACb,UAAA;AAAA,MAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,wBAAuB,UAAQ,YAAA;AAAA,MAC5Cd,EAAQ,aACPc,gBAAAA,EAAA,IAACW,GAAO,EAAA,SAAO,IACb,UAAAX,gBAAAA,EAAA,IAACY,GAAK,EAAA,IAAG,0BAAyB,UAAA,iBAAc,CAAA,GAClD;AAAA,IAAA,GAEJ;AAAA,IAEAZ,gBAAAA,EAAAA,IAAC2B,GAAQ,EAAA,MAAK,iCAAiC,CAAA;AAAA,IAE9C1B,EAAK,WAAW,IACdF,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAU,wGACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAA,KAAA,EAAE,WAAU,eAAc,UAAA;AAAA,QAAA;AAAA,8BAExB,MAAG,EAAA;AAAA,QAAE;AAAA,MAAA,GAER;AAAA,MACCb,EAAQ,aACNc,gBAAAA,MAAAW,GAAA,EAAO,SAAO,IAAC,SAAQ,WACtB,UAACX,gBAAAA,EAAA,IAAAY,GAAA,EAAK,IAAG,0BAAyB,2BAAc,CAAA,GAClD;AAAA,IAAA,EAAA,CAEJ,IAEAZ,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW4B;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEC,UAAA3B,EAAK,IAAI,CAAC4B,MACT9B,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YAGV,UAAA;AAAA,cAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,+BACZ,UAAA;AAAA,gBAAA8B,EAAI,eAAeA,EAAI;AAAA,gBACxB9B,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,iCACZ,UAAA;AAAA,kBAAI8B,EAAA,oCACF,OAAI,EAAA,UAAA;AAAA,oBAAA;AAAA,oBACS,IAAI,KAAKA,EAAI,SAAS,EAAE,mBAAmB;AAAA,kBAAA,GACzD;AAAA,kBAEDA,EAAI,aACH9B,gBAAAA,EAAAA,KAAC,OAAI,EAAA,UAAA;AAAA,oBAAA;AAAA,oBACS,IAAI,KAAK8B,EAAI,SAAS,EAAE,mBAAmB;AAAA,kBAAA,GACzD;AAAA,gBAAA,GAEJ;AAAA,cAAA,GACF;AAAA,cACA7B,gBAAAA,EAAAA,IAAC,SAAI,WAAU,uCACb,gCAAC8B,GAAa,EAAA,QAAQD,EAAI,IAAA,CAAK,EACjC,CAAA;AAAA,cACA9B,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACZ,UAAA;AAAA,gBAAAb,EAAQ,WACPc,gBAAAA,EAAA;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,SAAQ;AAAA,oBACR,SAAS,MAAM;AACT,sBAAC,QAAQ,+BAA+B,KAI5Be,EAAA,OAAOG,EAAI,EAAE;AAAA,oBAC/B;AAAA,oBAEA,UAAA7B,gBAAAA,EAAAA,IAAC+B,GAAa,EAAA,MAAM,GAAI,CAAA;AAAA,kBAAA;AAAA,gBAC1B;AAAA,gBAED7C,EAAQ,aACPc,gBAAAA,EAAA;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,SAAS,MAAM;AACT,sBAAC,QAAQ,iCAAiC,KAI5Ba,EAAA,OAAOK,EAAI,EAAE;AAAA,oBACjC;AAAA,oBACA,UAAUL,EAAkB;AAAA,oBAE5B,UAAAxB,gBAAAA,EAAAA,IAACgC,GAAU,EAAA,MAAM,GAAI,CAAA;AAAA,kBAAA;AAAA,gBACvB;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,UArDKH,EAAI;AAAA,QAAA,CAuDZ;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEMC,IAAe,CAAC,EAAE,QAAAG,QAAiC;AACvD,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAG5C,SAAArC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,gHACZ,UAAAkC,IAAWD,IAAS,IAAI,OAAOA,EAAO,MAAM,EAC/C,CAAA;AAAA,IACAjC,gBAAAA,EAAA;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAMwB,EAAY,CAACE,MAAS,CAACA,CAAI;AAAA,QAC1C,MAAK;AAAA,QAEJ,UAAAH,0BAAYI,GAAW,EAAA,MAAM,IAAI,IAAKtC,gBAAAA,EAAA,IAACuC,GAAQ,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA;AAAA,IAC5D;AAAA,EACF,EAAA,CAAA;AAEJ,GCvJMC,IACJ,4DA8BIC,IAAuB,CAACC,OACrB;AAAA,EACL,WAAW,OAAOjB,GAAItC,MAAY;AAChC,UAAMwD,IAAU,IAAI,QAAQD,IAAW,0BAA0BjB,CAAE,IAAI;AAAA,MACrE,QAAQ;AAAA,IAAA,CACT;AAEK,UAAAtC,EAAQ,YAAYwD,CAAO;AAE3B,UAAAC,IAAW,MAAM,MAAMD,CAAO;AAC1B,IAAA/D,EAAAgE,EAAS,IAAI,0BAA0B;AAAA,EACnD;AAAA,EACA,SAAS,OAAOnB,GAAItC,MAAY;AAC9B,UAAMyD,IAAW,MAAM;AAAA,MACrB,MAAMzD,EAAQ;AAAA,QACZ,IAAI,QAAQuD,IAAW,0BAA0BjB,CAAE,QAAQ;AAAA,UACzD,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;AAAA,IAAA;AAEQ,IAAA7C,EAAAgE,EAAS,IAAI,0BAA0B;AAAA,EACnD;AAAA,EACA,WAAW,OAAOX,GAAQ9C,MAAY;AACpC,UAAMwD,IAAU,IAAI,QAAQD,IAAW,0BAA0B;AAAA,MAC/D,QAAQ;AAAA,MACR,SAAS;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,MACA,MAAM,KAAK,UAAUT,CAAM;AAAA,IAAA,CAC5B;AAEK,UAAA9C,EAAQ,YAAYwD,CAAO;AAE3B,UAAAC,IAAW,MAAM,MAAMD,CAAO;AAC1B,IAAA/D,EAAAgE,EAAS,IAAI,0BAA0B;AAAA,EACnD;AAAA,EACA,SAAS,OAAOzD,MAAY;AAC1B,UAAMwD,IAAU,IAAI,QAAQD,IAAW,wBAAwB;AAEzD,UAAAvD,EAAQ,YAAYwD,CAAO;AAE3B,UAAAE,IAAO,MAAM,MAAMF,CAAO;AACtB,WAAA/D,EAAAiE,EAAK,IAAI,0BAA0B,GAEtC,MAAMA,EAAK;EACpB;AAAA,IAISC,KAAe,CAC1BC,MAC4D;AAC5D,QAAML,IACJ,cAAcK,IAAUA,EAAQ,WAAWP,GAEvCtD,IACJ,aAAa6D,IAAUA,IAAUN,EAAqBC,CAAQ;AAEzD,SAAA;AAAA,IACL,qBAAqB,MAAM;AAAA,MACzB;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,eAAe,OAAOvD,MAAY;AAC5B,UAAA;AAGK,gBAFM,MAAMD,EAAQ,QAAQC,CAAO,GAE9B,IAAI,CAAC0C,OAAS;AAAA,UACxB,kBAAkB,CAACc,OACjBA,EAAQ,QAAQ,IAAI,iBAAiB,UAAUd,EAAI,GAAG,EAAE,GACjDc;AAAA,UAET,IAAId,EAAI;AAAA,UACR,OAAOA,EAAI,eAAeA,EAAI;AAAA,QAC9B,EAAA;AAAA,MAAA,QACI;AACN,eAAO;MACT;AAAA,IACF;AAAA,IACA,WAAW,MAEF;AAAA,MACL;AAAA,QACE,+BAAUd,GAAe,EAAA;AAAA,QACzB,oCAAeiC,GAAY,EAAA;AAAA,QAC3B,UAAU;AAAA,UACR;AAAA,YACE,MAAM;AAAA,YACN,SAAUhD,gBAAAA,EAAA,IAAAoB,GAAA,EAAgB,SAAAlC,EAAkB,CAAA;AAAA,UAC9C;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,SAAUc,gBAAAA,EAAA,IAAAf,GAAA,EAAa,SAAAC,EAAkB,CAAA;AAAA,UAC3C;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;","x_google_ignoreList":[0,1,2,3]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.3.0-dev.82",
+  "version": "0.3.0-dev.83",
   "type": "module",
   "files": [
     "dist",

package/src/lib/plugins/api-keys/SettingsApiKeys.tsx

@@ -34,6 +34,17 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
     },
   });
 
+  const rollKeyMutation = useMutation({
+    mutationFn: (id: string) => {
+      if (!service.rollKey) {
+        throw new Error("rollKey not implemented");
+      }
+
+      return service.rollKey(id, context);
+    },
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ["api-keys"] }),
+  });
+
   return (
     <div className="max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]">
       <Slotlet name="api-keys-list-page" />
@@ -50,14 +61,14 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
       <Slotlet name="api-keys-list-page-before-keys" />
 
       {data.length === 0 ? (
-        <div className="flex flex-col justify-center gap-4 items-center h-1/2 my-8">
-          <div className="text-center">
+        <div className="flex flex-col justify-center gap-4 items-center p-8 border rounded bg-muted/30 text-muted-foreground">
+          <p className="text-center">
             No API keys created yet.
             <br />
-            Get started and create the first one now
-          </div>
+            Get started and create your first key.
+          </p>
           {service.createKey && (
-            <Button asChild>
+            <Button asChild variant="outline">
               <Link to="/settings/api-keys/new">Create API Key</Link>
             </Button>
           )}
@@ -94,7 +105,18 @@ export const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {
               </div>
               <div className="flex gap-2">
                 {service.rollKey && (
-                  <Button size="icon">
+                  <Button
+                    size="icon"
+                    title="Roll this key"
+                    variant="ghost"
+                    onClick={() => {
+                      if (!confirm("Do you want to roll this key?")) {
+                        return;
+                      }
+
+                      rollKeyMutation.mutate(key.id);
+                    }}
+                  >
                     <RotateCwIcon size={16} />
                   </Button>
                 )}
@@ -128,10 +150,9 @@ const RevealApiKey = ({ apiKey }: { apiKey: string }) => {
 
   return (
     <div className="flex gap-2 items-center text-sm w-full">
-      <input
-        className="border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono max-w-min"
-        value={revealed ? apiKey : "•".repeat(apiKey.length)}
-      />
+      <div className="border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono w-fit overflow-x-scroll h-9 items-center flex px-2">
+        {revealed ? apiKey : "•".repeat(apiKey.length)}
+      </div>
       <Button
         variant="outline"
         onClick={() => setRevealed((prev) => !prev)}

package/src/lib/plugins/api-keys/index.tsx

@@ -54,6 +54,16 @@ const createDefaultHandler = (endpoint: string): ApiKeyService => {
       const response = await fetch(request);
       invariant(response.ok, "Failed to delete API key");
     },
+    rollKey: async (id, context) => {
+      const response = await fetch(
+        await context.signRequest(
+          new Request(endpoint + `/v1/developer/api-keys/${id}/key`, {
+            method: "DELETE",
+          }),
+        ),
+      );
+      invariant(response.ok, "Failed to delete API key");
+    },
     createKey: async (apiKey, context) => {
       const request = new Request(endpoint + `/v1/developer/api-keys`, {
         method: "POST",