@offscript/sdk 0.1.7 → 0.1.9

package/dist/adapters/nuxt.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk7FCA5EJI_cjs = require('../chunk-7FCA5EJI.cjs');
-require('../chunk-M7CHVDW6.cjs');
+var chunkYPGRVKY4_cjs = require('../chunk-YPGRVKY4.cjs');
+require('../chunk-M2E6CWGK.cjs');
 
 // src/adapters/nuxt.ts
 function createNuxtOffscript(config) {
   if (typeof window === "undefined") return null;
-  const sdk = new chunk7FCA5EJI_cjs.Offscript(config);
+  const sdk = new chunkYPGRVKY4_cjs.Offscript(config);
   void sdk.init().catch(() => void 0);
   return sdk;
 }

package/dist/adapters/nuxt.js

@@ -1,5 +1,5 @@
-import { Offscript } from '../chunk-LUTOFXSV.js';
-import '../chunk-4EPIPNDL.js';
+import { Offscript } from '../chunk-5F637PDG.js';
+import '../chunk-KKEYBVTX.js';
 
 // src/adapters/nuxt.ts
 function createNuxtOffscript(config) {

package/dist/adapters/vanilla.cjs

@@ -1,18 +1,18 @@
 'use strict';
 
-var chunkOXGIMYKL_cjs = require('../chunk-OXGIMYKL.cjs');
-require('../chunk-7FCA5EJI.cjs');
-require('../chunk-M7CHVDW6.cjs');
+var chunkWK242AJ2_cjs = require('../chunk-WK242AJ2.cjs');
+require('../chunk-YPGRVKY4.cjs');
+require('../chunk-M2E6CWGK.cjs');
 
 
 
 Object.defineProperty(exports, "createOffscript", {
   enumerable: true,
-  get: function () { return chunkOXGIMYKL_cjs.createOffscript; }
+  get: function () { return chunkWK242AJ2_cjs.createOffscript; }
 });
 Object.defineProperty(exports, "startOffscript", {
   enumerable: true,
-  get: function () { return chunkOXGIMYKL_cjs.startOffscript; }
+  get: function () { return chunkWK242AJ2_cjs.startOffscript; }
 });
 //# sourceMappingURL=vanilla.cjs.map
 //# sourceMappingURL=vanilla.cjs.map

package/dist/adapters/vanilla.js

@@ -1,5 +1,5 @@
-export { createOffscript, startOffscript } from '../chunk-ZB5N4KJE.js';
-import '../chunk-LUTOFXSV.js';
-import '../chunk-4EPIPNDL.js';
+export { createOffscript, startOffscript } from '../chunk-U232L3JD.js';
+import '../chunk-5F637PDG.js';
+import '../chunk-KKEYBVTX.js';
 //# sourceMappingURL=vanilla.js.map
 //# sourceMappingURL=vanilla.js.map

package/dist/adapters/vue.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk7FCA5EJI_cjs = require('../chunk-7FCA5EJI.cjs');
-require('../chunk-M7CHVDW6.cjs');
+var chunkYPGRVKY4_cjs = require('../chunk-YPGRVKY4.cjs');
+require('../chunk-M2E6CWGK.cjs');
 
 // src/adapters/vue.ts
 var OFFSCRIPT_KEY = "$offscript";
 var OffscriptPlugin = {
   install(app, config) {
-    const sdk = new chunk7FCA5EJI_cjs.Offscript(config);
+    const sdk = new chunkYPGRVKY4_cjs.Offscript(config);
     void sdk.init().catch(() => void 0);
     if (app.config?.globalProperties) {
       app.config.globalProperties[OFFSCRIPT_KEY] = sdk;

package/dist/adapters/vue.js

@@ -1,5 +1,5 @@
-import { Offscript } from '../chunk-LUTOFXSV.js';
-import '../chunk-4EPIPNDL.js';
+import { Offscript } from '../chunk-5F637PDG.js';
+import '../chunk-KKEYBVTX.js';
 
 // src/adapters/vue.ts
 var OFFSCRIPT_KEY = "$offscript";

package/dist/{chunk-LUTOFXSV.js → chunk-5F637PDG.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-KKEYBVTX.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;
@@ -1293,14 +1296,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;
     });
   }
@@ -1333,13 +1398,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 +1417,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 +1425,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;
   }
@@ -2213,7 +2284,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;
@@ -2224,6 +2295,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();
@@ -2240,6 +2328,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 +2344,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 +2412,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();
@@ -2465,10 +2543,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;
@@ -2549,6 +2634,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 +2701,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 +2763,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-5F637PDG.js.map
+//# sourceMappingURL=chunk-5F637PDG.js.map