clarity-js 0.8.42 → 0.8.44

package/src/dynamic/agent/livechat.ts

@@ -1,58 +1,58 @@
-import {
-  Action,
-  Visibility,
-  Availability,
-  VisibilityEvent,
-  AvailabilityEvent,
-  NewEvent,
-  AuthorType,
-} from "@clarity-types/agent";
-import encode from "./encode";
-
-function visible(event: VisibilityEvent): void {
-  const visibility = event.visibility;
-  switch (visibility) {
-    case Visibility.Maximized:
-      encode(Action.AgentMaximized);
-      break;
-    case Visibility.Minimized:
-      encode(Action.AgentMinimized);
-      break;
-    case Visibility.Hidden:
-      encode(Action.AgentHidden);
-      break;
-  }
-}
-
-function avail(event: AvailabilityEvent): void {
-  const isOnline = event.availability === Availability.Online;
-  encode(isOnline ? Action.AgentOnline : Action.AgentOffline);
-}
-
-function message(event: NewEvent): void {
-  if (event.author.type === AuthorType.Agent) {
-    encode(Action.AgentMessage);
-  } else {
-    encode(Action.HumanMessage);
-  }
-}
-
-export function start(): void {
-  if (window.LiveChatWidget) {
-    window.LiveChatWidget.on("visibility_changed", visible);
-    window.LiveChatWidget.on("new_event", message);
-    window.LiveChatWidget.on("availability_changed", avail);
-  }
-  // Register stop callback with main Clarity
-  if (typeof window !== "undefined" && (window as any).clarity) {
-    (window as any).clarity("register", stop);
-  }
-}
-
-export function stop(): void {
-  if (window.LiveChatWidget) {
-    window.LiveChatWidget.off("visibility_changed", visible);
-    window.LiveChatWidget.off("availability_changed", avail);
-    window.LiveChatWidget.off("new_event", message);
-  }
-}
+import {
+  Action,
+  Visibility,
+  Availability,
+  VisibilityEvent,
+  AvailabilityEvent,
+  NewEvent,
+  AuthorType,
+} from "@clarity-types/agent";
+import encode from "./encode";
+
+function visible(event: VisibilityEvent): void {
+  const visibility = event.visibility;
+  switch (visibility) {
+    case Visibility.Maximized:
+      encode(Action.AgentMaximized);
+      break;
+    case Visibility.Minimized:
+      encode(Action.AgentMinimized);
+      break;
+    case Visibility.Hidden:
+      encode(Action.AgentHidden);
+      break;
+  }
+}
+
+function avail(event: AvailabilityEvent): void {
+  const isOnline = event.availability === Availability.Online;
+  encode(isOnline ? Action.AgentOnline : Action.AgentOffline);
+}
+
+function message(event: NewEvent): void {
+  if (event.author.type === AuthorType.Agent) {
+    encode(Action.AgentMessage);
+  } else {
+    encode(Action.HumanMessage);
+  }
+}
+
+export function start(): void {
+  if (window.LiveChatWidget) {
+    window.LiveChatWidget.on("visibility_changed", visible);
+    window.LiveChatWidget.on("new_event", message);
+    window.LiveChatWidget.on("availability_changed", avail);
+  }
+  // Register stop callback with main Clarity
+  if (typeof window !== "undefined" && (window as any).clarity) {
+    (window as any).clarity("register", stop);
+  }
+}
+
+export function stop(): void {
+  if (window.LiveChatWidget) {
+    window.LiveChatWidget.off("visibility_changed", visible);
+    window.LiveChatWidget.off("availability_changed", avail);
+    window.LiveChatWidget.off("new_event", message);
+  }
+}

package/src/dynamic/agent/tidio.ts

