@the-grove/cli 0.1.5 → 0.1.8

package/README.md

@@ -19,6 +19,27 @@ npx the-grove list
 npx the-grove contribute ./components/my-component.tsx
 ```
 
+## Shadcn Compatibility
+
+the-grove registry is fully compatible with shadcn's CLI! You can use either:
+
+**the-grove CLI** (recommended for ease of use):
+```bash
+npx the-grove add async-button
+```
+
+**shadcn CLI** (if you prefer):
+```bash
+npx shadcn@latest add https://raw.githubusercontent.com/matthewnaples/the-grove/main/packages/registry/registry/core/async-button.json
+```
+
+### Why Use the-grove CLI?
+
+- Automatic component discovery (no need to know category)
+- Stack detection (warns about missing Convex/Clerk dependencies)
+- Browse components with `the-grove list`
+- Same reliable installation (uses shadcn under the hood)
+
 ## Commands
 
 ### add

package/dist/index.js

@@ -9,7 +9,6 @@ import ora from "ora";
 import chalk from "chalk";
 import prompts from "prompts";
 import fs from "fs-extra";
-import path from "path";
 var REGISTRY_BASE_URL = "https://raw.githubusercontent.com/matthewnaples/the-grove/main/packages/registry/registry";
 async function add(components, options) {
   if (!components || components.length === 0) {
@@ -44,13 +43,31 @@ async function add(components, options) {
         }
         spinner.start(`Adding ${componentName}...`);
       }
-      await installComponent(registryEntry, options.path || "components/ui");
-      spinner.succeed(`Added ${componentName}`);
+      spinner.stop();
+      console.log(chalk.gray(`Installing ${componentName} via shadcn...
+`));
+      const args = ["shadcn@latest", "add", registryUrl];
+      if (options.yes) {
+        args.push("--yes");
+      }
+      if (options.path) {
+        args.push("--path", options.path);
+      }
+      try {
+        await execa("npx", args, { stdio: "inherit" });
+        console.log(chalk.green(`\u2713 Added ${componentName}`));
+      } catch (error) {
+        console.log(chalk.red(`\u2717 Failed to add ${componentName}`));
+        throw error;
+      }
     }
     console.log(chalk.green("\n\u2705 All components added successfully!"));
   } catch (error) {
-    spinner.fail("Failed to add component");
-    console.error(chalk.red(error instanceof Error ? error.message : "Unknown error"));
+    spinner.stop();
+    console.error(chalk.red("\n\u2717 Failed to add component"));
+    if (error instanceof Error && error.message) {
+      console.error(chalk.red(error.message));
+    }
     process.exit(1);
   }
 }
@@ -109,25 +126,11 @@ async function checkDependencies(registryEntry, stack) {
   }
   return missing;
 }
-async function installComponent(registryEntry, targetPath) {
-  const cwd = process.cwd();
-  if (registryEntry.dependencies && registryEntry.dependencies.length > 0) {
-    console.log(chalk.gray(`Installing dependencies: ${registryEntry.dependencies.join(", ")}`));
-    await execa("npm", ["install", ...registryEntry.dependencies], { cwd, stdio: "inherit" });
-  }
-  for (const file of registryEntry.files) {
-    const filePath = path.join(cwd, file.path);
-    const dir = path.dirname(filePath);
-    await fs.ensureDir(dir);
-    await fs.writeFile(filePath, file.content, "utf-8");
-    console.log(chalk.gray(`  Created ${path.relative(cwd, filePath)}`));
-  }
-}
 
 // src/commands/contribute.ts
 import { Octokit } from "@octokit/rest";
 import fs2 from "fs-extra";
-import path2 from "path";
+import path from "path";
 import prompts2 from "prompts";
 import ora2 from "ora";
 import chalk2 from "chalk";
@@ -147,7 +150,7 @@ async function contribute(filePaths) {
       files.push({
         localPath: fp,
         content: await fs2.readFile(fp, "utf-8"),
-        componentName: path2.basename(fp, path2.extname(fp))
+        componentName: path.basename(fp, path.extname(fp))
       });
     }
     const answers = await prompts2([
@@ -232,7 +235,7 @@ async function contribute(filePaths) {
 }
 function mapLocalPathToTemplate(localPath) {
   const normalized = localPath.replace(/^\.\//, "").replace(/components\/ui\//, "components/").replace(/components\//, "");
-  const name = path2.basename(normalized, path2.extname(normalized));
+  const name = path.basename(normalized, path.extname(normalized));
   return `packages/components/src/core/${name}/index.tsx`;
 }
 async function promptForToken() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@the-grove/cli",
-  "version": "0.1.5",
+  "version": "0.1.8",
   "type": "module",
   "description": "CLI for the-grove component library",
   "bin": {