@highlight-run/rrweb 2.1.1 → 2.1.4

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

@@ -471,6 +471,7 @@ function serializeNode(n, options) {
                 inlineStylesheet: inlineStylesheet,
                 maskInputOptions: maskInputOptions,
                 maskInputFn: maskInputFn,
+                maskTextClass: maskTextClass,
                 dataURLOptions: dataURLOptions,
                 inlineImages: inlineImages,
                 recordCanvas: recordCanvas,
@@ -569,8 +570,9 @@ 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, _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);
+    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, null);
     var tagName = getValidTagName(n);
     var attributes = {};
     var len = n.attributes.length;
@@ -644,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');
@@ -700,6 +702,9 @@ function serializeElementNode(n, options) {
         }
         delete attributes.src;
     }
+    if (needBlock && tagName === 'img') {
+        delete attributes.src;
+    }
     return {
         type: NodeType.Element,
         tagName: tagName,
@@ -837,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);
@@ -880,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

@@ -473,6 +473,7 @@ function serializeNode(n, options) {
                 inlineStylesheet: inlineStylesheet,
                 maskInputOptions: maskInputOptions,
                 maskInputFn: maskInputFn,
+                maskTextClass: maskTextClass,
                 dataURLOptions: dataURLOptions,
                 inlineImages: inlineImages,
                 recordCanvas: recordCanvas,
@@ -571,8 +572,9 @@ 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, _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);
+    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, null);
     var tagName = getValidTagName(n);
     var attributes = {};
     var len = n.attributes.length;
@@ -646,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');
@@ -702,6 +704,9 @@ function serializeElementNode(n, options) {
         }
         delete attributes.src;
     }
+    if (needBlock && tagName === 'img') {
+        delete attributes.src;
+    }
     return {
         type: NodeType.Element,
         tagName: tagName,
@@ -839,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);
@@ -882,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

@@ -475,6 +475,7 @@ function serializeNode(n, options) {
                 inlineStylesheet: inlineStylesheet,
                 maskInputOptions: maskInputOptions,
                 maskInputFn: maskInputFn,
+                maskTextClass: maskTextClass,
                 dataURLOptions: dataURLOptions,
                 inlineImages: inlineImages,
                 recordCanvas: recordCanvas,
@@ -573,8 +574,9 @@ 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, _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);
+    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, null);
     var tagName = getValidTagName$1(n);
     var attributes = {};
     var len = n.attributes.length;
@@ -648,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');
@@ -704,6 +706,9 @@ function serializeElementNode(n, options) {
         }
         delete attributes.src;
     }
+    if (needBlock && tagName === 'img') {
+        delete attributes.src;
+    }
     return {
         type: NodeType$2.Element,
         tagName: tagName,
@@ -841,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);
@@ -884,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

@@ -475,6 +475,7 @@ function serializeNode(n, options) {
                 inlineStylesheet: inlineStylesheet,
                 maskInputOptions: maskInputOptions,
                 maskInputFn: maskInputFn,
+                maskTextClass: maskTextClass,
                 dataURLOptions: dataURLOptions,
                 inlineImages: inlineImages,
                 recordCanvas: recordCanvas,
@@ -573,8 +574,9 @@ 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, _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);
+    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, null);
     var tagName = getValidTagName$1(n);
     var attributes = {};
     var len = n.attributes.length;
@@ -648,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');
@@ -704,6 +706,9 @@ function serializeElementNode(n, options) {
         }
         delete attributes.src;
     }
+    if (needBlock && tagName === 'img') {
+        delete attributes.src;
+    }
     return {
         type: NodeType$2.Element,
         tagName: tagName,
@@ -841,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);
@@ -884,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.1",
+  "version": "2.1.4",
   "description": "record and replay the web",
   "scripts": {
     "prepare": "npm run prepack",
@@ -75,13 +75,13 @@
     "typescript": "^4.7.3"
   },
   "dependencies": {
-    "@highlight-run/rrdom": ">=0.1.14",
-    "@highlight-run/rrweb-snapshot": ">=1.1.22",
+    "@highlight-run/rrdom": "0.1.17",
+    "@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": "15a0a27697444a1d09f589e50fa9587ad8ca025e"
+  "gitHead": "ee5ef112cb3c2d2bd70078d428985ba8507ec070"
 }