@srcroot/ui 0.0.7 → 0.0.11

package/dist/index.js

@@ -363,8 +363,8 @@ async function init(options) {
     console.log(chalk.red("Error: No package.json found. Please run this in a project directory."));
     process.exit(1);
   }
-  const srcDir = path.join(cwd, "src");
-  const appDir = path.join(cwd, "app");
+  const srcDir = fs.existsSync(path.join(cwd, "src")) ? path.join(cwd, "src") : cwd;
+  const appDir = path.join(srcDir, "app");
   const isAppRouter = fs.existsSync(appDir);
   const libDir = path.join(srcDir, "lib");
   const componentsDir = path.join(srcDir, "components", "ui");
@@ -387,93 +387,58 @@ async function init(options) {
       selectedTheme = themeResponse.theme;
     }
   }
-  if (!options.yes) {
-    const response = await prompts([
-      {
-        type: "confirm",
-        name: "proceed",
-        message: `This will create files in ${chalk.cyan(cwd)} with ${chalk.cyan(THEMES[selectedTheme].name)} theme. Continue?`,
-        initial: true
-      }
-    ]);
-    if (!response.proceed) {
-      console.log(chalk.yellow("Cancelled."));
-      process.exit(0);
-    }
-  }
   const spinner = ora("Creating project structure...").start();
   try {
     await fs.ensureDir(libDir);
     await fs.ensureDir(componentsDir);
     const utilsPath = path.join(libDir, "utils.ts");
     await fs.writeFile(utilsPath, UTILS_CONTENT);
-    spinner.succeed(`Created ${chalk.cyan("src/lib/utils.ts")}`);
+    spinner.succeed(`Created ${chalk.cyan(path.relative(cwd, utilsPath))}`);
     spinner.start(`Setting up ${chalk.cyan(THEMES[selectedTheme].name)} theme...`);
     const stylesDir = path.dirname(globalsPath);
     await fs.ensureDir(stylesDir);
     const cssContent = generateCssVariables(selectedTheme);
-    if (fs.existsSync(globalsPath)) {
-      const existingCss = await fs.readFile(globalsPath, "utf-8");
-      if (!existingCss.includes("--background:")) {
-        await fs.writeFile(globalsPath, cssContent + "\n" + existingCss);
-        spinner.succeed(`Updated ${chalk.cyan(path.relative(cwd, globalsPath))} with ${chalk.cyan(THEMES[selectedTheme].name)} theme`);
-      } else {
-        spinner.info(`CSS variables already exist in ${chalk.cyan(path.relative(cwd, globalsPath))}`);
-      }
-    } else {
-      await fs.writeFile(globalsPath, cssContent);
-      spinner.succeed(`Created ${chalk.cyan(path.relative(cwd, globalsPath))} with ${chalk.cyan(THEMES[selectedTheme].name)} theme`);
-    }
+    await fs.writeFile(globalsPath, cssContent);
+    spinner.succeed(`Updated ${chalk.cyan(path.relative(cwd, globalsPath))} with ${chalk.cyan(THEMES[selectedTheme].name)} theme`);
     spinner.start("Setting up Tailwind config...");
     const tailwindConfigPath = path.join(cwd, "tailwind.config.ts");
-    if (!fs.existsSync(tailwindConfigPath)) {
-      await fs.writeFile(tailwindConfigPath, TAILWIND_CONFIG);
-      spinner.succeed(`Created ${chalk.cyan("tailwind.config.ts")}`);
-    } else {
-      spinner.info(`${chalk.cyan("tailwind.config.ts")} already exists, skipping`);
-    }
+    await fs.writeFile(tailwindConfigPath, TAILWIND_CONFIG);
+    spinner.succeed(`Created ${chalk.cyan("tailwind.config.ts")}`);
     spinner.start("Checking dependencies...");
     const pkg = await fs.readJson(packageJsonPath);
     const deps = { ...pkg.dependencies, ...pkg.devDependencies };
     const missing = [];
-    const requiredDeps = ["clsx", "tailwind-merge", "class-variance-authority", "lucide-react"];
-    for (const dep of requiredDeps) {
-      if (!deps[dep]) {
-        missing.push(dep);
+    const requiredDeps = {
+      "clsx": "clsx@2.1.1",
+      "tailwind-merge": "tailwind-merge@3.4.0",
+      "class-variance-authority": "class-variance-authority@0.7.1",
+      "lucide-react": "lucide-react@0.561.0"
+    };
+    for (const [depName, installCmd] of Object.entries(requiredDeps)) {
+      if (!deps[depName]) {
+        missing.push(installCmd);
       }
     }
     if (missing.length > 0) {
-      spinner.stop();
-      const { install } = await prompts({
-        type: "confirm",
-        name: "install",
-        message: `Missing dependencies: ${missing.join(", ")}. Install now?`,
-        initial: true
-      });
-      if (install) {
-        spinner.start(`Installing dependencies...`);
-        import("child_process").then(({ execSync }) => {
-          execSync(`npm install ${missing.join(" ")}`, { stdio: "ignore", cwd });
-          spinner.succeed("Dependencies installed");
-        }).catch(() => {
-          spinner.fail("Failed to install dependencies automatically.");
-          console.log(chalk.dim(`
-Please manually run: npm install ${missing.join(" ")}
-`));
-        });
-      } else {
+      spinner.text = `Installing dependencies: ${missing.join(", ")}...`;
+      try {
+        const { execSync } = await import("child_process");
+        execSync(`npm install ${missing.join(" ")}`, { stdio: "ignore", cwd });
+        spinner.succeed("Dependencies installed");
+      } catch {
+        spinner.fail("Failed to install dependencies automatically");
         console.log(chalk.dim(`
 Please manually run: npm install ${missing.join(" ")}
 `));
       }
     } else {
-      spinner.succeed("All dependencies installed");
+      spinner.succeed("All dependencies already installed");
     }
     console.log(chalk.green("\n\u2705 Project initialized successfully!\n"));
     console.log(`Theme: ${chalk.cyan(THEMES[selectedTheme].name)}`);
     console.log("\nNext steps:");
-    console.log(chalk.dim("  1. Install missing dependencies (if any)"));
-    console.log(chalk.dim("  2. Run: npx srcroot-ui add button"));
+    console.log(chalk.dim("  npx @srcroot/ui add button"));
+    console.log(chalk.dim("  npx @srcroot/ui add --all"));
     console.log();
   } catch (error) {
     spinner.fail("Failed to initialize project");
@@ -963,7 +928,7 @@ async function list() {
 
 // src/cli/index.ts
 var program = new Command();
-program.name("@srcroot/ui").description("Add polymorphic, accessible UI components to your project").version("0.0.1");
+program.name("@srcroot/ui").description("Add polymorphic, accessible UI components to your project").version("0.0.8");
 program.command("init").description("Initialize your project with srcroot-ui").option("-y, --yes", "Skip confirmation prompts", false).option("-t, --theme <theme>", "Color theme (slate, neutral, stone, zinc, gray)").option("--cwd <path>", "Working directory", process.cwd()).action(init);
 program.command("add").description("Add components to your project").argument("[components...]", "Components to add").option("-y, --yes", "Skip confirmation prompts", false).option("-o, --overwrite", "Overwrite existing files", false).option("-a, --all", "Add all available components", false).option("--cwd <path>", "Working directory", process.cwd()).action(add);
 program.command("list").description("List all available components").action(list);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@srcroot/ui",
-  "version": "0.0.7",
+  "version": "0.0.11",
   "description": "A shadcn-style CLI UI library with polymorphic, accessible React components",
   "type": "module",
   "bin": {
@@ -39,11 +39,11 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "lucide-react": "^0.460.0",
+    "lucide-react": "^0.561.0",
     "cmdk": "^1.0.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "tailwind-merge": "^2.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.4.0",
     "tailwindcss": "^3.0.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {