@teardown/cli 2.0.75 → 2.0.77

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@teardown/cli",
-	"version": "2.0.75",
+	"version": "2.0.77",
 	"private": false,
 	"type": "module",
 	"main": "./src/index.ts",
@@ -76,7 +76,7 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.3.11",
-		"@teardown/tsconfig": "2.0.75",
+		"@teardown/tsconfig": "2.0.77",
 		"@types/bun": "1.3.5",
 		"@types/ejs": "^3.1.5",
 		"typescript": "5.9.3"

package/src/cli/commands/dev.ts

@@ -6,7 +6,7 @@ import { existsSync } from "node:fs";
 import { join, resolve } from "node:path";
 import chalk from "chalk";
 import { Command } from "commander";
-import { attachBundlerToForeground, startBundlerBackground } from "../../utils/bundler";
+import { startBundlerBackground } from "../../utils/bundler";
 import { getNavigationConfig } from "../../utils/metro-config";
 
 /**
@@ -86,23 +86,18 @@ export function createDevCommand(): Command {
 
 			console.log(chalk.blue("Starting Metro bundler...\n"));
 
-			const metroProcess = startBundlerBackground({
+			// Start Metro with interactive mode enabled - inherits stdio directly
+			// so Metro receives the TTY and keyboard shortcuts (r, j, d) work
+			startBundlerBackground({
 				port: options.port,
 				resetCache: options.resetCache,
 				verbose: options.verbose,
 				cwd: projectRoot,
+				interactive: true,
 			});
 
-			// Handle cleanup on SIGINT/SIGTERM
-			const cleanup = () => {
-				metroProcess.kill("SIGTERM");
-				process.exit(0);
-			};
-			process.on("SIGINT", cleanup);
-			process.on("SIGTERM", cleanup);
-
-			// Attach to foreground with interactive input (r, j, d, etc.)
-			attachBundlerToForeground(metroProcess);
+			// With inherited stdio, the process handles its own signals
+			// We just need to keep the parent process alive
 		});
 
 	return dev;

package/src/cli/commands/run.ts

@@ -409,10 +409,13 @@ async function startMetroAndWait(port: string, _platform: "ios" | "android"): Pr
 
 	console.log(chalk.blue(`\nStarting Metro bundler on port ${port}...`));
 
+	// Start bundler in non-interactive mode (CI=true suppresses warning)
+	// We'll attach to foreground later after build completes
 	const metroProcess = startBundlerBackground({
 		port,
 		resetCache: true,
 		cwd: process.cwd(),
+		interactive: false,
 	});
 
 	// Wait for bundler to be ready with progress updates

package/src/utils/bundler.ts

@@ -47,6 +47,8 @@ export interface StartBundlerOptions {
 	cwd?: string;
 	/** Whether to enable verbose logging */
 	verbose?: boolean;
+	/** Whether to run in interactive mode (inherit TTY for keyboard shortcuts) */
+	interactive?: boolean;
 }
 
 /**
@@ -70,7 +72,13 @@ export interface StartBundlerOptions {
  * ```
  */
 export function startBundlerBackground(options: StartBundlerOptions = {}): ChildProcess {
-	const { port = DEFAULT_BUNDLER_PORT, resetCache = false, cwd = process.cwd(), verbose = false } = options;
+	const {
+		port = DEFAULT_BUNDLER_PORT,
+		resetCache = false,
+		cwd = process.cwd(),
+		verbose = false,
+		interactive = false,
+	} = options;
 
 	const args = ["react-native", "start", "--port", String(port)];
 
@@ -82,17 +90,27 @@ export function startBundlerBackground(options: StartBundlerOptions = {}): Child
 		args.push("--verbose");
 	}
 
+	// Build environment variables
+	const env: NodeJS.ProcessEnv = {
+		...process.env,
+		LANG: "en_US.UTF-8",
+		// Force colors in Metro output
+		FORCE_COLOR: "1",
+	};
+
+	// When not interactive, set CI=true to suppress "Interactive mode is not supported" warning
+	if (!interactive) {
+		env.CI = "true";
+	}
+
 	const proc = spawn("npx", args, {
 		cwd,
 		shell: true,
-		stdio: ["pipe", "pipe", "pipe"],
+		// When interactive, inherit stdio to pass TTY directly to Metro for keyboard shortcuts
+		// When not interactive, use pipes so we can capture output and attach later
+		stdio: interactive ? "inherit" : ["pipe", "pipe", "pipe"],
 		detached: false,
-		env: {
-			...process.env,
-			LANG: "en_US.UTF-8",
-			// Force colors in Metro output
-			FORCE_COLOR: "1",
-		},
+		env,
 	});
 
 	// Handle process errors

package/templates/src/navigation/router.tsx

@@ -6,8 +6,8 @@
  */
 
 import { createTeardownRouter } from "@teardown/navigation";
+import { defaultPrefixes, generatedLinkingConfig } from "../../.teardown/linking.generated";
 import { routeTree } from "../../.teardown/routeTree.generated";
-import { generatedLinkingConfig, defaultPrefixes } from "../../.teardown/linking.generated";
 
 /**
  * Theme colors for navigation styling