From 6f4c83a89aebbf5ba8db32476cf0defc333512c0 Mon Sep 17 00:00:00 2001
From: Dimitri POSTOLOV <en3m@ya.ru>
Date: Sat, 4 May 2024 14:20:24 +0200
Subject: [PATCH] fix unclickable links in TOC / allow passing `recmaPlugins`
 in `mdxOptions` (#2866)

aa
---
 .changeset/pretty-tips-refuse.md                    | 8 ++++++++
 packages/nextra-theme-docs/src/components/bleed.tsx | 1 +
 packages/nextra-theme-docs/src/components/toc.tsx   | 3 +--
 packages/nextra/src/server/compile.ts               | 4 +++-
 packages/nextra/src/server/schemas.ts               | 1 +
 5 files changed, 14 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/pretty-tips-refuse.md

diff --git a/.changeset/pretty-tips-refuse.md b/.changeset/pretty-tips-refuse.md
new file mode 100644
index 0000000000..579dee7d1c
--- /dev/null
+++ b/.changeset/pretty-tips-refuse.md
@@ -0,0 +1,8 @@
+---
+'nextra-theme-docs': patch
+'nextra': patch
+---
+
+fix unclickable links in TOC
+
+allow passing `recmaPlugins` in `mdxOptions`
diff --git a/packages/nextra-theme-docs/src/components/bleed.tsx b/packages/nextra-theme-docs/src/components/bleed.tsx
index 5e6c6cb508..cbcb3892e0 100644
--- a/packages/nextra-theme-docs/src/components/bleed.tsx
+++ b/packages/nextra-theme-docs/src/components/bleed.tsx
@@ -12,6 +12,7 @@ export function Bleed({
     <div
       className={cn(
         'nextra-bleed _relative _-mx-6 _mt-6 md:_-mx-8 2xl:_-mx-24',
+        '_z-[1]', // for firefox https://github.com/shuding/nextra/issues/2824
         full && [
           // 'md:mx:[calc(-50vw+50%+8rem)',
           'ltr:xl:_ml-[calc(50%-50vw+16rem)] ltr:xl:_mr-[calc(50%-50vw)]',
diff --git a/packages/nextra-theme-docs/src/components/toc.tsx b/packages/nextra-theme-docs/src/components/toc.tsx
index a1d260b381..6df847f5f1 100644
--- a/packages/nextra-theme-docs/src/components/toc.tsx
+++ b/packages/nextra-theme-docs/src/components/toc.tsx
@@ -56,8 +56,7 @@ export function TOC({ toc, filePath }: TOCProps): ReactElement {
     <div
       className={cn(
         'nextra-scrollbar _sticky _top-16 _overflow-y-auto _pr-4 _pt-6 _text-sm [hyphens:auto]',
-        '_max-h-[calc(100vh-var(--nextra-navbar-height)-env(safe-area-inset-bottom))] ltr:_-mr-4 rtl:_-ml-4',
-        '_z-[-1]' // for firefox https://github.com/shuding/nextra/issues/2824
+        '_max-h-[calc(100vh-var(--nextra-navbar-height)-env(safe-area-inset-bottom))] ltr:_-mr-4 rtl:_-ml-4'
       )}
     >
       {hasHeadings && (
diff --git a/packages/nextra/src/server/compile.ts b/packages/nextra/src/server/compile.ts
index 1f89e6c5ca..d24998e57c 100644
--- a/packages/nextra/src/server/compile.ts
+++ b/packages/nextra/src/server/compile.ts
@@ -107,6 +107,7 @@ export async function compileMdx(
     outputFormat = 'function-body',
     remarkPlugins,
     rehypePlugins,
+    recmaPlugins,
     rehypePrettyCodeOptions
   }: MdxOptions = mdxOptions
 
@@ -344,7 +345,8 @@ export async function compileMdx(
             }
           }
         }) satisfies Plugin<[], Program>,
-        isRemoteContent ? recmaRewriteFunctionBody : recmaRewriteJsx
+        isRemoteContent ? recmaRewriteFunctionBody : recmaRewriteJsx,
+        ...(recmaPlugins || [])
       ].filter(truthy)
     })
   }
diff --git a/packages/nextra/src/server/schemas.ts b/packages/nextra/src/server/schemas.ts
index d6c4ea53ce..502f4ce935 100644
--- a/packages/nextra/src/server/schemas.ts
+++ b/packages/nextra/src/server/schemas.ts
@@ -102,6 +102,7 @@ export const nextraConfigSchema = z
     mdxOptions: z.strictObject({
       rehypePlugins: z.custom<ProcessorOptions['rehypePlugins']>(),
       remarkPlugins: z.custom<ProcessorOptions['remarkPlugins']>(),
+      recmaPlugins: z.custom<ProcessorOptions['recmaPlugins']>(),
       format: z.enum(['detect', 'mdx', 'md']),
       rehypePrettyCodeOptions: z.custom<RehypePrettyCodeOptions>()
     })