@unhingged/vizu-core 0.1.5 → 0.1.7

package/dist/index.cjs

@@ -389,11 +389,59 @@ var CloudStorageAdapter = class {
     this.apiUrl = (opts.apiUrl ?? DEFAULT_API_URL).replace(/\/$/, "");
     this.autoSignIn = opts.autoSignIn !== false;
     this.onAuthChanged = opts.onAuthChanged;
-    this.cachedToken = this.readStoredToken();
+    const fromHash = this.readHashToken();
+    if (fromHash) {
+      this.cachedToken = fromHash;
+      this.writeStoredToken(fromHash);
+    } else {
+      this.cachedToken = this.readStoredToken();
+    }
     if (this.cachedToken && !this.isExpired(this.cachedToken)) {
       this.fireAuthChanged(this.cachedToken);
     }
   }
+  /**
+   * Pull a token out of the URL fragment if /connect just redirected us
+   * back here. Strips the fragment on success so the token doesn't sit
+   * in browser history or get shared if the user copies the URL.
+   *
+   * The fragment is base64-encoded JSON with compact keys; see
+   * apps/landing/app/connect/RedirectComplete.tsx for the producer side.
+   */
+  readHashToken() {
+    if (typeof window === "undefined") return null;
+    const hash = window.location.hash;
+    if (!hash || hash.length < 2) return null;
+    const params = new URLSearchParams(hash.slice(1));
+    const payload = params.get("vizu_auth");
+    if (!payload) return null;
+    try {
+      const json = JSON.parse(atob(payload));
+      if (!json.t || !json.e || !json.u || !json.w) return null;
+      if (json.w !== this.workspace) return null;
+      const stored = {
+        token: json.t,
+        expiresAt: json.e,
+        userId: json.u,
+        user: typeof json.n === "string" ? {
+          id: json.u,
+          name: json.n,
+          avatarUrl: typeof json.a === "string" ? json.a : void 0
+        } : null
+      };
+      params.delete("vizu_auth");
+      const remaining = params.toString();
+      const newHash = remaining ? `#${remaining}` : "";
+      try {
+        const newUrl = window.location.pathname + window.location.search + newHash;
+        window.history.replaceState(null, "", newUrl);
+      } catch {
+      }
+      return stored;
+    } catch {
+      return null;
+    }
+  }
   /**
    * Open the sign-in popup right now (or no-op if a valid token is
    * cached). Vizu calls this on enable() so the user signs in BEFORE
@@ -662,12 +710,19 @@ var CloudStorageAdapter = class {
         `width=${POPUP_WIDTH},height=${POPUP_HEIGHT},left=${left},top=${top},noopener=no,popup=yes`
       );
       if (!popup) {
-        return reject(
-          makeAuthError(
-            "popup_blocked",
-            "Sign-in popup was blocked by the browser. Allow popups for this site and try again."
-          )
-        );
+        try {
+          const returnTo = window.location.href;
+          const redirectUrl = this.apiUrl + "/connect?workspace=" + encodeURIComponent(this.workspace) + "&origin=" + encodeURIComponent(hostOrigin) + "&return_to=" + encodeURIComponent(returnTo);
+          window.location.assign(redirectUrl);
+          return;
+        } catch (err) {
+          return reject(
+            makeAuthError(
+              "popup_blocked",
+              "Sign-in popup was blocked and redirect fallback failed: " + (err instanceof Error ? err.message : String(err))
+            )
+          );
+        }
       }
       let resolved = false;
       const onMessage = (e) => {
@@ -3161,7 +3216,16 @@ var Vizu = class {
       }
       if (matches(e, this.parsedShortcut)) {
         e.preventDefault();
+        const wasEnabled = this.enabled;
         this.toggle();
+        if (!wasEnabled && this.enabled && this.storage instanceof CloudStorageAdapter) {
+          void this.storage.preflightAuth().catch((err) => {
+            if (err?.code === "auth_canceled" || err?.code === "popup_blocked") return;
+            if (typeof console !== "undefined") {
+              console.warn("[vizu] preflight auth failed:", err);
+            }
+          });
+        }
       }
     };
     /* ===== Reposition on scroll/resize ===== */
@@ -3250,14 +3314,6 @@ var Vizu = class {
     this.enabled = true;
     this.bus.emit("enabled", {});
     this.deferred(() => this.mount());
-    if (this.storage instanceof CloudStorageAdapter) {
-      void this.storage.preflightAuth().catch((err) => {
-        if (err?.code === "auth_canceled" || err?.code === "popup_blocked") return;
-        if (typeof console !== "undefined") {
-          console.warn("[vizu] preflight auth failed:", err);
-        }
-      });
-    }
   }
   disable() {
     if (!this.enabled) return;