@openreplay/tracker 3.5.12 → 3.5.14

package/cjs/app/observer/observer.js

@@ -1,15 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 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';
-}
+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,30 +21,37 @@ 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);
 }
+/*
+  TODO:
+    - fix unbinding logic + send all removals first (ensure sequence is correct)
+    - use document as a 0-node in the upper context (should be updated in player at first)
+*/
+var RecentsType;
+(function (RecentsType) {
+    RecentsType[RecentsType["New"] = 0] = "New";
+    RecentsType[RecentsType["Removed"] = 1] = "Removed";
+    RecentsType[RecentsType["Changed"] = 2] = "Changed";
+})(RecentsType || (RecentsType = {}));
 class Observer {
     constructor(app, isTopContext = false) {
         this.app = app;
         this.isTopContext = isTopContext;
         this.commited = [];
-        this.recents = [];
-        this.myNodes = [];
+        this.recents = new Map();
         this.indexes = [];
-        this.attributesList = [];
+        this.attributesMap = new Map();
         this.textSet = new Set();
         this.observer = new MutationObserver(this.app.safe((mutations) => {
-            for (const mutation of mutations) {
+            for (const mutation of mutations) { // mutations order is sequential
                 const target = mutation.target;
                 const type = mutation.type;
-                if (!isObservable(target) || !(0, context_js_1.inDocument)(target)) {
+                if (!isObservable(target)) {
                     continue;
                 }
                 if (type === 'childList') {
@@ -63,17 +67,17 @@ class Observer {
                 if (id === undefined) {
                     continue;
                 }
-                if (id >= this.recents.length) { // TODO: something more convinient
-                    this.recents[id] = undefined;
+                if (!this.recents.has(id)) {
+                    this.recents.set(id, RecentsType.Changed); // TODO only when altered
                 }
                 if (type === 'attributes') {
                     const name = mutation.attributeName;
                     if (name === null) {
                         continue;
                     }
-                    let attr = this.attributesList[id];
+                    let attr = this.attributesMap.get(id);
                     if (attr === undefined) {
-                        this.attributesList[id] = attr = new Set();
+                        this.attributesMap.set(id, attr = new Set());
                     }
                     attr.add(name);
                     continue;
@@ -88,13 +92,13 @@ class Observer {
     }
     clear() {
         this.commited.length = 0;
-        this.recents.length = 0;
+        this.recents.clear();
         this.indexes.length = 1;
-        this.attributesList.length = 0;
+        this.attributesMap.clear();
         this.textSet.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);
             }
@@ -121,7 +125,7 @@ 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') {
@@ -131,7 +135,7 @@ class Observer {
             this.app.send(new messages_js_1.RemoveNodeAttribute(id, name));
             return;
         }
-        if (name === 'style' || name === 'href' && (0, context_js_1.isInstance)(node, HTMLLinkElement)) {
+        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;
         }
@@ -141,7 +145,7 @@ class Observer {
         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)) {
+        if ((0, guards_js_1.hasTag)(parentElement, "STYLE") || (0, guards_js_1.hasTag)(parentElement, "style")) {
             this.app.send(new messages_js_1.SetCSSDataURLBased(id, data, this.app.getBaseHref()));
             return;
         }
@@ -149,10 +153,13 @@ class Observer {
         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.recents.set(id, RecentsType.New);
+        }
+        else if (!this.recents.has(id)) {
+            this.recents.set(id, RecentsType.Removed);
+        }
     }
     bindTree(node) {
         if (!isObservable(node)) {
@@ -172,20 +179,21 @@ class Observer {
     }
     unbindNode(node) {
         const id = this.app.nodes.unregisterNode(node);
-        if (id !== undefined && this.recents[id] === false) {
+        if (id !== undefined && this.recents.get(id) === RecentsType.Removed) {
             this.app.send(new messages_js_1.RemoveNode(id));
         }
     }
+    // A top-consumption function on the infinite lists test. (~1% of performance resources)
     _commitNode(id, node) {
-        if (isRootNode(node)) {
+        if ((0, guards_js_1.isRootNode)(node)) {
             return true;
         }
         const parent = node.parentNode;
         let parentID;
         // 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) {
+        // TODO: Clean the logic (though now it workd fine)
+        if (!(0, guards_js_1.hasTag)(node, "HTML") || !this.isTopContext) {
             if (parent === null) {
                 this.unbindNode(node);
                 return false;
@@ -200,7 +208,11 @@ class Observer {
                 return false;
             }
             this.app.sanitizer.handleNode(id, parentID, node);
+            if (this.app.sanitizer.isMaskedContainer(parentID)) {
+                return false;
+            }
         }
+        // From here parentID === undefined if node is top context HTML node
         let sibling = node.previousSibling;
         while (sibling !== null) {
             const siblingID = this.app.nodes.getID(sibling);
@@ -212,36 +224,45 @@ class Observer {
             sibling = sibling.previousSibling;
         }
         if (sibling === null) {
-            this.indexes[id] = 0; //
+            this.indexes[id] = 0;
         }
-        const isNew = this.recents[id];
+        const recentsType = this.recents.get(id);
+        const isNew = recentsType === RecentsType.New;
         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 (isNew) {
+            if ((0, guards_js_1.isElementNode)(node)) {
+                let el = node;
                 if (parentID !== undefined) {
-                    this.app.send(new messages_js_1.CreateElementNode(id, parentID, index, node.tagName, isSVGElement(node)));
+                    if (this.app.sanitizer.isMaskedContainer(id)) {
+                        const width = el.clientWidth;
+                        const height = el.clientHeight;
+                        el = node.cloneNode();
+                        el.style.width = width + 'px';
+                        el.style.height = height + 'px';
+                    }
+                    this.app.send(new messages_js_1.CreateElementNode(id, parentID, index, el.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);
+                for (let i = 0; i < el.attributes.length; i++) {
+                    const attr = el.attributes[i];
+                    this.sendNodeAttribute(id, el, 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 messages_js_1.CreateTextNode(id, parentID, index));
                 this.sendNodeData(id, parent, node.data);
             }
             return true;
         }
-        if (isNew === false && parentID !== undefined) {
+        if (recentsType === RecentsType.Removed && parentID !== undefined) {
             this.app.send(new messages_js_1.MoveNode(id, parentID, index));
         }
-        const attr = this.attributesList[id];
+        const attr = this.attributesMap.get(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 +270,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
@@ -268,21 +289,14 @@ class Observer {
         }
         return (this.commited[id] = this._commitNode(id, node));
     }
-    commitNodes() {
+    commitNodes(isStart = false) {
         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.recents.forEach((type, id) => {
             this.commitNode(id);
-            if (this.recents[id] === true && (node = this.app.nodes.getNode(id))) {
-                this.app.nodes.callNodeCallbacks(node);
+            if (type === RecentsType.New && (node = this.app.nodes.getNode(id))) {
+                this.app.nodes.callNodeCallbacks(node, isStart);
             }
-        }
+        });
         this.clear();
     }
     // ISSSUE
@@ -297,12 +311,11 @@ class Observer {
         });
         this.bindTree(nodeToBind);
         beforeCommit(this.app.nodes.getID(node));
-        this.commitNodes();
+        this.commitNodes(true);
     }
     disconnect() {
         this.observer.disconnect();
         this.clear();
-        this.myNodes.length = 0;
     }
 }
 exports.default = Observer;

package/cjs/app/observer/top_observer.js

@@ -1,7 +1,7 @@
 "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 messages_js_1 = require("../../common/messages.js");
@@ -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);
             }
         });

package/cjs/app/sanitizer.d.ts

@@ -1,4 +1,4 @@
-import App from "./index.js";
+import type App from "./index.js";
 export interface Options {
     obscureTextEmails: boolean;
     obscureTextNumbers: boolean;
@@ -6,11 +6,13 @@ export interface Options {
 export default class Sanitizer {
     private readonly app;
     private readonly masked;
+    private readonly maskedContainers;
     private readonly options;
     constructor(app: App, options: Partial<Options>);
     handleNode(id: number, parentID: number, node: Node): void;
     sanitize(id: number, data: string): string;
     isMasked(id: number): boolean;
+    isMaskedContainer(id: number): boolean;
     getInnerTextSecure(el: HTMLElement): string;
     clear(): void;
 }

package/cjs/app/sanitizer.js

@@ -1,11 +1,12 @@
 "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;
         this.masked = new Set();
+        this.maskedContainers = new Set();
         this.options = Object.assign({
             obscureTextEmails: true,
             obscureTextNumbers: false,
@@ -13,9 +14,15 @@ 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);
         }
+        if (this.maskedContainers.has(parentID) ||
+            ((0, guards_js_1.isElementNode)(node) &&
+                (0, utils_js_1.hasOpenreplayAttribute)(node, 'htmlmasked'))) {
+            this.maskedContainers.add(id);
+        }
     }
     sanitize(id, data) {
         if (this.masked.has(id)) {
@@ -33,6 +40,9 @@ class Sanitizer {
     isMasked(id) {
         return this.masked.has(id);
     }
+    isMaskedContainer(id) {
+        return this.maskedContainers.has(id);
+    }
     getInnerTextSecure(el) {
         const id = this.app.nodes.getID(el);
         if (!id) {
@@ -42,6 +52,7 @@ class Sanitizer {
     }
     clear() {
         this.masked.clear();
+        this.maskedContainers.clear();
     }
 }
 exports.default = Sanitizer;

package/cjs/app/session.d.ts

@@ -1,4 +1,3 @@
-import App from "./index.js";
 interface SessionInfo {
     sessionID: string | null;
     metadata: Record<string, string>;
@@ -6,20 +5,16 @@ interface SessionInfo {
 }
 declare type OnUpdateCallback = (i: Partial<SessionInfo>) => void;
 export default class Session {
-    private app;
     private metadata;
     private userID;
     private sessionID;
-    private activityState;
     private callbacks;
-    constructor(app: App);
     attachUpdateCallback(cb: OnUpdateCallback): void;
     private handleUpdate;
-    update({ userID, metadata, sessionID }: Partial<SessionInfo>): void;
-    private _setMetadata;
-    private _setUserID;
+    update(newInfo: Partial<SessionInfo>): void;
     setMetadata(key: string, value: string): void;
     setUserID(userID: string): void;
     getInfo(): SessionInfo;
+    reset(): void;
 }
 export {};

package/cjs/app/session.js

@@ -1,61 +1,43 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const messages_js_1 = require("../common/messages.js");
-var ActivityState;
-(function (ActivityState) {
-    ActivityState[ActivityState["NotActive"] = 0] = "NotActive";
-    ActivityState[ActivityState["Starting"] = 1] = "Starting";
-    ActivityState[ActivityState["Active"] = 2] = "Active";
-})(ActivityState || (ActivityState = {}));
 class Session {
-    constructor(app) {
-        this.app = app;
+    constructor() {
         this.metadata = {};
         this.userID = null;
         this.sessionID = null;
-        this.activityState = ActivityState.NotActive;
         this.callbacks = [];
     }
     attachUpdateCallback(cb) {
         this.callbacks.push(cb);
     }
-    handleUpdate() {
-        const sessInfo = this.getInfo();
-        if (sessInfo.userID == null) {
-            delete sessInfo.userID;
+    handleUpdate(newInfo) {
+        if (newInfo.userID == null) {
+            delete newInfo.userID;
         }
-        if (sessInfo.sessionID == null) {
-            delete sessInfo.sessionID;
+        if (newInfo.sessionID == null) {
+            delete newInfo.sessionID;
         }
-        this.callbacks.forEach(cb => cb(sessInfo));
+        this.callbacks.forEach(cb => cb(newInfo));
     }
-    update({ userID, metadata, sessionID }) {
-        if (userID != null) { // TODO clear nullable/undefinable types
-            this._setUserID(userID);
+    update(newInfo) {
+        if (newInfo.userID !== undefined) { // TODO clear nullable/undefinable types
+            this.userID = newInfo.userID;
         }
-        if (metadata !== undefined) {
-            Object.entries(metadata).forEach(kv => this._setMetadata(...kv));
+        if (newInfo.metadata !== undefined) {
+            Object.entries(newInfo.metadata).forEach(([k, v]) => this.metadata[k] = v);
         }
-        if (sessionID !== undefined) {
-            this.sessionID = sessionID;
+        if (newInfo.sessionID !== undefined) {
+            this.sessionID = newInfo.sessionID;
         }
-        this.handleUpdate();
-    }
-    _setMetadata(key, value) {
-        this.app.send(new messages_js_1.Metadata(key, value));
-        this.metadata[key] = value;
-    }
-    _setUserID(userID) {
-        this.app.send(new messages_js_1.UserID(userID));
-        this.userID = userID;
+        this.handleUpdate(newInfo);
     }
     setMetadata(key, value) {
-        this._setMetadata(key, value);
-        this.handleUpdate();
+        this.metadata[key] = value;
+        this.handleUpdate({ metadata: { [key]: value } });
     }
     setUserID(userID) {
-        this._setUserID(userID);
-        this.handleUpdate();
+        this.userID = userID;
+        this.handleUpdate({ userID });
     }
     getInfo() {
         return {
@@ -64,5 +46,10 @@ class Session {
             userID: this.userID,
         };
     }
+    reset() {
+        this.metadata = {};
+        this.userID = null;
+        this.sessionID = null;
+    }
 }
 exports.default = Session;

package/cjs/index.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.12',
+                trackerVersion: '3.5.14',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -158,7 +158,7 @@ class API {
         if (this.app === null) {
             return;
         }
-        this.app.stop();
+        this.app.stop(true);
     }
     getSessionToken() {
         if (this.app === null) {

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,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const guards_js_1 = require("../app/guards.js");
 const utils_js_1 = require("../utils.js");
 const messages_js_1 = require("../common/messages.js");
 const printError = utils_js_1.IN_BROWSER && 'InstallTrigger' in window // detect Firefox
@@ -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,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const messages_js_1 = require("../common/messages.js");
+const guards_js_1 = require("../app/guards.js");
 function default_1(app) {
     if (app === null) {
         return;
@@ -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 type App from "../app/index.js";
 import type Message from "../common/messages.js";
-import App from "../app/index.js";
 export interface Options {
     captureExceptions: boolean;
 }

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;

package/cjs/modules/img.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_js_1 = require("../utils.js");
 const messages_js_1 = require("../common/messages.js");
+const guards_js_1 = require("../app/guards.js");
 const PLACEHOLDER_SRC = "https://static.openreplay.com/tracker/placeholder.jpeg";
 function default_1(app) {
     function sendPlaceholder(id, node) {
@@ -19,7 +20,7 @@ function default_1(app) {
         if (id === undefined) {
             return;
         }
-        const { src, complete, naturalWidth, naturalHeight } = this;
+        const { src, complete, naturalWidth, naturalHeight, srcset } = this;
         if (!complete) {
             return;
         }
@@ -33,29 +34,36 @@ function default_1(app) {
         }
         else {
             app.send(new messages_js_1.SetNodeAttributeURLBased(id, 'src', src, app.getBaseHref()));
+            srcset && app.send(new messages_js_1.SetNodeAttribute(id, 'srcset', srcset));
         }
     });
     const observer = new MutationObserver((mutations) => {
         for (const mutation of mutations) {
-            if (mutation.type === "attributes" && mutation.attributeName === "src") {
+            if (mutation.type === "attributes") {
                 const target = mutation.target;
                 const id = app.nodes.getID(target);
                 if (id === undefined) {
                     return;
                 }
-                const src = target.src;
-                app.send(new messages_js_1.SetNodeAttributeURLBased(id, 'src', src, app.getBaseHref()));
+                if (mutation.attributeName === "src") {
+                    const src = target.src;
+                    app.send(new messages_js_1.SetNodeAttributeURLBased(id, 'src', src, app.getBaseHref()));
+                }
+                if (mutation.attributeName === "srcset") {
+                    const srcset = target.srcset;
+                    app.send(new messages_js_1.SetNodeAttribute(id, 'srcset', srcset));
+                }
             }
         }
     });
     app.nodes.attachNodeCallback((node) => {
-        if (!(node instanceof HTMLImageElement)) {
+        if (!(0, guards_js_1.hasTag)(node, "IMG")) {
             return;
         }
         app.nodes.attachElementListener('error', node, sendImgSrc);
         app.nodes.attachElementListener('load', node, sendImgSrc);
         sendImgSrc.call(node);
-        observer.observe(node, { attributes: true });
+        observer.observe(node, { attributes: true, attributeFilter: ["src", "srcset"] });
     });
 }
 exports.default = default_1;

package/cjs/modules/input.d.ts

@@ -1,4 +1,4 @@
-import App from "../app/index.js";
+import type App from "../app/index.js";
 declare type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
 export declare function getInputLabel(node: TextEditableElement): string;
 export declare const enum InputMode {
@@ -10,6 +10,7 @@ export interface Options {
     obscureInputNumbers: boolean;
     obscureInputEmails: boolean;
     defaultInputMode: InputMode;
+    obscureInputDates: boolean;
 }
 export default function (app: App, opts: Partial<Options>): void;
 export {};