@devskin/browser-sdk 1.0.17 → 1.0.19

package/dist/devskin.cjs.js

@@ -5954,7 +5954,7 @@ class DevSkinSDK {
      * Initialize the DevSkin SDK
      */
     init(config) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (this.initialized) {
             console.warn('[DevSkin] SDK already initialized');
             return;
@@ -5991,12 +5991,20 @@ class DevSkinSDK {
             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: true, mouseMoveSampling: 0.05 }, 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,