clarity-js 0.7.58 → 0.7.60

package/build/clarity.js

@@ -1721,6 +1721,7 @@ function compute$9() {
         encode$4(8 /* Event.Document */);
     }
 }
+compute$9.dn = 19 /* FunctionNames.DocumentCompute */;
 function stop$v() {
     reset$k();
 }
@@ -1741,6 +1742,7 @@ function recompute$8(evt) {
         schedule$1(encode$3.bind(this, 42 /* Event.Change */));
     }
 }
+recompute$8.dn = 5 /* FunctionNames.ChangeRecompute */;
 function reset$j() {
     state$9 = [];
 }
@@ -1821,6 +1823,7 @@ function handler$3(event, root, evt) {
         schedule$1(encode$3.bind(this, event));
     }
 }
+handler$3.dn = 6 /* FunctionNames.ClickHandler */;
 function link(node) {
     while (node && node !== document) {
         if (node.nodeType === Node.ELEMENT_NODE) {
@@ -1907,6 +1910,7 @@ function recompute$7(action, evt) {
     state$7.push({ time: time(evt), event: 38 /* Event.Clipboard */, data: { target: target(evt), action: action } });
     schedule$1(encode$3.bind(this, 38 /* Event.Clipboard */));
 }
+recompute$7.dn = 7 /* FunctionNames.ClipboardRecompute */;
 function reset$h() {
     state$7 = [];
 }
@@ -1944,6 +1948,7 @@ function recompute$6(evt) {
         timeout$6 = setTimeout(process$7, 1000 /* Setting.InputLookAhead */, 27 /* Event.Input */);
     }
 }
+recompute$6.dn = 9 /* FunctionNames.InputRecompute */;
 function process$7(event) {
     schedule$1(encode$3.bind(this, event));
 }
@@ -1957,7 +1962,8 @@ function stop$r() {
 
 var state$5 = [];
 var timeout$5 = null;
-var activeTouchPointId = 0;
+var hasPrimaryTouch = false;
+var primaryTouchId = 0;
 var activeTouchPointIds = new Set();
 function start$s() {
     reset$f();
@@ -1989,6 +1995,7 @@ function mouse(event, root, evt) {
         handler$2({ time: time(evt), event: event, data: { target: target(evt), x: x, y: y } });
     }
 }
+mouse.dn = 10 /* FunctionNames.PointerMouse */;
 function touch(event, root, evt) {
     var frame = iframe(root);
     var d = frame ? frame.contentDocument.documentElement : document.documentElement;
@@ -2007,7 +2014,9 @@ function touch(event, root, evt) {
             switch (event) {
                 case 17 /* Event.TouchStart */:
                     if (activeTouchPointIds.size === 0) {
-                        activeTouchPointId = id;
+                        // Track presence of primary touch separately to handle scenarios when same id is repeated
+                        hasPrimaryTouch = true;
+                        primaryTouchId = id;
                     }
                     activeTouchPointIds.add(id);
                     break;
@@ -2016,14 +2025,21 @@ function touch(event, root, evt) {
                     activeTouchPointIds.delete(id);
                     break;
             }
-            var isPrimary = activeTouchPointId === id;
+            var isPrimary = hasPrimaryTouch && primaryTouchId === id;
             // Check for null values before processing this event
             if (x !== null && y !== null) {
                 handler$2({ time: t, event: event, data: { target: target(evt), x: x, y: y, id: id, isPrimary: isPrimary } });
             }
+            // Reset primary touch point id once touch event ends
+            if (event === 20 /* Event.TouchCancel */ || event === 18 /* Event.TouchEnd */) {
+                if (primaryTouchId === id) {
+                    hasPrimaryTouch = false;
+                }
+            }
         }
     }
 }
+touch.dn = 11 /* FunctionNames.PointerTouch */;
 function handler$2(current) {
     switch (current.event) {
         case 12 /* Event.MouseMove */:
@@ -2091,6 +2107,7 @@ function recompute$5() {
         initialStateLogged = true;
     }
 }
+recompute$5.dn = 12 /* FunctionNames.ResizeRecompute */;
 function process$5(event) {
     schedule$1(encode$3.bind(this, event));
 }
@@ -2155,6 +2172,7 @@ function recompute$4(event) {
     clearTimeout(timeout$3);
     timeout$3 = setTimeout(process$4, 500 /* Setting.LookAhead */, 10 /* Event.Scroll */);
 }
+recompute$4.dn = 13 /* FunctionNames.ScrollRecompute */;
 function getPositionNode(x, y) {
     var _a, _b;
     var node;
@@ -2196,6 +2214,7 @@ function compute$8() {
         log(32 /* Dimension.InitialScrollBottom */, (_b = bottom === null || bottom === void 0 ? void 0 : bottom.hash) === null || _b === void 0 ? void 0 : _b.join("." /* Constant.Dot */));
     }
 }
+compute$8.dn = 14 /* FunctionNames.ScrollCompute */;
 function stop$o() {
     clearTimeout(timeout$3);
     state$4 = [];
@@ -2243,6 +2262,7 @@ function recompute$3(root) {
     clearTimeout(timeout$2);
     timeout$2 = setTimeout(process$3, 500 /* Setting.LookAhead */, 21 /* Event.Selection */);
 }
+recompute$3.dn = 15 /* FunctionNames.SelectionRecompute */;
 function process$3(event) {
     schedule$1(encode$3.bind(this, event));
 }
@@ -2266,6 +2286,7 @@ function recompute$2(evt) {
     state$3.push({ time: time(evt), event: 39 /* Event.Submit */, data: { target: target(evt) } });
     schedule$1(encode$3.bind(this, 39 /* Event.Submit */));
 }
+recompute$2.dn = 16 /* FunctionNames.SubmitRecompute */;
 function reset$b() {
     state$3 = [];
 }
@@ -2282,6 +2303,7 @@ function recompute$1(evt) {
     encode$3(26 /* Event.Unload */, time(evt));
     stop();
 }
+recompute$1.dn = 17 /* FunctionNames.UnloadRecompute */;
 function reset$a() {
     data$9 = null;
 }
@@ -2299,6 +2321,7 @@ function recompute(evt) {
     data$8 = { visible: "visibilityState" in document ? document.visibilityState : "default" };
     encode$3(28 /* Event.Visibility */, time(evt));
 }
+recompute.dn = 18 /* FunctionNames.VisibilityRecompute */;
 function reset$9() {
     data$8 = null;
 }
@@ -2320,6 +2343,7 @@ function start$l() {
     start$o();
     start$n();
 }
+start$l.dn = 8 /* FunctionNames.InteractionStart */;
 function stop$j() {
     stop$e();
     stop$t();
@@ -2472,6 +2496,7 @@ function start$k() {
         }
     }
 }
+start$k.dn = 21 /* FunctionNames.MutationStart */;
 function observe$3(node) {
     // Create a new observer for every time a new DOM tree (e.g. root document or shadowdom root) is discovered on the page
     // In the case of shadow dom, any mutations that happen within the shadow dom are not bubbled up to the host document
@@ -2525,6 +2550,7 @@ function handle$1(m) {
         measure(compute$6)();
     });
 }
+handle$1.dn = 22 /* FunctionNames.MutationHandle */;
 function processMutation(timer, mutation, instance, timestamp) {
     return __awaiter(this, void 0, void 0, function () {
         var state, target, type;
@@ -2605,12 +2631,27 @@ function process$2() {
                     _d.sent();
                     _d.label = 5;
                 case 5:
+                    cleanHistory();
                     stop$w(timer);
                     return [2 /*return*/];
             }
         });
     });
 }
+function cleanHistory() {
+    var now = time();
+    if (Object.keys(history$4).length > 10000 /* Setting.MaxMutationHistoryCount */) {
+        history$4 = {};
+        count$1(38 /* Metric.HistoryClear */);
+    }
+    for (var _i = 0, _a = Object.keys(history$4); _i < _a.length; _i++) {
+        var key = _a[_i];
+        var h = history$4[key];
+        if (now > h[1] + 30000 /* Setting.MaxMutationHistoryTime */) {
+            delete history$4[key];
+        }
+    }
+}
 function track$5(m, timer, instance, timestamp) {
     var value = m.target ? get(m.target.parentNode) : null;
     // Check if the parent is already discovered and that the parent is not the document root
@@ -2738,7 +2779,8 @@ function generate(target, type) {
             target: target,
             type: type
         }]);
