@openreplay/tracker 14.0.10-beta.1 → 14.0.10

package/cjs/app/observer/top_observer.js

@@ -1,134 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const observer_js_1 = __importDefault(require("./observer.js"));
-const guards_js_1 = require("../guards.js");
-const iframe_observer_js_1 = __importDefault(require("./iframe_observer.js"));
-const shadow_root_observer_js_1 = __importDefault(require("./shadow_root_observer.js"));
-const iframe_offsets_js_1 = __importDefault(require("./iframe_offsets.js"));
-const messages_gen_js_1 = require("../messages.gen.js");
-const utils_js_1 = require("../../utils.js");
-const attachShadowNativeFn = utils_js_1.IN_BROWSER ? Element.prototype.attachShadow : () => new ShadowRoot();
-class TopObserver extends observer_js_1.default {
-    constructor(app, options) {
-        super(app, true);
-        this.iframeOffsets = new iframe_offsets_js_1.default();
-        this.contextCallbacks = [];
-        // Attached once per Tracker instance
-        this.contextsSet = new Set();
-        this.iframeObservers = [];
-        this.shadowRootObservers = [];
-        this.options = Object.assign({
-            captureIFrames: true,
-        }, options);
-        // IFrames
-        this.app.nodes.attachNodeCallback((node) => {
-            if ((0, guards_js_1.hasTag)(node, 'iframe') &&
-                ((this.options.captureIFrames && !(0, utils_js_1.hasOpenreplayAttribute)(node, 'obscured')) ||
-                    (0, utils_js_1.hasOpenreplayAttribute)(node, 'capture'))) {
-                this.handleIframe(node);
-            }
-        });
-        // ShadowDOM
-        this.app.nodes.attachNodeCallback((node) => {
-            if ((0, guards_js_1.isElementNode)(node) && node.shadowRoot !== null) {
-                this.handleShadowRoot(node.shadowRoot);
-            }
-        });
-    }
-    attachContextCallback(cb) {
-        this.contextCallbacks.push(cb);
-    }
-    getDocumentOffset(doc) {
-        return this.iframeOffsets.getDocumentOffset(doc);
-    }
-    handleIframe(iframe) {
-        let doc = null;
-        // setTimeout is required. Otherwise some event listeners (scroll, mousemove) applied in modules
-        //     do not work on the iframe document when it 've been loaded dynamically ((why?))
-        const handle = this.app.safe(() => setTimeout(() => {
-            const id = this.app.nodes.getID(iframe);
-            if (id === undefined) {
-                //log
-                return;
-            }
-            if (!(0, utils_js_1.canAccessIframe)(iframe))
-                return;
-            const currentWin = iframe.contentWindow;
-            const currentDoc = iframe.contentDocument;
-            if (currentDoc && currentDoc !== doc) {
-                const observer = new iframe_observer_js_1.default(this.app);
-                this.iframeObservers.push(observer);
-                observer.observe(iframe); // TODO: call unregisterNode for the previous doc if present (incapsulate: one iframe - one observer)
-                doc = currentDoc;
-                this.iframeOffsets.observe(iframe);
-            }
-            if (currentWin &&
-                // Sometimes currentWin.window is null (not in specification). Such window object is not functional
-                currentWin === currentWin.window &&
-                !this.contextsSet.has(currentWin) // for each context callbacks called once per Tracker (TopObserver) instance
-            //TODO: more explicit logic
-            ) {
-                this.contextsSet.add(currentWin);
-                //@ts-ignore https://github.com/microsoft/TypeScript/issues/41684
-                this.contextCallbacks.forEach((cb) => cb(currentWin));
-            }
-            // we need this delay because few iframes stacked one in another with rapid updates will break the player (or browser engine rather?)
-        }, 100));
-        iframe.addEventListener('load', handle); // why app.attachEventListener not working?
-        handle();
-    }
-    handleShadowRoot(shRoot) {
-        const observer = new shadow_root_observer_js_1.default(this.app);
-        this.shadowRootObservers.push(observer);
-        observer.observe(shRoot.host);
-    }
-    observe() {
-        // Protection from several subsequent calls?
-        const observer = this;
-        Element.prototype.attachShadow = function () {
-            // eslint-disable-next-line
-            const shadow = attachShadowNativeFn.apply(this, arguments);
-            observer.handleShadowRoot(shadow);
-            return shadow;
-        };
-        this.app.nodes.clear();
-        // Can observe documentElement (<html>) here, because it is not supposed to be changing.
-        // However, it is possible in some exotic cases and may cause an ignorance of the newly created <html>
-        // In this case context.document have to be observed, but this will cause
-        // the change in the re-player behaviour caused by CreateDocument message:
-        //   the 0-node ("fRoot") will become #document rather than documentElement as it is now.
-        // Alternatively - observe(#document) then bindNode(documentElement)
-        this.observeRoot(window.document, () => {
-            this.app.send((0, messages_gen_js_1.CreateDocument)());
-            // it has no node_id here
-            this.app.nodes.callNodeCallbacks(document, true);
-        }, window.document.documentElement);
-    }
-    crossdomainObserve(selfId, frameOder) {
-        const observer = this;
-        Element.prototype.attachShadow = function () {
-            // eslint-disable-next-line
-            const shadow = attachShadowNativeFn.apply(this, arguments);
-            observer.handleShadowRoot(shadow);
-            return shadow;
-        };
-        this.app.nodes.clear();
-        this.app.nodes.syntheticMode(frameOder);
-        const iframeObserver = new iframe_observer_js_1.default(this.app);
-        this.iframeObservers.push(iframeObserver);
-        iframeObserver.syntheticObserve(selfId, window.document);
-    }
-    disconnect() {
-        this.iframeOffsets.clear();
-        Element.prototype.attachShadow = attachShadowNativeFn;
-        this.iframeObservers.forEach((o) => o.disconnect());
-        this.iframeObservers = [];
-        this.shadowRootObservers.forEach((o) => o.disconnect());
-        this.shadowRootObservers = [];
-        super.disconnect();
-    }
-}
-exports.default = TopObserver;

