inai-react-components 1.4.0 → 1.4.1

package/dist/commands/add.js

@@ -650,34 +650,53 @@ async function installAll(options) {
         ...registry.templates,
     ];
     console.log(chalk.bold(`\nInstalling all ${allItems.length} components, blocks, and templates...\n`));
-    const installed = componentsJson.installedComponents ?? [];
-    const installedNames = new Set(installed.map((c) => c.name));
+    // Track what's been installed across the loop. Because `runAdd` resolves
+    // transitive dependencies (e.g. `alert` pulls in `button`), a component
+    // scheduled later in the iteration may already be on disk by the time we
+    // reach it. We refresh this set from `components.json` after every
+    // `runAdd` call so `isInstalled` stays accurate across the bulk install.
+    const installedNames = new Set((componentsJson.installedComponents ?? []).map((c) => c.name));
     const allNpmDeps = new Set();
     let addedCount = 0;
-    let updatedCount = 0;
+    let skippedCount = 0;
     for (const item of allItems) {
-        const isInstalled = installedNames.has(item.name);
-        const action = isInstalled ? "Updating" : "Adding";
+        // Skip components that were already installed by a previous iteration
+        // as a transitive dep — avoids redundant file writes and prevents the
+        // overwrite prompt from hanging the bulk install.
+        if (installedNames.has(item.name)) {
+            skippedCount++;
+            continue;
+        }
         const prefix = item.type === "block" ? "block/" : item.type === "template" ? "template/" : "";
-        const spinner = ora(`${action} "${prefix}${item.name}"...`).start();
+        const spinner = ora(`Adding "${prefix}${item.name}"...`).start();
         try {
             const spec = prefix ? `${prefix}${item.name}` : item.name;
+            // Pause the spinner defensively — any stray `prompts()` call inside
+            // `runAdd` would otherwise deadlock because ora holds stdout while
+            // the prompt reads stdin.
+            spinner.stop();
             const result = await runAdd(spec, rootDir, {
+                // During a bulk install, default to skipping files that already
+                // exist (from transitive deps or user edits) instead of prompting
+                // for overwrite. `--force` still overrides this if the user wants
+                // to refresh everything.
                 force: options?.force,
                 dryRun: options?.dryRun,
-                skipExisting: options?.skipExisting,
+                skipExisting: options?.skipExisting ?? !options?.force,
             });
             if (!result.added) {
                 spinner.fail(result.message);
                 continue;
             }
-            if (isInstalled) {
-                spinner.succeed(`Updated "${prefix}${item.name}"`);
-                updatedCount++;
-            }
-            else {
-                spinner.succeed(`Added "${prefix}${item.name}"`);
-                addedCount++;
+            spinner.succeed(`Added "${prefix}${item.name}"`);
+            addedCount++;
+            // Refresh the installed-names cache so the next iteration sees any
+            // transitive deps just installed by `runAdd`.
+            const freshJson = readComponentsJson(rootDir);
+            if (freshJson?.installedComponents) {
+                for (const entry of freshJson.installedComponents) {
+                    installedNames.add(entry.name);
+                }
             }
             for (const dep of result.npmDeps) {
                 allNpmDeps.add(dep);
@@ -694,8 +713,8 @@ async function installAll(options) {
     if (addedCount > 0) {
         console.log(chalk.green(`  ${addedCount} component${addedCount > 1 ? "s" : ""} added`));
     }
-    if (updatedCount > 0) {
-        console.log(chalk.blue(`  ${updatedCount} component${updatedCount > 1 ? "s" : ""} updated`));
+    if (skippedCount > 0) {
+        console.log(chalk.dim(`  ${skippedCount} component${skippedCount > 1 ? "s" : ""} skipped (already installed as dependency)`));
     }
     if (allNpmDeps.size > 0) {
         console.log(chalk.yellow("\nInstall required npm dependencies:"));

package/dist/index.js

@@ -17,7 +17,7 @@ const program = new Command();
 program
     .name("inai-ui")
     .description("CLI for InAI UI component library")
-    .version("1.4.0");
+    .version("1.4.1");
 program
     .command("init [repo-url]")
     .description("Initialize InAI UI in your project. Optionally pass a Git repo URL to fetch components remotely.")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inai-react-components",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "CLI for InAI UI component library — install components from a private registry into your React project",
   "private": false,
   "type": "module",