@offscript/sdk 0.1.7 → 0.1.8

package/dist/{chunk-ZB5N4KJE.js → chunk-IOIVKJTV.js}

@@ -1,4 +1,4 @@
-import { Offscript } from './chunk-LUTOFXSV.js';
+import { Offscript } from './chunk-W27UMAEC.js';
 
 // src/adapters/vanilla.ts
 async function createOffscript(config) {
@@ -13,5 +13,5 @@ async function startOffscript(config) {
 }
 
 export { createOffscript, startOffscript };
-//# sourceMappingURL=chunk-ZB5N4KJE.js.map
-//# sourceMappingURL=chunk-ZB5N4KJE.js.map
+//# sourceMappingURL=chunk-IOIVKJTV.js.map
+//# sourceMappingURL=chunk-IOIVKJTV.js.map

package/dist/{chunk-ZB5N4KJE.js.map → chunk-IOIVKJTV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/adapters/vanilla.ts"],"names":[],"mappings":";;;AAIA,eAAsB,gBAAgB,MAAA,EAA6C;AACjF,EAAA,MAAM,GAAA,GAAM,IAAI,SAAA,CAAU,MAAM,CAAA;AAChC,EAAA,MAAM,IAAI,IAAA,EAAK;AACf,EAAA,OAAO,GAAA;AACT;AAEA,eAAsB,eAAe,MAAA,EAA6C;AAChF,EAAA,MAAM,GAAA,GAAM,MAAM,eAAA,CAAgB,MAAM,CAAA;AACxC,EAAA,MAAM,IAAI,cAAA,EAAe;AACzB,EAAA,OAAO,GAAA;AACT","file":"chunk-ZB5N4KJE.js","sourcesContent":["import { Offscript } from \"../core/OffscriptSDK\";\nimport type { OffscriptConfig } from \"../types/config\";\n\n/** Atalho para aplicações JS tradicionais, Blade e MPA: inicializa a captura local. */\nexport async function createOffscript(config: OffscriptConfig): Promise<Offscript> {\n  const sdk = new Offscript(config);\n  await sdk.init();\n  return sdk;\n}\n\nexport async function startOffscript(config: OffscriptConfig): Promise<Offscript> {\n  const sdk = await createOffscript(config);\n  await sdk.startRecording();\n  return sdk;\n}\n"]}
+{"version":3,"sources":["../src/adapters/vanilla.ts"],"names":[],"mappings":";;;AAIA,eAAsB,gBAAgB,MAAA,EAA6C;AACjF,EAAA,MAAM,GAAA,GAAM,IAAI,SAAA,CAAU,MAAM,CAAA;AAChC,EAAA,MAAM,IAAI,IAAA,EAAK;AACf,EAAA,OAAO,GAAA;AACT;AAEA,eAAsB,eAAe,MAAA,EAA6C;AAChF,EAAA,MAAM,GAAA,GAAM,MAAM,eAAA,CAAgB,MAAM,CAAA;AACxC,EAAA,MAAM,IAAI,cAAA,EAAe;AACzB,EAAA,OAAO,GAAA;AACT","file":"chunk-IOIVKJTV.js","sourcesContent":["import { Offscript } from \"../core/OffscriptSDK\";\nimport type { OffscriptConfig } from \"../types/config\";\n\n/** Atalho para aplicações JS tradicionais, Blade e MPA: inicializa a captura local. */\nexport async function createOffscript(config: OffscriptConfig): Promise<Offscript> {\n  const sdk = new Offscript(config);\n  await sdk.init();\n  return sdk;\n}\n\nexport async function startOffscript(config: OffscriptConfig): Promise<Offscript> {\n  const sdk = await createOffscript(config);\n  await sdk.startRecording();\n  return sdk;\n}\n"]}

package/dist/{chunk-LUTOFXSV.js → chunk-W27UMAEC.js}

