@devskin/browser-sdk 1.0.12 → 1.0.14

package/dist/devskin.cjs.js

@@ -5566,7 +5566,7 @@ class RRWebRecorder {
         }
         try {
             console.log('[RRWeb] Starting session recording:', this.sessionId);
-            console.log('[RRWeb] SDK Version: 1.0.12');
+            console.log('[RRWeb] SDK Version: 1.0.14');
             this.stopFn = record({
                 emit: (event) => {
                     // DEBUG: Log ALL event types to diagnose issue
@@ -5633,34 +5633,31 @@ class RRWebRecorder {
                     this.flush();
                 }
             }, 10000);
-            // Safety check: After 5 seconds, force a full snapshot if none captured
+            // Safety check: After 2 seconds, force a full snapshot if none captured
             setTimeout(() => {
                 if (!this.hasFullSnapshot) {
-                    console.warn('[RRWeb] ⚠️ No FullSnapshot captured after 5 seconds!');
+                    console.warn('[RRWeb] ⚠️ No FullSnapshot captured after 2 seconds!');
                     console.warn('[RRWeb] Events captured so far:', this.events.length);
                     console.warn('[RRWeb] Event types:', this.events.map(e => e.type));
-                    console.warn('[RRWeb] Forcing a full snapshot via takeFullSnapshot()...');
-                    // Try to force a full snapshot
+                    console.warn('[RRWeb] Forcing a full snapshot via record.takeFullSnapshot()...');
+                    // Try to force a full snapshot using rrweb's API
                     try {
-                        // rrweb's record function returns an object with takeFullSnapshot method
-                        if (this.stopFn && typeof this.stopFn === 'function') {
-                            // In rrweb 2.0, the stopFn itself might not have takeFullSnapshot
-                            // We need to trigger a checkout which will create a new full snapshot
-                            console.warn('[RRWeb] Triggering manual checkout...');
-                            // If we have events but no FullSnapshot, flush anyway to not lose data
-                            // But warn that replay may not work correctly
-                            if (this.events.length > 0) {
-                                console.warn('[RRWeb] Flushing existing events...');
-                                this.hasFullSnapshot = true; // Set to true to allow flushing
-                                this.flush();
-                            }
-                        }
+                        // Call record.takeFullSnapshot() to force a full snapshot
+                        record.takeFullSnapshot();
+                        console.log('[RRWeb] ✅ Manual FullSnapshot triggered!');
                     }
                     catch (error) {
                         console.error('[RRWeb] Failed to force snapshot:', error);
+                        // If we have events but no FullSnapshot, flush anyway to not lose data
+                        // But warn that replay may not work correctly
+                        if (this.events.length > 0) {
+                            console.warn('[RRWeb] Flushing existing events WITHOUT FullSnapshot...');
+                            this.hasFullSnapshot = true; // Set to true to allow flushing
+                            this.flush();
+                        }
                     }
                 }
-            }, 5000);
+            }, 2000);
             console.log('[RRWeb] Recording started successfully');
         }
         catch (error) {
@@ -5758,7 +5755,18 @@ class Transport {
                 acc[e.type] = (acc[e.type] || 0) + 1;
                 return acc;
             }, {});
+            // Calculate payload size
+            const payload = {
+                session_id: sessionId,
+                events,
+                timestamp: new Date().toISOString(),
+                apiKey: this.config.apiKey,
+                appId: this.config.appId,
+            };
+            const payloadSize = new Blob([JSON.stringify(payload)]).size;
+            const payloadSizeMB = (payloadSize / 1024 / 1024).toFixed(2);
             console.log(`[DevSkin SDK] Sending ${events.length} recording events:`, eventTypes);
+            console.log(`[DevSkin SDK] Payload size: ${payloadSizeMB} MB (${payloadSize} bytes)`);
             console.log(`[DevSkin SDK] First 3 events:`, events.slice(0, 3).map(e => ({ type: e.type, timestamp: e.timestamp })));
             // Check if this batch contains FullSnapshot (type 2)
             const hasFullSnapshot = events.some(e => e.type === 2);