clarity-js 0.7.67 → 0.7.69

package/build/clarity.js

@@ -169,7 +169,7 @@ function stop$F() {
     startTime = 0;
 }
 
-var version$1 = "0.7.67";
+var version$1 = "0.7.69";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -411,6 +411,12 @@ function reset$s() {
                 downX: buffer.downX,
                 downY: buffer.downY,
                 downTime: buffer.downTime,
+                upX: buffer.upX,
+                upY: buffer.upY,
+                upTime: buffer.upTime,
+                pointerPrevX: buffer.pointerPrevX,
+                pointerPrevY: buffer.pointerPrevY,
+                pointerPrevTime: buffer.pointerPrevTime,
             }
         };
     }
@@ -433,6 +439,12 @@ function reset$s() {
         downX: 0,
         downY: 0,
         downTime: 0,
+        upX: 0,
+        upY: 0,
+        upTime: 0,
+        pointerPrevX: 0,
+        pointerPrevY: 0,
+        pointerPrevTime: 0,
     };
 }
 function track$8(event, x, y, time) {
@@ -454,6 +466,9 @@ function track$8(event, x, y, time) {
             buffer.moveX = x;
             buffer.moveY = y;
             buffer.moveTime = time;
+            buffer.pointerPrevX = buffer.pointerX;
+            buffer.pointerPrevY = buffer.pointerY;
+            buffer.pointerPrevTime = buffer.pointerTime;
             buffer.pointerX = x;
             buffer.pointerY = y;
             buffer.pointerTime = time;
@@ -462,11 +477,28 @@ function track$8(event, x, y, time) {
             buffer.downX = x;
             buffer.downY = y;
             buffer.downTime = time;
+            buffer.pointerPrevX = buffer.pointerX;
+            buffer.pointerPrevY = buffer.pointerY;
+            buffer.pointerPrevTime = buffer.pointerTime;
+            buffer.pointerX = x;
+            buffer.pointerY = y;
+            buffer.pointerTime = time;
+            break;
+        case 14 /* Event.MouseUp */:
+            buffer.upX = x;
+            buffer.upY = y;
+            buffer.upTime = time;
+            buffer.pointerPrevX = buffer.pointerX;
+            buffer.pointerPrevY = buffer.pointerY;
+            buffer.pointerPrevTime = buffer.pointerTime;
             buffer.pointerX = x;
             buffer.pointerY = y;
             buffer.pointerTime = time;
             break;
         default:
+            buffer.pointerPrevX = buffer.pointerX;
+            buffer.pointerPrevY = buffer.pointerY;
+            buffer.pointerPrevTime = buffer.pointerTime;
             buffer.pointerX = x;
             buffer.pointerY = y;
             buffer.pointerTime = time;
@@ -1851,6 +1883,7 @@ function handler$3(event, root, evt) {
     var eY = l ? Math.max(Math.floor(((y - l.y) / l.h) * 32767 /* Setting.ClickPrecision */), 0) : 0;
     // Check for null values before processing this event
     if (x !== null && y !== null) {
+        var textInfo = text(t);
         state$8.push({
             time: time(evt),
             event: event,
@@ -1863,10 +1896,11 @@ function handler$3(event, root, evt) {
                 button: evt.button,
                 reaction: reaction(t),
                 context: context(a),
-                text: text(t),
+                text: textInfo.text,
                 link: a ? a.href : null,
                 hash: null,
-                trust: evt.isTrusted ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */
+                trust: evt.isTrusted ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */,
+                isFullText: textInfo.isFullText,
             }
         });
         schedule$1(encode$3.bind(this, event));
@@ -1886,17 +1920,20 @@ function link(node) {
 }
 function text(element) {
     var output = null;
+    var isFullText = false;
     if (element) {
         // Grab text using "textContent" for most HTMLElements, however, use "value" for HTMLInputElements and "alt" for HTMLImageElement.
         var t = element.textContent || String(element.value || '') || element.alt;
         if (t) {
             // Replace multiple occurrence of space characters with a single white space
             // Also, trim any spaces at the beginning or at the end of string
+            var trimmedText = t.replace(/\s+/g, " " /* Constant.Space */).trim();
             // Finally, send only first few characters as specified by the Setting
-            output = t.replace(/\s+/g, " " /* Constant.Space */).trim().substr(0, 25 /* Setting.ClickText */);
+            output = trimmedText.substring(0, 25 /* Setting.ClickText */);
+            isFullText = output.length === trimmedText.length;
         }
     }
-    return output;
+    return { text: output, isFullText: isFullText ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */ };
 }
 function reaction(element) {
     if (element.nodeType === Node.ELEMENT_NODE) {
@@ -2348,7 +2385,7 @@ function start$n() {
 }
 function recompute$1(evt) {
     recompute$1.dn = 17 /* FunctionNames.UnloadRecompute */;
-    data$9 = { name: evt.type };
+    data$9 = { name: evt.type, persisted: evt.persisted ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */ };
     encode$3(26 /* Event.Unload */, time(evt));
     stop();
 }
@@ -2479,6 +2516,8 @@ var throttleDelay = null;
 var activePeriod = null;
 var history$4 = {};
 var criticalPeriod = null;
+// We ignore mutations if these attributes are updated
+var IGNORED_ATTRIBUTES = ["data-google-query-id", "data-load-complete", "data-google-container-id"];
 function start$k() {
     start$k.dn = 21 /* FunctionNames.MutationStart */;
     observers = [];
@@ -2629,7 +2668,9 @@ function processMutation(timer, mutation, instance, timestamp) {
                     }
                     switch (type) {
                         case "attributes" /* Constant.Attributes */:
-                            processNode(target, 3 /* Source.Attributes */, timestamp);
+                            if (IGNORED_ATTRIBUTES.indexOf(mutation.attributeName) < 0) {
+                                processNode(target, 3 /* Source.Attributes */, timestamp);
+                            }
                             break;
                         case "characterData" /* Constant.CharacterData */:
                             processNode(target, 4 /* Source.CharacterData */, timestamp);
@@ -2734,8 +2775,7 @@ function track$5(m, timer, instance, timestamp) {
         var parent_1 = value.selector ? value.selector.join() : "" /* Constant.Empty */;
         // Check if its a low priority (e.g., ads related) element mutation happening during critical period
         // If the discard list is empty, we discard all mutations during critical period
-        var lowPriMutation = config$2.throttleMutations && critical &&
-            (config$2.discard.length === 0 || config$2.discard.some(function (key) { return element_1.includes(key); }));
+        var lowPriMutation = config$2.throttleMutations && critical && (config$2.discard.length === 0 || config$2.discard.some(function (key) { return element_1.includes(key); }));
         // We use selector, instead of id, to determine the key (signature for the mutation) because in some cases
         // repeated mutations can cause elements to be destroyed and then recreated as new DOM nodes
         // In those cases, IDs will change however the selector (which is relative to DOM xPath) remains the same
@@ -2816,7 +2856,9 @@ function processThrottledMutations() {
     if (throttleDelay) {
         clearTimeout(throttleDelay);
     }
-    throttleDelay = setTimeout(function () { schedule$1(process$2, 1 /* Priority.High */); }, 33 /* Setting.LookAhead */);
+    throttleDelay = setTimeout(function () {
+        schedule$1(process$2, 1 /* Priority.High */);
+    }, 33 /* Setting.LookAhead */);
 }
 function schedule(node) {
     // Only schedule manual trigger for this node if it's not already in the queue
@@ -2829,7 +2871,9 @@ function schedule(node) {
     if (timeout$1) {
         clearTimeout(timeout$1);
     }
-    timeout$1 = setTimeout(function () { trigger$2(); }, 33 /* Setting.LookAhead */);
+    timeout$1 = setTimeout(function () {
+        trigger$2();
+    }, 33 /* Setting.LookAhead */);
     return node;
 }
 function trigger$2() {
@@ -2849,7 +2893,8 @@ function trigger$2() {
 }
 function generate(target, type) {
     generate.dn = 23 /* FunctionNames.MutationGenerate */;
-    measure(handle$1)([{
+    measure(handle$1)([
+        {
             addedNodes: [target],
             attributeName: null,
             attributeNamespace: null,
@@ -2858,8 +2903,9 @@ function generate(target, type) {
             previousSibling: null,
             removedNodes: [],
             target: target,
-            type: type
-        }]);
+            type: type,
+        },
+    ]);
 }
 
 var digitsRegex = /[^0-9\.]/g;
@@ -3185,10 +3231,10 @@ var sheetAdoptionState = [];
 var replace = null;
 var replaceSync = null;
 var styleSheetId = 'claritySheetId';
-var styleSheetPageNum = 'claritySheetNum';
 var styleSheetMap = {};
 var styleTimeMap = {};
 var documentNodes = [];
+var createdSheetIds = [];
 function start$j() {
     if (window['CSSStyleSheet'] && CSSStyleSheet.prototype) {
         if (replace === null) {
@@ -3199,7 +3245,7 @@ function start$j() {
                     // if we haven't seen this stylesheet on this page yet, wait until the checkDocumentStyles has found it
                     // and attached the sheet to a document. This way the timestamp of the style sheet creation will align
                     // to when it is used in the document rather than potentially being misaligned during the traverse process.
-                    if (this[styleSheetPageNum] === data$2.pageNum) {
+                    if (createdSheetIds.indexOf(this[styleSheetId]) > -1) {
                         trackStyleChange(time(), this[styleSheetId], 1 /* StyleSheetOperation.Replace */, arguments[0]);
                     }
                 }
@@ -3214,7 +3260,7 @@ function start$j() {
                     // if we haven't seen this stylesheet on this page yet, wait until the checkDocumentStyles has found it
                     // and attached the sheet to a document. This way the timestamp of the style sheet creation will align
                     // to when it is used in the document rather than potentially being misaligned during the traverse process.
-                    if (this[styleSheetPageNum] === data$2.pageNum) {
+                    if (createdSheetIds.indexOf(this[styleSheetId]) > -1) {
                         trackStyleChange(time(), this[styleSheetId], 2 /* StyleSheetOperation.ReplaceSync */, arguments[0]);
                     }
                 }
@@ -3236,14 +3282,13 @@ function checkDocumentStyles(documentNode, timestamp) {
     var currentStyleSheets = [];
     for (var _i = 0, _a = documentNode.adoptedStyleSheets; _i < _a.length; _i++) {
         var styleSheet = _a[_i];
-        var pageNum = data$2.pageNum;
         // If we haven't seen this style sheet on this page yet, we create a reference to it for the visualizer.
         // For SPA or times in which Clarity restarts on a given page, our visualizer would lose context
         // on the previously created style sheet for page N-1.
         // Then we synthetically call replaceSync with its contents to bootstrap it
-        if (styleSheet[styleSheetPageNum] !== pageNum) {
-            styleSheet[styleSheetPageNum] = pageNum;
+        if (!styleSheet[styleSheetId] || createdSheetIds.indexOf(styleSheet[styleSheetId]) === -1) {
             styleSheet[styleSheetId] = shortid();
+            createdSheetIds.push(styleSheet[styleSheetId]);
             trackStyleChange(timestamp, styleSheet[styleSheetId], 0 /* StyleSheetOperation.Create */);
             trackStyleChange(timestamp, styleSheet[styleSheetId], 2 /* StyleSheetOperation.ReplaceSync */, getCssRules(styleSheet));
         }
@@ -3276,6 +3321,7 @@ function stop$h() {
     styleSheetMap = {};
     styleTimeMap = {};
     documentNodes = [];
+    createdSheetIds = [];
     reset$8();
 }
 function trackStyleChange(time, id, operation, cssRules) {
@@ -3825,6 +3871,7 @@ function encode$3 (type, ts) {
                         tokens.push(url$1(entry.data.link));
                         tokens.push(cHash);
                         tokens.push(entry.data.trust);
+                        tokens.push(entry.data.isFullText);
                         queue(tokens);
                         track$2(entry.time, entry.event, cHash, entry.data.x, entry.data.y, entry.data.reaction, entry.data.context);
                     }
@@ -3854,6 +3901,7 @@ function encode$3 (type, ts) {
                 case 26 /* Event.Unload */:
                     u = data$9;
                     tokens.push(u.name);
+                    tokens.push(u.persisted);
                     reset$a();
                     queue(tokens);
                     break;
@@ -3984,7 +4032,7 @@ function track$2(time, event, hash, x, y, reaction, context) {
     // Since timeline only keeps the data for configured time, we still want to continue tracking these values
     // as part of the baseline. For instance, in a scenario where last scroll happened 5s ago.
     // We would still need to capture the last scroll position as part of the baseline event, even when timeline will be empty.
-    track$8(event, x, y);
+    track$8(event, x, y, time);
 }
 function compute$5() {
     var temp = [];
@@ -4596,6 +4644,12 @@ function encode$1 (event) {
                 tokens.push(b.data.downX);
                 tokens.push(b.data.downY);
                 tokens.push(b.data.downTime);
+                tokens.push(b.data.upX);
+                tokens.push(b.data.upY);
+                tokens.push(b.data.upTime);
+                tokens.push(b.data.pointerPrevX);
+                tokens.push(b.data.pointerPrevY);
+                tokens.push(b.data.pointerPrevTime);
                 queue(tokens, false);
             }
             reset$s();
@@ -4927,7 +4981,7 @@ function callback() {
     processCallback(upgrade);
 }
 function save() {
-    if (!data$2)
+    if (!data$2 || !config$2.track)
         return;
     var ts = Math.round(Date.now());
     var upload = config$2.upload && typeof config$2.upload === "string" /* Constant.String */ ? config$2.upload.replace("https://" /* Constant.HTTPS */, "" /* Constant.Empty */) : "" /* Constant.Empty */;
@@ -5224,16 +5278,19 @@ function measure (method) {
 }
 
 var bindings = [];
-function bind(target, event, listener, capture) {
+function bind(target, event, listener, capture, passive) {
     if (capture === void 0) { capture = false; }
+    if (passive === void 0) { passive = true; }
     listener = measure(listener);
     // Wrapping following lines inside try / catch to cover edge cases where we might try to access an inaccessible element.
     // E.g. Iframe may start off as same-origin but later turn into cross-origin, and the following lines will throw an exception.
     try {
-        target[api("addEventListener" /* Constant.AddEventListener */)](event, listener, capture);
-        bindings.push({ event: event, target: target, listener: listener, capture: capture });
+        target[api("addEventListener" /* Constant.AddEventListener */)](event, listener, { capture: capture, passive: passive });
+        bindings.push({ event: event, target: target, listener: listener, options: { capture: capture, passive: passive } });
+    }
+    catch (_a) {
+        /* do nothing */
     }
-    catch ( /* do nothing */_a) { /* do nothing */ }
 }
 function reset$1() {
     // Walk through existing list of bindings and remove them all
@@ -5241,9 +5298,11 @@ function reset$1() {
         var binding = bindings_1[_i];
         // Wrapping inside try / catch to avoid situations where the element may be destroyed before we get a chance to unbind
         try {
-            binding.target[api("removeEventListener" /* Constant.RemoveEventListener */)](binding.event, binding.listener, binding.capture);
+            binding.target[api("removeEventListener" /* Constant.RemoveEventListener */)](binding.event, binding.listener, { capture: binding.options.capture, passive: binding.options.passive });
+        }
+        catch (_a) {
+            /* do nothing */
         }
-        catch ( /* do nothing */_a) { /* do nothing */ }
     }
     bindings = [];
 }