@@ -1,4 +1,4 @@
-import { buildPlaywrightContract, SDK_VERSION, SelectorGenerator, ACTION_SCHEMA_VERSION } from './chunk-4EPIPNDL.js';
+import { buildPlaywrightContract, SDK_VERSION, SelectorGenerator, ACTION_SCHEMA_VERSION } from './chunk-AQG5MIW5.js';
 
 // src/types/config.ts
 var DEFAULT_RECORDING = {
@@ -1253,6 +1253,8 @@ var IframeRecorder = class {
 var PRIORITY = { 2: "critical", 4: "critical", 5: "critical", 0: "normal", 1: "normal", 3: "normal", 6: "normal" };
 var URL_ATTRS = ["src", "href", "action", "poster", "data-src", "data", "formaction", "srcset", "cite", "rr_src"];
 var LOW_SOURCES = /* @__PURE__ */ new Set([1, 6, 12, 3]);
+var SNAPSHOT_DEBOUNCE_MS = 200;
+var SNAPSHOT_SETTLE_TIMEOUT_MS = 5e3;
 var RRWebRecorder = class {
   constructor(sink) {
     this.sink = sink;
@@ -1261,6 +1263,7 @@ var RRWebRecorder = class {
     this.stopped = true;
     this.needsSnapshot = false;
     this.snapshotsTaken = 0;
+    this.settling = false;
   }
   async start() {
     this.stopped = false;
@@ -1292,6 +1295,64 @@ var RRWebRecorder = class {
       // erros internos do rrweb não propagam
     };
     this.stopFn = mod.record(options) ?? void 0;
+    this.scheduleSnapshot();
+  }
+  /** Captura o DOM depois do ciclo de renderização atual (Vue, React, etc.). */
+  scheduleSnapshot() {
+    this.cancelScheduledSnapshot();
+    if (typeof window === "undefined") return;
+    this.settling = true;
+    if (typeof MutationObserver !== "undefined" && document.documentElement) {
+      this.settleObserver = new MutationObserver(() => this.notifySnapshotActivity());
+      this.settleObserver.observe(document.documentElement, {
+        attributes: true,
+        characterData: true,
+        childList: true,
+        subtree: true
+      });
+    }
+    this.settleTimeout = window.setTimeout(() => this.captureSettledSnapshot(), SNAPSHOT_SETTLE_TIMEOUT_MS);
+  }
+  notifySnapshotActivity() {
+    if (!this.settling || typeof window === "undefined") return;
+    if (this.scheduledSnapshotTimer !== void 0) window.clearTimeout(this.scheduledSnapshotTimer);
+    this.scheduledSnapshotTimer = window.setTimeout(() => this.captureSettledSnapshot(), SNAPSHOT_DEBOUNCE_MS);
+  }
+  captureSettledSnapshot() {
+    if (!this.settling || typeof window === "undefined") return;
+    this.settling = false;
+    this.cancelScheduledSnapshot();
+    const capture = () => {
+      if (!this.stopped && !this.paused) this.takeFullSnapshot();
+    };
+    if (typeof window.requestAnimationFrame !== "function") {
+      capture();
+      return;
+    }
+    this.scheduledSnapshotFrame = window.requestAnimationFrame(() => {
+      this.scheduledSnapshotFrame = window.requestAnimationFrame(() => {
+        this.scheduledSnapshotFrame = void 0;
+        capture();
+      });
+    });
+  }
+  cancelScheduledSnapshot() {
+    if (typeof window === "undefined") return;
+    this.settling = false;
+    if (this.scheduledSnapshotFrame !== void 0) {
+      window.cancelAnimationFrame(this.scheduledSnapshotFrame);
+      this.scheduledSnapshotFrame = void 0;
+    }
+    if (this.scheduledSnapshotTimer !== void 0) {
+      window.clearTimeout(this.scheduledSnapshotTimer);
+      this.scheduledSnapshotTimer = void 0;
+    }
+    if (this.settleTimeout !== void 0) {
+      window.clearTimeout(this.settleTimeout);
+      this.settleTimeout = void 0;
+    }
+    this.settleObserver?.disconnect();
+    this.settleObserver = void 0;
   }
   onEvent(event) {
     if (this.paused) return;
@@ -1299,8 +1360,11 @@ var RRWebRecorder = class {
       this.sanitizeEvent(event);
       let priority = PRIORITY[event.type] ?? "normal";
       if (event.type === 3 && LOW_SOURCES.has(event.data?.source)) priority = "low";
-      if (event.type === 2) this.snapshotsTaken++;
       const emitted = this.sink.emit("rrweb", event, { priority, at: event.timestamp });
+      if (event.type === 2) {
+        this.needsSnapshot = !emitted;
+        if (emitted) this.snapshotsTaken++;
+      }
       if (!emitted && event.type === 3) this.needsSnapshot = true;
     });
   }
@@ -1333,13 +1397,15 @@ var RRWebRecorder = class {
   /** Chamado pelo núcleo quando há folga novamente após descartes. */
   recoverIfNeeded() {
     if (this.needsSnapshot && !this.paused) {
-      this.needsSnapshot = false;
       this.takeFullSnapshot();
     }
   }
   takeFullSnapshot() {
     if (this.stopped) return;
-    guard(this.sink, this.name, () => this.mod?.record.takeFullSnapshot(true));
+    guard(this.sink, this.name, () => {
+      if (!this.mod?.record) return;
+      this.mod.record.takeFullSnapshot(true);
+    });
   }
   addCustomEvent(tag, payload) {
     if (this.stopped) return;
@@ -1350,6 +1416,7 @@ var RRWebRecorder = class {
   }
   pause() {
     this.paused = true;
+    this.cancelScheduledSnapshot();
   }
   /** Ao retomar, as mutações perdidas durante a pausa exigem um snapshot completo. */
   resume() {
@@ -1357,7 +1424,9 @@ var RRWebRecorder = class {
     this.takeFullSnapshot();
   }
   stop() {
+    if (!this.stopped && !this.paused) this.takeFullSnapshot();
     this.stopped = true;
+    this.cancelScheduledSnapshot();
     safe(() => this.stopFn?.());
     this.stopFn = void 0;
   }
@@ -2213,7 +2282,7 @@ var SUCCESS_TEMPLATE = `
 var TOKEN_STORAGE_KEY = "offscript-session-token";
 var DRAFT_STORAGE_KEY = "offscript-draft-key";
 var COMPLETED_TOKEN_STORAGE_KEY = "offscript-completed-token";
-var RECORDING_SEGMENT_START_QUERY = "offscript_recording_start";
+var NAVIGATION_SETTLE_WINDOW_MS = 5e3;
 function tokenFingerprint(token) {
   let first = 2166136261;
   let second = 2654435769;
@@ -2240,6 +2309,7 @@ var Offscript = class {
     this.pageId = uid("page_");
     this.submitted = false;
     this.launchTokenChanged = false;
+    this.snapshotAfterNavigationUntil = 0;
     this.config = resolveConfig(config);
     this.sanitizer = new DataSanitizer(this.config.privacy);
   }
@@ -2255,11 +2325,19 @@ var Offscript = class {
     this.initPromise ?? (this.initPromise = this.initialize());
     await this.initPromise;
     if (this.restorePromise) await this.restorePromise;
-    if (this.config.controls && this.launchToken && !this.controls) {
+    this.exposeRunnerBridge();
+    if (this.config.controls && this.launchToken && !this.controls && !window.__offscriptRunner?.enabled) {
       this.controls = new RecordingControls(this);
       this.controls.mount();
     }
   }
+  exposeRunnerBridge() {
+    const bridge = window.__offscriptRunner;
+    if (!bridge?.enabled || !bridge.endpoint) return;
+    bridge.startRecording = () => this.startRecording();
+    bridge.complete = () => this.complete({ endpoint: bridge.endpoint });
+    bridge.ready = true;
+  }
   async initialize() {
     this.resolveLaunchToken();
     if (this.launchToken && !this.config.persistenceKey) {
@@ -2315,27 +2393,8 @@ var Offscript = class {
   async initializeDraft() {
     if (!this.config.persistenceKey) return;
     this.store = await RecordingStore.open(this.config.persistenceKey);
-    const startsNewSegment = await this.consumeRecordingSegmentMarker();
-    if (this.launchTokenChanged || startsNewSegment) await this.store.clear();
+    if (this.launchTokenChanged) await this.store.clear();
     await this.restoreDraft();
-    if (startsNewSegment) await this.startFreshRecording();
-  }
-  async consumeRecordingSegmentMarker() {
-    const url = new URL(window.location.href);
-    const marker = url.searchParams.get(RECORDING_SEGMENT_START_QUERY);
-    if (!marker) return false;
-    url.searchParams.delete(RECORDING_SEGMENT_START_QUERY);
-    window.history.replaceState(window.history.state, "", url.href);
-    if (!this.launchToken || !globalThis.crypto?.subtle) return false;
-    let fingerprint;
-    try {
-      const tokenBytes = new TextEncoder().encode(this.launchToken);
-      const digest = await globalThis.crypto.subtle.digest("SHA-256", tokenBytes);
-      fingerprint = Array.from(new Uint8Array(digest), (byte) => byte.toString(16).padStart(2, "0")).join("");
-    } catch {
-      return false;
-    }
-    return marker === fingerprint;
   }
   async restoreDraft() {
     const saved = await this.store.load();
@@ -2549,6 +2608,7 @@ var Offscript = class {
     this.rrweb?.recoverIfNeeded();
     const sequence = ++this.sequence;
     const timestamp = opts.at ?? Date.now();
+    if (kind === "http" && timestamp <= this.snapshotAfterNavigationUntil) this.rrweb?.notifySnapshotActivity();
     const id = `${this.pageId}:${sequence}`;
     let payload = data;
     if (kind === "action") {
@@ -2615,6 +2675,8 @@ var Offscript = class {
         this.actions?.recordNavigation(from, to, kind);
         this.emitLifecycle("navigation", { from: this.sanitizer.sanitizeUrl(from), to: this.sanitizer.sanitizeUrl(to), kind }, "critical");
         this.context?.record("navigation");
+        this.snapshotAfterNavigationUntil = Date.now() + NAVIGATION_SETTLE_WINDOW_MS;
+        this.rrweb?.scheduleSnapshot();
       }
     }));
     this.lifecycle.install();
@@ -2675,5 +2737,5 @@ var Offscript = class {
 Offscript.version = SDK_VERSION;
 
 export { ConfigError, DEFAULT_PRIVACY, DEFAULT_RECORDING, DataSanitizer, InvalidStateError, Offscript, OffscriptError };
-//# sourceMappingURL=chunk-LUTOFXSV.js.map
-//# sourceMappingURL=chunk-LUTOFXSV.js.map
+//# sourceMappingURL=chunk-W27UMAEC.js.map
+//# sourceMappingURL=chunk-W27UMAEC.js.map