Press: pass config from Vite plugin

fuma-nama · fuma-nama · commit 4b6fe15fec45 · 2025-10-05T18:50:23.000+08:00
diff --git a/examples/fp/content/(home)/home.mdx b/examples/fp/content/(home)/home.mdx
diff --git a/examples/fp/content/docs/index.mdx b/examples/fp/content/docs/index.mdx
@@ -0,0 +1,32 @@
+---
+title: Hello World
+description: |
+  Your first `document`
+  You'll love it!
+---
+
+Hey there! Fumadocs is the docs framework that also works on React Router!
+
+## Heading
+
+Hello World
+
+<Cards>
+  <Card title="Learn more about React Router" href="https://reactrouter.com" />
+  <Card title="Learn more about Fumadocs" href="https://fumadocs.dev" />
+</Cards>
+
+```ts
+console.log('I love React!');
+```
+
+### Heading
+
+#### Heading
+
+| Head                            | Description                         |
+| ------------------------------- | ----------------------------------- |
+| `hello`                         | Hello World                         |
+| very **important**              | Hey                                 |
+| _Surprisingly_                  | Fumadocs                            |
+| very long text that looks weird | hello world hello world hello world |
diff --git a/examples/fp/content/docs/meta.json b/examples/fp/content/docs/meta.json
@@ -0,0 +1,4 @@
+{
+  "icon": "\uD83D\uDCDA",
+  "root": true
+}
diff --git a/examples/fp/content/docs/test.mdx b/examples/fp/content/docs/test.mdx
diff --git a/examples/fp/content/docs/test2.mdx b/examples/fp/content/docs/test2.mdx
diff --git a/examples/fp/content/index.mdx b/examples/fp/content/index.mdx
@@ -1,32 +1,10 @@
 ---
-title: Hello World
-description: |
-  Your first `document`
-  You'll love it!
+title: Home
+layout: home
 ---
 
-Hey there! Fumadocs is the docs framework that also works on React Router!
-
-## Heading
-
-Hello World
-
-<Cards>
-  <Card title="Learn more about React Router" href="https://reactrouter.com" />
-  <Card title="Learn more about Fumadocs" href="https://fumadocs.dev" />
-</Cards>
+Welcome to Fumapress! Open [docs](/docs).
 
 ```ts
-console.log('I love React!');
+console.log('Hello World');
 ```
-
-### Heading
-
-#### Heading
-
-| Head                            | Description                         |
-| ------------------------------- | ----------------------------------- |
-| `hello`                         | Hello World                         |
-| very **important**              | Hey                                 |
-| _Surprisingly_                  | Fumadocs                            |
-| very long text that looks weird | hello world hello world hello world |
diff --git a/examples/fp/package.json b/examples/fp/package.json
@@ -13,7 +13,6 @@
     "fumadocs-mdx": "workspace:*",
     "fumadocs-ui": "workspace:*",
     "fumapress": "workspace:*",
-    "isbot": "^5.1.31",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-router": "^7.9.3"
@@ -29,7 +28,6 @@
     "react-router-devtools": "^5.1.3",
     "tailwindcss": "^4.1.14",
     "typescript": "^5.9.3",
-    "vite": "^7.1.9",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^7.1.9"
   }
 }
diff --git a/examples/fp/tsconfig.json b/examples/fp/tsconfig.json
@@ -8,9 +8,6 @@
     "moduleResolution": "bundler",
     "jsx": "react-jsx",
     "baseUrl": ".",
-    "paths": {
-      "@/*": ["./app/*"]
-    },
     "esModuleInterop": true,
     "verbatimModuleSyntax": true,
     "noEmit": true,
