@devskin/browser-sdk 1.0.23 → 1.0.25

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

@@ -1 +1 @@
-{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/collectors/screenshot.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,qBAAa,mBAAmB;IAI5B,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS;IAJnB,OAAO,CAAC,QAAQ,CAAS;gBAGf,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,SAAS;IAG9B;;OAEG;IACG,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAmExE"}
+{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/collectors/screenshot.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,qBAAa,mBAAmB;IAI5B,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS;IAJnB,OAAO,CAAC,QAAQ,CAAS;gBAGf,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,SAAS;IAG9B;;OAEG;IACG,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CA+ExE"}

package/dist/devskin.cjs.js

@@ -8933,21 +8933,30 @@ class ScreenshotCollector {
                 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
@@ -13862,7 +13871,7 @@ class DevSkinSDK {
      * Initialize the DevSkin SDK
      */
     init(config) {
-        var _a, _b, _c, _d;
+        var _a;
         if (this.initialized) {
             console.warn('[DevSkin] SDK already initialized');
             return;
@@ -13898,24 +13907,20 @@ class DevSkinSDK {
             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,