TypeScript: Support remarkAutoTypeTable plugin

Author: fuma-nama

.changeset/open-mangos-stick.md

@@ -0,0 +1,5 @@
+---
+'fumadocs-typescript': minor
+---
+
+Support `remarkAutoTypeTable` plugin, deprecate MDX generator in favour of new remark plugin

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

@@ -501,6 +501,7 @@ function Feedback() {
             alt="avatar"
             width="32"
             height="32"
+            unoptimized
             className="size-8 rounded-full"
           />
           <div>

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

@@ -40,7 +40,6 @@ function PreviewRenderer({ preview }: { preview: string }): ReactNode {
   return null;
 }
 
-export const dynamicParams = false;
 export const revalidate = false;
 
 export default async function Page(props: {
@@ -134,6 +133,6 @@ export async function generateMetadata(props: {
   );
 }
 
-export function generateStaticParams(): { slug: string[] }[] {
+export function generateStaticParams() {
   return source.generateParams();
 }

apps/docs/content/docs/ui/components/auto-type-table.mdx

@@ -119,7 +119,7 @@ export interface MyInterface {
 
 ### References
 
-<AutoTypeTable path="./content/docs/ui/props.ts" name="AutoTypeTableProps" />
+<auto-type-table path="../props.ts" name="AutoTypeTableProps" />
 
 ### File System
 

apps/docs/content/docs/ui/navigation.mdx

@@ -267,7 +267,7 @@ Using Next.js Route Group, you can still access the same page with same URL. For
   </Folder>
 </Files>
 
-<Callout title="warn">
+<Callout type="warn">
   Ensure **there's no duplicated page** with the same URL in the catch-all route
   `[[...slug]]/page.tsx`. In the above example, a MDX file with the path
   `content/docs/index.mdx` will produce errors.

apps/docs/source.config.ts

@@ -16,6 +16,7 @@ import {
 import rehypeKatex from 'rehype-katex';
 import { z } from 'zod';
 import { rehypeCodeDefaultOptions } from 'fumadocs-core/mdx-plugins';
+import { remarkAutoTypeTable } from 'fumadocs-typescript';
 
 export const docs = defineDocs({
   docs: {
@@ -82,6 +83,7 @@ export default defineConfig({
     },
     remarkPlugins: [
       remarkMath,
+      remarkAutoTypeTable,
       [remarkInstall, { persist: { id: 'package-manager' } }],
       [remarkDocGen, { generators: [fileGenerator()] }],
       remarkTypeScriptToJavaScript,

packages/typescript/package.json

@@ -35,14 +35,18 @@
     "types:check": "tsc --noEmit"
   },
   "dependencies": {
+    "estree-util-value-to-estree": "^3.3.2",
     "fast-glob": "^3.3.3",
+    "hast-util-to-estree": "^3.1.2",
     "hast-util-to-jsx-runtime": "^2.3.5",
     "remark": "^15.0.1",
     "remark-rehype": "^11.1.1",
     "shiki": "^3.1.0",
-    "ts-morph": "^25.0.1"
+    "ts-morph": "^25.0.1",
+    "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
+    "@mdx-js/mdx": "^3.1.0",
     "@types/estree": "^1.0.6",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.3",
@@ -53,7 +57,8 @@
     "fumadocs-core": "workspace:*",
     "fumadocs-ui": "workspace:*",
     "tsconfig": "workspace:*",
-    "typescript": "^5.7.3"
+    "typescript": "^5.7.3",
+    "unified": "^11.0.5"
   },
   "peerDependencies": {
     "typescript": "*"

packages/typescript/src/index.ts

@@ -1,5 +1,6 @@
-export * from './generate/base';
-export * from './generate/mdx';
-export * from './generate/file';
+export * from '@/lib/base';
+export * from '@/lib/mdx';
+export * from '@/lib/file';
 export { renderMarkdownToHast } from './markdown';
 export { getProject } from './get-project';
+export * from '@/lib/remark-auto-type-table';