feat(docs): add fumadocs-typescript for automatic type table generation

apps/web/.source/browser.ts

@@ -7,6 +7,6 @@ const create = browser<typeof Config, import("fumadocs-mdx/runtime/types").Inter
   }
 }>();
 const browserCollections = {
-  docs: create.doc("docs", {"conditional-logic.mdx": () => import("../content/docs/conditional-logic.mdx?collection=docs"), "configuration.mdx": () => import("../content/docs/configuration.mdx?collection=docs"), "custom-rendering.mdx": () => import("../content/docs/custom-rendering.mdx?collection=docs"), "form-component.mdx": () => import("../content/docs/form-component.mdx?collection=docs"), "index.mdx": () => import("../content/docs/index.mdx?collection=docs"), "installation.mdx": () => import("../content/docs/installation.mdx?collection=docs"), "output-configuration.mdx": () => import("../content/docs/output-configuration.mdx?collection=docs"), "quick-start.mdx": () => import("../content/docs/quick-start.mdx?collection=docs"), "schema.mdx": () => import("../content/docs/schema.mdx?collection=docs"), "validation.mdx": () => import("../content/docs/validation.mdx?collection=docs"), "your-first-form.mdx": () => import("../content/docs/your-first-form.mdx?collection=docs"), "fields/types.mdx": () => import("../content/docs/fields/types.mdx?collection=docs"), "fields/data/checkbox-group.mdx": () => import("../content/docs/fields/data/checkbox-group.mdx?collection=docs"), "fields/data/checkbox.mdx": () => import("../content/docs/fields/data/checkbox.mdx?collection=docs"), "fields/data/date.mdx": () => import("../content/docs/fields/data/date.mdx?collection=docs"), "fields/data/number.mdx": () => import("../content/docs/fields/data/number.mdx?collection=docs"), "fields/data/password.mdx": () => import("../content/docs/fields/data/password.mdx?collection=docs"), "fields/data/radio.mdx": () => import("../content/docs/fields/data/radio.mdx?collection=docs"), "fields/data/select.mdx": () => import("../content/docs/fields/data/select.mdx?collection=docs"), "fields/data/switch.mdx": () => import("../content/docs/fields/data/switch.mdx?collection=docs"), "fields/data/tags.mdx": () => import("../content/docs/fields/data/tags.mdx?collection=docs"), "fields/data/text.mdx": () => import("../content/docs/fields/data/text.mdx?collection=docs"), "fields/data/textarea.mdx": () => import("../content/docs/fields/data/textarea.mdx?collection=docs"), "fields/data/upload.mdx": () => import("../content/docs/fields/data/upload.mdx?collection=docs"), "fields/layout/array.mdx": () => import("../content/docs/fields/layout/array.mdx?collection=docs"), "fields/layout/collapsible.mdx": () => import("../content/docs/fields/layout/collapsible.mdx?collection=docs"), "fields/layout/group.mdx": () => import("../content/docs/fields/layout/group.mdx?collection=docs"), "fields/layout/row.mdx": () => import("../content/docs/fields/layout/row.mdx?collection=docs"), "fields/layout/tabs.mdx": () => import("../content/docs/fields/layout/tabs.mdx?collection=docs"), }),
+  docs: create.doc("docs", {"conditional-logic.mdx": () => import("../content/docs/conditional-logic.mdx?collection=docs"), "configuration.mdx": () => import("../content/docs/configuration.mdx?collection=docs"), "custom-rendering.mdx": () => import("../content/docs/custom-rendering.mdx?collection=docs"), "form-component.mdx": () => import("../content/docs/form-component.mdx?collection=docs"), "index.mdx": () => import("../content/docs/index.mdx?collection=docs"), "installation.mdx": () => import("../content/docs/installation.mdx?collection=docs"), "output-configuration.mdx": () => import("../content/docs/output-configuration.mdx?collection=docs"), "quick-start.mdx": () => import("../content/docs/quick-start.mdx?collection=docs"), "schema.mdx": () => import("../content/docs/schema.mdx?collection=docs"), "validation.mdx": () => import("../content/docs/validation.mdx?collection=docs"), "your-first-form.mdx": () => import("../content/docs/your-first-form.mdx?collection=docs"), "fields/types.mdx": () => import("../content/docs/fields/types.mdx?collection=docs"), "fields/layout/array.mdx": () => import("../content/docs/fields/layout/array.mdx?collection=docs"), "fields/layout/collapsible.mdx": () => import("../content/docs/fields/layout/collapsible.mdx?collection=docs"), "fields/layout/group.mdx": () => import("../content/docs/fields/layout/group.mdx?collection=docs"), "fields/layout/row.mdx": () => import("../content/docs/fields/layout/row.mdx?collection=docs"), "fields/layout/tabs.mdx": () => import("../content/docs/fields/layout/tabs.mdx?collection=docs"), "fields/data/checkbox-group.mdx": () => import("../content/docs/fields/data/checkbox-group.mdx?collection=docs"), "fields/data/checkbox.mdx": () => import("../content/docs/fields/data/checkbox.mdx?collection=docs"), "fields/data/date.mdx": () => import("../content/docs/fields/data/date.mdx?collection=docs"), "fields/data/number.mdx": () => import("../content/docs/fields/data/number.mdx?collection=docs"), "fields/data/password.mdx": () => import("../content/docs/fields/data/password.mdx?collection=docs"), "fields/data/radio.mdx": () => import("../content/docs/fields/data/radio.mdx?collection=docs"), "fields/data/select.mdx": () => import("../content/docs/fields/data/select.mdx?collection=docs"), "fields/data/switch.mdx": () => import("../content/docs/fields/data/switch.mdx?collection=docs"), "fields/data/tags.mdx": () => import("../content/docs/fields/data/tags.mdx?collection=docs"), "fields/data/text.mdx": () => import("../content/docs/fields/data/text.mdx?collection=docs"), "fields/data/textarea.mdx": () => import("../content/docs/fields/data/textarea.mdx?collection=docs"), "fields/data/upload.mdx": () => import("../content/docs/fields/data/upload.mdx?collection=docs"), }),
 };
 export default browserCollections;

