@openreplay/tracker 5.0.1 → 5.0.2-beta

package/cjs/modules/exception.js

@@ -1,77 +0,0 @@
-"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 error_stack_parser_1 = require("error-stack-parser");
-function getDefaultStack(e) {
-    return [
-        {
-            columnNumber: e.colno,
-            lineNumber: e.lineno,
-            fileName: e.filename,
-            functionName: '',
-            source: '',
-        },
-    ];
-}
-function getExceptionMessage(error, fallbackStack, metadata = {}) {
-    let stack = fallbackStack;
-    try {
-        stack = error_stack_parser_1.default.parse(error);
-    }
-    catch (e) { }
-    return (0, messages_gen_js_1.JSException)(error.name, error.message, JSON.stringify(stack), JSON.stringify(metadata));
-}
-exports.getExceptionMessage = getExceptionMessage;
-function getExceptionMessageFromEvent(e, context = window, metadata = {}) {
-    if (e instanceof ErrorEvent) {
-        if (e.error instanceof Error) {
-            return getExceptionMessage(e.error, getDefaultStack(e), metadata);
-        }
-        else {
-            let [name, message] = e.message.split(':');
-            if (!message) {
-                name = 'Error';
-                message = e.message;
-            }
-            return (0, messages_gen_js_1.JSException)(name, message, JSON.stringify(getDefaultStack(e)), JSON.stringify(metadata));
-        }
-    }
-    else if ('PromiseRejectionEvent' in context && e instanceof context.PromiseRejectionEvent) {
-        if (e.reason instanceof Error) {
-            return getExceptionMessage(e.reason, [], metadata);
-        }
-        else {
-            let message;
-            try {
-                message = JSON.stringify(e.reason);
-            }
-            catch (_) {
-                message = String(e.reason);
-            }
-            return (0, messages_gen_js_1.JSException)('Unhandled Promise Rejection', message, '[]', JSON.stringify(metadata));
-        }
-    }
-    return null;
-}
-exports.getExceptionMessageFromEvent = getExceptionMessageFromEvent;
-function default_1(app, opts) {
-    const options = Object.assign({
-        captureExceptions: true,
-    }, opts);
-    function patchContext(context) {
-        function handler(e) {
-            const msg = getExceptionMessageFromEvent(e, context);
-            if (msg != null) {
-                app.send(msg);
-            }
-        }
-        app.attachEventListener(context, 'unhandledrejection', handler);
-        app.attachEventListener(context, 'error', handler);
-    }
-    if (options.captureExceptions) {
-        app.observer.attachContextCallback(patchContext); // TODO: attach once-per-iframe (?)
-        patchContext(window);
-    }
-}
-exports.default = default_1;

package/cjs/modules/focus.d.ts

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

package/cjs/modules/focus.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const guards_js_1 = require("../app/guards.js");
-const messages_gen_js_1 = require("../app/messages.gen.js");
-function default_1(app) {
-    function sendSetNodeFocus(n) {
-        const id = app.nodes.getID(n);
-        if (id !== undefined) {
-            app.send((0, messages_gen_js_1.SetNodeFocus)(id));
-        }
-    }
-    let blurred = false;
-    app.nodes.attachNodeCallback((node) => {
-        if (!(0, guards_js_1.hasTag)(node, 'body')) {
-            return;
-        }
-        app.nodes.attachNodeListener(node, 'focus', (e) => {
-            if (!(0, guards_js_1.isNode)(e.target)) {
-                return;
-            }
-            sendSetNodeFocus(e.target);
-            blurred = false;
-        });
-        app.nodes.attachNodeListener(node, 'blur', (e) => {
-            if (e.relatedTarget === null) {
-                blurred = true;
-                setTimeout(() => {
-                    if (blurred) {
-                        app.send((0, messages_gen_js_1.SetNodeFocus)(-1));
-                    }
-                }, 0);
-            }
-        });
-    });
-    app.attachStartCallback(() => {
-        let elem = document.activeElement;
-        while (elem && (0, guards_js_1.hasTag)(elem, 'iframe') && elem.contentDocument) {
-            elem = elem.contentDocument.activeElement;
-        }
-        if (elem && elem !== elem.ownerDocument.body) {
-            sendSetNodeFocus(elem);
-        }
-    }, true);
-}
-exports.default = default_1;

