@devskin/browser-sdk 1.0.38 → 1.0.40

package/dist/collectors/heatmap.d.ts

@@ -3,13 +3,15 @@ import { Transport } from '../transport';
 export declare class HeatmapCollector {
     private config;
     private transport;
+    private anonymousId;
+    private sessionId;
     private clickData;
     private scrollData;
     private mouseMoveData;
     private maxScrollDepth;
     private flushInterval;
     private mouseMoveSampling;
-    constructor(config: DevSkinConfig, transport: Transport);
+    constructor(config: DevSkinConfig, transport: Transport, anonymousId: string, sessionId: string);
     start(): void;
     stop(): void;
     private trackClicks;

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;IAmCb,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;IACjB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,SAAS;IAXnB,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,EACpB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM;IAG3B,KAAK,IAAI,IAAI;IAoCb,IAAI,IAAI,IAAI;IAQZ,OAAO,CAAC,WAAW;IA8CnB,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,KAAK;IAyCb,OAAO,CAAC,kBAAkB;CAc3B"}

package/dist/devskin.cjs.js

@@ -861,9 +861,11 @@ class NetworkCollector {
 }
 
 class HeatmapCollector {
-    constructor(config, transport) {
+    constructor(config, transport, anonymousId, sessionId) {
         this.config = config;
         this.transport = transport;
+        this.anonymousId = anonymousId;
+        this.sessionId = sessionId;
         this.clickData = [];
         this.scrollData = [];
         this.mouseMoveData = [];
@@ -928,7 +930,7 @@ class HeatmapCollector {
                 element: this.getElementSelector(target),
                 elementId: target.id || undefined,
                 elementClass: target.className || undefined,
-                pageUrl: window.location.pathname,
+                pageUrl: window.location.href,
                 timestamp: new Date().toISOString(),
                 viewportWidth: window.innerWidth,
                 viewportHeight: window.innerHeight,
@@ -956,7 +958,7 @@ class HeatmapCollector {
                     maxDepth: this.maxScrollDepth,
                     pageHeight: documentHeight,
                     viewportHeight: windowHeight,
-                    pageUrl: window.location.pathname,
+                    pageUrl: window.location.href,
                     timestamp: new Date().toISOString(),
                 };
                 this.scrollData.push(scrollData);
@@ -993,7 +995,7 @@ class HeatmapCollector {
             const mouseMoveData = {
                 x: event.clientX + window.scrollX,
                 y: event.clientY + window.scrollY,
-                pageUrl: window.location.pathname,
+                pageUrl: window.location.href,
                 timestamp: new Date().toISOString(),
             };
             this.mouseMoveData.push(mouseMoveData);
@@ -1007,21 +1009,21 @@ class HeatmapCollector {
         // Send clicks individually (backend expects one click event per item)
         if (this.clickData.length > 0) {
             this.clickData.forEach(click => {
-                this.transport.sendHeatmapData(Object.assign({ type: 'click' }, click));
+                this.transport.sendHeatmapData(Object.assign({ type: 'click', anonymousId: this.anonymousId, sessionId: this.sessionId }, click));
             });
             this.clickData = [];
         }
         // Send scroll data individually
         if (this.scrollData.length > 0) {
             this.scrollData.forEach(scroll => {
-                this.transport.sendHeatmapData(Object.assign({ type: 'scroll' }, scroll));
+                this.transport.sendHeatmapData(Object.assign({ type: 'scroll', anonymousId: this.anonymousId, sessionId: this.sessionId }, scroll));
             });
             this.scrollData = [];
         }
         // Send mouse moves individually
         if (this.mouseMoveData.length > 0) {
             this.mouseMoveData.forEach(move => {
-                this.transport.sendHeatmapData(Object.assign({ type: 'mousemove' }, move));
+                this.transport.sendHeatmapData(Object.assign({ type: 'mousemove', anonymousId: this.anonymousId, sessionId: this.sessionId }, move));
             });
             this.mouseMoveData = [];
         }
@@ -13935,12 +13937,11 @@ class DevSkinSDK {
             // 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 = new HeatmapCollector(this.config, this.transport, this.anonymousId, this.sessionId);
             this.heatmapCollector.start();
             // Initialize screenshot collector and capture page
             this.screenshotCollector = new ScreenshotCollector(this.config, this.transport);
-            // Send only the pathname (not full URL) for consistent hashing
-            this.screenshotCollector.captureAndSend(this.sessionId, window.location.pathname);
+            this.screenshotCollector.captureAndSend(this.sessionId, window.location.href);
             if (this.config.debug) {
                 console.log('[DevSkin] Heatmap collection enabled (always on)');
             }
@@ -14011,7 +14012,7 @@ class DevSkinSDK {
             userId: this.userId || undefined,
             anonymousId: this.anonymousId || undefined,
             properties: Object.assign(Object.assign({}, properties), this.getContextData()),
-            pageUrl: window.location.pathname,
+            pageUrl: window.location.href,
             pageTitle: document.title,
         };
         (_a = this.transport) === null || _a === void 0 ? void 0 : _a.sendEvent(eventData);