@srcroot/ui 0.0.62 → 0.0.64

package/dist/index.js

@@ -413,6 +413,9 @@ async function init(options) {
   await initializer.run();
 }
 
+// src/cli/commands/add.ts
+import path6 from "path";
+
 // src/cli/services/component-adder.ts
 import fs5 from "fs-extra";
 import path5 from "path";
@@ -863,14 +866,14 @@ var REGISTRY = {
     description: "Button to scroll to top",
     category: "Navigation",
     dependencies: ["button"],
-    registryDependencies: ["framer-motion"]
+    registryDependencies: []
   },
   "scroll-animation": {
     file: "ui/scroll-animation.tsx",
     description: "Scroll-triggered animations",
     category: "Layout",
     dependencies: [],
-    registryDependencies: ["framer-motion"]
+    registryDependencies: ["gsap", "@gsap/react"]
   },
   whatsapp: {
     file: "ui/whatsapp.tsx",
@@ -981,21 +984,14 @@ var ComponentAdder = class {
   logPlan(componentDeps, packageDeps) {
     const componentsToAdd = Array.from(componentDeps);
     const packagesToInstall = Array.from(packageDeps);
-    if (componentsToAdd.length > 10) {
+    if (componentsToAdd.length > 0) {
       logger.info(`
-\u{1F4E6} Adding ${componentsToAdd.length} components...
-`);
-    } else {
-      logger.info("\n\u{1F4E6} Adding components:\n");
-      componentsToAdd.forEach((name) => {
-        console.log(`  - ${name}`);
-      });
+\u{1F4E6} Adding components:`);
+      console.log(`  ${componentsToAdd.join(", ")}`);
     }
     if (packagesToInstall.length > 0) {
-      logger.info("\n\u{1F4E6} Installing dependencies:\n");
-      packagesToInstall.forEach((pkg) => {
-        console.log(`  - ${pkg}`);
-      });
+      logger.info("\n\u{1F4E6} Installing dependencies:");
+      console.log(`  ${packagesToInstall.join(", ")}`);
     }
     console.log();
   }
@@ -1022,11 +1018,52 @@ Please manually install: ${packages.join(" ")}`);
     const componentsDir = path5.join(srcPath, "components", "ui");
     try {
       await fs5.ensureDir(componentsDir);
+      let overwriteAll = false;
+      let skipAll = false;
+      if (!this.options.overwrite) {
+        const conflicts = [];
+        for (const name of components) {
+          const comp = REGISTRY[name];
+          const fileName = path5.basename(comp.file);
+          const targetPath = path5.join(componentsDir, fileName);
+          if (fs5.existsSync(targetPath)) {
+            conflicts.push(fileName);
+          }
+        }
+        if (conflicts.length > 0) {
+          spinner.stop();
+          logger.warn(`
+\u26A0\uFE0F  The following components already exist:`);
+          console.log(`  ${conflicts.join(", ")}`);
+          console.log();
+          const { action } = await prompts2({
+            type: "select",
+            name: "action",
+            message: "How would you like to proceed?",
+            choices: [
+              { title: "Overwrite all", value: "overwrite" },
+              { title: "Skip all", value: "skip" },
+              { title: "Decide for each", value: "ask" }
+            ]
+          });
+          if (!action) {
+            logger.warn("Action cancelled.");
+            process.exit(0);
+          }
+          if (action === "overwrite") overwriteAll = true;
+          if (action === "skip") skipAll = true;
+        }
+        spinner.start("Adding components...");
+      }
       for (const name of components) {
         const comp = REGISTRY[name];
         const fileName = path5.basename(comp.file);
         const targetPath = path5.join(componentsDir, fileName);
-        if (fs5.existsSync(targetPath) && !this.options.overwrite) {
+        if (fs5.existsSync(targetPath) && !this.options.overwrite && !overwriteAll) {
+          if (skipAll) {
+            spinner.info(`Skipped ${fileName}`);
+            continue;
+          }
           spinner.stop();
           const { overwrite } = await prompts2({
             type: "confirm",
@@ -1041,7 +1078,7 @@ Please manually install: ${packages.join(" ")}`);
           }
           spinner.start("Adding components...");
         }
-        const registryPath = path5.resolve(__dirname4, "..", "src", "registry", comp.file);
+        const registryPath = path5.resolve(__dirname4, "..", "..", "registry", comp.file);
         if (!fs5.existsSync(registryPath)) {
           spinner.warn(`Registry file not found for ${name}: ${registryPath}`);
           continue;
@@ -1067,7 +1104,7 @@ Please manually install: ${packages.join(" ")}`);
 
 // src/cli/commands/add.ts
 async function add(components, options) {
-  const cwd = process.cwd();
+  const cwd = path6.resolve(options.cwd);
   const adder = new ComponentAdder(cwd, options);
   await adder.add(components);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@srcroot/ui",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "description": "A UI library with polymorphic, accessible React components",
   "author": "Shifaul Islam",
   "license": "MIT",