@brxndxndiaz/ui 0.1.2 → 0.1.4

package/bin/brxndxndiaz-ui.js

@@ -4,7 +4,7 @@
 const fs = require("fs");
 const path = require("path");
 const { spawnSync } = require("child_process");
-const readline = require("readline");
+const inquirer = require("inquirer");
 
 const REGISTRY_BASE = "https://ui.brndndiaz.dev/r";
 const SOURCE_BASE = process.env.BRXN_SOURCE_BASE;
@@ -63,16 +63,13 @@ function readJson(filePath) {
 }
 
 function prompt(question) {
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout,
-  });
-  return new Promise((resolve) => {
-    rl.question(question, (answer) => {
-      rl.close();
-      resolve(answer.trim());
-    });
-  });
+  return inquirer.prompt([
+    {
+      type: "input",
+      name: "answer",
+      message: question,
+    },
+  ]).then((answers) => answers.answer);
 }
 
 function parseSelection(input, max) {
@@ -116,23 +113,49 @@ function detectPackageManager(projectRoot) {
   return "npm";
 }
 
-function installDependencies(dependencies) {
-  if (!dependencies || dependencies.length === 0) return;
+function installDependencies(dependencies, devDependencies) {
+  const deps = dependencies || [];
+  const devDeps = devDependencies || [];
+  if (deps.length === 0 && devDeps.length === 0) return;
   const projectRoot = process.cwd();
   if (!fileExists(path.join(projectRoot, "package.json"))) {
     console.warn("Skipping dependency install: package.json not found.");
     return;
   }
   const pkgManager = detectPackageManager(projectRoot);
-  const args =
-    pkgManager === "yarn"
-      ? ["add", ...dependencies]
-      : pkgManager === "pnpm" || pkgManager === "bun"
-        ? ["add", ...dependencies]
-        : ["install", ...dependencies];
-  const result = spawnSync(pkgManager, args, { stdio: "inherit" });
-  if (result.status !== 0) {
-    throw new Error(`Failed to install dependencies with ${pkgManager}.`);
+  const installArgs = (items, isDev) => {
+    if (items.length === 0) return null;
+    if (pkgManager === "npm") {
+      return isDev ? ["install", "--save-dev", ...items] : ["install", ...items];
+    }
+    if (pkgManager === "yarn") {
+      return isDev ? ["add", "-D", ...items] : ["add", ...items];
+    }
+    if (pkgManager === "pnpm") {
+      return isDev ? ["add", "-D", ...items] : ["add", ...items];
+    }
+    if (pkgManager === "bun") {
+      return isDev ? ["add", "-d", ...items] : ["add", ...items];
+    }
+    return null;
+  };
+
+  if (deps.length > 0) {
+    console.log(`Installing dependencies with ${pkgManager}: ${deps.join(", ")}`);
+    const args = installArgs(deps, false);
+    const result = spawnSync(pkgManager, args, { stdio: "inherit" });
+    if (result.status !== 0) {
+      throw new Error(`Failed to install dependencies with ${pkgManager}.`);
+    }
+  }
+
+  if (devDeps.length > 0) {
+    console.log(`Installing dev dependencies with ${pkgManager}: ${devDeps.join(", ")}`);
+    const args = installArgs(devDeps, true);
+    const result = spawnSync(pkgManager, args, { stdio: "inherit" });
+    if (result.status !== 0) {
+      throw new Error(`Failed to install dev dependencies with ${pkgManager}.`);
+    }
   }
 }
 
@@ -181,14 +204,17 @@ async function promptForComponentsRoot(projectRoot) {
   const defaults = ["components", "src/components", "app/components", "src/app/components"];
   const options = detection && Array.isArray(detection) ? detection : defaults;
 
-  console.log("\nSelect a components directory:");
-  options.forEach((option, index) => {
-    console.log(`  ${index + 1}) ${option}`);
-  });
-  const answer = await prompt("Enter a number (default 1): ");
-  const selection = parseSelection(answer || "1", options.length)[0] || 1;
-  const chosen = options[selection - 1] || options[0];
-  return chosen;
+  const answers = await inquirer.prompt([
+    {
+      type: "list",
+      name: "root",
+      message: "Select a components directory:",
+      choices: options,
+      default: options[0],
+    },
+  ]);
+
+  return answers.root;
 }
 
 function resolveComponentTarget(targetPath, componentsRoot) {
@@ -219,7 +245,8 @@ async function addComponent(
   name,
   componentsRoot,
   seen = new Set(),
-  dependencies = new Set()
+  dependencies = new Set(),
+  devDependencies = new Set()
 ) {
   if (seen.has(name)) return;
   seen.add(name);
@@ -247,12 +274,24 @@ async function addComponent(
 
   if (item.registryDependencies && item.registryDependencies.length > 0) {
     for (const dependency of item.registryDependencies) {
-      await addComponent(dependency, componentsRoot, seen, dependencies);
+      await addComponent(
+        dependency,
+        componentsRoot,
+        seen,
+        dependencies,
+        devDependencies
+      );
     }
   }
-  if (item.dependencies && item.dependencies.length > 0) {
+  if (Array.isArray(item.dependencies)) {
     item.dependencies.forEach((dep) => dependencies.add(dep));
   }
+  if (Array.isArray(item.devDependencies)) {
+    item.devDependencies.forEach((dep) => devDependencies.add(dep));
+  }
+  if (Array.isArray(item.peerDependencies)) {
+    item.peerDependencies.forEach((dep) => dependencies.add(dep));
+  }
 
   for (const file of item.files) {
     const targetPath = file.target || file.path;
@@ -285,18 +324,26 @@ async function promptForRegistryComponents(componentsRoot) {
     process.exit(0);
   }
 
-  console.log("\nWhich components would you like to add?");
-  available.forEach((item, index) => {
-    console.log(`  ${index + 1}) ${item.name}`);
-  });
-  console.log("Enter numbers separated by commas (or 'all'):");
-  const answer = await prompt("> ");
-  const selections = parseSelection(answer, available.length);
-  if (!selections.length) {
+  const answers = await inquirer.prompt([
+    {
+      type: "checkbox",
+      name: "components",
+      message: "Which components would you like to add?",
+      choices: available.map((item) => ({
+        name: item.name,
+        value: item.name,
+        checked: false,
+      })),
+      pageSize: 10,
+    },
+  ]);
+
+  if (!answers.components.length) {
     console.log("No components selected. Exiting.");
     process.exit(1);
   }
-  return selections.map((index) => available[index - 1].name);
+
+  return answers.components;
 }
 
 function resolveTailwindCssPath(projectRoot) {
@@ -398,10 +445,11 @@ async function main() {
 
   const seen = new Set();
   const dependencies = new Set();
+  const devDependencies = new Set();
   for (const component of components) {
-    await addComponent(component, componentsRoot, seen, dependencies);
+    await addComponent(component, componentsRoot, seen, dependencies, devDependencies);
   }
-  installDependencies(Array.from(dependencies));
+  installDependencies(Array.from(dependencies), Array.from(devDependencies));
 }
 
 main().catch((error) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@brxndxndiaz/ui",
-	"version": "0.1.2",
+	"version": "0.1.4",
 	"private": false,
 	"description": "CLI for the brxndxndiaz UI registry.",
 	"scripts": {
@@ -9,7 +9,10 @@
 	"bin": {
 		"brxndxndiaz-ui": "bin/brxndxndiaz-ui.js"
 	},
+	"dependencies": {
+		"inquirer": "^8.2.5"
+	},
 	"engines": {
 		"node": ">=18"
 	}
-}
+}