Fumadocs wrangler setup

Author: Thereallo1026

docs/.gitignore

@@ -26,4 +26,5 @@ yarn-error.log*
 next-env.d.ts
 
 # opennext
-.open-next/
+.open-next/
+.wrangler/

docs/next.config.mjs

@@ -8,7 +8,6 @@ const root = path.resolve(import.meta.dirname, "..");
 /** @type {import('next').NextConfig} */
 const config = {
   reactStrictMode: true,
-  outputFileTracingRoot: root,
   turbopack: {
     root,
   },

docs/open-next.config.ts

@@ -1,3 +1,6 @@
 import { defineCloudflareConfig } from "@opennextjs/cloudflare";
 
-export default defineCloudflareConfig({});
+export default {
+  ...defineCloudflareConfig({}),
+  appPath: ".",
+};

docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shape-morph",
-  "version": "0.0.0",
+  "version": "0.4.0",
   "private": true,
   "scripts": {
     "build": "next build",

docs/source.config.ts

@@ -1,5 +1,7 @@
+import path from "node:path";
 import { metaSchema, pageSchema } from "fumadocs-core/source/schema";
 import { defineConfig, defineDocs } from "fumadocs-mdx/config";
+import { remarkAutoTypeTable } from "fumadocs-typescript";
 
 // You can customise Zod schemas for frontmatter and `meta.json` here
 // see https://fumadocs.dev/docs/mdx/collections
@@ -18,6 +20,11 @@ export const docs = defineDocs({
 
 export default defineConfig({
   mdxOptions: {
-    // MDX options
+    remarkPlugins: [
+      [
+        remarkAutoTypeTable,
+        { name: "AutoTypeTable", options: { basePath: path.resolve(".") } },
+      ],
+    ],
   },
 });

docs/src/app/(home)/page.tsx

@@ -3,7 +3,7 @@ import type { Metadata } from "next";
 import Link from "next/link";
 import { MorphBackground } from "@/components/morph-background";
 import { ScatteredShapes } from "@/components/scattered-shapes";
-import packageJson from "../../../../package.json";
+import packageJson from "../../../package.json";
 
 export const metadata: Metadata = {
   openGraph: {

docs/src/app/layout.tsx

@@ -9,6 +9,7 @@ const googleSans = Google_Sans({
 });
 
 export const metadata: Metadata = {
+  metadataBase: new URL("https://shape-morph.thereallo.dev"),
   title: {
     default: "shape-morph",
     template: "%s | shape-morph",

docs/src/mdx-components.tsx

@@ -1,23 +1,13 @@
-import {
-  createFileSystemGeneratorCache,
-  createGenerator,
-} from "fumadocs-typescript";
-import { AutoTypeTable } from "fumadocs-typescript/ui";
+import { TypeTable } from "fumadocs-ui/components/type-table";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 import type { MDXComponents } from "mdx/types";
 import { ShapeGallery } from "@/components/shape-gallery";
 
-const generator = createGenerator({
-  cache: createFileSystemGeneratorCache(".next/fumadocs-typescript"),
-});
-
 export function getMDXComponents(components?: MDXComponents): MDXComponents {
   return {
     ...defaultMdxComponents,
     ShapeGallery,
-    AutoTypeTable: (props) => (
-      <AutoTypeTable {...props} generator={generator} />
-    ),
+    TypeTable,
     ...components,
   };
 }