From 543607d20fe73046c79f3a8b461fce7b7075354e Mon Sep 17 00:00:00 2001
From: sebastien <lorber.sebastien@gmail.com>
Date: Thu, 20 Jun 2024 19:15:15 +0200
Subject: [PATCH] support indented mdx code blocks

---
 .../src/__tests__/markdownUtils.test.ts       | 30 +++++++++++++++++++
 .../docusaurus-utils/src/markdownUtils.ts     |  4 +--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/packages/docusaurus-utils/src/__tests__/markdownUtils.test.ts b/packages/docusaurus-utils/src/__tests__/markdownUtils.test.ts
index 016f89688faa..96f94fa59536 100644
--- a/packages/docusaurus-utils/src/__tests__/markdownUtils.test.ts
+++ b/packages/docusaurus-utils/src/__tests__/markdownUtils.test.ts
@@ -1229,6 +1229,36 @@ text\r
     `);
   });
 
+  it('can unwrap indented mdx code block', () => {
+    expect(
+      unwrapMdxCodeBlocks(dedent`
+        # Title
+
+        <div>
+            \`\`\`mdx-code-block
+            content
+            \`\`\`
+        </div>
+
+          \`\`\`\`mdx-code-block
+          content2
+          \`\`\`\`
+
+        text
+    `),
+    ).toEqual(dedent`
+      # Title
+
+      <div>
+          content
+      </div>
+
+        content2
+
+      text
+    `);
+  });
+
   it('works for realistic example', () => {
     expect(
       unwrapMdxCodeBlocks(dedent`
diff --git a/packages/docusaurus-utils/src/markdownUtils.ts b/packages/docusaurus-utils/src/markdownUtils.ts
index 2fd563c3bb10..1fe1a73e8782 100644
--- a/packages/docusaurus-utils/src/markdownUtils.ts
+++ b/packages/docusaurus-utils/src/markdownUtils.ts
@@ -70,9 +70,9 @@ export function escapeMarkdownHeadingIds(content: string): string {
 export function unwrapMdxCodeBlocks(content: string): string {
   // We only support 3/4 backticks on purpose, should be good enough
   const regexp3 =
-    /(?<begin>^|\r?\n)```(?<spaces>\x20*)mdx-code-block\r?\n(?<children>.*?)\r?\n```(?<end>\r?\n|$)/gs;
+    /(?<begin>^|\r?\n)(?<indentStart>\x20*)```(?<spaces>\x20*)mdx-code-block\r?\n(?<children>.*?)\r?\n(?<indentEnd>\x20*)```(?<end>\r?\n|$)/gs;
   const regexp4 =
-    /(?<begin>^|\r?\n)````(?<spaces>\x20*)mdx-code-block\r?\n(?<children>.*?)\r?\n````(?<end>\r?\n|$)/gs;
+    /(?<begin>^|\r?\n)(?<indentStart>\x20*)````(?<spaces>\x20*)mdx-code-block\r?\n(?<children>.*?)\r?\n(?<indentEnd>\x20*)````(?<end>\r?\n|$)/gs;
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const replacer = (substring: string, ...args: any[]) => {