purvex-ui 1.0.3 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "purvex-ui",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "React component generator with Tailwind CSS v4 & Purple Elegant theme",
   "main": "src/index.js",
   "bin": {

package/src/commands/add.js

@@ -4,77 +4,124 @@ const chalk = require('chalk');
 
 async function addComponent(componentName, options) {
   try {
-    console.log(chalk.blue.bold(`\n🔄 Adding ${componentName}...\n`));
+    console.log(chalk.blue.bold(`\\n🔄 Adding ${componentName}...\\n`));
     
-    // 1. Load registry
-    const cliDir = path.dirname(path.dirname(__dirname));
-    const rootDir = path.dirname(path.dirname(cliDir));
-    const registryPath = path.join(rootDir, 'registry', 'components.json');
+    // 1. Cari registry file
+    const possiblePaths = [
+      path.join(__dirname, '..', 'registry', 'components.json'),
+      path.join(__dirname, 'registry', 'components.json'),
+      path.join(process.cwd(), 'node_modules', 'purvex-ui', 'registry', 'components.json'),
+      path.join(process.cwd(), 'registry', 'components.json')
+    ];
     
-    if (!fs.existsSync(registryPath)) {
+    let registryPath = null;
+    for (const p of possiblePaths) {
+      if (fs.existsSync(p)) {
+        registryPath = p;
+        console.log(chalk.gray(`Found registry at: ${p}`));
+        break;
+      }
+    }
+    
+    if (!registryPath) {
       console.log(chalk.red('❌ Registry not found'));
+      console.log(chalk.yellow('\\nAvailable components:'));
+      console.log(chalk.cyan('  • button'));
+      console.log(chalk.cyan('  • card'));
+      console.log(chalk.cyan('  • avatar'));
       return;
     }
     
+    // 2. Load registry
     const registryContent = fs.readFileSync(registryPath, 'utf-8');
     const registry = JSON.parse(registryContent);
     
-    // 2. Find component
+    // 3. Cari component
     const component = registry.components.find(c => c.name === componentName);
     
     if (!component) {
       console.log(chalk.red(`❌ Component "${componentName}" not found`));
-      console.log(chalk.yellow('\nAvailable components:'));
+      console.log(chalk.yellow('\\nAvailable components:'));
       registry.components.forEach(c => {
         console.log(chalk.cyan(`  - ${c.name}`));
       });
       return;
     }
     
-    // 3. Setup target directory INSIDE src
+    // 4. Buat target directory
     const userProjectRoot = process.cwd();
     const targetDir = path.join(userProjectRoot, 'src', 'components', 'ui');
     
-    // Auto create directory jika belum ada
     if (!fs.existsSync(targetDir)) {
       fs.mkdirSync(targetDir, { recursive: true });
+      console.log(chalk.green(`✅ Created: ${path.relative(userProjectRoot, targetDir)}`));
     }
     
-    // 4. Copy template files
+    // 5. Cari templates directory
+    let templatesDir = null;
+    const possibleTemplateDirs = [
+      path.join(__dirname, '..', 'templates'),
+      path.join(__dirname, 'templates'),
+      path.join(process.cwd(), 'node_modules', 'purvex-ui', 'templates'),
+      path.join(process.cwd(), 'templates')
+    ];
+    
+    for (const dir of possibleTemplateDirs) {
+      if (fs.existsSync(dir)) {
+        templatesDir = dir;
+        console.log(chalk.gray(`Found templates at: ${dir}`));
+        break;
+      }
+    }
+    
+    if (!templatesDir) {
+      console.log(chalk.red('❌ Templates directory not found'));
+      console.log(chalk.yellow('Creating simple component file...'));
+      
+      // Fallback: buat file simple
+      const componentContent = `import React from "react";
+import { cn } from "@/lib/utils";
+
+export const ${componentName.charAt(0).toUpperCase() + componentName.slice(1)} = ({ className, children, ...props }) => {
+  return (
+    <div className={cn("${componentName}", className)} {...props}>
+      {children}
+    </div>
+  );
+};`;
+      
+      const targetPath = path.join(targetDir, \`\${componentName}.jsx\`);
+      fs.writeFileSync(targetPath, componentContent);
+      
+      console.log(chalk.green(\`✅ Created: \${path.relative(userProjectRoot, targetPath)}\`));
+      console.log(chalk.green.bold(\`\\n🎉 Component ${componentName} added!\`));
+      return;
+    }
+    
+    // 6. Copy template files
     for (const file of component.files) {
-      const sourcePath = path.join(rootDir, 'templates', file);
+      const sourcePath = path.join(templatesDir, file);
       const targetPath = path.join(targetDir, path.basename(file));
       
       if (!fs.existsSync(sourcePath)) {
-        console.log(chalk.yellow(`⚠️  Template ${file} not found, skipping...`));
+        console.log(chalk.yellow(\`⚠️  Template \${file} not found\`));
         continue;
       }
       
-      // Read template
-      let content = fs.readFileSync(sourcePath, 'utf-8');
-      
-      // Update import path untuk src/
-      content = content.replace(/@\/lib\/utils/g, '@/lib/utils');
-      content = content.replace(/@\/components\/ui/g, '@/components/ui');
-      
-      // Write to target
+      const content = fs.readFileSync(sourcePath, 'utf-8');
       fs.writeFileSync(targetPath, content);
       
-      const relativePath = path.relative(userProjectRoot, targetPath);
-      console.log(chalk.green('✅ Created: ') + relativePath);
+      console.log(chalk.green(\`✅ Created: \${path.relative(userProjectRoot, targetPath)}\`));
     }
     
-    // 5. Success message
-    console.log(chalk.green.bold(`\n🎉 Component ${componentName} added successfully!`));
-    console.log(chalk.white('\nUsage:'));
-    console.log(chalk.cyan(`  import { ${componentName.charAt(0).toUpperCase() + componentName.slice(1)} } from "@/components/ui/${componentName}";`));
-    
-    console.log(chalk.white('\nStart your dev server:'));
-    console.log(chalk.cyan('  npm run dev'));
+    // 7. Success message
+    console.log(chalk.green.bold(\`\\n🎉 Component \${componentName} added successfully!\`));
+    console.log(chalk.white('\\nUsage:'));
+    console.log(chalk.cyan(\`  import { \${componentName.charAt(0).toUpperCase() + componentName.slice(1)} } from "@/components/ui/\${componentName}";\`));
     
   } catch (error) {
-    console.error(chalk.red('❌ Error adding component:'), error.message);
+    console.error(chalk.red('❌ Error:'), error.message);
   }
 }
 
-module.exports = { addComponent };
+module.exports = { addComponent };