@devskin/browser-sdk 1.0.46 → 1.0.48

package/dist/devskin.esm.js

@@ -13621,37 +13621,21 @@ class Transport {
     }
     sendRecordingEvents(sessionId, events) {
         return __awaiter$1(this, void 0, void 0, function* () {
-            // 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;
             // 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
+            const maxRetries = hasFullSnapshot ? 3 : 1;
+            // ALWAYS use XHR for recording events to avoid fetch keepalive 64KB limit
+            // The browser silently drops fetch requests with keepalive:true when body > 64KB
+            // FullSnapshot + Meta events commonly fall in the 64KB-100KB range,
+            // causing them to be silently lost while smaller IncrementalSnapshot batches succeed
             let lastError = null;
             for (let attempt = 1; attempt <= maxRetries; attempt++) {
                 try {
-                    // Use XMLHttpRequest for large payloads (more reliable than fetch for large data)
-                    if (payloadSize > 100000) { // > 100KB
-                        yield this.sendToBackendXHR('/v1/rum/recordings', {
-                            session_id: sessionId,
-                            events,
-                            timestamp: new Date().toISOString(),
-                        });
-                    }
-                    else {
-                        yield this.sendToBackend('/v1/rum/recordings', {
-                            session_id: sessionId,
-                            events,
-                            timestamp: new Date().toISOString(),
-                        });
-                    }
+                    yield this.sendToBackendXHR('/v1/rum/recordings', {
+                        session_id: sessionId,
+                        events,
+                        timestamp: new Date().toISOString(),
+                    });
                     return; // Success, exit
                 }
                 catch (error) {
@@ -13775,7 +13759,8 @@ class Transport {
                 const xhr = new XMLHttpRequest();
                 xhr.open('POST', url, true);
                 xhr.setRequestHeader('Content-Type', 'application/json');
-                xhr.setRequestHeader('Authorization', `Bearer ${this.config.apiKey}`);
+                xhr.setRequestHeader('X-API-Key', this.config.apiKey);
+                xhr.setRequestHeader('X-App-Id', this.config.appId);
                 xhr.onload = () => {
                     if (xhr.status >= 200 && xhr.status < 300) {
                         if (this.config.debug) {
@@ -13835,7 +13820,8 @@ class Transport {
                     method: 'POST',
                     headers: {
                         'Content-Type': 'application/json',
-                        Authorization: `Bearer ${this.config.apiKey}`,
+                        'X-API-Key': this.config.apiKey,
+                        'X-App-Id': this.config.appId,
                     },
                     body: JSON.stringify(payload),
                     // Use keepalive for better reliability during page unload