@devskin/browser-sdk 1.0.36 → 1.0.38

package/dist/devskin.cjs.js

@@ -928,7 +928,7 @@ class HeatmapCollector {
                 element: this.getElementSelector(target),
                 elementId: target.id || undefined,
                 elementClass: target.className || undefined,
-                pageUrl: window.location.href,
+                pageUrl: window.location.pathname,
                 timestamp: new Date().toISOString(),
                 viewportWidth: window.innerWidth,
                 viewportHeight: window.innerHeight,
@@ -956,7 +956,7 @@ class HeatmapCollector {
                     maxDepth: this.maxScrollDepth,
                     pageHeight: documentHeight,
                     viewportHeight: windowHeight,
-                    pageUrl: window.location.href,
+                    pageUrl: window.location.pathname,
                     timestamp: new Date().toISOString(),
                 };
                 this.scrollData.push(scrollData);
@@ -993,7 +993,7 @@ class HeatmapCollector {
             const mouseMoveData = {
                 x: event.clientX + window.scrollX,
                 y: event.clientY + window.scrollY,
-                pageUrl: window.location.href,
+                pageUrl: window.location.pathname,
                 timestamp: new Date().toISOString(),
             };
             this.mouseMoveData.push(mouseMoveData);
@@ -13700,8 +13700,12 @@ class Transport {
                 this.sendToBackend('/v1/rum/events/batch', { events: dataArray }, useBeacon);
             }
             else if (type === 'heatmap') {
-                // Heatmap expects array format
-                this.sendToBackend(endpoint, { heatmaps: dataArray }, useBeacon);
+                // Heatmap expects array format with apiKey and appId
+                this.sendToBackend(endpoint, {
+                    heatmaps: dataArray,
+                    apiKey: this.config.apiKey,
+                    appId: this.config.appId
+                }, useBeacon);
             }
             else {
                 // Send each item individually (network, performance, error)
@@ -13935,7 +13939,8 @@ class DevSkinSDK {
             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);
+            // Send only the pathname (not full URL) for consistent hashing
+            this.screenshotCollector.captureAndSend(this.sessionId, window.location.pathname);
             if (this.config.debug) {
                 console.log('[DevSkin] Heatmap collection enabled (always on)');
             }
@@ -14006,7 +14011,7 @@ class DevSkinSDK {
             userId: this.userId || undefined,
             anonymousId: this.anonymousId || undefined,
             properties: Object.assign(Object.assign({}, properties), this.getContextData()),
-            pageUrl: window.location.href,
+            pageUrl: window.location.pathname,
             pageTitle: document.title,
         };
         (_a = this.transport) === null || _a === void 0 ? void 0 : _a.sendEvent(eventData);