Merge pull request #124 from code0-tech/feat/updates

Update imports and dependencies for improved functionality

Author: nicosammito

app/[...slug]/layout.tsx

@@ -1,5 +1,5 @@
 import '../global.css';
-import {RootProvider} from 'fumadocs-ui/provider';
+import {RootProvider} from 'fumadocs-ui/provider/next';
 import {Inter} from 'next/font/google';
 import type {ReactNode} from 'react';
 import {source} from "@/lib/source";

app/[...slug]/page.tsx

@@ -56,16 +56,28 @@ export async function generateMetadata(props: {
     };
 }
 
+type InferSource = typeof source;
+type InferPage = NonNullable<ReturnType<typeof source.getPage>>;
+
 function createRelativeLinkWithFilenameOnly(
-    source: LoaderOutput<LoaderConfig>,
-    page: Page,
+    sourceInst: InferSource,
+    page: InferPage,
 ): FC<ComponentProps<'a'>> {
-    return async function RelativeLink({href, ...props}) {
-        const relativeLink = createRelativeLink(source, page)
-        // support filename-only links
-        if (href && (!href.startsWith('http') && href.endsWith('.md'))) {
-            return relativeLink({href: `./${href}`, ...props});
+    const RelativeLinkBase = createRelativeLink(sourceInst, page);
+
+    return function RelativeLink({ href, ...props }) {
+        if (!href || href.startsWith('http')) {
+            return <RelativeLinkBase {...props} href={href} />;
         }
-        return relativeLink({href, ...props});
+
+        let finalHref = href;
+
+        const [path, hash] = href.split('#');
+
+        if (path.endsWith('.md')) {
+            finalHref = `./${path}${hash ? `#${hash.toLowerCase()}` : ''}`;
+        }
+
+        return <RelativeLinkBase {...props} href={finalHref} />;
     };
 }

lib/source.ts

@@ -1,9 +1,17 @@
-import {docs} from '@/.source';
+import {docs} from '@/.source/server';
 import {loader} from 'fumadocs-core/source';
+import * as tablerIcons from '@tabler/icons-react';
+import { createElement } from 'react';
 
 // See https://fumadocs.vercel.app/docs/headless/source-api for more info
 export const source = loader({
     // it assigns a URL to your pages
     baseUrl: '/',
     source: docs.toFumadocsSource(),
+    icon(icon) {
+        const tablerName = `${icon}`;
+        if (tablerName in tablerIcons) {
+            return createElement(tablerIcons[tablerName as keyof typeof tablerIcons] as any);
+        }
+    }
 });