@devskin/browser-sdk 1.0.14 → 1.0.15

package/dist/devskin.umd.js

@@ -5777,11 +5777,21 @@
                 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(),
-                        });
+                        // 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(),
+                            });
+                        }
                         console.log(`[DevSkin SDK] ✅ Recording events sent successfully${attempt > 1 ? ` (attempt ${attempt})` : ''}`);
                         return; // Success, exit
                     }
@@ -5856,6 +5866,57 @@
                     return '/v1/analytics/events';
             }
         }
+        sendToBackendXHR(endpoint, data) {
+            return __awaiter$1(this, void 0, void 0, function* () {
+                const url = `${this.apiUrl}${endpoint}`;
+                const payload = Object.assign(Object.assign({}, data), { apiKey: this.config.apiKey, appId: this.config.appId, environment: this.config.environment, release: this.config.release });
+                // Apply beforeSend hook if provided
+                if (this.config.beforeSend) {
+                    const processed = this.config.beforeSend(payload);
+                    if (!processed) {
+                        // Hook returned null, don't send
+                        return;
+                    }
+                }
+                return new Promise((resolve, reject) => {
+                    const xhr = new XMLHttpRequest();
+                    xhr.open('POST', url, true);
+                    xhr.setRequestHeader('Content-Type', 'application/json');
+                    xhr.setRequestHeader('Authorization', `Bearer ${this.config.apiKey}`);
+                    xhr.onload = () => {
+                        if (xhr.status >= 200 && xhr.status < 300) {
+                            if (this.config.debug) {
+                                console.log('[DevSkin] Data sent successfully via XHR:', endpoint);
+                            }
+                            resolve();
+                        }
+                        else {
+                            console.error('[DevSkin] XHR HTTP Error:', xhr.status, xhr.responseText);
+                            reject(new Error(`HTTP ${xhr.status}: ${xhr.statusText}`));
+                        }
+                    };
+                    xhr.onerror = () => {
+                        console.error('[DevSkin] XHR network error:', endpoint);
+                        reject(new Error('Network error'));
+                    };
+                    xhr.ontimeout = () => {
+                        console.error('[DevSkin] XHR timeout:', endpoint);
+                        reject(new Error('Request timeout'));
+                    };
+                    // Set a generous timeout for large payloads (30 seconds)
+                    xhr.timeout = 30000;
+                    try {
+                        const body = JSON.stringify(payload);
+                        console.log(`[DevSkin SDK] Using XMLHttpRequest for large payload (${(body.length / 1024).toFixed(2)} KB)`);
+                        xhr.send(body);
+                    }
+                    catch (error) {
+                        console.error('[DevSkin] Failed to send XHR request:', error);
+                        reject(error);
+                    }
+                });
+            });
+        }
         sendToBackend(endpoint_1, data_1) {
             return __awaiter$1(this, arguments, void 0, function* (endpoint, data, useBeacon = false) {
                 const url = `${this.apiUrl}${endpoint}`;