fix: watch loop caused by the custom output path (#140)

close #139

Author: yesmeck

src/build.ts

@@ -15,7 +15,8 @@ type RoutesInfo = Record<string, {
   params: string[];
 }>
 
-export const DEFAULT_OUTPUT_DIR_PATH = './.react-router/types'
+export const DEFAULT_OUTPUT_DIR_PATH = './.react-router/types';
+export const TYPE_FILE_NAME = 'safe-routes.d.ts';
 
 async function buildHelpers(config: RequiredReactRouterConfig): Promise<[RoutesInfo, string[]]> {
   const routesInfo: RoutesInfo = {};
@@ -103,7 +104,7 @@ function generate(root: string, config: RequiredReactRouterConfig, routesInfo: R
   if (!fs.existsSync(outputPath)) {
     mkdirp.sync(outputPath);
   }
-  fs.writeFileSync(path.join(outputPath, 'safe-routes.d.ts'), tsCode);
+  fs.writeFileSync(path.join(outputPath, TYPE_FILE_NAME), tsCode);
 }
 
 function parse(routes: RouteManifestEntry[]) {

src/vite.ts

@@ -2,7 +2,7 @@ import replace from '@rollup/plugin-replace';
 import * as Vite from 'vite';
 import { join } from 'node:path';
 import { placeholder } from './basename.js';
-import { DEFAULT_OUTPUT_DIR_PATH, build } from './build.js';
+import { DEFAULT_OUTPUT_DIR_PATH, TYPE_FILE_NAME, build } from './build.js';
 import { ReactRouterPluginContext } from './types.js';
 
 export interface PluginOptions {
@@ -67,6 +67,10 @@ export function safeRoutes(pluginConfig: PluginOptions = {}): Vite.Plugin {
         return;
       }
 
+      if (pluginConfig.outDir && id === join(rootDirectory, pluginConfig.outDir, TYPE_FILE_NAME)) {
+        return;
+      }
+
       await reloadCtx();
       generateTypeFile();
     },