apps/web/.source/server.ts

@@ -1,21 +1,21 @@
 // @ts-nocheck
-import * as __fd_glob_32 from "../content/docs/fields/layout/tabs.mdx?collection=docs"
-import * as __fd_glob_31 from "../content/docs/fields/layout/row.mdx?collection=docs"
-import * as __fd_glob_30 from "../content/docs/fields/layout/group.mdx?collection=docs"
-import * as __fd_glob_29 from "../content/docs/fields/layout/collapsible.mdx?collection=docs"
-import * as __fd_glob_28 from "../content/docs/fields/layout/array.mdx?collection=docs"
-import * as __fd_glob_27 from "../content/docs/fields/data/upload.mdx?collection=docs"
-import * as __fd_glob_26 from "../content/docs/fields/data/textarea.mdx?collection=docs"
-import * as __fd_glob_25 from "../content/docs/fields/data/text.mdx?collection=docs"
-import * as __fd_glob_24 from "../content/docs/fields/data/tags.mdx?collection=docs"
-import * as __fd_glob_23 from "../content/docs/fields/data/switch.mdx?collection=docs"
-import * as __fd_glob_22 from "../content/docs/fields/data/select.mdx?collection=docs"
-import * as __fd_glob_21 from "../content/docs/fields/data/radio.mdx?collection=docs"
-import * as __fd_glob_20 from "../content/docs/fields/data/password.mdx?collection=docs"
-import * as __fd_glob_19 from "../content/docs/fields/data/number.mdx?collection=docs"
-import * as __fd_glob_18 from "../content/docs/fields/data/date.mdx?collection=docs"
-import * as __fd_glob_17 from "../content/docs/fields/data/checkbox.mdx?collection=docs"
-import * as __fd_glob_16 from "../content/docs/fields/data/checkbox-group.mdx?collection=docs"
+import * as __fd_glob_32 from "../content/docs/fields/data/upload.mdx?collection=docs"
+import * as __fd_glob_31 from "../content/docs/fields/data/textarea.mdx?collection=docs"
+import * as __fd_glob_30 from "../content/docs/fields/data/text.mdx?collection=docs"
+import * as __fd_glob_29 from "../content/docs/fields/data/tags.mdx?collection=docs"
+import * as __fd_glob_28 from "../content/docs/fields/data/switch.mdx?collection=docs"
+import * as __fd_glob_27 from "../content/docs/fields/data/select.mdx?collection=docs"
+import * as __fd_glob_26 from "../content/docs/fields/data/radio.mdx?collection=docs"
+import * as __fd_glob_25 from "../content/docs/fields/data/password.mdx?collection=docs"
+import * as __fd_glob_24 from "../content/docs/fields/data/number.mdx?collection=docs"
+import * as __fd_glob_23 from "../content/docs/fields/data/date.mdx?collection=docs"
+import * as __fd_glob_22 from "../content/docs/fields/data/checkbox.mdx?collection=docs"
+import * as __fd_glob_21 from "../content/docs/fields/data/checkbox-group.mdx?collection=docs"
+import * as __fd_glob_20 from "../content/docs/fields/layout/tabs.mdx?collection=docs"
+import * as __fd_glob_19 from "../content/docs/fields/layout/row.mdx?collection=docs"
+import * as __fd_glob_18 from "../content/docs/fields/layout/group.mdx?collection=docs"
+import * as __fd_glob_17 from "../content/docs/fields/layout/collapsible.mdx?collection=docs"
+import * as __fd_glob_16 from "../content/docs/fields/layout/array.mdx?collection=docs"
 import * as __fd_glob_15 from "../content/docs/fields/types.mdx?collection=docs"
 import * as __fd_glob_14 from "../content/docs/your-first-form.mdx?collection=docs"
 import * as __fd_glob_13 from "../content/docs/validation.mdx?collection=docs"