package/cjs/modules/fonts.d.ts

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

package/cjs/modules/fonts.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const guards_js_1 = require("../app/guards.js");
-const messages_gen_js_1 = require("../app/messages.gen.js");
-function default_1(app) {
-    if (!window.FontFace) {
-        return;
-    }
-    const docFonts = new Map();
-    const patchWindow = (wnd) => {
-        class FontFaceInterceptor extends wnd.FontFace {
-            constructor(...args) {
-                //maybe do this on load(). In this case check if the document.fonts.load(...) function calls the font's load()
-                if (typeof args[1] === 'string') {
-                    let desc = '';
-                    if (args[2]) {
-                        app.safe(() => {
-                            desc = JSON.stringify(args[2]);
-                        });
-                    }
-                    const ffData = [args[0], args[1], desc];
-                    const ffDataArr = docFonts.get(wnd.document) || [];
-                    ffDataArr.push(ffData);
-                    docFonts.set(wnd.document, ffDataArr);
-                    const parentID = wnd === window ? 0 : app.nodes.getID(wnd.document);
-                    if (parentID === undefined) {
-                        return;
-                    }
-                    if (app.active()) {
-                        app.send((0, messages_gen_js_1.LoadFontFace)(parentID, ...ffData));
-                    }
-                }
-                super(...args);
-            }
-        }
-        wnd.FontFace = FontFaceInterceptor;
-    };
-    app.observer.attachContextCallback(patchWindow);
-    patchWindow(window);
-    app.nodes.attachNodeCallback(app.safe((node) => {
-        if (!(0, guards_js_1.isDocument)(node)) {
-            return;
-        }
-        const ffDataArr = docFonts.get(node);
-        if (!ffDataArr) {
-            return;
-        }
-        const parentID = node.defaultView === window ? 0 : app.nodes.getID(node);
-        if (parentID === undefined) {
-            return;
-        }
-        ffDataArr.forEach((ffData) => {
-            app.send((0, messages_gen_js_1.LoadFontFace)(parentID, ...ffData));
-        });
-    }));
-}
-exports.default = default_1;

package/cjs/modules/img.d.ts

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

package/cjs/modules/img.js