diff --git a/packages/press/package.json b/packages/press/package.json
@@ -33,6 +33,7 @@
     "zod": "^4.1.11"
   },
   "devDependencies": {
+    "@mdx-js/mdx": "^3.1.1",
     "@types/mdx": "^2.0.13",
     "@types/node": "^24.6.2",
     "@types/react": "^19.2.0",
diff --git a/packages/press/src/config/content.ts b/packages/press/src/config/content.ts
@@ -1,17 +1,43 @@
+import type { DefaultMDXOptions } from 'fumadocs-mdx/config';
 import {
   defineConfig,
   defineDocs,
   frontmatterSchema,
+  metaSchema,
 } from 'fumadocs-mdx/config';
 import { z } from 'zod';
+import type { FumapressConfig } from './global';
+import type { ProcessorOptions } from '@mdx-js/mdx';
 
-export const docs = defineDocs({
-  dir: 'content',
-  docs: {
-    schema: frontmatterSchema.extend({
-      layout: z.string().default('docs'),
+export interface ContentConfig {
+  mdx?:
+    | ({
+        preset?: 'fumadocs';
+      } & DefaultMDXOptions)
+    | ({
+        preset: 'minimal';
+      } & ProcessorOptions);
+}
+
+export async function createContentConfig(config: FumapressConfig) {
+  return {
+    docs: defineDocs({
+      dir: 'content',
+      docs: {
+        schema: frontmatterSchema
+          .extend({
+            layout: z.string().default('docs'),
+          })
+          .loose(),
+      },
+      meta: {
+        schema: metaSchema.loose(),
+      },
+    }),
+    default: defineConfig({
+      mdxOptions: config.content?.mdx,
     }),
-  },
-});
+  };
+}
 
-export default defineConfig();
+export type FumadocsMDXConfig = Awaited<ReturnType<typeof createContentConfig>>;
diff --git a/packages/press/src/config/global.ts b/packages/press/src/config/global.ts
@@ -1,16 +1,21 @@
+import type { ContentConfig } from './content';
+
 export interface FumapressConfig {
   /**
    * the directory for app files (relative to project root)
    *
    * @defaultValue './app'
    */
   appDir: string;
+
+  content?: ContentConfig;
 }
 
 export function defineConfig(
   config: Partial<FumapressConfig>,
 ): FumapressConfig {
   return {
+    ...config,
     appDir: config.appDir ?? './app',
   };
 }
diff --git a/packages/press/src/lib/get-config.ts b/packages/press/src/lib/get-config.ts
@@ -1,12 +1,13 @@
 import { defineConfig, type FumapressConfig } from '../config/global.js';
 import { glob } from 'tinyglobby';
+import { pathToFileURL } from 'node:url';
 
 const DefaultConfig = defineConfig({});
 
 /**
  * Default glob patterns for finding config file
  */
-const DefaultConfigPatterns = ['fumapress.config.{js,jsx,ts,tsx,md,mdx}'];
+const DefaultConfigPatterns = ['fumapress.config.{js,jsx,ts,tsx}'];
 
 export async function findConfigPath(): Promise<string | null> {
   const paths = await glob(DefaultConfigPatterns);
@@ -21,7 +22,9 @@ export async function loadConfig(
   if (configPath === undefined) return loadConfig(await findConfigPath());
 
   try {
-    const { default: userConfig } = await import(configPath);
+    const { default: userConfig } = await import(
+      pathToFileURL(configPath).href
+    );
 
     return checkConfig(userConfig);
   } catch (error) {
diff --git a/packages/press/src/lib/source.ts b/packages/press/src/lib/source.ts
@@ -1,9 +1,9 @@
 /// <reference types="fumadocs-mdx" />
 import { type InferPageType, loader } from 'fumadocs-core/source';
 import { fromConfig } from 'fumadocs-mdx/runtime/vite';
-import type * as Config from '../config/content.js';
+import type { FumadocsMDXConfig } from '../config/content.js';
 
-export const create = fromConfig<typeof Config>();
+export const create = fromConfig<FumadocsMDXConfig>();
 
 export const docs = {
   doc: create.doc(
diff --git a/packages/press/src/vite/index.ts b/packages/press/src/vite/index.ts
@@ -3,16 +3,18 @@ import react from '@vitejs/plugin-react';
 import rsc from '@vitejs/plugin-rsc';
 import mdx from 'fumadocs-mdx/vite';
 import path from 'node:path';
-import * as MdxConfig from '../config/content.js';
+import { createContentConfig } from '../config/content.js';
 import { baseDir } from '../constants.js';
-import { findConfigPath, loadConfig } from '../lib/get-config.js';
-import type { FumapressConfig } from '../config/global.js';
+import { defineConfig, FumapressConfig } from '../config/global.js';
 import { findFile } from '../lib/find-file.js';
 
-const mdxConfigPath = path.join(baseDir, 'dist/config/fumadocs-mdx.js');
 const extnames = ['.js', '.ts', '.jsx', '.tsx'];
 
-export function fumapress(): PluginOption[] {
+export async function fumapress(
+  config: Partial<FumapressConfig> = {},
+): Promise<PluginOption[]> {
+  const resolved = defineConfig(config);
+
   return [
     react(),
     rsc({
@@ -22,18 +24,15 @@ export function fumapress(): PluginOption[] {
         ssr: path.join(baseDir, 'dist/entry.ssr.js'),
       },
     }),
-    mdx(MdxConfig, {
-      configPath: mdxConfigPath,
+    mdx(await createContentConfig(resolved), {
       generateIndexFile: false,
       updateViteConfig: false,
     }),
-    init(),
+    init(null, resolved),
   ];
 }
 
-function init(): Plugin {
-  let configPath: string | null;
-  let config: FumapressConfig;
+function init(configPath: string | null, config: FumapressConfig): Plugin {
   let routesPath: string | null;
 
   return {
@@ -51,10 +50,7 @@ function init(): Plugin {
         );
       }
     },
-    async configResolved(v) {
-      configPath = await findConfigPath();
-      config = await loadConfig(configPath);
-
+    async configResolved() {
       const name = path.join(config.appDir, 'routes');
       routesPath = (await findFile(extnames.map((ext) => name + ext))) ?? null;
     },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "icon": "\uD83D\uDCDA",
 +  "root": true
 +}