@gemx-dev/clarity-js 0.8.39 → 0.8.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemx-dev/clarity-js",
-  "version": "0.8.39",
+  "version": "0.8.42",
   "description": "Clarity js",
   "author": "Microsoft Corp.",
   "license": "MIT",
@@ -39,8 +39,7 @@
     "build:clean": "del-cli build/*",
     "test": "ts-mocha -p test/tsconfig.test.json test/stub.test.ts",
     "tslint": "tslint --project ./",
-    "tslint:fix": "tslint --fix --project ./ --force",
-    "release": "npm publish --access public"
+    "tslint:fix": "tslint --fix --project ./ --force"
   },
   "husky": {
     "hooks": {

package/src/core/version.ts

@@ -1,2 +1,2 @@
-let version = "0.8.39";
+let version = "0.8.42";
 export default version;

package/src/data/consent.ts

@@ -2,6 +2,7 @@ import { ConsentData, ConsentSource, ConsentState, ConsentType, Constant, Dimens
 import * as dimension from "@src/data/dimension";
 import encode from "./encode";
 import { consentv2 } from "./metadata";
+import coreConfig from "@src/core/config";
 
 export let data: ConsentData = null;
 let updateConsent: boolean = true;
@@ -67,9 +68,11 @@ export function compute(): void {
     if (updateConsent) {
         encode(Event.Consent);
         updateConsent = false;
-        const ics = window.google_tag_data?.ics;
-        if (ics?.usedUpdate) {
-            processConsent();
+        if (!coreConfig.track) {
+            const ics = window.google_tag_data?.ics;
+            if (ics?.usedUpdate) {
+                processConsent();
+            }
         }
     }
 }

package/src/interaction/click.ts

@@ -71,7 +71,10 @@ function handler(event: Event, root: Node, evt: MouseEvent): void {
                 trust: evt.isTrusted ? BooleanFlag.True : BooleanFlag.False,
                 isFullText: textInfo.isFullText,
                 w: l ? l.w : 0,
-                h: l ? l.h : 0
+                h: l ? l.h : 0,
+                tag: getElementAttribute(t, "tagName").substring(0, Setting.ClickTag),
+                class: getElementAttribute(t, "className").substring(0, Setting.ClickClass),
+                id: getElementAttribute(t, "id").substring(0, Setting.ClickId),
             }
         });
         schedule(encode.bind(this, event));
@@ -111,15 +114,22 @@ function text(element: Node): TextInfo {
 }
 
 function reaction(element: Node): BooleanFlag {
-    if (element.nodeType === Node.ELEMENT_NODE) {
-        let tag = (element as HTMLElement).tagName.toLowerCase();
-        if (UserInputTags.indexOf(tag) >= 0) {
-            return BooleanFlag.False;
-        }
+    const tag = getElementAttribute(element, "tagName");
+    if (UserInputTags.indexOf(tag) >= 0) {
+        return BooleanFlag.False;
     }
     return BooleanFlag.True;
 }
 
+function getElementAttribute(element: Node, attribute: "tagName" | "className" | "id"): string {
+    if (element.nodeType === Node.ELEMENT_NODE) {
+        const attr = (element as HTMLElement)?.[attribute];
+        const value = typeof attr === "string" ? attr?.toLowerCase() : "";
+        return value;
+    }
+    return "";
+}
+
 function layout(element: Element): Box {
     let box: Box = null;
     let de = document.documentElement;

package/src/interaction/encode.ts

@@ -74,6 +74,9 @@ export default async function (type: Event, ts: number = null): Promise<void> {
                 tokens.push(entry.data.isFullText);
                 tokens.push(entry.data.w);
                 tokens.push(entry.data.h);
+                tokens.push(entry.data.tag);
+                tokens.push(entry.data.class);
+                tokens.push(entry.data.id);
                 queue(tokens);
                 timeline.track(entry.time, entry.event, cHash, entry.data.x, entry.data.y, entry.data.reaction, entry.data.context);
             }

package/types/data.d.ts

@@ -253,6 +253,9 @@ export const enum Setting {
     PingTimeout = 5 * Time.Minute, // 5 Minutes
     SummaryInterval = 100, // Same events within 100ms will be collapsed into single summary
     ClickText = 25, // Maximum number of characters to send as part of Click event's text field
+    ClickClass = 50, // Maximum number of characters to send as part of Click event's class name
+    ClickTag = 10, // Maximum number of characters to send as part of Click event's tag
+    ClickId = 25, // Maximum number of characters to send as part of Click event's id
     PayloadLimit = 128, // Do not allow more than specified payloads per page
     PageLimit = 128, // Do not allow more than 128 pages in a session
     ShutdownLimit = 2 * Time.Hour, // Shutdown instrumentation after specified time

package/types/interaction.d.ts

@@ -128,6 +128,9 @@ export interface ClickData {
     isFullText: BooleanFlag;
     w: number;
     h: number;
+    tag: string;
+    class: string;
+    id: string;
 }
 
 export interface TextInfo {