@highlight-run/rrweb 2.1.3 → 2.1.4

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

@@ -572,7 +572,7 @@ function serializeTextNode(n, options) {
 function serializeElementNode(n, options) {
     var doc = options.doc, blockClass = options.blockClass, blockSelector = options.blockSelector, inlineStylesheet = options.inlineStylesheet, _a = options.maskInputOptions, maskInputOptions = _a === void 0 ? {} : _a, maskInputFn = options.maskInputFn, maskTextClass = options.maskTextClass, _b = options.dataURLOptions, dataURLOptions = _b === void 0 ? {} : _b, inlineImages = options.inlineImages, recordCanvas = options.recordCanvas, keepIframeSrcFn = options.keepIframeSrcFn, _c = options.newlyAddedElement, newlyAddedElement = _c === void 0 ? false : _c, enableStrictPrivacy = options.enableStrictPrivacy, rootId = options.rootId;
     var needBlock = _isBlockedElement(n, blockClass, blockSelector) ||
-        _isBlockedElement(n, maskTextClass, blockSelector);
+        _isBlockedElement(n, maskTextClass, null);
     var tagName = getValidTagName(n);
     var attributes = {};
     var len = n.attributes.length;
@@ -646,7 +646,7 @@ function serializeElementNode(n, options) {
             }
         }
     }
