@devskin/browser-sdk 1.0.16 → 1.0.17

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;IATnB,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;IAG9B,KAAK,IAAI,IAAI;IAoCb,IAAI,IAAI,IAAI;IAQZ,OAAO,CAAC,WAAW;IA8CnB,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,KAAK;IA0Bb,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;IATnB,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;IAG9B,KAAK,IAAI,IAAI;IAoCb,IAAI,IAAI,IAAI;IAQZ,OAAO,CAAC,WAAW;IA8CnB,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,KAAK;IAmCb,OAAO,CAAC,kBAAkB;CAc3B"}

package/dist/devskin.cjs.js

@@ -1036,24 +1036,24 @@ class HeatmapCollector {
         });
     }
     flush() {
+        // Send clicks individually (backend expects one click event per item)
         if (this.clickData.length > 0) {
-            this.transport.sendHeatmapData({
-                type: 'clicks',
-                data: this.clickData,
+            this.clickData.forEach(click => {
+                this.transport.sendHeatmapData(Object.assign({ type: 'click' }, click));
             });
             this.clickData = [];
         }
+        // Send scroll data individually
         if (this.scrollData.length > 0) {
-            this.transport.sendHeatmapData({
-                type: 'scroll',
-                data: this.scrollData,
+            this.scrollData.forEach(scroll => {
+                this.transport.sendHeatmapData(Object.assign({ type: 'scroll' }, scroll));
             });
             this.scrollData = [];
         }
+        // Send mouse moves individually
         if (this.mouseMoveData.length > 0) {
-            this.transport.sendHeatmapData({
-                type: 'mousemove',
-                data: this.mouseMoveData,
+            this.mouseMoveData.forEach(move => {
+                this.transport.sendHeatmapData(Object.assign({ type: 'mousemove' }, move));
             });
             this.mouseMoveData = [];
         }
@@ -5959,7 +5959,12 @@ class DevSkinSDK {
             console.warn('[DevSkin] SDK already initialized');
             return;
         }
-        this.config = Object.assign({ debug: false, captureWebVitals: true, captureNetworkRequests: true, captureErrors: true, captureUserAgent: true, captureLocation: true, captureDevice: true }, config);
+        this.config = Object.assign({ debug: false, captureWebVitals: true, captureNetworkRequests: true, captureErrors: true, captureUserAgent: true, captureLocation: true, captureDevice: true, heatmapOptions: {
+                enabled: true,
+                trackClicks: true,
+                trackScroll: true,
+                trackMouseMovement: false, // Disabled by default to avoid too much data
+            } }, config);
         if (this.config.debug) {
             console.log('[DevSkin] Initializing SDK with config:', this.config);
         }