feat: add router config (#17)

.changeset/config.json

@@ -15,5 +15,5 @@
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "updateInternalDependents": "always"
   },
-  "ignore": ["@examples/hackernews", "@examples/normal"]
+  "ignore": ["@examples/hackernews", "@examples/normal", "@examples/with-antd4"]
 }

.changeset/witty-balloons-jump.md

@@ -0,0 +1,5 @@
+---
+'@umijs/tnf': patch
+---
+
+feat: add router config

README.md

@@ -34,6 +34,7 @@ Config is loaded from `.tnfrc.ts` by default.
 - `devServer: { port?: number; host?: string; https?: { hosts?: string[] }; ip?: string }`: The development server configuration.
 - `externals: Record<string, string>`: An object that maps package names to their corresponding paths.
 - `less: { modifyVars?: Record<string, string>; globalVars?: Record<string, string>; math?: 'always' | 'strict' | 'parens-division' | 'parens' | 'strict-legacy' | number; sourceMap?: any; plugins?: (string | [string, Record<string, any>])[];}`: The configuration passed to lessLoader.
+- `router: { defaultPreload?: 'intent' | 'render' | 'viewport'; defaultPreloadDelay?: number }`: The router configuration.
 
 ## LICENSE
 

examples/normal/.tnfrc.ts

@@ -1 +1,5 @@
-export default {};
+export default {
+  router: {
+    defaultPreload: 'intent',
+  },
+};

examples/normal/src/pages/__root.tsx

@@ -10,9 +10,7 @@ export const Route = createRootRoute({
           <Link to="/">Home</Link>
         </li>
         <li>
-          <Link to="/foo" preload="intent">
-            Foo
-          </Link>
+          <Link to="/foo">Foo</Link>
         </li>
       </ul>
       <Outlet />

src/build.ts

@@ -22,6 +22,7 @@ export async function build({
     await prepare({
       cwd,
       tmpPath,
+      config,
     });
   };
 

src/config.ts

@@ -28,6 +28,12 @@ const ConfigSchema = z.object({
       plugins: z.array(z.any()).optional(),
     })
     .optional(),
+  router: z
+    .object({
+      defaultPreload: z.enum(['intent', 'render', 'viewport']).optional(),
+      defaultPreloadDelay: z.number().optional(),
+    })
+    .optional(),
 });
 
 export type Config = z.infer<typeof ConfigSchema>;

src/prepare.ts

@@ -2,16 +2,18 @@ import { generator } from '@tanstack/router-generator';
 import type { Config } from '@tanstack/router-generator';
 import fs from 'fs';
 import path from 'pathe';
+import type { Config as TnfConfig } from './config';
 
 interface BaseOptions {
   cwd: string;
   tmpPath: string;
+  config?: TnfConfig;
 }
 
 interface PrepareOptions extends BaseOptions {}
 
 export async function prepare(opts: PrepareOptions) {
-  const { cwd, tmpPath } = opts;
+  const { cwd, tmpPath, config } = opts;
 
   fs.rmSync(tmpPath, { recursive: true, force: true });
   fs.mkdirSync(tmpPath, { recursive: true });
@@ -55,6 +57,8 @@ import {
 import { routeTree } from './routeTree.gen';
 const router = createRouter({
   routeTree,
+  defaultPreload: ${config?.router?.defaultPreload ? `'${config.router.defaultPreload}'` : 'false'},
+  defaultPreloadDelay: ${config?.router?.defaultPreloadDelay || 50},
 });
 declare module '@tanstack/react-router' {
   interface Register {