@openreplay/tracker 3.5.17-beta.0 → 3.6.0-beta.0

package/cjs/modules/adoptedStyleSheets.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const messages_gen_js_1 = require("../app/messages.gen.js");
+const guards_js_1 = require("../app/guards.js");
+function hasAdoptedSS(node) {
+    return ((0, guards_js_1.isRootNode)(node) &&
+        // @ts-ignore
+        typeof node.adoptedStyleSheets !== 'undefined');
+}
+function default_1(app) {
+    if (app === null) {
+        return;
+    }
+    if (!hasAdoptedSS(document)) {
+        app.attachStartCallback(() => {
+            // MBTODO: pre-start sendQueue app
+            app.send((0, messages_gen_js_1.TechnicalInfo)('no_adopted_stylesheets', ''));
+        });
+        return;
+    }
+    let nextID = 0xf;
+    const styleSheetIDMap = new Map();
+    const adoptedStyleSheetsOwnings = new Map();
+    const updateAdoptedStyleSheets = (root) => {
+        let nodeID = app.nodes.getID(root);
+        if (root === document) {
+            nodeID = 0; // main document doesn't have nodeID. ID count starts from the documentElement
+        }
+        if (!nodeID) {
+            return;
+        }
+        let pastOwning = adoptedStyleSheetsOwnings.get(nodeID);
+        if (!pastOwning) {
+            pastOwning = [];
+        }
+        const nowOwning = [];
+        const styleSheets = root.adoptedStyleSheets;
+        for (const s of styleSheets) {
+            let sheetID = styleSheetIDMap.get(s);
+            const init = !sheetID;
+            if (!sheetID) {
+                sheetID = ++nextID;
+            }
+            nowOwning.push(sheetID);
+            if (!pastOwning.includes(sheetID)) {
+                app.send((0, messages_gen_js_1.AdoptedSSAddOwner)(sheetID, nodeID));
+            }
+            if (init) {
+                const rules = s.cssRules;
+                for (let i = 0; i < rules.length; i++) {
+                    app.send((0, messages_gen_js_1.AdoptedSSInsertRuleURLBased)(sheetID, rules[i].cssText, i, app.getBaseHref()));
+                }
+            }
+        }
+        for (const sheetID of pastOwning) {
+            if (!nowOwning.includes(sheetID)) {
+                app.send((0, messages_gen_js_1.AdoptedSSRemoveOwner)(sheetID, nodeID));
+            }
+        }
+        adoptedStyleSheetsOwnings.set(nodeID, nowOwning);
+    };
+    function patchAdoptedStyleSheets(prototype) {
+        const nativeAdoptedStyleSheetsDescriptor = Object.getOwnPropertyDescriptor(prototype, 'adoptedStyleSheets');
+        if (nativeAdoptedStyleSheetsDescriptor) {
+            Object.defineProperty(prototype, 'adoptedStyleSheets', Object.assign(Object.assign({}, nativeAdoptedStyleSheetsDescriptor), { set: function (value) {
+                    // @ts-ignore
+                    const retVal = nativeAdoptedStyleSheetsDescriptor.set.call(this, value);
+                    updateAdoptedStyleSheets(this);
+                    return retVal;
+                } }));
+        }
+    }
+    const patchContext = (context) => {
+        patchAdoptedStyleSheets(context.Document.prototype);
+        patchAdoptedStyleSheets(context.ShadowRoot.prototype);
+        //@ts-ignore TODO: configure ts (use necessary lib)
+        const { insertRule, deleteRule, replace, replaceSync } = context.CSSStyleSheet.prototype;
+        //@ts-ignore
+        context.CSSStyleSheet.prototype.replace = function (text) {
+            return replace.call(this, text).then((sheet) => {
+                const sheetID = styleSheetIDMap.get(this);
+                if (sheetID) {
+                    app.send((0, messages_gen_js_1.AdoptedSSReplaceURLBased)(sheetID, text, app.getBaseHref()));
+                }
+                return sheet;
+            });
+        };
+        //@ts-ignore
+        context.CSSStyleSheet.prototype.replaceSync = function (text) {
+            const sheetID = styleSheetIDMap.get(this);
+            if (sheetID) {
+                app.send((0, messages_gen_js_1.AdoptedSSReplaceURLBased)(sheetID, text, app.getBaseHref()));
+            }
+            return replaceSync.call(this, text);
+        };
+        context.CSSStyleSheet.prototype.insertRule = function (rule, index = 0) {
+            const sheetID = styleSheetIDMap.get(this);
+            if (sheetID) {
+                app.send((0, messages_gen_js_1.AdoptedSSInsertRuleURLBased)(sheetID, rule, index, app.getBaseHref()));
+            }
+            return insertRule.call(this, rule, index);
+        };
+        context.CSSStyleSheet.prototype.deleteRule = function (index) {
+            const sheetID = styleSheetIDMap.get(this);
+            if (sheetID) {
+                app.send((0, messages_gen_js_1.AdoptedSSDeleteRule)(sheetID, index));
+            }
+            return deleteRule.call(this, index);
+        };
+    };
+    patchContext(window);
+    app.observer.attachContextCallback(patchContext);
+    app.attachStopCallback(() => {
+        styleSheetIDMap.clear();
+        adoptedStyleSheetsOwnings.clear();
+    });
+    // So far main Document is not triggered with nodeCallbacks
+    app.attachStartCallback(() => {
+        updateAdoptedStyleSheets(document);
+    });
+    app.nodes.attachNodeCallback((node) => {
+        if (hasAdoptedSS(node)) {
+            updateAdoptedStyleSheets(node);
+        }
+    });
+}
+exports.default = default_1;

