feat(dev): add q and quit shortcuts to dev server

packages/nuxt-cli/src/commands/dev.ts

@@ -4,11 +4,12 @@ import type { DevListenOverrides } from '../dev/listen'
 import type { NuxtDevContext } from '../dev/utils'
 
 import process from 'node:process'
+import { createInterface } from 'node:readline'
 
 import { defineCommand } from 'citty'
 import { resolve } from 'pathe'
 import colors from 'picocolors'
-import { isBun, isTest } from 'std-env'
+import { isBun, isCI, isTest } from 'std-env'
 import { satisfies } from 'verkit'
 
 import { initialize } from '../dev'
@@ -133,6 +134,7 @@ const command = defineCommand({
 
     // Disable forking when profiling to capture all activity in one process
     if (!ctx.args.fork || ctx.args.profile) {
+      setupQuitShortcut(close, onReady)
       return {
         listener,
         close,
@@ -187,14 +189,15 @@ const command = defineCommand({
       await restartWithFork()
     })
 
+    async function closeAll() {
+      cleanupCurrentFork?.()
+      await close()
+    }
+
+    setupQuitShortcut(closeAll, onReady)
+
     return {
-      async close() {
-        cleanupCurrentFork?.()
-        await Promise.all([
-          listener.close(),
-          close(),
-        ])
-      },
+      close: closeAll,
     }
   },
 })
@@ -203,6 +206,35 @@ export default command
 
 // --- Internal ---
 
+function setupQuitShortcut(close: () => Promise<void>, onReady: (callback: (address: string) => void) => void) {
+  if (!process.stdin.isTTY || isCI || isTest) {
+    return
+  }
+
+  onReady(() => {
+    // eslint-disable-next-line no-console
+    console.log(`\n  ${colors.dim('press')} ${colors.bold('q + enter')} ${colors.dim('to quit')}\n`)
+  })
+
+  // No output stream is passed, so readline stays in non-terminal mode and
+  // does not intercept Ctrl-C or put stdin into raw mode
+  const rl = createInterface({ input: process.stdin })
+  rl.on('line', async (line) => {
+    if (!['q', 'quit', 'exit'].includes(line.trim().toLowerCase())) {
+      return
+    }
+    rl.close()
+    try {
+      await close()
+    }
+    catch (error) {
+      console.error(error)
+      process.exitCode = 1
+    }
+    process.exit()
+  })
+}
+
 type ArgsT = Exclude<
   Awaited<typeof command.args>,
   undefined | ((...args: unknown[]) => unknown)

packages/nuxt-cli/src/dev/index.ts

@@ -130,15 +130,24 @@ export async function initialize(devContext: NuxtDevContext, ctx: InitializeOpti
     }
   }
 
+  let closePromise: Promise<void> | undefined
+
   return {
     listener: devServer.listener,
-    close: async () => {
-      devServer.closeWatchers()
-      await Promise.all([
-        devServer.listener.close(),
-        devServer.close(),
-      ])
-      devServer.releaseLock()
+    close: () => {
+      closePromise ??= (async () => {
+        devServer.closeWatchers()
+        try {
+          await Promise.all([
+            devServer.listener.close(),
+            devServer.close(),
+          ])
+        }
+        finally {
+          devServer.releaseLock()
+        }
+      })()
+      return closePromise
     },
     onReady: (callback: (address: string) => void) => {
       if (address) {