-}
+}
+generate.dn = 23 /* FunctionNames.MutationGenerate */;
 
 var digitsRegex = /[^0-9\.]/g;
 /* JSON+LD (Linked Data) Recursive Parser */
@@ -3068,35 +3110,37 @@ var styleSheetMap = {};
 var styleTimeMap = {};
 var documentNodes = [];
 function start$j() {
-    if (replace === null) {
-        replace = CSSStyleSheet.prototype.replace;
-        CSSStyleSheet.prototype.replace = function () {
-            if (active()) {
-                max(36 /* Metric.ConstructedStyles */, 1);
-                // 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) {
-                    trackStyleChange(time(), this[styleSheetId], 1 /* StyleSheetOperation.Replace */, arguments[0]);
+    if (window['CSSStyleSheet'] && CSSStyleSheet.prototype) {
+        if (replace === null) {
+            replace = CSSStyleSheet.prototype.replace;
+            CSSStyleSheet.prototype.replace = function () {
+                if (active()) {
+                    max(36 /* Metric.ConstructedStyles */, 1);
+                    // 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) {
+                        trackStyleChange(time(), this[styleSheetId], 1 /* StyleSheetOperation.Replace */, arguments[0]);
+                    }
                 }
-            }
-            return replace.apply(this, arguments);
-        };
-    }
-    if (replaceSync === null) {
-        replaceSync = CSSStyleSheet.prototype.replaceSync;
-        CSSStyleSheet.prototype.replaceSync = function () {
-            if (active()) {
-                max(36 /* Metric.ConstructedStyles */, 1);
-                // 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) {
-                    trackStyleChange(time(), this[styleSheetId], 2 /* StyleSheetOperation.ReplaceSync */, arguments[0]);
+                return replace.apply(this, arguments);
+            };
+        }
+        if (replaceSync === null) {
+            replaceSync = CSSStyleSheet.prototype.replaceSync;
+            CSSStyleSheet.prototype.replaceSync = function () {
+                if (active()) {
+                    max(36 /* Metric.ConstructedStyles */, 1);
+                    // 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) {
+                        trackStyleChange(time(), this[styleSheetId], 2 /* StyleSheetOperation.ReplaceSync */, arguments[0]);
+                    }
                 }
-            }
-            return replaceSync.apply(this, arguments);
-        };
+                return replaceSync.apply(this, arguments);
+            };
+        }
     }
 }
 function checkDocumentStyles(documentNode, timestamp) {
@@ -3545,6 +3589,7 @@ function compute$6() {
         encode$4(7 /* Event.Region */);
     }
 }
