clarity-decode 0.8.42 → 0.8.43

package/src/layout.ts

@@ -1,186 +1,186 @@
-import { Constant } from "@clarity-types/data";
-import { Data, Layout } from "clarity-js";
-import { DomData, LayoutEvent, Interaction, RegionVisibility  } from "../types/layout";
-
-const AverageWordLength = 6;
-const Space = " ";
-
-export function decode(tokens: Data.Token[]): LayoutEvent {
-    let time = tokens[0] as number;
-    let event = tokens[1] as Data.Event;
-
-    switch (event) {
-        case Data.Event.Document:
-            let documentData: Layout.DocumentData = { width: tokens[2] as number, height: tokens[3] as number };
-            return { time, event, data: documentData };
-        case Data.Event.Region:
-            let regionData: Layout.RegionData[] = [];
-            // From 0.6.15 we send each reach update in an individual event. This allows us to include time with it.
-            // To keep it backward compatible (<= 0.6.14), we look for multiple regions in the same event. This works both with newer and older payloads.
-            // In future, we can update the logic to look deterministically for only 3 fields and remove the for loop.
-            let increment: number;
-            for (let i = 2; i < tokens.length; i += increment) {
-                let region: Layout.RegionData;
-                if (typeof(tokens[i+2]) == Constant.Number) {
-                    region = {
-                        id: tokens[i] as number,
-                        interaction: tokens[i + 1] as number,
-                        visibility: tokens[i + 2] as number,
-                        name: tokens[i + 3] as string
-                    };
-                    increment = 4;
-                } else {
-                    let state = tokens[i + 1] as number;
-                    region = {
-                        id: tokens[i] as number,
-                        // For backward compatibility before 0.6.24 - where region states were sent as a single enum 
-                        // we convert the value into the two states tracked after 0.6.24
-                        interaction:  state >= Interaction.None ? state : Interaction.None,
-                        visibility: state <= RegionVisibility.ScrolledToEnd ? state : RegionVisibility.Rendered,
-                        name: tokens[i + 2] as string
-                    };
-                    increment = 3;
-                }
-                regionData.push(region);
-            }
-            return { time, event, data: regionData };
-        case Data.Event.StyleSheetAdoption:
-            let styleSheetAdoptionData: Layout.StyleSheetData = {
-                id: tokens[2] as number,
-                operation: tokens[3] as number,
-                newIds: tokens[4] as string[]
-            };
-            return { time, event, data: styleSheetAdoptionData };
-        case Data.Event.StyleSheetUpdate:
-            let styleSheetUpdateData: Layout.StyleSheetData = {
-                id: tokens[2] as string,
-                operation: tokens[3] as number,
-                cssRules: tokens[4] as string
-            }
-            return { time, event, data: styleSheetUpdateData };
-        case Data.Event.Animation:
-            let animationData: Layout.AnimationData = {
-                id: tokens[2] as string,
-                operation: tokens[3] as number,
-                keyFrames: tokens[4] as string,
-                timing: tokens[5] as string,
-                timeline: tokens[6] as string,
-                targetId: tokens[7] as number
-            }
-            return { time, event, data: animationData};
-        case Data.Event.Discover:
-        case Data.Event.Mutation:
-        case Data.Event.Snapshot:
-            let lastType = null;
-            let node = [];
-            let tagIndex = 0;
-            let domData: DomData[] = [];
-            for (let i = 2; i < tokens.length; i++) {
-                let token = tokens[i];
-                let type = typeof(token);
-                switch (type) {
-                    case "number":
-                        if (type !== lastType && lastType !== null) {
-                            domData.push(process(node, tagIndex));
-                            node = [];
-                            tagIndex = 0;
-                        }
-                        node.push(token);
-                        tagIndex++;
-                        break;
-                    case "string":
-                        node.push(token);
-                        break;
-                    case "object":
-                        let subtoken = token[0];
-                        let subtype = typeof(subtoken);
-                        switch (subtype) {
-                            case "number":
-                                for (let t of (token as number[])) {
-                                    node.push(tokens.length > t ? tokens[t] : null);
-                                }
-                                break;
-                        }
-                }
-                lastType = type;
-            }
-            // Process last node
-            domData.push(process(node, tagIndex));
-
-            return { time, event, data: domData };
-        case Data.Event.CustomElement:
-            let customElement: Layout.CustomElementData = { name: tokens[2] as string };
-            return { time, event, data: customElement };
-    }
-    return null;
-}
-
-function process(node: any[] | number[], tagIndex: number): DomData {
-    // For backward compatibility, only extract the tag even if position is available as part of the tag name
-    // And, continue computing position in the visualization library from decoded payload.
-    let tag  = node[tagIndex] ? node[tagIndex].split("~")[0] : node[tagIndex];
-    let output: DomData = {
-        id: Math.abs(node[0]),
-        parent: tagIndex > 1 ? node[1] : null,
-        previous: tagIndex > 2 ? node[2] : null,
-        tag
-    };
-    let masked = node[0] < 0;
-    let hasAttribute = false;
-    let attributes: Layout.Attributes = {};
-    let value = null;
-
-    for (let i = tagIndex + 1; i < node.length; i++) {
-        // Explicitly convert the token into a string value
-        let token = node[i].toString();
-        let keyIndex = token.indexOf("=");
-        let firstChar = token[0];
-        let lastChar = token[token.length - 1];
-        if (i === (node.length - 1) && output.tag === "STYLE") {
-            value = token;
-        } else if (output.tag !== Layout.Constant.TextTag && lastChar === ">" && keyIndex === -1) {
-            // Backward compatibility - since v0.6.25
-            // Ignore this conditional block since we no longer compute selectors at decode time to save on uploaded bytes
-            // Instead, we now compute selector and hash at visualization layer where we have access to all payloads together
-        } else if (output.tag !== Layout.Constant.TextTag && firstChar === Layout.Constant.Hash && keyIndex === -1) {
-            let parts = token.substr(1).split(Layout.Constant.Period);
-            if (parts.length === 2) {
-                output.width = num(parts[0]) / Data.Setting.BoxPrecision;
-                output.height = num(parts[1]) / Data.Setting.BoxPrecision;
-            }
-        } else if (output.tag !== Layout.Constant.TextTag && keyIndex > 0) {
-            hasAttribute = true;
-            let k = token.substr(0, keyIndex);
-            let v = token.substr(keyIndex + 1);
-            attributes[k] = v;
-        } else if (output.tag === Layout.Constant.TextTag) {
-            value = masked ? unmask(token) : token;
-        }
-    }
-
-    if (hasAttribute) { output.attributes = attributes; }
-    if (value) { output.value = value; }
-
-    return output;
-}
-
-function num(input: string): number {
-    return input ? parseInt(input, 36) : null;
-}
-
-function unmask(value: string): string {
-    let trimmed = value.trim();
-    if (trimmed.length > 0 && trimmed.indexOf(Space) === -1) {
-        let length = num(trimmed);
-        if (length > 0) {
-            let quotient = Math.floor(length / AverageWordLength);
-            let remainder = length % AverageWordLength;
-            let output = Array(remainder + 1).join(Data.Constant.Mask);
-            for (let i = 0; i < quotient; i++) {
-                output += (i === 0 && remainder === 0 ? Data.Constant.Mask : Space) + Array(AverageWordLength).join(Data.Constant.Mask);
-            }
-            return output;
-        }
-    }
-    return value;
-}
+import { Constant } from "@clarity-types/data";
+import { Data, Layout } from "clarity-js";
+import { DomData, LayoutEvent, Interaction, RegionVisibility  } from "../types/layout";
+
+const AverageWordLength = 6;
+const Space = " ";
+
+export function decode(tokens: Data.Token[]): LayoutEvent {
+    let time = tokens[0] as number;
+    let event = tokens[1] as Data.Event;
+
+    switch (event) {
+        case Data.Event.Document:
+            let documentData: Layout.DocumentData = { width: tokens[2] as number, height: tokens[3] as number };
+            return { time, event, data: documentData };
+        case Data.Event.Region:
+            let regionData: Layout.RegionData[] = [];
+            // From 0.6.15 we send each reach update in an individual event. This allows us to include time with it.
+            // To keep it backward compatible (<= 0.6.14), we look for multiple regions in the same event. This works both with newer and older payloads.
+            // In future, we can update the logic to look deterministically for only 3 fields and remove the for loop.
+            let increment: number;
+            for (let i = 2; i < tokens.length; i += increment) {
+                let region: Layout.RegionData;
+                if (typeof(tokens[i+2]) == Constant.Number) {
+                    region = {
+                        id: tokens[i] as number,
+                        interaction: tokens[i + 1] as number,
+                        visibility: tokens[i + 2] as number,
+                        name: tokens[i + 3] as string
+                    };
+                    increment = 4;
+                } else {
+                    let state = tokens[i + 1] as number;
+                    region = {
+                        id: tokens[i] as number,
+                        // For backward compatibility before 0.6.24 - where region states were sent as a single enum 
+                        // we convert the value into the two states tracked after 0.6.24
+                        interaction:  state >= Interaction.None ? state : Interaction.None,
+                        visibility: state <= RegionVisibility.ScrolledToEnd ? state : RegionVisibility.Rendered,
+                        name: tokens[i + 2] as string
+                    };
+                    increment = 3;
+                }
+                regionData.push(region);
+            }
+            return { time, event, data: regionData };
+        case Data.Event.StyleSheetAdoption:
+            let styleSheetAdoptionData: Layout.StyleSheetData = {
+                id: tokens[2] as number,
+                operation: tokens[3] as number,
+                newIds: tokens[4] as string[]
+            };
+            return { time, event, data: styleSheetAdoptionData };
+        case Data.Event.StyleSheetUpdate:
+            let styleSheetUpdateData: Layout.StyleSheetData = {
+                id: tokens[2] as string,
+                operation: tokens[3] as number,
+                cssRules: tokens[4] as string
+            }
+            return { time, event, data: styleSheetUpdateData };
+        case Data.Event.Animation:
+            let animationData: Layout.AnimationData = {
+                id: tokens[2] as string,
+                operation: tokens[3] as number,
+                keyFrames: tokens[4] as string,
+                timing: tokens[5] as string,
+                timeline: tokens[6] as string,
+                targetId: tokens[7] as number
+            }
+            return { time, event, data: animationData};
+        case Data.Event.Discover:
+        case Data.Event.Mutation:
+        case Data.Event.Snapshot:
+            let lastType = null;
+            let node = [];
+            let tagIndex = 0;
+            let domData: DomData[] = [];
+            for (let i = 2; i < tokens.length; i++) {
+                let token = tokens[i];
+                let type = typeof(token);
+                switch (type) {
+                    case "number":
+                        if (type !== lastType && lastType !== null) {
+                            domData.push(process(node, tagIndex));
+                            node = [];
+                            tagIndex = 0;
+                        }
+                        node.push(token);
+                        tagIndex++;
+                        break;
+                    case "string":
+                        node.push(token);
+                        break;
+                    case "object":
+                        let subtoken = token[0];
+                        let subtype = typeof(subtoken);
+                        switch (subtype) {
+                            case "number":
+                                for (let t of (token as number[])) {
+                                    node.push(tokens.length > t ? tokens[t] : null);
+                                }
+                                break;
+                        }
+                }
+                lastType = type;
+            }
+            // Process last node
+            domData.push(process(node, tagIndex));
+
+            return { time, event, data: domData };
+        case Data.Event.CustomElement:
+            let customElement: Layout.CustomElementData = { name: tokens[2] as string };
+            return { time, event, data: customElement };
+    }
+    return null;
+}
+
+function process(node: any[] | number[], tagIndex: number): DomData {
+    // For backward compatibility, only extract the tag even if position is available as part of the tag name
+    // And, continue computing position in the visualization library from decoded payload.
+    let tag  = node[tagIndex] ? node[tagIndex].split("~")[0] : node[tagIndex];
+    let output: DomData = {
+        id: Math.abs(node[0]),
+        parent: tagIndex > 1 ? node[1] : null,
+        previous: tagIndex > 2 ? node[2] : null,
+        tag
+    };
+    let masked = node[0] < 0;
+    let hasAttribute = false;
+    let attributes: Layout.Attributes = {};
+    let value = null;
+
+    for (let i = tagIndex + 1; i < node.length; i++) {
+        // Explicitly convert the token into a string value
+        let token = node[i].toString();
+        let keyIndex = token.indexOf("=");
+        let firstChar = token[0];
+        let lastChar = token[token.length - 1];
+        if (i === (node.length - 1) && output.tag === "STYLE") {
+            value = token;
+        } else if (output.tag !== Layout.Constant.TextTag && lastChar === ">" && keyIndex === -1) {
+            // Backward compatibility - since v0.6.25
+            // Ignore this conditional block since we no longer compute selectors at decode time to save on uploaded bytes
+            // Instead, we now compute selector and hash at visualization layer where we have access to all payloads together
+        } else if (output.tag !== Layout.Constant.TextTag && firstChar === Layout.Constant.Hash && keyIndex === -1) {
+            let parts = token.substr(1).split(Layout.Constant.Period);
+            if (parts.length === 2) {
+                output.width = num(parts[0]) / Data.Setting.BoxPrecision;
+                output.height = num(parts[1]) / Data.Setting.BoxPrecision;
+            }
+        } else if (output.tag !== Layout.Constant.TextTag && keyIndex > 0) {
+            hasAttribute = true;
+            let k = token.substr(0, keyIndex);
+            let v = token.substr(keyIndex + 1);
+            attributes[k] = v;
+        } else if (output.tag === Layout.Constant.TextTag) {
+            value = masked ? unmask(token) : token;
+        }
+    }
+
+    if (hasAttribute) { output.attributes = attributes; }
+    if (value) { output.value = value; }
+
+    return output;
+}
+
+function num(input: string): number {
+    return input ? parseInt(input, 36) : null;
+}
+
+function unmask(value: string): string {
+    let trimmed = value.trim();
+    if (trimmed.length > 0 && trimmed.indexOf(Space) === -1) {
+        let length = num(trimmed);
+        if (length > 0) {
+            let quotient = Math.floor(length / AverageWordLength);
+            let remainder = length % AverageWordLength;
+            let output = Array(remainder + 1).join(Data.Constant.Mask);
+            for (let i = 0; i < quotient; i++) {
+                output += (i === 0 && remainder === 0 ? Data.Constant.Mask : Space) + Array(AverageWordLength).join(Data.Constant.Mask);
+            }
+            return output;
+        }
+    }
+    return value;
+}

