fix: server-routes watcher (#205)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

packages/devtools/package.json

@@ -57,6 +57,7 @@
     "nypm": "^0.2.0",
     "pacote": "^15.1.2",
     "pathe": "^1.1.0",
+    "perfect-debounce": "^0.1.3",
     "picocolors": "^1.0.0",
     "pkg-types": "^1.0.2",
     "rc9": "^2.1.0",

packages/devtools/src/server-rpc/server-routes.ts

@@ -2,19 +2,32 @@ import type { Nitro } from 'nitropack'
 import { join, resolve } from 'pathe'
 import fg from 'fast-glob'
 import { withBase, withLeadingSlash, withoutTrailingSlash } from 'ufo'
+import { debounce } from 'perfect-debounce'
 import type { NuxtDevtoolsServerContext, ServerFunctions, ServerRouteInfo } from '../types'
 
 export function setupServerRoutesRPC({ nuxt, refresh }: NuxtDevtoolsServerContext) {
   let nitro: Nitro
 
   let promiseCache: Promise<ServerRouteInfo[]> | null = null
 
+  const refreshDebounced = debounce(() => {
+    promiseCache = null
+    refresh('getServerRoutes')
+  }, 500)
+
   nuxt.hook('nitro:init', (_) => {
     nitro = _
     promiseCache = null
     refresh('getServerRoutes')
   })
 
+  nuxt.hook('ready', () => {
+    nitro?.storage.watch((event, key) => {
+      if (key.startsWith('src:api:'))
+        refreshDebounced()
+    })
+  })
+
   function scan() {
     if (promiseCache)
       return promiseCache