@openreplay/tracker 3.6.3 → 4.0.0

package/lib/index.js

@@ -1,20 +1,21 @@
-import App, { DEFAULT_INGEST_POINT } from "./app/index.js";
+import App, { DEFAULT_INGEST_POINT } from './app/index.js';
 export { default as App } from './app/index.js';
-import { UserAnonymousID, RawCustomEvent, CustomIssue } from "./common/messages.js";
-import * as _Messages from "./common/messages.js";
+import { UserAnonymousID, RawCustomEvent, CustomIssue } from './app/messages.gen.js';
+import * as _Messages from './app/messages.gen.js';
 export const Messages = _Messages;
-import Connection from "./modules/connection.js";
-import Console from "./modules/console.js";
-import Exception, { getExceptionMessageFromEvent, getExceptionMessage } from "./modules/exception.js";
-import Img from "./modules/img.js";
-import Input from "./modules/input.js";
-import Mouse from "./modules/mouse.js";
-import Timing from "./modules/timing.js";
-import Performance from "./modules/performance.js";
-import Scroll from "./modules/scroll.js";
-import Viewport from "./modules/viewport.js";
-import CSSRules from "./modules/cssrules.js";
-import { IN_BROWSER, deprecationWarn, DOCS_HOST } from "./utils.js";
+import Connection from './modules/connection.js';
+import Console from './modules/console.js';
+import Exception, { getExceptionMessageFromEvent, getExceptionMessage, } from './modules/exception.js';
+import Img from './modules/img.js';
+import Input from './modules/input.js';
+import Mouse from './modules/mouse.js';
+import Timing from './modules/timing.js';
+import Performance from './modules/performance.js';
+import Scroll from './modules/scroll.js';
+import Viewport from './modules/viewport.js';
+import CSSRules from './modules/cssrules.js';
+import AdoptedStyleSheets from './modules/adoptedStyleSheets.js';
+import { IN_BROWSER, deprecationWarn, DOCS_HOST } from './utils.js';
 const DOCS_SETUP = '/installation/setup-or';
 function processOptions(obj) {
     if (obj == null) {
@@ -23,22 +24,23 @@ function processOptions(obj) {
     }
     if (typeof obj.projectKey !== 'string') {
         if (typeof obj.projectKey !== 'number') {
-            if (typeof obj.projectID !== 'number') { // Back compatability
+            if (typeof obj.projectID !== 'number') {
+                // Back compatability
                 console.error(`OpenReplay: projectKey is missing or wrong type (string is expected). Please, check ${DOCS_HOST}${DOCS_SETUP} for more information.`);
                 return false;
             }
             else {
                 obj.projectKey = obj.projectID.toString();
-                deprecationWarn("`projectID` option", "`projectKey` option", DOCS_SETUP);
+                deprecationWarn('`projectID` option', '`projectKey` option', DOCS_SETUP);
             }
         }
         else {
-            console.warn("OpenReplay: projectKey is expected to have a string type.");
+            console.warn('OpenReplay: projectKey is expected to have a string type.');
             obj.projectKey = obj.projectKey.toString();
         }
     }
-    if (typeof obj.sessionToken !== 'string' && obj.sessionToken != null) {
-        console.warn(`OpenReplay: invalid options argument type. Please, check documentation on ${DOCS_HOST}${DOCS_SETUP}`);
+    if (obj.sessionToken != null) {
+        deprecationWarn('`sessionToken` option', '`sessionHash` start() option', '/');
     }
     return true;
 }
@@ -65,31 +67,33 @@ export default class API {
             return;
         }
         if (window.__OPENREPLAY__) {
-            console.error("OpenReplay: one tracker instance has been initialised already");
+            console.error('OpenReplay: one tracker instance has been initialised already');
             return;
         }
         if (!options.__DISABLE_SECURE_MODE && location.protocol !== 'https:') {
-            console.error("OpenReplay: Your website must be publicly accessible and running on SSL in order for OpenReplay to properly capture and replay the user session. You can disable this check by setting `__DISABLE_SECURE_MODE` option to `true` if you are testing in localhost. Keep in mind, that asset files on a local machine are not available to the outside world. This might affect tracking if you use css files.");
+            console.error('OpenReplay: Your website must be publicly accessible and running on SSL in order for OpenReplay to properly capture and replay the user session. You can disable this check by setting `__DISABLE_SECURE_MODE` option to `true` if you are testing in localhost. Keep in mind, that asset files on a local machine are not available to the outside world. This might affect tracking if you use css files.');
             return;
         }
         const doNotTrack = options.respectDoNotTrack &&
-            (navigator.doNotTrack == '1'
+            (navigator.doNotTrack == '1' ||
                 // @ts-ignore
-                || window.doNotTrack == '1');
-        const app = this.app = doNotTrack ||
-            !('Map' in window) ||
-            !('Set' in window) ||
-            !('MutationObserver' in window) ||
-            !('performance' in window) ||
-            !('timing' in performance) ||
-            !('startsWith' in String.prototype) ||
-            !('Blob' in window) ||
-            !('Worker' in window)
-            ? null
-            : new App(options.projectKey, options.sessionToken, options);
+                window.doNotTrack == '1');
+        const app = (this.app =
+            doNotTrack ||
+                !('Map' in window) ||
+                !('Set' in window) ||
+                !('MutationObserver' in window) ||
+                !('performance' in window) ||
+                !('timing' in performance) ||
+                !('startsWith' in String.prototype) ||
+                !('Blob' in window) ||
+                !('Worker' in window)
+                ? null
+                : new App(options.projectKey, options.sessionToken, options));
         if (app !== null) {
             Viewport(app);
             CSSRules(app);
+            AdoptedStyleSheets(app);
             Connection(app);
             Console(app, options);
             Exception(app, options);
@@ -119,11 +123,11 @@ export default class API {
             console.log("OpenReplay: browser doesn't support API required for tracking or doNotTrack is set to 1.");
             const req = new XMLHttpRequest();
             const orig = options.ingestPoint || DEFAULT_INGEST_POINT;
-            req.open("POST", orig + "/v1/web/not-started");
+            req.open('POST', orig + '/v1/web/not-started');
             // 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: '3.6.3',
+                trackerVersion: '4.0.0',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -142,7 +146,7 @@ export default class API {
     start(startOpts) {
         if (!IN_BROWSER) {
             console.error(`OpenReplay: you are trying to start Tracker on a node.js environment. If you want to use OpenReplay with SSR, please, use componentDidMount or useEffect API for placing the \`tracker.start()\` line. Check documentation on ${DOCS_HOST}${DOCS_SETUP}`);
-            return Promise.reject("Trying to start not in browser.");
+            return Promise.reject('Trying to start not in browser.');
         }
         if (this.app === null) {
             return Promise.reject("Browser doesn't support required api, or doNotTrack is active.");
@@ -154,7 +158,10 @@ export default class API {
         if (this.app === null) {
             return;
         }
-        this.app.stop(true);
+        this.app.stop();
+        const sessionHash = this.app.session.getSessionHash();
+        this.app.session.reset();
+        return sessionHash;
     }
     getSessionToken() {
         if (this.app === null) {
@@ -169,36 +176,40 @@ export default class API {
         return this.app.getSessionID();
     }
     sessionID() {
-        deprecationWarn("'sessionID' method", "'getSessionID' method", "/");
+        deprecationWarn("'sessionID' method", "'getSessionID' method", '/');
         return this.getSessionID();
     }
+    getSessionURL() {
+        if (this.app === null) {
+            return undefined;
+        }
+        return this.app.getSessionURL();
+    }
     setUserID(id) {
         if (typeof id === 'string' && this.app !== null) {
             this.app.session.setUserID(id);
         }
     }
     userID(id) {
-        deprecationWarn("'userID' method", "'setUserID' method", "/");
+        deprecationWarn("'userID' method", "'setUserID' method", '/');
         this.setUserID(id);
     }
     setUserAnonymousID(id) {
         if (typeof id === 'string' && this.app !== null) {
-            this.app.send(new UserAnonymousID(id));
+            this.app.send(UserAnonymousID(id));
         }
     }
     userAnonymousID(id) {
-        deprecationWarn("'userAnonymousID' method", "'setUserAnonymousID' method", "/");
+        deprecationWarn("'userAnonymousID' method", "'setUserAnonymousID' method", '/');
         this.setUserAnonymousID(id);
     }
     setMetadata(key, value) {
-        if (typeof key === 'string' &&
-            typeof value === 'string' &&
-            this.app !== null) {
+        if (typeof key === 'string' && typeof value === 'string' && this.app !== null) {
             this.app.session.setMetadata(key, value);
         }
     }
     metadata(key, value) {
-        deprecationWarn("'metadata' method", "'setMetadata' method", "/");
+        deprecationWarn("'metadata' method", "'setMetadata' method", '/');
         this.setMetadata(key, value);
     }
     event(key, payload, issue = false) {
@@ -213,7 +224,7 @@ export default class API {
                 catch (e) {
                     return;
                 }
-                this.app.send(new RawCustomEvent(key, payload));
+                this.app.send(RawCustomEvent(key, payload));
             }
         }
     }
@@ -225,7 +236,7 @@ export default class API {
             catch (e) {
                 return;
             }
-            this.app.send(new CustomIssue(key, payload));
+            this.app.send(CustomIssue(key, payload));
         }
     }
 }

package/lib/modules/adoptedStyleSheets.d.ts

@@ -0,0 +1,2 @@
+import type App from '../app/index.js';
+export default function (app: App | null): void;

package/lib/modules/adoptedStyleSheets.js

@@ -0,0 +1,124 @@
+import { TechnicalInfo, AdoptedSSReplaceURLBased, AdoptedSSInsertRuleURLBased, AdoptedSSDeleteRule, AdoptedSSAddOwner, AdoptedSSRemoveOwner, } from '../app/messages.gen.js';
+import { isRootNode } from '../app/guards.js';
+function hasAdoptedSS(node) {
+    return (isRootNode(node) &&
+        // @ts-ignore
+        !!node.adoptedStyleSheets);
+}
+export default function (app) {
+    if (app === null) {
+        return;
+    }
+    if (!hasAdoptedSS(document)) {
+        app.attachStartCallback(() => {
+            // MBTODO: pre-start sendQueue app
+            app.send(TechnicalInfo('no_adopted_stylesheets', ''));
+        });
+        return;
+    }
+    let nextID = 0xf;
+    const styleSheetIDMap = new Map();
+    const adoptedStyleSheetsOwnings = new Map();
+    const updateAdoptedStyleSheets = (root) => {
+        let nodeID = app.nodes.getID(root);
+        if (root === document) {
+            nodeID = 0; // main document doesn't have nodeID. ID count starts from the documentElement
+        }
+        if (!nodeID) {
+            return;
+        }
+        let pastOwning = adoptedStyleSheetsOwnings.get(nodeID);
+        if (!pastOwning) {
+            pastOwning = [];
+        }
+        const nowOwning = [];
+        const styleSheets = root.adoptedStyleSheets;
+        for (const s of styleSheets) {
+            let sheetID = styleSheetIDMap.get(s);
+            const init = !sheetID;
+            if (!sheetID) {
+                sheetID = ++nextID;
+            }
+            nowOwning.push(sheetID);
+            if (!pastOwning.includes(sheetID)) {
+                app.send(AdoptedSSAddOwner(sheetID, nodeID));
+            }
+            if (init) {
+                const rules = s.cssRules;
+                for (let i = 0; i < rules.length; i++) {
+                    app.send(AdoptedSSInsertRuleURLBased(sheetID, rules[i].cssText, i, app.getBaseHref()));
+                }
+            }
+        }
+        for (const sheetID of pastOwning) {
+            if (!nowOwning.includes(sheetID)) {
+                app.send(AdoptedSSRemoveOwner(sheetID, nodeID));
+            }
+        }
+        adoptedStyleSheetsOwnings.set(nodeID, nowOwning);
+    };
+    function patchAdoptedStyleSheets(prototype) {
+        const nativeAdoptedStyleSheetsDescriptor = Object.getOwnPropertyDescriptor(prototype, 'adoptedStyleSheets');
+        if (nativeAdoptedStyleSheetsDescriptor) {
+            Object.defineProperty(prototype, 'adoptedStyleSheets', Object.assign(Object.assign({}, nativeAdoptedStyleSheetsDescriptor), { set: function (value) {
+                    // @ts-ignore
+                    const retVal = nativeAdoptedStyleSheetsDescriptor.set.call(this, value);
+                    updateAdoptedStyleSheets(this);
+                    return retVal;
+                } }));
+        }
+    }
+    const patchContext = (context) => {
+        patchAdoptedStyleSheets(context.Document.prototype);
+        patchAdoptedStyleSheets(context.ShadowRoot.prototype);
+        //@ts-ignore TODO: configure ts (use necessary lib)
+        const { insertRule, deleteRule, replace, replaceSync } = context.CSSStyleSheet.prototype;
+        //@ts-ignore
+        context.CSSStyleSheet.prototype.replace = function (text) {
+            return replace.call(this, text).then((sheet) => {
+                const sheetID = styleSheetIDMap.get(this);
+                if (sheetID) {
+                    app.send(AdoptedSSReplaceURLBased(sheetID, text, app.getBaseHref()));
+                }
+                return sheet;
+            });
+        };
+        //@ts-ignore
+        context.CSSStyleSheet.prototype.replaceSync = function (text) {
+            const sheetID = styleSheetIDMap.get(this);
+            if (sheetID) {
+                app.send(AdoptedSSReplaceURLBased(sheetID, text, app.getBaseHref()));
+            }
+            return replaceSync.call(this, text);
+        };
+        context.CSSStyleSheet.prototype.insertRule = function (rule, index = 0) {
+            const sheetID = styleSheetIDMap.get(this);
+            if (sheetID) {
+                app.send(AdoptedSSInsertRuleURLBased(sheetID, rule, index, app.getBaseHref()));
+            }
+            return insertRule.call(this, rule, index);
+        };
+        context.CSSStyleSheet.prototype.deleteRule = function (index) {
+            const sheetID = styleSheetIDMap.get(this);
+            if (sheetID) {
+                app.send(AdoptedSSDeleteRule(sheetID, index));
+            }
+            return deleteRule.call(this, index);
+        };
+    };
+    patchContext(window);
+    app.observer.attachContextCallback(patchContext);
+    app.attachStopCallback(() => {
+        styleSheetIDMap.clear();
+        adoptedStyleSheetsOwnings.clear();
+    });
+    // So far main Document is not triggered with nodeCallbacks
+    app.attachStartCallback(() => {
+        updateAdoptedStyleSheets(document);
+    });
+    app.nodes.attachNodeCallback((node) => {
+        if (hasAdoptedSS(node)) {
+            updateAdoptedStyleSheets(node);
+        }
+    });
+}

package/lib/modules/connection.d.ts

@@ -1,2 +1,2 @@
-import App from "../app/index.js";
+import App from '../app/index.js';
 export default function (app: App): void;

package/lib/modules/connection.js

@@ -1,4 +1,4 @@
-import { ConnectionInformation } from "../common/messages.js";
+import { ConnectionInformation } from '../app/messages.gen.js';
 export default function (app) {
     const connection = navigator.connection ||
         navigator.mozConnection ||
@@ -6,7 +6,7 @@ export default function (app) {
     if (connection === undefined) {
         return;
     }
-    const sendConnectionInformation = () => app.send(new ConnectionInformation(Math.round(connection.downlink * 1000), connection.type || 'unknown'));
+    const sendConnectionInformation = () => app.send(ConnectionInformation(Math.round(connection.downlink * 1000), connection.type || 'unknown'));
     sendConnectionInformation();
     connection.addEventListener('change', sendConnectionInformation);
 }

package/lib/modules/console.d.ts

@@ -1,4 +1,4 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export interface Options {
     consoleMethods: Array<string> | null;
     consoleThrottling: number;

package/lib/modules/console.js

@@ -1,6 +1,5 @@
-import { hasTag } from "../app/guards.js";
-import { IN_BROWSER } from "../utils.js";
-import { ConsoleLog } from "../common/messages.js";
+import { IN_BROWSER } from '../utils.js';
+import { ConsoleLog } from '../app/messages.gen.js';
 const printError = IN_BROWSER && 'InstallTrigger' in window // detect Firefox
     ? (e) => e.message + '\n' + e.stack
     : (e) => e.stack || e.message;
@@ -87,11 +86,10 @@ export default function (app, opts) {
         consoleMethods,
         consoleThrottling: 30,
     }, opts);
-    if (!Array.isArray(options.consoleMethods) ||
-        options.consoleMethods.length === 0) {
+    if (!Array.isArray(options.consoleMethods) || options.consoleMethods.length === 0) {
         return;
     }
-    const sendConsoleLog = app.safe((level, args) => app.send(new ConsoleLog(level, printf(args))));
+    const sendConsoleLog = app.safe((level, args) => app.send(ConsoleLog(level, printf(args))));
     let n;
     const reset = () => {
         n = 0;
@@ -100,7 +98,7 @@ export default function (app, opts) {
     app.ticker.attach(reset, 33, false);
     const patchConsole = (console) => options.consoleMethods.forEach((method) => {
         if (consoleMethods.indexOf(method) === -1) {
-            console.error(`OpenReplay: unsupported console method "${method}"`);
+            app.debug.error(`OpenReplay: unsupported console method "${method}"`);
             return;
         }
         const fn = console[method];
@@ -112,19 +110,7 @@ export default function (app, opts) {
             sendConsoleLog(method, args);
         };
     });
-    patchConsole(window.console);
-    app.nodes.attachNodeCallback(app.safe(node => {
-        if (hasTag(node, "IFRAME")) { // TODO: newContextCallback
-            let context = node.contentWindow;
-            if (context) {
-                patchConsole(context.console);
-            }
-            app.attachEventListener(node, "load", () => {
-                if (node.contentWindow !== context) {
-                    context = node.contentWindow;
-                    patchConsole(context.console);
-                }
-            });
-        }
-    }));
+    const patchContext = app.safe((context) => patchConsole(context.console));
+    patchContext(window);
+    app.observer.attachContextCallback(patchContext);
 }

package/lib/modules/cssrules.d.ts

@@ -1,2 +1,2 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export default function (app: App | null): void;

package/lib/modules/cssrules.js

@@ -1,37 +1,41 @@
-import { CSSInsertRuleURLBased, CSSDeleteRule, TechnicalInfo } from "../common/messages.js";
-import { hasTag } from "../app/guards.js";
+import { CSSInsertRuleURLBased, CSSDeleteRule, TechnicalInfo } from '../app/messages.gen.js';
+import { hasTag } from '../app/guards.js';
 export default function (app) {
     if (app === null) {
         return;
     }
     if (!window.CSSStyleSheet) {
-        app.send(new TechnicalInfo("no_stylesheet_prototype_in_window", ""));
+        app.send(TechnicalInfo('no_stylesheet_prototype_in_window', ''));
         return;
     }
     const processOperation = app.safe((stylesheet, index, rule) => {
         const sendMessage = typeof rule === 'string'
-            ? (nodeID) => app.send(new CSSInsertRuleURLBased(nodeID, rule, index, app.getBaseHref()))
-            : (nodeID) => app.send(new CSSDeleteRule(nodeID, index));
+            ? (nodeID) => app.send(CSSInsertRuleURLBased(nodeID, rule, index, app.getBaseHref()))
+            : (nodeID) => app.send(CSSDeleteRule(nodeID, index));
         // TODO: Extend messages to maintain nested rules (CSSGroupingRule prototype, as well as CSSKeyframesRule)
         if (stylesheet.ownerNode == null) {
-            throw new Error("Owner Node not found");
+            throw new Error('Owner Node not found');
         }
         const nodeID = app.nodes.getID(stylesheet.ownerNode);
         if (nodeID !== undefined) {
             sendMessage(nodeID);
         } // else error?
     });
-    const { insertRule, deleteRule } = CSSStyleSheet.prototype;
-    CSSStyleSheet.prototype.insertRule = function (rule, index = 0) {
-        processOperation(this, index, rule);
-        return insertRule.call(this, rule, index);
-    };
-    CSSStyleSheet.prototype.deleteRule = function (index) {
-        processOperation(this, index);
-        return deleteRule.call(this, index);
+    const patchContext = (context) => {
+        const { insertRule, deleteRule } = context.CSSStyleSheet.prototype;
+        context.CSSStyleSheet.prototype.insertRule = function (rule, index = 0) {
+            processOperation(this, index, rule);
+            return insertRule.call(this, rule, index);
+        };
+        context.CSSStyleSheet.prototype.deleteRule = function (index) {
+            processOperation(this, index);
+            return deleteRule.call(this, index);
+        };
     };
+    patchContext(window);
+    app.observer.attachContextCallback(patchContext);
     app.nodes.attachNodeCallback((node) => {
-        if (!hasTag(node, "STYLE") || !node.sheet) {
+        if (!hasTag(node, 'STYLE') || !node.sheet) {
             return;
         }
         if (node.textContent !== null && node.textContent.trim().length > 0) {

package/lib/modules/exception.d.ts

@@ -1,5 +1,5 @@
-import type App from "../app/index.js";
-import type Message from "../common/messages.js";
+import type App from '../app/index.js';
+import type Message from '../app/messages.gen.js';
 export interface Options {
     captureExceptions: boolean;
 }
@@ -11,6 +11,6 @@ interface StackFrame {
     source?: string;
 }
 export declare function getExceptionMessage(error: Error, fallbackStack: Array<StackFrame>): Message;
-export declare function getExceptionMessageFromEvent(e: ErrorEvent | PromiseRejectionEvent): Message | null;
+export declare function getExceptionMessageFromEvent(e: ErrorEvent | PromiseRejectionEvent, context?: typeof globalThis): Message | null;
 export default function (app: App, opts: Partial<Options>): void;
 export {};

package/lib/modules/exception.js

@@ -1,24 +1,25 @@
-import { JSException } from "../common/messages.js";
+import { JSException } from '../app/messages.gen.js';
 import ErrorStackParser from 'error-stack-parser';
 function getDefaultStack(e) {
-    return [{
+    return [
+        {
             columnNumber: e.colno,
             lineNumber: e.lineno,
             fileName: e.filename,
-            functionName: "",
-            source: "",
-        }];
+            functionName: '',
+            source: '',
+        },
+    ];
 }
 export function getExceptionMessage(error, fallbackStack) {
     let stack = fallbackStack;
     try {
         stack = ErrorStackParser.parse(error);
     }
-    catch (e) {
-    }
-    return new JSException(error.name, error.message, JSON.stringify(stack));
+    catch (e) { }
+    return JSException(error.name, error.message, JSON.stringify(stack));
 }
-export function getExceptionMessageFromEvent(e) {
+export function getExceptionMessageFromEvent(e, context = window) {
     if (e instanceof ErrorEvent) {
         if (e.error instanceof Error) {
             return getExceptionMessage(e.error, getDefaultStack(e));
@@ -29,10 +30,10 @@ export function getExceptionMessageFromEvent(e) {
                 name = 'Error';
                 message = e.message;
             }
-            return new JSException(name, message, JSON.stringify(getDefaultStack(e)));
+            return JSException(name, message, JSON.stringify(getDefaultStack(e)));
         }
     }
-    else if ('PromiseRejectionEvent' in window && e instanceof PromiseRejectionEvent) {
+    else if ('PromiseRejectionEvent' in context && e instanceof context.PromiseRejectionEvent) {
         if (e.reason instanceof Error) {
             return getExceptionMessage(e.reason, []);
         }
@@ -44,7 +45,7 @@ export function getExceptionMessageFromEvent(e) {
             catch (_) {
                 message = String(e.reason);
             }
-            return new JSException('Unhandled Promise Rejection', message, '[]');
+            return JSException('Unhandled Promise Rejection', message, '[]');
         }
     }
     return null;
@@ -53,14 +54,18 @@ export default function (app, opts) {
     const options = Object.assign({
         captureExceptions: true,
     }, opts);
-    if (options.captureExceptions) {
-        const handler = (e) => {
-            const msg = getExceptionMessageFromEvent(e);
+    function patchContext(context) {
+        function handler(e) {
+            const msg = getExceptionMessageFromEvent(e, context);
             if (msg != null) {
                 app.send(msg);
             }
-        };
-        app.attachEventListener(window, 'unhandledrejection', (e) => handler(e));
-        app.attachEventListener(window, 'error', (e) => handler(e));
+        }
+        app.attachEventListener(context, 'unhandledrejection', handler);
+        app.attachEventListener(context, 'error', handler);
+    }
+    if (options.captureExceptions) {
+        app.observer.attachContextCallback(patchContext);
+        patchContext(window);
     }
 }

package/lib/modules/img.d.ts

@@ -1,2 +1,2 @@
-import type App from "../app/index.js";
+import type App from '../app/index.js';
 export default function (app: App): void;