package/src/performance.ts

@@ -1,30 +1,30 @@
-import { Data, Performance } from "clarity-js";
-import { PerformanceEvent } from "../types/performance";
-
-export function decode(tokens: Data.Token[]): PerformanceEvent  {
-    let time = tokens[0] as number;
-    let event = tokens[1] as Data.Event;
-    switch (event) {
-        case Data.Event.Navigation:
-            let navigationData: Performance.NavigationData = {
-                fetchStart: tokens[2] as number,
-                connectStart: tokens[3] as number,
-                connectEnd: tokens[4] as number,
-                requestStart: tokens[5] as number,
-                responseStart: tokens[6] as number,
-                responseEnd: tokens[7] as number,
-                domInteractive: tokens[8] as number,
-                domComplete: tokens[9] as number,
-                loadEventStart: tokens[10] as number,
-                loadEventEnd: tokens[11] as number,
-                redirectCount: tokens[12] as number,
-                size: tokens[13] as number,
-                type: tokens[14] as string,
-                protocol: tokens[15] as string,
-                encodedSize: tokens[16] as number,
-                decodedSize: tokens[17] as number
-            };
-            return { time, event, data: navigationData };
-    }
-    return null;
-}
+import { Data, Performance } from "clarity-js";
+import { PerformanceEvent } from "../types/performance";
+
+export function decode(tokens: Data.Token[]): PerformanceEvent  {
+    let time = tokens[0] as number;
+    let event = tokens[1] as Data.Event;
+    switch (event) {
+        case Data.Event.Navigation:
+            let navigationData: Performance.NavigationData = {
+                fetchStart: tokens[2] as number,
+                connectStart: tokens[3] as number,
+                connectEnd: tokens[4] as number,
+                requestStart: tokens[5] as number,
+                responseStart: tokens[6] as number,
+                responseEnd: tokens[7] as number,
+                domInteractive: tokens[8] as number,
+                domComplete: tokens[9] as number,
+                loadEventStart: tokens[10] as number,
+                loadEventEnd: tokens[11] as number,
+                redirectCount: tokens[12] as number,
+                size: tokens[13] as number,
+                type: tokens[14] as string,
+                protocol: tokens[15] as string,
+                encodedSize: tokens[16] as number,
+                decodedSize: tokens[17] as number
+            };
+            return { time, event, data: navigationData };
+    }
+    return null;
+}

