@multiplayer-app/session-recorder-browser 2.0.79 → 2.0.80

package/dist/index.js

@@ -24263,7 +24263,7 @@ const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
 const REMOTE_SESSION_RECORDING_START = 'remote-session-recording:start';
 const REMOTE_SESSION_RECORDING_STOP = 'remote-session-recording:stop';
-const PACKAGE_VERSION_EXPORT = "2.0.79" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.80" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -25954,6 +25954,8 @@ if (typeof XMLHttpRequest !== 'undefined') {
 class RecorderBrowserSDK {
     constructor() {
         this.generation = 0;
+        this.rrwebReady = false;
+        this.pendingSnapshot = false;
         this.intervals = {
             restart: null,
             bufferSnapshot: null,
@@ -25962,12 +25964,18 @@ class RecorderBrowserSDK {
         this.stoppedAt = '';
     }
     /**
-     * Full snapshot.
+     * Full snapshot. Defers when rrweb's internal `recording` flag is still
+     * false (record() called while DOM is loading; init runs on DOMContentLoaded
+     * /load). The deferred snapshot fires on rrweb's first emitted event.
      */
     takeFullSnapshot() {
         if (!this.stopFn) {
             return;
         }
+        if (!this.rrwebReady) {
+            this.pendingSnapshot = true;
+            return;
+        }
         rrweb__WEBPACK_IMPORTED_MODULE_2__.record.takeFullSnapshot();
     }
     /**
@@ -25990,11 +25998,27 @@ class RecorderBrowserSDK {
         }
         this.startedAt = new Date().toISOString();
         const gen = ++this.generation;
+        this.rrwebReady = false;
+        this.pendingSnapshot = false;
         this.stopFn = (0,rrweb__WEBPACK_IMPORTED_MODULE_2__.record)({
             ...this._buildRecordOptions(),
             emit: async (event) => {
                 if (gen !== this.generation)
                     return;
+                // rrweb's init() ran (sync or via DOMContentLoaded/load) — safe to call
+                // record.takeFullSnapshot() from now on. Flush any deferred snapshot.
+                if (!this.rrwebReady) {
+                    this.rrwebReady = true;
+                    if (this.pendingSnapshot) {
+                        this.pendingSnapshot = false;
+                        try {
+                            rrweb__WEBPACK_IMPORTED_MODULE_2__.record.takeFullSnapshot();
+                        }
+                        catch (_e) {
+                            // unreachable in practice; first event implies recording=true
+                        }
+                    }
+                }
                 const ts = event.timestamp;
                 if (!sessionId) {
                     await this._handleBufferOnlyEvent(event, ts, gen);
@@ -26003,7 +26027,9 @@ class RecorderBrowserSDK {
                 this._handleLiveSessionEvent(event, ts, sessionId, sessionType);
             },
         });
-        this.takeFullSnapshot();
+        // rrweb's `record({...})` already emits the initial Meta+FullSnapshot pair
+        // (synchronously when document is interactive/complete, otherwise deferred
+        // to DOMContentLoaded/load). No explicit takeFullSnapshot() needed here.
         this._setupPeriodicSnapshots(sessionId, sessionType);
     }
     /**
@@ -26028,6 +26054,8 @@ class RecorderBrowserSDK {
         (_a = this.stopFn) === null || _a === void 0 ? void 0 : _a.call(this);
         this.stopFn = undefined;
         this.generation++;
+        this.rrwebReady = false;
+        this.pendingSnapshot = false;
         if (!((_b = this.config) === null || _b === void 0 ? void 0 : _b.useWebsocket)) {
             (_c = this.socketService) === null || _c === void 0 ? void 0 : _c.close();
         }
@@ -26445,10 +26473,16 @@ class CrashBufferService {
         await this.ready;
         const stoppedAt = now;
         const startedAt = Math.max(0, stoppedAt - this.windowMs);
-        // Always include a full snapshot "anchor" if one exists at/before the window start.
+        // Always include a full snapshot "anchor" plus its preceding Meta.
+        // rrweb emits Meta before FullSnapshot with separate Date.now() timestamps,
+        // so on non-trivial pages Meta.ts < FullSnapshot.ts. Using the anchor's ts
+        // as the window start would exclude the Meta and break replay (no viewport).
         const firstSnapshotAt = await this._safe(async () => {
             const anchor = await this.db.getLastRrwebFullSnapshotBefore(this.tabId, startedAt);
-            return typeof (anchor === null || anchor === void 0 ? void 0 : anchor.ts) === 'number' ? anchor.ts : startedAt;
+            if (typeof (anchor === null || anchor === void 0 ? void 0 : anchor.ts) !== 'number')
+                return startedAt;
+            const anchorMeta = await this.db.getLastRrwebMetaBefore(this.tabId, anchor.ts);
+            return typeof (anchorMeta === null || anchorMeta === void 0 ? void 0 : anchorMeta.ts) === 'number' ? anchorMeta.ts : anchor.ts;
         }, startedAt);
         const [allEvents, allSpans] = await Promise.all([
             this._safe(() => this.db.getRrwebEventsWindow(this.tabId, firstSnapshotAt, stoppedAt), []),