@openreplay/tracker 3.5.16 → 3.5.17-beta.0

package/lib/modules/input.js

@@ -1,18 +1,18 @@
-import { normSpaces, IN_BROWSER, getLabelAttribute, hasOpenreplayAttribute, } from "../utils.js";
-import { hasTag } from "../app/guards.js";
-import { SetInputTarget, SetInputValue, SetInputChecked } from "../common/messages.js";
+import { normSpaces, IN_BROWSER, getLabelAttribute, hasOpenreplayAttribute } from '../utils.js';
+import { hasTag } from '../app/guards.js';
+import { SetInputTarget, SetInputValue, SetInputChecked } from '../common/messages.js';
 const INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date'];
 function isTextEditable(node) {
-    if (hasTag(node, "TEXTAREA")) {
+    if (hasTag(node, 'TEXTAREA')) {
         return true;
     }
-    if (!hasTag(node, "INPUT")) {
+    if (!hasTag(node, 'INPUT')) {
         return false;
     }
     return INPUT_TYPES.includes(node.type);
 }
 function isCheckable(node) {
-    if (!hasTag(node, "INPUT")) {
+    if (!hasTag(node, 'INPUT')) {
         return false;
     }
     const type = node.type;
@@ -22,7 +22,7 @@ const labelElementFor = IN_BROWSER && 'labels' in HTMLInputElement.prototype
     ? (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if (hasTag(p, "LABEL")) {
+            if (hasTag(p, 'LABEL')) {
                 return p;
             }
         }
@@ -34,7 +34,7 @@ const labelElementFor = IN_BROWSER && 'labels' in HTMLInputElement.prototype
     : (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if (hasTag(p, "LABEL")) {
+            if (hasTag(p, 'LABEL')) {
                 return p;
             }
         }
@@ -50,12 +50,13 @@ export function getInputLabel(node) {
     let label = getLabelAttribute(node);
     if (label === null) {
         const labelElement = labelElementFor(node);
-        label = (labelElement && labelElement.innerText)
-            || node.placeholder
-            || node.name
-            || node.id
-            || node.className
-            || node.type;
+        label =
+            (labelElement && labelElement.innerText) ||
+                node.placeholder ||
+                node.name ||
+                node.id ||
+                node.className ||
+                node.type;
     }
     return normSpaces(label).slice(0, 100);
 }
@@ -82,8 +83,7 @@ export default function (app, opts) {
             (inputMode === 0 /* Plain */ &&
                 ((options.obscureInputNumbers && node.type !== 'date' && /\d\d\d\d/.test(value)) ||
                     (options.obscureInputDates && node.type === 'date') ||
-                    (options.obscureInputEmails &&
-                        (node.type === 'email' || !!~value.indexOf('@')))))) {
+                    (options.obscureInputEmails && (node.type === 'email' || !!~value.indexOf('@')))))) {
             inputMode = 1 /* Obscured */;
         }
         let mask = 0;
@@ -146,9 +146,9 @@ export default function (app, opts) {
             return;
         }
         // TODO: support multiple select (?): use selectedOptions; Need send target?
-        if (hasTag(node, "SELECT")) {
+        if (hasTag(node, 'SELECT')) {
             sendInputValue(id, node);
-            app.attachEventListener(node, "change", () => {
+            app.attachEventListener(node, 'change', () => {
                 sendInputValue(id, node);
             });
         }

package/lib/modules/longtasks.d.ts

@@ -1,2 +1,2 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export default function (app: App): void;

package/lib/modules/longtasks.js

@@ -1,14 +1,22 @@
-import { LongTask } from "../common/messages.js";
-;
-;
+import { LongTask } from '../common/messages.js';
 export default function (app) {
     if (!('PerformanceObserver' in window) || !('PerformanceLongTaskTiming' in window)) {
         return;
     }
-    const contexts = ["unknown", "self", "same-origin-ancestor", "same-origin-descendant", "same-origin", "cross-origin-ancestor", "cross-origin-descendant", "cross-origin-unreachable", "multiple-contexts"];
-    const containerTypes = ["window", "iframe", "embed", "object"];
+    const contexts = [
+        'unknown',
+        'self',
+        'same-origin-ancestor',
+        'same-origin-descendant',
+        'same-origin',
+        'cross-origin-ancestor',
+        'cross-origin-descendant',
+        'cross-origin-unreachable',
+        'multiple-contexts',
+    ];
+    const containerTypes = ['window', 'iframe', 'embed', 'object'];
     function longTask(entry) {
-        let type = "", src = "", id = "", name = "";
+        let type = '', src = '', id = '', name = '';
         const container = entry.attribution[0];
         if (container != null) {
             type = container.containerType;

package/lib/modules/mouse.d.ts

@@ -1,2 +1,2 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export default function (app: App): void;

package/lib/modules/mouse.js

@@ -1,7 +1,7 @@
-import { hasTag, isSVGElement } from "../app/guards.js";
-import { normSpaces, hasOpenreplayAttribute, getLabelAttribute, } from "../utils.js";
-import { MouseMove, MouseClick } from "../common/messages.js";
-import { getInputLabel } from "./input.js";
+import { hasTag, isSVGElement } from '../app/guards.js';
+import { normSpaces, hasOpenreplayAttribute, getLabelAttribute } from '../utils.js';
+import { MouseMove, MouseClick } from '../common/messages.js';
+import { getInputLabel } from './input.js';
 function _getSelector(target) {
     let el = target;
     let selector = null;
@@ -10,9 +10,10 @@ function _getSelector(target) {
             return `#${el.id}` + (selector ? ` > ${selector}` : '');
         }
         selector =
-            el.className.split(' ')
-                .map(cn => cn.trim())
-                .filter(cn => cn !== '')
+            el.className
+                .split(' ')
+                .map((cn) => cn.trim())
+                .filter((cn) => cn !== '')
                 .reduce((sel, cn) => `${sel}.${cn}`, el.tagName.toLowerCase()) +
                 (selector ? ` > ${selector}` : '');
         if (el === document.body) {
@@ -24,12 +25,12 @@ function _getSelector(target) {
 }
 function isClickable(element) {
     const tag = element.tagName.toUpperCase();
-    return tag === 'BUTTON' ||
+    return (tag === 'BUTTON' ||
         tag === 'A' ||
         tag === 'LI' ||
         tag === 'SELECT' ||
         element.onclick != null ||
-        element.getAttribute('role') === 'button';
+        element.getAttribute('role') === 'button');
     //|| element.className.includes("btn")
     // MBTODO: intersect addEventListener
 }
@@ -64,8 +65,7 @@ function _getTarget(target) {
         if (tag === 'INPUT') {
             return element;
         }
-        if (isClickable(element) ||
-            getLabelAttribute(element) !== null) {
+        if (isClickable(element) || getLabelAttribute(element) !== null) {
             return element;
         }
         element = element.parentElement;
@@ -78,7 +78,7 @@ export default function (app) {
         if (dl !== null) {
             return dl;
         }
-        if (hasTag(target, "INPUT")) {
+        if (hasTag(target, 'INPUT')) {
             return getInputLabel(target);
         }
         if (isClickable(target)) {
@@ -110,7 +110,7 @@ export default function (app) {
     };
     const selectorMap = {};
     function getSelector(id, target) {
-        return selectorMap[id] = selectorMap[id] || _getSelector(target);
+        return (selectorMap[id] = selectorMap[id] || _getSelector(target));
     }
     app.attachEventListener(document.documentElement, 'mouseover', (e) => {
         const target = getTarget(e.target);
@@ -132,9 +132,7 @@ export default function (app) {
         const id = app.nodes.getID(target);
         if (id !== undefined) {
             sendMouseMove();
-            app.send(new MouseClick(id, mouseTarget === target
-                ? Math.round(performance.now() - mouseTargetTime)
-                : 0, getTargetLabel(target), getSelector(id, target)), true);
+            app.send(new MouseClick(id, mouseTarget === target ? Math.round(performance.now() - mouseTargetTime) : 0, getTargetLabel(target), getSelector(id, target)), true);
         }
         mouseTarget = null;
     });

package/lib/modules/performance.d.ts

@@ -1,4 +1,4 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export declare const deviceMemory: number;
 export declare const jsHeapSizeLimit: number;
 export interface Options {

package/lib/modules/performance.js

@@ -1,5 +1,5 @@
-import { IN_BROWSER } from "../utils.js";
-import { PerformanceTrack } from "../common/messages.js";
+import { IN_BROWSER } from '../utils.js';
+import { PerformanceTrack } from '../common/messages.js';
 const perf = IN_BROWSER && 'performance' in window && 'memory' in performance // works in Chrome only
     ? performance
     : { memory: {} };

package/lib/modules/scroll.d.ts

@@ -1,2 +1,2 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export default function (app: App): void;

package/lib/modules/scroll.js

@@ -1,5 +1,5 @@
-import { SetViewportScroll, SetNodeScroll } from "../common/messages.js";
-import { isElementNode } from "../app/guards.js";
+import { SetViewportScroll, SetNodeScroll } from '../common/messages.js';
+import { isElementNode } from '../app/guards.js';
 export default function (app) {
     let documentScroll = false;
     const nodeScroll = new Map();

package/lib/modules/timing.d.ts

@@ -1,4 +1,4 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export interface Options {
     captureResourceTimings: boolean;
     capturePageLoadTimings: boolean;

package/lib/modules/timing.js

@@ -1,6 +1,6 @@
-import { hasTag } from "../app/guards.js";
-import { isURL } from "../utils.js";
-import { ResourceTiming, PageLoadTiming, PageRenderTiming } from "../common/messages.js";
+import { hasTag } from '../app/guards.js';
+import { isURL } from '../utils.js';
+import { ResourceTiming, PageLoadTiming, PageRenderTiming } from '../common/messages.js';
 function getPaintBlocks(resources) {
     const paintBlocks = [];
     const elements = document.getElementsByTagName('*');
@@ -8,7 +8,7 @@ function getPaintBlocks(resources) {
     for (let i = 0; i < elements.length; i++) {
         const element = elements[i];
         let src = '';
-        if (hasTag(element, "IMG")) {
+        if (hasTag(element, 'IMG')) {
             src = element.currentSrc || element.src;
         }
         if (!src) {
@@ -34,9 +34,7 @@ function getPaintBlocks(resources) {
         const bottom = Math.min(rect.bottom, window.innerHeight ||
             (document.documentElement && document.documentElement.clientHeight) ||
             0);
-        const right = Math.min(rect.right, window.innerWidth ||
-            (document.documentElement && document.documentElement.clientWidth) ||
-            0);
+        const right = Math.min(rect.right, window.innerWidth || (document.documentElement && document.documentElement.clientWidth) || 0);
         if (bottom <= top || right <= left)
             continue;
         const area = (bottom - top) * (right - left);
@@ -46,8 +44,7 @@ function getPaintBlocks(resources) {
 }
 function calculateSpeedIndex(firstContentfulPaint, paintBlocks) {
     let a = (Math.max((document.documentElement && document.documentElement.clientWidth) || 0, window.innerWidth || 0) *
-        Math.max((document.documentElement && document.documentElement.clientHeight) ||
-            0, window.innerHeight || 0)) /
+        Math.max((document.documentElement && document.documentElement.clientHeight) || 0, window.innerHeight || 0)) /
         10;
     let s = a * firstContentfulPaint;
     for (let i = 0; i < paintBlocks.length; i++) {
@@ -76,16 +73,13 @@ export default function (app, opts) {
         if (resources !== null) {
             resources[entry.name] = entry.startTime + entry.duration;
         }
-        app.send(new ResourceTiming(entry.startTime + performance.timing.navigationStart, entry.duration, entry.responseStart && entry.startTime
-            ? entry.responseStart - entry.startTime
-            : 0, entry.transferSize > entry.encodedBodySize
-            ? entry.transferSize - entry.encodedBodySize
-            : 0, entry.encodedBodySize || 0, entry.decodedBodySize || 0, entry.name, entry.initiatorType));
+        app.send(new ResourceTiming(entry.startTime + performance.timing.navigationStart, entry.duration, entry.responseStart && entry.startTime ? entry.responseStart - entry.startTime : 0, entry.transferSize > entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0, entry.encodedBodySize || 0, entry.decodedBodySize || 0, entry.name, entry.initiatorType));
     }
     const observer = new PerformanceObserver((list) => list.getEntries().forEach(resourceTiming));
     let prevSessionID;
     app.attachStartCallback(function ({ sessionID }) {
-        if (sessionID !== prevSessionID) { // Send past page resources on a newly started session
+        if (sessionID !== prevSessionID) {
+            // Send past page resources on a newly started session
             performance.getEntriesByType('resource').forEach(resourceTiming);
             prevSessionID = sessionID;
         }
@@ -102,9 +96,7 @@ export default function (app, opts) {
                 return;
             }
             if (firstPaint === 0 || firstContentfulPaint === 0) {
-                performance
-                    .getEntriesByType('paint')
-                    .forEach((entry) => {
+                performance.getEntriesByType('paint').forEach((entry) => {
                     const { name, startTime } = entry;
                     switch (name) {
                         case 'first-paint':
@@ -142,23 +134,19 @@ export default function (app, opts) {
                 if (time - interactiveWindowTickTime > 50) {
                     interactiveWindowStartTime = time;
                 }
-                interactiveWindowTickTime =
-                    time - interactiveWindowStartTime > 5000 ? null : time;
+                interactiveWindowTickTime = time - interactiveWindowStartTime > 5000 ? null : time;
             }
-            if ((paintBlocks !== null && interactiveWindowTickTime === null) ||
-                time > 30000) {
+            if ((paintBlocks !== null && interactiveWindowTickTime === null) || time > 30000) {
                 pageRenderTimingSent = true;
                 resources = null;
                 const speedIndex = paintBlocks === null
                     ? 0
                     : calculateSpeedIndex(firstContentfulPaint || firstPaint, paintBlocks);
                 const timeToInteractive = interactiveWindowTickTime === null
-                    ? Math.max(interactiveWindowStartTime, firstContentfulPaint, performance.timing.domContentLoadedEventEnd -
-                        performance.timing.navigationStart || 0)
+                    ? Math.max(interactiveWindowStartTime, firstContentfulPaint, performance.timing.domContentLoadedEventEnd - performance.timing.navigationStart ||
+                        0)
                     : 0;
-                app.send(new PageRenderTiming(speedIndex, firstContentfulPaint > visuallyComplete
-                    ? firstContentfulPaint
-                    : visuallyComplete, timeToInteractive));
+                app.send(new PageRenderTiming(speedIndex, firstContentfulPaint > visuallyComplete ? firstContentfulPaint : visuallyComplete, timeToInteractive));
             }
         });
     }

package/lib/modules/viewport.d.ts

@@ -1,2 +1,2 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export default function (app: App): void;

package/lib/modules/viewport.js

@@ -1,4 +1,4 @@
-import { SetPageLocation, SetViewportSize, SetPageVisibility, } from "../common/messages.js";
+import { SetPageLocation, SetViewportSize, SetPageVisibility } from '../common/messages.js';
 export default function (app) {
     let url, width, height;
     let navigationStart = performance.timing.navigationStart;

package/lib/utils.js

@@ -11,25 +11,25 @@ export function normSpaces(str) {
 export function isURL(s) {
     return s.startsWith('https://') || s.startsWith('http://');
 }
-export const IN_BROWSER = !(typeof window === "undefined");
+export const IN_BROWSER = !(typeof window === 'undefined');
 // TODO: JOIN IT WITH LOGGER somehow (use logging decorators?); Don't forget about index.js loggin when there is no logger instance.
 export const DOCS_HOST = 'https://docs.openreplay.com';
 const warnedFeatures = {};
-export function deprecationWarn(nameOfFeature, useInstead, docsPath = "/") {
+export function deprecationWarn(nameOfFeature, useInstead, docsPath = '/') {
     if (warnedFeatures[nameOfFeature]) {
         return;
     }
-    console.warn(`OpenReplay: ${nameOfFeature} is deprecated. ${useInstead ? `Please, use ${useInstead} instead.` : ""} Visit ${DOCS_HOST}${docsPath} for more information.`);
+    console.warn(`OpenReplay: ${nameOfFeature} is deprecated. ${useInstead ? `Please, use ${useInstead} instead.` : ''} Visit ${DOCS_HOST}${docsPath} for more information.`);
     warnedFeatures[nameOfFeature] = true;
 }
 export function getLabelAttribute(e) {
-    let value = e.getAttribute("data-openreplay-label");
+    let value = e.getAttribute('data-openreplay-label');
     if (value !== null) {
         return value;
     }
-    value = e.getAttribute("data-asayer-label");
+    value = e.getAttribute('data-asayer-label');
     if (value !== null) {
-        deprecationWarn(`"data-asayer-label" attribute`, `"data-openreplay-label" attribute`, "/");
+        deprecationWarn('"data-asayer-label" attribute', '"data-openreplay-label" attribute', '/');
     }
     return value;
 }
@@ -40,7 +40,7 @@ export function hasOpenreplayAttribute(e, name) {
     }
     const oldName = `data-asayer-${name}`;
     if (e.hasAttribute(oldName)) {
-        deprecationWarn(`"${oldName}" attribute`, `"${newName}" attribute`, "/installation/sanitize-data");
+        deprecationWarn(`"${oldName}" attribute`, `"${newName}" attribute`, '/installation/sanitize-data');
         return true;
     }
     return false;