@statsig/web-analytics 1.3.1 → 1.5.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@statsig/web-analytics",
-  "version": "1.3.1",
+  "version": "1.5.0",
   "dependencies": {
-    "@statsig/client-core": "1.3.1",
-    "@statsig/js-client": "1.3.1"
+    "@statsig/client-core": "1.5.0",
+    "@statsig/js-client": "1.5.0"
   },
   "jsdelivr": "./build/statsig-web-analytics.min.js",
   "type": "commonjs",

package/src/Utils.d.ts

@@ -1,3 +1,4 @@
+export declare function _gatherDatasetProperties(el: Element): Record<string, string>;
 export declare function _gatherEventData(target: Element): {
     value: string;
     metadata: Record<string, string | null>;

package/src/Utils.js

@@ -1,7 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports._registerEventHandler = exports._getSanitizedPageUrl = exports._getSafeUrl = exports._shouldLogEvent = exports._getTargetNode = exports._gatherEventData = void 0;
+exports._registerEventHandler = exports._getSanitizedPageUrl = exports._getSafeUrl = exports._shouldLogEvent = exports._getTargetNode = exports._gatherEventData = exports._gatherDatasetProperties = void 0;
 const client_core_1 = require("@statsig/client-core");
+function _gatherDatasetProperties(el) {
+    const dataset = {};
+    if (!el) {
+        return dataset;
+    }
+    const attr = el === null || el === void 0 ? void 0 : el.dataset;
+    if (!attr) {
+        return dataset;
+    }
+    for (const key in attr) {
+        dataset[`data-${key}`] = attr[key] || '';
+    }
+    return dataset;
+}
+exports._gatherDatasetProperties = _gatherDatasetProperties;
 function _gatherEventData(target) {
     var _a;
     const tagName = target.tagName.toLowerCase();
@@ -25,6 +40,8 @@ function _gatherEventData(target) {
     }
     if (tagName === 'button' || anchor) {
         metadata['content'] = (target.textContent || '').trim();
+        const dataset = _gatherDatasetProperties(anchor || target);
+        Object.assign(metadata, dataset);
     }
     return { value, metadata };
 }

package/src/payloadUtils.js

@@ -26,7 +26,7 @@ function _gatherPageViewPayload(url) {
     url.searchParams.forEach((v, k) => {
         queryParams[k] = v;
     });
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, searchInfo), campaignParams), queryParams), { title: (safeDoc === null || safeDoc === void 0 ? void 0 : safeDoc.title) || '', locale: (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'unknown', referrer, screen_width: ((_a = safeWnd === null || safeWnd === void 0 ? void 0 : safeWnd.screen) === null || _a === void 0 ? void 0 : _a.width) || 'unknown', screen_height: ((_b = safeWnd === null || safeWnd === void 0 ? void 0 : safeWnd.screen) === null || _b === void 0 ? void 0 : _b.height) || 'unknown', viewport_width: (safeWnd === null || safeWnd === void 0 ? void 0 : safeWnd.innerWidth) || 'unknown', viewport_height: (safeWnd === null || safeWnd === void 0 ? void 0 : safeWnd.innerHeight) || 'unknown' });
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, searchInfo), campaignParams), queryParams), { title: (safeDoc === null || safeDoc === void 0 ? void 0 : safeDoc.title) || '', locale: (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'unknown', hostname: url.hostname || 'unknown', pathname: url.pathname || 'unknown', referrer, screen_width: ((_a = safeWnd === null || safeWnd === void 0 ? void 0 : safeWnd.screen) === null || _a === void 0 ? void 0 : _a.width) || 'unknown', screen_height: ((_b = safeWnd === null || safeWnd === void 0 ? void 0 : safeWnd.screen) === null || _b === void 0 ? void 0 : _b.height) || 'unknown', viewport_width: (safeWnd === null || safeWnd === void 0 ? void 0 : safeWnd.innerWidth) || 'unknown', viewport_height: (safeWnd === null || safeWnd === void 0 ? void 0 : safeWnd.innerHeight) || 'unknown' });
 }
 exports._gatherPageViewPayload = _gatherPageViewPayload;
 function getCampaignParams(url) {