package/tsconfig.json

@@ -1,21 +1,21 @@
-{
-    "compilerOptions": {
-        "module": "esnext",
-        "target": "es5",
-        "lib": ["es6", "dom", "es2016", "es2017"],
-        "moduleResolution": "node",
-        "forceConsistentCasingInFileNames": true,
-        "noImplicitReturns": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
-        "resolveJsonModule": true,
-        "esModuleInterop": true,
-        "baseUrl": ".",
-        "paths": {
-            "@src/*": ["src/*"],
-            "@clarity-types/*": ["types/*"]
-        }
-    },
-    "include":["src/**/*.ts", "types/**/*.d.ts", "rollup.config.ts"],
-    "exclude": ["node_modules", "build"]
-}
+{
+    "compilerOptions": {
+        "module": "esnext",
+        "target": "es5",
+        "lib": ["es6", "dom", "es2016", "es2017"],
+        "moduleResolution": "node",
+        "forceConsistentCasingInFileNames": true,
+        "noImplicitReturns": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "resolveJsonModule": true,
+        "esModuleInterop": true,
+        "baseUrl": ".",
+        "paths": {
+            "@src/*": ["src/*"],
+            "@clarity-types/*": ["types/*"]
+        }
+    },
+    "include":["src/**/*.ts", "types/**/*.d.ts", "rollup.config.ts"],
+    "exclude": ["node_modules", "build"]
+}

