Apply formatting changes

Author: jaj1014

packages/rrdom/src/diff.ts

@@ -383,7 +383,7 @@ function diffChildren(
       nodeMatching(oldEndNode, newStartNode, replayer.mirror, rrnodeMirror)
     ) {
       try {
-        handleInsertBefore(oldTree, oldEndNode, oldStartNode)
+        handleInsertBefore(oldTree, oldEndNode, oldStartNode);
       } catch (e) {
         console.warn(e);
       }
@@ -577,7 +577,9 @@ export function nodeMatching(
 /**
  * Copies CSSRules and their position from HTML style element which don't exist in it's innerText
  */
-export function getInsertedStylesFromElement(styleElement: HTMLStyleElement): Array<{ index: number, cssRuleText: string}> | undefined {
+export function getInsertedStylesFromElement(
+  styleElement: HTMLStyleElement,
+): Array<{ index: number; cssRuleText: string }> | undefined {
   const elementCssRules = styleElement.sheet?.cssRules;
   if (!elementCssRules || !elementCssRules.length) return;
   // style sheet w/ innerText styles to diff with actual and get only inserted styles
@@ -587,7 +589,8 @@ export function getInsertedStylesFromElement(styleElement: HTMLStyleElement): Ar
   const innerTextStylesMap: { [key: string]: CSSRule } = {};
 
   for (let i = 0; i < tempStyleSheet.cssRules.length; i++) {
-    innerTextStylesMap[tempStyleSheet.cssRules[i].cssText] = tempStyleSheet.cssRules[i];
+    innerTextStylesMap[tempStyleSheet.cssRules[i].cssText] =
+      tempStyleSheet.cssRules[i];
   }
 
   const insertedStylesStyleSheet = [];
@@ -598,7 +601,7 @@ export function getInsertedStylesFromElement(styleElement: HTMLStyleElement): Ar
     if (!innerTextStylesMap[cssRuleText]) {
       insertedStylesStyleSheet.push({
         index: i,
-        cssRuleText
+        cssRuleText,
       });
     }
   }
@@ -610,11 +613,17 @@ export function getInsertedStylesFromElement(styleElement: HTMLStyleElement): Ar
  * Conditionally copy insertedStyles for STYLE nodes and apply after calling insertBefore'
  * For non-STYLE nodes, just insertBefore
  */
-function handleInsertBefore(oldTree: Node, nodeToMove: Node, insertBeforeNode: Node | null): void {
+function handleInsertBefore(
+  oldTree: Node,
+  nodeToMove: Node,
+  insertBeforeNode: Node | null,
+): void {
   let insertedStyles;
 
   if (nodeToMove.nodeName === 'STYLE') {
-    insertedStyles = getInsertedStylesFromElement(nodeToMove as HTMLStyleElement);
+    insertedStyles = getInsertedStylesFromElement(
+      nodeToMove as HTMLStyleElement,
+    );
   }
 
   oldTree.insertBefore(nodeToMove, insertBeforeNode);

packages/rrweb/test/events/moving-style-sheet-on-diff.ts

@@ -158,9 +158,7 @@ const events: eventWithTime[] = [
       source: IncrementalSource.Mutation,
       texts: [],
       attributes: [],
-      removes: [
-        { parentId: 4, id: 7 }
-      ],
+      removes: [{ parentId: 4, id: 7 }],
       adds: [
         {
           parentId: 4,