@highlight-run/rrweb 2.0.7 → 2.0.10

package/lib/rrweb.js

@@ -1706,6 +1706,7 @@ function buildNode(n, options) {
                         if (!image.currentSrc.startsWith('data:')) {
                             image.setAttribute('rrweb-original-src', n.attributes.src);
                             image.src = value;
+                            image.setAttribute('rrweb-inline-src', value);
                         }
                     }
                     if (name_1 === 'rr_width') {
@@ -1734,6 +1735,15 @@ function buildNode(n, options) {
             for (var name_1 in n.attributes) {
                 _loop_1(name_1);
             }
+            if (tagName === 'img') {
+                var image = node_1;
+                if (!image.currentSrc.startsWith('data:')) {
+                    var inlineSrc = image.getAttribute('rrweb-inline-src');
+                    if (inlineSrc === null || inlineSrc === void 0 ? void 0 : inlineSrc.startsWith('data:')) {
+                        image.src = inlineSrc;
+                    }
+                }
+            }
             if (n.isShadowHost) {
                 if (!node_1.shadowRoot) {
                     node_1.attachShadow({ mode: 'open' });
@@ -4895,7 +4905,7 @@ function diff(oldTree, newTree, replayer, rrnodeMirror) {
             break;
         }
         case NodeType$1.Element: {
-            const oldElement = (oldTree);
+            const oldElement = oldTree;
             const newRRElement = newTree;
             diffProps(oldElement, newRRElement, rrnodeMirror);
             scrollDataToApply = newRRElement.scrollData;
@@ -4903,7 +4913,7 @@ function diff(oldTree, newTree, replayer, rrnodeMirror) {
             switch (newRRElement.tagName) {
                 case 'AUDIO':
                 case 'VIDEO': {
-                    const oldMediaElement = (oldTree);
+                    const oldMediaElement = oldTree;
                     const newMediaRRElement = newRRElement;
                     if (newMediaRRElement.paused !== undefined)
                         newMediaRRElement.paused
@@ -4918,7 +4928,7 @@ function diff(oldTree, newTree, replayer, rrnodeMirror) {
                     break;
                 }
                 case 'CANVAS':
-                    newTree.canvasMutations.forEach((canvasMutation) => replayer.applyCanvas(canvasMutation.event, canvasMutation.mutation, (oldTree)));
+                    newTree.canvasMutations.forEach((canvasMutation) => replayer.applyCanvas(canvasMutation.event, canvasMutation.mutation, oldTree));
                     break;
                 case 'STYLE':
                     applyVirtualStyleRulesToNode(oldElement, newTree.rules);
@@ -4945,8 +4955,7 @@ function diff(oldTree, newTree, replayer, rrnodeMirror) {
     scrollDataToApply && replayer.applyScroll(scrollDataToApply, true);
     inputDataToApply && replayer.applyInput(inputDataToApply);
     if (newTree.nodeName === 'IFRAME') {
-        const oldContentDocument = (oldTree)
-            .contentDocument;
+        const oldContentDocument = oldTree.contentDocument;
         const newIFrameElement = newTree;
         if (oldContentDocument) {
             const sn = rrnodeMirror.getMeta(newIFrameElement.contentDocument);
@@ -5007,16 +5016,26 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
             newEndNode = newChildren[--newEndIndex];
         }
         else if (replayer.mirror.getId(oldStartNode) === rrnodeMirror.getId(newEndNode)) {
-            parentNode.insertBefore(oldStartNode, oldEndNode.nextSibling);
-            diff(oldStartNode, newEndNode, replayer, rrnodeMirror);
-            oldStartNode = oldChildren[++oldStartIndex];
-            newEndNode = newChildren[--newEndIndex];
+            try {
+                parentNode.insertBefore(oldStartNode, oldEndNode.nextSibling);
+            }
+            catch (e) {
+                console.error(e, parentNode, oldStartNode, oldEndNode);
+                diff(oldStartNode, newEndNode, replayer, rrnodeMirror);
+                oldStartNode = oldChildren[++oldStartIndex];
+                newEndNode = newChildren[--newEndIndex];
+            }
         }
         else if (replayer.mirror.getId(oldEndNode) === rrnodeMirror.getId(newStartNode)) {
-            parentNode.insertBefore(oldEndNode, oldStartNode);
-            diff(oldEndNode, newStartNode, replayer, rrnodeMirror);
-            oldEndNode = oldChildren[--oldEndIndex];
-            newStartNode = newChildren[++newStartIndex];
+            try {
+                parentNode.insertBefore(oldEndNode, oldStartNode);
+            }
+            catch (e) {
+                console.error(e, parentNode, oldEndNode, oldStartNode);
+                diff(oldEndNode, newStartNode, replayer, rrnodeMirror);
+                oldEndNode = oldChildren[--oldEndIndex];
+                newStartNode = newChildren[++newStartIndex];
+            }
         }
         else {
             if (!oldIdToIndex) {
@@ -5030,21 +5049,31 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
             indexInOld = oldIdToIndex[rrnodeMirror.getId(newStartNode)];
             if (indexInOld) {
                 const nodeToMove = oldChildren[indexInOld];
-                parentNode.insertBefore(nodeToMove, oldStartNode);
-                diff(nodeToMove, newStartNode, replayer, rrnodeMirror);
-                oldChildren[indexInOld] = undefined;
+                try {
+                    parentNode.insertBefore(nodeToMove, oldStartNode);
+                }
+                catch (e) {
+                    console.error(e, parentNode, nodeToMove, oldStartNode);
+                    diff(nodeToMove, newStartNode, replayer, rrnodeMirror);
+                    oldChildren[indexInOld] = undefined;
+                }
             }
             else {
                 const newNode = createOrGetNode(newStartNode, replayer.mirror, rrnodeMirror);
                 if (((_a = replayer.mirror.getMeta(parentNode)) === null || _a === void 0 ? void 0 : _a.type) === NodeType$1.Document &&
                     ((_b = replayer.mirror.getMeta(newNode)) === null || _b === void 0 ? void 0 : _b.type) === NodeType$1.Element &&
-                    (parentNode).documentElement) {
-                    parentNode.removeChild((parentNode).documentElement);
+                    parentNode.documentElement) {
+                    parentNode.removeChild(parentNode.documentElement);
                     oldChildren[oldStartIndex] = undefined;
                     oldStartNode = undefined;
                 }
-                parentNode.insertBefore(newNode, oldStartNode || null);
-                diff(newNode, newStartNode, replayer, rrnodeMirror);
+                try {
+                    parentNode.insertBefore(newNode, oldStartNode || null);
+                }
+                catch (e) {
+                    console.error(e, parentNode, newNode, oldStartNode || null);
+                    diff(newNode, newStartNode, replayer, rrnodeMirror);
+                }
             }
             newStartNode = newChildren[++newStartIndex];
         }
@@ -5059,8 +5088,13 @@ function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirr
             });
         for (; newStartIndex <= newEndIndex; ++newStartIndex) {
             const newNode = createOrGetNode(newChildren[newStartIndex], replayer.mirror, rrnodeMirror);
-            parentNode.insertBefore(newNode, referenceNode);
-            diff(newNode, newChildren[newStartIndex], replayer, rrnodeMirror);
+            try {
+                parentNode.insertBefore(newNode, referenceNode);
+            }
+            catch (e) {
+                console.error(e, parentNode, newNode, referenceNode);
+                diff(newNode, newChildren[newStartIndex], replayer, rrnodeMirror);
+            }
         }
     }
     else if (newStartIndex > newEndIndex) {
@@ -5114,8 +5148,7 @@ function getNestedRule(rules, position) {
         return rule;
     }
     else {
-        return getNestedRule((rule).cssRules[position[1]]
-            .cssRules, position.slice(2));
+        return getNestedRule(rule.cssRules[position[1]].cssRules, position.slice(2));
     }
 }
 var StyleRuleType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "2.0.7",
+  "version": "2.0.10",
   "description": "record and replay the web",
   "scripts": {
     "prepare": "npm run prepack",
@@ -74,13 +74,13 @@
     "typescript": "^4.6.2"
   },
   "dependencies": {
-    "@highlight-run/rrdom": "^0.1.6",
-    "@highlight-run/rrweb-snapshot": "^1.1.19",
+    "@highlight-run/rrdom": ">0.1.2",
+    "@highlight-run/rrweb-snapshot": ">1.1.15",
     "@types/css-font-loading-module": "0.0.7",
     "@xstate/fsm": "^1.4.0",
     "base64-arraybuffer": "^1.0.1",
     "fflate": "^0.4.4",
     "mitt": "^1.1.3"
   },
-  "gitHead": "bec14f9c8aad59e00142e3c8546da40cff32b15f"
+  "gitHead": "c728b71c3929ea9e81c7ade31cb31b465b54e883"
 }