fix

Author: zbeyens

.changeset/warm-waves-punch.md

@@ -0,0 +1,5 @@
+---
+'@udecode/plate-markdown': patch
+---
+
+Critical fix(`deserializeMd`): input `>`, `>>`, `>>>` should be deserialized to a single `blockquote` with empty text node.

packages/markdown/src/lib/deserializer/utils/deserializeMd.spec.tsx

@@ -14,6 +14,46 @@ describe('deserializeMd', () => {
     plugins: [MarkdownPlugin],
   });
 
+  it('should deserialize >>> to blockquote', () => {
+    const input = '>>>a';
+
+    const output = (
+      <fragment>
+        <hblockquote>
+          <htext>a</htext>
+        </hblockquote>
+      </fragment>
+    );
+
+    expect(deserializeMd(editor, input)).toEqual(output);
+  });
+
+  it('should deserialize empty blockquotes', () => {
+    const input = '>';
+
+    const output = (
+      <fragment>
+        <hblockquote>
+          <htext />
+        </hblockquote>
+      </fragment>
+    );
+
+    expect(deserializeMd(editor, input)).toEqual(output);
+  });
+
+  it('should deserialize "> " as blockquotes', () => {
+    const input = '> Blockquote content';
+
+    const output = (
+      <fragment>
+        <hblockquote>Blockquote content</hblockquote>
+      </fragment>
+    );
+
+    expect(deserializeMd(editor, input)).toEqual(output);
+  });
+
   it('should deserialize paragraphs', () => {
     const input =
       'Paragraph 1 line 1\nParagraph 1 line 2\n\nParagraph 2 line 1';
@@ -411,7 +451,7 @@ describe('deserializeMdIndentList', () => {
         type: 'p',
       },
       {
-        children: [],
+        children: [{ text: '' }],
         indent: 1,
         listStyleType: 'disc',
         type: 'p',

packages/markdown/src/lib/remark-slate/remarkDefaultElementRules.ts

@@ -9,10 +9,19 @@ import { remarkTransformNode } from './remarkTransformNode';
 export const remarkDefaultElementRules: RemarkElementRules = {
   blockquote: {
     transform: (node, options) => {
+      const children = node.children?.length
+        ? node.children.flatMap((paragraph) =>
+            remarkTransformElementChildren(paragraph, options)
+          )
+        : [{ text: '' }];
+
+      // Flatten nested blockquotes (e.g. >>>)
+      const flattenedChildren = children.flatMap((child: any) =>
+        child.type ? child.children : [child]
+      );
+
       return {
-        children: node.children!.flatMap((paragraph) =>
-          remarkTransformElementChildren(paragraph, options)
-        ),
+        children: flattenedChildren,
         type: options.editor.getType({ key: 'blockquote' }),
       };
     },

packages/markdown/src/lib/remark-slate/remarkTransformElementChildren.ts

@@ -10,7 +10,9 @@ export const remarkTransformElementChildren = (
 ): TDescendant[] => {
   const { children } = node;
 
-  if (!children) return [];
+  if (!children || children.length === 0) {
+    return [{ text: '' }];
+  }
 
   return children.flatMap((child) => remarkTransformNode(child, options));
 };