@openreplay/tracker 3.6.1 → 3.6.5

package/cjs/common/types.d.ts

@@ -0,0 +1,9 @@
+export interface Writer {
+    uint(n: number): boolean;
+    int(n: number): boolean;
+    string(s: string): boolean;
+    boolean(b: boolean): boolean;
+}
+export interface Message {
+    encode(w: Writer): boolean;
+}

package/cjs/common/{interaction.d.ts → webworker.d.ts}

@@ -1,4 +1,3 @@
-import Message from './messages.gen.js';
 export interface Options {
     connAttemptCount?: number;
     connAttemptGap?: number;
@@ -8,12 +7,13 @@ declare type Start = {
     ingestPoint: string;
     pageNo: number;
     timestamp: number;
-    url: string;
 } & Options;
 declare type Auth = {
     type: 'auth';
     token: string;
     beaconSizeLimit?: number;
 };
-export declare type WorkerMessageData = null | 'stop' | Start | Auth | Array<Message>;
+export declare type WorkerMessageData = null | 'stop' | Start | Auth | Array<{
+    _id: number;
+}>;
 export {};

package/cjs/common/{messages.gen.js → webworker.js}

@@ -1,3 +1,2 @@
 "use strict";
-// Auto-generated, do not edit
 Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/index.d.ts

@@ -1,6 +1,6 @@
 import App from './app/index.js';
 export { default as App } from './app/index.js';
-import * as _Messages from './app/messages.gen.js';
+import * as _Messages from './common/messages.js';
 export declare const Messages: typeof _Messages;
 import type { Options as AppOptions } from './app/index.js';
 import type { Options as ConsoleOptions } from './modules/console.js';
@@ -25,7 +25,7 @@ export default class API {
     use<T>(fn: (app: App | null, options?: Options) => T): T;
     isActive(): boolean;
     start(startOpts?: Partial<StartOptions>): Promise<StartPromiseReturn>;
-    stop(): string | undefined;
+    stop(): void;
     getSessionToken(): string | null | undefined;
     getSessionID(): string | null | undefined;
     sessionID(): string | null | undefined;

package/cjs/index.js

@@ -4,8 +4,8 @@ exports.Messages = exports.App = void 0;
 const index_js_1 = require("./app/index.js");
 var index_js_2 = require("./app/index.js");
 Object.defineProperty(exports, "App", { enumerable: true, get: function () { return index_js_2.default; } });
-const messages_gen_js_1 = require("./app/messages.gen.js");
-const _Messages = require("./app/messages.gen.js");
+const messages_js_1 = require("./common/messages.js");
+const _Messages = require("./common/messages.js");
 exports.Messages = _Messages;
 const connection_js_1 = require("./modules/connection.js");
 const console_js_1 = require("./modules/console.js");
@@ -18,7 +18,6 @@ const performance_js_1 = require("./modules/performance.js");
 const scroll_js_1 = require("./modules/scroll.js");
 const viewport_js_1 = require("./modules/viewport.js");
 const cssrules_js_1 = require("./modules/cssrules.js");
-const adoptedStyleSheets_js_1 = require("./modules/adoptedStyleSheets.js");
 const utils_js_1 = require("./utils.js");
 const DOCS_SETUP = '/installation/setup-or';
 function processOptions(obj) {
@@ -43,8 +42,8 @@ function processOptions(obj) {
             obj.projectKey = obj.projectKey.toString();
         }
     }
-    if (obj.sessionToken != null) {
-        (0, utils_js_1.deprecationWarn)('`sessionToken` option', '`sessionHash` start() option', '/');
+    if (typeof obj.sessionToken !== 'string' && obj.sessionToken != null) {
+        console.warn(`OpenReplay: invalid options argument type. Please, check documentation on ${utils_js_1.DOCS_HOST}${DOCS_SETUP}`);
     }
     return true;
 }
@@ -97,7 +96,6 @@ class API {
         if (app !== null) {
             (0, viewport_js_1.default)(app);
             (0, cssrules_js_1.default)(app);
-            (0, adoptedStyleSheets_js_1.default)(app);
             (0, connection_js_1.default)(app);
             (0, console_js_1.default)(app, options);
             (0, exception_js_1.default)(app, options);
@@ -131,7 +129,7 @@ class API {
             // 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.1',
+                trackerVersion: '3.6.4',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -162,10 +160,7 @@ class API {
         if (this.app === null) {
             return;
         }
-        this.app.stop();
-        const sessionHash = this.app.session.getSessionHash();
-        this.app.session.reset();
-        return sessionHash;
+        this.app.stop(true);
     }
     getSessionToken() {
         if (this.app === null) {
@@ -200,7 +195,7 @@ class API {
     }
     setUserAnonymousID(id) {
         if (typeof id === 'string' && this.app !== null) {
-            this.app.send((0, messages_gen_js_1.UserAnonymousID)(id));
+            this.app.send(new messages_js_1.UserAnonymousID(id));
         }
     }
     userAnonymousID(id) {
@@ -228,7 +223,7 @@ class API {
                 catch (e) {
                     return;
                 }
-                this.app.send((0, messages_gen_js_1.RawCustomEvent)(key, payload));
+                this.app.send(new messages_js_1.RawCustomEvent(key, payload));
             }
         }
     }
@@ -240,7 +235,7 @@ class API {
             catch (e) {
                 return;
             }
-            this.app.send((0, messages_gen_js_1.CustomIssue)(key, payload));
+            this.app.send(new messages_js_1.CustomIssue(key, payload));
         }
     }
 }

package/cjs/modules/connection.js

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

package/cjs/modules/console.js

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

package/cjs/modules/cssrules.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const messages_gen_js_1 = require("../app/messages.gen.js");
+const messages_js_1 = require("../common/messages.js");
 const guards_js_1 = require("../app/guards.js");
 function default_1(app) {
     if (app === null) {
         return;
     }
     if (!window.CSSStyleSheet) {
-        app.send((0, messages_gen_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) => {
         const sendMessage = typeof rule === 'string'
-            ? (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));
+            ? (nodeID) => app.send(new messages_js_1.CSSInsertRuleURLBased(nodeID, rule, index, app.getBaseHref()))
+            : (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');
@@ -23,19 +23,15 @@ function default_1(app) {
             sendMessage(nodeID);
         } // else error?
     });
-    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);
-        };
+    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);
     };
-    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 '../app/messages.gen.js';
+import type Message from '../common/messages.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, context?: typeof globalThis): Message | null;
+export declare function getExceptionMessageFromEvent(e: ErrorEvent | PromiseRejectionEvent): 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_gen_js_1 = require("../app/messages.gen.js");
+const messages_js_1 = require("../common/messages.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 (0, messages_gen_js_1.JSException)(error.name, error.message, JSON.stringify(stack));
+    return new messages_js_1.JSException(error.name, error.message, JSON.stringify(stack));
 }
 exports.getExceptionMessage = getExceptionMessage;
-function getExceptionMessageFromEvent(e, context = window) {
+function getExceptionMessageFromEvent(e) {
     if (e instanceof ErrorEvent) {
         if (e.error instanceof Error) {
             return getExceptionMessage(e.error, getDefaultStack(e));
@@ -34,10 +34,10 @@ function getExceptionMessageFromEvent(e, context = window) {
                 name = 'Error';
                 message = e.message;
             }
-            return (0, messages_gen_js_1.JSException)(name, message, JSON.stringify(getDefaultStack(e)));
+            return new messages_js_1.JSException(name, message, JSON.stringify(getDefaultStack(e)));
         }
     }
-    else if ('PromiseRejectionEvent' in context && e instanceof context.PromiseRejectionEvent) {
+    else if ('PromiseRejectionEvent' in window && e instanceof PromiseRejectionEvent) {
         if (e.reason instanceof Error) {
             return getExceptionMessage(e.reason, []);
         }
@@ -49,7 +49,7 @@ function getExceptionMessageFromEvent(e, context = window) {
             catch (_) {
                 message = String(e.reason);
             }
-            return (0, messages_gen_js_1.JSException)('Unhandled Promise Rejection', message, '[]');
+            return new messages_js_1.JSException('Unhandled Promise Rejection', message, '[]');
         }
     }
     return null;
@@ -59,19 +59,15 @@ function default_1(app, opts) {
     const options = Object.assign({
         captureExceptions: true,
     }, opts);
-    function patchContext(context) {
-        function handler(e) {
-            const msg = getExceptionMessageFromEvent(e, context);
+    if (options.captureExceptions) {
+        const handler = (e) => {
+            const msg = getExceptionMessageFromEvent(e);
             if (msg != null) {
                 app.send(msg);
             }
-        }
-        app.attachEventListener(context, 'unhandledrejection', handler);
-        app.attachEventListener(context, 'error', handler);
-    }
-    if (options.captureExceptions) {
-        app.observer.attachContextCallback(patchContext);
-        patchContext(window);
+        };
+        app.attachEventListener(window, 'unhandledrejection', (e) => handler(e));
+        app.attachEventListener(window, 'error', (e) => handler(e));
     }
 }
 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_gen_js_1 = require("../app/messages.gen.js");
+const messages_js_1 = require("../common/messages.js");
 const guards_js_1 = require("../app/guards.js");
 function resolveURL(url, location = document.location) {
     url = url.trim();
@@ -21,31 +21,16 @@ 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((0, messages_gen_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((0, messages_gen_js_1.SetNodeAttribute)(id, 'width', String(width)));
+            app.send(new messages_js_1.SetNodeAttribute(id, 'width', String(width)));
         }
         if (!node.hasAttribute('height')) {
-            app.send((0, messages_gen_js_1.SetNodeAttribute)(id, 'height', String(height)));
+            app.send(new messages_js_1.SetNodeAttribute(id, 'height', String(height)));
         }
     }
-    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 sendImgSrc = app.safe(function () {
         const id = app.nodes.getID(this);
         if (id === undefined) {
             return;
@@ -57,15 +42,21 @@ 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((0, messages_gen_js_1.ResourceTiming)((0, utils_js_1.timestamp)(), 0, 0, 0, 0, 0, resolvedSrc, 'img'));
+                app.send(new messages_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 {
-            sendSrc(id, this);
-            sendSrcset(id, this);
+            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));
+            }
         }
     });
     const observer = new MutationObserver((mutations) => {
@@ -77,24 +68,23 @@ function default_1(app) {
                     return;
                 }
                 if (mutation.attributeName === 'src') {
-                    sendSrc(id, target);
+                    const src = target.src;
+                    app.send(new messages_js_1.SetNodeAttributeURLBased(id, 'src', src, app.getBaseHref()));
                 }
                 if (mutation.attributeName === 'srcset') {
-                    sendSrcset(id, target);
+                    const srcset = target.srcset;
+                    app.send(new messages_js_1.SetNodeAttribute(id, 'srcset', srcset));
                 }
             }
         }
     });
-    app.attachStopCallback(() => {
-        observer.disconnect();
-    });
     app.nodes.attachNodeCallback((node) => {
         if (!(0, guards_js_1.hasTag)(node, 'IMG')) {
             return;
         }
-        app.nodes.attachElementListener('error', node, sendImgAttrs.bind(node));
-        app.nodes.attachElementListener('load', node, sendImgAttrs.bind(node));
-        sendImgAttrs.call(node);
+        app.nodes.attachElementListener('error', node, sendImgSrc);
+        app.nodes.attachElementListener('load', node, sendImgSrc);
+        sendImgSrc.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_gen_js_1 = require("../app/messages.gen.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')) {
@@ -43,7 +43,7 @@ const labelElementFor = utils_js_1.IN_BROWSER && 'labels' in HTMLInputElement.pr
         }
         const id = node.id;
         if (id) {
-            const labels = node.ownerDocument.querySelectorAll('label[for="' + id + '"]');
+            const labels = document.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((0, messages_gen_js_1.SetInputTarget)(id, label));
+            app.send(new messages_js_1.SetInputTarget(id, label));
         }
     }
     function sendInputValue(id, node) {
@@ -101,7 +101,7 @@ function default_1(app, opts) {
                 value = '';
                 break;
         }
-        app.send((0, messages_gen_js_1.SetInputValue)(id, value, mask));
+        app.send(new messages_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((0, messages_gen_js_1.SetInputChecked)(id, node.checked));
+                app.send(new messages_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((0, messages_gen_js_1.SetInputChecked)(id, node.checked));
+            app.send(new messages_js_1.SetInputChecked(id, node.checked));
             return;
         }
     }));

package/cjs/modules/longtasks.d.ts

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

package/cjs/modules/longtasks.js

@@ -0,0 +1,34 @@
+"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'];
+    function longTask(entry) {
+        let type = '', src = '', id = '', name = '';
+        const container = entry.attribution[0];
+        if (container != null) {
+            type = container.containerType;
+            name = container.containerName;
+            id = container.containerId;
+            src = container.containerSrc;
+        }
+        app.send(new messages_js_1.LongTask(entry.startTime + performance.timing.navigationStart, entry.duration, Math.max(contexts.indexOf(entry.name), 0), Math.max(containerTypes.indexOf(type), 0), name, id, src));
+    }
+    const observer = new PerformanceObserver((list) => list.getEntries().forEach(longTask));
+    observer.observe({ entryTypes: ['longtask'] });
+}
+exports.default = default_1;

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_gen_js_1 = require("../app/messages.gen.js");
+const messages_js_1 = require("../common/messages.js");
 const input_js_1 = require("./input.js");
-function _getSelector(target, document) {
+function _getSelector(target) {
     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: intersept addEventListener
+    // MBTODO: intersect addEventListener
 }
-//TODO: fix (typescript is not sure about target variable after assignation of svg)
-function getTarget(target, document) {
+//TODO: fix (typescript doesn't allow work when the guard is inside the function)
+function getTarget(target) {
     if (target instanceof Element) {
-        return _getTarget(target, document);
+        return _getTarget(target);
     }
     return null;
 }
-function _getTarget(target, document) {
+function _getTarget(target) {
     let element = target;
     while (element !== null && element !== document.documentElement) {
         if ((0, utils_js_1.hasOpenreplayAttribute)(element, 'masked')) {
@@ -106,47 +106,38 @@ function default_1(app) {
     });
     const sendMouseMove = () => {
         if (mousePositionChanged) {
-            app.send((0, messages_gen_js_1.MouseMove)(mousePositionX, mousePositionY));
+            app.send(new messages_js_1.MouseMove(mousePositionX, mousePositionY));
             mousePositionChanged = false;
         }
     };
-    const patchDocument = (document) => {
-        const selectorMap = {};
-        function getSelector(id, target) {
-            return (selectorMap[id] = selectorMap[id] || _getSelector(target, document));
+    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.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);
+    });
+    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 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);
+        }
+        mouseTarget = null;
     });
-    patchDocument(document);
     app.ticker.attach(sendMouseMove, 10);
 }
 exports.default = default_1;