Fix indent of JSX in lists in JSX

Closes GH-13. Reviewed-by: Titus Wormer <tituswormer@gmail.com>
syntax-tree · Mar 13, 2024 · 04dffd3 · 04dffd3
1 parent e5b6658
commit 04dffd3
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 1 deletion.
diff --git a/lib/index.js b/lib/index.js
@@ -772,7 +772,9 @@ function containerFlow(parent, state, info) {
 function inferDepth(state) {
   let depth = 0
 
-  for (const x of state.stack) {
+  for (let i = state.stack.length - 1; i >= 0; i--) {
+    const x = state.stack[i]
+    if (x === 'listItem') break
     if (x === 'mdxJsxFlowElement') {
       depth++
     }

diff --git a/test.js b/test.js
@@ -2549,6 +2549,40 @@ test('roundtrip', async function (t) {
       )
     }
   )
+
+  await t.test('should roundtrip `nested JSXs and lists`', async function () {
+    const source = `<JSX>
+  * list item
+
+    <JSX>
+      * list item
+
+        <JSX>
+          <JSX>
+            * list item
+
+              * list item
+
+                <JSX>
+                  content
+                </JSX>
+
+              <JSX>
+                content
+              </JSX>
+          </JSX>
+        </JSX>
+    </JSX>
+
+  <JSX>
+    <JSX>
+      content
+    </JSX>
+  </JSX>
+</JSX>
+`
+    equal(source, source)
+  })
 })
 
 /**