@highlight-run/rrweb 2.0.12 → 2.0.16

package/es/rrweb/packages/rrdom/es/{virtual-dom.js → rrdom.js}

@@ -1,65 +1,65 @@
-var NodeType$1;
-(function (NodeType) {
-    NodeType[NodeType["Document"] = 0] = "Document";
-    NodeType[NodeType["DocumentType"] = 1] = "DocumentType";
-    NodeType[NodeType["Element"] = 2] = "Element";
-    NodeType[NodeType["Text"] = 3] = "Text";
-    NodeType[NodeType["CDATA"] = 4] = "CDATA";
-    NodeType[NodeType["Comment"] = 5] = "Comment";
+var NodeType$1;
+(function (NodeType) {
+    NodeType[NodeType["Document"] = 0] = "Document";
+    NodeType[NodeType["DocumentType"] = 1] = "DocumentType";
+    NodeType[NodeType["Element"] = 2] = "Element";
+    NodeType[NodeType["Text"] = 3] = "Text";
+    NodeType[NodeType["CDATA"] = 4] = "CDATA";
+    NodeType[NodeType["Comment"] = 5] = "Comment";
 })(NodeType$1 || (NodeType$1 = {}));
-var Mirror$1 = (function () {
-    function Mirror() {
-        this.idNodeMap = new Map();
-        this.nodeMetaMap = new WeakMap();
-    }
-    Mirror.prototype.getId = function (n) {
-        var _a;
-        if (!n)
-            return -1;
-        var id = (_a = this.getMeta(n)) === null || _a === void 0 ? void 0 : _a.id;
-        return id !== null && id !== void 0 ? id : -1;
-    };
-    Mirror.prototype.getNode = function (id) {
-        return this.idNodeMap.get(id) || null;
-    };
-    Mirror.prototype.getIds = function () {
-        return Array.from(this.idNodeMap.keys());
-    };
-    Mirror.prototype.getMeta = function (n) {
-        return this.nodeMetaMap.get(n) || null;
-    };
-    Mirror.prototype.removeNodeFromMap = function (n) {
-        var _this = this;
-        var id = this.getId(n);
-        this.idNodeMap["delete"](id);
-        if (n.childNodes) {
-            n.childNodes.forEach(function (childNode) {
-                return _this.removeNodeFromMap(childNode);
-            });
-        }
-    };
-    Mirror.prototype.has = function (id) {
-        return this.idNodeMap.has(id);
-    };
-    Mirror.prototype.hasNode = function (node) {
-        return this.nodeMetaMap.has(node);
-    };
-    Mirror.prototype.add = function (n, meta) {
-        var id = meta.id;
-        this.idNodeMap.set(id, n);
-        this.nodeMetaMap.set(n, meta);
-    };
-    Mirror.prototype.replace = function (id, n) {
-        this.idNodeMap.set(id, n);
-    };
-    Mirror.prototype.reset = function () {
-        this.idNodeMap = new Map();
-        this.nodeMetaMap = new WeakMap();
-    };
-    return Mirror;
-}());
-function createMirror$1() {
-    return new Mirror$1();
+var Mirror$1 = (function () {
+    function Mirror() {
+        this.idNodeMap = new Map();
+        this.nodeMetaMap = new WeakMap();
+    }
+    Mirror.prototype.getId = function (n) {
+        var _a;
+        if (!n)
+            return -1;
+        var id = (_a = this.getMeta(n)) === null || _a === void 0 ? void 0 : _a.id;
+        return id !== null && id !== void 0 ? id : -1;
+    };
+    Mirror.prototype.getNode = function (id) {
+        return this.idNodeMap.get(id) || null;
+    };
+    Mirror.prototype.getIds = function () {
+        return Array.from(this.idNodeMap.keys());
+    };
+    Mirror.prototype.getMeta = function (n) {
+        return this.nodeMetaMap.get(n) || null;
+    };
+    Mirror.prototype.removeNodeFromMap = function (n) {
+        var _this = this;
+        var id = this.getId(n);
+        this.idNodeMap["delete"](id);
+        if (n.childNodes) {
+            n.childNodes.forEach(function (childNode) {
+                return _this.removeNodeFromMap(childNode);
+            });
+        }
+    };
+    Mirror.prototype.has = function (id) {
+        return this.idNodeMap.has(id);
+    };
+    Mirror.prototype.hasNode = function (node) {
+        return this.nodeMetaMap.has(node);
+    };
+    Mirror.prototype.add = function (n, meta) {
+        var id = meta.id;
+        this.idNodeMap.set(id, n);
+        this.nodeMetaMap.set(n, meta);
+    };
+    Mirror.prototype.replace = function (id, n) {
+        this.idNodeMap.set(id, n);
+    };
+    Mirror.prototype.reset = function () {
+        this.idNodeMap = new Map();
+        this.nodeMetaMap = new WeakMap();
+    };
+    return Mirror;
+}());
+function createMirror$1() {
+    return new Mirror$1();
 }
 
 function parseCSSText(cssText) {
@@ -629,43 +629,45 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
     let oldStartNode = oldChildren[oldStartIndex], oldEndNode = oldChildren[oldEndIndex], newStartNode = newChildren[newStartIndex], newEndNode = newChildren[newEndIndex];
     let oldIdToIndex = undefined, indexInOld;
     while (oldStartIndex <= oldEndIndex && newStartIndex <= newEndIndex) {
+        const oldStartId = replayer.mirror.getId(oldStartNode);
+        const oldEndId = replayer.mirror.getId(oldEndNode);
+        const newStartId = rrnodeMirror.getId(newStartNode);
+        const newEndId = rrnodeMirror.getId(newEndNode);
+        console.log('oldStartId', oldStartId);
+        console.log('oldEndId', oldEndId);
+        console.log('newStartId', newStartId);
+        console.log('newEndId', newEndId);
         if (oldStartNode === undefined) {
             oldStartNode = oldChildren[++oldStartIndex];
         }
         else if (oldEndNode === undefined) {
             oldEndNode = oldChildren[--oldEndIndex];
         }
-        else if (replayer.mirror.getId(oldStartNode) === rrnodeMirror.getId(newStartNode)) {
+        else if (oldStartId !== -1 &&
+            oldStartId === newStartId) {
             diff(oldStartNode, newStartNode, replayer, rrnodeMirror);
             oldStartNode = oldChildren[++oldStartIndex];
             newStartNode = newChildren[++newStartIndex];
         }
-        else if (replayer.mirror.getId(oldEndNode) === rrnodeMirror.getId(newEndNode)) {
+        else if (oldEndId !== -1 &&
+            oldEndId === newEndId) {
             diff(oldEndNode, newEndNode, replayer, rrnodeMirror);
             oldEndNode = oldChildren[--oldEndIndex];
             newEndNode = newChildren[--newEndIndex];
         }
-        else if (replayer.mirror.getId(oldStartNode) === rrnodeMirror.getId(newEndNode)) {
-            try {
-                parentNode.insertBefore(oldStartNode, oldEndNode.nextSibling);
-                diff(oldStartNode, newEndNode, replayer, rrnodeMirror);
-                oldStartNode = oldChildren[++oldStartIndex];
-                newEndNode = newChildren[--newEndIndex];
-            }
-            catch (e) {
-                console.error(e, parentNode, oldStartNode, oldEndNode);
-            }
+        else if (oldStartId !== -1 &&
+            oldStartId === newEndId) {
+            parentNode.insertBefore(oldStartNode, oldEndNode.nextSibling);
+            diff(oldStartNode, newEndNode, replayer, rrnodeMirror);
+            oldStartNode = oldChildren[++oldStartIndex];
+            newEndNode = newChildren[--newEndIndex];
         }
-        else if (replayer.mirror.getId(oldEndNode) === rrnodeMirror.getId(newStartNode)) {
-            try {
-                parentNode.insertBefore(oldEndNode, oldStartNode);
-                diff(oldEndNode, newStartNode, replayer, rrnodeMirror);
-                oldEndNode = oldChildren[--oldEndIndex];
-                newStartNode = newChildren[++newStartIndex];
-            }
-            catch (e) {
-                console.error(e, parentNode, oldEndNode, oldStartNode);
-            }
+        else if (oldEndId !== -1 &&
+            oldEndId === newStartId) {
+            parentNode.insertBefore(oldEndNode, oldStartNode);
+            diff(oldEndNode, newStartNode, replayer, rrnodeMirror);
+            oldEndNode = oldChildren[--oldEndIndex];
+            newStartNode = newChildren[++newStartIndex];
         }
         else {
             if (!oldIdToIndex) {
@@ -679,14 +681,9 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
             indexInOld = oldIdToIndex[rrnodeMirror.getId(newStartNode)];
             if (indexInOld) {
                 const nodeToMove = oldChildren[indexInOld];
-                try {
-                    parentNode.insertBefore(nodeToMove, oldStartNode);
-                    diff(nodeToMove, newStartNode, replayer, rrnodeMirror);
-                    oldChildren[indexInOld] = undefined;
-                }
-                catch (e) {
-                    console.error(e, parentNode, nodeToMove, oldStartNode);
-                }
+                parentNode.insertBefore(nodeToMove, oldStartNode);
+                diff(nodeToMove, newStartNode, replayer, rrnodeMirror);
+                oldChildren[indexInOld] = undefined;
             }
             else {
                 const newNode = createOrGetNode(newStartNode, replayer.mirror, rrnodeMirror);
@@ -697,13 +694,8 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
                     oldChildren[oldStartIndex] = undefined;
                     oldStartNode = undefined;
                 }
-                try {
-                    parentNode.insertBefore(newNode, oldStartNode || null);
-                    diff(newNode, newStartNode, replayer, rrnodeMirror);
-                }
-                catch (e) {
-                    console.error(e, parentNode, newNode, oldStartNode || null);
-                }
+                parentNode.insertBefore(newNode, oldStartNode || null);
+                diff(newNode, newStartNode, replayer, rrnodeMirror);
             }
             newStartNode = newChildren[++newStartIndex];
         }
@@ -718,13 +710,8 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
             });
         for (; newStartIndex <= newEndIndex; ++newStartIndex) {
             const newNode = createOrGetNode(newChildren[newStartIndex], replayer.mirror, rrnodeMirror);
-            try {
-                parentNode.insertBefore(newNode, referenceNode);
-                diff(newNode, newChildren[newStartIndex], replayer, rrnodeMirror);
-            }
-            catch (e) {
-                console.error(e, parentNode, newNode, referenceNode);
-            }
+            parentNode.insertBefore(newNode, referenceNode);
+            diff(newNode, newChildren[newStartIndex], replayer, rrnodeMirror);
         }
     }
     else if (newStartIndex > newEndIndex) {
@@ -738,8 +725,11 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
     }
 }
 function createOrGetNode(rrNode, domMirror, rrnodeMirror) {
-    let node = domMirror.getNode(rrnodeMirror.getId(rrNode));
+    const nodeId = rrnodeMirror.getId(rrNode);
     const sn = rrnodeMirror.getMeta(rrNode);
+    let node = null;
+    if (nodeId > -1)
+        node = domMirror.getNode(nodeId);
     if (node !== null)
         return node;
     switch (rrNode.RRNodeType) {
@@ -958,11 +948,11 @@ function buildFromNode(node, rrdom, domMirror, parentRRNode) {
             }
             break;
         case NodeType.DOCUMENT_TYPE_NODE:
-            const documentType = (node);
+            const documentType = node;
             rrNode = rrdom.createDocumentType(documentType.name, documentType.publicId, documentType.systemId);
             break;
         case NodeType.ELEMENT_NODE:
-            const elementNode = (node);
+            const elementNode = node;
             const tagName = getValidTagName(elementNode);
             rrNode = rrdom.createElement(tagName);
             const rrElement = rrNode;
@@ -973,13 +963,13 @@ function buildFromNode(node, rrdom, domMirror, parentRRNode) {
             elementNode.scrollTop && (rrElement.scrollTop = elementNode.scrollTop);
             break;
         case NodeType.TEXT_NODE:
-            rrNode = rrdom.createTextNode((node).textContent || '');
+            rrNode = rrdom.createTextNode(node.textContent || '');
             break;
         case NodeType.CDATA_SECTION_NODE:
-            rrNode = rrdom.createCDATASection((node).data);
+            rrNode = rrdom.createCDATASection(node.data);
             break;
         case NodeType.COMMENT_NODE:
-            rrNode = rrdom.createComment((node).textContent || '');
+            rrNode = rrdom.createComment(node.textContent || '');
             break;
         case NodeType.DOCUMENT_FRAGMENT_NODE:
             rrNode = parentRRNode.attachShadow({ mode: 'open' });
@@ -1015,8 +1005,8 @@ function buildFromDom(dom, domMirror = createMirror$1(), rrdom = new RRDocument(
             node.nodeType === NodeType.ELEMENT_NODE ||
             node.nodeType === NodeType.DOCUMENT_FRAGMENT_NODE) {
             if (node.nodeType === NodeType.ELEMENT_NODE &&
-                (node).shadowRoot)
-                walk((node).shadowRoot, rrNode);
+                node.shadowRoot)
+                walk(node.shadowRoot, rrNode);
             node.childNodes.forEach((childNode) => walk(childNode, rrNode));
         }
     }
@@ -1119,4 +1109,4 @@ function getDefaultSN(node, id) {
     }
 }
 
-export { Mirror, RRCDATASection, RRCanvasElement, RRComment, RRDocument, RRDocumentType, RRElement, RRIFrameElement, RRMediaElement, BaseRRNode as RRNode, RRStyleElement, RRText, StyleRuleType, buildFromDom, buildFromNode, createMirror, createOrGetNode, diff, getDefaultSN };
+export { BaseRRCDATASectionImpl, BaseRRCommentImpl, BaseRRDocumentImpl, BaseRRDocumentTypeImpl, BaseRRElementImpl, BaseRRMediaElementImpl, BaseRRNode, BaseRRTextImpl, ClassList, Mirror, NodeType, RRCDATASection, RRCanvasElement, RRComment, RRDocument, RRDocumentType, RRElement, RRIFrameElement, RRMediaElement, BaseRRNode as RRNode, RRStyleElement, RRText, StyleRuleType, buildFromDom, buildFromNode, createMirror, createOrGetNode, diff, getDefaultSN };

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

@@ -1,7 +1,7 @@
 import record from './record/index.js';
 export { default as record } from './record/index.js';
 import '../../rrweb-snapshot/es/rrweb-snapshot.js';
-import '../../rrdom/es/virtual-dom.js';
+import '../../rrdom/es/rrdom.js';
 export { EventType, IncrementalSource, MouseInteractions, ReplayerEvents } from './types.js';
 import * as utils from './utils.js';
 export { utils };

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

@@ -148,6 +148,7 @@ function record(options = {}) {
             iframeManager,
             stylesheetManager,
             canvasManager,
+            keepIframeSrcFn,
             enableStrictPrivacy
         },
         mirror,
@@ -284,6 +285,7 @@ function record(options = {}) {
                 doc,
                 maskInputFn,
                 maskTextFn,
+                keepIframeSrcFn,
                 blockSelector,
                 slimDOMOptions,
                 mirror,

package/es/rrweb/packages/rrweb/src/record/mutation.js

@@ -305,6 +305,16 @@ class MutationBuffer {
                         return;
                     }
                     let item = this.attributes.find((a) => a.node === m.target);
+                    if (target.tagName === 'IFRAME' &&
+                        m.attributeName === 'src' &&
+                        !this.keepIframeSrcFn(value)) {
+                        if (!target.contentDocument) {
+                            m.attributeName = 'rr_src';
+                        }
+                        else {
+                            return;
+                        }
+                    }
                     if (!item) {
                         item = {
                             node: m.target,
@@ -350,7 +360,7 @@ class MutationBuffer {
                                 break;
                             }
                         }
-                        item.attributes[m.attributeName] = transformAttribute(this.doc, m.target.tagName, m.attributeName, value);
+                        item.attributes[m.attributeName] = transformAttribute(this.doc, target.tagName, m.attributeName, value);
                     }
                     break;
                 }
@@ -424,6 +434,7 @@ class MutationBuffer {
             'maskInputOptions',
             'maskTextFn',
             'maskInputFn',
+            'keepIframeSrcFn',
             'recordCanvas',
             'inlineImages',
             'slimDOMOptions',

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

@@ -1,6 +1,6 @@
 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/virtual-dom.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 { polyfill } from './smoothscroll.js';
@@ -634,7 +634,7 @@ class Replayer {
             const styleEl = document.createElement('style');
             documentElement.insertBefore(styleEl, head);
             for (let idx = 0; idx < injectStylesRules.length; idx++) {
-                (styleEl.sheet).insertRule(injectStylesRules[idx], idx);
+                styleEl.sheet.insertRule(injectStylesRules[idx], idx);
             }
         }
     }
@@ -1019,7 +1019,7 @@ class Replayer {
                     if (!target) {
                         return this.debugNodeNotFound(d, d.id);
                     }
-                    const styleSheet = (target).sheet;
+                    const styleSheet = target.sheet;
                     (_d = d.adds) === null || _d === void 0 ? void 0 : _d.forEach(({ rule, index: nestedIndex }) => {
                         try {
                             if (Array.isArray(nestedIndex)) {