@openreplay/tracker 3.6.3 → 3.6.6

package/cjs/index.js

@@ -27,17 +27,18 @@ function processOptions(obj) {
     }
     if (typeof obj.projectKey !== 'string') {
         if (typeof obj.projectKey !== 'number') {
-            if (typeof obj.projectID !== 'number') { // Back compatability
+            if (typeof obj.projectID !== 'number') {
+                // Back compatability
                 console.error(`OpenReplay: projectKey is missing or wrong type (string is expected). Please, check ${utils_js_1.DOCS_HOST}${DOCS_SETUP} for more information.`);
                 return false;
             }
             else {
                 obj.projectKey = obj.projectID.toString();
-                (0, utils_js_1.deprecationWarn)("`projectID` option", "`projectKey` option", DOCS_SETUP);
+                (0, utils_js_1.deprecationWarn)('`projectID` option', '`projectKey` option', DOCS_SETUP);
             }
         }
         else {
-            console.warn("OpenReplay: projectKey is expected to have a string type.");
+            console.warn('OpenReplay: projectKey is expected to have a string type.');
             obj.projectKey = obj.projectKey.toString();
         }
     }
@@ -69,28 +70,29 @@ class API {
             return;
         }
         if (window.__OPENREPLAY__) {
-            console.error("OpenReplay: one tracker instance has been initialised already");
+            console.error('OpenReplay: one tracker instance has been initialised already');
             return;
         }
         if (!options.__DISABLE_SECURE_MODE && location.protocol !== 'https:') {
-            console.error("OpenReplay: Your website must be publicly accessible and running on SSL in order for OpenReplay to properly capture and replay the user session. You can disable this check by setting `__DISABLE_SECURE_MODE` option to `true` if you are testing in localhost. Keep in mind, that asset files on a local machine are not available to the outside world. This might affect tracking if you use css files.");
+            console.error('OpenReplay: Your website must be publicly accessible and running on SSL in order for OpenReplay to properly capture and replay the user session. You can disable this check by setting `__DISABLE_SECURE_MODE` option to `true` if you are testing in localhost. Keep in mind, that asset files on a local machine are not available to the outside world. This might affect tracking if you use css files.');
             return;
         }
         const doNotTrack = options.respectDoNotTrack &&
-            (navigator.doNotTrack == '1'
+            (navigator.doNotTrack == '1' ||
                 // @ts-ignore
-                || window.doNotTrack == '1');
-        const app = this.app = doNotTrack ||
-            !('Map' in window) ||
-            !('Set' in window) ||
-            !('MutationObserver' in window) ||
-            !('performance' in window) ||
-            !('timing' in performance) ||
-            !('startsWith' in String.prototype) ||
-            !('Blob' in window) ||
-            !('Worker' in window)
-            ? null
-            : new index_js_1.default(options.projectKey, options.sessionToken, options);
+                window.doNotTrack == '1');
+        const app = (this.app =
+            doNotTrack ||
+                !('Map' in window) ||
+                !('Set' in window) ||
+                !('MutationObserver' in window) ||
+                !('performance' in window) ||
+                !('timing' in performance) ||
+                !('startsWith' in String.prototype) ||
+                !('Blob' in window) ||
+                !('Worker' in window)
+                ? null
+                : new index_js_1.default(options.projectKey, options.sessionToken, options));
         if (app !== null) {
             (0, viewport_js_1.default)(app);
             (0, cssrules_js_1.default)(app);
@@ -123,11 +125,11 @@ class API {
             console.log("OpenReplay: browser doesn't support API required for tracking or doNotTrack is set to 1.");
             const req = new XMLHttpRequest();
             const orig = options.ingestPoint || index_js_1.DEFAULT_INGEST_POINT;
-            req.open("POST", orig + "/v1/web/not-started");
+            req.open('POST', orig + '/v1/web/not-started');
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '3.6.3',
+                trackerVersion: '3.6.6',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -146,7 +148,7 @@ class API {
     start(startOpts) {
         if (!utils_js_1.IN_BROWSER) {
             console.error(`OpenReplay: you are trying to start Tracker on a node.js environment. If you want to use OpenReplay with SSR, please, use componentDidMount or useEffect API for placing the \`tracker.start()\` line. Check documentation on ${utils_js_1.DOCS_HOST}${DOCS_SETUP}`);
-            return Promise.reject("Trying to start not in browser.");
+            return Promise.reject('Trying to start not in browser.');
         }
         if (this.app === null) {
             return Promise.reject("Browser doesn't support required api, or doNotTrack is active.");
@@ -173,16 +175,22 @@ class API {
         return this.app.getSessionID();
     }
     sessionID() {
-        (0, utils_js_1.deprecationWarn)("'sessionID' method", "'getSessionID' method", "/");
+        (0, utils_js_1.deprecationWarn)("'sessionID' method", "'getSessionID' method", '/');
         return this.getSessionID();
     }
+    getSessionURL() {
+        if (this.app === null) {
+            return undefined;
+        }
+        return this.app.getSessionURL();
+    }
     setUserID(id) {
         if (typeof id === 'string' && this.app !== null) {
             this.app.session.setUserID(id);
         }
     }
     userID(id) {
-        (0, utils_js_1.deprecationWarn)("'userID' method", "'setUserID' method", "/");
+        (0, utils_js_1.deprecationWarn)("'userID' method", "'setUserID' method", '/');
         this.setUserID(id);
     }
     setUserAnonymousID(id) {
@@ -191,18 +199,16 @@ class API {
         }
     }
     userAnonymousID(id) {
-        (0, utils_js_1.deprecationWarn)("'userAnonymousID' method", "'setUserAnonymousID' method", "/");
+        (0, utils_js_1.deprecationWarn)("'userAnonymousID' method", "'setUserAnonymousID' method", '/');
         this.setUserAnonymousID(id);
     }
     setMetadata(key, value) {
-        if (typeof key === 'string' &&
-            typeof value === 'string' &&
-            this.app !== null) {
+        if (typeof key === 'string' && typeof value === 'string' && this.app !== null) {
             this.app.session.setMetadata(key, value);
         }
     }
     metadata(key, value) {
-        (0, utils_js_1.deprecationWarn)("'metadata' method", "'setMetadata' method", "/");
+        (0, utils_js_1.deprecationWarn)("'metadata' method", "'setMetadata' method", '/');
         this.setMetadata(key, value);
     }
     event(key, payload, issue = false) {

package/cjs/modules/connection.d.ts

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

package/cjs/modules/console.d.ts

@@ -1,4 +1,4 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export interface Options {
     consoleMethods: Array<string> | null;
     consoleThrottling: number;

package/cjs/modules/console.js

@@ -89,8 +89,7 @@ function default_1(app, opts) {
         consoleMethods,
         consoleThrottling: 30,
     }, opts);
-    if (!Array.isArray(options.consoleMethods) ||
-        options.consoleMethods.length === 0) {
+    if (!Array.isArray(options.consoleMethods) || options.consoleMethods.length === 0) {
         return;
     }
     const sendConsoleLog = app.safe((level, args) => app.send(new messages_js_1.ConsoleLog(level, printf(args))));
@@ -115,13 +114,14 @@ function default_1(app, opts) {
         };
     });
     patchConsole(window.console);
-    app.nodes.attachNodeCallback(app.safe(node => {
-        if ((0, guards_js_1.hasTag)(node, "IFRAME")) { // TODO: newContextCallback
+    app.nodes.attachNodeCallback(app.safe((node) => {
+        if ((0, guards_js_1.hasTag)(node, 'IFRAME')) {
+            // TODO: newContextCallback
             let context = node.contentWindow;
             if (context) {
                 patchConsole(context.console);
             }
-            app.attachEventListener(node, "load", () => {
+            app.attachEventListener(node, 'load', () => {
                 if (node.contentWindow !== context) {
                     context = node.contentWindow;
                     patchConsole(context.console);

package/cjs/modules/cssrules.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 | null): void;

package/cjs/modules/cssrules.js

@@ -7,7 +7,7 @@ function default_1(app) {
         return;
     }
     if (!window.CSSStyleSheet) {
-        app.send(new messages_js_1.TechnicalInfo("no_stylesheet_prototype_in_window", ""));
+        app.send(new messages_js_1.TechnicalInfo('no_stylesheet_prototype_in_window', ''));
         return;
     }
     const processOperation = app.safe((stylesheet, index, rule) => {
@@ -16,7 +16,7 @@ function default_1(app) {
             : (nodeID) => app.send(new messages_js_1.CSSDeleteRule(nodeID, index));
         // TODO: Extend messages to maintain nested rules (CSSGroupingRule prototype, as well as CSSKeyframesRule)
         if (stylesheet.ownerNode == null) {
-            throw new Error("Owner Node not found");
+            throw new Error('Owner Node not found');
         }
         const nodeID = app.nodes.getID(stylesheet.ownerNode);
         if (nodeID !== undefined) {
@@ -33,7 +33,7 @@ function default_1(app) {
         return deleteRule.call(this, index);
     };
     app.nodes.attachNodeCallback((node) => {
-        if (!(0, guards_js_1.hasTag)(node, "STYLE") || !node.sheet) {
+        if (!(0, guards_js_1.hasTag)(node, 'STYLE') || !node.sheet) {
             return;
         }
         if (node.textContent !== null && node.textContent.trim().length > 0) {

package/cjs/modules/exception.d.ts

@@ -1,5 +1,5 @@
-import type App from "../app/index.js";
-import type Message from "../common/messages.js";
+import type App from '../app/index.js';
+import type Message from '../common/messages.js';
 export interface Options {
     captureExceptions: boolean;
 }

package/cjs/modules/exception.js

@@ -4,21 +4,22 @@ exports.getExceptionMessageFromEvent = exports.getExceptionMessage = void 0;
 const messages_js_1 = require("../common/messages.js");
 const error_stack_parser_1 = require("error-stack-parser");
 function getDefaultStack(e) {
-    return [{
+    return [
+        {
             columnNumber: e.colno,
             lineNumber: e.lineno,
             fileName: e.filename,
-            functionName: "",
-            source: "",
-        }];
+            functionName: '',
+            source: '',
+        },
+    ];
 }
 function getExceptionMessage(error, fallbackStack) {
     let stack = fallbackStack;
     try {
         stack = error_stack_parser_1.default.parse(error);
     }
-    catch (e) {
-    }
+    catch (e) { }
     return new messages_js_1.JSException(error.name, error.message, JSON.stringify(stack));
 }
 exports.getExceptionMessage = getExceptionMessage;

package/cjs/modules/img.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/cjs/modules/img.js

@@ -18,16 +18,16 @@ function resolveURL(url, location = document.location) {
         return location.origin + location.pathname + url;
     }
 }
-const PLACEHOLDER_SRC = "https://static.openreplay.com/tracker/placeholder.jpeg";
+const PLACEHOLDER_SRC = 'https://static.openreplay.com/tracker/placeholder.jpeg';
 function default_1(app) {
     function sendPlaceholder(id, node) {
-        app.send(new messages_js_1.SetNodeAttribute(id, "src", PLACEHOLDER_SRC));
+        app.send(new messages_js_1.SetNodeAttribute(id, 'src', PLACEHOLDER_SRC));
         const { width, height } = node.getBoundingClientRect();
-        if (!node.hasAttribute("width")) {
-            app.send(new messages_js_1.SetNodeAttribute(id, "width", String(width)));
+        if (!node.hasAttribute('width')) {
+            app.send(new messages_js_1.SetNodeAttribute(id, 'width', String(width)));
         }
-        if (!node.hasAttribute("height")) {
-            app.send(new messages_js_1.SetNodeAttribute(id, "height", String(height)));
+        if (!node.hasAttribute('height')) {
+            app.send(new messages_js_1.SetNodeAttribute(id, 'height', String(height)));
         }
     }
     const sendImgSrc = app.safe(function () {
@@ -51,24 +51,27 @@ function default_1(app) {
         else {
             app.send(new messages_js_1.SetNodeAttribute(id, 'src', resolvedSrc));
             if (srcset) {
-                const resolvedSrcset = srcset.split(',').map(str => resolveURL(str)).join(',');
+                const resolvedSrcset = srcset
+                    .split(',')
+                    .map((str) => resolveURL(str))
+                    .join(',');
                 app.send(new messages_js_1.SetNodeAttribute(id, 'srcset', resolvedSrcset));
             }
         }
     });
     const observer = new MutationObserver((mutations) => {
         for (const mutation of mutations) {
-            if (mutation.type === "attributes") {
+            if (mutation.type === 'attributes') {
                 const target = mutation.target;
                 const id = app.nodes.getID(target);
                 if (id === undefined) {
                     return;
                 }
-                if (mutation.attributeName === "src") {
+                if (mutation.attributeName === 'src') {
                     const src = target.src;
                     app.send(new messages_js_1.SetNodeAttributeURLBased(id, 'src', src, app.getBaseHref()));
                 }
-                if (mutation.attributeName === "srcset") {
+                if (mutation.attributeName === 'srcset') {
                     const srcset = target.srcset;
                     app.send(new messages_js_1.SetNodeAttribute(id, 'srcset', srcset));
                 }
@@ -76,13 +79,13 @@ function default_1(app) {
         }
     });
     app.nodes.attachNodeCallback((node) => {
-        if (!(0, guards_js_1.hasTag)(node, "IMG")) {
+        if (!(0, guards_js_1.hasTag)(node, 'IMG')) {
             return;
         }
         app.nodes.attachElementListener('error', node, sendImgSrc);
         app.nodes.attachElementListener('load', node, sendImgSrc);
         sendImgSrc.call(node);
-        observer.observe(node, { attributes: true, attributeFilter: ["src", "srcset"] });
+        observer.observe(node, { attributes: true, attributeFilter: ['src', 'srcset'] });
     });
 }
 exports.default = default_1;

package/cjs/modules/input.d.ts

@@ -1,4 +1,4 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 declare type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
 export declare function getInputLabel(node: TextEditableElement): string;
 export declare const enum InputMode {

package/cjs/modules/input.js

@@ -6,16 +6,16 @@ const guards_js_1 = require("../app/guards.js");
 const messages_js_1 = require("../common/messages.js");
 const INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date'];
 function isTextEditable(node) {
-    if ((0, guards_js_1.hasTag)(node, "TEXTAREA")) {
+    if ((0, guards_js_1.hasTag)(node, 'TEXTAREA')) {
         return true;
     }
-    if (!(0, guards_js_1.hasTag)(node, "INPUT")) {
+    if (!(0, guards_js_1.hasTag)(node, 'INPUT')) {
         return false;
     }
     return INPUT_TYPES.includes(node.type);
 }
 function isCheckable(node) {
-    if (!(0, guards_js_1.hasTag)(node, "INPUT")) {
+    if (!(0, guards_js_1.hasTag)(node, 'INPUT')) {
         return false;
     }
     const type = node.type;
@@ -25,7 +25,7 @@ const labelElementFor = utils_js_1.IN_BROWSER && 'labels' in HTMLInputElement.pr
     ? (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if ((0, guards_js_1.hasTag)(p, "LABEL")) {
+            if ((0, guards_js_1.hasTag)(p, 'LABEL')) {
                 return p;
             }
         }
@@ -37,7 +37,7 @@ const labelElementFor = utils_js_1.IN_BROWSER && 'labels' in HTMLInputElement.pr
     : (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if ((0, guards_js_1.hasTag)(p, "LABEL")) {
+            if ((0, guards_js_1.hasTag)(p, 'LABEL')) {
                 return p;
             }
         }
@@ -53,12 +53,13 @@ function getInputLabel(node) {
     let label = (0, utils_js_1.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 (0, utils_js_1.normSpaces)(label).slice(0, 100);
 }
@@ -86,8 +87,7 @@ function default_1(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;
@@ -150,9 +150,9 @@ function default_1(app, opts) {
             return;
         }
         // TODO: support multiple select (?): use selectedOptions; Need send target?
-        if ((0, guards_js_1.hasTag)(node, "SELECT")) {
+        if ((0, guards_js_1.hasTag)(node, 'SELECT')) {
             sendInputValue(id, node);
-            app.attachEventListener(node, "change", () => {
+            app.attachEventListener(node, 'change', () => {
                 sendInputValue(id, node);
             });
         }

package/cjs/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/cjs/modules/longtasks.js

@@ -1,16 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const messages_js_1 = require("../common/messages.js");
-;
-;
 function default_1(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/cjs/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/cjs/modules/mouse.js

@@ -12,9 +12,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) {
@@ -26,12 +27,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
 }
@@ -66,8 +67,7 @@ function _getTarget(target) {
         if (tag === 'INPUT') {
             return element;
         }
-        if (isClickable(element) ||
-            (0, utils_js_1.getLabelAttribute)(element) !== null) {
+        if (isClickable(element) || (0, utils_js_1.getLabelAttribute)(element) !== null) {
             return element;
         }
         element = element.parentElement;
@@ -80,7 +80,7 @@ function default_1(app) {
         if (dl !== null) {
             return dl;
         }
-        if ((0, guards_js_1.hasTag)(target, "INPUT")) {
+        if ((0, guards_js_1.hasTag)(target, 'INPUT')) {
             return (0, input_js_1.getInputLabel)(target);
         }
         if (isClickable(target)) {
@@ -112,7 +112,7 @@ function default_1(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);
@@ -134,9 +134,7 @@ function default_1(app) {
         const id = app.nodes.getID(target);
         if (id !== undefined) {
             sendMouseMove();
-            app.send(new messages_js_1.MouseClick(id, mouseTarget === target
-                ? Math.round(performance.now() - mouseTargetTime)
-                : 0, getTargetLabel(target), getSelector(id, target)), true);
+            app.send(new messages_js_1.MouseClick(id, mouseTarget === target ? Math.round(performance.now() - mouseTargetTime) : 0, getTargetLabel(target), getSelector(id, target)), true);
         }
         mouseTarget = null;
     });

package/cjs/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/cjs/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/cjs/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/cjs/modules/timing.js

@@ -10,7 +10,7 @@ function getPaintBlocks(resources) {
     for (let i = 0; i < elements.length; i++) {
         const element = elements[i];
         let src = '';
-        if ((0, guards_js_1.hasTag)(element, "IMG")) {
+        if ((0, guards_js_1.hasTag)(element, 'IMG')) {
             src = element.currentSrc || element.src;
         }
         if (!src) {
@@ -36,9 +36,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);
@@ -48,8 +46,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++) {
@@ -78,16 +75,13 @@ function default_1(app, opts) {
         if (resources !== null) {
             resources[entry.name] = entry.startTime + entry.duration;
         }
-        app.send(new messages_js_1.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 messages_js_1.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;
         }
@@ -104,9 +98,7 @@ function default_1(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':
@@ -144,23 +136,19 @@ function default_1(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 messages_js_1.PageRenderTiming(speedIndex, firstContentfulPaint > visuallyComplete
-                    ? firstContentfulPaint
-                    : visuallyComplete, timeToInteractive));
+                app.send(new messages_js_1.PageRenderTiming(speedIndex, firstContentfulPaint > visuallyComplete ? firstContentfulPaint : visuallyComplete, timeToInteractive));
             }
         });
     }

package/cjs/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;