FHIR, API, datamodel

app/(marketing)/documentatie/layout.tsx

@@ -5,7 +5,7 @@
  */
 
 import type { ReactNode } from 'react'
-import { getAllReleases, getCategoryMetadata, type ReleaseNote } from '@/lib/mdx/documentatie'
+import { getAllReleases, getCategoryMetadata, extractHeadings, type ReleaseNote, type TocItem } from '@/lib/mdx/documentatie'
 import ReleaseSidebarWrapper from './components/release-sidebar-wrapper'
 
 interface ReleasesLayoutProps {
@@ -15,10 +15,17 @@ interface ReleasesLayoutProps {
 export default async function ReleasesLayout({ children }: ReleasesLayoutProps) {
   let releases: ReleaseNote[] = []
   let metadata = { groups: [], categories: [] } as Awaited<ReturnType<typeof getCategoryMetadata>>
+  let tocMap: Record<string, TocItem[]> = {}
 
   try {
     releases = await getAllReleases()
     metadata = await getCategoryMetadata()
+
+    // Extract headings for each release
+    tocMap = releases.reduce((acc, release) => {
+      acc[release.slug] = extractHeadings(release.content)
+      return acc
+    }, {} as Record<string, TocItem[]>)
   } catch (error) {
     console.error('Error loading releases or metadata:', error)
   }
@@ -30,7 +37,7 @@ export default async function ReleasesLayout({ children }: ReleasesLayoutProps)
         <div className="max-w-[1600px] mx-auto">
           <div className="flex">
             {/* Sidebar - collapsible on mobile (48px collapsed), fixed on desktop (320px) */}
-            <ReleaseSidebarWrapper releases={releases} metadata={metadata} />
+            <ReleaseSidebarWrapper releases={releases} metadata={metadata} tocMap={tocMap} />
 
             {/* Main Content - margin for collapsed sidebar on mobile, fixed sidebar on desktop */}
             <div className="flex-1 ml-12 lg:ml-80">