@@ -1,44 +1,44 @@
-import { Action } from "@clarity-types/agent";
-import encode from "./encode";
-
-let isActive = false;
-
-function open() {
-  if (!isActive) return;
-  encode(Action.AgentMaximized);
-}
-
-function close() {
-  if (!isActive) return;
-  encode(Action.AgentMinimized);
-}
-
-function human() {
-  if (!isActive) return;
-  encode(Action.HumanMessage);
-}
-
-function agent() {
-  if (!isActive) return;
-  encode(Action.AgentMessage);
-}
-
-export function start(): void {
-  if (window.tidioChatApi) {
-    window.tidioChatApi.on("open", open);
-    window.tidioChatApi.on("close", close);
-    window.tidioChatApi.on("messageFromVisitor", human);
-    window.tidioChatApi.on("messageFromOperator", agent);
-    isActive = true;
-  }
-  // Register stop callback with main Clarity
-  if (typeof window !== "undefined" && (window as any).clarity) {
-    (window as any).clarity("register", stop);
-  }
-}
-
-export function stop(): void {
-  if (window.tidioChatApi) {
-    isActive = false;
-  }
-}
+import { Action } from "@clarity-types/agent";
+import encode from "./encode";
+
+let isActive = false;
+
+function open() {
+  if (!isActive) return;
+  encode(Action.AgentMaximized);
+}
+
+function close() {
+  if (!isActive) return;
+  encode(Action.AgentMinimized);
+}
+
+function human() {
+  if (!isActive) return;
+  encode(Action.HumanMessage);
+}
+
+function agent() {
+  if (!isActive) return;
+  encode(Action.AgentMessage);
+}
+
+export function start(): void {
+  if (window.tidioChatApi) {
+    window.tidioChatApi.on("open", open);
+    window.tidioChatApi.on("close", close);
+    window.tidioChatApi.on("messageFromVisitor", human);
+    window.tidioChatApi.on("messageFromOperator", agent);
+    isActive = true;
+  }
+  // Register stop callback with main Clarity
+  if (typeof window !== "undefined" && (window as any).clarity) {
+    (window as any).clarity("register", stop);
+  }
+}
+
+export function stop(): void {
+  if (window.tidioChatApi) {
+    isActive = false;
+  }
+}

package/src/global.ts

@@ -1,6 +1,6 @@
-import * as queue from "@src/queue";
-
-// Process anything that was queued up before the script loaded
-(function(): void {
-    queue.process();
-})();
+import * as queue from "@src/queue";
+
+// Process anything that was queued up before the script loaded
+(function(): void {
+    queue.process();
+})();

package/src/index.ts

@@ -1,9 +1,9 @@
-import * as clarity from "./clarity";
-import hash from "./core/hash";
-import * as selector from "./layout/selector";
-import { get, getNode, lookup } from "./layout/dom";
-
-const helper = { hash, selector, get, getNode, lookup }
-const version = clarity.version;
-
-export { clarity, version, helper };
+import * as clarity from "./clarity";
+import hash from "./core/hash";
+import * as selector from "./layout/selector";
+import { get, getNode, lookup } from "./layout/dom";
+
+const helper = { hash, selector, get, getNode, lookup }
+const version = clarity.version;
+
+export { clarity, version, helper };

package/src/insight/blank.ts

@@ -1,14 +1,14 @@
-export let state = [];
-export let sheetAdoptionState = [];
-export let sheetUpdateState = [];
-export let data = null;
-
-/* Intentionally blank module with empty code */
-
-export function start(): void {}
-export function reset(): void {}
-export function stop(): void {}
-export function log(): void {}
-export function observe(): void {}
-export function compute(): void {}
-export function checkDocumentStyles(_d: Document): void {}
+export let state = [];
+export let sheetAdoptionState = [];
+export let sheetUpdateState = [];
+export let data = null;
+
+/* Intentionally blank module with empty code */
+
+export function start(): void {}
+export function reset(): void {}
+export function stop(): void {}
+export function log(): void {}
+export function observe(): void {}
+export function compute(): void {}
+export function checkDocumentStyles(_d: Document): void {}

package/src/insight/encode.ts

