fix(dev): avoid recursive fs watching

Author: danielroe

packages/nuxi/src/dev/utils.ts

@@ -7,7 +7,7 @@ import type { IncomingMessage, RequestListener, ServerResponse } from 'node:http
 importtype{AddressInfo}from'node:net'
 
 importEventEmitterfrom'node:events'
-import{watch}from'node:fs'
+import{existsSync,watch}from'node:fs'
 import{mkdir}from'node:fs/promises'
 
 importprocessfrom'node:process'
@@ -112,7 +112,7 @@ interface DevServerEventMap {
 exportclassNuxtDevServerextendsEventEmitter<DevServerEventMap>{
 private_handler?: RequestListener
 private_distWatcher?: FSWatcher
-private_configWatcher?: FSWatcher
+private_configWatcher?: ()=>void
 private_currentNuxt?: NuxtWithServer
 private_loadingMessage?: string
 private_loadingError?: Error
@@ -185,7 +185,7 @@ export class NuxtDevServer extends EventEmitter<DevServerEventMap> {
 
 asyncinit(){
 awaitthis.load()
-awaitthis._watchConfig()
+this._watchConfig()
 }
 
 asyncload(reload?: boolean,reason?: string){
@@ -204,7 +204,7 @@ export class NuxtDevServer extends EventEmitter<DevServerEventMap> {
 
 asyncclose(){
 this._distWatcher?.close()
-this._configWatcher?.close()
+this._configWatcher?.()
 if(this._currentNuxt){
 awaitthis._currentNuxt.close()
 }
@@ -350,18 +350,13 @@ export class NuxtDevServer extends EventEmitter<DevServerEventMap> {
 this.emit('ready','socketPath'inaddr ? formatSocketURL(addr.socketPath,!!this.listener.https) : `http://127.0.0.1:${addr.port}`)
 }
 
-async_watchConfig(){
-this._configWatcher=watch(this.options.cwd,{recursive: true})
-
-this._configWatcher.on('change',(_event,file: string)=>{
-if(file===(this.options.dotenv.fileName||'.env')){
-this.emit('restart')
-}
-
-if(RESTART_RE.test(file)){
-this.loadDebounced(true,`${file} updated`)
-}
-})
+_watchConfig(){
+this._configWatcher=createConfigWatcher(
+this.cwd,
+this.options.dotenv.fileName,
+()=>this.emit('restart'),
+file=>this.loadDebounced(true,`${file} updated`),
+)
 }
 }
 
@@ -402,3 +397,40 @@ export function resolveDevServerDefaults(listenOptions: Partial<Pick<ListenOptio
 
 returndefaultConfig
 }
+
+functioncreateConfigWatcher(cwd: string,dotenvFileName='.env',onRestart: ()=>void,onReload: (file: string)=>void){
+constconfigWatcher=watch(cwd)
+letconfigDirWatcher=existsSync(resolve(cwd,'.config')) ? createConfigDirWatcher(cwd,onReload) : undefined
+
+configWatcher.on('change',(_event,file: string)=>{
+if(file===dotenvFileName){
+onRestart()
+}
+
+if(RESTART_RE.test(file)){
+onReload(file)
+}
+
+if(file==='.config'){
+configDirWatcher||=createConfigDirWatcher(cwd,onReload)
+}
+})
+
+return()=>{
+configWatcher.close()
+configDirWatcher?.()
+}
+}
+
+functioncreateConfigDirWatcher(cwd: string,onReload: (file: string)=>void){
+constconfigDir=resolve(cwd,'.config')
+
+constconfigDirWatcher=watch(configDir)
+configDirWatcher.on('change',(_event,file: string)=>{
+if(RESTART_RE.test(file)){
+onReload(file)
+}
+})
+
+return()=>configDirWatcher.close()
+}