@metacells/mcellui-cli 0.2.0 → 0.2.2

package/dist/index.js

@@ -883,7 +883,7 @@ function getInstalledNames(installedFiles) {
 }
 
 // src/commands/add.ts
-var addCommand = new Command2().name("add").description("Add a component to your project").argument("[components...]", "Components to add").option("-y, --yes", "Skip confirmation").option("-o, --overwrite", "Overwrite existing files").option("--cwd <path>", "Working directory", process.cwd()).action(async (components, options) => {
+var addCommand = new Command2().name("add").description("Add a component to your project").argument("[components...]", "Components to add").option("-y, --yes", "Skip confirmation").option("-o, --overwrite", "Overwrite existing files").option("--no-barrel", "Skip index.ts barrel file generation").option("--cwd <path>", "Working directory", process.cwd()).action(async (components, options) => {
   const spinner = ora2();
   try {
     const cwd = path5.resolve(options.cwd);
@@ -974,6 +974,7 @@ var addCommand = new Command2().name("add").description("Add a component to your
     const allDependencies = [];
     const allDevDependencies = [];
     let failCount = 0;
+    const registryMap = new Map(registry.map((item) => [item.name, item]));
     for (const componentName of toInstall) {
       spinner.start(`Fetching ${componentName}...`);
       try {
@@ -995,6 +996,15 @@ var addCommand = new Command2().name("add").description("Add a component to your
           await fs5.writeFile(targetPath, transformedContent);
         }
         spinner.succeed(`Added ${componentName}`);
+        if (requested.has(componentName)) {
+          const registryItem = registryMap.get(componentName);
+          if (registryItem?.props?.length) {
+            console.log(chalk4.dim(`  Props: ${registryItem.props.join(", ")}`));
+          }
+          const pascalName = toPascalCase(componentName);
+          const importPath = config.aliases.components || "@/components";
+          console.log(chalk4.dim(`  Import: import { ${pascalName} } from '${importPath}/${componentName}';`));
+        }
         if (component.dependencies?.length) {
           allDependencies.push(...component.dependencies);
         }
@@ -1010,6 +1020,10 @@ var addCommand = new Command2().name("add").description("Add a component to your
     if (failCount > 0) {
       process.exit(1);
     }
+    if (options.barrel !== false) {
+      const targetDir = path5.join(projectRoot, config.componentsPath);
+      await generateBarrelFile(targetDir);
+    }
     const uniqueDeps = [...new Set(allDependencies)];
     const uniqueDevDeps = [...new Set(allDevDependencies)];
     if (uniqueDeps.length || uniqueDevDeps.length) {
@@ -1032,6 +1046,30 @@ var addCommand = new Command2().name("add").description("Add a component to your
     });
   }
 });
+async function generateBarrelFile(componentsDir) {
+  if (!await fs5.pathExists(componentsDir)) {
+    return;
+  }
+  const files = await fs5.readdir(componentsDir);
+  const componentFiles = files.filter((file) => (file.endsWith(".tsx") || file.endsWith(".ts")) && file !== "index.ts" && file !== "index.tsx").sort();
+  if (componentFiles.length === 0) {
+    return;
+  }
+  const exports = componentFiles.map((file) => {
+    const name = file.replace(/\.tsx?$/, "");
+    return `export * from './${name}';`;
+  }).join("\n");
+  const content = `// Auto-generated barrel file - do not edit manually
+// Re-run \`npx mcellui add\` to regenerate
+
+${exports}
+`;
+  const indexPath = path5.join(componentsDir, "index.ts");
+  await fs5.writeFile(indexPath, content);
+}
+function toPascalCase(str) {
+  return str.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
 
 // src/commands/list.ts
 import { Command as Command3 } from "commander";
@@ -2064,7 +2102,7 @@ var createCommand = new Command7().name("create").description("Scaffold a new cu
     if (!config) {
       errors.notInitialized();
     }
-    const componentName = toPascalCase(name);
+    const componentName = toPascalCase2(name);
     const fileName = toKebabCase(name) + ".tsx";
     const targetDir = path10.join(projectRoot, config.componentsPath);
     const targetPath = path10.join(targetDir, fileName);
@@ -2117,7 +2155,7 @@ var createCommand = new Command7().name("create").description("Scaffold a new cu
     });
   }
 });
-function toPascalCase(str) {
+function toPascalCase2(str) {
   return str.replace(/[-_\s]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").replace(/^(.)/, (c) => c.toUpperCase());
 }
 function toKebabCase(str) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metacells/mcellui-cli",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "CLI for mcellui - add beautiful, accessible UI components to your Expo/React Native project",
   "author": "metacells",
   "license": "MIT",
@@ -49,15 +49,15 @@
     "lint": "eslint src/"
   },
   "dependencies": {
-    "commander": "^12.0.0",
     "chalk": "^5.3.0",
+    "commander": "^12.0.0",
+    "detect-indent": "^7.0.1",
     "diff": "^7.0.0",
-    "ora": "^8.0.0",
-    "prompts": "^2.4.2",
     "fs-extra": "^11.2.0",
     "glob": "^10.3.0",
-    "detect-indent": "^7.0.1",
     "jiti": "^1.21.0",
+    "ora": "^8.0.0",
+    "prompts": "^2.4.2",
     "zod": "^3.23.0"
   },
   "devDependencies": {