@@ -1,61 +1,61 @@
-import { Privacy } from "@clarity-types/core";
-import { Event, Token } from "@clarity-types/data";
-import { Constant, NodeInfo } from "@clarity-types/layout";
-import * as scrub from "@src/core/scrub";
-import { time } from "@src/core/time";
-import * as baseline from "@src/data/baseline";
-import tokenize from "@src/data/token";
-import { queue } from "@src/data/upload";
-import * as snapshot from "@src/insight/snapshot";
-import * as doc from "@src/layout/document";
-
-export default async function (type: Event): Promise<void> {
-    let eventTime = time()
-    let tokens: Token[] = [eventTime, type];
-    switch (type) {
-        case Event.Document:
-            let d = doc.data;
-            tokens.push(d.width);
-            tokens.push(d.height);
-            baseline.track(type, d.width, d.height);
-            queue(tokens);
-            break;
-        case Event.Snapshot:
-            let values = snapshot.values;
-            // Only encode and queue DOM updates if we have valid updates to report back
-            if (values.length > 0) {
-                for (let value of values) {
-                    let privacy = value.metadata.privacy;
-                    let data: NodeInfo = value.data;
-                    for (let key of ["tag", "attributes", "value"]) {
-                        if (data[key]) {
-                            switch (key) {
-                                case "tag":
-                                    tokens.push(value.id);
-                                    if (value.parent) { tokens.push(value.parent); }
-                                    if (value.previous) { tokens.push(value.previous); }
-                                    tokens.push(data[key]);
-                                    break;
-                                case "attributes":
-                                    for (let attr in data[key]) {
-                                        if (data[key][attr] !== undefined) {
-                                            tokens.push(attribute(attr, data[key][attr], privacy));
-                                        }
-                                    }
-                                    break;
-                                case "value":
-                                    tokens.push(scrub.text(data[key], data.tag, privacy));
-                                    break;
-                            }
-                        }
-                    }
-                }
-                queue(tokenize(tokens), true);
-            }
-            break;
-    }
-}
-
-function attribute(key: string, value: string, privacy: Privacy): string {
-    return `${key}=${scrub.text(value, key.indexOf(Constant.DataAttribute) === 0 ? Constant.DataAttribute : key, privacy)}`;
+import { Privacy } from "@clarity-types/core";
+import { Event, Token } from "@clarity-types/data";
+import { Constant, NodeInfo } from "@clarity-types/layout";
+import * as scrub from "@src/core/scrub";
+import { time } from "@src/core/time";
+import * as baseline from "@src/data/baseline";
+import tokenize from "@src/data/token";
+import { queue } from "@src/data/upload";
+import * as snapshot from "@src/insight/snapshot";
+import * as doc from "@src/layout/document";
+
+export default async function (type: Event): Promise<void> {
+    let eventTime = time()
+    let tokens: Token[] = [eventTime, type];
+    switch (type) {
+        case Event.Document:
+            let d = doc.data;
+            tokens.push(d.width);
+            tokens.push(d.height);
+            baseline.track(type, d.width, d.height);
+            queue(tokens);
+            break;
+        case Event.Snapshot:
+            let values = snapshot.values;
+            // Only encode and queue DOM updates if we have valid updates to report back
+            if (values.length > 0) {
+                for (let value of values) {
+                    let privacy = value.metadata.privacy;
+                    let data: NodeInfo = value.data;
+                    for (let key of ["tag", "attributes", "value"]) {
+                        if (data[key]) {
+                            switch (key) {
+                                case "tag":
+                                    tokens.push(value.id);
+                                    if (value.parent) { tokens.push(value.parent); }
+                                    if (value.previous) { tokens.push(value.previous); }
+                                    tokens.push(data[key]);
+                                    break;
+                                case "attributes":
+                                    for (let attr in data[key]) {
+                                        if (data[key][attr] !== undefined) {
+                                            tokens.push(attribute(attr, data[key][attr], privacy));
+                                        }
+                                    }
+                                    break;
+                                case "value":
+                                    tokens.push(scrub.text(data[key], data.tag, privacy));
+                                    break;
+                            }
+                        }
+                    }
+                }
+                queue(tokenize(tokens), true);
+            }
+            break;
+    }
+}
+
+function attribute(key: string, value: string, privacy: Privacy): string {
+    return `${key}=${scrub.text(value, key.indexOf(Constant.DataAttribute) === 0 ? Constant.DataAttribute : key, privacy)}`;
 }

package/src/insight/snapshot.ts

@@ -1,115 +1,115 @@
-import { OffsetDistance, Privacy } from "@clarity-types/core";
-import { Event } from "@clarity-types/data";
-import { Constant, NodeInfo, NodeValue, TargetMetadata } from "@clarity-types/layout";
-import * as doc from "@src/layout/document";
-import encode from "@src/insight/encode";
-import * as interaction from "@src/interaction";
-import config from "@src/core/config";
-export let values: NodeValue[] = [];
-let index: number = 1;
-let idMap: WeakMap<Node, number> = null; // Maps node => id.
-
-export function start(): void {
-    reset();
-    doc.start();
-    getId(document.documentElement); // Pre-discover ID for page root
-    interaction.observe(document);
-}
-
-export function stop(): void {
-    reset();
-    doc.stop();
-}
-
-export function compute(): void { /* Intentionally Blank */ }
-export function iframe(): boolean { return false; }
-export function offset(): OffsetDistance { return { x: 0, y: 0 }; }
-export function hashText(): void { /* Intentionally Blank */ }
-
-export function target(evt: UIEvent): Node {
-    let path = evt.composed && evt.composedPath ? evt.composedPath() : null;
-    let node = (path && path.length > 0 ? path[0] : evt.target) as Node;
-    return node.nodeType === Node.DOCUMENT_NODE ? (node as Document).documentElement : node;
-}
-
-export function metadata(node: Node): TargetMetadata {
-    let output: TargetMetadata = { id: 0, hash: null, privacy: config.conversions ? Privacy.Sensitive : Privacy.Snapshot };
-    if (node) { output.id = idMap.has(node) ? idMap.get(node) : getId(node); }
-    return output;
-}
-
-export function snapshot(): void {    
-    values = [];
-    traverse(document);
-    encode(Event.Snapshot);
-}
-
-function reset(): void {
-    idMap = new WeakMap();
-}
-
-function traverse(root: Node): void {
-    let queue = [root];
-    while (queue.length > 0) {
-        let attributes = null, tag = null, value = null;
-        let node = queue.shift();
-        let next = node.firstChild;
-        let parent = node.parentElement ? node.parentElement : (node.parentNode ?  node.parentNode : null);
-
-        while (next) {
-            queue.push(next);
-            next = next.nextSibling;
-        }
-      
-        // Process the node
-        let type = node.nodeType;
-        switch (type) {
-            case Node.DOCUMENT_TYPE_NODE:
-                let doctype = node as DocumentType;
-                tag = Constant.DocumentTag;
-                attributes = { name: doctype.name, publicId: doctype.publicId, systemId: doctype.systemId }
-                break;
-            case Node.TEXT_NODE: 
-                value = node.nodeValue;
-                tag = idMap.get(parent) ? Constant.TextTag : tag;
-                break;
-            case Node.ELEMENT_NODE:
-                let element = node as HTMLElement;
-                attributes = getAttributes(element);
-                tag = ["NOSCRIPT", "SCRIPT", "STYLE"].indexOf(element.tagName) < 0 ? element.tagName : tag;
-                break;
-        }
-        add(node, parent, { tag, attributes, value });     
-    }
-}
-
-/* Helper Functions - Snapshot Traversal */
-function getAttributes(element: HTMLElement): { [key: string]: string } {
-    let output = {};
-    let attributes = element.attributes;
-    if (attributes && attributes.length > 0) {
-        for (let i = 0; i < attributes.length; i++) {            
-            output[attributes[i].name] = attributes[i].value;
-        }
-    }
-    return output;
-}
-
-function getId(node: Node): number {
-    if (node === null) { return null; }
-    if (idMap.has(node)) { return idMap.get(node); }
-    idMap.set(node, index);
-    return index++;
-}
-
-function add(node: Node, parent: Node, data: NodeInfo): void {
-    if (node && data && data.tag) {
-        let id = getId(node);
-        let parentId = parent ? idMap.get(parent) : null;
-        let previous = node.previousSibling ? idMap.get(node.previousSibling) : null;
-        let metadata = { active: true, suspend: false, privacy: Privacy.Snapshot, position: null, fraud: null, size: null };
-        values.push({ id, parent: parentId, previous, children: [], data, selector: null, hash: null, region: null, metadata });
-    }
-}
-
+import { OffsetDistance, Privacy } from "@clarity-types/core";
+import { Event } from "@clarity-types/data";
+import { Constant, NodeInfo, NodeValue, TargetMetadata } from "@clarity-types/layout";
+import * as doc from "@src/layout/document";
+import encode from "@src/insight/encode";
+import * as interaction from "@src/interaction";
+import config from "@src/core/config";
+export let values: NodeValue[] = [];
+let index: number = 1;
+let idMap: WeakMap<Node, number> = null; // Maps node => id.
+
+export function start(): void {
+    reset();
+    doc.start();
+    getId(document.documentElement); // Pre-discover ID for page root
+    interaction.observe(document);
+}
+
+export function stop(): void {
+    reset();
+    doc.stop();
+}
+
+export function compute(): void { /* Intentionally Blank */ }
+export function iframe(): boolean { return false; }
+export function offset(): OffsetDistance { return { x: 0, y: 0 }; }
+export function hashText(): void { /* Intentionally Blank */ }
+
+export function target(evt: UIEvent): Node {
+    let path = evt.composed && evt.composedPath ? evt.composedPath() : null;
+    let node = (path && path.length > 0 ? path[0] : evt.target) as Node;
+    return node.nodeType === Node.DOCUMENT_NODE ? (node as Document).documentElement : node;
+}
+
+export function metadata(node: Node): TargetMetadata {
+    let output: TargetMetadata = { id: 0, hash: null, privacy: config.conversions ? Privacy.Sensitive : Privacy.Snapshot };
+    if (node) { output.id = idMap.has(node) ? idMap.get(node) : getId(node); }
+    return output;
+}
+
+export function snapshot(): void {    
+    values = [];
+    traverse(document);
+    encode(Event.Snapshot);
+}
+
+function reset(): void {
+    idMap = new WeakMap();
+}
+
+function traverse(root: Node): void {
+    let queue = [root];
+    while (queue.length > 0) {
+        let attributes = null, tag = null, value = null;
+        let node = queue.shift();
+        let next = node.firstChild;
+        let parent = node.parentElement ? node.parentElement : (node.parentNode ?  node.parentNode : null);
+
+        while (next) {
+            queue.push(next);
+            next = next.nextSibling;
+        }
+      
+        // Process the node
+        let type = node.nodeType;
+        switch (type) {
+            case Node.DOCUMENT_TYPE_NODE:
+                let doctype = node as DocumentType;
+                tag = Constant.DocumentTag;
+                attributes = { name: doctype.name, publicId: doctype.publicId, systemId: doctype.systemId }
+                break;
+            case Node.TEXT_NODE: 
+                value = node.nodeValue;
+                tag = idMap.get(parent) ? Constant.TextTag : tag;
+                break;
+            case Node.ELEMENT_NODE:
+                let element = node as HTMLElement;
+                attributes = getAttributes(element);
+                tag = ["NOSCRIPT", "SCRIPT", "STYLE"].indexOf(element.tagName) < 0 ? element.tagName : tag;
+                break;
+        }
+        add(node, parent, { tag, attributes, value });     
+    }
+}
+
+/* Helper Functions - Snapshot Traversal */
+function getAttributes(element: HTMLElement): { [key: string]: string } {
+    let output = {};
+    let attributes = element.attributes;
+    if (attributes && attributes.length > 0) {
+        for (let i = 0; i < attributes.length; i++) {            
+            output[attributes[i].name] = attributes[i].value;
+        }
+    }
+    return output;
+}
+
+function getId(node: Node): number {
+    if (node === null) { return null; }
+    if (idMap.has(node)) { return idMap.get(node); }
+    idMap.set(node, index);
+    return index++;
+}
+
+function add(node: Node, parent: Node, data: NodeInfo): void {
+    if (node && data && data.tag) {
+        let id = getId(node);
+        let parentId = parent ? idMap.get(parent) : null;
+        let previous = node.previousSibling ? idMap.get(node.previousSibling) : null;
+        let metadata = { active: true, suspend: false, privacy: Privacy.Snapshot, position: null, fraud: null, size: null };
+        values.push({ id, parent: parentId, previous, children: [], data, selector: null, hash: null, region: null, metadata });
+    }
+}
+
 export function get(_node: Node): NodeValue {return null;}