@openreplay/tracker 3.5.9 → 3.5.12

package/README.md

@@ -25,7 +25,11 @@ tracker.start({
     balance: "10M",
     role: "admin",
   }
-});
+}).then(startedSession => {
+  if (startedSession.success) {
+    console.log(startedSession) 
+  }
+})
 ```
 
 Then you can use OpenReplay JavaScript API anywhere in your code.

package/cjs/app/index.d.ts

@@ -1,4 +1,4 @@
-import Message from "../messages/message.js";
+import type Message from "../common/messages.js";
 import Nodes from "./nodes.js";
 import Sanitizer from "./sanitizer.js";
 import Ticker from "./ticker.js";
@@ -7,17 +7,30 @@ import Session from "./session.js";
 import type { Options as ObserverOptions } from "./observer/top_observer.js";
 import type { Options as SanitizerOptions } from "./sanitizer.js";
 import type { Options as LoggerOptions } from "./logger.js";
-import type { Options as WebworkerOptions } from "../../webworker/types.js";
-export interface OnStartInfo {
-    sessionID: string;
-    sessionToken: string;
-    userUUID: string;
-}
+import type { Options as WebworkerOptions } from "../common/webworker.js";
 export interface StartOptions {
     userID?: string;
     metadata?: Record<string, string>;
     forceNew?: boolean;
 }
+interface OnStartInfo {
+    sessionID: string;
+    sessionToken: string;
+    userUUID: string;
+}
+declare const CANCELED: "canceled";
+declare type SuccessfulStart = OnStartInfo & {
+    success: true;
+};
+declare 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 = {
     revID: string;
     node_id: string;
@@ -31,12 +44,9 @@ declare type AppOptions = {
     __is_snippet: boolean;
     __debug_report_edp: string | null;
     __debug__?: LoggerOptions;
-    onStart?: (info: OnStartInfo) => void;
+    onStart?: StartCallback;
 } & WebworkerOptions;
 export declare type Options = AppOptions & ObserverOptions & SanitizerOptions;
-declare type Callback = () => void;
-declare type CommitCallback = (messages: Array<Message>) => void;
-export declare const CANCELED = "canceled";
 export declare const DEFAULT_INGEST_POINT = "https://api.openreplay.com/ingest";
 export default class App {
     readonly nodes: Nodes;
@@ -58,13 +68,12 @@ export default class App {
     private readonly worker?;
     constructor(projectKey: string, sessionToken: string | null | undefined, options: Partial<Options>);
     private _debug;
-    private readonly preStartMessages;
     send(message: Message, urgent?: boolean): void;
     private commit;
     safe<T extends (...args: any[]) => void>(fn: T): T;
     attachCommitCallback(cb: CommitCallback): void;
-    attachStartCallback(cb: Callback): void;
-    attachStopCallback(cb: Callback): void;
+    attachStartCallback(cb: StartCallback): void;
+    attachStopCallback(cb: Function): void;
     attachEventListener(target: EventTarget, type: string, listener: EventListener, useSafe?: boolean, useCapture?: boolean): void;
     checkRequiredVersion(version: string): boolean;
     private getStartInfo;
@@ -89,7 +98,7 @@ export default class App {
     active(): boolean;
     resetNextPageSession(flag: boolean): void;
     private _start;
-    start(options?: StartOptions): Promise<OnStartInfo>;
+    start(options?: StartOptions): Promise<StartPromiseReturn>;
     stop(): void;
 }
 export {};

package/cjs/app/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_INGEST_POINT = exports.CANCELED = void 0;
+exports.DEFAULT_INGEST_POINT = void 0;
+const messages_js_1 = require("../common/messages.js");
 const utils_js_1 = require("../utils.js");
-const index_js_1 = require("../messages/index.js");
 const nodes_js_1 = require("./nodes.js");
 const top_observer_js_1 = require("./observer/top_observer.js");
 const sanitizer_js_1 = require("./sanitizer.js");
@@ -10,13 +10,16 @@ const ticker_js_1 = require("./ticker.js");
 const logger_js_1 = require("./logger.js");
 const session_js_1 = require("./session.js");
 const performance_js_1 = require("../modules/performance.js");
+const CANCELED = "canceled";
+const START_ERROR = ":(";
+const UnsuccessfulStart = (reason) => ({ reason, success: false });
+const SuccessfulStart = (body) => (Object.assign(Object.assign({}, body), { success: true }));
 var ActivityState;
 (function (ActivityState) {
     ActivityState[ActivityState["NotActive"] = 0] = "NotActive";
     ActivityState[ActivityState["Starting"] = 1] = "Starting";
     ActivityState[ActivityState["Active"] = 2] = "Active";
 })(ActivityState || (ActivityState = {}));
-exports.CANCELED = "canceled";
 // TODO: use backendHost only
 exports.DEFAULT_INGEST_POINT = 'https://api.openreplay.com/ingest';
 class App {
@@ -29,8 +32,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '3.5.9'; // TODO: version compatability check inside each plugin.
-        this.preStartMessages = [];
+        this.version = '3.5.12'; // TODO: version compatability check inside each plugin.
         this.projectKey = projectKey;
         this.options = Object.assign({
             revID: '',
@@ -103,21 +105,18 @@ class App {
         if (this.activityState === ActivityState.NotActive) {
             return;
         }
-        if (this.activityState === ActivityState.Starting) {
-            this.preStartMessages.push(message);
-        }
-        if (this.preStartMessages.length) {
-            this.messages.push(...this.preStartMessages);
-            this.preStartMessages.length = 0;
-        }
         this.messages.push(message);
-        if (urgent) {
+        // TODO: commit on start if there were `urgent` sends; 
+        // Clearify where urgent can be used for;
+        // Clearify workflow for each type of message in case it was sent before start 
+        //      (like Fetch before start; maybe add an option "preCapture: boolean" or sth alike)
+        if (this.activityState === ActivityState.Active && urgent) {
             this.commit();
         }
     }
     commit() {
         if (this.worker && this.messages.length) {
-            this.messages.unshift(new index_js_1.Timestamp((0, utils_js_1.timestamp)()));
+            this.messages.unshift(new messages_js_1.Timestamp((0, utils_js_1.timestamp)()));
             this.worker.postMessage(this.messages);
             this.commitCallbacks.forEach(cb => cb(this.messages));
             this.messages.length = 0;
@@ -229,10 +228,10 @@ class App {
     }
     _start(startOpts) {
         if (!this.worker) {
-            return Promise.reject("No worker found: perhaps, CSP is not set.");
+            return Promise.resolve(UnsuccessfulStart("No worker found: perhaps, CSP is not set."));
         }
         if (this.activityState !== ActivityState.NotActive) {
-            return Promise.reject("OpenReplay: trying to call `start()` on the instance that has been started already.");
+            return Promise.resolve(UnsuccessfulStart("OpenReplay: trying to call `start()` on the instance that has been started already."));
         }
         this.activityState = ActivityState.Starting;
         let pageNo = 0;
@@ -267,8 +266,8 @@ class App {
                 return r.json();
             }
             else {
-                return r.text().then(text => text === exports.CANCELED
-                    ? Promise.reject(exports.CANCELED) // TODO: return {error: CANCELED} instead
+                return r.text().then(text => text === CANCELED
+                    ? Promise.reject(CANCELED) // TODO: return {error: CANCELED} instead
                     : Promise.reject(`Server error: ${r.status}. ${text}`));
             }
         })
@@ -292,26 +291,26 @@ class App {
                 beaconSizeLimit
             };
             this.worker.postMessage(startWorkerMsg);
-            this.startCallbacks.forEach((cb) => cb());
+            const onStartInfo = { sessionToken: token, userUUID, sessionID };
+            this.startCallbacks.forEach((cb) => cb(onStartInfo));
             this.observer.observe();
             this.ticker.start();
             this.notify.log("OpenReplay tracking started.");
             // TODO: get rid of onStart
-            const onStartInfo = { sessionToken: token, userUUID, sessionID };
             if (typeof this.options.onStart === 'function') {
                 this.options.onStart(onStartInfo);
             }
-            return onStartInfo;
+            return SuccessfulStart(onStartInfo);
         })
             .catch(reason => {
             sessionStorage.removeItem(this.options.session_token_key);
             this.stop();
-            //if (reason === CANCELED) { return Promise.resolve(CANCELED) } // TODO: what to return ????? Throwing is baad
-            if (reason !== exports.CANCELED) {
-                this.notify.log("OpenReplay was unable to start. ", reason);
-                this._debug("session_start", reason);
+            if (reason === CANCELED) {
+                return UnsuccessfulStart(CANCELED);
             }
-            return Promise.reject(reason);
+            this.notify.log("OpenReplay was unable to start. ", reason);
+            this._debug("session_start", reason);
+            return UnsuccessfulStart(START_ERROR);
         });
     }
     start(options = {}) {

package/cjs/app/observer/iframe_observer.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const observer_js_1 = require("./observer.js");
-const index_js_1 = require("../../messages/index.js");
+const messages_js_1 = require("../../common/messages.js");
 class IFrameObserver extends observer_js_1.default {
     observe(iframe) {
         const doc = iframe.contentDocument;
@@ -15,7 +15,7 @@ class IFrameObserver extends observer_js_1.default {
                 console.log("OpenReplay: Iframe document not bound");
                 return;
             }
-            this.app.send((0, index_js_1.CreateIFrameDocument)(hostID, docID));
+            this.app.send((0, messages_js_1.CreateIFrameDocument)(hostID, docID));
         });
     }
 }

package/cjs/app/observer/observer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const index_js_1 = require("../../messages/index.js");
+const messages_js_1 = require("../../common/messages.js");
 const context_js_1 = require("../context.js");
 function isSVGElement(node) {
     return node.namespaceURI === 'http://www.w3.org/2000/svg';
@@ -99,16 +99,16 @@ class Observer {
                 name = name.substr(6);
             }
             if (value === null) {
-                this.app.send(new index_js_1.RemoveNodeAttribute(id, name));
+                this.app.send(new messages_js_1.RemoveNodeAttribute(id, name));
             }
             else if (name === 'href') {
                 if (value.length > 1e5) {
                     value = '';
                 }
-                this.app.send(new index_js_1.SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
+                this.app.send(new messages_js_1.SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
             }
             else {
-                this.app.send(new index_js_1.SetNodeAttribute(id, name, value));
+                this.app.send(new messages_js_1.SetNodeAttribute(id, name, value));
             }
             return;
         }
@@ -128,25 +128,25 @@ class Observer {
             return;
         }
         if (value === null) {
-            this.app.send(new index_js_1.RemoveNodeAttribute(id, name));
+            this.app.send(new messages_js_1.RemoveNodeAttribute(id, name));
             return;
         }
         if (name === 'style' || name === 'href' && (0, context_js_1.isInstance)(node, HTMLLinkElement)) {
-            this.app.send(new index_js_1.SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
+            this.app.send(new messages_js_1.SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
             return;
         }
         if (name === 'href' || value.length > 1e5) {
             value = '';
         }
-        this.app.send(new index_js_1.SetNodeAttribute(id, name, value));
+        this.app.send(new messages_js_1.SetNodeAttribute(id, name, value));
     }
     sendNodeData(id, parentElement, data) {
         if ((0, context_js_1.isInstance)(parentElement, HTMLStyleElement) || (0, context_js_1.isInstance)(parentElement, SVGStyleElement)) {
-            this.app.send(new index_js_1.SetCSSDataURLBased(id, data, this.app.getBaseHref()));
+            this.app.send(new messages_js_1.SetCSSDataURLBased(id, data, this.app.getBaseHref()));
             return;
         }
         data = this.app.sanitizer.sanitize(id, data);
-        this.app.send(new index_js_1.SetNodeData(id, data));
+        this.app.send(new messages_js_1.SetNodeData(id, data));
     }
     bindNode(node) {
         const r = this.app.nodes.registerNode(node);
@@ -173,7 +173,7 @@ class Observer {
     unbindNode(node) {
         const id = this.app.nodes.unregisterNode(node);
         if (id !== undefined && this.recents[id] === false) {
-            this.app.send(new index_js_1.RemoveNode(id));
+            this.app.send(new messages_js_1.RemoveNode(id));
         }
     }
     _commitNode(id, node) {
@@ -222,7 +222,7 @@ class Observer {
         if (isNew === true) {
             if ((0, context_js_1.isInstance)(node, Element)) {
                 if (parentID !== undefined) {
-                    this.app.send(new index_js_1.CreateElementNode(id, parentID, index, node.tagName, isSVGElement(node)));
+                    this.app.send(new messages_js_1.CreateElementNode(id, parentID, index, node.tagName, isSVGElement(node)));
                 }
                 for (let i = 0; i < node.attributes.length; i++) {
                     const attr = node.attributes[i];
@@ -231,13 +231,13 @@ class Observer {
             }
             else if ((0, context_js_1.isInstance)(node, Text)) {
                 // for text node id != 0, hence parentID !== undefined and parent is Element
-                this.app.send(new index_js_1.CreateTextNode(id, parentID, index));
+                this.app.send(new messages_js_1.CreateTextNode(id, parentID, index));
                 this.sendNodeData(id, parent, node.data);
             }
             return true;
         }
         if (isNew === false && parentID !== undefined) {
-            this.app.send(new index_js_1.MoveNode(id, parentID, index));
+            this.app.send(new messages_js_1.MoveNode(id, parentID, index));
         }
         const attr = this.attributesList[id];
         if (attr !== undefined) {

package/cjs/app/observer/shadow_root_observer.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const observer_js_1 = require("./observer.js");
-const index_js_1 = require("../../messages/index.js");
+const messages_js_1 = require("../../common/messages.js");
 class ShadowRootObserver extends observer_js_1.default {
     observe(el) {
         const shRoot = el.shadowRoot;
@@ -14,7 +14,7 @@ class ShadowRootObserver extends observer_js_1.default {
                 console.log("OpenReplay: Shadow Root was not bound");
                 return;
             }
-            this.app.send((0, index_js_1.CreateIFrameDocument)(hostID, rootID));
+            this.app.send((0, messages_js_1.CreateIFrameDocument)(hostID, rootID));
         });
     }
 }

package/cjs/app/observer/top_observer.js

@@ -4,7 +4,7 @@ const observer_js_1 = require("./observer.js");
 const context_js_1 = require("../context.js");
 const iframe_observer_js_1 = require("./iframe_observer.js");
 const shadow_root_observer_js_1 = require("./shadow_root_observer.js");
-const index_js_1 = require("../../messages/index.js");
+const messages_js_1 = require("../../common/messages.js");
 const utils_js_1 = require("../../utils.js");
 const attachShadowNativeFn = utils_js_1.IN_BROWSER ? Element.prototype.attachShadow : () => new ShadowRoot();
 class TopObserver extends observer_js_1.default {
@@ -71,7 +71,7 @@ class TopObserver extends observer_js_1.default {
         //   the 0-node ("fRoot") will become #document rather than documentElement as it is now.
         // Alternatively - observe(#document) then bindNode(documentElement)
         this.observeRoot(window.document, () => {
-            this.app.send(new index_js_1.CreateDocument());
+            this.app.send(new messages_js_1.CreateDocument());
         }, window.document.documentElement);
     }
     disconnect() {

package/cjs/app/session.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const index_js_1 = require("../messages/index.js");
+const messages_js_1 = require("../common/messages.js");
 var ActivityState;
 (function (ActivityState) {
     ActivityState[ActivityState["NotActive"] = 0] = "NotActive";
@@ -42,11 +42,11 @@ class Session {
         this.handleUpdate();
     }
     _setMetadata(key, value) {
-        this.app.send(new index_js_1.Metadata(key, value));
+        this.app.send(new messages_js_1.Metadata(key, value));
         this.metadata[key] = value;
     }
     _setUserID(userID) {
-        this.app.send(new index_js_1.UserID(userID));
+        this.app.send(new messages_js_1.UserID(userID));
         this.userID = userID;
     }
     setMetadata(key, value) {

package/cjs/{messages/index.d.ts → common/messages.d.ts}

@@ -1,5 +1,5 @@
-import Message from "./message.js";
-import Writer from "./writer.js";
+import type { Writer, Message } from "./types.js";
+export default Message;
 export declare const classes: Map<number, Function>;
 declare class _BatchMeta implements Message {
     pageNo: number;
@@ -442,4 +442,3 @@ declare class _CreateIFrameDocument implements Message {
     encode(writer: Writer): boolean;
 }
 export declare const CreateIFrameDocument: typeof _CreateIFrameDocument & ((frameID: number, id: number) => _CreateIFrameDocument);
-export {};

package/cjs/common/types.d.ts

@@ -0,0 +1,9 @@
+export interface Writer {
+    uint(n: number): boolean;
+    int(n: number): boolean;
+    string(s: string): boolean;
+    boolean(b: boolean): boolean;
+}
+export interface Message {
+    encode(w: Writer): boolean;
+}

package/cjs/common/webworker.d.ts

@@ -0,0 +1,19 @@
+export interface Options {
+    connAttemptCount?: number;
+    connAttemptGap?: number;
+}
+declare type Start = {
+    type: "start";
+    ingestPoint: string;
+    pageNo: number;
+    timestamp: number;
+} & Options;
+declare type Auth = {
+    type: "auth";
+    token: string;
+    beaconSizeLimit?: number;
+};
+export declare type WorkerMessageData = null | "stop" | Start | Auth | Array<{
+    _id: number;
+}>;
+export {};

package/cjs/common/webworker.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/index.d.ts

@@ -1,6 +1,6 @@
 import App from "./app/index.js";
 export { default as App } from './app/index.js';
-import * as _Messages from "./messages/index.js";
+import * as _Messages from "./common/messages.js";
 export declare const Messages: typeof _Messages;
 import type { Options as AppOptions } from "./app/index.js";
 import type { Options as ConsoleOptions } from "./modules/console.js";
@@ -9,7 +9,7 @@ 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 { StartOptions } from './app/index.js';
-import type { OnStartInfo } from './app/index.js';
+import type { StartPromiseReturn } from './app/index.js';
 export declare type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
     projectID?: number;
     projectKey: string;
@@ -24,7 +24,7 @@ export default class API {
     constructor(options: Options);
     use<T>(fn: (app: App | null, options?: Options) => T): T;
     isActive(): boolean;
-    start(startOpts?: Partial<StartOptions>): Promise<OnStartInfo>;
+    start(startOpts?: Partial<StartOptions>): Promise<StartPromiseReturn>;
     stop(): void;
     getSessionToken(): string | null | undefined;
     getSessionID(): string | null | undefined;

package/cjs/index.js

@@ -4,8 +4,8 @@ exports.Messages = exports.App = void 0;
 const index_js_1 = require("./app/index.js");
 var index_js_2 = require("./app/index.js");
 Object.defineProperty(exports, "App", { enumerable: true, get: function () { return index_js_2.default; } });
-const index_js_3 = require("./messages/index.js");
-const _Messages = require("./messages/index.js");
+const messages_js_1 = require("./common/messages.js");
+const _Messages = require("./common/messages.js");
 exports.Messages = _Messages;
 const connection_js_1 = require("./modules/connection.js");
 const console_js_1 = require("./modules/console.js");
@@ -127,7 +127,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: '3.5.9',
+                trackerVersion: '3.5.12',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -187,7 +187,7 @@ class API {
     }
     setUserAnonymousID(id) {
         if (typeof id === 'string' && this.app !== null) {
-            this.app.send(new index_js_3.UserAnonymousID(id));
+            this.app.send(new messages_js_1.UserAnonymousID(id));
         }
     }
     userAnonymousID(id) {
@@ -217,7 +217,7 @@ class API {
                 catch (e) {
                     return;
                 }
-                this.app.send(new index_js_3.RawCustomEvent(key, payload));
+                this.app.send(new messages_js_1.RawCustomEvent(key, payload));
             }
         }
     }
@@ -229,7 +229,7 @@ class API {
             catch (e) {
                 return;
             }
-            this.app.send(new index_js_3.CustomIssue(key, payload));
+            this.app.send(new messages_js_1.CustomIssue(key, payload));
         }
     }
 }

package/cjs/modules/connection.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const index_js_1 = require("../messages/index.js");
+const messages_js_1 = require("../common/messages.js");
 function default_1(app) {
     const connection = navigator.connection ||
         navigator.mozConnection ||
@@ -8,7 +8,7 @@ function default_1(app) {
     if (connection === undefined) {
         return;
     }
-    const sendConnectionInformation = () => app.send(new index_js_1.ConnectionInformation(Math.round(connection.downlink * 1000), connection.type || 'unknown'));
+    const sendConnectionInformation = () => app.send(new messages_js_1.ConnectionInformation(Math.round(connection.downlink * 1000), connection.type || 'unknown'));
     sendConnectionInformation();
     connection.addEventListener('change', sendConnectionInformation);
 }

package/cjs/modules/console.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_js_1 = require("../utils.js");
-const index_js_1 = require("../messages/index.js");
+const messages_js_1 = require("../common/messages.js");
 const printError = utils_js_1.IN_BROWSER && 'InstallTrigger' in window // detect Firefox
     ? (e) => e.message + '\n' + e.stack
     : (e) => e.stack || e.message;
@@ -92,7 +92,7 @@ function default_1(app, opts) {
         options.consoleMethods.length === 0) {
         return;
     }
-    const sendConsoleLog = app.safe((level, args) => app.send(new index_js_1.ConsoleLog(level, printf(args))));
+    const sendConsoleLog = app.safe((level, args) => app.send(new messages_js_1.ConsoleLog(level, printf(args))));
     let n;
     const reset = () => {
         n = 0;

package/cjs/modules/cssrules.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const index_js_1 = require("../messages/index.js");
+const messages_js_1 = require("../common/messages.js");
 function default_1(app) {
     if (app === null) {
         return;
     }
     if (!window.CSSStyleSheet) {
-        app.send(new index_js_1.TechnicalInfo("no_stylesheet_prototype_in_window", ""));
+        app.send(new messages_js_1.TechnicalInfo("no_stylesheet_prototype_in_window", ""));
         return;
     }
     const processOperation = app.safe((stylesheet, index, rule) => {
         const sendMessage = typeof rule === 'string'
-            ? (nodeID) => app.send(new index_js_1.CSSInsertRuleURLBased(nodeID, rule, index, app.getBaseHref()))
-            : (nodeID) => app.send(new index_js_1.CSSDeleteRule(nodeID, index));
+            ? (nodeID) => app.send(new messages_js_1.CSSInsertRuleURLBased(nodeID, rule, index, app.getBaseHref()))
+            : (nodeID) => app.send(new messages_js_1.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");

package/cjs/modules/exception.d.ts

@@ -1,5 +1,5 @@
+import type Message from "../common/messages.js";
 import App from "../app/index.js";
-import Message from "../messages/message.js";
 export interface Options {
     captureExceptions: boolean;
 }

package/cjs/modules/exception.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getExceptionMessageFromEvent = exports.getExceptionMessage = void 0;
-const index_js_1 = require("../messages/index.js");
+const messages_js_1 = require("../common/messages.js");
 const error_stack_parser_1 = require("error-stack-parser");
 function getDefaultStack(e) {
     return [{
@@ -19,7 +19,7 @@ function getExceptionMessage(error, fallbackStack) {
     }
     catch (e) {
     }
-    return new index_js_1.JSException(error.name, error.message, JSON.stringify(stack));
+    return new messages_js_1.JSException(error.name, error.message, JSON.stringify(stack));
 }
 exports.getExceptionMessage = getExceptionMessage;
 function getExceptionMessageFromEvent(e) {
@@ -33,7 +33,7 @@ function getExceptionMessageFromEvent(e) {
                 name = 'Error';
                 message = e.message;
             }
-            return new index_js_1.JSException(name, message, JSON.stringify(getDefaultStack(e)));
+            return new messages_js_1.JSException(name, message, JSON.stringify(getDefaultStack(e)));
         }
     }
     else if ('PromiseRejectionEvent' in window && e instanceof PromiseRejectionEvent) {
@@ -48,7 +48,7 @@ function getExceptionMessageFromEvent(e) {
             catch (_) {
                 message = String(e.reason);
             }
-            return new index_js_1.JSException('Unhandled Promise Rejection', message, '[]');
+            return new messages_js_1.JSException('Unhandled Promise Rejection', message, '[]');
         }
     }
     return null;