@teardown/cli 2.0.51 → 2.0.53

package/package.json

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

package/src/cli/commands/{start.ts → dev.ts}

@@ -1,5 +1,5 @@
 /**
- * Start command - starts the Metro bundler
+ * Dev command - starts the Metro bundler
  */
 
 import { spawn } from "node:child_process";
@@ -25,10 +25,10 @@ function hasTeardownMetroConfig(projectRoot: string): boolean {
 }
 
 /**
- * Create the start command
+ * Create the dev command
  */
-export function createStartCommand(): Command {
-	const start = new Command("start")
+export function createDevCommand(): Command {
+	const dev = new Command("dev")
 		.description("Start the Metro bundler")
 		.option("-p, --port <port>", "Port to run Metro on", "8081")
 		.option("--reset-cache", "Reset the Metro cache")
@@ -83,5 +83,5 @@ export function createStartCommand(): Command {
 			});
 		});
 
-	return start;
+	return dev;
 }

package/src/cli/commands/init.ts

@@ -205,7 +205,7 @@ export function createInitCommand(): Command {
 				if (!options.skipInstall) {
 					const installSpinner = ora("Installing dependencies...").start();
 					const startTime = Date.now();
-					let lastLogTime = startTime;
+					let lastActivity = "";
 
 					await new Promise<void>((resolve, reject) => {
 						const child = spawn("bun", ["install"], {
@@ -216,29 +216,57 @@ export function createInitCommand(): Command {
 						let stderr = "";
 						let stdout = "";
 
-						// Log progress periodically
+						// Update spinner with elapsed time and last activity
 						const progressInterval = setInterval(() => {
 							const elapsed = Math.round((Date.now() - startTime) / 1000);
-							installSpinner.text = `Installing dependencies... (${elapsed}s)`;
+							const activity = lastActivity ? ` - ${lastActivity}` : "";
+							installSpinner.text = `Installing dependencies... (${elapsed}s)${activity}`;
+
+							// Warn if taking too long
+							if (elapsed === 60) {
+								installSpinner.text = `Installing dependencies... (${elapsed}s) - still working, this may take a while`;
+							} else if (elapsed === 120) {
+								installSpinner.text = `Installing dependencies... (${elapsed}s) - network may be slow`;
+							}
 						}, 1000);
 
-						// Log stdout for debugging
+						// Parse bun output for status updates
 						child.stdout?.on("data", (data) => {
-							stdout += data.toString();
-							const now = Date.now();
-							// Log every 5 seconds if there's activity
-							if (now - lastLogTime > 5000) {
-								const lines = stdout.trim().split("\n");
-								const lastLine = lines[lines.length - 1];
-								if (lastLine && options.verbose) {
-									console.log(chalk.gray(`  [bun] ${lastLine}`));
+							const chunk = data.toString();
+							stdout += chunk;
+
+							// Extract useful status from bun output
+							const lines = chunk.trim().split("\n");
+							for (const line of lines) {
+								// Bun outputs package resolution info
+								if (line.includes("Resolving")) {
+									lastActivity = "resolving packages";
+								} else if (line.includes("Downloading")) {
+									lastActivity = "downloading";
+								} else if (line.includes("Installing")) {
+									lastActivity = "installing";
+								} else if (line.includes("Linking")) {
+									lastActivity = "linking";
+								}
+
+								if (options.verbose && line.trim()) {
+									console.log(chalk.gray(`  [bun] ${line}`));
 								}
-								lastLogTime = now;
 							}
 						});
 
 						child.stderr?.on("data", (data) => {
-							stderr += data.toString();
+							const chunk = data.toString();
+							stderr += chunk;
+
+							// Bun sometimes outputs progress to stderr
+							if (chunk.includes("bun install")) {
+								lastActivity = "starting";
+							}
+
+							if (options.verbose && chunk.trim()) {
+								console.log(chalk.yellow(`  [bun:err] ${chunk.trim()}`));
+							}
 						});
 
 						child.on("close", (code) => {
@@ -250,8 +278,8 @@ export function createInitCommand(): Command {
 							} else {
 								installSpinner.fail(`Failed to install dependencies after ${elapsed}s`);
 								console.error(chalk.red(stderr));
-								if (stdout && options.verbose) {
-									console.log(chalk.gray("Stdout:"), stdout);
+								if (stdout) {
+									console.log(chalk.gray("Last stdout:"), stdout.slice(-1000));
 								}
 								reject(new Error(`bun install exited with code ${code}`));
 							}
@@ -268,10 +296,16 @@ export function createInitCommand(): Command {
 						const timeout = setTimeout(
 							() => {
 								clearInterval(progressInterval);
+								const elapsed = Math.round((Date.now() - startTime) / 1000);
 								child.kill("SIGTERM");
-								installSpinner.fail("bun install timed out after 5 minutes");
+								installSpinner.fail(`bun install timed out after ${elapsed}s`);
+								console.log(chalk.yellow("\nThis usually means:"));
+								console.log(chalk.gray("  - Network connection issues"));
+								console.log(chalk.gray("  - Slow package registry response"));
+								console.log(chalk.gray("  - Large dependency tree"));
+								console.log(chalk.gray("\nTry running manually: bun install"));
 								if (stdout) {
-									console.log(chalk.gray("Last output:"), stdout.slice(-500));
+									console.log(chalk.gray("\nLast output:"), stdout.slice(-500));
 								}
 								reject(new Error("bun install timed out"));
 							},

package/src/cli/commands/run.ts

@@ -92,6 +92,8 @@ function hasPodsInstalled(): boolean {
 async function runPodInstall(): Promise<boolean> {
 	const spinner = ora("Installing CocoaPods dependencies...").start();
 	const iosDir = join(process.cwd(), "ios");
+	const startTime = Date.now();
+	let lastActivity = "";
 
 	return new Promise((resolve) => {
 		const proc = spawn("pod", ["install", "--repo-update"], {
@@ -105,9 +107,52 @@ async function runPodInstall(): Promise<boolean> {
 		});
 
 		let stderr = "";
-
-		proc.stdout?.on("data", () => {
-			// Ignore stdout, just wait for completion
+		let stdout = "";
+
+		// Update spinner with elapsed time and activity
+		const progressInterval = setInterval(() => {
+			const elapsed = Math.round((Date.now() - startTime) / 1000);
+			const activity = lastActivity ? ` - ${lastActivity}` : "";
+			spinner.text = `Installing CocoaPods dependencies... (${elapsed}s)${activity}`;
+
+			// Warn if taking too long
+			if (elapsed === 60) {
+				spinner.text = `Installing CocoaPods dependencies... (${elapsed}s) - still working, this can take a while`;
+			} else if (elapsed === 120) {
+				spinner.text = `Installing CocoaPods dependencies... (${elapsed}s) - updating pod repos`;
+			} else if (elapsed === 180) {
+				spinner.text = `Installing CocoaPods dependencies... (${elapsed}s) - this is taking longer than usual`;
+			}
+		}, 1000);
+
+		proc.stdout?.on("data", (data) => {
+			const chunk = data.toString();
+			stdout += chunk;
+
+			// Parse CocoaPods output for status
+			for (const line of chunk.split("\n")) {
+				const trimmed = line.trim();
+				if (!trimmed) continue;
+
+				// Extract useful status from pod output
+				if (trimmed.startsWith("Analyzing dependencies")) {
+					lastActivity = "analyzing dependencies";
+				} else if (trimmed.startsWith("Downloading dependencies")) {
+					lastActivity = "downloading dependencies";
+				} else if (trimmed.startsWith("Installing")) {
+					// Extract pod name: "Installing PodName (1.0.0)"
+					const match = trimmed.match(/Installing (\S+)/);
+					if (match) {
+						lastActivity = `installing ${match[1]}`;
+					}
+				} else if (trimmed.startsWith("Generating Pods project")) {
+					lastActivity = "generating Pods project";
+				} else if (trimmed.startsWith("Integrating client project")) {
+					lastActivity = "integrating project";
+				} else if (trimmed.includes("Pod installation complete")) {
+					lastActivity = "completing";
+				}
+			}
 		});
 
 		proc.stderr?.on("data", (data) => {
@@ -115,12 +160,18 @@ async function runPodInstall(): Promise<boolean> {
 		});
 
 		proc.on("close", (code) => {
+			clearInterval(progressInterval);
+			const elapsed = Math.round((Date.now() - startTime) / 1000);
+
 			if (code === 0) {
-				spinner.succeed("CocoaPods dependencies installed");
+				spinner.succeed(`CocoaPods dependencies installed (${elapsed}s)`);
 				resolve(true);
 			} else {
-				spinner.fail("Failed to install CocoaPods dependencies");
+				spinner.fail(`Failed to install CocoaPods dependencies after ${elapsed}s`);
 				console.error(chalk.red(stderr));
+				if (stdout) {
+					console.log(chalk.gray("Last output:"), stdout.slice(-500));
+				}
 				console.log(chalk.yellow("\nTry running manually:"));
 				console.log(chalk.gray("  cd ios && pod install --repo-update"));
 				resolve(false);
@@ -128,9 +179,32 @@ async function runPodInstall(): Promise<boolean> {
 		});
 
 		proc.on("error", (err) => {
+			clearInterval(progressInterval);
 			spinner.fail(`Failed to run pod install: ${err.message}`);
 			resolve(false);
 		});
+
+		// Timeout after 10 minutes (pod install can be slow)
+		const timeout = setTimeout(
+			() => {
+				clearInterval(progressInterval);
+				const elapsed = Math.round((Date.now() - startTime) / 1000);
+				proc.kill("SIGTERM");
+				spinner.fail(`pod install timed out after ${elapsed}s`);
+				console.log(chalk.yellow("\nThis usually means:"));
+				console.log(chalk.gray("  - Network connection issues"));
+				console.log(chalk.gray("  - Slow CocoaPods CDN"));
+				console.log(chalk.gray("  - Large number of pods to install"));
+				console.log(chalk.gray("\nTry running manually: cd ios && pod install --repo-update"));
+				if (stdout) {
+					console.log(chalk.gray("\nLast output:"), stdout.slice(-500));
+				}
+				resolve(false);
+			},
+			10 * 60 * 1000
+		);
+
+		proc.on("close", () => clearTimeout(timeout));
 	});
 }
 

package/src/cli/index.ts

@@ -3,11 +3,11 @@
  */
 
 import { Command } from "commander";
+import { createDevCommand } from "./commands/dev";
 import { createInitCommand } from "./commands/init";
 import { createPluginsCommand } from "./commands/plugins";
 import { createPrebuildCommand } from "./commands/prebuild";
 import { createRunCommand } from "./commands/run";
-import { createStartCommand } from "./commands/start";
 import { createValidateCommand } from "./commands/validate";
 
 /**
@@ -30,7 +30,7 @@ export function createProgram(): Command {
 	program.addCommand(createInitCommand());
 	program.addCommand(createPluginsCommand());
 	program.addCommand(createRunCommand());
-	program.addCommand(createStartCommand());
+	program.addCommand(createDevCommand());
 
 	// Default command (prebuild)
 	program.argument("[command]").action((cmd) => {
@@ -50,10 +50,10 @@ export async function run(args: string[] = process.argv): Promise<void> {
 	await program.parseAsync(args);
 }
 
+export { createDevCommand } from "./commands/dev";
 export { createInitCommand } from "./commands/init";
 export { createPluginsCommand } from "./commands/plugins";
 // Export commands for testing
 export { createPrebuildCommand } from "./commands/prebuild";
 export { createRunCommand } from "./commands/run";
-export { createStartCommand } from "./commands/start";
 export { createValidateCommand } from "./commands/validate";

package/src/pipeline/stages.ts

@@ -606,6 +606,9 @@ class IOSPostInstallStage implements PipelineStage {
 	 * Run pod install in the iOS directory
 	 */
 	private async runPodInstall(iosDir: string, logger: Logger, repoUpdate = false): Promise<void> {
+		const startTime = Date.now();
+		let lastActivity = "";
+
 		return new Promise((resolve, reject) => {
 			// Use --repo-update for fresh installs to ensure specs are up to date
 			const args = repoUpdate ? ["install", "--repo-update"] : ["install"];
@@ -624,21 +627,53 @@ class IOSPostInstallStage implements PipelineStage {
 			let stdout = "";
 			let stderr = "";
 
+			// Log progress periodically
+			const progressInterval = setInterval(() => {
+				const elapsed = Math.round((Date.now() - startTime) / 1000);
+				const activity = lastActivity ? ` - ${lastActivity}` : "";
+				logger.info(`pod install running... (${elapsed}s)${activity}`);
+			}, 30000); // Log every 30 seconds
+
 			child.stdout?.on("data", (data) => {
-				stdout += data.toString();
-				// Log progress for verbose output
-				const lines = data.toString().split("\n");
+				const chunk = data.toString();
+				stdout += chunk;
+
+				// Parse CocoaPods output for status and log progress
+				const lines = chunk.split("\n");
 				for (const line of lines) {
-					if (line.trim()) {
-						logger.debug(`[pod] ${line.trim()}`);
+					const trimmed = line.trim();
+					if (!trimmed) continue;
+
+					logger.debug(`[pod] ${trimmed}`);
+
+					// Extract useful status from pod output
+					if (trimmed.startsWith("Analyzing dependencies")) {
+						lastActivity = "analyzing dependencies";
+						logger.info("Analyzing dependencies...");
+					} else if (trimmed.startsWith("Downloading dependencies")) {
+						lastActivity = "downloading dependencies";
+						logger.info("Downloading dependencies...");
+					} else if (trimmed.startsWith("Installing")) {
+						// Extract pod name: "Installing PodName (1.0.0)"
+						const match = trimmed.match(/Installing (\S+)/);
+						if (match) {
+							lastActivity = `installing ${match[1]}`;
+						}
+					} else if (trimmed.startsWith("Generating Pods project")) {
+						lastActivity = "generating Pods project";
+						logger.info("Generating Pods project...");
+					} else if (trimmed.startsWith("Integrating client project")) {
+						lastActivity = "integrating project";
+						logger.info("Integrating client project...");
 					}
 				}
 			});
 
 			child.stderr?.on("data", (data) => {
-				stderr += data.toString();
+				const chunk = data.toString();
+				stderr += chunk;
 				// Also log stderr for visibility
-				const lines = data.toString().split("\n");
+				const lines = chunk.split("\n");
 				for (const line of lines) {
 					if (line.trim()) {
 						logger.debug(`[pod:err] ${line.trim()}`);
@@ -647,16 +682,43 @@ class IOSPostInstallStage implements PipelineStage {
 			});
 
 			child.on("close", (code) => {
+				clearInterval(progressInterval);
+				const elapsed = Math.round((Date.now() - startTime) / 1000);
+
 				if (code === 0) {
+					logger.info(`pod install completed in ${elapsed}s`);
 					resolve();
 				} else {
+					logger.error(`pod install failed after ${elapsed}s`);
+					if (stdout) {
+						logger.debug(`Last stdout: ${stdout.slice(-500)}`);
+					}
 					reject(new Error(`pod install exited with code ${code}: ${stderr || stdout}`));
 				}
 			});
 
 			child.on("error", (err) => {
+				clearInterval(progressInterval);
 				reject(err);
 			});
+
+			// Timeout after 10 minutes
+			const timeout = setTimeout(
+				() => {
+					clearInterval(progressInterval);
+					const elapsed = Math.round((Date.now() - startTime) / 1000);
+					child.kill("SIGTERM");
+					logger.error(`pod install timed out after ${elapsed}s`);
+					logger.error("This usually means network issues or slow CocoaPods CDN");
+					if (stdout) {
+						logger.debug(`Last output: ${stdout.slice(-500)}`);
+					}
+					reject(new Error("pod install timed out"));
+				},
+				10 * 60 * 1000
+			);
+
+			child.on("close", () => clearTimeout(timeout));
 		});
 	}
 }

package/templates/package.json

@@ -3,7 +3,7 @@
 	"version": "<%= version %>",
 	"private": true,
 	"scripts": {
-		"start": "teardown start",
+		"dev": "teardown dev",
 		"ios": "teardown run ios",
 		"android": "teardown run android",
 		"lint": "eslint .",
@@ -11,6 +11,7 @@
 		"prebuild:clean": "teardown prebuild --clean"
 	},
 	"dependencies": {
+		"@gorhom/bottom-sheet": "^5",
 		"@react-navigation/bottom-tabs": "^7.2.0",
 		"@react-navigation/native": "^7.0.14",
 		"@react-navigation/native-stack": "^7.2.0",
@@ -19,13 +20,17 @@
 		"heroui-native": "^1.0.0-beta.12",
 		"react": "18.3.1",
 		"react-native": "0.78.2",
+		"react-native-gesture-handler": "^2.28.0",
 		"react-native-mmkv": "^3.2.0",
-		"react-native-reanimated": "^3.16.0",
-		"react-native-safe-area-context": "^4.14.0",
-		"react-native-screens": "~4.18.0",
-		"react-native-svg": "^15.8.0",
-		"uniwind": "^1.2.0",
-		"tailwindcss": "^4.0.0"
+		"react-native-reanimated": "~4.1.1",
+		"react-native-safe-area-context": "~5.6.0",
+		"react-native-screens": "~4.16.0",
+		"react-native-svg": "15.12.1",
+		"react-native-worklets": "0.5.1",
+		"tailwind-merge": "^3.4.0",
+		"tailwind-variants": "^3.2.2",
+		"tailwindcss": "^4.0.0",
+		"uniwind": "^1.2.0"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.26.0",