package/cjs/app/sanitizer.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringWiper = exports.SanitizeLevel = void 0;
-const utils_js_1 = require("../utils.js");
-const guards_js_1 = require("./guards.js");
-var SanitizeLevel;
-(function (SanitizeLevel) {
-    SanitizeLevel[SanitizeLevel["Plain"] = 0] = "Plain";
-    SanitizeLevel[SanitizeLevel["Obscured"] = 1] = "Obscured";
-    SanitizeLevel[SanitizeLevel["Hidden"] = 2] = "Hidden";
-})(SanitizeLevel = exports.SanitizeLevel || (exports.SanitizeLevel = {}));
-const stringWiper = (input) => input
-    .trim()
-    .replace(/[^\f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]/g, '█');
-exports.stringWiper = stringWiper;
-class Sanitizer {
-    constructor(app, options) {
-        this.app = app;
-        this.obscured = new Set();
-        this.hidden = new Set();
-        this.options = Object.assign({
-            obscureTextEmails: true,
-            obscureTextNumbers: false,
-        }, options);
-    }
-    handleNode(id, parentID, node) {
-        if (this.obscured.has(parentID) ||
-            ((0, guards_js_1.isElementNode)(node) &&
-                ((0, utils_js_1.hasOpenreplayAttribute)(node, 'masked') || (0, utils_js_1.hasOpenreplayAttribute)(node, 'obscured')))) {
-            this.obscured.add(id);
-        }
-        if (this.hidden.has(parentID) ||
-            ((0, guards_js_1.isElementNode)(node) &&
-                ((0, utils_js_1.hasOpenreplayAttribute)(node, 'htmlmasked') || (0, utils_js_1.hasOpenreplayAttribute)(node, 'hidden')))) {
-            this.hidden.add(id);
-        }
-        if (this.options.domSanitizer !== undefined && (0, guards_js_1.isElementNode)(node)) {
-            const sanitizeLevel = this.options.domSanitizer(node);
-            if (sanitizeLevel === SanitizeLevel.Obscured) {
-                this.obscured.add(id);
-            }
-            if (sanitizeLevel === SanitizeLevel.Hidden) {
-                this.hidden.add(id);
-            }
-        }
-    }
-    sanitize(id, data) {
-        if (this.obscured.has(id)) {
-            // TODO: is it the best place to put trim() ? Might trimmed spaces be considered in layout in certain cases?
-            return (0, exports.stringWiper)(data);
-        }
-        if (this.options.obscureTextNumbers) {
-            data = data.replace(/\d/g, '0');
-        }
-        if (this.options.obscureTextEmails) {
-            data = data.replace(/^\w+([+.-]\w+)*@\w+([.-]\w+)*\.\w{2,3}$/g, (email) => {
-                const [name, domain] = email.split('@');
-                const [domainName, host] = domain.split('.');
-                return `${(0, utils_js_1.stars)(name)}@${(0, utils_js_1.stars)(domainName)}.${(0, utils_js_1.stars)(host)}`;
-            });
-        }
-        return data;
-    }
-    isObscured(id) {
-        return this.obscured.has(id);
-    }
-    isHidden(id) {
-        return this.hidden.has(id);
-    }
-    getInnerTextSecure(el) {
-        const id = this.app.nodes.getID(el);
-        if (!id) {
-            return '';
-        }
-        return this.sanitize(id, el.innerText);
-    }
-    clear() {
-        this.obscured.clear();
-        this.hidden.clear();
-    }
-}
-exports.default = Sanitizer;

