@mochabug/adapt-web 1.0.0-rc53 → 1.0.0-rc55

package/dist/umd/adapt-web.js

@@ -534,6 +534,7 @@ var MbAdapt = (() => {
     AdaptCapElement: () => AdaptCapElement,
     AdaptCapWidget: () => AdaptCapWidget,
     AdaptWebClient: () => AdaptWebClient,
+    clearPersistedState: () => clearPersistedState,
     configure: () => configure,
     createChallenge: () => createChallenge,
     createConnectClient: () => createConnectClient,
@@ -6137,7 +6138,7 @@ var MbAdapt = (() => {
           return false;
         }
         case "session": {
-          const isTerminal = TERMINAL_STATUSES.includes(value.status);
+          const isTerminal = TERMINAL_STATUSES.includes(value.status) && !value.fork;
           const status = enumToJson(StatusSchema, value.status);
           currentHandlers?.onSession?.({
             status,
@@ -7201,7 +7202,8 @@ var MbAdapt = (() => {
     "dialog-backdrop-close",
     "dialog-resize-to-content",
     "dark-mode",
-    "auto-resizing"
+    "auto-resizing",
+    "persist"
   ];
   var BaseElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {
   };
@@ -7271,6 +7273,24 @@ var MbAdapt = (() => {
         this.removeAttribute("dialog-resize-to-content");
       }
     }
+    get persist() {
+      return this.hasAttribute("persist");
+    }
+    set persist(v) {
+      if (v) {
+        this.setAttribute("persist", "");
+      } else {
+        this.removeAttribute("persist");
+      }
+    }
+    /**
+     * Clear persisted state, stop current session, and reinitialize fresh.
+     */
+    async newSession() {
+      if (this._client) {
+        await this._client.newSession();
+      }
+    }
     // --- Lifecycle ---
     connectedCallback() {
       queueMicrotask(() => this._tryInit());
@@ -7280,7 +7300,7 @@ var MbAdapt = (() => {
     }
     attributeChangedCallback(name, oldValue, newValue) {
       if (oldValue === newValue) return;
-      if (name === "automation-id") {
+      if (name === "automation-id" || name === "persist") {
         this._destroyClient();
         queueMicrotask(() => this._tryInit());
         return;
@@ -7378,6 +7398,11 @@ var MbAdapt = (() => {
       if (this.inheritFrom !== void 0) options.inheritFrom = this.inheritFrom;
       if (this.classNames !== void 0) options.classNames = this.classNames;
       if (this.styles !== void 0) options.styles = this.styles;
+      if (this.persistOptions !== void 0) {
+        options.persist = this.persistOptions;
+      } else if (this.persist) {
+        options.persist = true;
+      }
       this._client = new AdaptWebClient(options);
     }
     _destroyClient() {
@@ -7522,10 +7547,19 @@ var MbAdapt = (() => {
   // src/index.ts
   if (typeof window !== "undefined" && true && !window.CAP_CUSTOM_WASM_URL) {
     window.CAP_CUSTOM_WASM_URL = new URL(
-      "https://cdn.mochabug.com/adapt/web/1.0.0-rc53/cap_wasm.js",
+      "https://cdn.mochabug.com/adapt/web/1.0.0-rc55/cap_wasm.js",
       window.location.href
     ).href;
   }
+  function clearPersistedState(automationId, storage = "both") {
+    const key = `mb_adapt_${automationId}`;
+    if (storage === "session" || storage === "both") {
+      sessionStorage.removeItem(key);
+    }
+    if (storage === "local" || storage === "both") {
+      localStorage.removeItem(key);
+    }
+  }
   var DEFAULT_STYLES = `
 .mb-adapt {
   width: 100%;
@@ -8429,6 +8463,7 @@ cap-widget::part(attribution) {
           this.splitPercentage = unclampedSplit;
         }
         unclampedSplit = this.splitPercentage;
+        this.saveState();
       };
       this.mouseMoveHandler = handleMouseMove;
       this.mouseUpHandler = handleMouseUp;
@@ -8491,6 +8526,9 @@ cap-widget::part(attribution) {
           if (sessionJson.status === "STATUS_COMPLETED" && !sessionJson.fork) {
             this.handleSessionComplete();
           }
+          if (!sessionJson.fork && (sessionJson.status === "STATUS_COMPLETED" || sessionJson.status === "STATUS_STOPPED" || sessionJson.status === "STATUS_ERRORED")) {
+            this.clearState();
+          }
           if (this.options.onSession) {
             this.options.onSession(
               sessionJson.status || "STATUS_UNSPECIFIED",
@@ -8502,6 +8540,10 @@ cap-widget::part(attribution) {
       if (this.options.onOutput) {
         handlers.onOutput = this.options.onOutput;
       }
+      if (!this.options.sessionToken && this.resolvePersistOptions()) {
+        const restored = await this.tryRestoreSession(handlers);
+        if (restored) return;
+      }
       if (this.options.sessionToken) {
         this.sessionToken = this.options.sessionToken;
         await this.client.subscribe(this.sessionToken, handlers);
@@ -8539,6 +8581,8 @@ cap-widget::part(attribution) {
           result = await this.client.run(runOptions);
         }
         this.sessionToken = result.sessionToken;
+        this.sessionExpiresAt = result.expiresAt;
+        this.saveState();
       }
     }
     /**
@@ -8581,10 +8625,186 @@ cap-widget::part(attribution) {
         this.capWidgetInstance = null;
       }
     }
+    // --- Persistence helpers ---
+    resolvePersistOptions() {
+      const p = this.options.persist;
+      if (!p) return null;
+      if (p === true) return { storage: "session", ttl: 3600 };
+      return { storage: p.storage ?? "session", ttl: p.ttl ?? 3600 };
+    }
+    getStorageKey() {
+      return `mb_adapt_${this.options.id}`;
+    }
+    getStorage() {
+      const opts = this.resolvePersistOptions();
+      if (!opts) return null;
+      return opts.storage === "local" ? localStorage : sessionStorage;
+    }
+    saveState() {
+      const storage = this.getStorage();
+      if (!storage || !this.sessionToken) return;
+      const opts = this.resolvePersistOptions();
+      const state = {
+        v: 1,
+        token: this.sessionToken,
+        expiresAt: this.sessionExpiresAt ? this.sessionExpiresAt.toISOString() : null,
+        savedAt: Date.now(),
+        ttl: opts.ttl,
+        mainUrl: this.mainUrl,
+        mainToken: this.mainToken,
+        currentFork: this.currentFork ? {
+          url: this.currentFork.url,
+          token: this.currentFork.token,
+          fork: this.currentFork.fork,
+          depth: this.currentFork.depth,
+          time: this.currentFork.time,
+          completed: this.currentFork.completed
+        } : null,
+        forkQueue: this.forkQueue.map((f) => ({
+          url: f.url,
+          token: f.token,
+          fork: f.fork,
+          depth: f.depth,
+          time: f.time,
+          completed: f.completed
+        })),
+        forkDisplayMode: this.forkDisplay.mode,
+        splitPercentage: this.splitPercentage
+      };
+      storage.setItem(this.getStorageKey(), JSON.stringify(state));
+    }
+    loadState() {
+      const storage = this.getStorage();
+      if (!storage) return null;
+      const raw = storage.getItem(this.getStorageKey());
+      if (!raw) return null;
+      let state;
+      try {
+        state = JSON.parse(raw);
+      } catch {
+        this.clearState();
+        return null;
+      }
+      if (state.v !== 1) {
+        this.clearState();
+        return null;
+      }
+      const now = Date.now();
+      const leeway = 3e4;
+      if (now - state.savedAt > state.ttl * 1e3 + leeway) {
+        this.clearState();
+        return null;
+      }
+      if (state.expiresAt) {
+        const expires = new Date(state.expiresAt).getTime();
+        if (now > expires + leeway) {
+          this.clearState();
+          return null;
+        }
+      }
+      return state;
+    }
+    clearState() {
+      const storage = this.getStorage();
+      if (!storage) return;
+      storage.removeItem(this.getStorageKey());
+    }
+    async tryRestoreSession(handlers) {
+      const state = this.loadState();
+      if (!state) return false;
+      this.sessionToken = state.token;
+      this.sessionExpiresAt = state.expiresAt ? new Date(state.expiresAt) : void 0;
+      this.mainUrl = state.mainUrl;
+      this.mainToken = state.mainToken;
+      this.forkQueue = state.forkQueue;
+      this.currentFork = state.currentFork;
+      if (state.forkDisplayMode === this.forkDisplay.mode) {
+        if (this.forkDisplay.mode === "side-by-side") {
+          this.splitPercentage = state.splitPercentage;
+        }
+      }
+      if (this.mainUrl && this.mainIframe) {
+        const newSrc = getIframeSrc(this.mainUrl, this.mainToken);
+        if (this.mainIframe.src !== newSrc) {
+          this.mainIframe.src = newSrc;
+        }
+        this.showIframe(this.mainIframe);
+      }
+      if (this.currentFork && this.forkIframe) {
+        this.updateForkIframe();
+      }
+      if (this.forkDisplay.mode === "dialog") {
+        this.updateDialogVisibility();
+      } else {
+        this.updateSideBySideVisibility();
+      }
+      try {
+        await this.client.subscribe(state.token, handlers);
+        handlers.onSession?.({ status: "STATUS_RUNNING" });
+      } catch {
+        this.clearState();
+        this.sessionToken = null;
+        this.sessionExpiresAt = void 0;
+        this.mainUrl = null;
+        this.mainToken = void 0;
+        this.forkQueue = [];
+        this.currentFork = null;
+        if (this.mainIframe) {
+          this.mainIframe.src = "about:blank";
+          this.mainIframe.classList.remove("mb-adapt__iframe--visible");
+        }
+        if (this.forkIframe) {
+          this.forkIframe.src = "about:blank";
+          this.forkIframe.classList.remove("mb-adapt__iframe--visible");
+          this.forkIframe.classList.add("mb-adapt__iframe--hidden");
+        }
+        if (this.forkDisplay.mode === "side-by-side") {
+          this.updateSideBySideVisibility();
+        } else {
+          this.updateDialogVisibility();
+        }
+        return false;
+      }
+      return true;
+    }
+    /**
+     * Clear persisted state, stop current session, and reinitialize fresh.
+     */
+    async newSession() {
+      this.clearState();
+      if (this.sessionToken) {
+        this.client.stop(this.sessionToken).catch(() => {
+        });
+      }
+      await this.client.unsubscribe();
+      this.mainUrl = null;
+      this.mainToken = void 0;
+      this.forkQueue = [];
+      this.currentFork = null;
+      this.sessionToken = null;
+      this.sessionExpiresAt = void 0;
+      this.lastForkActive = null;
+      if (this.mainIframe) {
+        this.mainIframe.src = "about:blank";
+        this.mainIframe.classList.remove("mb-adapt__iframe--visible");
+      }
+      if (this.forkIframe) {
+        this.forkIframe.src = "about:blank";
+        this.forkIframe.classList.remove("mb-adapt__iframe--visible");
+        this.forkIframe.classList.add("mb-adapt__iframe--hidden");
+      }
+      this.removeStoppedPlaceholder();
+      if (this.forkDisplay.mode === "side-by-side") {
+        this.updateSideBySideVisibility();
+      } else {
+        this.updateDialogVisibility();
+      }
+      await this.init();
+    }
     async destroy() {
       this.destroyed = true;
       this.destroyCapWidget();
-      if (this.sessionToken) {
+      if (this.sessionToken && !this.loadState()) {
         this.client.stop(this.sessionToken).catch(() => {
         });
       }
@@ -8633,10 +8853,12 @@ cap-widget::part(attribution) {
       const fork = msg.fork || "";
       if (msg.stopped) {
         this.handleStoppedMessage(fork);
+        this.saveState();
         return;
       }
       if (msg.done) {
         this.handleDoneMessage(fork);
+        this.saveState();
         return;
       }
       if (!msg.url) return;
@@ -8645,6 +8867,7 @@ cap-widget::part(attribution) {
       } else {
         this.handleForkUrl(msg.url, msg.token, fork);
       }
+      this.saveState();
     }
     handleSessionComplete() {
       this.currentFork = null;
@@ -8749,6 +8972,7 @@ cap-widget::part(attribution) {
       } else {
         this.updateSideBySideVisibility();
       }
+      this.saveState();
     }
     updateMainIframe() {
       if (!this.rootElement || !this.mainUrl || !this.mainIframe) return;
@@ -8834,6 +9058,7 @@ cap-widget::part(attribution) {
           this.splitPercentage = 50;
         }
         this.updateSideBySideVisibility();
+        this.saveState();
       });
       this.wrapperElement.appendChild(this.mainFrameElement);
       this.wrapperElement.appendChild(this.forkFrameElement);
@@ -8984,6 +9209,7 @@ cap-widget::part(attribution) {
         this.currentFork = null;
         this.updateDialogVisibility();
       }
+      this.saveState();
     }
     handleForkExit() {
       if (!this.currentFork) return;
@@ -9008,6 +9234,7 @@ cap-widget::part(attribution) {
           this.updateDialogVisibility();
         }
       }
+      this.saveState();
     }
     createDialogStructure() {
       if (this.mainContainer) return;