@devskin/browser-sdk 1.0.46 → 1.0.48

package/dist/devskin.umd.js

@@ -13627,37 +13627,21 @@
         }
         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) {
@@ -13781,7 +13765,8 @@
                     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) {
@@ -13841,7 +13826,8 @@
                         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