package/cjs/app/session.js

@@ -1,140 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_js_1 = require("../utils.js");
-class Session {
-    constructor(app, options) {
-        this.app = app;
-        this.options = options;
-        this.metadata = {};
-        this.userID = null;
-        this.callbacks = [];
-        this.timestamp = 0;
-        this.createTabId();
-    }
-    attachUpdateCallback(cb) {
-        this.callbacks.push(cb);
-    }
-    handleUpdate(newInfo) {
-        if (newInfo.userID == null) {
-            delete newInfo.userID;
-        }
-        if (newInfo.sessionID == null) {
-            delete newInfo.sessionID;
-        }
-        this.callbacks.forEach((cb) => cb(newInfo));
-    }
-    assign(newInfo) {
-        if (newInfo.userID !== undefined) {
-            // TODO clear nullable/undefinable types
-            this.userID = newInfo.userID;
-        }
-        if (newInfo.metadata !== undefined) {
-            Object.entries(newInfo.metadata).forEach(([k, v]) => (this.metadata[k] = v));
-        }
-        if (newInfo.sessionID !== undefined) {
-            this.sessionID = newInfo.sessionID;
-        }
-        if (newInfo.timestamp !== undefined) {
-            this.timestamp = newInfo.timestamp;
-        }
-        if (newInfo.projectID !== undefined) {
-            this.projectID = newInfo.projectID;
-        }
-        this.handleUpdate(newInfo);
-    }
-    setMetadata(key, value) {
-        this.metadata[key] = value;
-        this.handleUpdate({ metadata: { [key]: value } });
-    }
-    setUserID(userID) {
-        this.userID = userID;
-        this.handleUpdate({ userID });
-    }
-    setUserInfo(userInfo) {
-        this.userInfo = userInfo;
-    }
-    getPageNumber() {
-        const pageNoStr = this.app.sessionStorage.getItem(this.options.session_pageno_key);
-        if (pageNoStr == null) {
-            return undefined;
-        }
-        return parseInt(pageNoStr);
-    }
-    incPageNo() {
-        let pageNo = this.getPageNumber();
-        if (pageNo === undefined) {
-            pageNo = 0;
-        }
-        else {
-            pageNo++;
-        }
-        this.app.sessionStorage.setItem(this.options.session_pageno_key, pageNo.toString());
-        return pageNo;
-    }
-    getSessionToken() {
-        const token = this.token || this.app.sessionStorage.getItem(this.options.session_token_key);
-        return token || undefined;
-    }
-    setSessionToken(token) {
-        this.token = token;
-        this.app.sessionStorage.setItem(this.options.session_token_key, token);
-    }
-    applySessionHash(hash) {
-        const hashParts = decodeURI(hash).split('&');
-        let token = hash;
-        let pageNoStr = '100500'; // back-compat for sessionToken
-        if (hashParts.length == 2) {
-            ;
-            [pageNoStr, token] = hashParts;
-        }
-        if (!pageNoStr || !token) {
-            return;
-        }
-        this.app.sessionStorage.setItem(this.options.session_token_key, token);
-        this.app.sessionStorage.setItem(this.options.session_pageno_key, pageNoStr);
-    }
-    getSessionHash() {
-        const pageNo = this.getPageNumber();
-        const token = this.getSessionToken();
-        if (pageNo === undefined || token === undefined) {
-            return;
-        }
-        return encodeURI(String(pageNo) + '&' + token);
-    }
-    getTabId() {
-        if (!this.tabId)
-            this.createTabId();
-        return this.tabId;
-    }
-    regenerateTabId() {
-        const randomId = (0, utils_js_1.generateRandomId)(12);
-        this.app.sessionStorage.setItem(this.options.session_tabid_key, randomId);
-        this.tabId = randomId;
-    }
-    createTabId() {
-        const localId = this.app.sessionStorage.getItem(this.options.session_tabid_key);
-        if (localId) {
-            this.tabId = localId;
-        }
-        else {
-            this.regenerateTabId();
-        }
-    }
-    getInfo() {
-        return {
-            sessionID: this.sessionID,
-            metadata: this.metadata,
-            userID: this.userID,
-            timestamp: this.timestamp,
-            projectID: this.projectID,
-        };
-    }
-    reset() {
-        this.app.sessionStorage.removeItem(this.options.session_token_key);
-        this.metadata = {};
-        this.userID = null;
-        this.sessionID = undefined;
-        this.timestamp = 0;
-    }
-}
-exports.default = Session;

