@openreplay/tracker 4.1.10 → 4.1.11

package/lib/index.d.ts

@@ -9,16 +9,14 @@ import type { Options as ExceptionOptions } from './modules/exception.js';
 import type { Options as InputOptions } from './modules/input.js';
 import type { Options as PerformanceOptions } from './modules/performance.js';
 import type { Options as TimingOptions } from './modules/timing.js';
-import type { Options as NetworkOptions } from './modules/network.js';
 import type { StartOptions } from './app/index.js';
 import type { StartPromiseReturn } from './app/index.js';
-export type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
+export declare type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
     projectID?: number;
     projectKey: string;
     sessionToken?: string;
     respectDoNotTrack?: boolean;
     autoResetOnWindowOpen?: boolean;
-    network?: NetworkOptions;
     __DISABLE_SECURE_MODE?: boolean;
 };
 export default class API {
@@ -32,9 +30,7 @@ export default class API {
     getSessionToken(): string | null | undefined;
     getSessionID(): string | null | undefined;
     sessionID(): string | null | undefined;
-    getSessionURL(options?: {
-        withCurrentTime?: boolean;
-    }): string | undefined;
+    getSessionURL(): string | undefined;
     setUserID(id: string): void;
     userID(id: string): void;
     setUserAnonymousID(id: string): void;

package/lib/index.js

@@ -1,6 +1,6 @@
 import App, { DEFAULT_INGEST_POINT } from './app/index.js';
 export { default as App } from './app/index.js';
-import { UserAnonymousID, CustomEvent, CustomIssue } from './app/messages.gen.js';
+import { UserAnonymousID, RawCustomEvent, CustomIssue } from './app/messages.gen.js';
 import * as _Messages from './app/messages.gen.js';
 export const Messages = _Messages;
 export { SanitizeLevel } from './app/sanitizer.js';
@@ -17,10 +17,9 @@ import Viewport from './modules/viewport.js';
 import CSSRules from './modules/cssrules.js';
 import Focus from './modules/focus.js';
 import Fonts from './modules/fonts.js';
-import Network from './modules/network.js';
 import ConstructedStyleSheets from './modules/constructedStyleSheets.js';
 import { IN_BROWSER, deprecationWarn, DOCS_HOST } from './utils.js';
-const DOCS_SETUP = '/installation/javascript-sdk';
+const DOCS_SETUP = '/installation/setup-or';
 function processOptions(obj) {
     if (obj == null) {
         console.error(`OpenReplay: invalid options argument type. Please, check documentation on ${DOCS_HOST}${DOCS_SETUP}`);
@@ -110,7 +109,6 @@ export default class API {
             Scroll(app);
             Focus(app);
             Fonts(app);
-            Network(app, options.network);
             window.__OPENREPLAY__ = this;
             if (options.autoResetOnWindowOpen) {
                 const wOpen = window.open;
@@ -135,7 +133,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: '4.1.10',
+                trackerVersion: '4.1.11',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -185,11 +183,11 @@ export default class API {
         deprecationWarn("'sessionID' method", "'getSessionID' method", '/');
         return this.getSessionID();
     }
-    getSessionURL(options) {
+    getSessionURL() {
         if (this.app === null) {
             return undefined;
         }
-        return this.app.getSessionURL(options);
+        return this.app.getSessionURL();
     }
     setUserID(id) {
         if (typeof id === 'string' && this.app !== null) {
@@ -230,7 +228,7 @@ export default class API {
                 catch (e) {
                     return;
                 }
-                this.app.send(CustomEvent(key, payload));
+                this.app.send(RawCustomEvent(key, payload));
             }
         }
     }

package/lib/modules/cssrules.js

@@ -75,7 +75,7 @@ export default function (app) {
     patchContext(window);
     app.observer.attachContextCallback(patchContext);
     app.nodes.attachNodeCallback((node) => {
-        if (!hasTag(node, 'style') || !node.sheet) {
+        if (!(hasTag(node, 'STYLE') || hasTag(node, 'style')) || !node.sheet) {
             return;
         }
         if (node.textContent !== null && node.textContent.trim().length > 0) {

package/lib/modules/focus.js

@@ -9,7 +9,7 @@ export default function (app) {
     }
     let blurred = false;
     app.nodes.attachNodeCallback((node) => {
-        if (!hasTag(node, 'body')) {
+        if (!hasTag(node, 'BODY')) {
             return;
         }
         app.nodes.attachNodeListener(node, 'focus', (e) => {
@@ -32,7 +32,7 @@ export default function (app) {
     });
     app.attachStartCallback(() => {
         let elem = document.activeElement;
-        while (elem && hasTag(elem, 'iframe') && elem.contentDocument) {
+        while (elem && hasTag(elem, 'IFRAME') && elem.contentDocument) {
             elem = elem.contentDocument.activeElement;
         }
         if (elem && elem !== elem.ownerDocument.body) {

package/lib/modules/fonts.js

@@ -35,7 +35,7 @@ export default function (app) {
     };
     app.observer.attachContextCallback(patchWindow);
     patchWindow(window);
-    app.nodes.attachNodeCallback(app.safe((node) => {
+    app.nodes.attachNodeCallback((node) => {
         if (!isDocument(node)) {
             return;
         }
@@ -50,5 +50,5 @@ export default function (app) {
         ffDataArr.forEach((ffData) => {
             app.send(LoadFontFace(parentID, ...ffData));
         });
-    }));
+    });
 }

package/lib/modules/img.js

@@ -3,16 +3,15 @@ import { ResourceTiming, SetNodeAttributeURLBased, SetNodeAttribute } from '../a
 import { hasTag } from '../app/guards.js';
 function resolveURL(url, location = document.location) {
     url = url.trim();
-    if (url.startsWith('//') ||
-        url.startsWith('http://') ||
+    if (url.startsWith('/')) {
+        return location.origin + url;
+    }
+    else if (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;
     }
@@ -96,7 +95,7 @@ export default function (app) {
         observer.disconnect();
     });
     app.nodes.attachNodeCallback((node) => {
-        if (!hasTag(node, 'img')) {
+        if (!hasTag(node, 'IMG')) {
             return;
         }
         app.nodes.attachNodeListener(node, 'error', () => sendImgError(node));

package/lib/modules/input.d.ts

@@ -1,5 +1,5 @@
 import type App from '../app/index.js';
-type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
+declare type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
 export declare function getInputLabel(node: TextEditableElement): string;
 export declare const enum InputMode {
     Plain = 0,

package/lib/modules/input.js

@@ -1,18 +1,18 @@
 import { normSpaces, IN_BROWSER, getLabelAttribute } from '../utils.js';
 import { hasTag } from '../app/guards.js';
 import { SetInputTarget, SetInputValue, SetInputChecked } from '../app/messages.gen.js';
-const INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date', 'tel'];
+const INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date'];
 function isTextEditable(node) {
-    if (hasTag(node, 'textarea')) {
+    if (hasTag(node, 'TEXTAREA')) {
         return true;
     }
-    if (!hasTag(node, 'input')) {
+    if (!hasTag(node, 'INPUT')) {
         return false;
     }
     return INPUT_TYPES.includes(node.type);
 }
 function isCheckable(node) {
-    if (!hasTag(node, 'input')) {
+    if (!hasTag(node, 'INPUT')) {
         return false;
     }
     const type = node.type;
@@ -22,7 +22,7 @@ const labelElementFor = IN_BROWSER && 'labels' in HTMLInputElement.prototype
     ? (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if (hasTag(p, 'label')) {
+            if (hasTag(p, 'LABEL')) {
                 return p;
             }
         }
@@ -34,7 +34,7 @@ const labelElementFor = IN_BROWSER && 'labels' in HTMLInputElement.prototype
     : (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if (hasTag(p, 'label')) {
+            if (hasTag(p, 'LABEL')) {
                 return p;
             }
         }
@@ -64,7 +64,7 @@ export default function (app, opts) {
     const options = Object.assign({
         obscureInputNumbers: true,
         obscureInputEmails: true,
-        defaultInputMode: 0 /* InputMode.Plain */,
+        defaultInputMode: 0 /* Plain */,
         obscureInputDates: false,
     }, opts);
     function sendInputTarget(id, node) {
@@ -77,22 +77,22 @@ export default function (app, opts) {
         let value = node.value;
         let inputMode = options.defaultInputMode;
         if (node.type === 'password' || app.sanitizer.isHidden(id)) {
-            inputMode = 2 /* InputMode.Hidden */;
+            inputMode = 2 /* Hidden */;
         }
         else if (app.sanitizer.isObscured(id) ||
-            (inputMode === 0 /* InputMode.Plain */ &&
+            (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('@')))))) {
-            inputMode = 1 /* InputMode.Obscured */;
+            inputMode = 1 /* Obscured */;
         }
         let mask = 0;
         switch (inputMode) {
-            case 2 /* InputMode.Hidden */:
+            case 2 /* Hidden */:
                 mask = -1;
                 value = '';
                 break;
-            case 1 /* InputMode.Obscured */:
+            case 1 /* Obscured */:
                 mask = value.length;
                 value = '';
                 break;
@@ -111,7 +111,11 @@ export default function (app, opts) {
         inputValues.forEach((value, id) => {
             const node = app.nodes.getNode(id);
             if (!node)
-                return inputValues.delete(id);
+                return;
+            if (!isTextEditable(node)) {
+                inputValues.delete(id);
+                return;
+            }
             if (value !== node.value) {
                 inputValues.set(id, node.value);
                 if (!registeredTargets.has(id)) {
@@ -124,7 +128,11 @@ export default function (app, opts) {
         checkableValues.forEach((checked, id) => {
             const node = app.nodes.getNode(id);
             if (!node)
-                return checkableValues.delete(id);
+                return;
+            if (!isCheckable(node)) {
+                checkableValues.delete(id);
+                return;
+            }
             if (checked !== node.checked) {
                 checkableValues.set(id, node.checked);
                 app.send(SetInputChecked(id, node.checked));
@@ -138,7 +146,7 @@ export default function (app, opts) {
             return;
         }
         // TODO: support multiple select (?): use selectedOptions; Need send target?
-        if (hasTag(node, 'select')) {
+        if (hasTag(node, 'SELECT')) {
             sendInputValue(id, node);
             app.attachEventListener(node, 'change', () => {
                 sendInputValue(id, node);

package/lib/modules/mouse.js

@@ -78,7 +78,7 @@ export default function (app) {
         if (dl !== null) {
             return dl;
         }
-        if (hasTag(target, 'input')) {
+        if (hasTag(target, 'INPUT')) {
             return getInputLabel(target);
         }
         if (isClickable(target)) {

package/lib/modules/timing.js

@@ -1,5 +1,5 @@
 import { hasTag } from '../app/guards.js';
-import { isURL, getTimeOrigin } from '../utils.js';
+import { isURL } from '../utils.js';
 import { ResourceTiming, PageLoadTiming, PageRenderTiming } from '../app/messages.gen.js';
 function getPaintBlocks(resources) {
     const paintBlocks = [];
@@ -8,7 +8,7 @@ function getPaintBlocks(resources) {
     for (let i = 0; i < elements.length; i++) {
         const element = elements[i];
         let src = '';
-        if (hasTag(element, 'img')) {
+        if (hasTag(element, 'IMG')) {
             src = element.currentSrc || element.src;
         }
         if (!src) {
@@ -73,7 +73,7 @@ export default function (app, opts) {
         if (resources !== null) {
             resources[entry.name] = entry.startTime + entry.duration;
         }
-        app.send(ResourceTiming(entry.startTime + getTimeOrigin(), entry.duration, entry.responseStart && entry.startTime ? entry.responseStart - entry.startTime : 0, entry.transferSize > entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0, entry.encodedBodySize || 0, entry.decodedBodySize || 0, entry.name, entry.initiatorType));
+        app.send(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 : 0, entry.encodedBodySize || 0, entry.decodedBodySize || 0, entry.name, entry.initiatorType));
     }
     const observer = new PerformanceObserver((list) => list.getEntries().forEach(resourceTiming));
     let prevSessionID;
@@ -110,11 +110,7 @@ export default function (app, opts) {
             }
             if (performance.timing.loadEventEnd || performance.now() > 30000) {
                 pageLoadTimingSent = true;
-                const { 
-                // should be ok to use here, (https://github.com/mdn/content/issues/4713)
-                // since it is compared with the values obtained on the page load (before any possible sleep state)
-                // deprecated though
-                navigationStart, requestStart, responseStart, responseEnd, domContentLoadedEventStart, domContentLoadedEventEnd, loadEventStart, loadEventEnd, } = performance.timing;
+                const { navigationStart, requestStart, responseStart, responseEnd, domContentLoadedEventStart, domContentLoadedEventEnd, loadEventStart, loadEventEnd, } = performance.timing;
                 app.send(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);

package/lib/modules/viewport.js

@@ -3,14 +3,12 @@ import { SetPageLocation, SetViewportSize, SetPageVisibility } from '../app/mess
 export default function (app) {
     let url, width, height;
     let navigationStart;
-    let referrer = document.referrer;
     const sendSetPageLocation = app.safe(() => {
         const { URL } = document;
         if (URL !== url) {
             url = URL;
-            app.send(SetPageLocation(url, referrer, navigationStart));
+            app.send(SetPageLocation(url, document.referrer, navigationStart));
             navigationStart = 0;
-            referrer = url;
         }
     });
     const sendSetViewportSize = app.safe(() => {

package/lib/vendors/finder/finder.d.ts

@@ -1,4 +1,4 @@
-export type Options = {
+export declare type Options = {
     root: Element;
     idName: (name: string) => boolean;
     className: (name: string) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "4.1.10",
+  "version": "4.1.11",
   "keywords": [
     "logging",
     "replay"
@@ -21,12 +21,10 @@
     "compile": "node --experimental-modules --experimental-json-modules scripts/compile.cjs",
     "build": "npm run clean && npm run tscRun && npm run rollup && npm run compile",
     "prepare": "cd ../../ && husky install tracker/.husky/",
-    "lint-front": "lint-staged",
-    "test": "jest"
+    "lint-front": "lint-staged"
   },
   "devDependencies": {
     "@babel/core": "^7.10.2",
-    "@jest/globals": "^29.3.1",
     "@rollup/plugin-babel": "^5.0.3",
     "@rollup/plugin-node-resolve": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^5.30.0",
@@ -35,16 +33,13 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "husky": "^8.0.1",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
     "replace-in-files": "^2.0.3",
     "rollup": "^2.17.0",
     "rollup-plugin-terser": "^6.1.0",
     "semver": "^6.3.0",
-    "ts-jest": "^29.0.3",
-    "typescript": "^4.9.4"
+    "typescript": "4.6.0-dev.20211126"
   },
   "dependencies": {
     "error-stack-parser": "^2.0.6"

package/tsconfig-base.json

@@ -10,6 +10,5 @@
     "target": "es6",
     "module": "es6",
     "moduleResolution": "nodenext"
-  },
-  "exclude": ["**/*.test.ts"]
+  }
 }

package/CHANGELOG.md

@@ -1,19 +0,0 @@
-## 4.1.10
-
-- Added "tel" to supported input types
-- Added `{ withCurrentTime: true }` to `tracker.getSessionURL` method which will return sessionURL with current session's timestamp
-- Added Network module that captures fetch/xhr by default (with no plugin required)
-- Use `timeOrigin()` instead of `performance.timing.navigationStart` in ResourceTiming messages
-- Added app restart when service worker died after inactivity (mobile safari)
-
-## 4.1.8
-
-- recalculate timeOrigin on start to prevent wrong timestamps on "sleeping" sessions
-
-## 4.1.7
-
-- resend metadata on start
-
-## 4.1.6
-
-- remove log that potentially caused crashed during slow initial render

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 {};

package/cjs/modules/network.js

@@ -1,203 +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");
-function getXHRRequestDataObject(xhr) {
-    // @ts-ignore  this is 3x faster than using Map<XHR, XHRRequestData>
-    if (!xhr.__or_req_data__) {
-        // @ts-ignore
-        xhr.__or_req_data__ = { body: undefined, headers: {} };
-    }
-    // @ts-ignore
-    return xhr.__or_req_data__;
-}
-function strMethod(method) {
-    return typeof method === 'string' ? method.toUpperCase() : 'GET';
-}
-function default_1(app, opts = {}) {
-    const options = Object.assign({
-        failuresOnly: false,
-        ignoreHeaders: ['Cookie', 'Set-Cookie', 'Authorization'],
-        capturePayload: false,
-        sessionTokenHeader: false,
-    }, opts);
-    const ignoreHeaders = options.ignoreHeaders;
-    const isHIgnored = Array.isArray(ignoreHeaders)
-        ? (name) => ignoreHeaders.includes(name)
-        : () => ignoreHeaders;
-    const stHeader = options.sessionTokenHeader === true ? 'X-OpenReplay-SessionToken' : options.sessionTokenHeader;
-    function setSessionTokenHeader(setRequestHeader) {
-        if (stHeader) {
-            const sessionToken = app.getSessionToken();
-            if (sessionToken) {
-                app.safe(setRequestHeader)(stHeader, sessionToken);
-            }
-        }
-    }
-    function sanitize(reqResInfo) {
-        if (!options.capturePayload) {
-            delete reqResInfo.request.body;
-            delete reqResInfo.response.body;
-        }
-        if (options.sanitizer) {
-            const resBody = reqResInfo.response.body;
-            if (typeof resBody === 'string') {
-                // Parse response in order to have handy view in sanitisation function
-                try {
-                    reqResInfo.response.body = JSON.parse(resBody);
-                }
-                catch (_a) { }
-            }
-            return options.sanitizer(reqResInfo);
-        }
-        return reqResInfo;
-    }
-    function stringify(r) {
-        if (r && typeof r.body !== 'string') {
-            try {
-                r.body = JSON.stringify(r.body);
-            }
-            catch (_a) {
-                r.body = '<unable to stringify>';
-                app.notify.warn("Openreplay fetch couldn't stringify body:", r.body);
-            }
-        }
-        return JSON.stringify(r);
-    }
-    /* ====== Fetch ====== */
-    const origFetch = window.fetch.bind(window);
-    window.fetch = (input, init = {}) => {
-        if (!(typeof input === 'string' || input instanceof URL) || app.isServiceURL(String(input))) {
-            return origFetch(input, init);
-        }
-        setSessionTokenHeader(function (name, value) {
-            if (init.headers === undefined) {
-                init.headers = {};
-            }
-            if (init.headers instanceof Headers) {
-                init.headers.append(name, value);
-            }
-            else if (Array.isArray(init.headers)) {
-                init.headers.push([name, value]);
-            }
-            else {
-                init.headers[name] = value;
-            }
-        });
-        const startTime = performance.now();
-        return origFetch(input, init).then((response) => {
-            const duration = performance.now() - startTime;
-            if (options.failuresOnly && response.status < 400) {
-                return response;
-            }
-            const r = response.clone();
-            r.text()
-                .then((text) => {
-                const reqHs = {};
-                const resHs = {};
-                if (ignoreHeaders !== true) {
-                    // request headers
-                    const writeReqHeader = ([n, v]) => {
-                        if (!isHIgnored(n)) {
-                            reqHs[n] = v;
-                        }
-                    };
-                    if (init.headers instanceof Headers) {
-                        init.headers.forEach((v, n) => writeReqHeader([n, v]));
-                    }
-                    else if (Array.isArray(init.headers)) {
-                        init.headers.forEach(writeReqHeader);
-                    }
-                    else if (typeof init.headers === 'object') {
-                        Object.entries(init.headers).forEach(writeReqHeader);
-                    }
-                    // response headers
-                    r.headers.forEach((v, n) => {
-                        if (!isHIgnored(n))
-                            resHs[n] = v;
-                    });
-                }
-                const method = strMethod(init.method);
-                const reqResInfo = sanitize({
-                    url: String(input),
-                    method,
-                    status: r.status,
-                    request: {
-                        headers: reqHs,
-                        body: init.body,
-                    },
-                    response: {
-                        headers: resHs,
-                        body: text,
-                    },
-                });
-                if (!reqResInfo) {
-                    return;
-                }
-                app.send((0, messages_gen_js_1.NetworkRequest)('fetch', method, String(reqResInfo.url), stringify(reqResInfo.request), stringify(reqResInfo.response), r.status, startTime + (0, utils_js_1.getTimeOrigin)(), duration));
-            })
-                .catch((e) => app.debug.error('Could not process Fetch response:', e));
-            return response;
-        });
-    };
-    /* ====== <> ====== */
-    /* ====== XHR ====== */
-    const nativeOpen = XMLHttpRequest.prototype.open;
-    XMLHttpRequest.prototype.open = function (initMethod, url) {
-        const xhr = this;
-        setSessionTokenHeader((name, value) => xhr.setRequestHeader(name, value));
-        let startTime = 0;
-        xhr.addEventListener('loadstart', (e) => {
-            startTime = e.timeStamp;
-        });
-        xhr.addEventListener('load', app.safe((e) => {
-            const { headers: reqHs, body: reqBody } = getXHRRequestDataObject(xhr);
-            const duration = startTime > 0 ? e.timeStamp - startTime : 0;
-            const hString = ignoreHeaders ? '' : xhr.getAllResponseHeaders(); // might be null (though only if no response received though)
-            const resHs = hString
-                ? hString
-                    .split('\r\n')
-                    .map((h) => h.split(':'))
-                    .filter((entry) => !isHIgnored(entry[0]))
-                    .reduce((hds, [name, value]) => (Object.assign(Object.assign({}, hds), { [name]: value })), {})
-                : {};
-            const method = strMethod(initMethod);
-            const reqResInfo = sanitize({
-                url: String(url),
-                method,
-                status: xhr.status,
-                request: {
-                    headers: reqHs,
-                    body: reqBody,
-                },
-                response: {
-                    headers: resHs,
-                    body: xhr.response,
-                },
-            });
-            if (!reqResInfo) {
-                return;
-            }
-            app.send((0, messages_gen_js_1.NetworkRequest)('xhr', method, String(reqResInfo.url), stringify(reqResInfo.request), stringify(reqResInfo.response), xhr.status, startTime + (0, utils_js_1.getTimeOrigin)(), duration));
-        }));
-        //TODO: handle error (though it has no Error API nor any useful information)
-        //xhr.addEventListener('error', (e) => {})
-        return nativeOpen.apply(this, arguments);
-    };
-    const nativeSend = XMLHttpRequest.prototype.send;
-    XMLHttpRequest.prototype.send = function (body) {
-        const rdo = getXHRRequestDataObject(this);
-        rdo.body = body;
-        return nativeSend.apply(this, arguments);
-    };
-    const nativeSetRequestHeader = XMLHttpRequest.prototype.setRequestHeader;
-    XMLHttpRequest.prototype.setRequestHeader = function (name, value) {
-        if (!isHIgnored(name)) {
-            const rdo = getXHRRequestDataObject(this);
-            rdo.headers[name] = value;
-        }
-        return nativeSetRequestHeader.apply(this, arguments);
-    };
-    /* ====== <> ====== */
-}
-exports.default = default_1;