@highlight-run/rrweb 2.0.18 → 2.1.0

package/es/rrweb/packages/rrweb/src/replay/index.js

@@ -1,12 +1,12 @@
 import { __awaiter } from './../../../../ext/tslib/tslib.es6.js';
 import { createCache, createMirror, rebuild, buildNodeWithSN, NodeType } from '../../../rrweb-snapshot/es/rrweb-snapshot.js';
 import { RRDocument, diff, createOrGetNode, getDefaultSN, StyleRuleType, buildFromDom, buildFromNode } from '../../../rrdom/es/rrdom.js';
-import * as mitt_es from './../../../../ext/mitt/dist/mitt.es.js';
-import mitt$1 from './../../../../ext/mitt/dist/mitt.es.js';
+import * as mitt$1 from './../../../../ext/mitt/dist/mitt.mjs.js';
+import mitt$2 from './../../../../ext/mitt/dist/mitt.mjs.js';
 import { polyfill } from './smoothscroll.js';
 import { Timer } from './timer.js';
 import { createPlayerService, createSpeedService } from './machine.js';
-import { ReplayerEvents, EventType, IncrementalSource, MouseInteractions } from '../types.js';
+import { EventType, ReplayerEvents, IncrementalSource, MouseInteractions } from '../types.js';
 import { polyfill as polyfill$1, isSerializedIframe, getNestedRule, getPositionsAndIndex, hasShadowRoot, queueToResolveTrees, iterateResolveTree, uniqueTextMutations, getBaseDimension } from '../utils.js';
 import rules from './styles/inject-style.js';
 import canvasMutation from './canvas/index.js';
@@ -16,7 +16,7 @@ const SKIP_TIME_THRESHOLD = 10 * 1000;
 const SKIP_TIME_INTERVAL = 2 * 1000;
 const SKIP_TIME_MIN = 1 * 1000;
 const SKIP_DURATION_LIMIT = 60 * 60 * 1000;
