@openreplay/tracker 9.0.12 → 10.0.0

package/cjs/modules/network.js

@@ -149,12 +149,13 @@ function default_1(app, opts = {}) {
                     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));
+                    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, 0));
                 })
                     .catch((e) => app.debug.error('Could not process Fetch response:', e));
                 return response;
             });
         };
+        // @ts-ignore
         context.fetch = trackFetch;
         /* ====== <> ====== */
         /* ====== XHR ====== */
@@ -199,7 +200,7 @@ function default_1(app, opts = {}) {
                 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));
+                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, 0));
             }));
             //TODO: handle error (though it has no Error API nor any useful information)
             //xhr.addEventListener('error', (e) => {})

package/cjs/utils.d.ts

@@ -17,3 +17,19 @@ export declare function hasOpenreplayAttribute(e: Element, attr: string): boolea
 export declare function canAccessIframe(iframe: HTMLIFrameElement): boolean;
 export declare function generateRandomId(len?: number): string;
 export declare function inIframe(): boolean;
+/**
+ * Because angular devs decided that its a good idea to override a browser apis
+ * we need to use this to achieve safe behavior
+ * */
+export declare function ngSafeBrowserMethod(method: string): string;
+export declare function createMutationObserver(cb: MutationCallback): MutationObserver;
+export declare function createEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean): void;
+export declare function deleteEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean): void;
+/**
+ * This is a brief polyfill that suits our needs
+ * I took inspiration from Microsoft Clarity polyfill on this one
+ * then adapted it a little bit
+ *
+ * I'm very grateful for their bright idea
+ * */
+export declare function requestIdleCb(callback: () => void): number | undefined;

package/cjs/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.inIframe = exports.generateRandomId = exports.canAccessIframe = exports.hasOpenreplayAttribute = exports.getLabelAttribute = exports.deprecationWarn = exports.DOCS_HOST = exports.isURL = exports.normSpaces = exports.stars = exports.now = exports.getTimeOrigin = exports.adjustTimeOrigin = exports.MAX_STR_LEN = exports.IS_FIREFOX = exports.IN_BROWSER = void 0;
+exports.requestIdleCb = exports.deleteEventListener = exports.createEventListener = exports.createMutationObserver = exports.ngSafeBrowserMethod = exports.inIframe = exports.generateRandomId = exports.canAccessIframe = exports.hasOpenreplayAttribute = exports.getLabelAttribute = exports.deprecationWarn = exports.DOCS_HOST = exports.isURL = exports.normSpaces = exports.stars = exports.now = exports.getTimeOrigin = exports.adjustTimeOrigin = exports.MAX_STR_LEN = exports.IS_FIREFOX = exports.IN_BROWSER = void 0;
 const DEPRECATED_ATTRS = { htmlmasked: 'hidden', masked: 'obscured' };
 exports.IN_BROWSER = !(typeof window === 'undefined');
 exports.IS_FIREFOX = exports.IN_BROWSER && navigator.userAgent.match(/firefox|fxios/i);
@@ -102,3 +102,55 @@ function inIframe() {
     }
 }
 exports.inIframe = inIframe;
+/**
+ * Because angular devs decided that its a good idea to override a browser apis
+ * we need to use this to achieve safe behavior
+ * */
+function ngSafeBrowserMethod(method) {
+    // @ts-ignore
+    return window.Zone && '__symbol__' in window.Zone
+        ? // @ts-ignore
+            window['Zone']['__symbol__'](method)
+        : method;
+}
+exports.ngSafeBrowserMethod = ngSafeBrowserMethod;
+function createMutationObserver(cb) {
+    const mObserver = ngSafeBrowserMethod('MutationObserver');
+    return new window[mObserver](cb);
+}
+exports.createMutationObserver = createMutationObserver;
+function createEventListener(target, event, cb, capture) {
+    const safeAddEventListener = ngSafeBrowserMethod('addEventListener');
+    target[safeAddEventListener](event, cb, capture);
+}
+exports.createEventListener = createEventListener;
+function deleteEventListener(target, event, cb, capture) {
+    const safeRemoveEventListener = ngSafeBrowserMethod('removeEventListener');
+    target[safeRemoveEventListener](event, cb, capture);
+}
+exports.deleteEventListener = deleteEventListener;
+/**
+ * This is a brief polyfill that suits our needs
+ * I took inspiration from Microsoft Clarity polyfill on this one
+ * then adapted it a little bit
+ *
+ * I'm very grateful for their bright idea
+ * */
+function requestIdleCb(callback) {
+    const taskTimeout = 3000;
+    if (window.requestIdleCallback) {
+        return window.requestIdleCallback(callback, { timeout: taskTimeout });
+    }
+    else {
+        const channel = new MessageChannel();
+        const incoming = channel.port1;
+        const outgoing = channel.port2;
+        incoming.onmessage = () => {
+            callback();
+        };
+        requestAnimationFrame(() => {
+            outgoing.postMessage(1);
+        });
+    }
+}
+exports.requestIdleCb = requestIdleCb;