package/cjs/app/ticker.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function wrap(callback, n) {
-    let t = 0;
-    return () => {
-        if (t++ >= n) {
-            t = 0;
-            callback();
-        }
-    };
-}
-class Ticker {
-    constructor(app) {
-        this.app = app;
-        this.timer = null;
-        this.callbacks = [];
-    }
-    /**
-     * @param {Callback} callback - repeated cb
-     * @param {number} n - number of turn skips; ticker have a 30 ms cycle
-     * @param {boolean} useSafe - using safe wrapper to check if app is active
-     * @param {object} thisArg - link to <this>
-     * */
-    attach(callback, n = 0, useSafe = true, thisArg) {
-        if (thisArg) {
-            callback = callback.bind(thisArg);
-        }
-        if (useSafe) {
-            callback = this.app.safe(callback);
-        }
-        this.callbacks.unshift(n ? wrap(callback, n) : callback) - 1;
-    }
-    start() {
-        if (this.timer === null) {
-            this.timer = setInterval(() => this.callbacks.forEach((cb) => {
-                if (cb)
-                    cb();
-            }), 30);
-        }
-    }
-    stop() {
-        if (this.timer !== null) {
-            clearInterval(this.timer);
-            this.timer = null;
-        }
-    }
-}
-exports.default = Ticker;

package/cjs/common/interaction.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/common/messages.gen.js

@@ -1,4 +0,0 @@
-"use strict";
-// Auto-generated, do not edit
-/* eslint-disable */
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/modules/attributeSender.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StringDictionary = void 0;
-class StringDictionary {
-    constructor() {
-        this.idx = 1;
-        this.backDict = {};
-    }
-    getKey(str) {
-        let isNew = false;
-        if (!this.backDict[str]) {
-            isNew = true;
-            this.backDict[str] = this.idx++;
-        }
-        return [this.backDict[str], isNew];
-    }
-}
-exports.StringDictionary = StringDictionary;
-class AttributeSender {
-    constructor(app, isDictDisabled) {
-        this.app = app;
-        this.isDictDisabled = isDictDisabled;
-        this.dict = new StringDictionary();
-    }
-    sendSetAttribute(id, name, value) {
-        if (this.isDictDisabled) {
-            const msg = [12 /* Type.SetNodeAttribute */, id, name, value];
-            return this.app.send(msg);
-        }
-        else {
-            const message = [
-                51 /* Type.SetNodeAttributeDict */,
-                id,
-                this.applyDict(name),
-                this.applyDict(value),
-            ];
-            return this.app.send(message);
-        }
-    }
-    applyDict(str) {
-        const [key, isNew] = this.dict.getKey(str);
-        if (isNew) {
-            this.app.send([50 /* Type.StringDict */, key, str]);
-        }
-        return key;
-    }
-    clear() {
-        this.dict = new StringDictionary();
-    }
-}
-exports.default = AttributeSender;

