@journium/js 1.2.3 → 1.3.0

package/dist/AutocaptureTracker.d.ts

@@ -27,6 +27,8 @@ export declare class AutocaptureTracker {
     private getElementType;
     private getElementText;
     private getElementsChain;
+    private extractSemanticClasses;
+    private isHashLike;
     private isSafeInputType;
 }
 //# sourceMappingURL=AutocaptureTracker.d.ts.map

package/dist/AutocaptureTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocaptureTracker.d.ts","sourceRoot":"","sources":["../src/AutocaptureTracker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAa,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAE/D;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,QAAQ,CAAkB;gBAEtB,MAAM,EAAE,cAAc,EAAE,OAAO,GAAE,kBAAuB;IAcpE;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IA0BhD,KAAK,IAAI,IAAI;IAwBb,IAAI,IAAI,IAAI;IAcZ,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,wBAAwB;IAuBhC,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,oBAAoB;IAiE5B,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,kBAAkB;IAuC1B,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,gBAAgB;IAqFxB,OAAO,CAAC,eAAe;CAKxB"}
+{"version":3,"file":"AutocaptureTracker.d.ts","sourceRoot":"","sources":["../src/AutocaptureTracker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAa,kBAAkB,EAA6B,MAAM,gBAAgB,CAAC;AAE1F;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,QAAQ,CAAkB;gBAEtB,MAAM,EAAE,cAAc,EAAE,OAAO,GAAE,kBAAuB;IAgBpE;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IA4BhD,KAAK,IAAI,IAAI;IAwBb,IAAI,IAAI,IAAI;IAcZ,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,wBAAwB;IAuBhC,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,oBAAoB;IAoG5B,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,kBAAkB;IAuC1B,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,gBAAgB;IAqFxB,OAAO,CAAC,sBAAsB;IA0B9B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,eAAe;CAKxB"}

package/dist/JourniumAnalytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JourniumAnalytics.d.ts","sourceRoot":"","sources":["../src/JourniumAnalytics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiD,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAKrH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,kBAAkB,CAAkB;IAC5C,OAAO,CAAC,wBAAwB,CAAC,CAAa;gBAElC,MAAM,EAAE,cAAc;IAqBlC,OAAO,CAAC,sBAAsB;IAsB9B,OAAO,CAAC,yBAAyB;IAiBjC,qDAAqD;IACrD,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIhE,wFAAwF;IACxF,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIxE,oEAAoE;IACpE,KAAK,IAAI,IAAI;IAIb,0EAA0E;IAC1E,eAAe,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAI3D;;;;OAIG;IACH,gBAAgB,IAAI,IAAI;IA6BxB,yEAAyE;IACzE,eAAe,IAAI,IAAI;IAMvB;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAoCjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAiC3B,qEAAqE;IAC/D,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAI5B,0EAA0E;IAC1E,mBAAmB;IAInB;;OAEG;IACH,eAAe,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,GAAG,MAAM,IAAI;IAI9E,wGAAwG;IACxG,OAAO,IAAI,IAAI;CAQhB;AAED,+EAA+E;AAC/E,eAAO,MAAM,IAAI,GAAI,QAAQ,cAAc,KAAG,iBAE7C,CAAC;;mBAF2B,cAAc,KAAG,iBAAiB;;AAI/D,wBAAwB"}
+{"version":3,"file":"JourniumAnalytics.d.ts","sourceRoot":"","sources":["../src/JourniumAnalytics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiD,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAMrH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,kBAAkB,CAAkB;IAC5C,OAAO,CAAC,wBAAwB,CAAC,CAAa;gBAElC,MAAM,EAAE,cAAc;IAqBlC,OAAO,CAAC,sBAAsB;IAsB9B,OAAO,CAAC,yBAAyB;IAiBjC,qDAAqD;IACrD,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIhE,wFAAwF;IACxF,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIxE,oEAAoE;IACpE,KAAK,IAAI,IAAI;IAIb,0EAA0E;IAC1E,eAAe,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAI3D;;;;OAIG;IACH,gBAAgB,IAAI,IAAI;IA6BxB,yEAAyE;IACzE,eAAe,IAAI,IAAI;IAMvB;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAoCjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAiC3B,qEAAqE;IAC/D,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAI5B,0EAA0E;IAC1E,mBAAmB;IAInB;;OAEG;IACH,eAAe,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,GAAG,MAAM,IAAI;IAI9E,wGAAwG;IACxG,OAAO,IAAI,IAAI;CAQhB;AAED,+EAA+E;AAC/E,eAAO,MAAM,IAAI,GAAI,QAAQ,cAAc,KAAG,iBAS7C,CAAC;;mBAT2B,cAAc,KAAG,iBAAiB;;AAW/D,wBAAwB"}

package/dist/PageviewTracker.d.ts

@@ -1,3 +1,4 @@
+import { PageviewProperties } from '@journium/core';
 import { JourniumClient } from './JourniumClient';
 export declare class PageviewTracker {
     private client;
@@ -6,7 +7,7 @@ export declare class PageviewTracker {
     private originalReplaceState;
     private popStateHandler;
     constructor(client: JourniumClient);
-    capturePageview(customProperties?: Record<string, unknown>): void;
+    capturePageview(customProperties?: PageviewProperties): void;
     /**
      * Start automatic autocapture for pageviews
      * @param captureInitialPageview - whether to fire a $pageview immediately on start (default: true).

package/dist/PageviewTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageviewTracker.d.ts","sourceRoot":"","sources":["../src/PageviewTracker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,iBAAiB,CAAgD;IACzE,OAAO,CAAC,oBAAoB,CAAmD;IAC/E,OAAO,CAAC,eAAe,CAA6B;gBAExC,MAAM,EAAE,cAAc;IAIlC,eAAe,CAAC,gBAAgB,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,IAAI;IAkBrE;;;;;;OAMG;IACH,yBAAyB,CAAC,sBAAsB,GAAE,OAAc,EAAE,YAAY,GAAE,OAAc,GAAG,IAAI;IA8BrG;;;OAGG;IACH,eAAe,IAAI,IAAI;CAmBxB"}
+{"version":3,"file":"PageviewTracker.d.ts","sourceRoot":"","sources":["../src/PageviewTracker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA4C,MAAM,gBAAgB,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,iBAAiB,CAAgD;IACzE,OAAO,CAAC,oBAAoB,CAAmD;IAC/E,OAAO,CAAC,eAAe,CAA6B;gBAExC,MAAM,EAAE,cAAc;IAIlC,eAAe,CAAC,gBAAgB,GAAE,kBAAuB,GAAG,IAAI;IAkBhE;;;;;;OAMG;IACH,yBAAyB,CAAC,sBAAsB,GAAE,OAAc,EAAE,YAAY,GAAE,OAAc,GAAG,IAAI;IA8BrG;;;OAGG;IACH,eAAe,IAAI,IAAI;CAmBxB"}

package/dist/index.cjs

@@ -1,5 +1,8 @@
 'use strict';
 
+// @journium/js@1.3.0 is replaced at build time by @rollup/plugin-replace
+const SDK_VERSION = '@journium/js@1.3.0';
+
 /**
  * uuidv7: A JavaScript implementation of UUID version 7
  *
@@ -940,6 +943,7 @@ class JourniumClient {
         Logger.setDebug((_a = this.effectiveOptions.debug) !== null && _a !== void 0 ? _a : false);
     }
     buildIdentityProperties(userProperties = {}) {
+        var _a, _b;
         const identity = this.identityManager.getIdentity();
         const userAgentInfo = this.identityManager.getUserAgentInfo();
         return {
@@ -950,7 +954,7 @@ class JourniumClient {
             $current_url: typeof window !== 'undefined' ? window.location.href : '',
             $pathname: typeof window !== 'undefined' ? window.location.pathname : '',
             ...userAgentInfo,
-            $lib_version: '0.1.0', // TODO: Get from package.json
+            $sdk_version: (_b = (_a = this.config.options) === null || _a === void 0 ? void 0 : _a._sdkVersion) !== null && _b !== void 0 ? _b : 'unknown',
             $platform: 'web',
             ...userProperties,
         };
@@ -1091,7 +1095,7 @@ class PageviewTracker {
             $host: url.host,
             $pathname: url.pathname,
             $search: url.search,
-            $title: getPageTitle(),
+            $page_title: getPageTitle(),
             $referrer: getReferrer(),
             ...customProperties,
         };
@@ -1167,6 +1171,8 @@ class AutocaptureTracker {
             ignoreClasses: ['journium-ignore'],
             ignoreElements: ['script', 'style', 'noscript'],
             captureContentText: true,
+            dataAttributePrefixes: ['jrnm-'],
+            dataAttributeNames: ['data-testid', 'data-track'],
             ...options,
         };
     }
@@ -1188,6 +1194,8 @@ class AutocaptureTracker {
             ignoreClasses: ['journium-ignore'],
             ignoreElements: ['script', 'style', 'noscript'],
             captureContentText: true,
+            dataAttributePrefixes: ['jrnm-'],
+            dataAttributeNames: ['data-testid', 'data-track'],
             ...options,
         };
         // Restart if it was active before
@@ -1230,10 +1238,7 @@ class AutocaptureTracker {
                 return;
             }
             const properties = this.getElementProperties(target, 'click');
-            this.client.track('$autocapture', {
-                $event_type: 'click',
-                ...properties,
-            });
+            this.client.track('$autocapture', properties);
         };
         document.addEventListener('click', clickListener, true);
         this.listeners.set('click', clickListener);
@@ -1245,10 +1250,7 @@ class AutocaptureTracker {
                 return;
             }
             const properties = this.getFormProperties(target, 'submit');
-            this.client.track('$autocapture', {
-                $event_type: 'submit',
-                ...properties,
-            });
+            this.client.track('$autocapture', properties);
         };
         document.addEventListener('submit', submitListener, true);
         this.listeners.set('submit', submitListener);
@@ -1260,10 +1262,7 @@ class AutocaptureTracker {
                 return;
             }
             const properties = this.getInputProperties(target, 'change');
-            this.client.track('$autocapture', {
-                $event_type: 'change',
-                ...properties,
-            });
+            this.client.track('$autocapture', properties);
         };
         document.addEventListener('change', changeListener, true);
         this.listeners.set('change', changeListener);
@@ -1316,6 +1315,7 @@ class AutocaptureTracker {
     }
     getElementProperties(element, eventType) {
         const properties = {
+            $event_type: eventType,
             $element_tag: element.tagName.toLowerCase(),
             $element_type: this.getElementType(element),
         };
@@ -1325,6 +1325,7 @@ class AutocaptureTracker {
         }
         if (element.className) {
             properties.$element_classes = Array.from(element.classList);
+            properties.$element_semantic_classes = this.extractSemanticClasses(element.classList);
         }
         // Element attributes
         const relevantAttributes = ['name', 'role', 'aria-label', 'data-testid', 'data-track'];
@@ -1334,6 +1335,33 @@ class AutocaptureTracker {
                 properties[`$element_${attr.replace('-', '_')}`] = value;
             }
         });
+        // Configurable data-* attribute capture
+        const prefixes = this.options.dataAttributePrefixes || ['jrnm-'];
+        const exactNames = new Set(this.options.dataAttributeNames || ['data-testid', 'data-track']);
+        const relevantSet = new Set(relevantAttributes);
+        let dataAttrCount = 0;
+        for (let i = 0; i < element.attributes.length && dataAttrCount < 10; i++) {
+            const attr = element.attributes.item(i);
+            if (!attr || !attr.name.startsWith('data-'))
+                continue;
+            if (relevantSet.has(attr.name))
+                continue;
+            const suffix = attr.name.slice(5); // strip 'data-'
+            const matchesPrefix = prefixes.some(p => suffix.startsWith(p));
+            const matchesName = exactNames.has(attr.name);
+            if (matchesPrefix || matchesName) {
+                const propName = `$attr_${attr.name.replace(/-/g, '_')}`;
+                properties[propName] = attr.value;
+                dataAttrCount++;
+            }
+        }
+        // Link href as first-class property
+        if (element.tagName.toLowerCase() === 'a') {
+            const href = element.getAttribute('href');
+            if (href) {
+                properties.$element_href = href;
+            }
+        }
         // Element content
         if (this.options.captureContentText) {
             const text = this.getElementText(element);
@@ -1363,10 +1391,13 @@ class AutocaptureTracker {
                 properties.$parent_id = element.parentElement.id;
             }
         }
-        // URL information
+        // URL and page context
         properties.$current_url = window.location.href;
         properties.$host = window.location.host;
         properties.$pathname = window.location.pathname;
+        properties.$search = window.location.search;
+        properties.$page_title = document.title;
+        properties.$referrer = document.referrer;
         return properties;
     }
     getFormProperties(form, eventType) {
@@ -1515,6 +1546,38 @@ class AutocaptureTracker {
             ids: ids.reverse()
         };
     }
+    extractSemanticClasses(classList) {
+        const results = new Set();
+        for (let i = 0; i < classList.length; i++) {
+            const cls = classList.item(i);
+            if (!cls)
+                continue;
+            const parts = cls.split('__');
+            if (parts.length >= 3) {
+                // CSS module pattern: Module__hash__name → take last segment
+                const last = parts[parts.length - 1];
+                if (last)
+                    results.add(last);
+            }
+            else if (parts.length === 2) {
+                // 2-part __ class (e.g., Module__hash) → drop, no semantic name
+                continue;
+            }
+            else {
+                // Single-part class — keep unless it looks like a hash
+                if (!this.isHashLike(cls)) {
+                    results.add(cls);
+                }
+            }
+        }
+        return Array.from(results);
+    }
+    isHashLike(value) {
+        // Hash-like: alphanumeric, 5-10 chars, contains both letters and digits
+        return /^[a-zA-Z0-9]{5,10}$/.test(value)
+            && /[a-zA-Z]/.test(value)
+            && /[0-9]/.test(value);
+    }
     isSafeInputType(type) {
         // Don't capture values for sensitive input types
         const sensitiveTypes = ['password', 'email', 'tel', 'credit-card-number'];
@@ -1701,6 +1764,14 @@ class JourniumAnalytics {
 }
 /** Create and return a new JourniumAnalytics instance for the given config. */
 const init = (config) => {
+    var _a;
+    // Set SDK version if not already set by a framework SDK (React, Next.js, Angular)
+    if (!((_a = config.options) === null || _a === void 0 ? void 0 : _a._sdkVersion)) {
+        config = {
+            ...config,
+            options: { ...config.options, _sdkVersion: SDK_VERSION },
+        };
+    }
     return new JourniumAnalytics(config);
 };