@openreplay/tracker 4.1.9 → 4.1.10

package/cjs/modules/input.js

@@ -4,18 +4,18 @@ exports.getInputLabel = void 0;
 const utils_js_1 = require("../utils.js");
 const guards_js_1 = require("../app/guards.js");
 const messages_gen_js_1 = require("../app/messages.gen.js");
-const INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date'];
+const INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date', 'tel'];
 function isTextEditable(node) {
-    if ((0, guards_js_1.hasTag)(node, 'TEXTAREA')) {
+    if ((0, guards_js_1.hasTag)(node, 'textarea')) {
         return true;
     }
-    if (!(0, guards_js_1.hasTag)(node, 'INPUT')) {
+    if (!(0, guards_js_1.hasTag)(node, 'input')) {
         return false;
     }
     return INPUT_TYPES.includes(node.type);
 }
 function isCheckable(node) {
-    if (!(0, guards_js_1.hasTag)(node, 'INPUT')) {
+    if (!(0, guards_js_1.hasTag)(node, 'input')) {
         return false;
     }
     const type = node.type;
@@ -25,7 +25,7 @@ const labelElementFor = utils_js_1.IN_BROWSER && 'labels' in HTMLInputElement.pr
     ? (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if ((0, guards_js_1.hasTag)(p, 'LABEL')) {
+            if ((0, guards_js_1.hasTag)(p, 'label')) {
                 return p;
             }
         }
@@ -37,7 +37,7 @@ const labelElementFor = utils_js_1.IN_BROWSER && 'labels' in HTMLInputElement.pr
     : (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if ((0, guards_js_1.hasTag)(p, 'LABEL')) {
+            if ((0, guards_js_1.hasTag)(p, 'label')) {
                 return p;
             }
         }
@@ -68,7 +68,7 @@ function default_1(app, opts) {
     const options = Object.assign({
         obscureInputNumbers: true,
         obscureInputEmails: true,
-        defaultInputMode: 0 /* Plain */,
+        defaultInputMode: 0 /* InputMode.Plain */,
         obscureInputDates: false,
     }, opts);
     function sendInputTarget(id, node) {
@@ -81,22 +81,22 @@ function default_1(app, opts) {
         let value = node.value;
         let inputMode = options.defaultInputMode;
         if (node.type === 'password' || app.sanitizer.isHidden(id)) {
-            inputMode = 2 /* Hidden */;
+            inputMode = 2 /* InputMode.Hidden */;
         }
         else if (app.sanitizer.isObscured(id) ||
-            (inputMode === 0 /* Plain */ &&
+            (inputMode === 0 /* InputMode.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 /* Obscured */;
+            inputMode = 1 /* InputMode.Obscured */;
         }
         let mask = 0;
         switch (inputMode) {
-            case 2 /* Hidden */:
+            case 2 /* InputMode.Hidden */:
                 mask = -1;
                 value = '';
                 break;
-            case 1 /* Obscured */:
+            case 1 /* InputMode.Obscured */:
                 mask = value.length;
                 value = '';
                 break;
@@ -115,11 +115,7 @@ function default_1(app, opts) {
         inputValues.forEach((value, id) => {
             const node = app.nodes.getNode(id);
             if (!node)
-                return;
-            if (!isTextEditable(node)) {
-                inputValues.delete(id);
-                return;
-            }
+                return inputValues.delete(id);
             if (value !== node.value) {
                 inputValues.set(id, node.value);
                 if (!registeredTargets.has(id)) {
@@ -132,11 +128,7 @@ function default_1(app, opts) {
         checkableValues.forEach((checked, id) => {
             const node = app.nodes.getNode(id);
             if (!node)
-                return;
-            if (!isCheckable(node)) {
-                checkableValues.delete(id);
-                return;
-            }
+                return checkableValues.delete(id);
             if (checked !== node.checked) {
                 checkableValues.set(id, node.checked);
                 app.send((0, messages_gen_js_1.SetInputChecked)(id, node.checked));
@@ -150,7 +142,7 @@ function default_1(app, opts) {
             return;
         }
         // TODO: support multiple select (?): use selectedOptions; Need send target?
-        if ((0, guards_js_1.hasTag)(node, 'SELECT')) {
+        if ((0, guards_js_1.hasTag)(node, 'select')) {
             sendInputValue(id, node);
             app.attachEventListener(node, 'change', () => {
                 sendInputValue(id, node);

package/cjs/modules/mouse.js

@@ -80,7 +80,7 @@ function default_1(app) {
         if (dl !== null) {
             return dl;
         }
-        if ((0, guards_js_1.hasTag)(target, 'INPUT')) {
+        if ((0, guards_js_1.hasTag)(target, 'input')) {
             return (0, input_js_1.getInputLabel)(target);
         }
         if (isClickable(target)) {

package/cjs/modules/network.d.ts

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,203 @@
+"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;

package/cjs/modules/timing.js

@@ -10,7 +10,7 @@ function getPaintBlocks(resources) {
     for (let i = 0; i < elements.length; i++) {
         const element = elements[i];
         let src = '';
-        if ((0, guards_js_1.hasTag)(element, 'IMG')) {
+        if ((0, guards_js_1.hasTag)(element, 'img')) {
             src = element.currentSrc || element.src;
         }
         if (!src) {
@@ -75,7 +75,7 @@ function default_1(app, opts) {
         if (resources !== null) {
             resources[entry.name] = entry.startTime + entry.duration;
         }
-        app.send((0, messages_gen_js_1.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));
+        app.send((0, messages_gen_js_1.ResourceTiming)(entry.startTime + (0, utils_js_1.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));
     }
     const observer = new PerformanceObserver((list) => list.getEntries().forEach(resourceTiming));
     let prevSessionID;
@@ -112,7 +112,11 @@ function default_1(app, opts) {
             }
             if (performance.timing.loadEventEnd || performance.now() > 30000) {
                 pageLoadTimingSent = true;
-                const { navigationStart, requestStart, responseStart, responseEnd, domContentLoadedEventStart, domContentLoadedEventEnd, loadEventStart, loadEventEnd, } = performance.timing;
+                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;
                 app.send((0, messages_gen_js_1.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/cjs/modules/viewport.js

@@ -5,12 +5,14 @@ const messages_gen_js_1 = require("../app/messages.gen.js");
 function default_1(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((0, messages_gen_js_1.SetPageLocation)(url, document.referrer, navigationStart));
+            app.send((0, messages_gen_js_1.SetPageLocation)(url, referrer, navigationStart));
             navigationStart = 0;
+            referrer = url;
         }
     });
     const sendSetViewportSize = app.safe(() => {

package/cjs/vendors/finder/finder.d.ts

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

package/jest.config.js

@@ -0,0 +1,11 @@
+/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
+const config = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  // .js file extension fix
+  moduleNameMapper: {
+    '(.+)\\.js': '$1',
+  },
+}
+
+export default config

package/lib/app/guards.d.ts

@@ -4,18 +4,17 @@ export declare function isElementNode(node: Node): node is Element;
 export declare function isTextNode(node: Node): node is Text;
 export declare function isDocument(node: Node): node is Document;
 export declare function isRootNode(node: Node): node is Document | DocumentFragment;
-declare type TagTypeMap = {
-    HTML: HTMLHtmlElement;
-    BODY: HTMLBodyElement;
-    IMG: HTMLImageElement;
-    INPUT: HTMLInputElement;
-    TEXTAREA: HTMLTextAreaElement;
-    SELECT: HTMLSelectElement;
-    LABEL: HTMLLabelElement;
-    IFRAME: HTMLIFrameElement;
-    STYLE: HTMLStyleElement;
-    style: SVGStyleElement;
-    LINK: HTMLLinkElement;
+type TagTypeMap = {
+    html: HTMLHtmlElement;
+    body: HTMLBodyElement;
+    img: HTMLImageElement;
+    input: HTMLInputElement;
+    textarea: HTMLTextAreaElement;
+    select: HTMLSelectElement;
+    label: HTMLLabelElement;
+    iframe: HTMLIFrameElement;
+    style: HTMLStyleElement | SVGStyleElement;
+    link: HTMLLinkElement;
 };
 export declare function hasTag<T extends keyof TagTypeMap>(el: Node, tagName: T): el is TagTypeMap[typeof tagName];
 export {};

package/lib/app/guards.js

@@ -18,5 +18,6 @@ export function isRootNode(node) {
     return node.nodeType === Node.DOCUMENT_NODE || node.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
 export function hasTag(el, tagName) {
-    return el.nodeName === tagName;
+    // @ts-ignore
+    return el.localName === tagName;
 }

package/lib/app/index.d.ts

@@ -22,19 +22,19 @@ interface OnStartInfo {
     userUUID: string;
 }
 declare const CANCELED: "canceled";
-declare type SuccessfulStart = OnStartInfo & {
+type SuccessfulStart = OnStartInfo & {
     success: true;
 };
-declare type UnsuccessfulStart = {
+type UnsuccessfulStart = {
     reason: typeof CANCELED | string;
     success: false;
 };
 declare const UnsuccessfulStart: (reason: string) => UnsuccessfulStart;
 declare const SuccessfulStart: (body: OnStartInfo) => SuccessfulStart;
-export declare type StartPromiseReturn = SuccessfulStart | UnsuccessfulStart;
-declare type StartCallback = (i: OnStartInfo) => void;
-declare type CommitCallback = (messages: Array<Message>) => void;
-declare type AppOptions = {
+export type StartPromiseReturn = SuccessfulStart | UnsuccessfulStart;
+type StartCallback = (i: OnStartInfo) => void;
+type CommitCallback = (messages: Array<Message>) => void;
+type AppOptions = {
     revID: string;
     node_id: string;
     session_reset_key: string;
@@ -51,7 +51,7 @@ declare type AppOptions = {
     sessionStorage: Storage | null;
     onStart?: StartCallback;
 } & WebworkerOptions & SessOptions;
-export declare type Options = AppOptions & ObserverOptions & SanitizerOptions;
+export type Options = AppOptions & ObserverOptions & SanitizerOptions;
 export declare const DEFAULT_INGEST_POINT = "https://api.openreplay.com/ingest";
 export default class App {
     readonly nodes: Nodes;
@@ -75,6 +75,7 @@ export default class App {
     private readonly worker?;
     constructor(projectKey: string, sessionToken: string | undefined, options: Partial<Options>);
     private _debug;
+    private _usingOldFetchPlugin;
     send(message: Message, urgent?: boolean): void;
     private commit;
     private delay;
@@ -100,7 +101,9 @@ export default class App {
     };
     getSessionToken(): string | undefined;
     getSessionID(): string | undefined;
-    getSessionURL(): string | undefined;
+    getSessionURL(options?: {
+        withCurrentTime?: boolean;
+    }): string | undefined;
     getHost(): string;
     getProjectKey(): string;
     getBaseHref(): string;

package/lib/app/index.js

@@ -1,5 +1,5 @@
 import { Timestamp, Metadata, UserID } from './messages.gen.js';
-import { now, adjustTimeOrigin } from '../utils.js';
+import { now, adjustTimeOrigin, deprecationWarn } from '../utils.js';
 import Nodes from './nodes.js';
 import Observer from './observer/top_observer.js';
 import Sanitizer from './sanitizer.js';
@@ -30,7 +30,8 @@ export default class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '4.1.8'; // TODO: version compatability check inside each plugin.
+        this.version = '4.1.10'; // TODO: version compatability check inside each plugin.
+        this._usingOldFetchPlugin = false;
         this.delay = 0;
         this.projectKey = projectKey;
         this.options = Object.assign({
@@ -73,7 +74,7 @@ export default class App {
             this.session.applySessionHash(sessionToken);
         }
         try {
-            this.worker = new Worker(URL.createObjectURL(new Blob(['"use strict";class t{constructor(t,i,s,e=10,n=1e3){this.onUnauthorised=i,this.onFailure=s,this.MAX_ATTEMPTS_COUNT=e,this.ATTEMPT_TIMEOUT=n,this.attemptsCount=0,this.busy=!1,this.queue=[],this.token=null,this.ingestURL=t+"/v1/web/i"}authorise(t){this.token=t}push(t){this.busy||!this.token?this.queue.push(t):this.sendBatch(t)}retry(t){this.attemptsCount>=this.MAX_ATTEMPTS_COUNT?this.onFailure(`Failed to send batch after ${this.attemptsCount} attempts.`):(this.attemptsCount++,setTimeout(()=>this.sendBatch(t),this.ATTEMPT_TIMEOUT*this.attemptsCount))}sendBatch(t){this.busy=!0,fetch(this.ingestURL,{body:t,method:"POST",headers:{Authorization:"Bearer "+this.token},keepalive:t.length<65536}).then(i=>{if(401===i.status)return this.busy=!1,void this.onUnauthorised();if(i.status>=400)return void this.retry(t);this.attemptsCount=0;const s=this.queue.shift();s?this.sendBatch(s):this.busy=!1}).catch(i=>{console.warn("OpenReplay:",i),this.retry(t)})}clean(){this.queue.length=0}}const i="function"==typeof TextEncoder?new TextEncoder:{encode(t){const i=t.length,s=new Uint8Array(3*i);let e=-1;for(let n=0,r=0,h=0;h!==i;){if(n=t.charCodeAt(h),h+=1,n>=55296&&n<=56319){if(h===i){s[e+=1]=239,s[e+=1]=191,s[e+=1]=189;break}if(r=t.charCodeAt(h),!(r>=56320&&r<=57343)){s[e+=1]=239,s[e+=1]=191,s[e+=1]=189;continue}if(n=1024*(n-55296)+r-56320+65536,h+=1,n>65535){s[e+=1]=240|n>>>18,s[e+=1]=128|n>>>12&63,s[e+=1]=128|n>>>6&63,s[e+=1]=128|63&n;continue}}n<=127?s[e+=1]=0|n:n<=2047?(s[e+=1]=192|n>>>6,s[e+=1]=128|63&n):(s[e+=1]=224|n>>>12,s[e+=1]=128|n>>>6&63,s[e+=1]=128|63&n)}return s.subarray(0,e+1)}};class s extends class{constructor(t){this.size=t,this.offset=0,this.checkpointOffset=0,this.data=new Uint8Array(t)}getCurrentOffset(){return this.offset}checkpoint(){this.checkpointOffset=this.offset}isEmpty(){return 0===this.offset}skip(t){return this.offset+=t,this.offset<=this.size}set(t,i){this.data.set(t,i)}boolean(t){return this.data[this.offset++]=+t,this.offset<=this.size}uint(t){for((t<0||t>Number.MAX_SAFE_INTEGER)&&(t=0);t>=128;)this.data[this.offset++]=t%256|128,t=Math.floor(t/128);return this.data[this.offset++]=t,this.offset<=this.size}int(t){return t=Math.round(t),this.uint(t>=0?2*t:-2*t-1)}string(t){const s=i.encode(t),e=s.byteLength;return!(!this.uint(e)||this.offset+e>this.size)&&(this.data.set(s,this.offset),this.offset+=e,!0)}reset(){this.offset=0,this.checkpointOffset=0}flush(){const t=this.data.slice(0,this.checkpointOffset);return this.reset(),t}}{encode(t){switch(t[0]){case 81:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.int(t[4])&&this.string(t[5]);case 82:return this.uint(t[1])&&this.uint(t[2]);case 0:return this.uint(t[1]);case 4:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 5:return this.uint(t[1])&&this.uint(t[2]);case 6:return this.int(t[1])&&this.int(t[2]);case 7:return!0;case 8:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.string(t[4])&&this.boolean(t[5]);case 9:case 10:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 11:return this.uint(t[1]);case 12:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 13:case 14:return this.uint(t[1])&&this.string(t[2]);case 16:return this.uint(t[1])&&this.int(t[2])&&this.int(t[3]);case 17:return this.uint(t[1])&&this.string(t[2]);case 18:return this.uint(t[1])&&this.string(t[2])&&this.int(t[3]);case 19:return this.uint(t[1])&&this.boolean(t[2]);case 20:return this.uint(t[1])&&this.uint(t[2]);case 22:return this.string(t[1])&&this.string(t[2]);case 23:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 24:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 25:return this.string(t[1])&&this.string(t[2])&&this.string(t[3]);case 27:return this.string(t[1])&&this.string(t[2]);case 28:case 29:return this.string(t[1]);case 30:return this.string(t[1])&&this.string(t[2]);case 37:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3]);case 38:return this.uint(t[1])&&this.uint(t[2]);case 39:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7]);case 40:return this.string(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 41:return this.string(t[1])&&this.string(t[2]);case 42:return this.string(t[1]);case 44:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 45:case 46:return this.string(t[1])&&this.string(t[2]);case 47:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 48:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 49:return this.int(t[1])&&this.int(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 53:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8]);case 54:return this.uint(t[1])&&this.string(t[2]);case 55:return this.boolean(t[1]);case 57:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 58:return this.int(t[1]);case 59:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6])&&this.string(t[7]);case 60:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 61:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 63:case 64:return this.string(t[1])&&this.string(t[2]);case 67:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 69:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 70:return this.uint(t[1])&&this.uint(t[2]);case 71:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 73:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 75:case 76:case 77:return this.uint(t[1])&&this.uint(t[2]);case 79:return this.string(t[1])&&this.string(t[2]);case 78:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])}}}class e{constructor(t,i,e,n){this.pageNo=t,this.timestamp=i,this.url=e,this.onBatch=n,this.nextIndex=0,this.beaconSize=2e5,this.encoder=new s(this.beaconSize),this.sizeBuffer=new Uint8Array(3),this.isEmpty=!0,this.beaconSizeLimit=1e6,this.prepare()}writeType(t){return this.encoder.uint(t[0])}writeFields(t){return this.encoder.encode(t)}writeSizeAt(t,i){for(let i=0;i<3;i++)this.sizeBuffer[i]=t>>8*i;this.encoder.set(this.sizeBuffer,i)}prepare(){if(!this.encoder.isEmpty())return;const t=[81,1,this.pageNo,this.nextIndex,this.timestamp,this.url];this.writeType(t),this.writeFields(t),this.isEmpty=!0}writeWithSize(t){const i=this.encoder;if(!this.writeType(t)||!i.skip(3))return!1;const s=i.getCurrentOffset(),e=this.writeFields(t);if(e){const e=i.getCurrentOffset()-s;if(e>16777215)return console.warn("OpenReplay: max message size overflow."),!1;this.writeSizeAt(e,s-3),i.checkpoint(),this.isEmpty=this.isEmpty&&0===t[0],this.nextIndex++}return e}setBeaconSizeLimit(t){this.beaconSizeLimit=t}writeMessage(t){if(0===t[0]&&(this.timestamp=t[1]),4===t[0]&&(this.url=t[1]),!this.writeWithSize(t))for(this.finaliseBatch();!this.writeWithSize(t);){if(this.beaconSize===this.beaconSizeLimit)return console.warn("OpenReplay: beacon size overflow. Skipping large message.",t,this),this.encoder.reset(),void this.prepare();this.beaconSize=Math.min(2*this.beaconSize,this.beaconSizeLimit),this.encoder=new s(this.beaconSize),this.prepare()}}finaliseBatch(){this.isEmpty||(this.onBatch(this.encoder.flush()),this.prepare())}clean(){this.encoder.reset()}}var n;!function(t){t[t.NotActive=0]="NotActive",t[t.Starting=1]="Starting",t[t.Stopping=2]="Stopping",t[t.Active=3]="Active"}(n||(n={}));let r=null,h=null;function u(){h&&h.finaliseBatch()}function a(){n.Stopping,null!==g&&(clearInterval(g),g=null),h&&(h.clean(),h=null),r&&(r.clean(),r=null),n.NotActive}function o(){postMessage("restart"),a()}n.NotActive;let c,g=null;self.onmessage=({data:i})=>{if(null!=i){if("stop"===i)return u(),void a();if(Array.isArray(i)){if(!h)throw new Error("WebWorker: writer not initialised. Service Should be Started.");const t=h;i.forEach(i=>{55===i[0]&&(i[1]?c=setTimeout(()=>o(),18e5):clearTimeout(c)),t.writeMessage(i)})}else{if("start"===i.type)return n.Starting,r=new t(i.ingestPoint,()=>{o()},t=>{!function(t){postMessage({type:"failure",reason:t}),a()}(t)},i.connAttemptCount,i.connAttemptGap),h=new e(i.pageNo,i.timestamp,i.url,t=>r&&r.push(t)),null===g&&(g=setInterval(u,1e4)),n.Active;if("auth"===i.type){if(!r)throw new Error("WebWorker: sender not initialised. Received auth.");if(!h)throw new Error("WebWorker: writer not initialised. Received auth.");return r.authorise(i.token),void(i.beaconSizeLimit&&h.setBeaconSizeLimit(i.beaconSizeLimit))}}}else u()};'], { type: 'text/javascript' })));
+            this.worker = new Worker(URL.createObjectURL(new Blob(['"use strict";class t{constructor(t,i,s,e=10,n=1e3){this.onUnauthorised=i,this.onFailure=s,this.MAX_ATTEMPTS_COUNT=e,this.ATTEMPT_TIMEOUT=n,this.attemptsCount=0,this.busy=!1,this.queue=[],this.token=null,this.ingestURL=t+"/v1/web/i"}authorise(t){this.token=t,this.busy||this.sendNext()}push(t){this.busy||!this.token?this.queue.push(t):this.sendBatch(t)}sendNext(){const t=this.queue.shift();t?this.sendBatch(t):this.busy=!1}retry(t){this.attemptsCount>=this.MAX_ATTEMPTS_COUNT?this.onFailure(`Failed to send batch after ${this.attemptsCount} attempts.`):(this.attemptsCount++,setTimeout(()=>this.sendBatch(t),this.ATTEMPT_TIMEOUT*this.attemptsCount))}sendBatch(t){this.busy=!0,fetch(this.ingestURL,{body:t,method:"POST",headers:{Authorization:"Bearer "+this.token},keepalive:t.length<65536}).then(i=>{if(401===i.status)return this.busy=!1,void this.onUnauthorised();i.status>=400?this.retry(t):(this.attemptsCount=0,this.sendNext())}).catch(i=>{console.warn("OpenReplay:",i),this.retry(t)})}clean(){this.queue.length=0,this.token=null}}const i="function"==typeof TextEncoder?new TextEncoder:{encode(t){const i=t.length,s=new Uint8Array(3*i);let e=-1;for(let n=0,r=0,h=0;h!==i;){if(n=t.charCodeAt(h),h+=1,n>=55296&&n<=56319){if(h===i){s[e+=1]=239,s[e+=1]=191,s[e+=1]=189;break}if(r=t.charCodeAt(h),!(r>=56320&&r<=57343)){s[e+=1]=239,s[e+=1]=191,s[e+=1]=189;continue}if(n=1024*(n-55296)+r-56320+65536,h+=1,n>65535){s[e+=1]=240|n>>>18,s[e+=1]=128|n>>>12&63,s[e+=1]=128|n>>>6&63,s[e+=1]=128|63&n;continue}}n<=127?s[e+=1]=0|n:n<=2047?(s[e+=1]=192|n>>>6,s[e+=1]=128|63&n):(s[e+=1]=224|n>>>12,s[e+=1]=128|n>>>6&63,s[e+=1]=128|63&n)}return s.subarray(0,e+1)}};class s extends class{constructor(t){this.size=t,this.offset=0,this.checkpointOffset=0,this.data=new Uint8Array(t)}getCurrentOffset(){return this.offset}checkpoint(){this.checkpointOffset=this.offset}get isEmpty(){return 0===this.offset}skip(t){return this.offset+=t,this.offset<=this.size}set(t,i){this.data.set(t,i)}boolean(t){return this.data[this.offset++]=+t,this.offset<=this.size}uint(t){for((t<0||t>Number.MAX_SAFE_INTEGER)&&(t=0);t>=128;)this.data[this.offset++]=t%256|128,t=Math.floor(t/128);return this.data[this.offset++]=t,this.offset<=this.size}int(t){return t=Math.round(t),this.uint(t>=0?2*t:-2*t-1)}string(t){const s=i.encode(t),e=s.byteLength;return!(!this.uint(e)||this.offset+e>this.size)&&(this.data.set(s,this.offset),this.offset+=e,!0)}reset(){this.offset=0,this.checkpointOffset=0}flush(){const t=this.data.slice(0,this.checkpointOffset);return this.reset(),t}}{encode(t){switch(t[0]){case 0:return this.uint(t[1]);case 4:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 5:return this.uint(t[1])&&this.uint(t[2]);case 6:return this.int(t[1])&&this.int(t[2]);case 7:return!0;case 8:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.string(t[4])&&this.boolean(t[5]);case 9:case 10:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 11:return this.uint(t[1]);case 12:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 13:case 14:return this.uint(t[1])&&this.string(t[2]);case 16:return this.uint(t[1])&&this.int(t[2])&&this.int(t[3]);case 17:return this.uint(t[1])&&this.string(t[2]);case 18:return this.uint(t[1])&&this.string(t[2])&&this.int(t[3]);case 19:return this.uint(t[1])&&this.boolean(t[2]);case 20:return this.uint(t[1])&&this.uint(t[2]);case 21:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8]);case 22:return this.string(t[1])&&this.string(t[2]);case 23:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 24:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 27:return this.string(t[1])&&this.string(t[2]);case 28:case 29:return this.string(t[1]);case 30:return this.string(t[1])&&this.string(t[2]);case 37:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3]);case 38:return this.uint(t[1])&&this.uint(t[2]);case 39:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7]);case 40:return this.string(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 41:return this.string(t[1])&&this.string(t[2]);case 42:return this.string(t[1]);case 44:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 45:case 46:return this.string(t[1])&&this.string(t[2]);case 47:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 48:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 49:return this.int(t[1])&&this.int(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 50:return this.uint(t[1])&&this.string(t[2]);case 51:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 53:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8]);case 54:return this.uint(t[1])&&this.string(t[2]);case 55:return this.boolean(t[1]);case 57:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 58:return this.int(t[1]);case 59:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6])&&this.string(t[7]);case 60:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 61:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 63:case 64:return this.string(t[1])&&this.string(t[2]);case 67:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 69:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 70:return this.uint(t[1])&&this.uint(t[2]);case 71:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 73:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 75:case 76:case 77:return this.uint(t[1])&&this.uint(t[2]);case 78:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 79:return this.string(t[1])&&this.string(t[2]);case 81:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.int(t[4])&&this.string(t[5]);case 82:return this.uint(t[1])&&this.uint(t[2])}}}class e{constructor(){this.idx=1,this.backDict={}}getKey(t){let i=!1;return this.backDict[t]||(i=!0,this.backDict[t]=this.idx++),[this.backDict[t],i]}}class n{constructor(t,i,n,r){this.pageNo=t,this.timestamp=i,this.url=n,this.onBatch=r,this.nextIndex=0,this.beaconSize=2e5,this.encoder=new s(this.beaconSize),this.strDict=new e,this.sizeBuffer=new Uint8Array(3),this.isEmpty=!0,this.beaconSizeLimit=1e6,this.prepare()}writeType(t){return this.encoder.uint(t[0])}writeFields(t){return this.encoder.encode(t)}writeSizeAt(t,i){for(let i=0;i<3;i++)this.sizeBuffer[i]=t>>8*i;this.encoder.set(this.sizeBuffer,i)}prepare(){if(!this.encoder.isEmpty)return;const t=[81,1,this.pageNo,this.nextIndex,this.timestamp,this.url];this.writeType(t),this.writeFields(t),this.isEmpty=!0}writeWithSize(t){const i=this.encoder;if(!this.writeType(t)||!i.skip(3))return!1;const s=i.getCurrentOffset(),e=this.writeFields(t);if(e){const e=i.getCurrentOffset()-s;if(e>16777215)return console.warn("OpenReplay: max message size overflow."),!1;this.writeSizeAt(e,s-3),i.checkpoint(),this.isEmpty=this.isEmpty&&0===t[0],this.nextIndex++}return e}setBeaconSizeLimit(t){this.beaconSizeLimit=t}applyDict(t){const[i,s]=this.strDict.getKey(t);return s&&this.writeMessage([50,i,t]),i}writeMessage(t){0===t[0]&&(this.timestamp=t[1]),4===t[0]&&(this.url=t[1]),12===t[0]&&(t=[51,t[1],this.applyDict(t[2]),this.applyDict(t[3])]),this.writeWithSize(t)||(this.finaliseBatch(),this.writeWithSize(t)||(this.encoder=new s(this.beaconSizeLimit),this.prepare(),this.writeWithSize(t)||console.warn("OpenReplay: beacon size overflow. Skipping large message.",t,this),this.encoder=new s(this.beaconSize),this.prepare()))}finaliseBatch(){this.isEmpty||(this.onBatch(this.encoder.flush()),this.prepare())}clean(){this.encoder.reset()}}var r;!function(t){t[t.NotActive=0]="NotActive",t[t.Starting=1]="Starting",t[t.Stopping=2]="Stopping",t[t.Active=3]="Active"}(r||(r={}));let h=null,u=null;r.NotActive;let a=0;function c(){u&&u.finaliseBatch()}function o(){r.Stopping,null!==l&&(clearInterval(l),l=null),u&&(u.clean(),u=null),h&&(h.clean(),h=null),r.NotActive}function g(){postMessage("restart"),o()}let f,l=null;self.onmessage=({data:i})=>{if(null!=i){if("stop"===i)return c(),void o();if(Array.isArray(i)){if(null!==u){const t=u;i.forEach(i=>{55===i[0]&&(i[1]?f=setTimeout(()=>g(),18e5):clearTimeout(f)),t.writeMessage(i)})}u||(postMessage("not_init"),0===a&&(a+=1,g()))}else{if("start"===i.type)return r.Starting,h=new t(i.ingestPoint,()=>{g()},t=>{!function(t){postMessage({type:"failure",reason:t}),o()}(t)},i.connAttemptCount,i.connAttemptGap),u=new n(i.pageNo,i.timestamp,i.url,t=>h&&h.push(t)),null===l&&(l=setInterval(c,1e4)),r.Active;if("auth"===i.type){if(!h)throw new Error("WebWorker: sender not initialised. Received auth.");if(!u)throw new Error("WebWorker: writer not initialised. Received auth.");return h.authorise(i.token),void(i.beaconSizeLimit&&u.setBeaconSizeLimit(i.beaconSizeLimit))}}}else c()};'], { type: 'text/javascript' })));
             this.worker.onerror = (e) => {
                 this._debug('webworker_error', e);
             };
@@ -82,6 +83,9 @@ export default class App {
                     this.stop(false);
                     this.start({}, true);
                 }
+                else if (data === 'not_init') {
+                    console.warn('WebWorker: writer not initialised. Restarting tracker');
+                }
                 else if (data.type === 'failure') {
                     this.stop(false);
                     this._debug('worker_failed', data.reason);
@@ -119,6 +123,16 @@ export default class App {
         if (this.activityState === ActivityState.NotActive) {
             return;
         }
+        // === Back compatibility with Fetch/Axios plugins ===
+        if (message[0] === 39 /* MType.Fetch */) {
+            this._usingOldFetchPlugin = true;
+            deprecationWarn('Fetch plugin', "'network' init option", '/installation/network-options');
+            deprecationWarn('Axios plugin', "'network' init option", '/installation/network-options');
+        }
+        if (this._usingOldFetchPlugin && message[0] === 21 /* MType.NetworkRequest */) {
+            return;
+        }
+        // ====================================================
         this.messages.push(message);
         // TODO: commit on start if there were `urgent` sends;
         // Clarify where urgent can be used for;
@@ -213,16 +227,21 @@ export default class App {
     getSessionID() {
         return this.session.getInfo().sessionID || undefined;
     }
-    getSessionURL() {
-        const { projectID, sessionID } = this.session.getInfo();
+    getSessionURL(options) {
+        const { projectID, sessionID, timestamp } = this.session.getInfo();
         if (!projectID || !sessionID) {
             this.debug.error('OpenReplay error: Unable to build session URL');
             return undefined;
         }
         const ingest = this.options.ingestPoint;
-        const isSaas = ingest === DEFAULT_INGEST_POINT;
-        const projectPath = isSaas ? ingest.replace('api', 'app') : ingest;
-        return projectPath.replace(/ingest$/, `${projectID}/session/${sessionID}`);
+        const isSaas = /api\.openreplay\.com/.test(ingest);
+        const projectPath = isSaas ? 'https://openreplay.com/ingest' : ingest;
+        const url = projectPath.replace(/ingest$/, `${projectID}/session/${sessionID}`);
+        if (options === null || options === void 0 ? void 0 : options.withCurrentTime) {
+            const jumpTo = now() - timestamp;
+            return `${url}?jumpto=${jumpTo}`;
+        }
+        return url;
     }
     getHost() {
         return new URL(this.options.ingestPoint).host;
@@ -325,7 +344,7 @@ export default class App {
                 return Promise.reject('no worker found after start request (this might not happen)');
             }
             if (this.activityState === ActivityState.NotActive) {
-                return Promise.reject('Tracker stopped during authorisation');
+                return Promise.reject('Tracker stopped during authorization');
             }
             const { token, userUUID, projectID, beaconSizeLimit, delay, //  derived from token
             sessionID, //  derived from token