@devskin/browser-sdk 1.0.12 → 1.0.14

package/dist/devskin.umd.js

@@ -5568,7 +5568,7 @@
             }
             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
@@ -5635,34 +5635,31 @@
                         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) {
@@ -5760,7 +5757,18 @@
                     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);