package/cjs/modules/axiosSpy.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const messages_gen_js_1 = require("../app/messages.gen.js");
-const utils_js_1 = require("../utils.js");
-const exception_js_1 = require("./exception.js");
-function default_1(app, instance, opts, sanitize, stringify) {
-    app.debug.log('Openreplay: attaching axios spy to instance', instance);
-    function captureResponseData(axiosResponseObj) {
-        app.debug.log('Openreplay: capturing axios response data', axiosResponseObj);
-        const { headers: reqHs, data: reqData, method, url, baseURL } = axiosResponseObj.config;
-        const { data: rData, headers: rHs, status: globStatus, response } = axiosResponseObj;
-        const { data: resData, headers: resHs, status: resStatus } = response || {};
-        const ihOpt = opts.ignoreHeaders;
-        const isHIgnoring = Array.isArray(ihOpt) ? (name) => ihOpt.includes(name) : () => ihOpt;
-        function writeHeader(hsObj, header) {
-            if (!isHIgnoring(header[0])) {
-                hsObj[header[0]] = header[1];
-            }
-        }
-        let requestHs = {};
-        let responseHs = {};
-        if (reqHs.toJSON) {
-            requestHs = reqHs.toJSON();
-        }
-        else if (reqHs instanceof Headers) {
-            reqHs.forEach((v, n) => writeHeader(requestHs, [n, v]));
-        }
-        else if (Array.isArray(reqHs)) {
-            reqHs.forEach((h) => writeHeader(requestHs, h));
-        }
-        else if (typeof reqHs === 'object') {
-            Object.entries(reqHs).forEach((h) => writeHeader(requestHs, h));
-        }
-        const usedResHeader = resHs ? resHs : rHs;
-        if (usedResHeader.toJSON) {
-            responseHs = usedResHeader.toJSON();
-        }
-        else if (usedResHeader instanceof Headers) {
-            usedResHeader.forEach((v, n) => writeHeader(responseHs, [n, v]));
-        }
-        else if (Array.isArray(usedResHeader)) {
-            usedResHeader.forEach((h) => writeHeader(responseHs, h));
-        }
-        else if (typeof usedResHeader === 'object') {
-            Object.entries(usedResHeader).forEach(([n, v]) => {
-                if (!isHIgnoring(n))
-                    responseHs[n] = v;
-            });
-        }
-        const reqResInfo = sanitize({
-            url,
-            method: method || '',
-            status: globStatus || resStatus || 0,
-            request: {
-                headers: requestHs,
-                body: reqData,
-            },
-            response: {
-                headers: responseHs,
-                body: resData || rData,
-            },
-        });
-        if (!reqResInfo) {
-            app.debug.log('Openreplay: empty request/response info, skipping');
-            return;
-        }
-        const requestStart = axiosResponseObj.config.__openreplay_timing;
-        const duration = performance.now() - requestStart;
-        app.debug.log('Openreplay: final req object', reqResInfo);
-        app.send((0, messages_gen_js_1.NetworkRequest)('xhr', String(method), String(reqResInfo.url), stringify(reqResInfo.request), stringify(reqResInfo.response), reqResInfo.status, requestStart + (0, utils_js_1.getTimeOrigin)(), duration, 0));
-    }
-    function getStartTime(config) {
-        app.debug.log('Openreplay: capturing API request', config);
-        config.__openreplay_timing = performance.now();
-        if (opts.sessionTokenHeader) {
-            const header = typeof opts.sessionTokenHeader === 'string'
-                ? opts.sessionTokenHeader
-                : 'X-OpenReplay-Session-Token';
-            const headerValue = app.getSessionToken();
-            if (headerValue) {
-                config.headers.set(header, headerValue);
-            }
-        }
-        return config;
-    }
-    function captureNetworkRequest(response) {
-        if (opts.failuresOnly)
-            return response;
-        captureResponseData(response);
-        return response;
-    }
-    function captureNetworkError(error) {
-        app.debug.log('Openreplay: capturing API request error', error);
-        if (isAxiosError(error) && Boolean(error.response)) {
-            captureResponseData(error.response);
-        }
-        else if (error instanceof Error) {
-            app.send((0, exception_js_1.getExceptionMessage)(error, []));
-        }
-        return Promise.reject(error);
-    }
-    function logRequestError(ev) {
-        app.debug.log('Openreplay: failed API request, skipping', ev);
-    }
-    const reqInt = instance.interceptors.request.use(getStartTime, logRequestError, {
-        synchronous: true,
-    });
-    const resInt = instance.interceptors.response.use(captureNetworkRequest, captureNetworkError, {
-        synchronous: true,
-    });
-    app.attachStopCallback(() => {
-        instance.interceptors.request.eject?.(reqInt);
-        instance.interceptors.response.eject?.(resInt);
-    });
-}
-exports.default = default_1;
-function isAxiosError(payload) {
-    return isObject(payload) && payload.isAxiosError === true;
-}
-function isObject(thing) {
-    return thing !== null && typeof thing === 'object';
-}