fixup! feat(text-editor): add removeEmptyParagraphs prop

Author: Kiarokh

src/components/markdown/remove-empty-paragraphs-plugin.spec.ts

@@ -14,11 +14,9 @@ describe('remove empty paragraphs plugin', () => {
             createParagraph(),
             createParagraph([createText('   ')]),
             createParagraph([createText('\n')]),
-            createParagraph([createText('\u00a0')]),
+            createParagraph([createText('\u00A0')]),
             createParagraph([createElement('span')]),
-            createParagraph([
-                createElement('span', [createText('\u00a0')]),
-            ]),
+            createParagraph([createElement('span', [createText('\u00A0')])]),
         ]);
 
         runPlugin(tree, true);

src/components/markdown/remove-empty-paragraphs-plugin.ts

@@ -1,9 +1,7 @@
 import { Plugin, Transformer } from 'unified';
 import { Node } from 'unist';
 
-export const createRemoveEmptyParagraphsPlugin = (
-    enabled = false
-): Plugin => {
+export const createRemoveEmptyParagraphsPlugin = (enabled = false): Plugin => {
     return (): Transformer => {
         if (!enabled) {
             return (tree: Node) => tree;
@@ -17,7 +15,7 @@ export const createRemoveEmptyParagraphsPlugin = (
     };
 };
 
-const NBSP_REGEX = /\u00a0/g;
+const NBSP_REGEX = /\u00A0/g;
 const MEANINGFUL_VOID_ELEMENTS = new Set([
     'audio',
     'canvas',
@@ -37,14 +35,18 @@ const pruneEmptyParagraphs = (node: any, parent: any) => {
         return;
     }
 
-    if (node.type === 'element' && node.tagName === 'p' && parent) {
-        if (isParagraphEffectivelyEmpty(node) && Array.isArray(parent.children)) {
-            const index = parent.children.indexOf(node);
-
-            if (index !== -1) {
-                parent.children.splice(index, 1);
-                return;
-            }
+    if (
+        node.type === 'element' &&
+        node.tagName === 'p' &&
+        parent &&
+        isParagraphEffectivelyEmpty(node) &&
+        Array.isArray(parent.children)
+    ) {
+        const index = parent.children.indexOf(node);
+
+        if (index !== -1) {
+            parent.children.splice(index, 1);
+            return;
         }
     }
 
@@ -62,7 +64,9 @@ const isParagraphEffectivelyEmpty = (element: any): boolean => {
         return true;
     }
 
-    return element.children.every((child: any) => isNodeEffectivelyEmpty(child));
+    return element.children.every((child: any) =>
+        isNodeEffectivelyEmpty(child)
+    );
 };
 
 const isNodeEffectivelyEmpty = (node: any): boolean => {
@@ -98,7 +102,9 @@ const isNodeEffectivelyEmpty = (node: any): boolean => {
             return true;
         }
 
-        return element.children.every((child: any) => isNodeEffectivelyEmpty(child));
+        return element.children.every((child: any) =>
+            isNodeEffectivelyEmpty(child)
+        );
     }
 
     return true;
@@ -109,5 +115,5 @@ const isWhitespace = (value: string): boolean => {
         return true;
     }
 
-    return value.replace(NBSP_REGEX, ' ').trim() === '';
+    return value.replaceAll(NBSP_REGEX, ' ').trim() === '';
 };