clarity-js 0.8.3 → 0.8.4-beta

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;}

package/src/interaction/change.ts

@@ -1,40 +1,40 @@
-import { Constant, Event, Setting } from "@clarity-types/data";
-import { ChangeState } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
-import config from "@src/core/config";
-import { bind } from "@src/core/event";
-import hash from "@src/core/hash";
-import { schedule } from "@src/core/task";
-import { time } from "@src/core/time";
-import { target } from "@src/layout/target";
-import encode from "./encode";
-import { Mask } from "@clarity-types/layout";
-
-export let state: ChangeState[] = [];
-
-export function start(): void {
-    reset();
-}
-
-export function observe(root: Node): void {
-    bind(root, "change", recompute, true);
-}
-
-function recompute(evt: UIEvent): void {
-    recompute.dn = FunctionNames.ChangeRecompute;
-    let element = target(evt) as HTMLInputElement;
-    if (element) {
-        let value = element.value;
-        let checksum = value && value.length >= Setting.WordLength && config.fraud && Mask.Exclude.indexOf(element.type) === -1 ? hash(value, Setting.ChecksumPrecision) : Constant.Empty;
-        state.push({ time: time(evt), event: Event.Change, data: { target: target(evt), type: element.type, value, checksum } });
-        schedule(encode.bind(this, Event.Change));
-    }    
-}
-
-export function reset(): void {
-    state = [];
-}
-
-export function stop(): void {
-    reset();
-}
+import { Constant, Event, Setting } from "@clarity-types/data";
+import { ChangeState } from "@clarity-types/interaction";
+import { FunctionNames } from "@clarity-types/performance";
+import config from "@src/core/config";
+import { bind } from "@src/core/event";
+import hash from "@src/core/hash";
+import { schedule } from "@src/core/task";
+import { time } from "@src/core/time";
+import { target } from "@src/layout/target";
+import encode from "./encode";
+import { Mask } from "@clarity-types/layout";
+
+export let state: ChangeState[] = [];
+
+export function start(): void {
+    reset();
+}
+
+export function observe(root: Node): void {
+    bind(root, "change", recompute, true);
+}
+
+function recompute(evt: UIEvent): void {
+    recompute.dn = FunctionNames.ChangeRecompute;
+    let element = target(evt) as HTMLInputElement;
+    if (element) {
+        let value = element.value;
+        let checksum = value && value.length >= Setting.WordLength && config.fraud && Mask.Exclude.indexOf(element.type) === -1 ? hash(value, Setting.ChecksumPrecision) : Constant.Empty;
+        state.push({ time: time(evt), event: Event.Change, data: { target: target(evt), type: element.type, value, checksum } });
+        schedule(encode.bind(this, Event.Change));
+    }    
+}
+
+export function reset(): void {
+    state = [];
+}
+
+export function stop(): void {
+    reset();
+}