@openreplay/tracker 4.1.9 → 4.1.10

package/lib/index.d.ts

@@ -9,14 +9,16 @@ import type { Options as ExceptionOptions } from './modules/exception.js';
 import type { Options as InputOptions } from './modules/input.js';
 import type { Options as PerformanceOptions } from './modules/performance.js';
 import type { Options as TimingOptions } from './modules/timing.js';
+import type { Options as NetworkOptions } from './modules/network.js';
 import type { StartOptions } from './app/index.js';
 import type { StartPromiseReturn } from './app/index.js';
-export declare type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
+export type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
     projectID?: number;
     projectKey: string;
     sessionToken?: string;
     respectDoNotTrack?: boolean;
     autoResetOnWindowOpen?: boolean;
+    network?: NetworkOptions;
     __DISABLE_SECURE_MODE?: boolean;
 };
 export default class API {
@@ -30,7 +32,9 @@ export default class API {
     getSessionToken(): string | null | undefined;
     getSessionID(): string | null | undefined;
     sessionID(): string | null | undefined;
-    getSessionURL(): string | undefined;
+    getSessionURL(options?: {
+        withCurrentTime?: boolean;
+    }): string | undefined;
     setUserID(id: string): void;
     userID(id: string): void;
     setUserAnonymousID(id: string): void;

package/lib/index.js

@@ -1,6 +1,6 @@
 import App, { DEFAULT_INGEST_POINT } from './app/index.js';
 export { default as App } from './app/index.js';
-import { UserAnonymousID, RawCustomEvent, CustomIssue } from './app/messages.gen.js';
+import { UserAnonymousID, CustomEvent, CustomIssue } from './app/messages.gen.js';
 import * as _Messages from './app/messages.gen.js';
 export const Messages = _Messages;
 export { SanitizeLevel } from './app/sanitizer.js';
@@ -17,9 +17,10 @@ import Viewport from './modules/viewport.js';
 import CSSRules from './modules/cssrules.js';
 import Focus from './modules/focus.js';
 import Fonts from './modules/fonts.js';
+import Network from './modules/network.js';
 import ConstructedStyleSheets from './modules/constructedStyleSheets.js';
 import { IN_BROWSER, deprecationWarn, DOCS_HOST } from './utils.js';
-const DOCS_SETUP = '/installation/setup-or';
+const DOCS_SETUP = '/installation/javascript-sdk';
 function processOptions(obj) {
     if (obj == null) {
         console.error(`OpenReplay: invalid options argument type. Please, check documentation on ${DOCS_HOST}${DOCS_SETUP}`);
@@ -109,6 +110,7 @@ export default class API {
             Scroll(app);
             Focus(app);
             Fonts(app);
+            Network(app, options.network);
             window.__OPENREPLAY__ = this;
             if (options.autoResetOnWindowOpen) {
                 const wOpen = window.open;
@@ -133,7 +135,7 @@ export default 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.8',
+                trackerVersion: '4.1.10',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -183,11 +185,11 @@ export default class API {
         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) {
@@ -228,7 +230,7 @@ export default class API {
                 catch (e) {
                     return;
                 }
-                this.app.send(RawCustomEvent(key, payload));
+                this.app.send(CustomEvent(key, payload));
             }
         }
     }

package/lib/modules/cssrules.js

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

package/lib/modules/focus.js

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

package/lib/modules/fonts.js

@@ -35,7 +35,7 @@ export default function (app) {
     };
     app.observer.attachContextCallback(patchWindow);
     patchWindow(window);
-    app.nodes.attachNodeCallback((node) => {
+    app.nodes.attachNodeCallback(app.safe((node) => {
         if (!isDocument(node)) {
             return;
         }
@@ -50,5 +50,5 @@ export default function (app) {
         ffDataArr.forEach((ffData) => {
             app.send(LoadFontFace(parentID, ...ffData));
         });
-    });
+    }));
 }

package/lib/modules/img.js

@@ -3,15 +3,16 @@ import { ResourceTiming, SetNodeAttributeURLBased, SetNodeAttribute } from '../a
 import { hasTag } from '../app/guards.js';
 function resolveURL(url, location = document.location) {
     url = url.trim();
-    if (url.startsWith('/')) {
-        return location.origin + url;
-    }
-    else if (url.startsWith('http://') ||
+    if (url.startsWith('//') ||
+        url.startsWith('http://') ||
         url.startsWith('https://') ||
         url.startsWith('data:') // any other possible value here? https://bugzilla.mozilla.org/show_bug.cgi?id=1758035
     ) {
         return url;
     }
+    else if (url.startsWith('/')) {
+        return location.origin + url;
+    }
     else {
         return location.origin + location.pathname + url;
     }
@@ -95,7 +96,7 @@ export default function (app) {
         observer.disconnect();
     });
     app.nodes.attachNodeCallback((node) => {
-        if (!hasTag(node, 'IMG')) {
+        if (!hasTag(node, 'img')) {
             return;
         }
         app.nodes.attachNodeListener(node, 'error', () => sendImgError(node));

package/lib/modules/input.d.ts

@@ -1,5 +1,5 @@
 import type App from '../app/index.js';
-declare type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
+type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
 export declare function getInputLabel(node: TextEditableElement): string;
 export declare const enum InputMode {
     Plain = 0,

package/lib/modules/input.js

@@ -1,18 +1,18 @@
 import { normSpaces, IN_BROWSER, getLabelAttribute } from '../utils.js';
 import { hasTag } from '../app/guards.js';
 import { SetInputTarget, SetInputValue, SetInputChecked } from '../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 (hasTag(node, 'TEXTAREA')) {
+    if (hasTag(node, 'textarea')) {
         return true;
     }
-    if (!hasTag(node, 'INPUT')) {
+    if (!hasTag(node, 'input')) {
         return false;
     }
     return INPUT_TYPES.includes(node.type);
 }
 function isCheckable(node) {
-    if (!hasTag(node, 'INPUT')) {
+    if (!hasTag(node, 'input')) {
         return false;
     }
     const type = node.type;
@@ -22,7 +22,7 @@ const labelElementFor = IN_BROWSER && 'labels' in HTMLInputElement.prototype
     ? (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if (hasTag(p, 'LABEL')) {
+            if (hasTag(p, 'label')) {
                 return p;
             }
         }
@@ -34,7 +34,7 @@ const labelElementFor = IN_BROWSER && 'labels' in HTMLInputElement.prototype
     : (node) => {
         let p = node;
         while ((p = p.parentNode) !== null) {
-            if (hasTag(p, 'LABEL')) {
+            if (hasTag(p, 'label')) {
                 return p;
             }
         }
@@ -64,7 +64,7 @@ export default function (app, opts) {
     const options = Object.assign({
         obscureInputNumbers: true,
         obscureInputEmails: true,
-        defaultInputMode: 0 /* Plain */,
+        defaultInputMode: 0 /* InputMode.Plain */,
         obscureInputDates: false,
     }, opts);
     function sendInputTarget(id, node) {
@@ -77,22 +77,22 @@ export default function (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;
@@ -111,11 +111,7 @@ export default function (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)) {
@@ -128,11 +124,7 @@ export default function (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(SetInputChecked(id, node.checked));
@@ -146,7 +138,7 @@ export default function (app, opts) {
             return;
         }
         // TODO: support multiple select (?): use selectedOptions; Need send target?
-        if (hasTag(node, 'SELECT')) {
+        if (hasTag(node, 'select')) {
             sendInputValue(id, node);
             app.attachEventListener(node, 'change', () => {
                 sendInputValue(id, node);

package/lib/modules/mouse.js

@@ -78,7 +78,7 @@ export default function (app) {
         if (dl !== null) {
             return dl;
         }
-        if (hasTag(target, 'INPUT')) {
+        if (hasTag(target, 'input')) {
             return getInputLabel(target);
         }
         if (isClickable(target)) {

package/lib/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/lib/modules/network.js

@@ -0,0 +1,200 @@
+import { NetworkRequest } from '../app/messages.gen.js';
+import { getTimeOrigin } from '../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';
+}
+export default function (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(NetworkRequest('fetch', method, String(reqResInfo.url), stringify(reqResInfo.request), stringify(reqResInfo.response), r.status, startTime + 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(NetworkRequest('xhr', method, String(reqResInfo.url), stringify(reqResInfo.request), stringify(reqResInfo.response), xhr.status, startTime + 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);
+    };
+    /* ====== <> ====== */
+}

package/lib/modules/timing.js

@@ -1,5 +1,5 @@
 import { hasTag } from '../app/guards.js';
-import { isURL } from '../utils.js';
+import { isURL, getTimeOrigin } from '../utils.js';
 import { ResourceTiming, PageLoadTiming, PageRenderTiming } from '../app/messages.gen.js';
 function getPaintBlocks(resources) {
     const paintBlocks = [];
@@ -8,7 +8,7 @@ function getPaintBlocks(resources) {
     for (let i = 0; i < elements.length; i++) {
         const element = elements[i];
         let src = '';
-        if (hasTag(element, 'IMG')) {
+        if (hasTag(element, 'img')) {
             src = element.currentSrc || element.src;
         }
         if (!src) {
@@ -73,7 +73,7 @@ export default function (app, opts) {
         if (resources !== null) {
             resources[entry.name] = entry.startTime + entry.duration;
         }
-        app.send(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(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, entry.name, entry.initiatorType));
     }
     const observer = new PerformanceObserver((list) => list.getEntries().forEach(resourceTiming));
     let prevSessionID;
@@ -110,7 +110,11 @@ export default function (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(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/lib/modules/viewport.js

@@ -3,12 +3,14 @@ import { SetPageLocation, SetViewportSize, SetPageVisibility } from '../app/mess
 export default function (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(SetPageLocation(url, document.referrer, navigationStart));
+            app.send(SetPageLocation(url, referrer, navigationStart));
             navigationStart = 0;
+            referrer = url;
         }
     });
     const sendSetViewportSize = app.safe(() => {

package/lib/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "4.1.9",
+  "version": "4.1.10",
   "keywords": [
     "logging",
     "replay"
@@ -21,10 +21,12 @@
     "compile": "node --experimental-modules --experimental-json-modules scripts/compile.cjs",
     "build": "npm run clean && npm run tscRun && npm run rollup && npm run compile",
     "prepare": "cd ../../ && husky install tracker/.husky/",
-    "lint-front": "lint-staged"
+    "lint-front": "lint-staged",
+    "test": "jest"
   },
   "devDependencies": {
     "@babel/core": "^7.10.2",
+    "@jest/globals": "^29.3.1",
     "@rollup/plugin-babel": "^5.0.3",
     "@rollup/plugin-node-resolve": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^5.30.0",
@@ -33,13 +35,16 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "husky": "^8.0.1",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.3.1",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
     "replace-in-files": "^2.0.3",
     "rollup": "^2.17.0",
     "rollup-plugin-terser": "^6.1.0",
     "semver": "^6.3.0",
-    "typescript": "4.6.0-dev.20211126"
+    "ts-jest": "^29.0.3",
+    "typescript": "^4.9.4"
   },
   "dependencies": {
     "error-stack-parser": "^2.0.6"

package/tsconfig-base.json

@@ -10,5 +10,6 @@
     "target": "es6",
     "module": "es6",
     "moduleResolution": "nodenext"
-  }
+  },
+  "exclude": ["**/*.test.ts"]
 }