@devskin/browser-sdk 1.0.35 → 1.0.37

package/dist/devskin.umd.js

@@ -13425,15 +13425,20 @@
     record.mirror = mirror;
 
     class RRWebRecorder {
-        constructor(sessionId, config, onEventsReady) {
+        constructor(sessionId, config, onEventsReady, sessionStartTime = 0) {
             this.stopFn = null;
             this.events = [];
             this.onEventsReady = null;
             this.flushInterval = null;
             this.hasFullSnapshot = false;
+            this.sessionStartTime = 0; // Session start time (for relative timestamps)
+            this.recordingStartTime = 0; // When this recorder instance started
             this.sessionId = sessionId;
             this.config = config;
             this.onEventsReady = onEventsReady;
+            this.sessionStartTime = sessionStartTime || Date.now();
+            this.recordingStartTime = Date.now();
+            console.log(`[RRWeb] Recording initialized - session started at ${this.sessionStartTime}, recording started at ${this.recordingStartTime}`);
         }
         start() {
             if (!this.config.enabled) {
@@ -13447,6 +13452,13 @@
             try {
                 this.stopFn = record({
                     emit: (event) => {
+                        // Convert absolute timestamps to relative to session start
+                        // This ensures continuity across page navigations within same session
+                        const originalTimestamp = event.timestamp;
+                        event.timestamp = event.timestamp - this.sessionStartTime;
+                        if (this.config.enabled && event.type === 2) {
+                            console.log(`[RRWeb] FullSnapshot - original: ${originalTimestamp}, relative: ${event.timestamp}, session start: ${this.sessionStartTime}`);
+                        }
                         this.events.push(event);
                         // Check if this is a FullSnapshot (type 2)
                         if (event.type === 2) {
@@ -13925,13 +13937,15 @@
                 this.heatmapCollector.start();
                 // Initialize screenshot collector and capture page
                 this.screenshotCollector = new ScreenshotCollector(this.config, this.transport);
-                this.screenshotCollector.captureAndSend(this.sessionId, window.location.href);
+                // Send only the pathname (not full URL) for consistent hashing
+                this.screenshotCollector.captureAndSend(this.sessionId, window.location.pathname);
                 if (this.config.debug) {
                     console.log('[DevSkin] Heatmap collection enabled (always on)');
                 }
                 // Initialize session recording with rrweb
                 if ((_a = this.config.sessionRecording) === null || _a === void 0 ? void 0 : _a.enabled) {
                     // Use RRWebRecorder for complete DOM recording
+                    // Pass sessionStartTime to ensure timestamp continuity across page navigations
                     this.rrwebRecorder = new RRWebRecorder(this.sessionId, {
                         enabled: true,
                         sampleRate: this.config.sessionRecording.sampling || 0.5,
@@ -13954,7 +13968,8 @@
                         var _a;
                         // Send rrweb events to backend
                         (_a = this.transport) === null || _a === void 0 ? void 0 : _a.sendRecordingEvents(this.sessionId, events);
-                    });
+                    }, this.sessionStartTime // Pass session start time for timestamp continuity
+                    );
                     // Start recording immediately (session already created)
                     this.rrwebRecorder.start();
                     if ((_b = this.config) === null || _b === void 0 ? void 0 : _b.debug) {