zudoku 0.3.0-dev.3 → 0.3.0-dev.5

package/package.json

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

package/src/lib/components/Layout.tsx

@@ -48,7 +48,7 @@ export const Layout = ({ children }: { children?: ReactNode }) => {
         >
           <SideNavigation />
           <main
-            className="dark:border-white/10 translate-x-0
+            className="dark:border-white/10 translate-x-0 h-full
           lg:overflow-visible
           lg:peer-data-[navigation=true]:w-[calc(100%-var(--side-nav-width))]
           lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] peer-data-[navigation=true]:pl-12"

package/src/lib/core/DevPortalContext.ts

@@ -88,6 +88,7 @@ export class DevPortalContext {
     this.plugins
       .filter(needsInitialization)
       .forEach((plugin) => plugin.initialize(this));
+    this.authentication?.initialize(this);
   };
 
   invalidateCache = async (key: DevPortalCacheKey[]) => {

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

@@ -8,7 +8,6 @@ import { useState } from "react";
 import { Link } from "react-router-dom";
 import { useDevPortal } from "../../components/context/DevPortalProvider.js";
 import { Button } from "../../ui/Button.js";
-import { Card } from "../../ui/Card.js";
 import { type ApiKeyPluginOptions, ApiKeyService } from "./index.js";
 
 export const SettingsApiKeys = ({
@@ -49,58 +48,56 @@ export const SettingsApiKeys = ({
         )}
       </div>
 
-      <Card>
-        <ul className="grid grid-cols-[min-content_1fr_min-content] ">
-          {data.map((key) => (
-            <li
-              className="border-b border-border p-5 grid grid-cols-subgrid col-span-full gap-2 items-center"
-              key={key.id}
-            >
-              <div className="flex flex-col gap-1 text-sm">
-                {key.description ?? key.id}
-                <div className="text-muted-foreground text-xs">
-                  {key.createdOn && (
-                    <div>
-                      Created on {new Date(key.createdOn).toLocaleDateString()}
-                    </div>
-                  )}
-                  {key.expiresOn && (
-                    <div>
-                      Expires on {new Date(key.expiresOn).toLocaleDateString()}
-                    </div>
-                  )}
-                </div>
-              </div>
-              <div className="items-center flex justify-center">
-                <RevealApiKey apiKey={key.key} />
-              </div>
-              <div className="flex gap-2">
-                {service.rollKey && (
-                  <Button size="icon">
-                    <RotateCwIcon size={16} />
-                  </Button>
+      <ul className="grid grid-cols-[min-content_1fr_min-content] ">
+        {data.map((key) => (
+          <li
+            className="border-b border-border p-5 grid grid-cols-subgrid col-span-full gap-2 items-center"
+            key={key.id}
+          >
+            <div className="flex flex-col gap-1 text-sm">
+              {key.description ?? key.id}
+              <div className="text-muted-foreground text-xs">
+                {key.createdOn && (
+                  <div>
+                    Created on {new Date(key.createdOn).toLocaleDateString()}
+                  </div>
                 )}
-                {service.deleteKey && (
-                  <Button
-                    variant="ghost"
-                    size="icon"
-                    onClick={() => {
-                      if (!confirm("Do you want to delete this key?")) {
-                        return;
-                      }
-
-                      deleteKeyMutation.mutate(key.id);
-                    }}
-                    disabled={deleteKeyMutation.isPending}
-                  >
-                    <TrashIcon size={16} />
-                  </Button>
+                {key.expiresOn && (
+                  <div>
+                    Expires on {new Date(key.expiresOn).toLocaleDateString()}
+                  </div>
                 )}
               </div>
-            </li>
-          ))}
-        </ul>
-      </Card>
+            </div>
+            <div className="items-center flex justify-center">
+              <RevealApiKey apiKey={key.key} />
+            </div>
+            <div className="flex gap-2">
+              {service.rollKey && (
+                <Button size="icon">
+                  <RotateCwIcon size={16} />
+                </Button>
+              )}
+              {service.deleteKey && (
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => {
+                    if (!confirm("Do you want to delete this key?")) {
+                      return;
+                    }
+
+                    deleteKeyMutation.mutate(key.id);
+                  }}
+                  disabled={deleteKeyMutation.isPending}
+                >
+                  <TrashIcon size={16} />
+                </Button>
+              )}
+            </div>
+          </li>
+        ))}
+      </ul>
     </div>
   );
 };

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

@@ -1,8 +1,11 @@
+import { Outlet } from "react-router-dom";
+import { useAuth } from "../../authentication/hook.js";
 import { DevPortalContext } from "../../core/DevPortalContext.js";
 import {
   type ApiIdentityPlugin,
   type DevPortalPlugin,
 } from "../../core/plugins.js";
+import { Button } from "../../ui/Button.js";
 import { CreateApiKey } from "./CreateApiKey.js";
 import { SettingsApiKeys } from "./SettingsApiKeys.js";
 
@@ -73,6 +76,18 @@ const createDefaultHandler = (endpoint: string): ApiKeyService => {
   };
 };
 
+const ProtectedRoute = () => {
+  const auth = useAuth();
+  return auth.isAuthenticated ? (
+    <Outlet />
+  ) : (
+    <div className="flex flex-col justify-center gap-2 items-center h-1/2 my-12">
+      Please login first to view this page
+      <Button onClick={() => auth.login()}>Login</Button>
+    </div>
+  );
+};
+
 export const apiKeyPlugin = (
   options: ApiKeyPluginOptions,
 ): DevPortalPlugin & ApiIdentityPlugin => {
@@ -102,12 +117,17 @@ export const apiKeyPlugin = (
     getRoutes: () => {
       return [
         {
-          path: "/settings/api-keys",
-          element: <SettingsApiKeys options={options} service={service} />,
-        },
-        {
-          path: "/settings/api-keys/new",
-          element: <CreateApiKey options={options} service={service} />,
+          element: <ProtectedRoute />,
+          children: [
+            {
+              path: "/settings/api-keys",
+              element: <SettingsApiKeys options={options} service={service} />,
+            },
+            {
+              path: "/settings/api-keys/new",
+              element: <CreateApiKey options={options} service={service} />,
+            },
+          ],
         },
       ];
     },

package/src/lib/plugins/markdown/MdxPage.tsx

@@ -30,7 +30,7 @@ const MarkdownHeadings = {
 
 export const MdxPage = ({
   mdxComponent: MdxComponent,
-  frontmatter,
+  frontmatter = {},
   tableOfContents,
 }: PropsWithChildren<
   Omit<MDXImport, "default"> & {

package/lib/_commonjsHelpers-BkfeUUK-.js

@@ -1,28 +0,0 @@
-var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function f(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function l(e) {
-  if (e.__esModule) return e;
-  var r = e.default;
-  if (typeof r == "function") {
-    var t = function o() {
-      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
-    };
-    t.prototype = r.prototype;
-  } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
-    var n = Object.getOwnPropertyDescriptor(e, o);
-    Object.defineProperty(t, o, n.get ? n : {
-      enumerable: !0,
-      get: function() {
-        return e[o];
-      }
-    });
-  }), t;
-}
-export {
-  l as a,
-  u as c,
-  f as g
-};

package/lib/state-oycsxkHz.js

@@ -1,287 +0,0 @@
-import w from "react";
-import { g as Q } from "./_commonjsHelpers-BkfeUUK-.js";
-var X = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
-const H = (e) => {
-  let s;
-  const l = /* @__PURE__ */ new Set(), v = (u, t) => {
-    const r = typeof u == "function" ? u(s) : u;
-    if (!Object.is(r, s)) {
-      const i = s;
-      s = t ?? (typeof r != "object" || r === null) ? r : Object.assign({}, s, r), l.forEach((f) => f(s, i));
-    }
-  }, O = () => s, h = { setState: v, getState: O, getInitialState: () => p, subscribe: (u) => (l.add(u), () => l.delete(u)), destroy: () => {
-    (X ? "production" : void 0) !== "production" && console.warn(
-      "[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."
-    ), l.clear();
-  } }, p = s = e(v, O, h);
-  return h;
-}, Z = (e) => e ? H(e) : H;
-var U = { exports: {} }, B = {}, V = { exports: {} }, M = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var K;
-function ee() {
-  if (K) return M;
-  K = 1;
-  var e = w;
-  function s(t, r) {
-    return t === r && (t !== 0 || 1 / t === 1 / r) || t !== t && r !== r;
-  }
-  var l = typeof Object.is == "function" ? Object.is : s, v = e.useState, O = e.useEffect, y = e.useLayoutEffect, L = e.useDebugValue;
-  function g(t, r) {
-    var i = r(), f = v({ inst: { value: i, getSnapshot: r } }), c = f[0].inst, d = f[1];
-    return y(function() {
-      c.value = i, c.getSnapshot = r, h(c) && d({ inst: c });
-    }, [t, i, r]), O(function() {
-      return h(c) && d({ inst: c }), t(function() {
-        h(c) && d({ inst: c });
-      });
-    }, [t]), L(i), i;
-  }
-  function h(t) {
-    var r = t.getSnapshot;
-    t = t.value;
-    try {
-      var i = r();
-      return !l(t, i);
-    } catch {
-      return !0;
-    }
-  }
-  function p(t, r) {
-    return r();
-  }
-  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? p : g;
-  return M.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, M;
-}
-var j = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var N;
-function te() {
-  return N || (N = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var e = w, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function l(a) {
-      {
-        for (var n = arguments.length, _ = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
-          _[o - 1] = arguments[o];
-        v("error", a, _);
-      }
-    }
-    function v(a, n, _) {
-      {
-        var o = s.ReactDebugCurrentFrame, S = o.getStackAddendum();
-        S !== "" && (n += "%s", _ = _.concat([S]));
-        var m = _.map(function(E) {
-          return String(E);
-        });
-        m.unshift("Warning: " + n), Function.prototype.apply.call(console[a], console, m);
-      }
-    }
-    function O(a, n) {
-      return a === n && (a !== 0 || 1 / a === 1 / n) || a !== a && n !== n;
-    }
-    var y = typeof Object.is == "function" ? Object.is : O, L = e.useState, g = e.useEffect, h = e.useLayoutEffect, p = e.useDebugValue, u = !1, t = !1;
-    function r(a, n, _) {
-      u || e.startTransition !== void 0 && (u = !0, l("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var o = n();
-      if (!t) {
-        var S = n();
-        y(o, S) || (l("The result of getSnapshot should be cached to avoid an infinite loop"), t = !0);
-      }
-      var m = L({
-        inst: {
-          value: o,
-          getSnapshot: n
-        }
-      }), E = m[0].inst, A = m[1];
-      return h(function() {
-        E.value = o, E.getSnapshot = n, i(E) && A({
-          inst: E
-        });
-      }, [a, o, n]), g(function() {
-        i(E) && A({
-          inst: E
-        });
-        var b = function() {
-          i(E) && A({
-            inst: E
-          });
-        };
-        return a(b);
-      }, [a]), p(o), o;
-    }
-    function i(a) {
-      var n = a.getSnapshot, _ = a.value;
-      try {
-        var o = n();
-        return !y(_, o);
-      } catch {
-        return !0;
-      }
-    }
-    function f(a, n, _) {
-      return n();
-    }
-    var c = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", d = !c, D = d ? f : r, R = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : D;
-    j.useSyncExternalStore = R, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), j;
-}
-var q;
-function Y() {
-  return q || (q = 1, process.env.NODE_ENV === "production" ? V.exports = ee() : V.exports = te()), V.exports;
-}
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var z;
-function ne() {
-  if (z) return B;
-  z = 1;
-  var e = w, s = Y();
-  function l(p, u) {
-    return p === u && (p !== 0 || 1 / p === 1 / u) || p !== p && u !== u;
-  }
-  var v = typeof Object.is == "function" ? Object.is : l, O = s.useSyncExternalStore, y = e.useRef, L = e.useEffect, g = e.useMemo, h = e.useDebugValue;
-  return B.useSyncExternalStoreWithSelector = function(p, u, t, r, i) {
-    var f = y(null);
-    if (f.current === null) {
-      var c = { hasValue: !1, value: null };
-      f.current = c;
-    } else c = f.current;
-    f = g(function() {
-      function D(o) {
-        if (!R) {
-          if (R = !0, a = o, o = r(o), i !== void 0 && c.hasValue) {
-            var S = c.value;
-            if (i(S, o)) return n = S;
-          }
-          return n = o;
-        }
-        if (S = n, v(a, o)) return S;
-        var m = r(o);
-        return i !== void 0 && i(S, m) ? S : (a = o, n = m);
-      }
-      var R = !1, a, n, _ = t === void 0 ? null : t;
-      return [function() {
-        return D(u());
-      }, _ === null ? void 0 : function() {
-        return D(_());
-      }];
-    }, [u, t, r, i]);
-    var d = O(p, f[0], f[1]);
-    return L(function() {
-      c.hasValue = !0, c.value = d;
-    }, [d]), h(d), d;
-  }, B;
-}
-var G = {};
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var P;
-function re() {
-  return P || (P = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var e = w, s = Y();
-    function l(u, t) {
-      return u === t && (u !== 0 || 1 / u === 1 / t) || u !== u && t !== t;
-    }
-    var v = typeof Object.is == "function" ? Object.is : l, O = s.useSyncExternalStore, y = e.useRef, L = e.useEffect, g = e.useMemo, h = e.useDebugValue;
-    function p(u, t, r, i, f) {
-      var c = y(null), d;
-      c.current === null ? (d = {
-        hasValue: !1,
-        value: null
-      }, c.current = d) : d = c.current;
-      var D = g(function() {
-        var _ = !1, o, S, m = function(T) {
-          if (!_) {
-            _ = !0, o = T;
-            var x = i(T);
-            if (f !== void 0 && d.hasValue) {
-              var I = d.value;
-              if (f(I, x))
-                return S = I, I;
-            }
-            return S = x, x;
-          }
-          var J = o, C = S;
-          if (v(J, T))
-            return C;
-          var W = i(T);
-          return f !== void 0 && f(C, W) ? C : (o = T, S = W, W);
-        }, E = r === void 0 ? null : r, A = function() {
-          return m(t());
-        }, b = E === null ? void 0 : function() {
-          return m(E());
-        };
-        return [A, b];
-      }, [t, r, i, f]), R = D[0], a = D[1], n = O(u, R, a);
-      return L(function() {
-        d.hasValue = !0, d.value = n;
-      }, [n]), h(n), n;
-    }
-    G.useSyncExternalStoreWithSelector = p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), G;
-}
-process.env.NODE_ENV === "production" ? U.exports = ne() : U.exports = re();
-var oe = U.exports;
-const ue = /* @__PURE__ */ Q(oe);
-var k = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
-const { useDebugValue: ie } = w, { useSyncExternalStoreWithSelector: ae } = ue;
-let F = !1;
-const se = (e) => e;
-function ce(e, s = se, l) {
-  (k ? "production" : void 0) !== "production" && l && !F && (console.warn(
-    "[DEPRECATED] Use `createWithEqualityFn` instead of `create` or use `useStoreWithEqualityFn` instead of `useStore`. They can be imported from 'zustand/traditional'. https://github.com/pmndrs/zustand/discussions/1937"
-  ), F = !0);
-  const v = ae(
-    e.subscribe,
-    e.getState,
-    e.getServerState || e.getInitialState,
-    s,
-    l
-  );
-  return ie(v), v;
-}
-const $ = (e) => {
-  (k ? "production" : void 0) !== "production" && typeof e != "function" && console.warn(
-    "[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`."
-  );
-  const s = typeof e == "function" ? Z(e) : e, l = (v, O) => ce(s, v, O);
-  return Object.assign(l, s), l;
-}, fe = (e) => e ? $(e) : $, Se = fe(() => ({
-  isAuthenticated: !1
-}));
-export {
-  fe as c,
-  Se as u
-};