package/cjs/modules/connection.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const messages_js_1 = require("../common/messages.js");
+const messages_gen_js_1 = require("../app/messages.gen.js");
 function default_1(app) {
     const connection = navigator.connection ||
         navigator.mozConnection ||
@@ -8,7 +8,7 @@ function default_1(app) {
     if (connection === undefined) {
         return;
     }
-    const sendConnectionInformation = () => app.send(new messages_js_1.ConnectionInformation(Math.round(connection.downlink * 1000), connection.type || 'unknown'));
+    const sendConnectionInformation = () => app.send((0, messages_gen_js_1.ConnectionInformation)(Math.round(connection.downlink * 1000), connection.type || 'unknown'));
     sendConnectionInformation();
     connection.addEventListener('change', sendConnectionInformation);
 }

package/cjs/modules/console.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const guards_js_1 = require("../app/guards.js");
 const utils_js_1 = require("../utils.js");
-const messages_js_1 = require("../common/messages.js");
+const messages_gen_js_1 = require("../app/messages.gen.js");
 const printError = utils_js_1.IN_BROWSER && 'InstallTrigger' in window // detect Firefox
     ? (e) => e.message + '\n' + e.stack
     : (e) => e.stack || e.message;
@@ -92,7 +91,7 @@ function default_1(app, opts) {
     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))));
+    const sendConsoleLog = app.safe((level, args) => app.send((0, messages_gen_js_1.ConsoleLog)(level, printf(args))));
     let n;
     const reset = () => {
         n = 0;
@@ -101,7 +100,7 @@ function default_1(app, opts) {
     app.ticker.attach(reset, 33, false);
     const patchConsole = (console) => options.consoleMethods.forEach((method) => {
         if (consoleMethods.indexOf(method) === -1) {
-            console.error(`OpenReplay: unsupported console method "${method}"`);
+            app.debug.error(`OpenReplay: unsupported console method "${method}"`);
             return;
         }
         const fn = console[method];
@@ -113,21 +112,8 @@ function default_1(app, opts) {
             sendConsoleLog(method, args);
         };
     });
-    patchConsole(window.console);
-    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', () => {
-                if (node.contentWindow !== context) {
-                    context = node.contentWindow;
-                    patchConsole(context.console);
-                }
-            });
-        }
-    }));
+    const patchContext = app.safe((context) => patchConsole(context.console));
+    patchContext(window);
+    app.observer.attachContextCallback(patchContext);
 }
 exports.default = default_1;

