Preprocess imported Markdown snippets

integration-tests/e2e/mdx-imports/mdx-imports.test.ts

@@ -43,6 +43,14 @@ test.describe('MDX imports', () => {
     expect(html).toContain('Delightful docs. Mintlify drop in replacement as a Vite plugin')
   })
 
+  test('renders nested imports inside imported .md snippets', async ({ request }) => {
+    const response = await request.get('/')
+    expect(response.status()).toBe(200)
+    const html = await response.text()
+    expect(html).toContain('Outer imported markdown body.')
+    expect(html).toContain('Nested imported markdown works in the browser.')
+  })
+
   test('renders named import from /components/', async ({ request }) => {
     const response = await request.get('/')
     expect(response.status()).toBe(200)

integration-tests/fixtures/mdx-imports/index.mdx

@@ -7,6 +7,7 @@ import { CustomBadge } from '/components/custom-badge'
 import Alert from '/snippets/alert'
 import MarkdownSnippet from '/snippets/plain-markdown.md'
 import RootReadme from '../../../README.md'
+import NestedMarkdown from '/snippets/nested-outer.md'
 
 <Above>
 
@@ -27,3 +28,5 @@ This page tests MDX import resolution.
 <MarkdownSnippet />
 
 <RootReadme />
+
+<NestedMarkdown />

integration-tests/fixtures/mdx-imports/snippets/nested-inner.md

@@ -0,0 +1 @@
+Nested imported markdown works in the browser.

integration-tests/fixtures/mdx-imports/snippets/nested-outer.md

@@ -0,0 +1,5 @@
+import Inner from './nested-inner.md'
+
+Outer imported markdown body.
+
+<Inner />