@devskin/browser-sdk 1.0.35 → 1.0.37

package/dist/devskin.esm.js

@@ -13419,15 +13419,20 @@ record.takeFullSnapshot = (isCheckout) => {
 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) {
@@ -13441,6 +13446,13 @@ class RRWebRecorder {
         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) {
@@ -13919,13 +13931,15 @@ class DevSkinSDK {
             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,
@@ -13948,7 +13962,8 @@ class DevSkinSDK {
                     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) {