slicejs-cli 2.1.1 → 2.1.3

package/client.js

@@ -21,7 +21,7 @@ const loadConfig = () => {
     const rawData = fs.readFileSync(configPath, "utf-8");
     return JSON.parse(rawData);
   } catch (error) {
-    console.error(`Error loading configuration: ${error.message}`);
+    Print.error(`Loading configuration: ${error.message}`);
     return null;
   }
 };
@@ -33,20 +33,25 @@ const getCategories = () => {
 
 // Function to run version check for all commands
 async function runWithVersionCheck(commandFunction, ...args) {
-  // Run the command first
-  const result = await commandFunction(...args);
-  
-  // Then check for updates (non-blocking)
-  setTimeout(() => {
-    versionChecker.checkForUpdates(false);
-  }, 100);
-  
-  return result;
+  try {
+    // Run the command first
+    const result = await commandFunction(...args);
+    
+    // Then check for updates (non-blocking)
+    setTimeout(() => {
+      versionChecker.checkForUpdates(true);
+    }, 100);
+    
+    return result;
+  } catch (error) {
+    Print.error(`Command execution: ${error.message}`);
+    return false;
+  }
 }
 
 const sliceClient = program;
 
-sliceClient.version("2.1.0").description("CLI for managing Slice.js framework components");
+sliceClient.version("2.1.3").description("CLI for managing Slice.js framework components");
 
 // INIT COMMAND
 sliceClient
@@ -80,7 +85,8 @@ componentCommand
     await runWithVersionCheck(async () => {
       const categories = getCategories();
       if (categories.length === 0) {
-        Print.error("No categories available. Check your configuration.");
+        Print.error("No categories available. Check your configuration");
+        Print.info("Run 'slice init' to initialize your project");
         return;
       }
 
@@ -96,22 +102,28 @@ componentCommand
           name: "category",
           message: "Select the component category:",
           choices: categories,
-        }])
-
-        if(validations.getCategoryType(answers.category)==='Visual'){
-          const properties = await inquirer.prompt([
-            {
-              type: "input",
-              name: "properties",
-              message: "Enter the properties (comma separated):"
-            },
-          ]);
-          answers.properties = properties.properties.split(",").map((prop) => prop.trim());
-        } else {
-          answers.properties = [];
         }
+      ]);
+
+      if (validations.getCategoryType(answers.category) === 'Visual') {
+        const properties = await inquirer.prompt([
+          {
+            type: "input",
+            name: "properties",
+            message: "Enter the properties (comma separated):",
+            default: ""
+          },
+        ]);
+        answers.properties = properties.properties 
+          ? properties.properties.split(",").map((prop) => prop.trim()).filter(Boolean)
+          : [];
+      } else {
+        answers.properties = [];
+      }
       
       if (createComponent(answers.componentName, answers.category, answers.properties)) {
+        Print.success(`Component ${answers.componentName} created successfully`);
+        Print.info("Listing updated components:");
         listComponents();
       }
     });
@@ -138,11 +150,16 @@ componentCommand
     await runWithVersionCheck(async () => {
       const categories = getCategories();
       if (categories.length === 0) {
-        Print.error("No categories available. Check your configuration.");
+        Print.error("No categories available. Check your configuration");
+        Print.info("Run 'slice init' to initialize your project");
         return;
       }
 
-      deleteComponent();
+      try {
+        await deleteComponent();
+      } catch (error) {
+        Print.error(`Deleting component: ${error.message}`);
+      }
     });
   });
 
@@ -191,17 +208,16 @@ registryCommand
 // SHORTCUTS - Top-level convenient commands
 sliceClient
   .command("get [components...]")
