@openreplay/tracker 3.5.10 → 3.5.13-beta.0

package/cjs/app/observer/observer.js

@@ -1,15 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const index_js_1 = require("../../messages/index.js");
-const context_js_1 = require("../context.js");
-function isSVGElement(node) {
-    return node.namespaceURI === 'http://www.w3.org/2000/svg';
-}
+const messages_js_1 = require("../../common/messages.js");
+const guards_js_1 = require("../guards.js");
 function isIgnored(node) {
-    if ((0, context_js_1.isInstance)(node, Text)) {
+    if ((0, guards_js_1.isTextNode)(node)) {
         return false;
     }
-    if (!(0, context_js_1.isInstance)(node, Element)) {
+    if (!(0, guards_js_1.isElementNode)(node)) {
         return true;
     }
     const tag = node.tagName.toUpperCase();
@@ -24,11 +21,8 @@ function isIgnored(node) {
         tag === 'TITLE' ||
         tag === 'BASE');
 }
-function isRootNode(node) {
-    return (0, context_js_1.isInstance)(node, Document) || (0, context_js_1.isInstance)(node, ShadowRoot);
-}
 function isObservable(node) {
-    if (isRootNode(node)) {
+    if ((0, guards_js_1.isRootNode)(node)) {
         return true;
     }
     return !isIgnored(node);
@@ -38,20 +32,23 @@ class Observer {
         this.app = app;
         this.isTopContext = isTopContext;
         this.commited = [];
-        this.recents = [];
-        this.myNodes = [];
         this.indexes = [];
         this.attributesList = [];
         this.textSet = new Set();
+        this.newSet = new Set();
+        this.affectedSet = new Set();
         this.observer = new MutationObserver(this.app.safe((mutations) => {
             for (const mutation of mutations) {
                 const target = mutation.target;
                 const type = mutation.type;
-                if (!isObservable(target) || !(0, context_js_1.inDocument)(target)) {
+                if (!isObservable(target) /*|| !inDocument() */) {
                     continue;
                 }
                 if (type === 'childList') {
                     for (let i = 0; i < mutation.removedNodes.length; i++) {
+                        // TODO:  handle node removal separately from binding. 
+                        // Node removals should go first in the commit. 
+                        // To check: MoveNode and other possible unbinding behaviours 
                         this.bindTree(mutation.removedNodes[i]);
                     }
                     for (let i = 0; i < mutation.addedNodes.length; i++) {
@@ -63,9 +60,6 @@ class Observer {
                 if (id === undefined) {
                     continue;
                 }
-                if (id >= this.recents.length) { // TODO: something more convinient
-                    this.recents[id] = undefined;
-                }
                 if (type === 'attributes') {
                     const name = mutation.attributeName;
                     if (name === null) {
@@ -76,10 +70,12 @@ class Observer {
                         this.attributesList[id] = attr = new Set();
                     }
                     attr.add(name);
+                    this.affectedSet.add(id);
                     continue;
                 }
                 if (type === 'characterData') {
                     this.textSet.add(id);
+                    this.affectedSet.add(id);
                     continue;
                 }
             }
@@ -88,27 +84,28 @@ class Observer {
     }
     clear() {
         this.commited.length = 0;
-        this.recents.length = 0;
         this.indexes.length = 1;
         this.attributesList.length = 0;
         this.textSet.clear();
+        this.newSet.clear();
+        this.affectedSet.clear();
     }
     sendNodeAttribute(id, node, name, value) {
-        if (isSVGElement(node)) {
+        if ((0, guards_js_1.isSVGElement)(node)) {
             if (name.substr(0, 6) === 'xlink:') {
                 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;
         }
@@ -121,38 +118,39 @@ class Observer {
             return;
         }
         if (name === 'value' &&
-            (0, context_js_1.isInstance)(node, HTMLInputElement) &&
+            (0, guards_js_1.hasTag)(node, "INPUT") &&
             node.type !== 'button' &&
             node.type !== 'reset' &&
             node.type !== 'submit') {
             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()));
+        if (name === 'style' || name === 'href' && (0, guards_js_1.hasTag)(node, "LINK")) {
+            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()));
+        if ((0, guards_js_1.hasTag)(parentElement, "STYLE")) {
+            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);
-        const id = r[0];
-        this.recents[id] = r[1] || this.recents[id] || false;
-        this.myNodes[id] = true;
+        const [id, isNew] = this.app.nodes.registerNode(node);
+        if (isNew) {
+            this.newSet.add(id);
+        }
+        this.affectedSet.add(id);
     }
     bindTree(node) {
         if (!isObservable(node)) {
@@ -172,12 +170,13 @@ 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));
+        //    if (id !== undefined && this.recents[id] === false) { // In the old version it === flase when bindNode() was called on node but it was not new
+        if (id !== undefined && !this.newSet.has(id) && this.affectedSet.has(id)) { // Unbinding logic should be simplified. Node removals should go first.
+            this.app.send(new messages_js_1.RemoveNode(id));
         }
     }
     _commitNode(id, node) {
-        if (isRootNode(node)) {
+        if ((0, guards_js_1.isRootNode)(node)) {
             return true;
         }
         const parent = node.parentNode;
@@ -185,7 +184,7 @@ class Observer {
         // Disable parent check for the upper context HTMLHtmlElement, because it is root there... (before)
         // TODO: get rid of "special" cases (there is an issue with CreateDocument altered behaviour though)
         // TODO: Clean the logic (though now it workd fine) 
-        if (!(0, context_js_1.isInstance)(node, HTMLHtmlElement) || !this.isTopContext) {
+        if (!(0, guards_js_1.hasTag)(node, "HTML") || !this.isTopContext) {
             if (parent === null) {
                 this.unbindNode(node);
                 return false;
@@ -212,36 +211,37 @@ class Observer {
             sibling = sibling.previousSibling;
         }
         if (sibling === null) {
-            this.indexes[id] = 0; //
+            this.indexes[id] = 0;
         }
-        const isNew = this.recents[id];
+        const isNew = this.newSet.has(id);
         const index = this.indexes[id];
         if (index === undefined) {
             throw 'commitNode: missing node index';
         }
         if (isNew === true) {
-            if ((0, context_js_1.isInstance)(node, Element)) {
+            if ((0, guards_js_1.isElementNode)(node)) {
                 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, (0, guards_js_1.isSVGElement)(node)));
                 }
                 for (let i = 0; i < node.attributes.length; i++) {
                     const attr = node.attributes[i];
                     this.sendNodeAttribute(id, node, attr.nodeName, attr.value);
                 }
             }
-            else if ((0, context_js_1.isInstance)(node, Text)) {
+            else if ((0, guards_js_1.isTextNode)(node)) {
                 // 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));
+            // does this happen a lot?
+            this.app.send(new messages_js_1.MoveNode(id, parentID, index));
         }
         const attr = this.attributesList[id];
         if (attr !== undefined) {
-            if (!(0, context_js_1.isInstance)(node, Element)) {
+            if (!(0, guards_js_1.isElementNode)(node)) {
                 throw 'commitNode: node is not an element';
             }
             for (const name of attr) {
@@ -249,7 +249,7 @@ class Observer {
             }
         }
         if (this.textSet.has(id)) {
-            if (!(0, context_js_1.isInstance)(node, Text)) {
+            if (!(0, guards_js_1.isTextNode)(node)) {
                 throw 'commitNode: node is not a text';
             }
             // for text node id != 0, hence parent is Element
@@ -270,19 +270,12 @@ class Observer {
     }
     commitNodes() {
         let node;
-        for (let id = 0; id < this.recents.length; id++) {
-            // TODO: make things/logic nice here.
-            // commit required in any case if recents[id] true or false (in case of unbinding) or undefined (in case of attr change).
-            // Possible solution: separate new node commit (recents) and new attribute/move node commit
-            // Otherwise commitNode is called on each node, which might be a lot
-            if (!this.myNodes[id]) {
-                continue;
-            }
+        this.affectedSet.forEach(id => {
             this.commitNode(id);
-            if (this.recents[id] === true && (node = this.app.nodes.getNode(id))) {
+            if (this.newSet.has(id) && (node = this.app.nodes.getNode(id))) {
                 this.app.nodes.callNodeCallbacks(node);
             }
-        }
+        });
         this.clear();
     }
     // ISSSUE
@@ -302,7 +295,6 @@ class Observer {
     disconnect() {
         this.observer.disconnect();
         this.clear();
-        this.myNodes.length = 0;
     }
 }
 exports.default = Observer;

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const observer_js_1 = require("./observer.js");
-const context_js_1 = require("../context.js");
+const guards_js_1 = require("../guards.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 {
@@ -17,7 +17,7 @@ class TopObserver extends observer_js_1.default {
         }, options);
         // IFrames
         this.app.nodes.attachNodeCallback(node => {
-            if ((0, context_js_1.isInstance)(node, HTMLIFrameElement) &&
+            if ((0, guards_js_1.hasTag)(node, "IFRAME") &&
                 ((this.options.captureIFrames && !(0, utils_js_1.hasOpenreplayAttribute)(node, "obscured"))
                     || (0, utils_js_1.hasOpenreplayAttribute)(node, "capture"))) {
                 this.handleIframe(node);
@@ -25,7 +25,7 @@ class TopObserver extends observer_js_1.default {
         });
         // ShadowDOM
         this.app.nodes.attachNodeCallback(node => {
-            if ((0, context_js_1.isInstance)(node, Element) && node.shadowRoot !== null) {
+            if ((0, guards_js_1.isElementNode)(node) && node.shadowRoot !== null) {
                 this.handleShadowRoot(node.shadowRoot);
             }
         });
@@ -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/sanitizer.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_js_1 = require("../utils.js");
-const context_js_1 = require("./context.js");
+const guards_js_1 = require("./guards.js");
 class Sanitizer {
     constructor(app, options) {
         this.app = app;
@@ -13,7 +13,7 @@ class Sanitizer {
     }
     handleNode(id, parentID, node) {
         if (this.masked.has(parentID) ||
-            ((0, context_js_1.isInstance)(node, Element) && (0, utils_js_1.hasOpenreplayAttribute)(node, 'masked'))) {
+            ((0, guards_js_1.isElementNode)(node) && (0, utils_js_1.hasOpenreplayAttribute)(node, 'masked'))) {
             this.masked.add(id);
         }
     }

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/{lib/messages/index.d.ts → cjs/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.10',
+                trackerVersion: '3.5.13-beta.0',
                 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.d.ts

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

package/cjs/modules/console.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const guards_js_1 = require("../app/guards.js");
 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 +93,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;
@@ -115,7 +116,7 @@ function default_1(app, opts) {
     });
     patchConsole(window.console);
     app.nodes.attachNodeCallback(app.safe(node => {
-        if (node instanceof HTMLIFrameElement) {
+        if ((0, guards_js_1.hasTag)(node, "IFRAME")) { // TODO: newContextCallback
             let context = node.contentWindow;
             if (context) {
                 patchConsole(context.console);

package/cjs/modules/cssrules.d.ts

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

package/cjs/modules/cssrules.js

@@ -1,18 +1,19 @@
 "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 guards_js_1 = require("../app/guards.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");
@@ -32,10 +33,7 @@ function default_1(app) {
         return deleteRule.call(this, index);
     };
     app.nodes.attachNodeCallback((node) => {
-        if (!(node instanceof HTMLStyleElement)) {
-            return;
-        }
-        if (!(node.sheet instanceof CSSStyleSheet)) {
+        if (!(0, guards_js_1.hasTag)(node, "STYLE") || !node.sheet) {
             return;
         }
         if (node.textContent !== null && node.textContent.trim().length > 0) {

package/cjs/modules/exception.d.ts

@@ -1,5 +1,5 @@
-import App from "../app/index.js";
-import Message from "../messages/message.js";
+import type App from "../app/index.js";
+import type Message from "../common/messages.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;

package/cjs/modules/img.d.ts

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