@@ -40,4 +40,4 @@ const create = server<typeof Config, import("fumadocs-mdx/runtime/types").Intern
   }
 }>({"doc":{"passthroughs":["extractedReferences"]}});
 
-export const docs = await create.docs("docs", "content/docs", {"meta.json": __fd_glob_0, "fields/meta.json": __fd_glob_1, "fields/data/meta.json": __fd_glob_2, "fields/layout/meta.json": __fd_glob_3, }, {"conditional-logic.mdx": __fd_glob_4, "configuration.mdx": __fd_glob_5, "custom-rendering.mdx": __fd_glob_6, "form-component.mdx": __fd_glob_7, "index.mdx": __fd_glob_8, "installation.mdx": __fd_glob_9, "output-configuration.mdx": __fd_glob_10, "quick-start.mdx": __fd_glob_11, "schema.mdx": __fd_glob_12, "validation.mdx": __fd_glob_13, "your-first-form.mdx": __fd_glob_14, "fields/types.mdx": __fd_glob_15, "fields/data/checkbox-group.mdx": __fd_glob_16, "fields/data/checkbox.mdx": __fd_glob_17, "fields/data/date.mdx": __fd_glob_18, "fields/data/number.mdx": __fd_glob_19, "fields/data/password.mdx": __fd_glob_20, "fields/data/radio.mdx": __fd_glob_21, "fields/data/select.mdx": __fd_glob_22, "fields/data/switch.mdx": __fd_glob_23, "fields/data/tags.mdx": __fd_glob_24, "fields/data/text.mdx": __fd_glob_25, "fields/data/textarea.mdx": __fd_glob_26, "fields/data/upload.mdx": __fd_glob_27, "fields/layout/array.mdx": __fd_glob_28, "fields/layout/collapsible.mdx": __fd_glob_29, "fields/layout/group.mdx": __fd_glob_30, "fields/layout/row.mdx": __fd_glob_31, "fields/layout/tabs.mdx": __fd_glob_32, });
+export const docs = await create.docs("docs", "content/docs", {"meta.json": __fd_glob_0, "fields/meta.json": __fd_glob_1, "fields/data/meta.json": __fd_glob_2, "fields/layout/meta.json": __fd_glob_3, }, {"conditional-logic.mdx": __fd_glob_4, "configuration.mdx": __fd_glob_5, "custom-rendering.mdx": __fd_glob_6, "form-component.mdx": __fd_glob_7, "index.mdx": __fd_glob_8, "installation.mdx": __fd_glob_9, "output-configuration.mdx": __fd_glob_10, "quick-start.mdx": __fd_glob_11, "schema.mdx": __fd_glob_12, "validation.mdx": __fd_glob_13, "your-first-form.mdx": __fd_glob_14, "fields/types.mdx": __fd_glob_15, "fields/layout/array.mdx": __fd_glob_16, "fields/layout/collapsible.mdx": __fd_glob_17, "fields/layout/group.mdx": __fd_glob_18, "fields/layout/row.mdx": __fd_glob_19, "fields/layout/tabs.mdx": __fd_glob_20, "fields/data/checkbox-group.mdx": __fd_glob_21, "fields/data/checkbox.mdx": __fd_glob_22, "fields/data/date.mdx": __fd_glob_23, "fields/data/number.mdx": __fd_glob_24, "fields/data/password.mdx": __fd_glob_25, "fields/data/radio.mdx": __fd_glob_26, "fields/data/select.mdx": __fd_glob_27, "fields/data/switch.mdx": __fd_glob_28, "fields/data/tags.mdx": __fd_glob_29, "fields/data/text.mdx": __fd_glob_30, "fields/data/textarea.mdx": __fd_glob_31, "fields/data/upload.mdx": __fd_glob_32, });