-  .description("🚀 Quick install components from registry (shortcut for registry get)")
+  .description("Quick install components from registry")
   .option("-f, --force", "Force overwrite existing components")
   .option("-s, --service", "Install Service components instead of Visual")
   .action(async (components, options) => {
     await runWithVersionCheck(async () => {
       if (!components || components.length === 0) {
-        Print.info("💡 Tip: Use 'slice registry list' to see available components");
-        Print.info("📖 Usage examples:");
-        console.log("   slice get Button Card Input");
-        console.log("   slice get FetchManager --service");
-        console.log("   slice registry list");
+        Print.info("Use 'slice registry list' to see available components");
+        Print.commandExample("Get multiple components", "slice get Button Card Input");
+        Print.commandExample("Get service component", "slice get FetchManager --service");
+        Print.commandExample("Browse components", "slice browse");
         return;
       }
       
@@ -214,7 +230,7 @@ sliceClient
 
 sliceClient
   .command("browse")
-  .description("📚 Quick browse available components (shortcut for registry list)")
+  .description("Quick browse available components")
   .action(async () => {
     await runWithVersionCheck(async () => {
       await listRemoteComponents();
@@ -223,7 +239,7 @@ sliceClient
 
 sliceClient
   .command("sync")
-  .description("🔄 Quick sync local components (shortcut for registry sync)")
+  .description("Quick sync local components to latest versions")
   .option("-f, --force", "Force update without confirmation")
   .action(async (options) => {
     await runWithVersionCheck(async () => {
@@ -239,15 +255,22 @@ sliceClient
   .alias("upgrade")
   .description("Check for and show available updates for CLI and framework")
   .action(async () => {
-    Print.info("🔄 Checking for updates...");
-    const updateInfo = await versionChecker.checkForUpdates(false);
+    Print.info("Checking for updates...");
     
-    if (updateInfo) {
-      if (updateInfo.cli.status === 'current' && updateInfo.framework.status === 'current') {
-        Print.success("✅ All components are up to date!");
+    try {
+      const updateInfo = await versionChecker.checkForUpdates(false);
+      
+      if (updateInfo) {
+        if (updateInfo.cli.status === 'current' && updateInfo.framework.status === 'current') {
+          Print.success("All components are up to date!");
+        } else {
+          Print.info("Updates available - see details above");
+        }
+      } else {
+        Print.error("Could not check for updates. Please check your internet connection");
       }
-    } else {
-      Print.warning("⚠️  Could not check for updates. Please check your internet connection.");
+    } catch (error) {
+      Print.error(`Checking updates: ${error.message}`);
     }
   });
 
@@ -259,9 +282,9 @@ sliceClient
     subcommandTerm: (cmd) => cmd.name() + ' ' + cmd.usage()
   });
 
-// Custom help
+// Custom help - usando Print para consistencia
 sliceClient.addHelpText('after', `
-💡 Common Usage Examples:
+Common Usage Examples:
   slice init                     - Initialize new Slice.js project
   slice get Button Card Input    - Install Visual components from registry  
   slice get FetchManager -s      - Install Service component from registry
@@ -270,18 +293,28 @@ sliceClient.addHelpText('after', `
   slice component create         - Create new local component
   slice update                   - Check for CLI/framework updates
 
-📚 Command Categories:
+Command Categories:
   • init, version, update        - Project setup and maintenance
   • get, browse, sync            - Quick registry shortcuts  
   • component <cmd>              - Local component management
   • registry <cmd>               - Official repository operations
 
-🔗 More info: https://slice-js-docs.vercel.app/
+More info: https://slice-js-docs.vercel.app/
 `);
 
-// Default action
+// Default action with better messaging
 if (!process.argv.slice(2).length) {
   program.outputHelp();
+  Print.newLine();
+  Print.info("Start with: slice init");
+  Print.commandExample("View available components", "slice browse");
 }
 
+// Error handling for unknown commands
+program.on('command:*', () => {
+  Print.error('Invalid command. See available commands above');
+  Print.info("Use 'slice --help' for help");
+  process.exit(1);
+});
+
 program.parse();

package/commands/Print.js

@@ -1,12 +1,93 @@
-export default class Print{
-    constructor(){}
+export default class Print {
+    constructor() {}
 
-   static error(message) {
+    static error(message) {
         console.error('\x1b[31m', `❌ Error: ${message}`, '\x1b[0m');
     }
     
     static success(message) {
         console.log('\x1b[32m', `✅ Success: ${message}`, '\x1b[0m');
     }
-    
+
+    static warning(message) {
+        console.log('\x1b[33m', `⚠️  Warning: ${message}`, '\x1b[0m');
+    }
+
+    static info(message) {
+        console.log('\x1b[36m', `ℹ️  Info: ${message}`, '\x1b[0m');
+    }
+
+    static title(message) {
+        console.log('\x1b[35m\x1b[1m', `🎯 ${message}`, '\x1b[0m');
+    }
+
+    static subtitle(message) {
+        console.log('\x1b[34m', `📋 ${message}`, '\x1b[0m');
+    }
+
+    static step(stepNumber, message) {
+        console.log('\x1b[36m', `${stepNumber}. ${message}`, '\x1b[0m');
+    }
+
+    static highlight(message) {
+        console.log('\x1b[43m\x1b[30m', ` ${message} `, '\x1b[0m');
+    }
+
+    static newLine() {
+        console.log('');
+    }
+
+    static separator() {
+        console.log('\x1b[90m', '━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━', '\x1b[0m');
+    }
+
+    // Métodos para el contexto específico del CLI
+    static componentSuccess(componentName, action = 'processed') {
+        console.log('\x1b[32m', `✅ ${componentName} ${action} successfully!`, '\x1b[0m');
+    }
+
+    static componentError(componentName, action = 'processing', error) {
+        console.error('\x1b[31m', `❌ Error ${action} ${componentName}: ${error}`, '\x1b[0m');
+    }
+
+    static downloadProgress(fileName) {
+        console.log('\x1b[36m', `  📥 Downloading ${fileName}...`, '\x1b[0m');
+    }
+
+    static downloadSuccess(fileName) {
+        console.log('\x1b[32m', `  ✅ ${fileName}`, '\x1b[0m');
+    }
+
+    static downloadError(fileName, error) {
+        console.error('\x1b[31m', `  ❌ Error downloading ${fileName}: ${error}`, '\x1b[0m');
+    }
+
+    static registryUpdate(message) {
+        console.log('\x1b[35m', `📝 Registry: ${message}`, '\x1b[0m');
+    }
+
+    static versionInfo(component, currentVersion, latestVersion = null) {
+        if (latestVersion && currentVersion !== latestVersion) {
+            console.log('\x1b[33m', `🔄 ${component}: v${currentVersion} → v${latestVersion}`, '\x1b[0m');
+        } else {
+            console.log('\x1b[32m', `✅ ${component}: v${currentVersion}`, '\x1b[0m');
+        }
+    }
+
+    static commandExample(description, command) {
+        console.log('\x1b[90m', `💡 ${description}:`, '\x1b[0m');
+        console.log('\x1b[37m', `   ${command}`, '\x1b[0m');
+    }
+
+    static summary(successful, failed, total) {
+        Print.separator();
+        console.log('\x1b[1m', '📊 Summary:', '\x1b[0m');
+        if (successful > 0) {
+            Print.success(`Successful: ${successful}/${total}`);
+        }
+        if (failed > 0) {
+            Print.error(`Failed: ${failed}/${total}`);
+        }
+        Print.separator();
+    }
 }

package/commands/getComponent/getComponent.js

@@ -19,7 +19,7 @@ class ComponentRegistry {
   }
 
   async loadRegistry() {
-    Print.info('📡 Cargando registro de componentes del repositorio oficial...');
+    Print.info('Loading component registry from official repository...');
     
     try {
       const response = await fetch(COMPONENTS_REGISTRY_URL);
@@ -37,11 +37,11 @@ class ComponentRegistry {
       }
 
       this.componentsRegistry = eval('(' + match[1] + ')');
-      Print.success('✅ Registro de componentes cargado exitosamente');
+      Print.success('Component registry loaded successfully');
       
     } catch (error) {
-      Print.error(`❌ Error cargando registro de componentes: ${error.message}`);
-      Print.info('💡 Verifica tu conexión a internet y que el repositorio sea accesible');
+      Print.error(`Loading component registry: ${error.message}`);
+      Print.info('Check your internet connection and repository accessibility');
       throw error;
     }
   }
@@ -154,7 +154,7 @@ class ComponentRegistry {
     }
 
     const downloadedFiles = [];
-    Print.info(`📥 Descargando ${componentName} desde el repositorio oficial...`);
+    Print.info(`Downloading ${componentName} from official repository...`);
 
     for (const fileName of component.files) {
       const githubUrl = `${DOCS_REPO_BASE_URL}/${category}/${componentName}/${fileName}`;
@@ -164,16 +164,16 @@ class ComponentRegistry {
         const response = await fetch(githubUrl);
         
         if (!response.ok) {
-          throw new Error(`HTTP ${response.status}: ${response.statusText} para ${fileName}`);
+          throw new Error(`HTTP ${response.status}: ${response.statusText} for ${fileName}`);
         }
 
         const content = await response.text();
         await fs.writeFile(localPath, content, 'utf8');
         downloadedFiles.push(fileName);
         
-        console.log(`  ✅ ${fileName}`);
+        Print.downloadSuccess(fileName);
       } catch (error) {
-        Print.error(`  ❌ Error descargando ${fileName}: ${error.message}`);
+        Print.downloadError(fileName, error.message);
         throw error;
       }
     }
@@ -215,13 +215,13 @@ class ComponentRegistry {
         const newContent = `const components = ${newComponentsString}; export default components;`;
         
         await fs.writeFile(componentsPath, newContent, 'utf8');
-        Print.success(`📝 Registrado ${componentName} en components.js local`);
+        Print.registryUpdate(`Registered ${componentName} in local components.js`);
       } else {
-        Print.info(`📄 ${componentName} ya existe en el registro local`);
+        Print.info(`${componentName} already exists in local registry`);
       }
       
     } catch (error) {
-      Print.error(`❌ Error actualizando components.js local: ${error.message}`);
+      Print.error(`Updating local components.js: ${error.message}`);
       throw error;
     }
   }
@@ -248,7 +248,7 @@ class ComponentRegistry {
       ]);
       
       if (!overwrite) {
-        Print.info('⏭️  Instalación cancelada por el usuario');
+        Print.info('Installation cancelled by user');
         return false;
       }
     }
@@ -263,14 +263,14 @@ class ComponentRegistry {
       // Update components registry
       await this.updateLocalRegistry(componentName, category);
 
-      Print.success(`✅ ${componentName} actualizado exitosamente desde el repositorio oficial!`);
-      console.log(`📁 Ubicación: src/${categoryPath}/${componentName}/`);
-      console.log(`📄 Archivos: ${downloadedFiles.join(', ')}`);
+      Print.success(`${componentName} updated successfully from official repository!`);
+      console.log(`📁 Location: src/${categoryPath}/${componentName}/`);
+      console.log(`📄 Files: ${downloadedFiles.join(', ')}`);
 
       return true;
 
     } catch (error) {
-      Print.error(`❌ Error actualizando ${componentName}: ${error.message}`);
+      Print.error(`Error updating ${componentName}: ${error.message}`);
       // Clean up partial installation
       if (await fs.pathExists(targetPath)) {
         await fs.remove(targetPath);
@@ -281,14 +281,14 @@ class ComponentRegistry {
 
   async installMultipleComponents(componentNames, category = 'Visual', force = false) {
     const results = [];
-    Print.info(`🚀 Obteniendo ${componentNames.length} componentes ${category} del repositorio oficial...\n`);
+    Print.info(`Getting ${componentNames.length} ${category} components from official repository...`);
 
     for (const componentName of componentNames) {
       try {
         const result = await this.installComponent(componentName, category, force);
         results.push({ name: componentName, success: result });
       } catch (error) {
-        Print.error(`❌ Error con ${componentName}: ${error.message}\n`);
+        Print.componentError(componentName, 'getting', error.message);
         results.push({ name: componentName, success: false, error: error.message });
       }
     }
@@ -297,30 +297,26 @@ class ComponentRegistry {
     const successful = results.filter(r => r.success).length;
     const failed = results.filter(r => !r.success).length;
 
-    console.log(`\n📊 Resumen de instalación:`);
-    Print.success(`✅ Exitosos: ${successful}`);
-    if (failed > 0) {
-      Print.error(`❌ Fallidos: ${failed}`);
-      results.filter(r => !r.success).forEach(r => {
-        console.log(`  • ${r.name}: ${r.error}`);
-      });
-    }
+    Print.newLine();
+    Print.summary(successful, failed, componentNames.length);
 
     return results;
   }
 
   async updateAllComponents(force = false) {
-    Print.info('🔄 Buscando componentes actualizables...');
+    Print.info('Looking for updatable components...');
     
     const updatableComponents = await this.findUpdatableComponents();
     
     if (updatableComponents.length === 0) {
-      Print.info('✅ No se encontraron componentes locales que coincidan con el repositorio oficial');
-      Print.info('💡 Usa "npm run slice:browse" para ver componentes disponibles');
+      Print.info('No local components found that match the official repository');
+      Print.info('Use "npm run slice:browse" to see available components');
       return true;
     }
 
-    console.log(`\n📦 Encontrados ${updatableComponents.length} componentes actualizables:\n`);
+    Print.newLine();
+    Print.subtitle(`Found ${updatableComponents.length} updatable components:`);
+    Print.newLine();
     updatableComponents.forEach(comp => {
       const icon = comp.category === 'Visual' ? '🎨' : '⚙️';
       console.log(`${icon} ${comp.name} (${comp.category})`);
@@ -331,13 +327,13 @@ class ComponentRegistry {
         {
           type: 'confirm',
           name: 'confirmUpdate',
-          message: `¿Deseas actualizar todos estos componentes a las versiones del repositorio oficial?`,
+          message: `Do you want to update all these components to the repository versions?`,
           default: true
         }
       ]);
 
       if (!confirmUpdate) {
-        Print.info('⏭️  Actualización cancelada por el usuario');
+        Print.info('Update cancelled by user');
         return false;
       }
     }
@@ -350,14 +346,14 @@ class ComponentRegistry {
 
     // Update Visual components
     if (visualComponents.length > 0) {
-      Print.info(`\n🎨 Actualizando ${visualComponents.length} componentes Visual...`);
+      Print.info(`Updating ${visualComponents.length} Visual components...`);
       const visualResults = await this.installMultipleComponents(visualComponents, 'Visual', true);
       allResults = allResults.concat(visualResults);
     }
 
     // Update Service components
     if (serviceComponents.length > 0) {
-      Print.info(`\n⚙️  Actualizando ${serviceComponents.length} componentes Service...`);
+      Print.info(`Updating ${serviceComponents.length} Service components...`);
       const serviceResults = await this.installMultipleComponents(serviceComponents, 'Service', true);
       allResults = allResults.concat(serviceResults);
     }
@@ -366,13 +362,14 @@ class ComponentRegistry {
     const totalSuccessful = allResults.filter(r => r.success).length;
     const totalFailed = allResults.filter(r => !r.success).length;
 
-    console.log(`\n🎯 Resumen final de actualización:`);
-    Print.success(`✅ Componentes actualizados: ${totalSuccessful}`);
+    Print.newLine();
+    Print.title('Final Update Summary');
+    Print.success(`Components updated: ${totalSuccessful}`);
     
     if (totalFailed > 0) {
-      Print.error(`❌ Componentes fallidos: ${totalFailed}`);
+      Print.error(`Components failed: ${totalFailed}`);
     } else {
-      Print.success(`🚀 ¡Todos tus componentes están ahora actualizados a las últimas versiones oficiales!`);
+      Print.success('All your components are now updated to the latest official versions!');
     }
 
     return totalFailed === 0;
@@ -503,8 +500,8 @@ async function getComponents(componentNames = [], options = {}) {
   try {
     await registry.loadRegistry();
   } catch (error) {
-    Print.error('No se pudo cargar el registro de componentes del repositorio oficial');
-    Print.info('💡 Verifica tu conexión a internet y vuelve a intentar');
+    Print.error('Could not load component registry from official repository');
+    Print.info('Check your internet connection and try again');
     return false;
   }
 
@@ -522,8 +519,8 @@ async function getComponents(componentNames = [], options = {}) {
     const componentInfo = registry.findComponentInRegistry(componentNames[0]);
     
     if (!componentInfo) {
-      Print.error(`Componente '${componentNames[0]}' no encontrado en el repositorio oficial`);
-      Print.info('💡 Usa "npm run slice:browse" para ver componentes disponibles');
+      Print.error(`Component '${componentNames[0]}' not found in official repository`);
+      Print.commandExample('View available components', 'npm run slice:browse');
       return false;
     }
 
@@ -534,7 +531,7 @@ async function getComponents(componentNames = [], options = {}) {
       await registry.installComponent(componentInfo.name, actualCategory, options.force);
       return true;
     } catch (error) {
-      Print.error(`Error: ${error.message}`);
+      Print.error(`${error.message}`);
       return false;
     }
   } else {
@@ -547,7 +544,7 @@ async function getComponents(componentNames = [], options = {}) {
       await registry.installMultipleComponents(normalizedComponents, category, options.force);
       return true;
     } catch (error) {
-      Print.error(`Error: ${error.message}`);
+      Print.error(`${error.message}`);
       return false;
     }
   }
@@ -562,8 +559,8 @@ async function listComponents() {
     registry.displayAvailableComponents();
     return true;
   } catch (error) {
-    Print.error('No se pudo cargar el registro de componentes del repositorio oficial');
-    Print.info('💡 Verifica tu conexión a internet y vuelve a intentar');
+    Print.error('Could not load component registry from official repository');
+    Print.info('Check your internet connection and try again');
     return false;
   }
 }
@@ -576,8 +573,8 @@ async function syncComponents(options = {}) {
     await registry.loadRegistry();
     return await registry.updateAllComponents(options.force);
   } catch (error) {
-    Print.error('No se pudo cargar el registro de componentes del repositorio oficial');
-    Print.info('💡 Verifica tu conexión a internet y vuelve a intentar');
+    Print.error('Could not load component registry from official repository');
+    Print.info('Check your internet connection and try again');
     return false;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slicejs-cli",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "description": "Command client for developing web applications with Slice.js framework",
   "main": "client.js",
   "scripts": {

package/post.js

@@ -50,7 +50,7 @@ fs.promises.access(projectPackageJsonPath, fs.constants.F_OK)
         // Module configuration
         projectPackageJson.type = 'module';
         projectPackageJson.engines = {
-            "node": "20.x"
+            "node": ">=20.0.0"
         };
         
         // Write the new content to package.json
@@ -85,7 +85,7 @@ fs.promises.access(projectPackageJsonPath, fs.constants.F_OK)
                 scripts: {
                     // Main commands
                     'slice:init': 'node node_modules/slicejs-cli/client.js init',
-                    'slice:start': 'node node_modules/slicejs-cli/client.js start',
+                    'slice:start': 'node api/index.js',
                     'slice:version': 'node node_modules/slicejs-cli/client.js version',
                     'slice:update': 'node node_modules/slicejs-cli/client.js update',
                     
@@ -112,7 +112,7 @@ fs.promises.access(projectPackageJsonPath, fs.constants.F_OK)
                 license: 'ISC',
                 type: 'module',
                 engines: {
-                    "node": "20.x"
+                    "node": ">=20.0.0"
                 }
             };