@@ -1,110 +0,0 @@
-"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 guards_js_1 = require("../app/guards.js");
-function resolveURL(url, location = document.location) {
-    url = url.trim();
-    if (url.startsWith('//') ||
-        url.startsWith('http://') ||
-        url.startsWith('https://') ||
-        url.startsWith('data:') // any other possible value here? https://bugzilla.mozilla.org/show_bug.cgi?id=1758035
-    ) {
-        return url;
-    }
-    else if (url.startsWith('/')) {
-        return location.origin + url;
-    }
-    else {
-        return location.origin + location.pathname + url;
-    }
-}
-// https://bugzilla.mozilla.org/show_bug.cgi?id=1607081
-function isSVGInFireFox(url) {
-    return utils_js_1.IS_FIREFOX && (url.startsWith('data:image/svg+xml') || url.match(/.svg$|/i));
-}
-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));
-        const { width, height } = node.getBoundingClientRect();
-        if (!node.hasAttribute('width')) {
-            app.send((0, messages_gen_js_1.SetNodeAttribute)(id, 'width', String(width)));
-        }
-        if (!node.hasAttribute('height')) {
-            app.send((0, messages_gen_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) {
-        if (img.src.length > utils_js_1.MAX_STR_LEN) {
-            sendPlaceholder(id, img);
-        }
-        app.send((0, messages_gen_js_1.SetNodeAttributeURLBased)(id, 'src', img.src, app.getBaseHref()));
-    };
-    const sendImgError = app.safe(function (img) {
-        const resolvedSrc = resolveURL(img.src || ''); // Src type is null sometimes. - is it true?
-        if ((0, utils_js_1.isURL)(resolvedSrc)) {
-            app.send((0, messages_gen_js_1.ResourceTiming)(app.timestamp(), 0, 0, 0, 0, 0, resolvedSrc, 'img'));
-        }
-    });
-    const sendImgAttrs = app.safe(function (img) {
-        const id = app.nodes.getID(img);
-        if (id === undefined) {
-            return;
-        }
-        if (!img.complete) {
-            return;
-        }
-        if (img.naturalHeight === 0 && img.naturalWidth === 0 && !isSVGInFireFox(img.src)) {
-            sendImgError(img);
-        }
-        else if (app.sanitizer.isHidden(id) || app.sanitizer.isObscured(id)) {
-            sendPlaceholder(id, img);
-        }
-        else {
-            sendSrc(id, img);
-            sendSrcset(id, img);
-        }
-    });
-    const observer = new MutationObserver((mutations) => {
-        for (const mutation of mutations) {
-            if (mutation.type === 'attributes') {
-                const target = mutation.target;
-                const id = app.nodes.getID(target);
-                if (id === undefined) {
-                    return;
-                }
-                if (mutation.attributeName === 'src') {
-                    sendSrc(id, target);
-                }
-                if (mutation.attributeName === 'srcset') {
-                    sendSrcset(id, target);
-                }
-            }
-        }
-    });
-    app.attachStopCallback(() => {
-        observer.disconnect();
-    });
-    app.nodes.attachNodeCallback((node) => {
-        if (!(0, guards_js_1.hasTag)(node, 'img')) {
-            return;
-        }
-        app.nodes.attachNodeListener(node, 'error', () => sendImgError(node));
-        app.nodes.attachNodeListener(node, 'load', () => sendImgAttrs(node));
-        sendImgAttrs(node);
-        observer.observe(node, { attributes: true, attributeFilter: ['src', 'srcset'] });
-    });
-}
-exports.default = default_1;

package/cjs/modules/input.d.ts

@@ -1,16 +0,0 @@
-import type App from '../app/index.js';
-type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
-export declare function getInputLabel(node: TextEditableElement): string;
-export declare const enum InputMode {
-    Plain = 0,
-    Obscured = 1,
-    Hidden = 2
-}
-export interface Options {
-    obscureInputNumbers: boolean;
-    obscureInputEmails: boolean;
-    defaultInputMode: InputMode;
-    obscureInputDates: boolean;
-}
-export default function (app: App, opts: Partial<Options>): void;
-export {};

package/cjs/modules/input.js

@@ -1,163 +0,0 @@
-"use strict";
-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 INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date', 'tel'];
-function isTextEditable(node) {
-    if ((0, guards_js_1.hasTag)(node, 'textarea')) {
-        return true;
-    }
-    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')) {
-        return false;
-    }
-    const type = node.type;
-    return type === 'checkbox' || type === 'radio';
-}
-const labelElementFor = utils_js_1.IN_BROWSER && 'labels' in HTMLInputElement.prototype
-    ? (node) => {
-        let p = node;
-        while ((p = p.parentNode) !== null) {
-            if ((0, guards_js_1.hasTag)(p, 'label')) {
-                return p;
-            }
-        }
-        const labels = node.labels;
-        if (labels !== null && labels.length === 1) {
-            return labels[0];
-        }
-    }
-    : (node) => {
-        let p = node;
-        while ((p = p.parentNode) !== null) {
-            if ((0, guards_js_1.hasTag)(p, 'label')) {
-                return p;
-            }
-        }
-        const id = node.id;
-        if (id) {
-            const labels = node.ownerDocument.querySelectorAll('label[for="' + id + '"]');
-            if (labels !== null && labels.length === 1) {
-                return labels[0];
-            }
-        }
-    };
-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;
-    }
-    return (0, utils_js_1.normSpaces)(label).slice(0, 100);
-}
-exports.getInputLabel = getInputLabel;
-function default_1(app, opts) {
-    const options = Object.assign({
-        obscureInputNumbers: true,
-        obscureInputEmails: true,
-        defaultInputMode: 1 /* InputMode.Obscured */,
-        obscureInputDates: false,
-    }, opts);
-    function sendInputTarget(id, node) {
-        const label = getInputLabel(node);
-        if (label !== '') {
-            app.send((0, messages_gen_js_1.SetInputTarget)(id, label));
-        }
-    }
-    function sendInputValue(id, node) {
-        let value = node.value;
-        let inputMode = options.defaultInputMode;
-        if (node.type === 'password' || app.sanitizer.isHidden(id)) {
-            inputMode = 2 /* InputMode.Hidden */;
-        }
-        else if (app.sanitizer.isObscured(id) ||
-            (inputMode === 0 /* InputMode.Plain */ &&
-                ((options.obscureInputNumbers && node.type !== 'date' && /\d\d\d\d/.test(value)) ||
-                    (options.obscureInputDates && node.type === 'date') ||
-                    (options.obscureInputEmails && (node.type === 'email' || !!~value.indexOf('@')))))) {
-            inputMode = 1 /* InputMode.Obscured */;
-        }
-        let mask = 0;
-        switch (inputMode) {
-            case 2 /* InputMode.Hidden */:
-                mask = -1;
-                value = '';
-                break;
-            case 1 /* InputMode.Obscured */:
-                mask = value.length;
-                value = '';
-                break;
-        }
-        app.send((0, messages_gen_js_1.SetInputValue)(id, value, mask));
-    }
-    const inputValues = new Map();
-    const checkableValues = new Map();
-    const registeredTargets = new Set();
-    app.attachStopCallback(() => {
-        inputValues.clear();
-        checkableValues.clear();
-        registeredTargets.clear();
-    });
-    app.ticker.attach(() => {
-        inputValues.forEach((value, id) => {
-            const node = app.nodes.getNode(id);
-            if (!node)
-                return inputValues.delete(id);
-            if (value !== node.value) {
-                inputValues.set(id, node.value);
-                if (!registeredTargets.has(id)) {
-                    registeredTargets.add(id);
-                    sendInputTarget(id, node);
-                }
-                sendInputValue(id, node);
-            }
-        });
-        checkableValues.forEach((checked, id) => {
-            const node = app.nodes.getNode(id);
-            if (!node)
-                return checkableValues.delete(id);
-            if (checked !== node.checked) {
-                checkableValues.set(id, node.checked);
-                app.send((0, messages_gen_js_1.SetInputChecked)(id, node.checked));
-            }
-        });
-    });
-    app.ticker.attach(Set.prototype.clear, 100, false, registeredTargets);
-    app.nodes.attachNodeCallback(app.safe((node) => {
-        const id = app.nodes.getID(node);
-        if (id === undefined) {
-            return;
-        }
-        // TODO: support multiple select (?): use selectedOptions; Need send target?
-        if ((0, guards_js_1.hasTag)(node, 'select')) {
-            sendInputValue(id, node);
-            app.attachEventListener(node, 'change', () => {
-                sendInputValue(id, node);
-            });
-        }
-        if (isTextEditable(node)) {
-            inputValues.set(id, node.value);
-            sendInputValue(id, node);
-            return;
-        }
-        if (isCheckable(node)) {
-            checkableValues.set(id, node.checked);
-            app.send((0, messages_gen_js_1.SetInputChecked)(id, node.checked));
-            return;
-        }
-    }));
-}
-exports.default = default_1;

