fix website after fumadocs upgrade

.gitignore

@@ -27,6 +27,7 @@ tmp/
 .pnpm-store
 .turbo
 .env
+.source
 
 # Custom
 *.min.js

biome.json

@@ -3,6 +3,7 @@
   "files": {
     "ignore": [
       ".turbo",
+      ".source",
       "examples/**/prisma/**/*",
       "packages/**/prisma/**/*",
       "packages/plugin-prisma/**/client/**/*",

website/app/api/search/route.ts

@@ -1,10 +1,10 @@
-import { getPages } from '@/app/source';
+import { source } from '@/app/source';
 import { createSearchAPI } from 'fumadocs-core/search/server';
 
 export const { GET } = createSearchAPI('advanced', {
-  indexes: getPages().map((page) => ({
+  indexes: source.getPages().map((page) => ({
     title: page.data.title,
-    structuredData: page.data.exports.structuredData,
+    structuredData: page.data.structuredData,
     id: page.url,
     url: page.url,
   })),

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

@@ -1,36 +1,37 @@
-import { getPage, getPages } from '@/app/source';
+import { source } from '@/app/source';
+import { useMDXComponents } from '@/mdx-components';
 import { DocsBody, DocsPage } from 'fumadocs-ui/page';
 import type { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 
 // biome-ignore lint/suspicious/useAwait: <explanation>
 export default async function Page({ params }: { params: { slug?: string[] } }) {
-  const page = getPage(params.slug);
+  const page = source.getPage(params.slug);
 
   if (page == null) {
     notFound();
   }
 
-  const MDX = page.data.exports.default;
+  const MDX = page.data.body;
 
   return (
-    <DocsPage toc={page.data.exports.toc} full={page.data.full}>
+    <DocsPage toc={page.data.toc} full={page.data.full}>
       <DocsBody>
         <h1>{page.data.title}</h1>
-        <MDX />
+        <MDX components={useMDXComponents({})} />
       </DocsBody>
     </DocsPage>
   );
 }
 
 export async function generateStaticParams() {
-  return getPages().map((page) => ({
+  return source.getPages().map((page) => ({
     slug: page.slugs,
   }));
 }
 
 export function generateMetadata({ params }: { params: { slug?: string[] } }): Metadata {
-  const page = getPage(params.slug);
+  const page = source.getPage(params.slug);
 
   if (page == null) {
     notFound();

website/app/layout.config.tsx

@@ -1,7 +1,9 @@
-import { pageTree } from '@/app/source';
+import { source } from '@/app/source';
 import type { DocsLayoutProps } from 'fumadocs-ui/layout';
 import Image from 'next/image';
 
+source.pageTree;
+
 // shared configuration
 export const baseOptions = {
   githubUrl: 'https://github.com/hayes/pothos',
@@ -25,5 +27,5 @@ export const baseOptions = {
 // docs layout configuration
 export const docsOptions: DocsLayoutProps = {
   ...baseOptions,
-  tree: pageTree,
+  tree: source.pageTree,
 };

website/app/page.tsx

@@ -1,36 +1,36 @@
-import { getPage, getPages } from '@/app/source';
+import { source } from '@/app/source';
+import defaultMdxComponents from 'fumadocs-ui/mdx';
 import { DocsBody, DocsPage } from 'fumadocs-ui/page';
 import type { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 
 // biome-ignore lint/suspicious/useAwait: <explanation>
-export default async function HomePage(_props: { params: { slug?: string[] } }) {
-  const page = getPage([]);
-
-  if (page == null) {
+export default async function HomePage(props: { params: { slug?: string[] } }) {
+  const page = source.getPage(props.params.slug);
+  if (!page) {
     notFound();
   }
 
-  const MDX = page.data.exports.default;
+  const MDX = page.data.body;
 
   return (
-    <DocsPage toc={page.data.exports.toc} full={page.data.full}>
+    <DocsPage toc={page.data.toc}>
       <DocsBody>
         <h1>{page.data.title}</h1>
-        <MDX />
+        <MDX components={{ ...defaultMdxComponents }} />
       </DocsBody>
     </DocsPage>
   );
 }
 
 export async function generateStaticParams() {
-  return getPages().map((page) => ({
+  return source.getPages().map((page) => ({
     slug: page.slugs,
   }));
 }
 
 export function generateMetadata(): Metadata {
-  const page = getPage([]);
+  const page = source.getPage([]);
 
   if (page == null) {
     notFound();

website/app/source.ts

@@ -1,9 +1,8 @@
-import { map } from '@/.map';
+import { docs, meta } from '@/.source';
 import { loader } from 'fumadocs-core/source';
 import { createMDXSource } from 'fumadocs-mdx';
 
-export const { getPage, getPages, pageTree } = loader({
+export const source = loader({
   baseUrl: '/docs',
-  rootDir: 'docs',
-  source: createMDXSource(map),
+  source: createMDXSource(docs, meta),
 });

website/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

website/next.config.mjs

@@ -1,11 +1,6 @@
-import { remarkInstall } from 'fumadocs-docgen';
-import createMDX from 'fumadocs-mdx/config';
+import { createMDX } from 'fumadocs-mdx/next';
 
-const withMDX = createMDX({
-  mdxOptions: {
-    remarkPlugins: [remarkInstall],
-  },
-});
+const withMDX = createMDX();
 
 /** @type {import('next').NextConfig} */
 const config = {

website/package.json

@@ -5,7 +5,8 @@
     "dev": "next dev",
     "next-build": "next build",
     "build-ci": "next build",
-    "start": "next start"
+    "start": "next start",
+    "postinstall": "fumadocs-mdx"
   },
   "engines": {
     "pnpm": ">=9.0.0"

website/source.config.ts

@@ -0,0 +1,10 @@
+import { remarkInstall } from 'fumadocs-docgen';
+import { defineConfig, defineDocs } from 'fumadocs-mdx/config';
+
+export const { docs, meta } = defineDocs();
+
+export default defineConfig({
+  mdxOptions: {
+    remarkPlugins: [remarkInstall],
+  },
+});