@openreplay/tracker 7.0.1-beta.2 → 7.0.2-beta.1

package/lib/modules/mouse.js

@@ -2,21 +2,16 @@ import { hasTag, isSVGElement, isDocument } from '../app/guards.js';
 import { normSpaces, hasOpenreplayAttribute, getLabelAttribute, now } from '../utils.js';
 import { MouseMove, MouseClick, MouseThrashing } from '../app/messages.gen.js';
 import { getInputLabel } from './input.js';
-// loading it only once per browser tab context
-// plus workaround for SSR apps
-let finderLib;
-async function _getSelector(target, document, options) {
-    if (!finderLib) {
-        const { finder } = await import('@medv/finder');
-        finderLib = finder;
-    }
-    return finderLib(target, {
+import { finder } from '@medv/finder';
+function _getSelector(target, document, options) {
+    const selector = finder(target, {
         root: document.body,
         seedMinLength: 3,
-        optimizedMinLength: options?.minSelectorDepth || 2,
-        threshold: options?.nthThreshold || 1000,
-        maxNumberOfTries: options?.maxOptimiseTries || 10000,
+        optimizedMinLength: (options === null || options === void 0 ? void 0 : options.minSelectorDepth) || 2,
+        threshold: (options === null || options === void 0 ? void 0 : options.nthThreshold) || 1000,
+        maxNumberOfTries: (options === null || options === void 0 ? void 0 : options.maxOptimiseTries) || 10000,
     });
+    return selector;
 }
 function isClickable(element) {
     const tag = element.tagName.toUpperCase();
@@ -136,12 +131,8 @@ export default function (app, options) {
         }
     };
     const patchDocument = (document, topframe = false) => {
-        async function getSelector(id, target, options) {
-            if (selectorMap[id]) {
-                return selectorMap[id];
-            }
-            const selector = await _getSelector(target, document, options);
-            return selector;
+        function getSelector(id, target, options) {
+            return (selectorMap[id] = selectorMap[id] || _getSelector(target, document, options));
         }
         const attachListener = topframe
             ? app.attachEventListener.bind(app) // attached/removed on start/stop
@@ -165,7 +156,7 @@ export default function (app, options) {
                 directionChangeCount++;
             }
         }, false);
-        attachListener(document, 'click', async (e) => {
+        attachListener(document, 'click', (e) => {
             const target = getTarget(e.target, document);
             if ((!e.clientX && !e.clientY) || target === null) {
                 return;
@@ -173,7 +164,7 @@ export default function (app, options) {
             const id = app.nodes.getID(target);
             if (id !== undefined) {
                 sendMouseMove();
-                app.send(MouseClick(id, mouseTarget === target ? Math.round(performance.now() - mouseTargetTime) : 0, getTargetLabel(target), isClickable(target) && !disableClickmaps ? await getSelector(id, target, options) : ''), true);
+                app.send(MouseClick(id, mouseTarget === target ? Math.round(performance.now() - mouseTargetTime) : 0, getTargetLabel(target), isClickable(target) && !disableClickmaps ? getSelector(id, target, options) : ''), true);
             }
             mouseTarget = null;
         });
@@ -184,5 +175,5 @@ export default function (app, options) {
         }
     });
     patchDocument(document, true);
-    app.ticker.attach(sendMouseMove, options?.trackingOffset || 7);
+    app.ticker.attach(sendMouseMove, (options === null || options === void 0 ? void 0 : options.trackingOffset) || 7);
 }

package/lib/modules/network.d.ts

@@ -1,4 +1,5 @@
 import type App from '../app/index.js';
+import type { AxiosInstance } from './axiosSpy.js';
 type XHRRequestBody = Parameters<XMLHttpRequest['send']>[0];
 type FetchRequestBody = RequestInit['body'];
 interface RequestData {
@@ -9,7 +10,7 @@ interface ResponseData {
     body: any;
     headers: Record<string, string>;
 }
-interface RequestResponseData {
+export interface RequestResponseData {
     readonly status: number;
     readonly method: string;
     url: string;
@@ -22,7 +23,9 @@ export interface Options {
     failuresOnly: boolean;
     ignoreHeaders: Array<string> | boolean;
     capturePayload: boolean;
+    captureInIframes: boolean;
     sanitizer?: Sanitizer;
+    axiosInstances?: Array<AxiosInstance>;
 }
 export default function (app: App, opts?: Partial<Options>): void;
 export {};

package/lib/modules/network.js

@@ -1,5 +1,6 @@
 import { NetworkRequest } from '../app/messages.gen.js';
 import { getTimeOrigin } from '../utils.js';
+import axiosSpy from './axiosSpy.js';
 function getXHRRequestDataObject(xhr) {
     // @ts-ignore  this is 3x faster than using Map<XHR, XHRRequestData>
     if (!xhr.__or_req_data__) {
@@ -18,6 +19,8 @@ export default function (app, opts = {}) {
         ignoreHeaders: ['Cookie', 'Set-Cookie', 'Authorization'],
         capturePayload: false,
         sessionTokenHeader: false,
+        captureInIframes: true,
+        axiosInstances: undefined,
     }, opts);
     const ignoreHeaders = options.ignoreHeaders;
     const isHIgnored = Array.isArray(ignoreHeaders)
@@ -44,7 +47,7 @@ export default function (app, opts = {}) {
                 try {
                     reqResInfo.response.body = JSON.parse(resBody);
                 }
-                catch { }
+                catch (_a) { }
             }
             return options.sanitizer(reqResInfo);
         }
@@ -55,7 +58,7 @@ export default function (app, opts = {}) {
             try {
                 r.body = JSON.stringify(r.body);
             }
-            catch {
+            catch (_a) {
                 r.body = '<unable to stringify>';
                 app.notify.warn("Openreplay fetch couldn't stringify body:", r.body);
             }
@@ -143,6 +146,8 @@ export default function (app, opts = {}) {
         /* ====== <> ====== */
         /* ====== XHR ====== */
         const nativeOpen = context.XMLHttpRequest.prototype.open;
+        const nativeSetRequestHeader = context.XMLHttpRequest.prototype.setRequestHeader;
+        const nativeSend = context.XMLHttpRequest.prototype.send;
         function trackXMLHttpReqOpen(initMethod, url) {
             const xhr = this;
             setSessionTokenHeader((name, value) => xhr.setRequestHeader(name, value));
@@ -159,7 +164,7 @@ export default function (app, opts = {}) {
                         .split('\r\n')
                         .map((h) => h.split(':'))
                         .filter((entry) => !isHIgnored(entry[0]))
-                        .reduce((hds, [name, value]) => ({ ...hds, [name]: value }), {})
+                        .reduce((hds, [name, value]) => (Object.assign(Object.assign({}, hds), { [name]: value })), {})
                     : {};
                 const method = strMethod(initMethod);
                 const reqResInfo = sanitize({
@@ -184,16 +189,12 @@ export default function (app, opts = {}) {
             //xhr.addEventListener('error', (e) => {})
             return nativeOpen.apply(this, arguments);
         }
-        context.XMLHttpRequest.prototype.open = trackXMLHttpReqOpen;
-        const nativeSend = context.XMLHttpRequest.prototype.send;
         function trackXHRSend(body) {
             const rdo = getXHRRequestDataObject(this);
             rdo.body = body;
             // @ts-ignore ??? this -> XMLHttpRequest
             return nativeSend.apply(this, arguments);
         }
-        context.XMLHttpRequest.prototype.send = trackXHRSend;
-        const nativeSetRequestHeader = context.XMLHttpRequest.prototype.setRequestHeader;
         function trackSetReqHeader(name, value) {
             if (!isHIgnored(name)) {
                 const rdo = getXHRRequestDataObject(this);
@@ -201,9 +202,20 @@ export default function (app, opts = {}) {
             }
             return nativeSetRequestHeader.apply(this, arguments);
         }
-        context.XMLHttpRequest.prototype.setRequestHeader = trackSetReqHeader;
+        if (!options.axiosInstances) {
+            context.XMLHttpRequest.prototype.open = trackXMLHttpReqOpen;
+            context.XMLHttpRequest.prototype.send = trackXHRSend;
+            context.XMLHttpRequest.prototype.setRequestHeader = trackSetReqHeader;
+        }
         /* ====== <> ====== */
     };
     patchWindow(window);
-    app.observer.attachContextCallback(app.safe(patchWindow));
+    if (options.axiosInstances) {
+        options.axiosInstances.forEach((axiosInstance) => {
+            axiosSpy(app, axiosInstance, options, sanitize, stringify);
+        });
+    }
+    if (options.captureInIframes) {
+        app.observer.attachContextCallback(app.safe(patchWindow));
+    }
 }

package/lib/utils.js

@@ -60,8 +60,9 @@ export function hasOpenreplayAttribute(e, attr) {
     return false;
 }
 export function isIframeCrossdomain(e) {
+    var _a;
     try {
-        return e.contentWindow?.location.href !== window.location.href;
+        return ((_a = e.contentWindow) === null || _a === void 0 ? void 0 : _a.location.href) !== window.location.href;
     }
     catch (e) {
         return true;

package/lib/vendors/finder/finder.js

@@ -24,7 +24,7 @@ export function finder(input, options) {
         threshold: 1000,
         maxNumberOfTries: 10000,
     };
-    config = { ...defaults, ...options };
+    config = Object.assign(Object.assign({}, defaults), options);
     rootDocument = findRootDocument(config.root, defaults);
     let path = bottomUpSearch(input, Limit.All, () => bottomUpSearch(input, Limit.Two, () => bottomUpSearch(input, Limit.One)));
     if (path) {
@@ -267,7 +267,7 @@ const defaultOptions = {
     wrap: false,
 };
 function cssesc(string, opt = {}) {
-    const options = { ...defaultOptions, ...opt };
+    const options = Object.assign(Object.assign({}, defaultOptions), opt);
     if (options.quotes != 'single' && options.quotes != 'double') {
         options.quotes = 'single';
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "7.0.1-beta.2",
+  "version": "7.0.2-beta.1",
   "keywords": [
     "logging",
     "replay"
@@ -40,7 +40,7 @@
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
     "replace-in-files": "^2.0.3",
-    "rollup": "^2.17.0",
+    "rollup": "^2.59.0",
     "rollup-plugin-terser": "^6.1.0",
     "semver": "^6.3.0",
     "ts-jest": "^29.0.3",

package/tsconfig-base.json

@@ -7,8 +7,8 @@
     "noImplicitThis": true,
     "strictNullChecks": true,
     "alwaysStrict": true,
-    "target": "es2020",
-    "module": "es2020",
+    "target": "es6",
+    "module": "es6",
     "moduleResolution": "nodenext"
   },
   "exclude": ["**/*.test.ts"]