@authon/js 0.3.5 → 0.4.0

package/dist/index.d.cts

@@ -110,6 +110,13 @@ declare class Authon {
         updateMemberRole: (orgId: string, memberId: string, role: string) => Promise<OrganizationMember>;
         leave: (orgId: string) => Promise<void>;
     };
+    /** Testing utilities — only available when initialized with a pk_test_ key */
+    get testing(): {
+        signIn(params: {
+            email: string;
+            nickname?: string;
+        }): Promise<AuthonUser>;
+    } | undefined;
     destroy(): void;
     private loadTurnstileScript;
     private emit;

package/dist/index.d.ts

@@ -110,6 +110,13 @@ declare class Authon {
         updateMemberRole: (orgId: string, memberId: string, role: string) => Promise<OrganizationMember>;
         leave: (orgId: string) => Promise<void>;
     };
+    /** Testing utilities — only available when initialized with a pk_test_ key */
+    get testing(): {
+        signIn(params: {
+            email: string;
+            nickname?: string;
+        }): Promise<AuthonUser>;
+    } | undefined;
     destroy(): void;
     private loadTurnstileScript;
     private emit;

package/dist/index.js

@@ -100,6 +100,7 @@ var ModalRenderer = class {
   shadowRoot = null;
   hostElement = null;
   containerElement = null;
+  containerId = null;
   mode;
   theme;
   branding;
@@ -142,9 +143,20 @@ var ModalRenderer = class {
     this.onPasskeyClick = options.onPasskeyClick || (() => {
     });
     if (options.mode === "embedded" && options.containerId) {
-      this.containerElement = document.getElementById(options.containerId);
+      this.containerId = options.containerId;
     }
   }
+  resolveContainerElement() {
+    if (this.mode !== "embedded" || !this.containerId) return null;
+    const next = document.getElementById(this.containerId);
+    if (this.containerElement !== next) {
+      this.hostElement?.remove();
+      this.hostElement = null;
+      this.shadowRoot = null;
+    }
+    this.containerElement = next;
+    return next;
+  }
   setProviders(providers) {
     this.enabledProviders = providers;
   }
@@ -152,6 +164,11 @@ var ModalRenderer = class {
     this.branding = { ...DEFAULT_BRANDING, ...branding };
   }
   open(view = "signIn") {
+    this.resolveContainerElement();
+    if (this.hostElement && !this.hostElement.isConnected) {
+      this.hostElement = null;
+      this.shadowRoot = null;
+    }
     if (this.shadowRoot && this.hostElement) {
       this.hideOverlay();
       this.switchView(view);
@@ -181,8 +198,9 @@ var ModalRenderer = class {
       this.hostElement = null;
       this.shadowRoot = null;
     }
-    if (this.containerElement) {
-      this.containerElement.innerHTML = "";
+    const liveContainer = this.resolveContainerElement();
+    if (liveContainer) {
+      liveContainer.replaceChildren();
     }
     this.currentOverlay = "none";
   }
@@ -348,8 +366,14 @@ var ModalRenderer = class {
     this.hostElement = host;
     if (this.mode === "popup") {
       document.body.appendChild(host);
-    } else if (this.containerElement) {
-      this.containerElement.appendChild(host);
+    } else {
+      const container = this.resolveContainerElement();
+      if (!container) {
+        this.hostElement = null;
+        throw new Error(`Authon container "#${this.containerId}" not found`);
+      }
+      container.replaceChildren();
+      container.appendChild(host);
     }
     this.shadowRoot = host.attachShadow({ mode: "open" });
     this.shadowRoot.innerHTML = this.buildShell(view);
@@ -1107,9 +1131,42 @@ var SessionManager = class {
   refreshTimer = null;
   apiUrl;
   publishableKey;
+  storageKey;
   constructor(publishableKey, apiUrl) {
     this.publishableKey = publishableKey;
     this.apiUrl = apiUrl;
+    this.storageKey = `authon_session_${publishableKey.slice(0, 16)}`;
+    this.restoreFromStorage();
+  }
+  restoreFromStorage() {
+    if (typeof window === "undefined") return;
+    try {
+      const stored = localStorage.getItem(this.storageKey);
+      if (!stored) return;
+      const data = JSON.parse(stored);
+      if (data.accessToken && data.refreshToken && data.user) {
+        this.accessToken = data.accessToken;
+        this.refreshToken = data.refreshToken;
+        this.user = data.user;
+        this.scheduleRefresh(5);
+      }
+    } catch {
+    }
+  }
+  persistToStorage() {
+    if (typeof window === "undefined") return;
+    try {
+      if (this.accessToken && this.refreshToken && this.user) {
+        localStorage.setItem(this.storageKey, JSON.stringify({
+          accessToken: this.accessToken,
+          refreshToken: this.refreshToken,
+          user: this.user
+        }));
+      } else {
+        localStorage.removeItem(this.storageKey);
+      }
+    } catch {
+    }
   }
   getToken() {
     return this.accessToken;
@@ -1121,6 +1178,7 @@ var SessionManager = class {
     this.accessToken = tokens.accessToken;
     this.refreshToken = tokens.refreshToken;
     this.user = tokens.user;
+    this.persistToStorage();
     if (tokens.expiresIn && tokens.expiresIn > 0) {
       this.scheduleRefresh(tokens.expiresIn);
     }
@@ -1132,6 +1190,7 @@ var SessionManager = class {
     this.accessToken = null;
     this.refreshToken = null;
     this.user = null;
+    this.persistToStorage();
     if (this.refreshTimer) {
       clearTimeout(this.refreshTimer);
       this.refreshTimer = null;
@@ -1927,6 +1986,18 @@ var Authon = class {
       await this.apiPostAuth(`/v1/auth/organizations/${orgId}/leave`, void 0, token);
     }
   };
+  /** Testing utilities — only available when initialized with a pk_test_ key */
+  get testing() {
+    if (!this.publishableKey.startsWith("pk_test_")) return void 0;
+    return {
+      signIn: async (params) => {
+        const res = await this.apiPost("/v1/auth/testing/token", params);
+        this.session.setSession(res);
+        this.emit("signedIn", res.user);
+        return res.user;
+      }
+    };
+  }
   destroy() {
     this.modal?.close();
     this.session.destroy();