prettier format

Author: FANCaipei

packages/rrweb-snapshot/src/index.ts

@@ -8,7 +8,7 @@ import snapshot, {
   classMatchesRegex,
   IGNORED_NODE,
   genId,
-  getMatchedCustomMaskTextFn
+  getMatchedCustomMaskTextFn,
 } from './snapshot';
 import rebuild, {
   buildNodeWithSN,
@@ -33,5 +33,5 @@ export {
   classMatchesRegex,
   IGNORED_NODE,
   genId,
-  getMatchedCustomMaskTextFn
+  getMatchedCustomMaskTextFn,
 };

packages/rrweb-snapshot/src/snapshot.ts

@@ -23,9 +23,7 @@ import {
   getInputType,
 } from './utils';
 
-import {
-  maskTextRule
-} from '@rrweb/types';
+import { maskTextRule } from '@rrweb/types';
 
 let _id = 1;
 const tagNameRegex = new RegExp('[^a-z0-9-_:]');
@@ -321,7 +319,7 @@ export function needMaskingText(
   node: Node,
   maskTextClass: string | RegExp,
   maskTextSelector: string | null,
-  customMaskTextRule: maskTextRule[]
+  customMaskTextRule: maskTextRule[],
 ): boolean {
   try {
     const el: HTMLElement | null =
@@ -341,8 +339,8 @@ export function needMaskingText(
       if (el.matches(maskTextSelector)) return true;
       if (el.closest(maskTextSelector)) return true;
     }
-    if(customMaskTextRule) {
-      for(let rule of customMaskTextRule){
+    if (customMaskTextRule) {
+      for (let rule of customMaskTextRule) {
         if (el.matches(rule.cssSelector)) return true;
         if (el.closest(rule.cssSelector)) return true;
       }
@@ -353,20 +351,23 @@ export function needMaskingText(
   return false;
 }
 
-export function getMatchedCustomMaskTextFn(node: Node, customMaskTextRule: maskTextRule[]): ((originText: string) => string) | null{
+export function getMatchedCustomMaskTextFn(
+  node: Node,
+  customMaskTextRule: maskTextRule[],
+): ((originText: string) => string) | null {
   try {
     const el: HTMLElement | null =
       node.nodeType === node.ELEMENT_NODE
         ? (node as HTMLElement)
         : node.parentElement;
     if (el === null) return null;
 
-    for(let rule of customMaskTextRule){
+    for (let rule of customMaskTextRule) {
       if (el.matches(rule.cssSelector)) return rule.maskFn;
       if (el.closest(rule.cssSelector)) return rule.maskFn;
     }
   } catch (error) {
-    return null
+    return null;
   }
 
   return null;
@@ -578,7 +579,13 @@ function serializeTextNode(
     rootId: number | undefined;
   },
 ): serializedNode {
-  const { maskTextClass, maskTextSelector, customMaskTextRule, maskTextFn, rootId } = options;
+  const {
+    maskTextClass,
+    maskTextSelector,
+    customMaskTextRule,
+    maskTextFn,
+    rootId,
+  } = options;
   // The parent node may not be a html element which has a tagName attribute.
   // So just let it be undefined which is ok in this use case.
   const parentTagName = n.parentNode && (n.parentNode as HTMLElement).tagName;

packages/rrweb/src/record/mutation.ts

@@ -474,8 +474,18 @@ export default class MutationBuffer {
           value !== m.oldValue
         ) {
           let textValue = value;
-          if(needMaskingText(m.target, this.maskTextClass, this.maskTextSelector, this.customMaskTextRule)){
-            const customMaskFn = getMatchedCustomMaskTextFn(m.target, this.customMaskTextRule);
+          if (
+            needMaskingText(
+              m.target,
+              this.maskTextClass,
+              this.maskTextSelector,
+              this.customMaskTextRule,
+            )
+          ) {
+            const customMaskFn = getMatchedCustomMaskTextFn(
+              m.target,
+              this.customMaskTextRule,
+            );
             const maskFn = customMaskFn ?? this.maskTextFn;
             textValue = maskFn ? maskFn(value) : value.replace(/[\S]/g, '*');
           }

packages/rrweb/src/types.ts

@@ -54,7 +54,7 @@ export type recordOptions<T> = {
    * customMaskTextRule has higher priority than maskTextSelector & maskTextFn
    * once one of customMaskTextRule match, maskTextSelector & maskTextFn won't be applied
    */
-  customMaskTextRule?: maskTextRule[],
+  customMaskTextRule?: maskTextRule[];
   maskAllInputs?: boolean;
   maskInputOptions?: MaskInputOptions;
   maskInputFn?: MaskInputFn;
@@ -93,7 +93,7 @@ export type observerParam = {
   ignoreClass: string;
   maskTextClass: maskTextClass;
   maskTextSelector: string | null;
-  customMaskTextRule: maskTextRule[],
+  customMaskTextRule: maskTextRule[];
   maskInputOptions: MaskInputOptions;
   maskInputFn?: MaskInputFn;
   maskTextFn?: MaskTextFn;

packages/rrweb/test/integration.test.ts

@@ -1123,10 +1123,12 @@ describe('record integration tests', function (this: ISuite) {
     await page.goto('about:blank');
     await page.setContent(
       getHtml.call(this, 'mask-text.html', {
-        customMaskTextRule:[{
-          cssSelector: '[data-masking="true"]',
-          maskFn: (t: string) => t.replace(/[a-z]/g, '*')
-        }]
+        customMaskTextRule: [
+          {
+            cssSelector: '[data-masking="true"]',
+            maskFn: (t: string) => t.replace(/[a-z]/g, '*'),
+          },
+        ],
       }),
     );
 

packages/types/src/index.ts

@@ -181,9 +181,9 @@ export type blockClass = string | RegExp;
 export type maskTextClass = string | RegExp;
 
 export type maskTextRule = {
-  cssSelector: string,
-  maskFn: (originText: string) => string
-}
+  cssSelector: string;
+  maskFn: (originText: string) => string;
+};
 
 export type SamplingStrategy = Partial<{
   /**