-const mitt = mitt$1 || mitt_es;
+const mitt = mitt$2 || mitt$1;
 const REPLAY_CONSOLE_PREFIX = '[replayer]';
 const defaultMouseTailConfig = {
     duration: 500,
@@ -47,6 +47,142 @@ class Replayer {
         this.newDocumentQueue = [];
         this.mousePos = null;
         this.touchActive = null;
+        this.handleResize = (dimension) => {
+            this.iframe.style.display = 'inherit';
+            for (const el of [this.mouseTail, this.iframe]) {
+                if (!el) {
+                    continue;
+                }
+                el.setAttribute('width', String(dimension.width));
+                el.setAttribute('height', String(dimension.height));
+            }
+        };
+        this.applyEventsSynchronously = (events) => {
+            for (const event of events) {
+                switch (event.type) {
+                    case EventType.DomContentLoaded:
+                    case EventType.Load:
+                    case EventType.Custom:
+                        continue;
+                    case EventType.FullSnapshot:
+                    case EventType.Meta:
+                    case EventType.Plugin:
+                    case EventType.IncrementalSnapshot:
+                        break;
+                }
+                const castFn = this.getCastFn(event, true);
+                castFn();
+            }
+            if (this.touchActive === true) {
+                this.mouse.classList.add('touch-active');
+            }
+            else if (this.touchActive === false) {
+                this.mouse.classList.remove('touch-active');
+            }
+            this.touchActive = null;
+        };
+        this.getCastFn = (event, isSync = false) => {
+            let castFn;
+            switch (event.type) {
+                case EventType.DomContentLoaded:
+                case EventType.Load:
+                    break;
+                case EventType.Custom:
+                    castFn = () => {
+                        this.emitter.emit(ReplayerEvents.CustomEvent, event);
+                    };
+                    break;
+                case EventType.Meta:
+                    castFn = () => this.emitter.emit(ReplayerEvents.Resize, {
+                        width: event.data.width,
+                        height: event.data.height,
+                    });
+                    break;
+                case EventType.FullSnapshot:
+                    castFn = () => {
+                        if (this.firstFullSnapshot) {
+                            if (this.firstFullSnapshot === event) {
+                                this.firstFullSnapshot = true;
+                                return;
+                            }
+                        }
+                        else {
+                            this.firstFullSnapshot = true;
+                        }
+                        this.rebuildFullSnapshot(event, isSync);
+                        this.iframe.contentWindow.scrollTo(event.data.initialOffset);
+                    };
+                    break;
+                case EventType.IncrementalSnapshot:
+                    castFn = () => {
+                        this.applyIncremental(event, isSync);
+                        if (isSync) {
+                            return;
+                        }
+                        this.handleInactivity(event.timestamp);
+                        if (event === this.nextUserInteractionEvent) {
+                            this.nextUserInteractionEvent = null;
+                            this.backToNormal();
+                        }
+                        if (this.config.skipInactive && !this.nextUserInteractionEvent) {
+                            for (const _event of this.service.state.context.events) {
+                                if (_event.timestamp <= event.timestamp) {
+                                    continue;
+                                }
+                                if (this.isUserInteraction(_event)) {
+                                    if (_event.delay - event.delay >
+                                        SKIP_TIME_THRESHOLD *
+                                            this.speedService.state.context.timer.speed) {
+                                        this.nextUserInteractionEvent = _event;
+                                    }
+                                    break;
+                                }
+                            }
+                            if (this.nextUserInteractionEvent) {
+                                const skipTime = this.nextUserInteractionEvent.delay - event.delay;
+                                const payload = {
+                                    speed: Math.min(Math.round(skipTime / SKIP_TIME_INTERVAL), this.config.maxSpeed),
+                                };
+                                this.speedService.send({ type: 'FAST_FORWARD', payload });
+                                this.emitter.emit(ReplayerEvents.SkipStart, payload);
+                            }
+                        }
+                    };
+                    break;
+            }
+            const wrappedCastFn = () => {
+                if (castFn) {
+                    castFn();
+                }
+                for (const plugin of this.config.plugins || []) {
+                    plugin.handler(event, isSync, { replayer: this });
+                }
+                this.service.send({ type: 'CAST_EVENT', payload: { event } });
+                const last_index = this.service.state.context.events.length - 1;
+                if (event === this.service.state.context.events[last_index]) {
+                    const finish = () => {
+                        if (last_index < this.service.state.context.events.length - 1) {
+                            return;
+                        }
+                        this.backToNormal();
+                        this.service.send('END');
+                        this.emitter.emit(ReplayerEvents.Finish);
+                    };
+                    if (event.type === EventType.IncrementalSnapshot &&
+                        event.data.source === IncrementalSource.MouseMove &&
+                        event.data.positions.length) {
+                        setTimeout(() => {
+                            finish();
+                        }, Math.max(0, -event.data.positions[0].timeOffset + 50));
+                    }
+                    else {
+                        finish();
+                    }
+                }
+                this.emitter.emit(ReplayerEvents.EventCast, event);
+            };
+            return wrappedCastFn;
+        };
         if (!(config === null || config === void 0 ? void 0 : config.liveMode) && events.length < 2) {
             throw new Error('Replayer need at least 2 events.');
         }
@@ -80,7 +216,7 @@ class Replayer {
                 const replayerHandler = {
                     mirror: this.mirror,
                     applyCanvas: (canvasEvent, canvasMutationData, target) => {
-                        canvasMutation({
+                        void canvasMutation({
                             event: canvasEvent,
                             mutation: canvasMutationData,
                             target,
@@ -193,6 +329,7 @@ class Replayer {
     }
     setConfig(config) {
         Object.keys(config).forEach((key) => {
+            config[key];
             this.config[key] = config[key];
         });
         if (!this.config.skipInactive) {
@@ -364,7 +501,7 @@ class Replayer {
         if (indicatesTouchDevice(event)) {
             this.mouse.classList.add('touch-device');
         }
-        Promise.resolve().then(() => this.service.send({ type: 'ADD_EVENT', payload: { event } }));
+        void Promise.resolve().then(() => this.service.send({ type: 'ADD_EVENT', payload: { event } }));
     }
     replaceEvents(events) {
         for (const event of events) {
@@ -413,142 +550,6 @@ class Replayer {
             polyfill$1(this.iframe.contentWindow);
         }
     }
-    handleResize(dimension) {
-        this.iframe.style.display = 'inherit';
-        for (const el of [this.mouseTail, this.iframe]) {
-            if (!el) {
-                continue;
-            }
-            el.setAttribute('width', String(dimension.width));
-            el.setAttribute('height', String(dimension.height));
-        }
-    }
-    applyEventsSynchronously(events) {
-        for (const event of events) {
-            switch (event.type) {
-                case EventType.DomContentLoaded:
-                case EventType.Load:
-                case EventType.Custom:
-                    continue;
-                case EventType.FullSnapshot:
-                case EventType.Meta:
-                case EventType.Plugin:
-                case EventType.IncrementalSnapshot:
-                    break;
-            }
-            const castFn = this.getCastFn(event, true);
-            castFn();
-        }
-        if (this.touchActive === true) {
-            this.mouse.classList.add('touch-active');
-        }
-        else if (this.touchActive === false) {
-            this.mouse.classList.remove('touch-active');
-        }
-        this.touchActive = null;
-    }
-    getCastFn(event, isSync = false) {
-        let castFn;
-        switch (event.type) {
-            case EventType.DomContentLoaded:
-            case EventType.Load:
-                break;
-            case EventType.Custom:
-                castFn = () => {
-                    this.emitter.emit(ReplayerEvents.CustomEvent, event);
-                };
-                break;
-            case EventType.Meta:
-                castFn = () => this.emitter.emit(ReplayerEvents.Resize, {
-                    width: event.data.width,
-                    height: event.data.height,
-                });
-                break;
-            case EventType.FullSnapshot:
-                castFn = () => {
-                    if (this.firstFullSnapshot) {
-                        if (this.firstFullSnapshot === event) {
-                            this.firstFullSnapshot = true;
-                            return;
-                        }
-                    }
-                    else {
-                        this.firstFullSnapshot = true;
-                    }
-                    this.rebuildFullSnapshot(event, isSync);
-                    this.iframe.contentWindow.scrollTo(event.data.initialOffset);
-                };
-                break;
-            case EventType.IncrementalSnapshot:
-                castFn = () => {
-                    this.applyIncremental(event, isSync);
-                    if (isSync) {
-                        return;
-                    }
-                    this.handleInactivity(event.timestamp);
-                    if (event === this.nextUserInteractionEvent) {
-                        this.nextUserInteractionEvent = null;
-                        this.backToNormal();
-                    }
-                    if (this.config.skipInactive && !this.nextUserInteractionEvent) {
-                        for (const _event of this.service.state.context.events) {
-                            if (_event.timestamp <= event.timestamp) {
-                                continue;
-                            }
-                            if (this.isUserInteraction(_event)) {
-                                if (_event.delay - event.delay >
-                                    SKIP_TIME_THRESHOLD *
-                                        this.speedService.state.context.timer.speed) {
-                                    this.nextUserInteractionEvent = _event;
-                                }
-                                break;
-                            }
-                        }
-                        if (this.nextUserInteractionEvent) {
-                            const skipTime = this.nextUserInteractionEvent.delay - event.delay;
-                            const payload = {
-                                speed: Math.min(Math.round(skipTime / SKIP_TIME_INTERVAL), this.config.maxSpeed),
-                            };
-                            this.speedService.send({ type: 'FAST_FORWARD', payload });
-                            this.emitter.emit(ReplayerEvents.SkipStart, payload);
-                        }
-                    }
-                };
-                break;
-        }
-        const wrappedCastFn = () => {
-            if (castFn) {
-                castFn();
-            }
-            for (const plugin of this.config.plugins || []) {
-                plugin.handler(event, isSync, { replayer: this });
-            }
-            this.service.send({ type: 'CAST_EVENT', payload: { event } });
-            const last_index = this.service.state.context.events.length - 1;
-            if (event === this.service.state.context.events[last_index]) {
-                const finish = () => {
-                    if (last_index < this.service.state.context.events.length - 1) {
-                        return;
-                    }
-                    this.backToNormal();
-                    this.service.send('END');
-                    this.emitter.emit(ReplayerEvents.Finish);
-                };
-                if (event.type === EventType.IncrementalSnapshot &&
-                    event.data.source === IncrementalSource.MouseMove &&
-                    event.data.positions.length) {
-                    setTimeout(() => {
-                        finish();
-                    }, Math.max(0, -event.data.positions[0].timeOffset + 50));
-                }
-                else {
-                    finish();
-                }
-            }
-            this.emitter.emit(ReplayerEvents.EventCast, event);
-        };
-        return wrappedCastFn;
-    }
     handleInactivity(timestamp, resetNext) {
         if (timestamp === this.inactiveEndTimestamp || resetNext) {
             this.inactiveEndTimestamp = null;
@@ -610,7 +611,7 @@ class Replayer {
             this.waitForStylesheetLoad();
         }
         if (this.config.UNSAFE_replayCanvas) {
-            this.preloadAllImages();
+            void this.preloadAllImages();
         }
     }
     insertStyleRules(documentElement, head) {
@@ -724,39 +725,6 @@ class Replayer {
             }
         }
     }
-    hasImageArg(args) {
-        for (const arg of args) {
-            if (!arg || typeof arg !== 'object') ;
-            else if ('rr_type' in arg && 'args' in arg) {
-                if (this.hasImageArg(arg.args))
-                    return true;
-            }
-            else if ('rr_type' in arg && arg.rr_type === 'HTMLImageElement') {
-                return true;
-            }
-            else if (arg instanceof Array) {
-                if (this.hasImageArg(arg))
-                    return true;
-            }
-        }
-        return false;
-    }
-    getImageArgs(args) {
-        const images = [];
-        for (const arg of args) {
-            if (!arg || typeof arg !== 'object') ;
-            else if ('rr_type' in arg && 'args' in arg) {
-                images.push(...this.getImageArgs(arg.args));
-            }
-            else if ('rr_type' in arg && arg.rr_type === 'HTMLImageElement') {
-                images.push(arg.src);
-            }
-            else if (arg instanceof Array) {
-                images.push(...this.getImageArgs(arg));
-            }
-        }
-        return images;
-    }
     preloadAllImages() {
         return __awaiter(this, void 0, void 0, function* () {
             this.service.state;
@@ -851,7 +819,8 @@ class Replayer {
                         this.timer.addAction(action);
                     });
                     this.timer.addAction({
-                        doAction() { },
+                        doAction() {
+                        },
                         delay: e.delay - ((_a = d.positions[0]) === null || _a === void 0 ? void 0 : _a.timeOffset),
                     });
                 }
@@ -990,7 +959,7 @@ class Replayer {
                         mediaEl.pause();
                     }
                     if (d.type === 0) {
-                        mediaEl.play();
+                        void mediaEl.play();
                     }
                 }
                 catch (error) {
@@ -1102,7 +1071,7 @@ class Replayer {
                     if (!target) {
                         return this.debugNodeNotFound(d, d.id);
                     }
-                    canvasMutation({
+                    void canvasMutation({
                         event: e,
                         mutation: d,
                         target: target,
@@ -1115,7 +1084,9 @@ class Replayer {
             }
             case IncrementalSource.Font: {
                 try {
-                    const fontFace = new FontFace(d.family, d.buffer ? new Uint8Array(JSON.parse(d.fontSource)) : d.fontSource, d.descriptors);
+                    const fontFace = new FontFace(d.family, d.buffer
+                        ? new Uint8Array(JSON.parse(d.fontSource))
+                        : d.fontSource, d.descriptors);
                     (_f = this.iframe.contentDocument) === null || _f === void 0 ? void 0 : _f.fonts.add(fontFace);
                 }
                 catch (error) {

package/es/rrweb/packages/rrweb/src/replay/timer.js

@@ -22,14 +22,13 @@ class Timer {
         this.timeOffset = 0;
         let lastTimestamp = performance.now();
         const { actions } = this;
-        const self = this;
-        function check() {
+        const check = () => {
             const time = performance.now();
-            self.timeOffset += (time - lastTimestamp) * self.speed;
+            this.timeOffset += (time - lastTimestamp) * this.speed;
             lastTimestamp = time;
             while (actions.length) {
                 const action = actions[0];
-                if (self.timeOffset >= action.delay) {
+                if (this.timeOffset >= action.delay) {
                     actions.shift();
                     action.doAction();
                 }
@@ -37,10 +36,10 @@ class Timer {
                     break;
                 }
             }
-            if (actions.length > 0 || self.liveMode) {
-                self.raf = requestAnimationFrame(check);
+            if (actions.length > 0 || this.liveMode) {
+                this.raf = requestAnimationFrame(check);
             }
-        }
+        };
         this.raf = requestAnimationFrame(check);
     }
     clear() {

package/es/rrweb/packages/rrweb/src/utils.js

@@ -44,14 +44,13 @@ if (typeof window !== 'undefined' && window.Proxy && window.Reflect) {
 function throttle(func, wait, options = {}) {
     let timeout = null;
     let previous = 0;
-    return function (arg) {
+    return function (...args) {
         const now = Date.now();
         if (!previous && options.leading === false) {
             previous = now;
         }
         const remaining = wait - (now - previous);
         const context = this;
-        const args = arguments;
         if (remaining <= 0 || remaining > wait) {
             if (timeout) {
                 clearTimeout(timeout);
@@ -88,7 +87,8 @@ function hookSetter(target, key, d, isRevoked, win = window) {
 function patch(source, name, replacement) {
     try {
         if (!(name in source)) {
-            return () => { };
+            return () => {
+            };
         }
         const original = source[name];
         const wrapped = replacement(original);
@@ -107,7 +107,8 @@ function patch(source, name, replacement) {
         };
     }
     catch (_a) {
-        return () => { };
+        return () => {
+        };
     }
 }
 function getWindowHeight() {
@@ -188,8 +189,9 @@ function polyfill(win = window) {
             .forEach;
     }
     if (!Node.prototype.contains) {
-        Node.prototype.contains = function contains(node) {
-            if (!(0 in arguments)) {
+        Node.prototype.contains = (...args) => {
+            let node = args[0];
+            if (!(0 in args)) {
                 throw new TypeError('1 argument is required');
             }
             do {

package/es/rrweb/packages/rrweb-snapshot/es/rrweb-snapshot.js

@@ -15,6 +15,9 @@ function isShadowRoot(n) {
     var host = n === null || n === void 0 ? void 0 : n.host;
     return Boolean((host === null || host === void 0 ? void 0 : host.shadowRoot) === n);
 }
+function isNativeShadowDom(shadowRoot) {
+    return Object.prototype.toString.call(shadowRoot) === '[object ShadowRoot]';
+}
 var Mirror = (function () {
     function Mirror() {
         this.idNodeMap = new Map();
@@ -282,7 +285,8 @@ function getHref() {
     return a.href;
 }
 function transformAttribute(doc, tagName, name, value) {
-    if (name === 'src' || (name === 'href' && value)) {
+    if (name === 'src' ||
+        (name === 'href' && value && !(tagName === 'use' && value[0] === '#'))) {
         return absoluteToDoc(doc, value);
     }
     else if (name === 'xlink:href' && value && value[0] !== '#') {
@@ -841,7 +845,8 @@ function serializeNodeWithId(n, options) {
             mirror.add(clone, serializedNode);
         }
         delete serializedNode.needBlock;
-        if (n.shadowRoot)
+        var shadowRoot = n.shadowRoot;
+        if (shadowRoot && isNativeShadowDom(shadowRoot))
             serializedNode.isShadowHost = true;
     }
     if ((serializedNode.type === NodeType.Document ||
@@ -889,13 +894,16 @@ function serializeNodeWithId(n, options) {
                 var childN = _p[_o];
                 var serializedChildNode = serializeNodeWithId(childN, bypassOptions);
                 if (serializedChildNode) {
-                    serializedChildNode.isShadow = true;
+                    isNativeShadowDom(n.shadowRoot) &&
+                        (serializedChildNode.isShadow = true);
                     serializedNode.childNodes.push(serializedChildNode);
                 }
             }
         }
     }
-    if (n.parentNode && isShadowRoot(n.parentNode)) {
+    if (n.parentNode &&
+        isShadowRoot(n.parentNode) &&
+        isNativeShadowDom(n.parentNode)) {
         serializedNode.isShadow = true;
     }
     if (serializedNode.type === NodeType.Element &&
@@ -972,6 +980,44 @@ function serializeNodeWithId(n, options) {
         if (isStylesheetLoaded(n) === false)
             return null;
     }
+    if (serializedNode.type === NodeType.Element &&
+        serializedNode.tagName === 'link' &&
+        serializedNode.attributes.rel === 'stylesheet') {
+        onceStylesheetLoaded(n, function () {
+            if (onStylesheetLoad) {
+                var serializedLinkNode = serializeNodeWithId(n, {
+                    doc: doc,
+                    mirror: mirror,
+                    blockClass: blockClass,
+                    blockSelector: blockSelector,
+                    maskTextClass: maskTextClass,
+                    maskTextSelector: maskTextSelector,
+                    skipChild: false,
+                    inlineStylesheet: inlineStylesheet,
+                    maskInputOptions: maskInputOptions,
+                    maskTextFn: maskTextFn,
+                    maskInputFn: maskInputFn,
+                    slimDOMOptions: slimDOMOptions,
+                    dataURLOptions: dataURLOptions,
+                    inlineImages: inlineImages,
+                    recordCanvas: recordCanvas,
+                    preserveWhiteSpace: preserveWhiteSpace,
+                    onSerialize: onSerialize,
+                    onIframeLoad: onIframeLoad,
+                    iframeLoadTimeout: iframeLoadTimeout,
+                    enableStrictPrivacy: enableStrictPrivacy,
+                    onStylesheetLoad: onStylesheetLoad,
+                    stylesheetLoadTimeout: stylesheetLoadTimeout,
+                    keepIframeSrcFn: keepIframeSrcFn
+                });
+                if (serializedLinkNode) {
+                    onStylesheetLoad(n, serializedLinkNode);
+                }
+            }
+        }, stylesheetLoadTimeout);
+        if (isStylesheetLoaded(n) === false)
+            return null;
+    }
     return serializedNode;
 }
 function snapshot(n, options) {
@@ -1077,7 +1123,7 @@ function parse(css, options) {
     Position.prototype.content = css;
     var errorsList = [];
     function error(msg) {
-        var err = new Error(options.source + ':' + lineno + ':' + column + ': ' + msg);
+        var err = new Error("".concat(options.source || '', ":").concat(lineno, ":").concat(column, ": ").concat(msg));
         err.reason = msg;
         err.filename = options.source;
         err.line = lineno;
@@ -1590,7 +1636,7 @@ function buildNode(n, options) {
             return doc.implementation.createDocument(null, '', null);
         case NodeType.DocumentType:
             return doc.implementation.createDocumentType(n.name || 'html', n.publicId, n.systemId);
-        case NodeType.Element:
+        case NodeType.Element: {
             var tagName = getTagName(n);
             var node_1;
             if (n.isSVG) {
@@ -1600,7 +1646,7 @@ function buildNode(n, options) {
                 node_1 = doc.createElement(tagName);
             }
             var _loop_1 = function (name_1) {
-                if (!n.attributes.hasOwnProperty(name_1)) {
+                if (!Object.prototype.hasOwnProperty.call(n.attributes, name_1)) {
                     return "continue";
                 }
                 var value = n.attributes[name_1];
@@ -1688,13 +1734,15 @@ function buildNode(n, options) {
                 else {
                     if (tagName === 'canvas' && name_1 === 'rr_dataURL') {
                         var image_1 = document.createElement('img');
-                        image_1.src = value;
                         image_1.onload = function () {
                             var ctx = node_1.getContext('2d');
                             if (ctx) {
                                 ctx.drawImage(image_1, 0, 0, image_1.width, image_1.height);
                             }
                         };
+                        image_1.src = value;
+                        if (node_1.RRNodeType)
+                            node_1.rr_dataURL = value;
                     }
                     else if (tagName === 'img' && name_1 === 'rr_dataURL') {
                         var image = node_1;
@@ -1750,6 +1798,7 @@ function buildNode(n, options) {
                 }
             }
             return node_1;
+        }
         case NodeType.Text:
             return doc.createTextNode(n.isStyle && hackCss
                 ? addHoverClass(n.textContent, cache)
@@ -1836,7 +1885,8 @@ function handleScroll(node, mirror) {
     }
     var el = node;
     for (var name_2 in n.attributes) {
-        if (!(n.attributes.hasOwnProperty(name_2) && name_2.startsWith('rr_'))) {
+        if (!(Object.prototype.hasOwnProperty.call(n.attributes, name_2) &&
+            name_2.startsWith('rr_'))) {
             continue;
         }
         var value = n.attributes[name_2];
@@ -1867,4 +1917,4 @@ function rebuild(n, options) {
     return node;
 }
 
-export { IGNORED_NODE, Mirror, NodeType, addHoverClass, buildNodeWithSN, classMatchesRegex, createCache, createMirror, is2DCanvasBlank, isElement, isShadowRoot, maskInputValue, needMaskingText, obfuscateText, rebuild, serializeNodeWithId, snapshot, transformAttribute };
+export { IGNORED_NODE, Mirror, NodeType, addHoverClass, buildNodeWithSN, classMatchesRegex, createCache, createMirror, is2DCanvasBlank, isElement, isNativeShadowDom, isShadowRoot, maskInputValue, needMaskingText, obfuscateText, rebuild, serializeNodeWithId, snapshot, transformAttribute };