@openreplay/tracker 16.4.3-beta.0 → 16.4.4

package/dist/cjs/main/index.d.ts

@@ -14,6 +14,7 @@ import type { Options as NetworkOptions } from './modules/network.js';
 import type { MouseHandlerOptions } from './modules/mouse.js';
 import type { SessionInfo } from './app/session.js';
 import type { CssRulesOptions } from './modules/cssrules.js';
+import type { Options as ViewportOptions } from './modules/viewport.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> & {
@@ -30,6 +31,7 @@ export type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & I
     };
     __DISABLE_SECURE_MODE?: boolean;
     css: CssRulesOptions;
+    urls?: Partial<ViewportOptions>;
 };
 export default class API {
     readonly options: Partial<Options>;

package/dist/cjs/main/modules/viewport.d.ts

@@ -1,2 +1,6 @@
 import type App from '../app/index.js';
-export default function (app: App): void;
+export interface Options {
+    urlSanitizer?: (url: string) => string;
+    titleSanitizer?: (title: string) => string;
+}
+export default function (app: App, options?: Options): void;

package/dist/lib/entry.js

@@ -5094,15 +5094,16 @@ class Session {
         this.userInfo = userInfo;
     }
     getSessionToken(projectKey) {
-        const token = this.token || this.app.sessionStorage.getItem(this.options.session_token_key);
-        if (projectKey && token) {
-            const savedProject = token.split('_&_')[1];
+        const tokenWithProject = this.token || this.app.sessionStorage.getItem(this.options.session_token_key);
+        if (projectKey && tokenWithProject) {
+            const savedProject = tokenWithProject.split('_&_')[1];
             if (!savedProject || savedProject !== projectKey) {
                 this.app.sessionStorage.removeItem(this.options.session_token_key);
                 this.token = undefined;
                 return undefined;
             }
         }
+        const token = tokenWithProject ? tokenWithProject.split('_&_')[0] : null;
         return token || undefined;
     }
     setSessionToken(token, projectKey) {
@@ -5167,7 +5168,7 @@ class Session {
     }
 }
 
-function wrap(callback, n) {
+function wrap$1(callback, n) {
     let t = 0;
     return () => {
         if (t++ >= n) {
@@ -5195,7 +5196,7 @@ class Ticker {
         if (useSafe) {
             callback = this.app.safe(callback);
         }
-        this.callbacks.unshift(n ? wrap(callback, n) : callback) - 1;
+        this.callbacks.unshift(n ? wrap$1(callback, n) : callback) - 1;
     }
     start() {
         if (this.timer === null) {
@@ -5271,7 +5272,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '16.4.3-beta.0'; // TODO: version compatability check inside each plugin.
+        this.version = '16.4.4'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -7672,11 +7673,6 @@ function Timing (app, opts) {
         if (shouldSkip) {
             return;
         }
-        const failed = entry.responseEnd === 0
-            || (entry.transferSize === 0 && entry.decodedBodySize === 0);
-        if (failed) {
-            app.send(ResourceTiming(entry.startTime + getTimeOrigin(), 0, 0, 0, 0, 0, entry.name, entry.initiatorType, 0, true));
-        }
         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, app.sanitizer.privateMode ? entry.name.replaceAll(/./g, '*') : entry.name, entry.initiatorType, entry.transferSize, 
         // @ts-ignore
         (entry.responseStatus && entry.responseStatus === 304) || entry.transferSize === 0));
@@ -7687,14 +7683,8 @@ function Timing (app, opts) {
             return app.send(WebVitals(msg.name, String(msg.value)));
         }
     }
-    let prevSessionID;
     app.attachStartCallback(function ({ sessionID }) {
-        if (sessionID !== prevSessionID) {
-            // Send past page resources on a newly started session
-            performance.getEntriesByType('resource').forEach(resourceTiming);
-            prevSessionID = sessionID;
-        }
-        observer.observe({ entryTypes: ['resource'] });
+        observer.observe({ type: 'resource', buffered: true });
         // browser support:
         // onCLS(): Chromium
         // onFCP(): Chromium, Firefox, Safari
@@ -7858,15 +7848,17 @@ function Scroll (app, insideIframe) {
     }, 5, false);
 }
 
-function Viewport (app) {
+function Viewport (app, options) {
     let url, width, height;
     let navigationStart;
     let referrer = document.referrer;
+    const urlSanitizer = options?.urlSanitizer || ((u) => u);
+    const titleSanitizer = options?.titleSanitizer || ((t) => t);
     const sendSetPageLocation = app.safe(() => {
         const { URL } = document;
         if (URL !== url) {
-            url = URL;
-            const safeTitle = app.sanitizer.privateMode ? stringWiper(document.title) : document.title;
+            url = urlSanitizer(URL);
+            const safeTitle = app.sanitizer.privateMode ? stringWiper(document.title) : titleSanitizer(document.title);
             const safeUrl = app.sanitizer.privateMode ? stringWiper(url) : url;
             const safeReferrer = app.sanitizer.privateMode ? stringWiper(referrer) : referrer;
             app.send(SetPageLocation(safeUrl, safeReferrer, navigationStart, safeTitle));
@@ -9254,10 +9246,17 @@ class XHRProxy {
     }
 }
 
-const getWarning = (api) => {
+const warn = (api) => {
     const str = `Openreplay: Can't find ${api} in global context.`;
     console.warn(str);
 };
+const OR_FLAG = Symbol('OpenReplayProxyOriginal');
+const isProxied = (fn) => !!fn && fn[OR_FLAG] !== undefined;
+const unwrap = (fn) => isProxied(fn) ? fn[OR_FLAG] : fn;
+const wrap = (proxy, orig) => {
+    proxy[OR_FLAG] = orig;
+    return proxy;
+};
 /**
  * Creates network proxies for XMLHttpRequest, fetch, and sendBeacon to intercept and monitor network requests and
  * responses.
@@ -9291,26 +9290,24 @@ function createNetworkProxy(context, ignoredHeaders, setSessionTokenHeader, sani
     if (!context)
         return;
     if (modules.xhr) {
-        if (context.XMLHttpRequest) {
-            context.XMLHttpRequest = XHRProxy.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher);
-        }
+        const original = unwrap(context.XMLHttpRequest);
+        if (!original)
+            warn('XMLHttpRequest');
         else {
-            getWarning("XMLHttpRequest");
+            context.XMLHttpRequest = wrap(XHRProxy.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher), original);
         }
     }
     if (modules.fetch) {
-        if (context.fetch) {
-            context.fetch = FetchProxy.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher);
-        }
+        const original = unwrap(context.fetch);
+        if (!original)
+            warn('fetch');
         else {
-            getWarning("fetch");
+            context.fetch = wrap(FetchProxy.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher), original);
         }
     }
-    if (modules.beacon) {
-        if ((_a = context.navigator) === null || _a === void 0 ? void 0 : _a.sendBeacon) {
-            const origBeacon = context.navigator.sendBeacon;
-            context.navigator.sendBeacon = BeaconProxy.create(origBeacon, ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
-        }
+    if (modules.beacon && ((_a = context.navigator) === null || _a === void 0 ? void 0 : _a.sendBeacon)) {
+        const original = unwrap(context.navigator.sendBeacon);
+        context.navigator.sendBeacon = wrap(BeaconProxy.create(original, ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl), original);
     }
 }
 
@@ -9651,7 +9648,7 @@ class API {
         this.signalStartIssue = (reason, missingApi) => {
             const doNotTrack = this.checkDoNotTrack();
             console.log("Tracker couldn't start due to:", JSON.stringify({
-                trackerVersion: '16.4.3-beta.0',
+                trackerVersion: '16.4.4',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,
@@ -9739,7 +9736,7 @@ class API {
         this.app = app;
         if (!this.crossdomainMode) {
             // no need to send iframe viewport data since its a node for us
-            Viewport(app);
+            Viewport(app, options.urls);
             // calculated in main window
             Connection(app);
             // while we can calculate it here, trying to compute it for all parts is hard