@githat/nextjs 0.4.1 → 0.5.0

package/dist/githat.css

@@ -332,3 +332,44 @@
   color: #a1a1aa;
   font-size: 0.875rem;
 }
+
+/* Dev Mode Banner */
+.githat-dev-banner {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 99999;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1rem;
+  background: #fef3c7;
+  border-bottom: 1px solid #f59e0b;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 0.8125rem;
+  color: #92400e;
+}
+
+.githat-dev-banner a {
+  color: #d97706;
+  font-weight: 600;
+  text-decoration: underline;
+}
+
+.githat-dev-banner button {
+  background: none;
+  border: none;
+  color: #92400e;
+  font-size: 1.25rem;
+  cursor: pointer;
+  padding: 0 0.25rem;
+  line-height: 1;
+}
+
+/* Success Alert */
+.githat-alert-success {
+  background: rgba(16, 185, 129, 0.1);
+  border: 1px solid rgba(16, 185, 129, 0.3);
+  color: #6ee7b7;
+}

package/dist/index.js

@@ -126,14 +126,21 @@ function createClient(apiUrl, appKey, options = {}) {
       });
     } catch (networkError) {
       if (networkError instanceof TypeError) {
-        const isMissingKey = !appKey || !appKey.startsWith("pk_live_");
+        const isMissingKey = !appKey || !appKey.startsWith("pk_live_") && !appKey.startsWith("pk_test_");
         const isLocalhost = typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1");
         if (isMissingKey && !isLocalhost) {
           throw new Error(
-            "Missing GitHat API key. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to .env.local"
+            "GitHat: Missing or invalid publishable key. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to your environment variables. Get your key at https://githat.io/dashboard/apps"
           );
         }
-        throw new Error("Unable to connect to GitHat API. Check your network connection.");
+        if (isLocalhost) {
+          throw new Error(
+            "GitHat: Cannot reach api.githat.io. Check your internet connection."
+          );
+        }
+        throw new Error(
+          "GitHat: API request failed. Verify your publishable key and app domain at https://githat.io/dashboard/apps"
+        );
       }
       throw networkError;
     }
@@ -171,10 +178,59 @@ function createClient(apiUrl, appKey, options = {}) {
 // src/provider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var GitHatContext = (0, import_react.createContext)(null);
+function isDevMode(key) {
+  return !key || !key.startsWith("pk_live_") && !key.startsWith("pk_test_");
+}
+function DevModeBanner() {
+  const [dismissed, setDismissed] = (0, import_react.useState)(() => {
+    if (typeof window === "undefined") return true;
+    return localStorage.getItem("githat_dev_banner_dismissed") === "1";
+  });
+  if (dismissed || typeof window === "undefined") return null;
+  const hostname = window.location.hostname;
+  if (hostname !== "localhost" && hostname !== "127.0.0.1") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "githat-dev-banner", role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "GitHat Dev Mode" }),
+      " \u2014 No publishable key. Auth works on localhost.",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "https://githat.io/dashboard/apps", target: "_blank", rel: "noopener noreferrer", children: "Get your key" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: () => {
+          setDismissed(true);
+          localStorage.setItem("githat_dev_banner_dismissed", "1");
+        },
+        "aria-label": "Dismiss",
+        children: "\xD7"
+      }
+    )
+  ] });
+}
 function GitHatProvider({ config: rawConfig, children }) {
   const config = (0, import_react.useMemo)(() => resolveConfig(rawConfig), [rawConfig]);
   const useCookies = config.tokenStorage === "cookie";
+  const devMode = isDevMode(config.publishableKey);
   const clientRef = (0, import_react.useRef)(createClient(config.apiUrl, config.publishableKey, { useCookies }));
+  (0, import_react.useEffect)(() => {
+    if (!devMode || typeof window === "undefined") return;
+    const hostname = window.location.hostname;
+    if (hostname === "localhost" || hostname === "127.0.0.1") {
+      console.warn(
+        "%c GitHat Dev Mode %c No publishable key configured. Auth works on localhost but will fail in production. Get your key at https://githat.io/dashboard/apps",
+        "background: #f59e0b; color: #000; font-weight: bold; padding: 2px 6px; border-radius: 3px;",
+        "color: #f59e0b;"
+      );
+    } else {
+      console.error(
+        "%c GitHat %c Missing publishable key. Auth requests will fail. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to your environment. Get your key at https://githat.io/dashboard/apps",
+        "background: #ef4444; color: #fff; font-weight: bold; padding: 2px 6px; border-radius: 3px;",
+        "color: #ef4444;"
+      );
+    }
+  }, []);
   const [user, setUser] = (0, import_react.useState)(null);
   const [org, setOrg] = (0, import_react.useState)(null);
   const [isSignedIn, setIsSignedIn] = (0, import_react.useState)(false);
@@ -322,7 +378,10 @@ function GitHatProvider({ config: rawConfig, children }) {
     signOut,
     switchOrg
   }), [user, org, isSignedIn, isLoading, authError, config, signIn, signUp, signOut, switchOrg]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitHatContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GitHatContext.Provider, { value, children: [
+    devMode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DevModeBanner, {}),
+    children
+  ] });
 }
 
 // src/hooks.ts
@@ -631,6 +690,8 @@ function SignUpForm({ onSuccess, signInUrl }) {
   const [password, setPassword] = (0, import_react5.useState)("");
   const [error, setError] = (0, import_react5.useState)("");
   const [loading, setLoading] = (0, import_react5.useState)(false);
+  const [verificationSent, setVerificationSent] = (0, import_react5.useState)(false);
+  const [verificationEmail, setVerificationEmail] = (0, import_react5.useState)("");
   const emailValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
   const passwordValid = password.length >= 8 && /[A-Z]/.test(password) && /[a-z]/.test(password) && /\d/.test(password);
   const handleSubmit = async (e) => {
@@ -649,6 +710,9 @@ function SignUpForm({ onSuccess, signInUrl }) {
       const result = await signUp({ email, password, name });
       if (onSuccess) {
         onSuccess(result);
+      } else if (result.requiresVerification) {
+        setVerificationSent(true);
+        setVerificationEmail(result.email);
       } else if (typeof window !== "undefined") {
         window.location.href = config.afterSignInUrl;
       }
@@ -658,6 +722,23 @@ function SignUpForm({ onSuccess, signInUrl }) {
       setLoading(false);
     }
   };
+  if (verificationSent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: "githat-form-title", children: "Check your email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "githat-form-subtitle", children: [
+          "We sent a verification link to ",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: verificationEmail })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "githat-alert githat-alert-success", role: "status", children: "Account created! Click the link in your email to verify, then sign in." }),
+      signInUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "githat-form-footer", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: signInUrl, className: "githat-link", children: "Go to sign in" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "githat-powered-by", children: [
+        "Secured by ",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "GitHat" })
+      ] })
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "githat-form-container", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: "githat-form-title", children: "Create an account" }),