-    if (tagName === 'img' && inlineImages) {
+    if (tagName === 'img' && inlineImages && !needBlock) {
         if (!canvasService) {
             canvasService = doc.createElement('canvas');
             canvasCtx = canvasService.getContext('2d');
@@ -702,6 +702,9 @@ function serializeElementNode(n, options) {
         }
         delete attributes.src;
     }
+    if (needBlock && tagName === 'img') {
+        delete attributes.src;
+    }
     return {
         type: NodeType.Element,
         tagName: tagName,
@@ -839,9 +842,12 @@ function serializeNodeWithId(n, options) {
         onSerialize(n);
     }
     var recordChild = !skipChild;
+    var strictPrivacy = enableStrictPrivacy;
     if (serializedNode.type === NodeType.Element) {
         recordChild = recordChild && !serializedNode.needBlock;
-        if (serializedNode.needBlock && serializedNode.tagName === 'img') {
+        strictPrivacy = !!serializedNode.needBlock;
+        console.log('vadim strictPrivacy', { strictPrivacy: strictPrivacy, enableStrictPrivacy: enableStrictPrivacy });
+        if (strictPrivacy && serializedNode.tagName === 'img') {
             var clone = n.cloneNode();
             clone.src = '';
             mirror.add(clone, serializedNode);
@@ -882,7 +888,7 @@ function serializeNodeWithId(n, options) {
             onStylesheetLoad: onStylesheetLoad,
             stylesheetLoadTimeout: stylesheetLoadTimeout,
             keepIframeSrcFn: keepIframeSrcFn,
-            enableStrictPrivacy: enableStrictPrivacy
+            enableStrictPrivacy: strictPrivacy
         };
         for (var _i = 0, _m = Array.from(n.childNodes); _i < _m.length; _i++) {
             var childN = _m[_i];

package/lib/record/rrweb-record.js

@@ -574,7 +574,7 @@ function serializeTextNode(n, options) {
 function serializeElementNode(n, options) {
     var doc = options.doc, blockClass = options.blockClass, blockSelector = options.blockSelector, inlineStylesheet = options.inlineStylesheet, _a = options.maskInputOptions, maskInputOptions = _a === void 0 ? {} : _a, maskInputFn = options.maskInputFn, maskTextClass = options.maskTextClass, _b = options.dataURLOptions, dataURLOptions = _b === void 0 ? {} : _b, inlineImages = options.inlineImages, recordCanvas = options.recordCanvas, keepIframeSrcFn = options.keepIframeSrcFn, _c = options.newlyAddedElement, newlyAddedElement = _c === void 0 ? false : _c, enableStrictPrivacy = options.enableStrictPrivacy, rootId = options.rootId;
     var needBlock = _isBlockedElement(n, blockClass, blockSelector) ||
-        _isBlockedElement(n, maskTextClass, blockSelector);
+        _isBlockedElement(n, maskTextClass, null);
     var tagName = getValidTagName(n);
     var attributes = {};
     var len = n.attributes.length;
@@ -648,7 +648,7 @@ function serializeElementNode(n, options) {
             }
         }
     }
-    if (tagName === 'img' && inlineImages) {
+    if (tagName === 'img' && inlineImages && !needBlock) {
         if (!canvasService) {
             canvasService = doc.createElement('canvas');
             canvasCtx = canvasService.getContext('2d');
@@ -704,6 +704,9 @@ function serializeElementNode(n, options) {
         }
         delete attributes.src;
     }
+    if (needBlock && tagName === 'img') {
+        delete attributes.src;
+    }
     return {
         type: NodeType.Element,
         tagName: tagName,
@@ -841,9 +844,12 @@ function serializeNodeWithId(n, options) {
         onSerialize(n);
     }
     var recordChild = !skipChild;
+    var strictPrivacy = enableStrictPrivacy;
     if (serializedNode.type === NodeType.Element) {
         recordChild = recordChild && !serializedNode.needBlock;
-        if (serializedNode.needBlock && serializedNode.tagName === 'img') {
+        strictPrivacy = !!serializedNode.needBlock;
+        console.log('vadim strictPrivacy', { strictPrivacy: strictPrivacy, enableStrictPrivacy: enableStrictPrivacy });
+        if (strictPrivacy && serializedNode.tagName === 'img') {
             var clone = n.cloneNode();
             clone.src = '';
             mirror.add(clone, serializedNode);
@@ -884,7 +890,7 @@ function serializeNodeWithId(n, options) {
             onStylesheetLoad: onStylesheetLoad,
             stylesheetLoadTimeout: stylesheetLoadTimeout,
             keepIframeSrcFn: keepIframeSrcFn,
-            enableStrictPrivacy: enableStrictPrivacy
+            enableStrictPrivacy: strictPrivacy
         };
         for (var _i = 0, _m = Array.from(n.childNodes); _i < _m.length; _i++) {
             var childN = _m[_i];

package/lib/rrweb-all.js

@@ -576,7 +576,7 @@ function serializeTextNode(n, options) {
 function serializeElementNode(n, options) {
     var doc = options.doc, blockClass = options.blockClass, blockSelector = options.blockSelector, inlineStylesheet = options.inlineStylesheet, _a = options.maskInputOptions, maskInputOptions = _a === void 0 ? {} : _a, maskInputFn = options.maskInputFn, maskTextClass = options.maskTextClass, _b = options.dataURLOptions, dataURLOptions = _b === void 0 ? {} : _b, inlineImages = options.inlineImages, recordCanvas = options.recordCanvas, keepIframeSrcFn = options.keepIframeSrcFn, _c = options.newlyAddedElement, newlyAddedElement = _c === void 0 ? false : _c, enableStrictPrivacy = options.enableStrictPrivacy, rootId = options.rootId;
     var needBlock = _isBlockedElement(n, blockClass, blockSelector) ||
-        _isBlockedElement(n, maskTextClass, blockSelector);
+        _isBlockedElement(n, maskTextClass, null);
     var tagName = getValidTagName$1(n);
     var attributes = {};
     var len = n.attributes.length;
@@ -650,7 +650,7 @@ function serializeElementNode(n, options) {
             }
         }
     }
-    if (tagName === 'img' && inlineImages) {
+    if (tagName === 'img' && inlineImages && !needBlock) {
         if (!canvasService) {
             canvasService = doc.createElement('canvas');
             canvasCtx = canvasService.getContext('2d');
@@ -706,6 +706,9 @@ function serializeElementNode(n, options) {
         }
         delete attributes.src;
     }
+    if (needBlock && tagName === 'img') {
+        delete attributes.src;
+    }
     return {
         type: NodeType$2.Element,
         tagName: tagName,
@@ -843,9 +846,12 @@ function serializeNodeWithId(n, options) {
         onSerialize(n);
     }
     var recordChild = !skipChild;
+    var strictPrivacy = enableStrictPrivacy;
     if (serializedNode.type === NodeType$2.Element) {
         recordChild = recordChild && !serializedNode.needBlock;
-        if (serializedNode.needBlock && serializedNode.tagName === 'img') {
+        strictPrivacy = !!serializedNode.needBlock;
+        console.log('vadim strictPrivacy', { strictPrivacy: strictPrivacy, enableStrictPrivacy: enableStrictPrivacy });
+        if (strictPrivacy && serializedNode.tagName === 'img') {
             var clone = n.cloneNode();
             clone.src = '';
             mirror.add(clone, serializedNode);
@@ -886,7 +892,7 @@ function serializeNodeWithId(n, options) {
             onStylesheetLoad: onStylesheetLoad,
             stylesheetLoadTimeout: stylesheetLoadTimeout,
             keepIframeSrcFn: keepIframeSrcFn,
-            enableStrictPrivacy: enableStrictPrivacy
+            enableStrictPrivacy: strictPrivacy
         };
         for (var _i = 0, _m = Array.from(n.childNodes); _i < _m.length; _i++) {
             var childN = _m[_i];

package/lib/rrweb.js

@@ -576,7 +576,7 @@ function serializeTextNode(n, options) {
 function serializeElementNode(n, options) {
     var doc = options.doc, blockClass = options.blockClass, blockSelector = options.blockSelector, inlineStylesheet = options.inlineStylesheet, _a = options.maskInputOptions, maskInputOptions = _a === void 0 ? {} : _a, maskInputFn = options.maskInputFn, maskTextClass = options.maskTextClass, _b = options.dataURLOptions, dataURLOptions = _b === void 0 ? {} : _b, inlineImages = options.inlineImages, recordCanvas = options.recordCanvas, keepIframeSrcFn = options.keepIframeSrcFn, _c = options.newlyAddedElement, newlyAddedElement = _c === void 0 ? false : _c, enableStrictPrivacy = options.enableStrictPrivacy, rootId = options.rootId;
     var needBlock = _isBlockedElement(n, blockClass, blockSelector) ||
-        _isBlockedElement(n, maskTextClass, blockSelector);
+        _isBlockedElement(n, maskTextClass, null);
     var tagName = getValidTagName$1(n);
     var attributes = {};
     var len = n.attributes.length;
@@ -650,7 +650,7 @@ function serializeElementNode(n, options) {
             }
         }
     }
-    if (tagName === 'img' && inlineImages) {
+    if (tagName === 'img' && inlineImages && !needBlock) {
         if (!canvasService) {
             canvasService = doc.createElement('canvas');
             canvasCtx = canvasService.getContext('2d');
@@ -706,6 +706,9 @@ function serializeElementNode(n, options) {
         }
         delete attributes.src;
     }
+    if (needBlock && tagName === 'img') {
+        delete attributes.src;
+    }
     return {
         type: NodeType$2.Element,
         tagName: tagName,
@@ -843,9 +846,12 @@ function serializeNodeWithId(n, options) {
         onSerialize(n);
     }
     var recordChild = !skipChild;
+    var strictPrivacy = enableStrictPrivacy;
     if (serializedNode.type === NodeType$2.Element) {
         recordChild = recordChild && !serializedNode.needBlock;
-        if (serializedNode.needBlock && serializedNode.tagName === 'img') {
+        strictPrivacy = !!serializedNode.needBlock;
+        console.log('vadim strictPrivacy', { strictPrivacy: strictPrivacy, enableStrictPrivacy: enableStrictPrivacy });
+        if (strictPrivacy && serializedNode.tagName === 'img') {
             var clone = n.cloneNode();
             clone.src = '';
             mirror.add(clone, serializedNode);
@@ -886,7 +892,7 @@ function serializeNodeWithId(n, options) {
             onStylesheetLoad: onStylesheetLoad,
             stylesheetLoadTimeout: stylesheetLoadTimeout,
             keepIframeSrcFn: keepIframeSrcFn,
-            enableStrictPrivacy: enableStrictPrivacy
+            enableStrictPrivacy: strictPrivacy
         };
         for (var _i = 0, _m = Array.from(n.childNodes); _i < _m.length; _i++) {
             var childN = _m[_i];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "record and replay the web",
   "scripts": {
     "prepare": "npm run prepack",
@@ -76,12 +76,12 @@
   },
   "dependencies": {
     "@highlight-run/rrdom": "0.1.17",
-    "@highlight-run/rrweb-snapshot": "1.1.26",
+    "@highlight-run/rrweb-snapshot": "1.1.27",
     "@types/css-font-loading-module": "0.0.7",
     "@xstate/fsm": "^1.4.0",
     "base64-arraybuffer": "^1.0.1",
     "fflate": "^0.4.4",
     "mitt": "^3.0.0"
   },
-  "gitHead": "98757c19f85bda25f5c29047f67d32ab7fd851f3"
+  "gitHead": "ee5ef112cb3c2d2bd70078d428985ba8507ec070"
 }