@offscript/sdk 0.1.7 → 0.1.9

package/dist/{chunk-7FCA5EJI.cjs → chunk-YPGRVKY4.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkM7CHVDW6_cjs = require('./chunk-M7CHVDW6.cjs');
+var chunkM2E6CWGK_cjs = require('./chunk-M2E6CWGK.cjs');
 
 // src/types/config.ts
 var DEFAULT_RECORDING = {
@@ -347,7 +347,7 @@ var ActionRecorder = class {
     this.scrollState = /* @__PURE__ */ new Map();
     this.move = [];
     const r = sink.config.recording;
-    this.gen = new chunkM7CHVDW6_cjs.SelectorGenerator({ testIdAttributes: r.testIdAttributes, stableAttributes: r.stableAttributes });
+    this.gen = new chunkM2E6CWGK_cjs.SelectorGenerator({ testIdAttributes: r.testIdAttributes, stableAttributes: r.stableAttributes });
   }
   start() {
     const d = this.d;
@@ -411,7 +411,7 @@ var ActionRecorder = class {
   emit(draft, el, extra) {
     const s = this.sink.sanitizer;
     const data = {
-      schemaVersion: chunkM7CHVDW6_cjs.ACTION_SCHEMA_VERSION,
+      schemaVersion: chunkM2E6CWGK_cjs.ACTION_SCHEMA_VERSION,
       type: draft.type,
       url: s.sanitizeUrl(location.href),
       viewport: { width: window.innerWidth, height: window.innerHeight },
@@ -672,7 +672,7 @@ function collectContext(reason, captureSensitiveValues = false) {
     timezone: safe(() => Intl.DateTimeFormat().resolvedOptions().timeZone),
     online: nav.onLine,
     visibility: document.visibilityState,
-    sdkVersion: chunkM7CHVDW6_cjs.SDK_VERSION,
+    sdkVersion: chunkM2E6CWGK_cjs.SDK_VERSION,
     captureSensitiveValues
   };
 }
@@ -1255,6 +1255,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;
@@ -1263,6 +1265,7 @@ var RRWebRecorder = class {
     this.stopped = true;
     this.needsSnapshot = false;
     this.snapshotsTaken = 0;
+    this.settling = false;
   }
   async start() {
     this.stopped = false;
@@ -1295,14 +1298,76 @@ var RRWebRecorder = class {
     };
     this.stopFn = mod.record(options) ?? void 0;
   }
+  /** 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;
     guard(this.sink, this.name, () => {
       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;
     });
   }
@@ -1335,13 +1400,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;
@@ -1352,6 +1419,7 @@ var RRWebRecorder = class {
   }
   pause() {
     this.paused = true;
+    this.cancelScheduledSnapshot();
   }
   /** Ao retomar, as mutações perdidas durante a pausa exigem um snapshot completo. */
   resume() {
@@ -1359,7 +1427,10 @@ var RRWebRecorder = class {
     this.takeFullSnapshot();
   }
   stop() {
+    const snapshotPending = this.settling || this.scheduledSnapshotFrame !== void 0;
+    if (!this.stopped && !this.paused && snapshotPending) this.takeFullSnapshot();
     this.stopped = true;
+    this.cancelScheduledSnapshot();
     safe(() => this.stopFn?.());
     this.stopFn = void 0;
   }
@@ -2215,7 +2286,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;
@@ -2226,6 +2297,23 @@ function tokenFingerprint(token) {
   }
   return `${first >>> 0}.${second >>> 0}`;
 }
+async function encodeRecordingPayload(payload) {
+  const json = JSON.stringify(payload);
+  const CompressionStreamCtor = globalThis.CompressionStream;
+  if (!CompressionStreamCtor) return { body: json };
+  try {
+    const stream = new CompressionStreamCtor("gzip");
+    const writer = stream.writable.getWriter();
+    await writer.write(new TextEncoder().encode(json));
+    await writer.close();
+    return {
+      body: await new Response(stream.readable).blob(),
+      contentEncoding: "gzip"
+    };
+  } catch {
+    return { body: json };
+  }
+}
 var Offscript = class {
   constructor(config = {}) {
     this.bus = new Emitter();
@@ -2242,6 +2330,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);
   }
@@ -2257,11 +2346,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) {
@@ -2317,27 +2414,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();
@@ -2467,10 +2545,17 @@ var Offscript = class {
     if (!["https:", "http:"].includes(url.protocol)) throw new ConfigError("Endpoint HTTP inv\xE1lido");
     const payload = await this.stopRecording();
     try {
+      const encodedPayload = await encodeRecordingPayload(payload);
+      const headers = {
+        "Content-Type": "application/json",
+        Accept: "application/json",
+        Authorization: `Bearer ${token}`
+      };
+      if (encodedPayload.contentEncoding) headers["Content-Encoding"] = encodedPayload.contentEncoding;
       const response = await fetch(url.href, {
         method: "POST",
-        headers: { "Content-Type": "application/json", Accept: "application/json", Authorization: `Bearer ${token}` },
-        body: JSON.stringify(payload)
+        headers,
+        body: encodedPayload.body
       });
       if (!response.ok) throw new OffscriptError("TRANSPORT_FAILED", `Falha ao enviar grava\xE7\xE3o: HTTP ${response.status}`, { status: response.status });
       this.submitted = true;
@@ -2532,7 +2617,7 @@ var Offscript = class {
     this.destroyed = true;
   }
   exportPlaywrightData() {
-    return chunkM7CHVDW6_cjs.buildPlaywrightContract({ actions: this.actionLog, contexts: this.contextLog });
+    return chunkM2E6CWGK_cjs.buildPlaywrightContract({ actions: this.actionLog, contexts: this.contextLog });
   }
   getRecordedActions() {
     return this.actionLog;
@@ -2551,6 +2636,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") {
@@ -2617,6 +2703,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();
@@ -2674,7 +2762,7 @@ var Offscript = class {
     this.bus.emit("statusChange", { from, to });
   }
 };
-Offscript.version = chunkM7CHVDW6_cjs.SDK_VERSION;
+Offscript.version = chunkM2E6CWGK_cjs.SDK_VERSION;
 
 exports.ConfigError = ConfigError;
 exports.DEFAULT_PRIVACY = DEFAULT_PRIVACY;
@@ -2683,5 +2771,5 @@ exports.DataSanitizer = DataSanitizer;
 exports.InvalidStateError = InvalidStateError;
 exports.Offscript = Offscript;
 exports.OffscriptError = OffscriptError;
-//# sourceMappingURL=chunk-7FCA5EJI.cjs.map
-//# sourceMappingURL=chunk-7FCA5EJI.cjs.map
+//# sourceMappingURL=chunk-YPGRVKY4.cjs.map
+//# sourceMappingURL=chunk-YPGRVKY4.cjs.map