package/cjs/modules/cssrules.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const messages_js_1 = require("../common/messages.js");
+const messages_gen_js_1 = require("../app/messages.gen.js");
 const guards_js_1 = require("../app/guards.js");
 function default_1(app) {
     if (app === null) {
         return;
     }
     if (!window.CSSStyleSheet) {
-        app.send(new messages_js_1.TechnicalInfo('no_stylesheet_prototype_in_window', ''));
+        app.send((0, messages_gen_js_1.TechnicalInfo)('no_stylesheet_prototype_in_window', ''));
         return;
     }
     const processOperation = app.safe((stylesheet, index, rule) => {
         const sendMessage = typeof rule === 'string'
-            ? (nodeID) => app.send(new messages_js_1.CSSInsertRuleURLBased(nodeID, rule, index, app.getBaseHref()))
-            : (nodeID) => app.send(new messages_js_1.CSSDeleteRule(nodeID, index));
+            ? (nodeID) => app.send((0, messages_gen_js_1.CSSInsertRuleURLBased)(nodeID, rule, index, app.getBaseHref()))
+            : (nodeID) => app.send((0, messages_gen_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');
@@ -23,15 +23,19 @@ function default_1(app) {
             sendMessage(nodeID);
         } // else error?
     });
-    const { insertRule, deleteRule } = CSSStyleSheet.prototype;
-    CSSStyleSheet.prototype.insertRule = function (rule, index = 0) {
-        processOperation(this, index, rule);
-        return insertRule.call(this, rule, index);
-    };
-    CSSStyleSheet.prototype.deleteRule = function (index) {
-        processOperation(this, index);
-        return deleteRule.call(this, index);
+    const patchContext = (context) => {
+        const { insertRule, deleteRule } = context.CSSStyleSheet.prototype;
+        context.CSSStyleSheet.prototype.insertRule = function (rule, index = 0) {
+            processOperation(this, index, rule);
+            return insertRule.call(this, rule, index);
+        };
+        context.CSSStyleSheet.prototype.deleteRule = function (index) {
+            processOperation(this, index);
+            return deleteRule.call(this, index);
+        };
     };
+    patchContext(window);
+    app.observer.attachContextCallback(patchContext);
     app.nodes.attachNodeCallback((node) => {
         if (!(0, guards_js_1.hasTag)(node, 'STYLE') || !node.sheet) {
             return;

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 Message from '../app/messages.gen.js';
 export interface Options {
     captureExceptions: boolean;
 }
@@ -11,6 +11,6 @@ interface StackFrame {
     source?: string;
 }
 export declare function getExceptionMessage(error: Error, fallbackStack: Array<StackFrame>): Message;
-export declare function getExceptionMessageFromEvent(e: ErrorEvent | PromiseRejectionEvent): Message | null;
+export declare function getExceptionMessageFromEvent(e: ErrorEvent | PromiseRejectionEvent, context?: typeof globalThis): Message | null;
 export default function (app: App, opts: Partial<Options>): void;
 export {};

package/cjs/modules/exception.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getExceptionMessageFromEvent = exports.getExceptionMessage = void 0;
-const messages_js_1 = require("../common/messages.js");
+const messages_gen_js_1 = require("../app/messages.gen.js");
 const error_stack_parser_1 = require("error-stack-parser");
 function getDefaultStack(e) {
     return [
@@ -20,10 +20,10 @@ function getExceptionMessage(error, fallbackStack) {
         stack = error_stack_parser_1.default.parse(error);
     }
     catch (e) { }
-    return new messages_js_1.JSException(error.name, error.message, JSON.stringify(stack));
+    return (0, messages_gen_js_1.JSException)(error.name, error.message, JSON.stringify(stack));
 }
 exports.getExceptionMessage = getExceptionMessage;
-function getExceptionMessageFromEvent(e) {
+function getExceptionMessageFromEvent(e, context = window) {
     if (e instanceof ErrorEvent) {
         if (e.error instanceof Error) {
             return getExceptionMessage(e.error, getDefaultStack(e));
@@ -34,10 +34,10 @@ function getExceptionMessageFromEvent(e) {
                 name = 'Error';
                 message = e.message;
             }
-            return new messages_js_1.JSException(name, message, JSON.stringify(getDefaultStack(e)));
+            return (0, messages_gen_js_1.JSException)(name, message, JSON.stringify(getDefaultStack(e)));
         }
     }
-    else if ('PromiseRejectionEvent' in window && e instanceof PromiseRejectionEvent) {
+    else if ('PromiseRejectionEvent' in context && e instanceof context.PromiseRejectionEvent) {
         if (e.reason instanceof Error) {
             return getExceptionMessage(e.reason, []);
         }
@@ -49,7 +49,7 @@ function getExceptionMessageFromEvent(e) {
             catch (_) {
                 message = String(e.reason);
             }
-            return new messages_js_1.JSException('Unhandled Promise Rejection', message, '[]');
+            return (0, messages_gen_js_1.JSException)('Unhandled Promise Rejection', message, '[]');
         }
     }
     return null;
@@ -60,14 +60,18 @@ function default_1(app, opts) {
         captureExceptions: true,
     }, opts);
     if (options.captureExceptions) {
-        const handler = (e) => {
-            const msg = getExceptionMessageFromEvent(e);
-            if (msg != null) {
-                app.send(msg);
-            }
-        };
-        app.attachEventListener(window, 'unhandledrejection', (e) => handler(e));
-        app.attachEventListener(window, 'error', (e) => handler(e));
+        function patchContext(context) {
+            const handler = (e) => {
+                const msg = getExceptionMessageFromEvent(e, context);
+                if (msg != null) {
+                    app.send(msg);
+                }
+            };
+            app.attachEventListener(context, 'unhandledrejection', handler);
+            app.attachEventListener(context, 'error', handler);
+        }
+        app.observer.attachContextCallback(patchContext);
+        patchContext(window);
     }
 }
 exports.default = default_1;

package/cjs/modules/img.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_js_1 = require("../utils.js");
-const messages_js_1 = require("../common/messages.js");
+const messages_gen_js_1 = require("../app/messages.gen.js");
 const guards_js_1 = require("../app/guards.js");
 function resolveURL(url, location = document.location) {
     url = url.trim();
@@ -21,16 +21,31 @@ function resolveURL(url, location = document.location) {
 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((0, messages_gen_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)));
+            app.send((0, messages_gen_js_1.SetNodeAttribute)(id, 'width', String(width)));
         }
         if (!node.hasAttribute('height')) {
-            app.send(new messages_js_1.SetNodeAttribute(id, 'height', String(height)));
+            app.send((0, messages_gen_js_1.SetNodeAttribute)(id, 'height', String(height)));
         }
     }
-    const sendImgSrc = app.safe(function () {
+    const sendSrcset = function (id, img) {
+        const { srcset } = img;
+        if (!srcset) {
+            return;
+        }
+        const resolvedSrcset = srcset
+            .split(',')
+            .map((str) => resolveURL(str))
+            .join(',');
+        app.send((0, messages_gen_js_1.SetNodeAttribute)(id, 'srcset', resolvedSrcset));
+    };
+    const sendSrc = function (id, img) {
+        const src = img.src;
+        app.send((0, messages_gen_js_1.SetNodeAttributeURLBased)(id, 'src', src, app.getBaseHref()));
+    };
+    const sendImgAttrs = app.safe(function () {
         const id = app.nodes.getID(this);
         if (id === undefined) {
             return;
@@ -42,21 +57,15 @@ function default_1(app) {
         const resolvedSrc = resolveURL(src || ''); // Src type is null sometimes. - is it true?
         if (naturalWidth === 0 && naturalHeight === 0) {
             if ((0, utils_js_1.isURL)(resolvedSrc)) {
-                app.send(new messages_js_1.ResourceTiming((0, utils_js_1.timestamp)(), 0, 0, 0, 0, 0, resolvedSrc, 'img'));
+                app.send((0, messages_gen_js_1.ResourceTiming)((0, utils_js_1.timestamp)(), 0, 0, 0, 0, 0, resolvedSrc, 'img'));
             }
         }
         else if (resolvedSrc.length >= 1e5 || app.sanitizer.isMasked(id)) {
             sendPlaceholder(id, this);
         }
         else {
-            app.send(new messages_js_1.SetNodeAttribute(id, 'src', resolvedSrc));
-            if (srcset) {
-                const resolvedSrcset = srcset
-                    .split(',')
-                    .map((str) => resolveURL(str))
-                    .join(',');
-                app.send(new messages_js_1.SetNodeAttribute(id, 'srcset', resolvedSrcset));
-            }
+            sendSrc(id, this);
+            sendSrcset(id, this);
         }
     });
     const observer = new MutationObserver((mutations) => {
@@ -68,23 +77,24 @@ function default_1(app) {
                     return;
                 }
                 if (mutation.attributeName === 'src') {
-                    const src = target.src;
-                    app.send(new messages_js_1.SetNodeAttributeURLBased(id, 'src', src, app.getBaseHref()));
+                    sendSrc(id, target);
                 }
                 if (mutation.attributeName === 'srcset') {
-                    const srcset = target.srcset;
-                    app.send(new messages_js_1.SetNodeAttribute(id, 'srcset', srcset));
+                    sendSrcset(id, target);
                 }
             }
         }
     });
+    app.attachStopCallback(() => {
+        observer.disconnect();
+    });
     app.nodes.attachNodeCallback((node) => {
         if (!(0, guards_js_1.hasTag)(node, 'IMG')) {
             return;
         }
-        app.nodes.attachElementListener('error', node, sendImgSrc);
-        app.nodes.attachElementListener('load', node, sendImgSrc);
-        sendImgSrc.call(node);
+        app.nodes.attachElementListener('error', node, sendImgAttrs.bind(node));
+        app.nodes.attachElementListener('load', node, sendImgAttrs.bind(node));
+        sendImgAttrs.call(node);
         observer.observe(node, { attributes: true, attributeFilter: ['src', 'srcset'] });
     });
 }

package/cjs/modules/input.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInputLabel = void 0;
 const utils_js_1 = require("../utils.js");
 const guards_js_1 = require("../app/guards.js");
-const messages_js_1 = require("../common/messages.js");
+const messages_gen_js_1 = require("../app/messages.gen.js");
 const INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date'];
 function isTextEditable(node) {
     if ((0, guards_js_1.hasTag)(node, 'TEXTAREA')) {
@@ -43,7 +43,7 @@ const labelElementFor = utils_js_1.IN_BROWSER && 'labels' in HTMLInputElement.pr
         }
         const id = node.id;
         if (id) {
-            const labels = document.querySelectorAll('label[for="' + id + '"]');
+            const labels = node.ownerDocument.querySelectorAll('label[for="' + id + '"]');
             if (labels !== null && labels.length === 1) {
                 return labels[0];
             }
@@ -74,7 +74,7 @@ function default_1(app, opts) {
     function sendInputTarget(id, node) {
         const label = getInputLabel(node);
         if (label !== '') {
-            app.send(new messages_js_1.SetInputTarget(id, label));
+            app.send((0, messages_gen_js_1.SetInputTarget)(id, label));
         }
     }
     function sendInputValue(id, node) {
@@ -101,7 +101,7 @@ function default_1(app, opts) {
                 value = '';
                 break;
         }
-        app.send(new messages_js_1.SetInputValue(id, value, mask));
+        app.send((0, messages_gen_js_1.SetInputValue)(id, value, mask));
     }
     const inputValues = new Map();
     const checkableValues = new Map();
@@ -139,7 +139,7 @@ function default_1(app, opts) {
             }
             if (checked !== node.checked) {
                 checkableValues.set(id, node.checked);
-                app.send(new messages_js_1.SetInputChecked(id, node.checked));
+                app.send((0, messages_gen_js_1.SetInputChecked)(id, node.checked));
             }
         });
     });
@@ -163,7 +163,7 @@ function default_1(app, opts) {
         }
         if (isCheckable(node)) {
             checkableValues.set(id, node.checked);
-            app.send(new messages_js_1.SetInputChecked(id, node.checked));
+            app.send((0, messages_gen_js_1.SetInputChecked)(id, node.checked));
             return;
         }
     }));

package/cjs/modules/mouse.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const guards_js_1 = require("../app/guards.js");
 const utils_js_1 = require("../utils.js");
-const messages_js_1 = require("../common/messages.js");
+const messages_gen_js_1 = require("../app/messages.gen.js");
 const input_js_1 = require("./input.js");
-function _getSelector(target) {
+function _getSelector(target, document) {
     let el = target;
     let selector = null;
     do {
@@ -34,16 +34,16 @@ function isClickable(element) {
         element.onclick != null ||
         element.getAttribute('role') === 'button');
     //|| element.className.includes("btn")
-    // MBTODO: intersect addEventListener
+    // MBTODO: intersept addEventListener
 }
-//TODO: fix (typescript doesn't allow work when the guard is inside the function)
-function getTarget(target) {
+//TODO: fix (typescript is not sure about target variable after assignation of svg)
+function getTarget(target, document) {
     if (target instanceof Element) {
-        return _getTarget(target);
+        return _getTarget(target, document);
     }
     return null;
 }
-function _getTarget(target) {
+function _getTarget(target, document) {
     let element = target;
     while (element !== null && element !== document.documentElement) {
         if ((0, utils_js_1.hasOpenreplayAttribute)(element, 'masked')) {
@@ -106,38 +106,47 @@ function default_1(app) {
     });
     const sendMouseMove = () => {
         if (mousePositionChanged) {
-            app.send(new messages_js_1.MouseMove(mousePositionX, mousePositionY));
+            app.send((0, messages_gen_js_1.MouseMove)(mousePositionX, mousePositionY));
             mousePositionChanged = false;
         }
     };
-    const selectorMap = {};
-    function getSelector(id, target) {
-        return (selectorMap[id] = selectorMap[id] || _getSelector(target));
-    }
-    app.attachEventListener(document.documentElement, 'mouseover', (e) => {
-        const target = getTarget(e.target);
-        if (target !== mouseTarget) {
-            mouseTarget = target;
-            mouseTargetTime = performance.now();
-        }
-    });
-    app.attachEventListener(document, 'mousemove', (e) => {
-        mousePositionX = e.clientX;
-        mousePositionY = e.clientY;
-        mousePositionChanged = true;
-    }, false);
-    app.attachEventListener(document, 'click', (e) => {
-        const target = getTarget(e.target);
-        if ((!e.clientX && !e.clientY) || target === null) {
-            return;
+    const patchDocument = (document) => {
+        const selectorMap = {};
+        function getSelector(id, target) {
+            return (selectorMap[id] = selectorMap[id] || _getSelector(target, document));
         }
-        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.attachEventListener(document.documentElement, 'mouseover', (e) => {
+            const target = getTarget(e.target, document);
+            if (target !== mouseTarget) {
+                mouseTarget = target;
+                mouseTargetTime = performance.now();
+            }
+        });
+        app.attachEventListener(document, 'mousemove', (e) => {
+            const { top, left } = app.observer.getDocumentOffset(document);
+            mousePositionX = e.clientX + left;
+            mousePositionY = e.clientY + top;
+            mousePositionChanged = true;
+        }, false);
+        app.attachEventListener(document, 'click', (e) => {
+            const target = getTarget(e.target, document);
+            if ((!e.clientX && !e.clientY) || target === null) {
+                return;
+            }
+            const id = app.nodes.getID(target);
+            if (id !== undefined) {
+                sendMouseMove();
+                app.send((0, messages_gen_js_1.MouseClick)(id, mouseTarget === target ? Math.round(performance.now() - mouseTargetTime) : 0, getTargetLabel(target), getSelector(id, target)), true);
+            }
+            mouseTarget = null;
+        });
+    };
+    app.nodes.attachNodeCallback((node) => {
+        if ((0, guards_js_1.isDocument)(node)) {
+            patchDocument(node);
         }
-        mouseTarget = null;
     });
+    patchDocument(document);
     app.ticker.attach(sendMouseMove, 10);
 }
 exports.default = default_1;

package/cjs/modules/performance.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.jsHeapSizeLimit = exports.deviceMemory = void 0;
 const utils_js_1 = require("../utils.js");
-const messages_js_1 = require("../common/messages.js");
+const messages_gen_js_1 = require("../app/messages.gen.js");
 const perf = utils_js_1.IN_BROWSER && 'performance' in window && 'memory' in performance // works in Chrome only
     ? performance
     : { memory: {} };
@@ -34,7 +34,7 @@ function default_1(app, opts) {
         if (frames === undefined || ticks === undefined) {
             return;
         }
-        app.send(new messages_js_1.PerformanceTrack(frames, ticks, perf.memory.totalJSHeapSize || 0, perf.memory.usedJSHeapSize || 0));
+        app.send((0, messages_gen_js_1.PerformanceTrack)(frames, ticks, perf.memory.totalJSHeapSize || 0, perf.memory.usedJSHeapSize || 0));
         ticks = frames = document.hidden ? -1 : 0;
     };
     app.attachStartCallback(() => {