package/cjs/modules/mouse.d.ts

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

package/cjs/modules/mouse.js

@@ -1,148 +0,0 @@
-"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 input_js_1 = require("./input.js");
-const finder_1 = require("@medv/finder");
-function _getSelector(target, document) {
-    const selector = (0, finder_1.finder)(target, {
-        root: document.body,
-        seedMinLength: 3,
-        optimizedMinLength: 2,
-        threshold: 1000,
-        maxNumberOfTries: 10000,
-    });
-    return selector;
-}
-function isClickable(element) {
-    const tag = element.tagName.toUpperCase();
-    return (tag === 'BUTTON' ||
-        tag === 'A' ||
-        tag === 'LI' ||
-        tag === 'SELECT' ||
-        tag === 'TR' ||
-        tag === 'TH' ||
-        element.onclick != null ||
-        element.getAttribute('role') === 'button');
-    //|| element.className.includes("btn")
-    // MBTODO: intersept addEventListener
-}
-//TODO: fix (typescript is not sure about target variable after assignation of svg)
-function getTarget(target, document) {
-    if (target instanceof Element) {
-        return _getTarget(target, document);
-    }
-    return null;
-}
-function _getTarget(target, document) {
-    let element = target;
-    while (element !== null && element !== document.documentElement) {
-        if ((0, utils_js_1.hasOpenreplayAttribute)(element, 'masked')) {
-            return null;
-        }
-        element = element.parentElement;
-    }
-    if ((0, guards_js_1.isSVGElement)(target)) {
-        let owner = target.ownerSVGElement;
-        while (owner !== null) {
-            target = owner;
-            owner = owner.ownerSVGElement;
-        }
-    }
-    element = target;
-    while (element !== null && element !== document.documentElement) {
-        const tag = element.tagName.toUpperCase();
-        if (tag === 'LABEL') {
-            return null;
-        }
-        if (tag === 'INPUT') {
-            return element;
-        }
-        if (isClickable(element) || (0, utils_js_1.getLabelAttribute)(element) !== null) {
-            return element;
-        }
-        element = element.parentElement;
-    }
-    return target === document.documentElement ? null : target;
-}
-function default_1(app) {
-    function getTargetLabel(target) {
-        const dl = (0, utils_js_1.getLabelAttribute)(target);
-        if (dl !== null) {
-            return dl;
-        }
-        if ((0, guards_js_1.hasTag)(target, 'input')) {
-            return (0, input_js_1.getInputLabel)(target);
-        }
-        if (isClickable(target)) {
-            let label = '';
-            if (target instanceof HTMLElement) {
-                label = app.sanitizer.getInnerTextSecure(target);
-            }
-            label = label || target.id || target.className;
-            return (0, utils_js_1.normSpaces)(label).slice(0, 100);
-        }
-        return '';
-    }
-    let mousePositionX = -1;
-    let mousePositionY = -1;
-    let mousePositionChanged = false;
-    let mouseTarget = null;
-    let mouseTargetTime = 0;
-    let selectorMap = {};
-    app.attachStopCallback(() => {
-        mousePositionX = -1;
-        mousePositionY = -1;
-        mousePositionChanged = false;
-        mouseTarget = null;
-        selectorMap = {};
-    });
-    const sendMouseMove = () => {
-        if (mousePositionChanged) {
-            app.send((0, messages_gen_js_1.MouseMove)(mousePositionX, mousePositionY));
-            mousePositionChanged = false;
-        }
-    };
-    const patchDocument = (document, topframe = false) => {
-        function getSelector(id, target) {
-            return (selectorMap[id] = selectorMap[id] || _getSelector(target, document));
-        }
-        const attachListener = topframe
-            ? app.attachEventListener.bind(app) // attached/removed on start/stop
-            : app.nodes.attachNodeListener.bind(app.nodes); // attached/removed on node register/unregister
-        attachListener(document.documentElement, 'mouseover', (e) => {
-            const target = getTarget(e.target, document);
-            if (target !== mouseTarget) {
-                mouseTarget = target;
-                mouseTargetTime = performance.now();
-            }
-        });
-        attachListener(document, 'mousemove', (e) => {
-            const [left, top] = app.observer.getDocumentOffset(document); // MBTODO?: document-id related message
-            mousePositionX = e.clientX + left;
-            mousePositionY = e.clientY + top;
-            mousePositionChanged = true;
-        }, false);
-        attachListener(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), isClickable(target) ? getSelector(id, target) : ''), true);
-            }
-            mouseTarget = null;
-        });
-    };
-    app.nodes.attachNodeCallback((node) => {
-        if ((0, guards_js_1.isDocument)(node)) {
-            patchDocument(node);
-        }
-    });
-    patchDocument(document, true);
-    app.ticker.attach(sendMouseMove, 10);
-}
-exports.default = default_1;

package/cjs/modules/network.d.ts

@@ -1,28 +0,0 @@
-import type App from '../app/index.js';
-type XHRRequestBody = Parameters<XMLHttpRequest['send']>[0];
-type FetchRequestBody = RequestInit['body'];
-interface RequestData {
-    body: XHRRequestBody | FetchRequestBody;
-    headers: Record<string, string>;
-}
-interface ResponseData {
-    body: any;
-    headers: Record<string, string>;
-}
-interface RequestResponseData {
-    readonly status: number;
-    readonly method: string;
-    url: string;
-    request: RequestData;
-    response: ResponseData;
-}
-type Sanitizer = (data: RequestResponseData) => RequestResponseData | null;
-export interface Options {
-    sessionTokenHeader: string | boolean;
-    failuresOnly: boolean;
-    ignoreHeaders: Array<string> | boolean;
-    capturePayload: boolean;
-    sanitizer?: Sanitizer;
-}
-export default function (app: App, opts?: Partial<Options>): void;
-export {};