feat: Keyboard shortcut to reopen the browser without restarting the dev command

packages/wxt/src/core/create-server.ts

@@ -27,6 +27,7 @@ import {
   getContentScriptJs,
   mapWxtOptionsToRegisteredContentScript,
 } from './utils/content-scripts';
+import { createKeyboardShortcuts } from './keyboard-shortcuts';
 
 /**
  * Creates a dev server and pre-builds all the files that need to exist before loading the extension.
@@ -108,9 +109,12 @@ async function createServerInternal(): Promise<WxtDevServer> {
       // Listen for file changes and reload different parts of the extension accordingly
       const reloadOnChange = createFileReloader(server);
       server.watcher.on('all', reloadOnChange);
+      keyboardsShortCuts.start();
     },
+
     async stop() {
       wasStopped = true;
+      keyboardsShortCuts.stop();
       await runner.closeBrowser();
       await builderServer.close();
       await wxt.hooks.callHook('server:closed', wxt, server);
@@ -136,11 +140,14 @@ async function createServerInternal(): Promise<WxtDevServer> {
     },
     async restartBrowser() {
       await runner.closeBrowser();
+      keyboardsShortCuts.stop();
       await wxt.reloadConfig();
       runner = await createExtensionRunner();
       await runner.openBrowser();
+      keyboardsShortCuts.start();
     },
   };
+  const keyboardsShortCuts = createKeyboardShortcuts(server);
 
   const buildAndOpenBrowser = async () => {
     // Build after starting the dev server so it can be used to transform HTML files
@@ -230,6 +237,7 @@ function createFileReloader(server: WxtDevServer) {
             break;
           case 'content-script-reload':
             reloadContentScripts(changes.changedSteps, server);
+
             const rebuiltNames = changes.rebuildGroups
               .flat()
               .map((entry) => entry.name);

packages/wxt/src/core/keyboard-shortcuts.ts

@@ -0,0 +1,51 @@
+import { WxtDevServer } from '../types';
+
+export interface KeyboardShortcutWatcher {
+  start(): void;
+  stop(): void;
+}
+
+/**
+ * Function that creates a key board shortcut the extension.
+ */
+export function createKeyboardShortcuts(
+  server: WxtDevServer,
+): KeyboardShortcutWatcher {
+  let originalRawMode: boolean | undefined;
+  let isWatching = false;
+
+  const handleInput = (data: Buffer) => {
+    const char = data.toString();
+
+    // Handle Ctrl+C (char code 3)
+    if (char === '\u0003') {
+      server.stop();
+      process.exit();
+    }
+    if (char === 'o') {
+      server.restartBrowser();
+    }
+  };
+
+  return {
+    start() {
+      if (isWatching) return;
+      originalRawMode = process.stdin.isRaw;
+      process.stdin.setRawMode(true);
+      process.stdin.resume();
+
+      process.stdin.on('data', handleInput);
+      isWatching = true;
+    },
+
+    stop() {
+      if (!isWatching) return;
+      process.stdin.removeListener('data', handleInput);
+      if (originalRawMode !== undefined) {
+        process.stdin.setRawMode(originalRawMode);
+      }
+      process.stdin.pause();
+      isWatching = false;
+    },
+  };
+}