@openreplay/tracker 3.4.4 → 3.4.8

package/cjs/modules/mouse.js

@@ -1,9 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const finder_1 = require("../vendors/finder/finder");
-const utils_1 = require("../utils");
-const messages_1 = require("../messages");
-const input_1 = require("./input");
+const utils_js_1 = require("../utils.js");
+const index_js_1 = require("../messages/index.js");
+const input_js_1 = require("./input.js");
+function _getSelector(target) {
+    let el = target;
+    let selector = null;
+    do {
+        if (el.id) {
+            return `#${el.id}` + (selector ? ` > ${selector}` : '');
+        }
+        selector =
+            el.className.split(' ')
+                .map(cn => cn.trim())
+                .filter(cn => cn !== '')
+                .reduce((sel, cn) => `${sel}.${cn}`, el.tagName.toLowerCase()) +
+                (selector ? ` > ${selector}` : '');
+        if (el === document.body) {
+            return selector;
+        }
+        el = el.parentElement;
+    } while (el !== document.body && el !== null);
+    return selector;
+}
+//TODO: fix (typescript doesn't allow work when the guard is inside the function)
 function getTarget(target) {
     if (target instanceof Element) {
         return _getTarget(target);
@@ -13,7 +33,7 @@ function getTarget(target) {
 function _getTarget(target) {
     let element = target;
     while (element !== null && element !== document.documentElement) {
-        if (utils_1.hasOpenreplayAttribute(element, 'masked')) {
+        if ((0, utils_js_1.hasOpenreplayAttribute)(element, 'masked')) {
             return null;
         }
         element = element.parentElement;
@@ -39,41 +59,37 @@ function _getTarget(target) {
             tag === 'LI' ||
             element.onclick != null ||
             element.getAttribute('role') === 'button' ||
-            utils_1.getLabelAttribute(element) !== null) {
+            (0, utils_js_1.getLabelAttribute)(element) !== null) {
             return element;
         }
         element = element.parentElement;
     }
     return target === document.documentElement ? null : target;
 }
-function getTargetLabel(target) {
-    const dl = utils_1.getLabelAttribute(target);
-    if (dl !== null) {
-        return dl;
-    }
-    const tag = target.tagName.toUpperCase();
-    if (tag === 'INPUT') {
-        return input_1.getInputLabel(target);
-    }
-    if (tag === 'BUTTON' ||
-        tag === 'A' ||
-        tag === 'LI' ||
-        target.onclick != null ||
-        target.getAttribute('role') === 'button') {
-        const label = target.innerText || '';
-        return utils_1.normSpaces(label).slice(0, 100);
+function default_1(app) {
+    // const options: Options = Object.assign(
+    //   {},
+    //   opts,
+    // );
+    function getTargetLabel(target) {
+        const dl = (0, utils_js_1.getLabelAttribute)(target);
+        if (dl !== null) {
+            return dl;
+        }
+        const tag = target.tagName.toUpperCase();
+        if (tag === 'INPUT') {
+            return (0, input_js_1.getInputLabel)(target);
+        }
+        if (tag === 'BUTTON' ||
+            tag === 'A' ||
+            tag === 'LI' ||
+            target.onclick != null ||
+            target.getAttribute('role') === 'button') {
+            const label = app.observer.getInnerTextSecure(target);
+            return (0, utils_js_1.normSpaces)(label).slice(0, 100);
+        }
+        return '';
     }
-    return '';
-}
-function default_1(app, opts) {
-    const options = Object.assign({
-        heatmaps: false // {
-        // finder: {
-        //   threshold: 5,
-        //   maxNumberOfTries: 600,
-        // },
-        // },
-    }, opts);
     let mousePositionX = -1;
     let mousePositionY = -1;
     let mousePositionChanged = false;
@@ -87,17 +103,13 @@ function default_1(app, opts) {
     });
     const sendMouseMove = () => {
         if (mousePositionChanged) {
-            app.send(new messages_1.MouseMove(mousePositionX, mousePositionY));
+            app.send(new index_js_1.MouseMove(mousePositionX, mousePositionY));
             mousePositionChanged = false;
         }
     };
     const selectorMap = {};
     function getSelector(id, target) {
-        if (options.heatmaps === false) {
-            return '';
-        }
-        return selectorMap[id] = selectorMap[id] ||
-            finder_1.finder(target, options.heatmaps === true ? undefined : options.heatmaps.finder);
+        return selectorMap[id] = selectorMap[id] || _getSelector(target);
     }
     app.attachEventListener(document.documentElement, 'mouseover', (e) => {
         const target = getTarget(e.target);
@@ -119,7 +131,7 @@ function default_1(app, opts) {
         const id = app.nodes.getID(target);
         if (id !== undefined) {
             sendMouseMove();
-            app.send(new messages_1.MouseClick(id, mouseTarget === target
+            app.send(new index_js_1.MouseClick(id, mouseTarget === target
                 ? Math.round(performance.now() - mouseTargetTime)
                 : 0, getTargetLabel(target), getSelector(id, target)), true);
         }

package/cjs/modules/performance.d.ts

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

package/cjs/modules/performance.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.jsHeapSizeLimit = exports.deviceMemory = void 0;
-const utils_1 = require("../utils");
-const messages_1 = require("../messages");
-const perf = utils_1.IN_BROWSER && 'performance' in window && 'memory' in performance // works in Chrome only
+const utils_js_1 = require("../utils.js");
+const index_js_1 = require("../messages/index.js");
+const perf = utils_js_1.IN_BROWSER && 'performance' in window && 'memory' in performance // works in Chrome only
     ? performance
     : { memory: {} };
-exports.deviceMemory = utils_1.IN_BROWSER ? (navigator.deviceMemory || 0) * 1024 : 0;
+exports.deviceMemory = utils_js_1.IN_BROWSER ? (navigator.deviceMemory || 0) * 1024 : 0;
 exports.jsHeapSizeLimit = perf.memory.jsHeapSizeLimit || 0;
 function default_1(app, opts) {
     const options = Object.assign({
@@ -34,7 +34,7 @@ function default_1(app, opts) {
         if (frames === undefined || ticks === undefined) {
             return;
         }
-        app.send(new messages_1.PerformanceTrack(frames, ticks, perf.memory.totalJSHeapSize || 0, perf.memory.usedJSHeapSize || 0));
+        app.send(new index_js_1.PerformanceTrack(frames, ticks, perf.memory.totalJSHeapSize || 0, perf.memory.usedJSHeapSize || 0));
         ticks = frames = document.hidden ? -1 : 0;
     };
     app.attachStartCallback(() => {

package/cjs/modules/scroll.d.ts

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

package/cjs/modules/scroll.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const messages_1 = require("../messages");
+const index_js_1 = require("../messages/index.js");
 function default_1(app) {
     let documentScroll = false;
     const nodeScroll = new Map();
-    const sendSetViewportScroll = app.safe(() => app.send(new messages_1.SetViewportScroll(window.pageXOffset ||
+    const sendSetViewportScroll = app.safe(() => app.send(new index_js_1.SetViewportScroll(window.pageXOffset ||
         (document.documentElement && document.documentElement.scrollLeft) ||
         (document.body && document.body.scrollLeft) ||
         0, window.pageYOffset ||
@@ -14,7 +14,7 @@ function default_1(app) {
     const sendSetNodeScroll = app.safe((s, node) => {
         const id = app.nodes.getID(node);
         if (id !== undefined) {
-            app.send(new messages_1.SetNodeScroll(id, s[0], s[1]));
+            app.send(new index_js_1.SetNodeScroll(id, s[0], s[1]));
         }
     });
     app.attachStartCallback(sendSetViewportScroll);

package/cjs/modules/timing.d.ts

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

package/cjs/modules/timing.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../utils");
-const messages_1 = require("../messages");
+const utils_js_1 = require("../utils.js");
+const index_js_1 = require("../messages/index.js");
 function getPaintBlocks(resources) {
     const paintBlocks = [];
     const elements = document.getElementsByTagName('*');
@@ -84,12 +84,12 @@ function default_1(app, opts) {
     });
     let resources = {};
     function resourceTiming(entry) {
-        if (entry.duration <= 0 || !utils_1.isURL(entry.name) || app.isServiceURL(entry.name))
+        if (entry.duration < 0 || !(0, utils_js_1.isURL)(entry.name) || app.isServiceURL(entry.name))
             return;
         if (resources !== null) {
             resources[entry.name] = entry.startTime + entry.duration;
         }
-        sendOnStart(new messages_1.ResourceTiming(entry.startTime + performance.timing.navigationStart, entry.duration, entry.responseStart && entry.startTime
+        sendOnStart(new index_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
@@ -123,7 +123,7 @@ function default_1(app, opts) {
             if (performance.timing.loadEventEnd || performance.now() > 30000) {
                 pageLoadTimingSent = true;
                 const { navigationStart, requestStart, responseStart, responseEnd, domContentLoadedEventStart, domContentLoadedEventEnd, loadEventStart, loadEventEnd, } = performance.timing;
-                app.send(new messages_1.PageLoadTiming(requestStart - navigationStart || 0, responseStart - navigationStart || 0, responseEnd - navigationStart || 0, domContentLoadedEventStart - navigationStart || 0, domContentLoadedEventEnd - navigationStart || 0, loadEventStart - navigationStart || 0, loadEventEnd - navigationStart || 0, firstPaint, firstContentfulPaint));
+                app.send(new index_js_1.PageLoadTiming(requestStart - navigationStart || 0, responseStart - navigationStart || 0, responseEnd - navigationStart || 0, domContentLoadedEventStart - navigationStart || 0, domContentLoadedEventEnd - navigationStart || 0, loadEventStart - navigationStart || 0, loadEventEnd - navigationStart || 0, firstPaint, firstContentfulPaint));
             }
         }, 30);
     }
@@ -160,7 +160,7 @@ function default_1(app, opts) {
                     ? Math.max(interactiveWindowStartTime, firstContentfulPaint, performance.timing.domContentLoadedEventEnd -
                         performance.timing.navigationStart || 0)
                     : 0;
-                app.send(new messages_1.PageRenderTiming(speedIndex, firstContentfulPaint > visuallyComplete
+                app.send(new index_js_1.PageRenderTiming(speedIndex, firstContentfulPaint > visuallyComplete
                     ? firstContentfulPaint
                     : visuallyComplete, timeToInteractive));
             }

package/cjs/modules/viewport.d.ts

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

package/cjs/modules/viewport.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const messages_1 = require("../messages");
+const index_js_1 = require("../messages/index.js");
 function default_1(app) {
     let url, width, height;
     let navigationStart = performance.timing.navigationStart;
@@ -8,7 +8,7 @@ function default_1(app) {
         const { URL } = document;
         if (URL !== url) {
             url = URL;
-            app.send(new messages_1.SetPageLocation(url, document.referrer, navigationStart));
+            app.send(new index_js_1.SetPageLocation(url, document.referrer, navigationStart));
             navigationStart = 0;
         }
     });
@@ -17,12 +17,12 @@ function default_1(app) {
         if (innerWidth !== width || innerHeight !== height) {
             width = innerWidth;
             height = innerHeight;
-            app.send(new messages_1.SetViewportSize(width, height));
+            app.send(new index_js_1.SetViewportSize(width, height));
         }
     });
     const sendSetPageVisibility = document.hidden === undefined
         ? Function.prototype
-        : app.safe(() => app.send(new messages_1.SetPageVisibility(document.hidden)));
+        : app.safe(() => app.send(new index_js_1.SetPageVisibility(document.hidden)));
     app.attachStartCallback(() => {
         url = '';
         width = height = -1;

package/cjs/utils.js

@@ -26,7 +26,7 @@ function deprecationWarn(nameOfFeature, useInstead, docsPath = "/") {
     if (warnedFeatures[nameOfFeature]) {
         return;
     }
-    exports.warn(`OpenReplay: ${nameOfFeature} is deprecated. ${useInstead ? `Please, use ${useInstead} instead.` : ""} Visit ${exports.DOCS_HOST}${docsPath} for more information.`);
+    (0, exports.warn)(`OpenReplay: ${nameOfFeature} is deprecated. ${useInstead ? `Please, use ${useInstead} instead.` : ""} Visit ${exports.DOCS_HOST}${docsPath} for more information.`);
     warnedFeatures[nameOfFeature] = true;
 }
 exports.deprecationWarn = deprecationWarn;

package/lib/app/index.d.ts

@@ -1,8 +1,9 @@
-import Message from '../messages/message';
-import Nodes from './nodes';
-import Ticker from './ticker';
-import type { Options as ObserverOptions } from './observer';
-import type { Options as WebworkerOptions } from '../messages/webworker';
+import Message from "../messages/message.js";
+import Nodes from "./nodes.js";
+import Observer from "./observer.js";
+import Ticker from "./ticker.js";
+import type { Options as ObserverOptions } from "./observer.js";
+import type { Options as WebworkerOptions } from "../messages/webworker.js";
 interface OnStartInfo {
     sessionID: string;
     sessionToken: string;
@@ -29,7 +30,7 @@ export default class App {
     readonly ticker: Ticker;
     readonly projectKey: string;
     private readonly messages;
-    private readonly observer;
+    readonly observer: Observer;
     private readonly startCallbacks;
     private readonly stopCallbacks;
     private readonly commitCallbacks;
@@ -43,6 +44,7 @@ export default class App {
     private _debug;
     send(message: Message, urgent?: boolean): void;
     private commit;
+    attachCommitCallback(cb: CommitCallback): void;
     addCommitCallback(cb: CommitCallback): void;
     safe<T extends (...args: any[]) => void>(fn: T): T;
     attachStartCallback(cb: Callback): void;

package/lib/app/index.js

@@ -1,9 +1,9 @@
-import { timestamp, log, warn } from '../utils';
-import { Timestamp } from '../messages';
-import Nodes from './nodes';
-import Observer from './observer';
-import Ticker from './ticker';
-import { deviceMemory, jsHeapSizeLimit } from '../modules/performance';
+import { timestamp, log, warn } from "../utils.js";
+import { Timestamp } from "../messages/index.js";
+import Nodes from "./nodes.js";
+import Observer from "./observer.js";
+import Ticker from "./ticker.js";
+import { deviceMemory, jsHeapSizeLimit } from "../modules/performance.js";
 // TODO: use backendHost only
 export const DEFAULT_INGEST_POINT = 'https://api.openreplay.com/ingest';
 export default class App {
@@ -14,7 +14,7 @@ export default class App {
         this.commitCallbacks = [];
         this._sessionID = null;
         this.isActive = false;
-        this.version = '3.4.4';
+        this.version = '3.4.8';
         this.projectKey = projectKey;
         this.options = Object.assign({
             revID: '',
@@ -82,7 +82,7 @@ export default class App {
             });
         }
         if (this.options.__debug_log) {
-            warn("OpenReplay errror: ", context, e);
+            warn("OpenReplay error: ", context, e);
         }
     }
     send(message, urgent = false) {
@@ -102,9 +102,13 @@ export default class App {
             this.messages.length = 0;
         }
     }
-    addCommitCallback(cb) {
+    attachCommitCallback(cb) {
         this.commitCallbacks.push(cb);
     }
+    // @Depricated (TODO: remove in 3.5.*)
+    addCommitCallback(cb) {
+        this.attachCommitCallback(cb);
+    }
     safe(fn) {
         const app = this;
         return function (...args) {
@@ -251,13 +255,14 @@ export default class App {
                 return onStartInfo;
             })
                 .catch(e => {
+                sessionStorage.removeItem(this.options.session_token_key);
                 this.stop();
                 warn("OpenReplay was unable to start. ", e);
                 this._debug("session_start", e);
                 throw e;
             });
         }
-        return Promise.reject("Player is active");
+        return Promise.reject("Player is already active");
     }
     start(reset = false) {
         if (!document.hidden) {

package/lib/app/observer.d.ts

@@ -1,4 +1,4 @@
-import App from './index';
+import App from "./index.js";
 interface Window extends WindowProxy {
     HTMLInputElement: typeof HTMLInputElement;
     HTMLLinkElement: typeof HTMLLinkElement;
@@ -29,6 +29,8 @@ export default class Observer {
     private isInstance;
     private isIgnored;
     private sendNodeAttribute;
+    getInnerTextSecure(el: HTMLElement): string;
+    private checkObscure;
     private sendNodeData;
     private bindNode;
     private bindTree;

package/lib/app/observer.js

@@ -1,5 +1,5 @@
-import { stars, hasOpenreplayAttribute } from '../utils';
-import { CreateDocument, CreateElementNode, CreateTextNode, SetNodeData, SetCSSDataURLBased, SetNodeAttribute, SetNodeAttributeURLBased, RemoveNodeAttribute, MoveNode, RemoveNode, CreateIFrameDocument, } from '../messages';
+import { stars, hasOpenreplayAttribute } from "../utils.js";
+import { CreateDocument, CreateElementNode, CreateTextNode, SetNodeData, SetCSSDataURLBased, SetNodeAttribute, SetNodeAttributeURLBased, RemoveNodeAttribute, MoveNode, RemoveNode, CreateIFrameDocument, } from "../messages/index.js";
 function isSVGElement(node) {
     return node.namespaceURI === 'http://www.w3.org/2000/svg';
 }
@@ -167,24 +167,35 @@ export default class Observer {
         }
         this.app.send(new SetNodeAttribute(id, name, value));
     }
+    /* TODO:  abstract sanitation */
+    getInnerTextSecure(el) {
+        const id = this.app.nodes.getID(el);
+        if (!id) {
+            return '';
+        }
+        return this.checkObscure(id, el.innerText);
+    }
+    checkObscure(id, data) {
+        if (this.textMasked.has(id)) {
+            return data.replace(/[^\f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]/g, '█');
+        }
+        if (this.options.obscureTextNumbers) {
+            data = data.replace(/\d/g, '0');
+        }
+        if (this.options.obscureTextEmails) {
+            data = data.replace(/([^\s]+)@([^\s]+)\.([^\s]+)/g, (...f) => stars(f[1]) + '@' + stars(f[2]) + '.' + stars(f[3]));
+        }
+        return data;
+    }
     sendNodeData(id, parentElement, data) {
         if (this.isInstance(parentElement, HTMLStyleElement) || this.isInstance(parentElement, SVGStyleElement)) {
             this.app.send(new SetCSSDataURLBased(id, data, this.app.getBaseHref()));
             return;
         }
-        if (this.textMasked.has(id)) {
-            data = data.replace(/[^\f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]/g, '█');
-        }
-        else {
-            if (this.options.obscureTextNumbers) {
-                data = data.replace(/\d/g, '0');
-            }
-            if (this.options.obscureTextEmails) {
-                data = data.replace(/([^\s]+)@([^\s]+)\.([^\s]+)/g, (...f) => stars(f[1]) + '@' + stars(f[2]) + '.' + stars(f[3]));
-            }
-        }
+        data = this.checkObscure(id, data);
         this.app.send(new SetNodeData(id, data));
     }
+    /* end TODO:  abstract sanitation */
     bindNode(node) {
         const r = this.app.nodes.registerNode(node);
         const id = r[0];
@@ -199,7 +210,9 @@ export default class Observer {
             acceptNode: (node) => this.isIgnored(node) || this.app.nodes.getID(node) !== undefined
                 ? NodeFilter.FILTER_REJECT
                 : NodeFilter.FILTER_ACCEPT,
-        }, false);
+        }, 
+        // @ts-ignore
+        false);
         while (walker.nextNode()) {
             this.bindNode(walker.currentNode);
         }
@@ -317,16 +330,23 @@ export default class Observer {
         this.clear();
     }
     handleIframe(iframe) {
-        const handle = () => {
-            const context = iframe.contentWindow;
+        let context = null;
+        const handle = this.app.safe(() => {
             const id = this.app.nodes.getID(iframe);
-            if (!context || id === undefined) {
+            if (id === undefined) {
+                return;
+            }
+            if (iframe.contentWindow === context) {
+                return;
+            }
+            context = iframe.contentWindow;
+            if (!context) {
                 return;
             }
             const observer = new Observer(this.app, this.options, context);
             this.iframeObservers.push(observer);
             observer.observeIframe(id, context);
-        };
+        });
         this.app.attachEventListener(iframe, "load", handle);
         handle();
     }

package/lib/app/ticker.d.ts

@@ -1,4 +1,4 @@
-import App from './index';
+import App from "./index.js";
 declare type Callback = () => void;
 export default class Ticker {
     private readonly app;

package/lib/index.d.ts

@@ -1,15 +1,14 @@
-import App from './app';
-export { default as App } from './app';
-import * as _Messages from './messages';
+import App from "./app/index.js";
+export { default as App } from './app/index.js';
+import * as _Messages from "./messages/index.js";
 export declare const Messages: typeof _Messages;
-import { Options as AppOptions } from './app';
-import { Options as ConsoleOptions } from './modules/console';
-import { Options as ExceptionOptions } from './modules/exception';
-import { Options as InputOptions } from './modules/input';
-import { Options as MouseOptions } from './modules/mouse';
-import { Options as PerformanceOptions } from './modules/performance';
-import { Options as TimingOptions } from './modules/timing';
-export declare type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & MouseOptions & PerformanceOptions & TimingOptions> & {
+import { Options as AppOptions } from "./app/index.js";
+import { Options as ConsoleOptions } from "./modules/console.js";
+import { Options as ExceptionOptions } from "./modules/exception.js";
+import { Options as InputOptions } from "./modules/input.js";
+import { Options as PerformanceOptions } from "./modules/performance.js";
+import { Options as TimingOptions } from "./modules/timing.js";
+export declare type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
     projectID?: number;
     projectKey: string;
     sessionToken?: string;

package/lib/index.js

@@ -1,21 +1,21 @@
-import App, { DEFAULT_INGEST_POINT } from './app';
-export { default as App } from './app';
-import { UserID, UserAnonymousID, Metadata, RawCustomEvent, CustomIssue } from './messages';
-import * as _Messages from './messages';
+import App, { DEFAULT_INGEST_POINT } from "./app/index.js";
+export { default as App } from './app/index.js';
+import { UserID, UserAnonymousID, Metadata, RawCustomEvent, CustomIssue } from "./messages/index.js";
+import * as _Messages from "./messages/index.js";
 export const Messages = _Messages;
-import Connection from './modules/connection';
-import Console from './modules/console';
-import Exception, { getExceptionMessageFromEvent, getExceptionMessage } from './modules/exception';
-import Img from './modules/img';
-import Input from './modules/input';
-import Mouse from './modules/mouse';
-import Timing from './modules/timing';
-import Performance from './modules/performance';
-import Scroll from './modules/scroll';
-import Viewport from './modules/viewport';
-import Longtasks from './modules/longtasks';
-import CSSRules from './modules/cssrules';
-import { IN_BROWSER, deprecationWarn, DOCS_HOST } from './utils';
+import Connection from "./modules/connection.js";
+import Console from "./modules/console.js";
+import Exception, { getExceptionMessageFromEvent, getExceptionMessage } from "./modules/exception.js";
+import Img from "./modules/img.js";
+import Input from "./modules/input.js";
+import Mouse from "./modules/mouse.js";
+import Timing from "./modules/timing.js";
+import Performance from "./modules/performance.js";
+import Scroll from "./modules/scroll.js";
+import Viewport from "./modules/viewport.js";
+import Longtasks from "./modules/longtasks.js";
+import CSSRules from "./modules/cssrules.js";
+import { IN_BROWSER, deprecationWarn, DOCS_HOST } from "./utils.js";
 const DOCS_SETUP = '/installation/setup-or';
 function processOptions(obj) {
     if (obj == null) {
@@ -73,7 +73,10 @@ export default class API {
             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' || window.doNotTrack == '1');
+        const doNotTrack = options.respectDoNotTrack &&
+            (navigator.doNotTrack == '1'
+                // @ts-ignore
+                || window.doNotTrack == '1');
         this.app = doNotTrack ||
             !('Map' in window) ||
             !('Set' in window) ||
@@ -93,7 +96,7 @@ export default class API {
             Exception(this.app, options);
             Img(this.app);
             Input(this.app, options);
-            Mouse(this.app, options);
+            Mouse(this.app);
             Timing(this.app, options);
             Performance(this.app, options);
             Scroll(this.app);
@@ -108,7 +111,7 @@ export default 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.4.4',
+                trackerVersion: '3.4.8',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/lib/messages/index.d.ts

@@ -1,5 +1,5 @@
-import Message from './message';
-import Writer from './writer';
+import Message from "./message.js";
+import Writer from "./writer.js";
 export declare const classes: Map<number, Function>;
 declare class _BatchMeta implements Message {
     pageNo: number;

package/lib/messages/message.d.ts

@@ -1,4 +1,4 @@
-import Writer from './writer';
+import Writer from "./writer.js";
 export default interface Message {
     encode(w: Writer): boolean;
 }