package/tslint.json

@@ -1,33 +1,33 @@
-{
-  "extends": "tslint:recommended",
-  "rules": {
-    "max-line-length": [
-      true,
-      140
-    ],
-    "no-console": [
-      false
-    ],
-    "no-string-literal": false,
-    "prefer-const": false,
-    "prefer-for-of": false,
-    "object-literal-sort-keys": false,
-    "one-variable-per-declaration": false,
-    "trailing-comma": [
-      false
-    ],
-    "variable-name": false,
-    "interface-name": false,
-    "interface-over-type-literal": false,
-    "only-arrow-functions": false,
-    "typedef": [
-      true,
-      "call-signature",
-      "parameter",
-      "property-declaration",
-      "member-variable-declaration",
-      "object-destructuring",
-      "array-destructuring"
-    ]
-  }
+{
+  "extends": "tslint:recommended",
+  "rules": {
+    "max-line-length": [
+      true,
+      140
+    ],
+    "no-console": [
+      false
+    ],
+    "no-string-literal": false,
+    "prefer-const": false,
+    "prefer-for-of": false,
+    "object-literal-sort-keys": false,
+    "one-variable-per-declaration": false,
+    "trailing-comma": [
+      false
+    ],
+    "variable-name": false,
+    "interface-name": false,
+    "interface-over-type-literal": false,
+    "only-arrow-functions": false,
+    "typedef": [
+      true,
+      "call-signature",
+      "parameter",
+      "property-declaration",
+      "member-variable-declaration",
+      "object-destructuring",
+      "array-destructuring"
+    ]
+  }
 }

package/types/core.d.ts

@@ -1,8 +1,8 @@
-import { Core, Data } from "clarity-js";
-
-export import Config = Core.Config;
-
-export interface PartialEvent {
-    time: number;
-    event: Data.Event;
-}
+import { Core, Data } from "clarity-js";
+
+export import Config = Core.Config;
+
+export interface PartialEvent {
+    time: number;
+    event: Data.Event;
+}