@openreplay/tracker 4.1.8 → 4.1.9-beta.2

package/cjs/index.js

@@ -22,6 +22,7 @@ const viewport_js_1 = require("./modules/viewport.js");
 const cssrules_js_1 = require("./modules/cssrules.js");
 const focus_js_1 = require("./modules/focus.js");
 const fonts_js_1 = require("./modules/fonts.js");
+const network_js_1 = require("./modules/network.js");
 const constructedStyleSheets_js_1 = require("./modules/constructedStyleSheets.js");
 const utils_js_1 = require("./utils.js");
 const DOCS_SETUP = '/installation/setup-or';
@@ -114,6 +115,7 @@ class API {
             (0, scroll_js_1.default)(app);
             (0, focus_js_1.default)(app);
             (0, fonts_js_1.default)(app);
+            (0, network_js_1.default)(app, options.network);
             window.__OPENREPLAY__ = this;
             if (options.autoResetOnWindowOpen) {
                 const wOpen = window.open;
@@ -138,7 +140,7 @@ 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.7',
+                trackerVersion: '4.1.9-beta.2',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -188,11 +190,11 @@ class API {
         (0, utils_js_1.deprecationWarn)("'sessionID' method", "'getSessionID' method", '/');
         return this.getSessionID();
     }
-    getSessionURL() {
+    getSessionURL(options) {
         if (this.app === null) {
             return undefined;
         }
-        return this.app.getSessionURL();
+        return this.app.getSessionURL(options);
     }
     setUserID(id) {
         if (typeof id === 'string' && this.app !== null) {
@@ -233,7 +235,7 @@ class API {
                 catch (e) {
                     return;
                 }
-                this.app.send((0, messages_gen_js_1.RawCustomEvent)(key, payload));
+                this.app.send((0, messages_gen_js_1.CustomEvent)(key, payload));
             }
         }
     }

package/cjs/modules/cssrules.js

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

package/cjs/modules/focus.js

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

package/cjs/modules/img.js

@@ -97,7 +97,7 @@ function default_1(app) {
         observer.disconnect();
     });
     app.nodes.attachNodeCallback((node) => {
-        if (!(0, guards_js_1.hasTag)(node, 'IMG')) {
+        if (!(0, guards_js_1.hasTag)(node, 'img')) {
             return;
         }
         app.nodes.attachNodeListener(node, 'error', () => sendImgError(node));

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;
             }
         }
@@ -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';
+declare type XHRRequestBody = Parameters<XMLHttpRequest['send']>[0];
+declare 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;
+}
+declare 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) {
@@ -70,13 +70,12 @@ function default_1(app, opts) {
     } // Resources are necessary for all timings
     let resources = {};
     function resourceTiming(entry) {
-        var _a;
         if (entry.duration < 0 || !(0, utils_js_1.isURL)(entry.name) || app.isServiceURL(entry.name))
             return;
         if (resources !== null) {
             resources[entry.name] = entry.startTime + entry.duration;
         }
-        app.send((0, messages_gen_js_1.ResourceTiming)(entry.startTime + ((_a = performance === null || performance === void 0 ? void 0 : performance.timing) === null || _a === void 0 ? void 0 : _a.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;
@@ -113,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);
@@ -145,9 +148,9 @@ function default_1(app, opts) {
                 const speedIndex = paintBlocks === null
                     ? 0
                     : calculateSpeedIndex(firstContentfulPaint || firstPaint, paintBlocks);
+                const { domContentLoadedEventEnd, navigationStart } = performance.timing;
                 const timeToInteractive = interactiveWindowTickTime === null
-                    ? Math.max(interactiveWindowStartTime, firstContentfulPaint, performance.timing.domContentLoadedEventEnd - performance.timing.navigationStart ||
-                        0)
+                    ? Math.max(interactiveWindowStartTime, firstContentfulPaint, domContentLoadedEventEnd - navigationStart || 0)
                     : 0;
                 app.send((0, messages_gen_js_1.PageRenderTiming)(speedIndex, firstContentfulPaint > visuallyComplete ? firstContentfulPaint : visuallyComplete, timeToInteractive));
             }

package/cjs/modules/viewport.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const utils_js_1 = require("../utils.js");
 const messages_gen_js_1 = require("../app/messages.gen.js");
 function default_1(app) {
     let url, width, height;
-    let navigationStart = performance.timing.navigationStart;
+    let navigationStart;
     const sendSetPageLocation = app.safe(() => {
         const { URL } = document;
         if (URL !== url) {
@@ -25,6 +26,7 @@ function default_1(app) {
         : app.safe(() => app.send((0, messages_gen_js_1.SetPageVisibility)(document.hidden)));
     app.attachStartCallback(() => {
         url = '';
+        navigationStart = (0, utils_js_1.getTimeOrigin)();
         width = height = -1;
         sendSetPageLocation();
         sendSetViewportSize();

package/cjs/utils.d.ts

@@ -2,6 +2,7 @@ export declare const IN_BROWSER: boolean;
 export declare const IS_FIREFOX: false | RegExpMatchArray | null;
 export declare const MAX_STR_LEN = 100000;
 export declare function adjustTimeOrigin(): void;
+export declare function getTimeOrigin(): number;
 export declare const now: () => number;
 export declare const stars: (str: string) => string;
 export declare function normSpaces(str: string): string;

package/cjs/utils.js

@@ -1,19 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasOpenreplayAttribute = exports.getLabelAttribute = exports.deprecationWarn = exports.DOCS_HOST = exports.isURL = exports.normSpaces = exports.stars = exports.now = exports.adjustTimeOrigin = exports.MAX_STR_LEN = exports.IS_FIREFOX = exports.IN_BROWSER = void 0;
+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);
 exports.MAX_STR_LEN = 1e5;
 // Buggy to use `performance.timeOrigin || performance.timing.navigationStart`
 // https://github.com/mdn/content/issues/4713
-let timeOrigin = exports.IN_BROWSER
-    ? Date.now() - performance.now()
-    : 0;
+// Maybe move to timer/ticker
+let timeOrigin = exports.IN_BROWSER ? Date.now() - performance.now() : 0;
 function adjustTimeOrigin() {
     timeOrigin = Date.now() - performance.now();
 }
 exports.adjustTimeOrigin = adjustTimeOrigin;
+function getTimeOrigin() {
+    return timeOrigin;
+}
+exports.getTimeOrigin = getTimeOrigin;
 exports.now = exports.IN_BROWSER && !!performance.now
     ? () => Math.round(performance.now() + timeOrigin)
     : () => Date.now();

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

@@ -5,17 +5,16 @@ 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;
+    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

@@ -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;
@@ -109,8 +112,7 @@ export default class App {
     active(): boolean;
     resetNextPageSession(flag: boolean): void;
     private _start;
-    start(options?: StartOptions): Promise<StartPromiseReturn>;
+    start(...args: Parameters<App['_start']>): Promise<StartPromiseReturn>;
     stop(stopWorker?: boolean): void;
-    restart(): void;
 }
 export {};