@devskin/browser-sdk 1.0.47 → 1.0.49

package/dist/collectors/heatmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../src/collectors/heatmap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAkCzC,qBAAa,gBAAgB;IASzB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,SAAS;IAXnB,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,aAAa,CAA+C;IACpE,OAAO,CAAC,iBAAiB,CAAO;gBAGtB,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM;IAG3B,KAAK,IAAI,IAAI;IAoCb,IAAI,IAAI,IAAI;IAQZ,OAAO,CAAC,WAAW;IA8CnB,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,KAAK;IAyCb,OAAO,CAAC,kBAAkB;CAc3B"}
+{"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../src/collectors/heatmap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAkCzC,qBAAa,gBAAgB;IASzB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,SAAS;IAXnB,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,aAAa,CAA+C;IACpE,OAAO,CAAC,iBAAiB,CAAO;gBAGtB,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM;IAG3B,KAAK,IAAI,IAAI;IAoCb,IAAI,IAAI,IAAI;IAQZ,OAAO,CAAC,WAAW;IA8CnB,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,KAAK;IAyCb,OAAO,CAAC,kBAAkB;CAe3B"}

package/dist/devskin.cjs.js

@@ -1033,7 +1033,8 @@ class HeatmapCollector {
             return `#${element.id}`;
         }
         if (element.className) {
-            const classes = element.className.split(' ').filter(c => c);
+            const classStr = typeof element.className === 'string' ? element.className : element.className.baseVal || '';
+            const classes = classStr.split(' ').filter((c) => c);
             if (classes.length > 0) {
                 return `${element.tagName.toLowerCase()}.${classes.join('.')}`;
             }
@@ -13625,37 +13626,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) {