+compute$6.dn = 24 /* FunctionNames.RegionCompute */;
 function handler$1(entries) {
     for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
         var entry = entries_1[_i];
@@ -4193,7 +4238,8 @@ function handler(error) {
         encode$2(31 /* Event.ScriptError */);
     }
     return true;
-}
+}
+handler.dn = 4 /* FunctionNames.ScriptHandler */;
 
 function encode$2 (type) {
     return __awaiter(this, void 0, void 0, function () {
@@ -5079,6 +5125,7 @@ function measure (method) {
         if (duration > config$2.longTask) {
             count$1(7 /* Metric.LongTaskCount */);
             max(6 /* Metric.ThreadBlockedTime */, duration);
+            log$1(9 /* Code.FunctionExecutionTime */, 0 /* Severity.Info */, "".concat(method.dn || method.name, "-").concat(duration));
         }
     };
 }
@@ -5152,6 +5199,7 @@ function compute$1() {
         window.setTimeout(restart$1, 250 /* Setting.RestartDelay */);
     }
 }
+compute$1.dn = 1 /* FunctionNames.HistoryCompute */;
 function restart$1() {
     start();
     max(29 /* Metric.SinglePage */, 1 /* BooleanFlag.True */);
@@ -5231,13 +5279,15 @@ function suspend() {
 function restart() {
     start();
     event("clarity" /* Constant.Clarity */, "restart" /* Constant.Restart */);
-}
+}
+restart.dn = 2 /* FunctionNames.Restart */;
 
 function start$5() {
     start$A();
     start$e();
     start$d();
 }
+start$5.dn = 3 /* FunctionNames.DiagnosticStart */;
 function stop$4() {
     stop$c();
 }
@@ -5297,6 +5347,7 @@ function start$3() {
     start$j();
     start$i();
 }
+start$3.dn = 20 /* FunctionNames.LayoutStart */;
 function stop$3() {
     stop$f();
     stop$x();
@@ -5517,9 +5568,11 @@ function observe() {
         log$1(3 /* Code.PerformanceObserver */, 1 /* Severity.Warning */);
     }
 }
+observe.dn = 26 /* FunctionNames.ObserverObserve */;
 function handle(entries) {
     process(entries.getEntries());
 }
+handle.dn = 27 /* FunctionNames.ObserverHandle */;
 function process(entries) {
     var visible = "visibilityState" in document ? document.visibilityState === "visible" : true;
     for (var i = 0; i < entries.length; i++) {
@@ -5581,6 +5634,7 @@ function start$1() {
     reset();
     start$2();
 }
+start$1.dn = 25 /* FunctionNames.PerformanceStart */;
 function stop$1() {
     stop$2();
     reset();