fix(stringify): nested lists

Author: farnabaz

src/runtime/stringify/mdc-remark.ts

@@ -198,17 +198,30 @@ const mdcRemarkHandlers: Record<string, (state: State, node: Parents, parent: Pa
       children: state.toFlow(state.all(node)),
     }
   },
+  'li': (state: State, node: Parents) => {
+    const result = defaultHandlers.li(state, node as Element)
+
+    if (result.children[0]?.type === 'paragraph') {
+      const paragraph = result.children[0]!
+      const lastChild = paragraph.children[paragraph.children.length - 1] as Text
+      if (lastChild?.type === 'text' && lastChild.value?.endsWith('\n')) {
+        lastChild.value = lastChild.value.trim()
+      }
+    }
+
+    return result
+  },
   'ul': (state: State, node: Parents, parent: Parents | undefined) => {
     const result = defaultHandlers.ul(state, node as Element)
 
-    return parent?.tagName === 'p'
+    return ['p', 'li'].includes(parent?.tagName || '')
       ? result
       : { type: 'paragraph', children: [result] }
   },
   'ol': (state: State, node: Parents, parent: Parents | undefined) => {
     const result = defaultHandlers.ol(state, node as Element)
 
-    return parent?.tagName === 'p'
+    return ['p', 'li'].includes(parent?.tagName || '')
       ? result
       : { type: 'paragraph', children: [result] }
   },

test/stringify/ul.test.ts

@@ -0,0 +1,17 @@
+import { expect, test, describe } from 'vitest'
+import { parseMarkdown, stringifyMarkdown } from '../utils/parser'
+
+describe('stringify unordered list (ul)', () => {
+  test('should stringify ul correctly', async () => {
+    const md = [
+      '- This is a list item.',
+      '  - This is a CHILD list item.',
+      '    - This is a GRANDCHILD list item.',
+      '',
+    ].join('\n')
+    const { body } = await parseMarkdown(md)
+    // console.log(JSON.stringify(body, null, 2))
+    const result = await stringifyMarkdown(body)
+    expect(result).toBe(md)
+  })
+})