@openreplay/tracker 3.6.2 → 4.0.1

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
+        !!node.adoptedStyleSheets);
+}
+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.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/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.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

@@ -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;
@@ -89,11 +88,10 @@ 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))));
+    const sendConsoleLog = app.safe((level, args) => app.send((0, messages_gen_js_1.ConsoleLog)(level, printf(args))));
     let n;
     const reset = () => {
         n = 0;
@@ -102,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];
@@ -114,20 +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.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

@@ -1,39 +1,43 @@
 "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");
+            throw new Error('Owner Node not found');
         }
         const nodeID = app.nodes.getID(stylesheet.ownerNode);
         if (nodeID !== undefined) {
             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) {
+        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 '../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,28 +1,29 @@
 "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 [{
+    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) {
-    }
-    return new messages_js_1.JSException(error.name, error.message, JSON.stringify(stack));
+    catch (e) { }
+    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));
@@ -33,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, []);
         }
@@ -48,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;
@@ -58,15 +59,19 @@ function default_1(app, opts) {
     const options = Object.assign({
         captureExceptions: true,
     }, opts);
-    if (options.captureExceptions) {
-        const handler = (e) => {
-            const msg = getExceptionMessageFromEvent(e);
+    function patchContext(context) {
+        function handler(e) {
+            const msg = getExceptionMessageFromEvent(e, context);
             if (msg != null) {
                 app.send(msg);
             }
-        };
-        app.attachEventListener(window, 'unhandledrejection', (e) => handler(e));
-        app.attachEventListener(window, 'error', (e) => handler(e));
+        }
+        app.attachEventListener(context, 'unhandledrejection', handler);
+        app.attachEventListener(context, 'error', handler);
+    }
+    if (options.captureExceptions) {
+        app.observer.attachContextCallback(patchContext);
+        patchContext(window);
     }
 }
 exports.default = default_1;

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

@@ -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();
@@ -18,19 +18,34 @@ 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((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)));
+        if (!node.hasAttribute('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)));
+        if (!node.hasAttribute('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,47 +57,45 @@ 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) => {
         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") {
-                    const src = target.src;
-                    app.send(new messages_js_1.SetNodeAttributeURLBased(id, 'src', src, app.getBaseHref()));
+                if (mutation.attributeName === 'src') {
+                    sendSrc(id, target);
                 }
-                if (mutation.attributeName === "srcset") {
-                    const srcset = target.srcset;
-                    app.send(new messages_js_1.SetNodeAttribute(id, 'srcset', srcset));
+                if (mutation.attributeName === 'srcset') {
+                    sendSrcset(id, target);
                 }
             }
         }
     });
+    app.attachStopCallback(() => {
+        observer.disconnect();
+    });
     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"] });
+        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'] });
     });
 }
 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

@@ -3,19 +3,19 @@ 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")) {
+    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,13 +37,13 @@ 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;
             }
         }
         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];
             }
@@ -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);
 }
@@ -73,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) {
@@ -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;
@@ -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));
             }
         });
     });
@@ -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);
             });
         }
@@ -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.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;