@gemx-dev/clarity-js 0.8.84 → 0.8.86

package/build/clarity.js

@@ -20,8 +20,18 @@ var dom = /*#__PURE__*/Object.freeze({
     get update () { return update; },
     get updates () { return updates$2; }
 });
+var timeline = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get compute () { return compute$5; },
+    get reset () { return reset$5; },
+    get start () { return start$j; },
+    get stop () { return stop$h; },
+    get track () { return track$2; },
+    get updates () { return updates$1; }
+});
 var upload$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    get flush () { return flush; },
     get queue () { return queue; },
     get start () { return start$h; },
     get stop () { return stop$f; },
@@ -178,6 +188,7 @@ var config$2 = {
     externalSession: false,
     userId: null,
     sessionId: null,
+    mode: "gemx",
 };
 
 function api(method) {
@@ -207,11 +218,11 @@ function time(event) {
     var origin = event && event.view ? event.view.performance.timeOrigin : performance.timeOrigin;
     return Math.max(Math.round(ts + origin - baseline), 0);
 }
-function stop$L() {
+function stop$M() {
     startTime = 0;
 }
 
-var version$1 = "0.8.84";
+var version$1 = "0.8.86";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -558,7 +569,7 @@ function track$8(event, x, y, time) {
 function activity(t) {
     buffer.activityTime = t;
 }
-function visibility(t, visible) {
+function visibility$1(t, visible) {
     buffer.visible = visible;
     if (!buffer.visible) {
         activity(t);
@@ -574,7 +585,7 @@ function compute$g() {
         encode$1(4 /* Event.Baseline */);
     }
 }
-function stop$K() {
+function stop$L() {
     reset$u();
 }
 
@@ -586,9 +597,9 @@ var baseline = /*#__PURE__*/Object.freeze({
     reset: reset$u,
     start: start$O,
     get state () { return state$b; },
-    stop: stop$K,
+    stop: stop$L,
     track: track$8,
-    visibility: visibility
+    visibility: visibility$1
 });
 
 var data$l = null;
@@ -616,7 +627,7 @@ function start$N() {
     updates$3 = {};
     count$1(5 /* Metric.InvokeCount */);
 }
-function stop$J() {
+function stop$K() {
     data$k = {};
     updates$3 = {};
 }
@@ -694,7 +705,7 @@ function ping() {
         suspend();
     }
 }
-function stop$I() {
+function stop$J() {
     clearTimeout$1(timeout$7);
     last = 0;
     interval = 0;
@@ -705,14 +716,14 @@ var ping$1 = /*#__PURE__*/Object.freeze({
     get data () { return data$j; },
     reset: reset$s,
     start: start$M,
-    stop: stop$I
+    stop: stop$J
 });
 
 var data$i = null;
 function start$L() {
     data$i = {};
 }
-function stop$H() {
+function stop$I() {
     data$i = {};
 }
 function track$7(event, time) {
@@ -745,7 +756,7 @@ var summary = /*#__PURE__*/Object.freeze({
     get data () { return data$i; },
     reset: reset$r,
     start: start$L,
-    stop: stop$H,
+    stop: stop$I,
     track: track$7
 });
 
@@ -946,7 +957,7 @@ function compute$d() {
 function reset$q() {
     data$h = {};
 }
-function stop$G() {
+function stop$H() {
     reset$q();
 }
 function redact(input) {
@@ -987,7 +998,7 @@ var variable = /*#__PURE__*/Object.freeze({
     reset: reset$q,
     set: set$1,
     start: start$K,
-    stop: stop$G
+    stop: stop$H
 });
 
 var data$g = {};
@@ -1112,7 +1123,7 @@ function update$1(key, subkey, value) {
     }
     return;
 }
-function stop$F() {
+function stop$G() {
     reset$p();
 }
 function parse$1(variable) {
@@ -1186,7 +1197,7 @@ var extract = /*#__PURE__*/Object.freeze({
     keys: keys,
     reset: reset$p,
     start: start$J,
-    stop: stop$F,
+    stop: stop$G,
     trigger: trigger$2,
     update: update$1
 });
@@ -1217,7 +1228,7 @@ var COOKIE_SEP = "^" /* Constant.Caret */;
 function start$I() {
     rootDomain = null;
 }
-function stop$E() {
+function stop$F() {
     rootDomain = null;
 }
 function getCookie(key, limit) {
@@ -1300,20 +1311,22 @@ var cookie = /*#__PURE__*/Object.freeze({
     getCookie: getCookie,
     setCookie: setCookie,
     start: start$I,
-    stop: stop$E
+    stop: stop$F
 });
 
 var defaultConfig = {
     excludeClassNames: [],
+    ignoreMutationClassNames: [],
 };
 var _config = __assign({}, defaultConfig);
 function start$H() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     _config = {
         excludeClassNames: ((_b = (_a = window === null || window === void 0 ? void 0 : window.GemXHeatmap) === null || _a === void 0 ? void 0 : _a.excludeClassNames) !== null && _b !== void 0 ? _b : []),
+        ignoreMutationClassNames: ((_d = (_c = window === null || window === void 0 ? void 0 : window.GemXHeatmap) === null || _c === void 0 ? void 0 : _c.ignoreMutationClassNames) !== null && _d !== void 0 ? _d : []),
     };
 }
-function stop$D() {
+function stop$E() {
     _config = __assign({}, defaultConfig);
 }
 function set(config) {
@@ -1328,7 +1341,7 @@ var gemx = /*#__PURE__*/Object.freeze({
     get: get$2,
     set: set,
     start: start$H,
-    stop: stop$D
+    stop: stop$E
 });
 
 var signalCallback = null;
@@ -1359,29 +1372,31 @@ function signalsEvent(signalsPayload) {
     }
 }
 
-var modules$2 = [gemx, baseline, dimension, variable, limit, summary, cookie, consent$2, metadata$1, envelope$1, upload$1, ping$1, upgrade$1, extract];
+var modules$3 = [gemx, baseline, dimension, variable, limit, summary, cookie, consent$2, metadata$1, envelope$1, upload$1, ping$1, upgrade$1, extract];
 function start$G() {
     // Metric needs to be initialized before we can start measuring. so metric is not wrapped in measure
     start$N();
-    modules$2.forEach(function (x) { return measure(x.start)(); });
+    modules$3.forEach(function (x) { return measure(x.start)(); });
 }
-function stop$C() {
+function stop$D() {
     // Stop modules in the reverse order of their initialization
     // The ordering below should respect inter-module dependency.
     // E.g. if upgrade depends on upload, then upgrade needs to end before upload.
     // Similarly, if upload depends on metadata, upload needs to end before metadata.
-    modules$2.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
-    stop$J();
+    modules$3.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
+    stop$K();
 }
 function compute$b() {
-    compute$d();
     compute$g();
-    compute$3();
-    compute$f();
-    compute$e();
     compute$4();
-    compute$c();
     compute$2();
+    if (config$2.mode !== "gemx") {
+        compute$d();
+        compute$3();
+        compute$f();
+        compute$e();
+        compute$c();
+    }
 }
 
 var history$5 = [];
@@ -1440,10 +1455,19 @@ function recompute$8(evt) {
 function reset$o() {
     state$a = [];
 }
-function stop$B() {
+function stop$C() {
     reset$o();
 }
 
+var change = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    observe: observe$c,
+    reset: reset$o,
+    start: start$E,
+    get state () { return state$a; },
+    stop: stop$C
+});
+
 function offset(element) {
     var output = { x: 0, y: 0 };
     // Walk up the chain to ensure we compute offset distance correctly
@@ -1694,10 +1718,19 @@ function source() {
 function reset$n() {
     state$9 = [];
 }
-function stop$A() {
+function stop$B() {
     reset$n();
 }
 
+var click = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    observe: observe$b,
+    reset: reset$n,
+    start: start$D,
+    get state () { return state$9; },
+    stop: stop$B
+});
+
 var state$8 = [];
 function start$C() {
     reset$m();
@@ -1714,10 +1747,19 @@ function recompute$7(action, evt) {
 function reset$m() {
     state$8 = [];
 }
-function stop$z() {
+function stop$A() {
     reset$m();
 }
 
+var clipboard = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    observe: observe$a,
+    reset: reset$m,
+    start: start$C,
+    get state () { return state$8; },
+    stop: stop$A
+});
+
 var timeout$6 = null;
 var state$7 = [];
 function start$B() {
@@ -1754,11 +1796,20 @@ function process$7(event) {
 function reset$l() {
     state$7 = [];
 }
-function stop$y() {
+function stop$z() {
     clearTimeout$1(timeout$6);
     reset$l();
 }
 
+var input = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    observe: observe$9,
+    reset: reset$l,
+    start: start$B,
+    get state () { return state$7; },
+    stop: stop$z
+});
+
 var state$6 = [];
 var timeout$5 = null;
 var hasPrimaryTouch = false;
@@ -1872,7 +1923,7 @@ function similar$1(last, current) {
     var sameId = current.data.id !== undefined ? current.data.id === last.data.id : true;
     return current.event === last.event && match && distance < 20 /* Setting.Distance */ && gap < 25 /* Setting.PointerInterval */ && sameId;
 }
-function stop$x() {
+function stop$y() {
     clearTimeout$1(timeout$5);
     // Send out any pending pointer events in the pipeline
     if (state$6.length > 0) {
@@ -1880,6 +1931,15 @@ function stop$x() {
     }
 }
 
+var pointer = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    observe: observe$8,
+    reset: reset$k,
+    start: start$A,
+    get state () { return state$6; },
+    stop: stop$y
+});
+
 /**
  * Creates a throttled version of the provided function that only executes at most once
  * every specified duration in milliseconds, ensuring the last event is not lost.
@@ -1962,10 +2022,18 @@ function reset$j() {
     clearTimeout$1(timeout$4);
     throttledRecompute$1.cleanup();
 }
-function stop$w() {
+function stop$x() {
     reset$j();
 }
 
+var resize = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$e; },
+    reset: reset$j,
+    start: start$z,
+    stop: stop$x
+});
+
 var state$5 = [];
 var initialTop = null;
 var initialBottom = null;
@@ -2067,7 +2135,7 @@ function compute$a() {
         log(32 /* Dimension.InitialScrollBottom */, (_b = bottom === null || bottom === void 0 ? void 0 : bottom.hash) === null || _b === void 0 ? void 0 : _b.join("." /* Constant.Dot */));
     }
 }
-function stop$v() {
+function stop$w() {
     clearTimeout$1(timeout$3);
     throttledRecompute.cleanup();
     state$5 = [];
@@ -2075,6 +2143,16 @@ function stop$v() {
     initialBottom = null;
 }
 
+var scroll = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    compute: compute$a,
+    observe: observe$7,
+    reset: reset$i,
+    start: start$y,
+    get state () { return state$5; },
+    stop: stop$w
+});
+
 var data$d = null;
 var previous = null;
 var timeout$2 = null;
@@ -2122,11 +2200,20 @@ function reset$h() {
     previous = null;
     data$d = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
 }
-function stop$u() {
+function stop$v() {
     reset$h();
     clearTimeout$1(timeout$2);
 }
 
+var selection = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$d; },
+    observe: observe$6,
+    reset: reset$h,
+    start: start$x,
+    stop: stop$v
+});
+
 var state$4 = [];
 function start$w() {
     reset$g();
@@ -2141,13 +2228,26 @@ function recompute$2(evt) {
 function reset$g() {
     state$4 = [];
 }
-function stop$t() {
+function stop$u() {
     reset$g();
 }
 
+var submit = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    observe: observe$5,
+    reset: reset$g,
+    start: start$w,
+    get state () { return state$4; },
+    stop: stop$u
+});
+
 var data$c;
 function start$v() {
     bind(window, "pagehide", recompute$1);
+    bind(window, "beforeunload", beforeUnload);
+}
+function beforeUnload() {
+    flush();
 }
 function recompute$1(evt) {
     data$c = { name: evt.type, persisted: evt.persisted ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */ };
@@ -2157,10 +2257,18 @@ function recompute$1(evt) {
 function reset$f() {
     data$c = null;
 }
-function stop$s() {
+function stop$t() {
     reset$f();
 }
 
+var unload = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$c; },
+    reset: reset$f,
+    start: start$v,
+    stop: stop$t
+});
+
 var data$b;
 function start$u() {
     bind(document, "visibilitychange", recompute);
@@ -2177,16 +2285,24 @@ function recompute(evt) {
 function reset$e() {
     data$b = null;
 }
-function stop$r() {
+function stop$s() {
     reset$e();
 }
 
+var visibility = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$b; },
+    reset: reset$e,
+    start: start$u,
+    stop: stop$s
+});
+
 var data$a;
 function start$t() {
     bind(window, "focus", function () { return compute$9(1 /* BooleanFlag.True */); });
     bind(window, "blur", function () { return compute$9(0 /* BooleanFlag.False */); });
 }
-function stop$q() {
+function stop$r() {
     reset$d();
 }
 function reset$d() {
@@ -2197,6 +2313,14 @@ function compute$9(focus) {
     encode$4(50 /* Event.Focus */);
 }
 
+var focus = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$a; },
+    reset: reset$d,
+    start: start$t,
+    stop: stop$r
+});
+
 var bound = false;
 function start$s() {
     // Only bind once - this listener must persist even when Clarity stops
@@ -2219,50 +2343,57 @@ function handler$2(evt) {
         log$1(11 /* Code.BFCache */, 0 /* Severity.Info */);
     }
 }
+function stop$q() {
+    // Intentionally don't remove the listener or reset 'bound' flag
+    // We need the listener to persist to detect bfcache restoration
+}
 
+var pageshow = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    start: start$s,
+    stop: stop$q
+});
+
+var GEMX$1 = [
+    timeline,
+    click,
+    resize,
+    visibility,
+    scroll,
+    pageshow,
+    unload,
+];
+var ALL$1 = [
+    timeline,
+    click,
+    clipboard,
+    pointer,
+    input,
+    resize,
+    visibility,
+    focus,
+    pageshow,
+    scroll,
+    selection,
+    change,
+    submit,
+    unload
+];
+var GEMX_OBSERVE = { allRoots: [scroll], documentOnly: [click] };
+var ALL_OBSERVE = { allRoots: [scroll], documentOnly: [click, clipboard, pointer, input, selection, change, submit] };
+var modules$2 = ALL$1;
 function start$r() {
-    start$j();
-    start$D();
-    start$C();
-    start$A();
-    start$B();
-    start$z();
-    start$u();
-    start$t();
-    start$s();
-    start$y();
-    start$x();
-    start$E();
-    start$w();
-    start$v();
+    modules$2 = config$2.mode === "gemx" ? GEMX$1 : ALL$1;
+    modules$2.forEach(function (m) { return m.start(); });
 }
 function stop$p() {
-    stop$h();
-    stop$A();
-    stop$z();
-    stop$x();
-    stop$y();
-    stop$w();
-    stop$r();
-    stop$q();
-    stop$v();
-    stop$u();
-    stop$B();
-    stop$t();
-    stop$s();
+    modules$2.forEach(function (m) { return m.stop(); });
 }
 function observe$4(root) {
-    observe$7(root);
-    // Only monitor following interactions if the root node is a document
-    // In case of shadow DOM, following events automatically bubble up to the parent document.
+    var observeModules = config$2.mode === "gemx" ? GEMX_OBSERVE : ALL_OBSERVE;
+    observeModules.allRoots.forEach(function (m) { return m.observe(root); });
     if (root.nodeType === Node.DOCUMENT_NODE) {
-        observe$b(root);
-        observe$a(root);
-        observe$8(root);
-        observe$9(root);
-        observe$6(root);
-        observe$c(root);
-        observe$5(root);
+        observeModules.documentOnly.forEach(function (m) { return m.observe(root); });
     }
 }
 
@@ -2954,7 +3085,7 @@ function handle$1(m) {
 }
 function processMutation(timer, mutation, instance, timestamp) {
     return __awaiter(this, void 0, void 0, function () {
-        var state$1, target, type;
+        var state$1, target, ignoredClasses, el_1, type;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -2969,6 +3100,13 @@ function processMutation(timer, mutation, instance, timestamp) {
                         return [2 /*return*/];
                     }
                     target = mutation.target;
+                    ignoredClasses = get$2().ignoreMutationClassNames;
+                    if (ignoredClasses.length > 0 && target instanceof Element) {
+                        el_1 = target;
+                        if (ignoredClasses.some(function (cls) { return el_1.classList.contains(cls); })) {
+                            return [2 /*return*/];
+                        }
+                    }
                     type = config$2.throttleDom ? track$5(mutation, timer, instance, timestamp) : mutation.type;
                     if (type && target && target.ownerDocument) {
                         parse(target.ownerDocument);
@@ -4346,10 +4484,10 @@ function metadata$2(node, event, text) {
     var output = { id: 0, hash: null, privacy: 2 /* Privacy.Text */ };
     if (node) {
         var value = get(node);
-        console.log("[GemX - Target - Metadata]", {
-            selector: value.selector,
-            hash: value.hash,
-        });
+        if (!window.GemXHeatmap.__debug) {
+            window.GemXHeatmap.__debug = [];
+        }
+        window.GemXHeatmap.__debug.push({ event: event, selector: value.selector, hash: value.hash });
         if (value !== null) {
             var metadata_1 = value.metadata;
             output.id = value.id;
@@ -4561,7 +4699,7 @@ function encode$4 (type, ts) {
                     v = data$b;
                     tokens.push(v.visible);
                     queue(tokens);
-                    visibility(t, v.visible);
+                    visibility$1(t, v.visible);
                     reset$e();
                     break;
                 case 50 /* Event.Focus */: {
@@ -4914,6 +5052,14 @@ function queue(tokens, transmit) {
         check$2(playbackBytes);
     }
 }
+function flush() {
+    if (!active$1) {
+        return;
+    }
+    clearTimeout$1(timeout);
+    timeout = null;
+    upload(true);
+}
 function stop$f() {
     clearTimeout$1(timeout);
     upload(true);
@@ -6352,7 +6498,7 @@ function stop$5() {
     reset$2();
     reset$1();
     reset$4();
-    stop$L();
+    stop$M();
     status = false;
 }
 function active() {
@@ -6745,9 +6891,12 @@ var performance$1 = /*#__PURE__*/Object.freeze({
     stop: stop$1
 });
 
-var modules = [diagnostic, layout, interaction, performance$1, dynamic];
+var GEMX = [diagnostic, layout, interaction];
+var ALL = [diagnostic, layout, interaction, performance$1, dynamic];
+var modules = ALL;
 function start(config$1) {
     if (config$1 === void 0) { config$1 = null; }
+    modules = config$1.mode === "gemx" ? GEMX : ALL;
     // Check that browser supports required APIs and we do not attempt to start Clarity multiple times
     if (check()) {
         config(config$1);
@@ -6783,7 +6932,7 @@ function stop() {
     if (active()) {
         // Stop modules in the reverse order of their initialization and start queuing up items again
         modules.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
-        stop$C();
+        stop$D();
         stop$5();
         setup();
     }