@devskin/browser-sdk 1.0.16 → 1.0.18

package/dist/devskin.umd.js

@@ -1038,24 +1038,24 @@
             });
         }
         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 = [];
             }
@@ -5956,12 +5956,17 @@
          * Initialize the DevSkin SDK
          */
         init(config) {
-            var _a, _b;
+            var _a, _b, _c, _d;
             if (this.initialized) {
                 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);
             }
@@ -5988,12 +5993,20 @@
                 this.networkCollector.start();
             }
             // Initialize heatmap collector
-            if ((_a = this.config.heatmapOptions) === null || _a === void 0 ? void 0 : _a.enabled) {
+            // Auto-enable heatmap if session recording is enabled
+            const heatmapEnabled = ((_a = this.config.heatmapOptions) === null || _a === void 0 ? void 0 : _a.enabled) || ((_b = this.config.sessionRecording) === null || _b === void 0 ? void 0 : _b.enabled);
+            if (heatmapEnabled) {
+                // Merge default heatmap config with user config
+                const heatmapConfig = Object.assign({ enabled: true, trackClicks: true, trackScroll: true, trackMouseMovement: false }, this.config.heatmapOptions);
+                this.config.heatmapOptions = heatmapConfig;
                 this.heatmapCollector = new HeatmapCollector(this.config, this.transport);
                 this.heatmapCollector.start();
+                if (this.config.debug) {
+                    console.log('[DevSkin] Heatmap collection enabled', ((_c = this.config.sessionRecording) === null || _c === void 0 ? void 0 : _c.enabled) ? '(auto-enabled with session recording)' : '');
+                }
             }
             // Initialize session recording with rrweb
-            if ((_b = this.config.sessionRecording) === null || _b === void 0 ? void 0 : _b.enabled) {
+            if ((_d = this.config.sessionRecording) === null || _d === void 0 ? void 0 : _d.enabled) {
                 // Use RRWebRecorder for complete DOM recording
                 this.rrwebRecorder = new RRWebRecorder(this.sessionId, {
                     enabled: true,