nextblogkit 0.7.2 → 0.7.3

package/dist/admin/index.js

@@ -104,22 +104,56 @@ function AdminLayout({ children, apiKey, apiPath, adminPath = "/admin/blog", bas
       setBasePath(basePath);
     }
   }, [apiPath, basePath]);
+  const [initializing, setInitializing] = useState(true);
   useEffect(() => {
-    if (typeof window !== "undefined") {
-      setCurrentPath(window.location.pathname);
-      const stored = sessionStorage.getItem("nbk_api_key");
-      if (stored || apiKey) {
+    if (typeof window === "undefined") return;
+    setCurrentPath(window.location.pathname);
+    const stored = sessionStorage.getItem("nbk_api_key");
+    const key = stored || apiKey;
+    if (!key) {
+      setInitializing(false);
+      return;
+    }
+    const base = apiPath || "/api/blog";
+    fetch(`${base}/settings`, {
+      headers: { Authorization: `Bearer ${key}` }
+    }).then((res) => {
+      if (res.ok) {
         setIsAuthenticated(true);
+      } else {
+        sessionStorage.removeItem("nbk_api_key");
       }
-    }
-  }, [apiKey]);
-  const handleLogin = (e) => {
+    }).catch(() => {
+      if (key) setIsAuthenticated(true);
+    }).finally(() => setInitializing(false));
+  }, [apiKey, apiPath]);
+  const [loginError, setLoginError] = useState("");
+  const [loginLoading, setLoginLoading] = useState(false);
+  const handleLogin = async (e) => {
     e.preventDefault();
-    if (inputKey.trim()) {
-      sessionStorage.setItem("nbk_api_key", inputKey);
-      setIsAuthenticated(true);
+    if (!inputKey.trim()) return;
+    setLoginError("");
+    setLoginLoading(true);
+    try {
+      const base = apiPath || "/api/blog";
+      const res = await fetch(`${base}/settings`, {
+        headers: { Authorization: `Bearer ${inputKey}` }
+      });
+      if (res.ok) {
+        sessionStorage.setItem("nbk_api_key", inputKey);
+        setIsAuthenticated(true);
+      } else {
+        setLoginError("Invalid API key");
+      }
+    } catch {
+      setLoginError("Unable to connect to server");
+    } finally {
+      setLoginLoading(false);
     }
   };
+  if (initializing) {
+    return /* @__PURE__ */ jsx("div", { className: "nbk-admin-login", children: /* @__PURE__ */ jsx("div", { className: "nbk-login-card", children: /* @__PURE__ */ jsx("p", { className: "nbk-login-subtitle", children: "Verifying..." }) }) });
+  }
   if (!isAuthenticated) {
     return /* @__PURE__ */ jsx("div", { className: "nbk-admin-login", children: /* @__PURE__ */ jsxs("div", { className: "nbk-login-card", children: [
       /* @__PURE__ */ jsx("h1", { className: "nbk-login-title", children: "Blog Admin" }),
@@ -133,10 +167,12 @@ function AdminLayout({ children, apiKey, apiPath, adminPath = "/admin/blog", bas
             onChange: (e) => setInputKey(e.target.value),
             placeholder: "Enter API key",
             className: "nbk-login-input",
-            autoFocus: true
+            autoFocus: true,
+            disabled: loginLoading
           }
         ),
-        /* @__PURE__ */ jsx("button", { type: "submit", className: "nbk-login-btn", children: "Sign In" })
+        loginError && /* @__PURE__ */ jsx("p", { className: "nbk-login-error", children: loginError }),
+        /* @__PURE__ */ jsx("button", { type: "submit", className: "nbk-login-btn", disabled: loginLoading, children: loginLoading ? "Verifying..." : "Sign In" })
       ] })
     ] }) });
   }