@marv3l/canopy-ui 1.2.0 → 1.2.1

package/dist/index.js

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+#!/usr/bin/env node
 
 // src/index.ts
 import { Command } from "commander";
@@ -13,28 +14,33 @@ import pc from "picocolors";
 
 // src/registry.ts
 var REGISTRY = {
-  // Toast component registration
   toast: {
-    name: "Custom Toast Notification System",
-    // Packages to automatically install in consumer project
-    dependencies: ["lucide-react", "clsx", "tailwind-merge"],
+    name: "Toast",
+    packageName: "@canopy-ui/toast",
+    // Your published npm package name
+    dependencies: ["lucide-react"],
     files: [
       {
-        templatePath: "toast/toast.tsx",
-        targetName: "toast.tsx"
-      },
-      {
-        templatePath: "toast/use-toast.ts",
-        targetName: "use-toast.ts"
+        targetName: "toast.tsx",
+        content: `"use client";
+
+export * from "@canopy-ui/toast";`
       }
     ]
   }
-  // Future components (dialog, sheet, dropdown) are added here
 };
 
 // src/commands/add.ts
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = path.dirname(__filename);
+async function detectPackageManager(projectRoot) {
+  if (await fs.pathExists(path.join(projectRoot, "pnpm-lock.yaml"))) return "pnpm";
+  if (await fs.pathExists(path.join(projectRoot, "yarn.lock"))) return "yarn";
+  if (await fs.pathExists(path.join(projectRoot, "bun.lockb")) || await fs.pathExists(path.join(projectRoot, "bun.lock"))) {
+    return "bun";
+  }
+  return "npm";
+}
 async function add(componentKeys) {
   p.intro(pc.bgCyan(pc.black(" Canopy UI ")));
   let selected = componentKeys;
@@ -55,6 +61,7 @@ async function add(componentKeys) {
     selected = response;
   }
   const projectRoot = process.cwd();
+  const pkgManager = await detectPackageManager(projectRoot);
   const hasSrc = await fs.pathExists(path.join(projectRoot, "src"));
   const targetDir = hasSrc ? path.join(projectRoot, "src", "components", "ui") : path.join(projectRoot, "components", "ui");
   await fs.ensureDir(targetDir);
@@ -65,35 +72,58 @@ async function add(componentKeys) {
       p.log.error(`Component "${key}" was not found in registry.`);
       continue;
     }
-    spinner2.start(`Copying ${meta.name} source files...`);
+    spinner2.start(`Setting up ${meta.name}...`);
+    const allDependencies = [
+      ...meta.packageName ? [meta.packageName] : [],
+      ...meta.dependencies || []
+    ];
+    if (allDependencies.length > 0) {
+      spinner2.message(
+        `Installing packages (${pc.cyan(pkgManager)}): ${pc.dim(allDependencies.join(", "))}...`
+      );
+      const installArgs = {
+        npm: ["install", ...allDependencies],
+        pnpm: ["add", ...allDependencies],
+        yarn: ["add", ...allDependencies],
+        bun: ["add", ...allDependencies]
+      }[pkgManager];
+      try {
+        await execa(pkgManager, installArgs, {
+          cwd: projectRoot,
+          stdio: "pipe"
+        });
+      } catch (err) {
+        spinner2.stop(pc.red(`Failed to install dependencies for ${meta.name}`));
+        p.log.error(String(err));
+        continue;
+      }
+    }
+    spinner2.message(`Creating component stub for ${meta.name}...`);
     for (const file of meta.files) {
-      const srcPath = path.resolve(__dirname, "../templates", file.templatePath);
       const destPath = path.join(targetDir, file.targetName);
-      if (await fs.pathExists(srcPath)) {
-        await fs.copy(srcPath, destPath, { overwrite: true });
-      } else {
-        spinner2.stop(pc.red(`Template file missing: ${file.templatePath}`));
-        p.log.warn(pc.dim(`Looked at path: ${srcPath}`));
-        return;
+      if (file.templatePath) {
+        const srcPath = path.resolve(__dirname, "../templates", file.templatePath);
+        if (await fs.pathExists(srcPath)) {
+          await fs.copy(srcPath, destPath, { overwrite: true });
+        } else {
+          spinner2.stop(pc.red(`Template file missing: ${file.templatePath}`));
+          p.log.warn(pc.dim(`Looked at path: ${srcPath}`));
+          return;
+        }
+      } else if (file.content) {
+        await fs.writeFile(destPath, file.content.trim() + "\n", "utf-8");
       }
     }
-    if (meta.dependencies && meta.dependencies.length > 0) {
-      spinner2.message(
-        `Installing required npm packages: ${meta.dependencies.join(", ")}...`
-      );
-      await execa("npm", ["install", ...meta.dependencies], {
-        cwd: projectRoot
-      });
-    }
-    spinner2.stop(pc.green(`\u2714 Added ${meta.name} into ${hasSrc ? "src/" : ""}components/ui/`));
+    const relativePath = `${hasSrc ? "src/" : ""}components/ui/`;
+    spinner2.stop(pc.green(`\u2714 Added ${meta.name} into ${relativePath}`));
   }
   p.outro(pc.green("All components successfully installed!"));
 }
 
 // src/index.ts
 var program = new Command();
-program.name("Canopy UI").description("Install custom modular UI components directly to your project").version("1.0.0");
-program.command("add").description("Add a component to your project").argument("[components...]", "Component identifiers (e.g., toast").action(async (components) => {
+program.name("canopy-ui").description("Install custom modular UI components directly to your project").version("1.0.0");
+program.command("add").description("Add a component to your project").argument("[components...]", "Component identifiers (e.g., toast)").action(async (components) => {
   await add(components);
 });
 program.parse(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marv3l/canopy-ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "An accessible, themable React UI component library built for fast-moving web applications.",
   "main": "./dist/index.js",
   "bin": {