@srcroot/ui 0.0.33 → 0.0.34

package/dist/index.js

@@ -10,6 +10,7 @@ import path2 from "path";
 import ora from "ora";
 import prompts from "prompts";
 import { fileURLToPath as fileURLToPath2 } from "url";
+import { execa } from "execa";
 
 // src/cli/services/theme-service.ts
 import fs from "fs-extra";
@@ -193,6 +194,7 @@ var ProjectInitializer = class {
     await this.detectConfiguration();
     await this.promptUser();
     await this.scaffold();
+    await this.installDependencies();
     this.printSuccess();
   }
   async validateEnvironment() {
@@ -329,26 +331,38 @@ export function cn(...inputs: ClassValue[]) {
       process.exit(1);
     }
   }
-  printSuccess() {
+  async installDependencies() {
     const cfg = this.config;
-    logger.success("\n\u2705 Project initialized successfully!\n");
-    console.log(`Theme: ${cfg.selectedTheme}`);
-    console.log(`Tailwind: ${cfg.isTailwind4 ? "v4" : "v3"}`);
-    const requiredDeps = [
+    const spinner = ora("Installing dependencies...").start();
+    const deps = [
       "clsx",
       "tailwind-merge",
       "class-variance-authority",
       "react-icons"
     ];
     if (!cfg.isTailwind4) {
-      requiredDeps.push("tailwindcss-animate");
+      deps.push("tailwindcss-animate");
+    }
+    try {
+      await execa(cfg.packageManager, [cfg.installCmd, ...deps], {
+        cwd: cfg.cwd,
+        stdio: "pipe"
+      });
+      spinner.succeed(`Installed ${deps.length} dependencies`);
+    } catch (error) {
+      spinner.fail("Failed to install dependencies");
+      logger.warn(`
+Manually run: ${cfg.packageManager} ${cfg.installCmd} ${deps.join(" ")}`);
     }
-    logger.info("\n\u{1F4E6} Required dependencies:");
-    console.log(`  ${cfg.packageManager} ${cfg.installCmd} ${requiredDeps.join(" ")}`);
+  }
+  printSuccess() {
+    const cfg = this.config;
+    logger.success("\n\u2705 Project initialized successfully!\n");
+    console.log(`Theme: ${cfg.selectedTheme}`);
+    console.log(`Tailwind: ${cfg.isTailwind4 ? "v4" : "v3"}`);
     console.log("\n\u2728 Next steps:");
-    console.log("  1. Install dependencies (command above)");
-    console.log("  2. npx @srcroot/ui add button");
-    console.log("  3. npx @srcroot/ui add --all");
+    console.log("  1. npx @srcroot/ui add button");
+    console.log("  2. npx @srcroot/ui add --all");
     console.log();
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@srcroot/ui",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "description": "A UI library with polymorphic, accessible React components",
   "type": "module",
   "bin": {
@@ -25,6 +25,7 @@
   "dependencies": {
     "chalk": "^5.3.0",
     "commander": "^12.1.0",
+    "execa": "^9.6.1",
     "fs-extra": "^11.2.0",
     "ora": "^8.1.1",
     "prompts": "^2.4.2"