@highlight-run/rrweb 2.0.11 → 2.0.15

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

@@ -1,4 +1,66 @@
-import { NodeType as NodeType$1, createMirror as createMirror$1 } from '@highlight-run/rrweb-snapshot';
+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();
+}
 
 function parseCSSText(cssText) {
     const res = {};
@@ -584,26 +646,16 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
             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);
-            }
+            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);
-            }
+            parentNode.insertBefore(oldEndNode, oldStartNode);
+            diff(oldEndNode, newStartNode, replayer, rrnodeMirror);
+            oldEndNode = oldChildren[--oldEndIndex];
+            newStartNode = newChildren[++newStartIndex];
         }
         else {
             if (!oldIdToIndex) {
@@ -617,14 +669,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);
@@ -635,13 +682,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];
         }
@@ -656,13 +698,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) {
@@ -896,11 +933,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;
@@ -911,13 +948,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' });
@@ -953,8 +990,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));
         }
     }
@@ -1057,4 +1094,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 '@highlight-run/rrweb-snapshot';
-import '../../rrdom/es/virtual-dom.js';
+import '../../rrweb-snapshot/es/rrweb-snapshot.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

@@ -1,4 +1,4 @@
-import { createMirror, snapshot } from '@highlight-run/rrweb-snapshot';
+import { createMirror, snapshot } from '../../../rrweb-snapshot/es/rrweb-snapshot.js';
 import { initObservers, mutationBuffers } from './observer.js';
 import { polyfill, on, getWindowWidth, getWindowHeight, isSerializedIframe, isSerializedStylesheet, hasShadowRoot } from '../utils.js';
 import { EventType, IncrementalSource } from '../types.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

@@ -1,4 +1,4 @@
-import { obfuscateText, isShadowRoot, maskInputValue, transformAttribute, needMaskingText, IGNORED_NODE, serializeNodeWithId } from '@highlight-run/rrweb-snapshot';
+import { obfuscateText, isShadowRoot, maskInputValue, transformAttribute, needMaskingText, IGNORED_NODE, serializeNodeWithId } from '../../../rrweb-snapshot/es/rrweb-snapshot.js';
 import { isIgnored, isBlocked, isSerialized, isAncestorRemoved, isSerializedIframe, isSerializedStylesheet, hasShadowRoot } from '../utils.js';
 
 function isNodeInLinkedList(n) {
@@ -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/record/observer.js

@@ -1,4 +1,4 @@
-import { maskInputValue } from '@highlight-run/rrweb-snapshot';
+import { maskInputValue } from '../../../rrweb-snapshot/es/rrweb-snapshot.js';
 import { on, throttle, isBlocked, getWindowHeight, getWindowWidth, hookSetter, patch, isTouchEvent, isCanvasNode } from '../utils.js';
 import { MouseInteractions, IncrementalSource } from '../types.js';
 import MutationBuffer from './mutation.js';

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 '@highlight-run/rrweb-snapshot';
-import { RRDocument, diff, createOrGetNode, getDefaultSN, StyleRuleType, buildFromDom, buildFromNode } from '../../../rrdom/es/virtual-dom.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 { 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)) {

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

@@ -1,4 +1,4 @@
-import { classMatchesRegex, IGNORED_NODE, isShadowRoot } from '@highlight-run/rrweb-snapshot';
+import { classMatchesRegex, IGNORED_NODE, isShadowRoot } from '../../rrweb-snapshot/es/rrweb-snapshot.js';
 
 function on(type, fn, target = document) {
     const options = { capture: true, passive: true };