@devskin/browser-sdk 1.0.10 → 1.0.11

package/dist/devskin.esm.js

@@ -13242,7 +13242,7 @@ class RRWebRecorder {
         }
         try {
             console.log('[RRWeb] Starting session recording:', this.sessionId);
-            console.log('[RRWeb] SDK Version: 1.0.10');
+            console.log('[RRWeb] SDK Version: 1.0.11');
             this.stopFn = record({
                 emit: (event) => {
                     // DEBUG: Log ALL event types to diagnose issue
@@ -13424,18 +13424,32 @@ class Transport {
             }, {});
             console.log(`[DevSkin SDK] Sending ${events.length} recording events:`, eventTypes);
             console.log(`[DevSkin SDK] First 3 events:`, events.slice(0, 3).map(e => ({ type: e.type, timestamp: e.timestamp })));
-            // Recording events can be large, send immediately
-            try {
-                yield this.sendToBackend('/v1/rum/recordings', {
-                    session_id: sessionId,
-                    events,
-                    timestamp: new Date().toISOString(),
-                });
-                console.log(`[DevSkin SDK] ✅ Recording events sent successfully`);
-            }
-            catch (error) {
-                console.error(`[DevSkin SDK] ❌ Failed to send recording events:`, error);
+            // Check if this batch contains FullSnapshot (type 2)
+            const hasFullSnapshot = events.some(e => e.type === 2);
+            const maxRetries = hasFullSnapshot ? 3 : 1; // Retry FullSnapshot batches up to 3 times
+            // Recording events can be large, send immediately with retry logic
+            let lastError = null;
+            for (let attempt = 1; attempt <= maxRetries; attempt++) {
+                try {
+                    yield this.sendToBackend('/v1/rum/recordings', {
+                        session_id: sessionId,
+                        events,
+                        timestamp: new Date().toISOString(),
+                    });
+                    console.log(`[DevSkin SDK] ✅ Recording events sent successfully${attempt > 1 ? ` (attempt ${attempt})` : ''}`);
+                    return; // Success, exit
+                }
+                catch (error) {
+                    lastError = error;
+                    if (attempt < maxRetries) {
+                        const delay = attempt * 1000; // 1s, 2s, 3s...
+                        console.warn(`[DevSkin SDK] ⚠️ Failed to send recording events (attempt ${attempt}/${maxRetries}), retrying in ${delay}ms...`);
+                        yield new Promise(resolve => setTimeout(resolve, delay));
+                    }
+                }
             }
+            // All retries failed
+            console.error(`[DevSkin SDK] ❌ Failed to send recording events after ${maxRetries} attempts:`, lastError);
         });
     }
     sendHeatmapData(heatmapData) {
@@ -13639,10 +13653,15 @@ class DevSkinSDK {
                 // Send rrweb events to backend
                 (_a = this.transport) === null || _a === void 0 ? void 0 : _a.sendRecordingEvents(this.sessionId, events);
             });
-            this.rrwebRecorder.start();
-            if (this.config.debug) {
-                console.log('[DevSkin] RRWeb recording started for session:', this.sessionId);
-            }
+            // Wait 500ms before starting recording to ensure session is created in backend
+            // This prevents race condition where FullSnapshot is sent before session exists
+            setTimeout(() => {
+                var _a, _b;
+                (_a = this.rrwebRecorder) === null || _a === void 0 ? void 0 : _a.start();
+                if ((_b = this.config) === null || _b === void 0 ? void 0 : _b.debug) {
+                    console.log('[DevSkin] RRWeb recording started for session:', this.sessionId);
+                }
+            }, 500);
         }
         // Track initial page view
         this.trackPageView();