@appsurify-testmap/rrweb-snapshot 2.1.0-alpha.2 → 2.1.0-alpha.5

package/dist/index.d.cts

@@ -60,6 +60,8 @@ export declare interface ICanvas extends HTMLCanvasElement {
 
 export declare type idNodeMap = Map<number, Node>;
 
+export declare function ignoreAttribute(tagName: string, name: string, _value: unknown): boolean;
+
 export declare const IGNORED_NODE = -2;
 
 export declare const interactiveEvents: string[];
@@ -78,7 +80,9 @@ export declare function isElementInteractive(n: Node): boolean;
 
 export declare function isElementVisible(n: Element): boolean;
 
-export declare function isIgnoreAttribute(tagName: string, name: string, _value: unknown): boolean;
+export declare function isExcludeAttribute(name: string, exclude: string | RegExp): boolean;
+
+export declare function isIncludeAttribute(name: string, include: string | RegExp): boolean;
 
 export declare function isNativeShadowDom(shadowRoot: ShadowRoot): boolean;
 
@@ -161,7 +165,8 @@ export declare function serializeNodeWithId(n: Node, options: {
     blockSelector: string | null;
     maskTextClass: string | RegExp;
     maskTextSelector: string | null;
-    ignoreAttribute: string | RegExp;
+    excludeAttribute: string | RegExp;
+    includeAttribute: string | RegExp;
     skipChild: boolean;
     inlineStylesheet: boolean;
     newlyAddedElement?: boolean;
@@ -203,7 +208,8 @@ export declare function snapshot(n: Document, options?: {
     blockSelector?: string | null;
     maskTextClass?: string | RegExp;
     maskTextSelector?: string | null;
-    ignoreAttribute?: string | RegExp;
+    excludeAttribute?: string | RegExp;
+    includeAttribute?: string | RegExp;
     inlineStylesheet?: boolean;
     maskAllInputs?: boolean | MaskInputOptions;
     maskTextFn?: MaskTextFn;

package/dist/index.d.ts

@@ -60,6 +60,8 @@ export declare interface ICanvas extends HTMLCanvasElement {
 
 export declare type idNodeMap = Map<number, Node>;
 
+export declare function ignoreAttribute(tagName: string, name: string, _value: unknown): boolean;
+
 export declare const IGNORED_NODE = -2;
 
 export declare const interactiveEvents: string[];
@@ -78,7 +80,9 @@ export declare function isElementInteractive(n: Node): boolean;
 
 export declare function isElementVisible(n: Element): boolean;
 
-export declare function isIgnoreAttribute(tagName: string, name: string, _value: unknown): boolean;
+export declare function isExcludeAttribute(name: string, exclude: string | RegExp): boolean;
+
+export declare function isIncludeAttribute(name: string, include: string | RegExp): boolean;
 
 export declare function isNativeShadowDom(shadowRoot: ShadowRoot): boolean;
 
@@ -161,7 +165,8 @@ export declare function serializeNodeWithId(n: Node, options: {
     blockSelector: string | null;
     maskTextClass: string | RegExp;
     maskTextSelector: string | null;
-    ignoreAttribute: string | RegExp;
+    excludeAttribute: string | RegExp;
+    includeAttribute: string | RegExp;
     skipChild: boolean;
     inlineStylesheet: boolean;
     newlyAddedElement?: boolean;
@@ -203,7 +208,8 @@ export declare function snapshot(n: Document, options?: {
     blockSelector?: string | null;
     maskTextClass?: string | RegExp;
     maskTextSelector?: string | null;
-    ignoreAttribute?: string | RegExp;
+    excludeAttribute?: string | RegExp;
+    includeAttribute?: string | RegExp;
     inlineStylesheet?: boolean;
     maskAllInputs?: boolean | MaskInputOptions;
     maskTextFn?: MaskTextFn;

package/dist/rrweb-snapshot.cjs

@@ -888,28 +888,14 @@ function transformAttribute(doc, tagName, name, value) {
   }
   return value;
 }
-function isIgnoreAttribute(tagName, name, _value) {
+function ignoreAttribute(tagName, name, _value) {
   return (tagName === "video" || tagName === "audio") && name === "autoplay";
 }
-function cleanAttributes(doc, element, ignoreAttribute) {
-  const tagName = getValidTagName(element);
-  const attributes = {};
-  const len = element.attributes.length;
-  for (let i = 0; i < len; i++) {
-    const attr = element.attributes[i];
-    const name = attr.name;
-    const value = attr.value;
-    const shouldIgnoreByName = typeof ignoreAttribute === "string" ? name === ignoreAttribute : ignoreAttribute.test(name);
-    if (!shouldIgnoreByName && !isIgnoreAttribute(tagName, name)) {
-      attributes[name] = transformAttribute(
-        doc,
-        tagName,
-        toLowerCase(name),
-        value
-      );
-    }
-  }
-  return attributes;
+function isIncludeAttribute(name, include) {
+  return typeof include === "string" ? name.includes(include) : include.test(name);
+}
+function isExcludeAttribute(name, exclude) {
+  return typeof exclude === "string" ? name.includes(exclude) : exclude.test(name);
 }
 function _isBlockedElement(element, blockClass, blockSelector) {
   try {
@@ -1040,7 +1026,8 @@ function serializeNode(n, options) {
     mirror,
     blockClass,
     blockSelector,
-    ignoreAttribute,
+    excludeAttribute,
+    includeAttribute,
     needsMask,
     inlineStylesheet,
     maskInputOptions = {},
@@ -1086,7 +1073,8 @@ function serializeNode(n, options) {
         doc,
         blockClass,
         blockSelector,
-        ignoreAttribute,
+        excludeAttribute,
+        includeAttribute,
         inlineStylesheet,
         maskInputOptions,
         maskInputFn,
@@ -1164,7 +1152,8 @@ function serializeElementNode(n, options) {
     doc,
     blockClass,
     blockSelector,
-    ignoreAttribute,
+    excludeAttribute,
+    includeAttribute,
     inlineStylesheet,
     maskInputOptions = {},
     maskInputFn,
@@ -1178,7 +1167,22 @@ function serializeElementNode(n, options) {
   } = options;
   const needBlock = _isBlockedElement(n, blockClass, blockSelector);
   const tagName = getValidTagName(n);
-  let attributes = cleanAttributes(doc, n, ignoreAttribute);
+  let attributes = {};
+  const len = n.attributes.length;
+  for (let i = 0; i < len; i++) {
+    const attr = n.attributes[i];
+    if (isExcludeAttribute(attr.name, excludeAttribute) && !isIncludeAttribute(attr.name, includeAttribute)) {
+      continue;
+    }
+    if (!ignoreAttribute(tagName, attr.name, attr.value)) {
+      attributes[attr.name] = transformAttribute(
+        doc,
+        tagName,
+        toLowerCase(attr.name),
+        attr.value
+      );
+    }
+  }
   if (tagName === "link" && inlineStylesheet) {
     const stylesheet = Array.from(doc.styleSheets).find((s) => {
       return s.href === n.href;
@@ -1392,7 +1396,8 @@ function serializeNodeWithId(n, options) {
     blockSelector,
     maskTextClass,
     maskTextSelector,
-    ignoreAttribute,
+    excludeAttribute,
+    includeAttribute,
     skipChild = false,
     inlineStylesheet = true,
     maskInputOptions = {},
@@ -1427,7 +1432,8 @@ function serializeNodeWithId(n, options) {
     mirror,
     blockClass,
     blockSelector,
-    ignoreAttribute,
+    excludeAttribute,
+    includeAttribute,
     needsMask,
     inlineStylesheet,
     maskInputOptions,
@@ -1480,7 +1486,8 @@ function serializeNodeWithId(n, options) {
       needsMask,
       maskTextClass,
       maskTextSelector,
-      ignoreAttribute,
+      excludeAttribute,
+      includeAttribute,
       skipChild,
       inlineStylesheet,
       maskInputOptions,
@@ -1540,7 +1547,8 @@ function serializeNodeWithId(n, options) {
             needsMask,
             maskTextClass,
             maskTextSelector,
-            ignoreAttribute,
+            excludeAttribute,
+            includeAttribute,
             skipChild: false,
             inlineStylesheet,
             maskInputOptions,
@@ -1582,7 +1590,8 @@ function serializeNodeWithId(n, options) {
             needsMask,
             maskTextClass,
             maskTextSelector,
-            ignoreAttribute,
+            excludeAttribute,
+            includeAttribute,
             skipChild: false,
             inlineStylesheet,
             maskInputOptions,
@@ -1620,7 +1629,8 @@ function snapshot(n, options) {
     blockSelector = null,
     maskTextClass = "rr-mask",
     maskTextSelector = null,
-    ignoreAttribute = "rr-ignore",
+    excludeAttribute = /^$a/,
+    includeAttribute = /.+/i,
     inlineStylesheet = true,
     inlineImages = false,
     recordCanvas = false,
@@ -1680,7 +1690,8 @@ function snapshot(n, options) {
     blockSelector,
     maskTextClass,
     maskTextSelector,
-    ignoreAttribute,
+    excludeAttribute,
+    includeAttribute,
     skipChild: false,
     inlineStylesheet,
     maskInputOptions,
@@ -5727,6 +5738,7 @@ exports.fixSafariColons = fixSafariColons;
 exports.genId = genId;
 exports.getInputType = getInputType;
 exports.getXPath = getXPath;
+exports.ignoreAttribute = ignoreAttribute;
 exports.interactiveEvents = interactiveEvents;
 exports.interactiveTags = interactiveTags;
 exports.is2DCanvasBlank = is2DCanvasBlank;
@@ -5735,7 +5747,8 @@ exports.isCSSStyleRule = isCSSStyleRule;
 exports.isElement = isElement;
 exports.isElementInteractive = isElementInteractive;
 exports.isElementVisible = isElementVisible;
-exports.isIgnoreAttribute = isIgnoreAttribute;
+exports.isExcludeAttribute = isExcludeAttribute;
+exports.isIncludeAttribute = isIncludeAttribute;
 exports.isNativeShadowDom = isNativeShadowDom;
 exports.isNodeMetaEqual = isNodeMetaEqual;
 exports.isShadowRoot = isShadowRoot;