@brxndxndiaz/ui 0.1.3 → 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) {
@@ -207,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) {
@@ -324,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) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@brxndxndiaz/ui",
-	"version": "0.1.3",
+	"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"
 	}
-}
+}