@devskin/browser-sdk 1.0.23 → 1.0.25

package/dist/devskin.umd.js

@@ -8935,21 +8935,30 @@
                     if (this.config.debug) {
                         console.log('[DevSkin] Capturing page screenshot...');
                     }
+                    // Scroll to top before capturing
+                    const originalScrollY = window.scrollY;
+                    window.scrollTo(0, 0);
+                    // Wait for scroll to complete
+                    yield new Promise(resolve => setTimeout(resolve, 100));
                     // Get full page dimensions
                     const fullWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.offsetWidth, document.body.clientWidth, document.documentElement.clientWidth);
                     const fullHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight);
-                    const canvas = yield html2canvas(document.body, {
+                    const canvas = yield html2canvas(document.documentElement, {
                         allowTaint: true,
                         useCORS: true,
                         logging: false,
                         scale: 0.5, // Reduce size
                         width: fullWidth,
-                        height: fullHeight, // Capture ENTIRE page
+                        height: fullHeight,
                         windowWidth: fullWidth,
                         windowHeight: fullHeight,
+                        scrollY: 0,
+                        scrollX: 0,
                         x: 0,
                         y: 0,
                     });
+                    // Restore scroll position
+                    window.scrollTo(0, originalScrollY);
                     // Convert to base64 JPEG (smaller than PNG)
                     const screenshot = canvas.toDataURL('image/jpeg', 0.6);
                     // Send to backend
@@ -13864,7 +13873,7 @@
          * Initialize the DevSkin SDK
          */
         init(config) {
-            var _a, _b, _c, _d;
+            var _a;
             if (this.initialized) {
                 console.warn('[DevSkin] SDK already initialized');
                 return;
@@ -13900,24 +13909,20 @@
                 this.networkCollector = new NetworkCollector(this.config, this.transport);
                 this.networkCollector.start();
             }
-            // Initialize heatmap collector
-            // 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();
-                // Initialize screenshot collector and capture page
-                this.screenshotCollector = new ScreenshotCollector(this.config, this.transport);
-                this.screenshotCollector.captureAndSend(this.sessionId, window.location.href);
-                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 heatmap collector - SEMPRE habilitado
+            // Merge default heatmap config with user config
+            const heatmapConfig = Object.assign({ enabled: true, trackClicks: true, trackScroll: true, trackMouseMovement: true, mouseMoveSampling: 0.1 }, this.config.heatmapOptions);
+            this.config.heatmapOptions = heatmapConfig;
+            this.heatmapCollector = new HeatmapCollector(this.config, this.transport);
+            this.heatmapCollector.start();
+            // Initialize screenshot collector and capture page
+            this.screenshotCollector = new ScreenshotCollector(this.config, this.transport);
+            this.screenshotCollector.captureAndSend(this.sessionId, window.location.href);
+            if (this.config.debug) {
+                console.log('[DevSkin] Heatmap collection enabled (always on)');
             }
             // Initialize session recording with rrweb
-            if ((_d = this.config.sessionRecording) === null || _d === void 0 ? void 0 : _d.enabled) {
+            if ((_a = this.config.sessionRecording) === null || _a === void 0 ? void 0 : _a.enabled) {
                 // Use RRWebRecorder for complete DOM recording
                 this.rrwebRecorder = new RRWebRecorder(this.sessionId, {
                     enabled: true,