apps/web/.source/source.config.mjs

@@ -1,10 +1,19 @@
 // source.config.ts
+import {
+  remarkAutoTypeTable,
+  createGenerator,
+  createFileSystemGeneratorCache
+} from "fumadocs-typescript";
 import { defineDocs, defineConfig } from "fumadocs-mdx/config";
 var docs = defineDocs({
   dir: "content/docs"
 });
+var generator = createGenerator({
+  cache: createFileSystemGeneratorCache(".next/fumadocs-typescript")
+});
 var source_config_default = defineConfig({
   mdxOptions: {
+    remarkPlugins: [[remarkAutoTypeTable, { generator }]],
     rehypeCodeOptions: {
       themes: {
         light: "github-light",

apps/web/components/mdx-components.tsx

@@ -2,6 +2,7 @@ import defaultMdxComponents from "fumadocs-ui/mdx";
 import type { MDXComponents } from "mdx/types";
 import { IntroDemo } from "@/components/docs/intro-demo";
 import { File, Files, Folder } from "fumadocs-ui/components/files";
+import { TypeTable } from "fumadocs-ui/components/type-table";
 import {
   BasicFormDemo,
   ValidationFormDemo,
@@ -15,6 +16,7 @@ export function getMDXComponents(components?: MDXComponents): MDXComponents {
     File,
     Files,
     Folder,
+    TypeTable,
     BasicFormDemo,
     ValidationFormDemo,
     FullFormDemo,

apps/web/package.json

@@ -32,9 +32,10 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
-    "fumadocs-core": "^16.4.1",
+    "fumadocs-core": "^16.7.0",
     "fumadocs-mdx": "^14.2.3",
-    "fumadocs-ui": "^16.4.1",
+    "fumadocs-typescript": "^5.2.0",
+    "fumadocs-ui": "^16.7.0",
     "immer": "^11.1.3",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.562.0",

apps/web/source.config.ts

@@ -1,16 +1,26 @@
-import { defineDocs, defineConfig } from 'fumadocs-mdx/config';
+import {
+  remarkAutoTypeTable,
+  createGenerator,
+  createFileSystemGeneratorCache,
+} from "fumadocs-typescript";
+import { defineDocs, defineConfig } from "fumadocs-mdx/config";
 
 export const docs = defineDocs({
-    dir: 'content/docs',
+  dir: "content/docs",
+});
+
+const generator = createGenerator({
+  cache: createFileSystemGeneratorCache(".next/fumadocs-typescript"),
 });
 
 export default defineConfig({
-    mdxOptions: {
-        rehypeCodeOptions: {
-            themes: {
-                light: 'github-light',
-                dark: 'github-dark',
-            },
-        },
+  mdxOptions: {
+    remarkPlugins: [[remarkAutoTypeTable, { generator }]],
+    rehypeCodeOptions: {
+      themes: {
+        light: "github-light",
+        dark: "github-dark",
+      },
     },
-});
+  },
+});