slicejs-cli 2.5.1 → 2.7.0

package/README.md

@@ -110,8 +110,11 @@ slice registry sync       → slice sync
 slice version
 slice -v
 
-# Check for available updates
-slice update
+# Update CLI and Framework
+slice update              # Check and prompt for updates
+slice update --yes        # Update all automatically
+slice update --cli        # Update only CLI
+slice update --framework  # Update only Framework
 
 # Show help
 slice --help

package/client.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 import { program } from "commander";
 import inquirer from "inquirer";
 import initializeProject from "./commands/init/init.js";
@@ -8,10 +8,12 @@ import deleteComponent from "./commands/deleteComponent/deleteComponent.js";
 import getComponent, { listComponents as listRemoteComponents, syncComponents } from "./commands/getComponent/getComponent.js";
 import startServer from "./commands/startServer/startServer.js";
 import runDiagnostics from "./commands/doctor/doctor.js";
-import versionChecker from "./commands/utils/versionChecker.js";
+import versionChecker from "./commands/utils/VersionChecker.js";
+import updateManager from "./commands/utils/updateManager.js";
 import fs from "fs";
 import path from "path";
 import { fileURLToPath } from "url";
+import { getConfigPath } from "./commands/utils/PathHelper.js";
 import validations from "./commands/Validations.js";
 import Print from "./commands/Print.js";
 
@@ -19,7 +21,7 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const loadConfig = () => {
   try {
-    const configPath = path.join(__dirname, "../../src/sliceConfig.json");
+    const configPath = getConfigPath(import.meta.url);
     const rawData = fs.readFileSync(configPath, "utf-8");
     return JSON.parse(rawData);
   } catch (error) {
@@ -36,10 +38,13 @@ const getCategories = () => {
 // Function to run version check for all commands
 async function runWithVersionCheck(commandFunction, ...args) {
   try {
-    // Run the command first
+    const updateInfo = await updateManager.checkForUpdates();
+    if (updateInfo && updateInfo.hasUpdates) {
+      await updateManager.checkAndPromptUpdates({});
+    }
+
     const result = await commandFunction(...args);
 
-    // Then check for updates (non-blocking)
     setTimeout(() => {
       versionChecker.checkForUpdates(false);
     }, 100);
@@ -53,7 +58,7 @@ async function runWithVersionCheck(commandFunction, ...args) {
 
 const sliceClient = program;
 
-sliceClient.version("2.5.0").description("CLI for managing Slice.js framework components");
+sliceClient.version("2.6.1").description("CLI for managing Slice.js framework components");
 
 // INIT COMMAND
 sliceClient
@@ -336,29 +341,27 @@ sliceClient
     });
   });
 
+// LIST COMMAND - Quick shortcut for listing local components
+sliceClient
+  .command("list")
+  .description("Quick list all local components (alias for component list)")
+  .action(async () => {
+    await runWithVersionCheck(() => {
+      listComponents();
+      return Promise.resolve();
+    });
+  });
+
 // UPDATE COMMAND
 sliceClient
   .command("update")
   .alias("upgrade")
-  .description("Check for and show available updates for CLI and framework")
-  .action(async () => {
-    Print.info("Checking for updates...");
-
-    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");
-      }
-    } catch (error) {
-      Print.error(`Checking updates: ${error.message}`);
-    }
+  .description("Update CLI and framework to latest versions")
+  .option("-y, --yes", "Skip confirmation and update all packages automatically")
+  .option("--cli", "Update only the Slice.js CLI")
+  .option("-f, --framework", "Update only the Slice.js Framework")
+  .action(async (options) => {
+    await updateManager.checkAndPromptUpdates(options);
   });
 
 // DOCTOR COMMAND - Diagnose project issues
@@ -391,11 +394,12 @@ Common Usage Examples:
   slice browse                   - Browse all available components
   slice sync                     - Update local components to latest versions
   slice component create         - Create new local component
+  slice list                     - List all local components
   slice doctor                   - Run project diagnostics
 
 Command Categories:
   • init, dev, start             - Project lifecycle (development only)
-  • get, browse, sync            - Quick registry shortcuts  
+  • get, browse, sync, list      - Quick shortcuts  
   • component <cmd>              - Local component management
   • registry <cmd>               - Official repository operations
   • version, update, doctor      - Maintenance commands
@@ -431,4 +435,4 @@ const helpCommand = sliceClient.command("help").description("Display help inform
   sliceClient.outputHelp();
 });
 
-program.parse();
+program.parse();

package/commands/Validations.js

@@ -1,14 +1,28 @@
 import fs from 'fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
+import { getConfigPath, getComponentsJsPath } from './utils/PathHelper.js';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 class Validations {
     constructor() {
-        this.config = this.loadConfig(); // Cargamos la configuración solo una vez al instanciar
-        this.categories = this.config?.paths?.components;
+        this._config = null;
+        this._categories = null;
+    }
+
+    _ensureConfig() {
+        if (!this._config) {
+            this._config = this.loadConfig();
+            if (this._config) {
+                this._categories = this._config.paths?.components;
+            }
+        }
+    }
 
+    get config() {
+        this._ensureConfig();
+        return this._config;
     }
 
     isValidComponentName(componentName) {
@@ -19,36 +33,40 @@ class Validations {
 
     loadConfig() {
         try {
-            const configPath = path.join(__dirname, '../../../src/sliceConfig.json');
+            const configPath = getConfigPath(import.meta.url);
             if (!fs.existsSync(configPath)) {
-                console.error('\x1b[31m', '❌ Error: sliceConfig.json not found', '\x1b[0m');
-                console.log('\x1b[36m', 'ℹ️  Info: Run "slice init" to initialize your project', '\x1b[0m');
+                // Return null silently - let commands handle missing config if needed
                 return null;
-              }
+            }
             const rawData = fs.readFileSync(configPath, 'utf-8');
-            
+
             return JSON.parse(rawData);
         } catch (error) {
             console.error('\x1b[31m', `❌ Error loading configuration: ${error.message}`, '\x1b[0m');
-            console.log('\x1b[36m', 'ℹ️  Info: Check that sliceConfig.json is valid JSON', '\x1b[0m');
             return null;
         }
     }
 
     getCategories() {
-        return this.categories; // Usamos las categorías cargadas en el constructor
+        this._ensureConfig();
+        return this._categories;
     }
 
     getCategoryPath(category) {
-        return  this.categories[category].path;
+        this._ensureConfig();
+        return this._categories && this._categories[category] ? this._categories[category].path : null;
     }
 
-    getCategoryType(category){
-        return this.categories[category].type;
+    getCategoryType(category) {
+        this._ensureConfig();
+        return this._categories && this._categories[category] ? this._categories[category].type : null;
     }
 
     isValidCategory(category) {
-        const availableCategories = Object.keys(this.categories).map(cat => cat.toLowerCase()); 
+        this._ensureConfig();
+        if (!this._categories) return { isValid: false, category: null };
+
+        const availableCategories = Object.keys(this._categories).map(cat => cat.toLowerCase());
 
         if (availableCategories.includes(category.toLowerCase())) {
             return { isValid: true, category };
@@ -59,17 +77,17 @@ class Validations {
 
     componentExists(componentName) {
         try {
-            const componentFilePath = path.join(__dirname, '../../../src/Components/components.js');
-    
+            const componentFilePath = getComponentsJsPath(import.meta.url);
+
             if (!fs.existsSync(componentFilePath)) {
                 console.error('\x1b[31m', '❌ Error: components.js not found in expected path', '\x1b[0m');
                 console.log('\x1b[36m', 'ℹ️  Info: Run "slice component list" to generate components.js', '\x1b[0m');
                 return false;
             }
-    
+
             const fileContent = fs.readFileSync(componentFilePath, 'utf-8');
             const components = eval(fileContent.replace('export default', '')); // Evalúa el contenido como objeto
-            
+
             return components.hasOwnProperty(componentName);
 
         } catch (error) {
@@ -82,4 +100,4 @@ class Validations {
 
 const validations = new Validations();
 
-export default validations;
+export default validations;

package/commands/buildProduction/buildProduction.js

@@ -7,6 +7,7 @@ import { minify as terserMinify } from 'terser';
 import { minify } from 'html-minifier-terser';
 import CleanCSS from 'clean-css';
 import Print from '../Print.js';
+import { getSrcPath, getDistPath, getConfigPath } from '../utils/PathHelper.js';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -15,7 +16,7 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
  */
 const loadConfig = () => {
   try {
-    const configPath = path.join(__dirname, '../../../../src/sliceConfig.json');
+    const configPath = getConfigPath(import.meta.url);
     const rawData = fs.readFileSync(configPath, 'utf-8');
     return JSON.parse(rawData);
   } catch (error) {
@@ -28,7 +29,7 @@ const loadConfig = () => {
  * Verifica dependencias necesarias para el build
  */
 async function checkBuildDependencies() {
-  const srcDir = path.join(__dirname, '../../../../src');
+  const srcDir = getSrcPath(import.meta.url);
   
   if (!await fs.pathExists(srcDir)) {
     Print.error('Source directory (/src) not found');
@@ -103,8 +104,8 @@ async function verifyBuildIntegrity(distDir) {
  * Copia sliceConfig.json al directorio dist
  */
 async function copySliceConfig() {
-  const srcConfig = path.join(__dirname, '../../../../src/sliceConfig.json');
-  const distConfig = path.join(__dirname, '../../../../dist/sliceConfig.json');
+  const srcConfig = getConfigPath(import.meta.url);
+  const distConfig = getDistPath(import.meta.url, 'sliceConfig.json');
   
   if (await fs.pathExists(srcConfig)) {
     await fs.copy(srcConfig, distConfig);
@@ -336,7 +337,7 @@ async function minifyHTML(srcPath, distPath) {
 async function createOptimizedBundle() {
   Print.buildProgress('Creating optimized bundle...');
   
-  const mainJSPath = path.join(__dirname, '../../../../dist/App/index.js');
+  const mainJSPath = getDistPath(import.meta.url, 'App', 'index.js');
   
   if (await fs.pathExists(mainJSPath)) {
     Print.success('Main bundle optimized');
@@ -389,7 +390,7 @@ async function generateBuildStats(srcDir, distDir) {
  * Analiza el build sin construir
  */
 async function analyzeBuild() {
-  const distDir = path.join(__dirname, '../../../../dist');
+  const distDir = getDistPath(import.meta.url);
   
   if (!await fs.pathExists(distDir)) {
     Print.error('No build found to analyze. Run "slice build" first.');
@@ -398,7 +399,7 @@ async function analyzeBuild() {
   
   Print.info('Analyzing production build...');
   await generateBuildStats(
-    path.join(__dirname, '../../../../src'),
+    getSrcPath(import.meta.url),
     distDir
   );
 }
@@ -413,8 +414,8 @@ export default async function buildProduction(options = {}) {
     Print.title('🔨 Building Slice.js project for production...');
     Print.newLine();
     
-    const srcDir = path.join(__dirname, '../../../../src');
-    const distDir = path.join(__dirname, '../../../../dist');
+    const srcDir = getSrcPath(import.meta.url);
+    const distDir = getDistPath(import.meta.url);
     
     if (!await fs.pathExists(srcDir)) {
       throw new Error('Source directory not found. Run "slice init" first.');
@@ -470,7 +471,7 @@ export async function serveProductionBuild(port) {
     const defaultPort = config?.server?.port || 3001;
     const finalPort = port || defaultPort;
     
-    const distDir = path.join(__dirname, '../../../../dist');
+    const distDir = getDistPath(import.meta.url);
     
     if (!await fs.pathExists(distDir)) {
       throw new Error('No production build found. Run "slice build" first.');
@@ -540,4 +541,4 @@ export async function buildCommand(options = {}) {
   }
   
   return success;
-}
+}

package/commands/createComponent/createComponent.js

@@ -5,7 +5,8 @@ import path from 'path';
 import { fileURLToPath } from 'url';
 import Validations from '../Validations.js';
 import Print from '../Print.js';
-const __dirname = path.dirname(new URL(import.meta.url).pathname);
+import { getSrcPath } from '../utils/PathHelper.js';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 function createComponent(componentName, category) {
     // Validación: Nombre de componente requerido
@@ -62,10 +63,8 @@ function createComponent(componentName, category) {
     }
 
     const categoryPath = Validations.getCategoryPath(category);
-
-    // Determinar la ruta del directorio del componente
-    let componentDir = path.join(__dirname, '../../../../src/', categoryPath, className);
-    componentDir = componentDir.slice(1);
+    const categoryPathClean = categoryPath ? categoryPath.replace(/^[/\\]+/, '') : '';
+    const componentDir = getSrcPath(import.meta.url, categoryPathClean, className);
     
     try {
         // Crear directorio del componente

package/commands/deleteComponent/deleteComponent.js

@@ -2,7 +2,9 @@ import fs from 'fs-extra';
 import path from 'path';
 import Validations from '../Validations.js';
 import Print from '../Print.js';
-const __dirname = path.dirname(new URL(import.meta.url).pathname);
+import { fileURLToPath } from 'url';
+import { getSrcPath } from '../utils/PathHelper.js';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 function deleteComponent(componentName, category) {
     // Validación: Nombre de componente requerido
@@ -31,10 +33,8 @@ function deleteComponent(componentName, category) {
     category = flagCategory.category;
     
     const categoryPath = Validations.getCategoryPath(category);
-
-    // Construir la ruta del directorio del componente
-    let componentDir = path.join(__dirname, '../../../../src/', categoryPath, componentName);
-    componentDir = componentDir.slice(1);
+    const categoryPathClean = categoryPath ? categoryPath.replace(/^[/\\]+/, '') : '';
+    const componentDir = getSrcPath(import.meta.url, categoryPathClean, componentName);
 
     // Verificar si el directorio del componente existe
     if (!fs.existsSync(componentDir)) {

package/commands/doctor/doctor.js

@@ -5,6 +5,7 @@ import { createServer } from 'net';
 import chalk from 'chalk';
 import Table from 'cli-table3';
 import Print from '../Print.js';
+import { getProjectRoot, getSrcPath, getApiPath, getConfigPath, getPath } from '../utils/PathHelper.js';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -34,9 +35,8 @@ async function checkNodeVersion() {
  * Verifica la estructura de directorios
  */
 async function checkDirectoryStructure() {
-    const projectRoot = path.join(__dirname, '../../../../');
-    const srcPath = path.join(projectRoot, 'src');
-    const apiPath = path.join(projectRoot, 'api');
+    const srcPath = getSrcPath(import.meta.url);
+    const apiPath = getApiPath(import.meta.url);
 
     const srcExists = await fs.pathExists(srcPath);
     const apiExists = await fs.pathExists(apiPath);
@@ -63,7 +63,7 @@ async function checkDirectoryStructure() {
  * Verifica sliceConfig.json
  */
 async function checkConfig() {
-    const configPath = path.join(__dirname, '../../../../src/sliceConfig.json');
+    const configPath = getConfigPath(import.meta.url);
 
     if (!await fs.pathExists(configPath)) {
         return {
@@ -101,7 +101,7 @@ async function checkConfig() {
  * Verifica disponibilidad del puerto
  */
 async function checkPort() {
-    const configPath = path.join(__dirname, '../../../../src/sliceConfig.json');
+    const configPath = getConfigPath(import.meta.url);
     let port = 3000;
 
     try {
@@ -145,7 +145,7 @@ async function checkPort() {
  * Verifica dependencias en package.json
  */
 async function checkDependencies() {
-    const packagePath = path.join(__dirname, '../../../../package.json');
+    const packagePath = getPath(import.meta.url, '', 'package.json');
 
     if (!await fs.pathExists(packagePath)) {
         return {
@@ -189,8 +189,8 @@ async function checkDependencies() {
  * Verifica integridad de componentes
  */
 async function checkComponents() {
-    const configPath = path.join(__dirname, '../../../../src/sliceConfig.json');
-    const projectRoot = path.join(__dirname, '../../../../');
+    const configPath = getConfigPath(import.meta.url);
+        const projectRoot = getProjectRoot(import.meta.url);
 
     if (!await fs.pathExists(configPath)) {
         return {
@@ -208,7 +208,7 @@ async function checkComponents() {
         let componentIssues = 0;
 
         for (const [category, { path: compPath }] of Object.entries(componentPaths)) {
-            const fullPath = path.join(projectRoot, 'src', compPath);
+            const fullPath = getSrcPath(import.meta.url, compPath);
 
             if (await fs.pathExists(fullPath)) {
                 const items = await fs.readdir(fullPath);

package/commands/getComponent/getComponent.js

@@ -6,6 +6,7 @@ import { fileURLToPath } from "url";
 import inquirer from "inquirer";
 import validations from "../Validations.js";
 import Print from "../Print.js";
+import { getConfigPath, getComponentsJsPath, getPath } from "../utils/PathHelper.js";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -19,8 +20,7 @@ const COMPONENTS_REGISTRY_URL = 'https://raw.githubusercontent.com/VKneider/slic
  */
 const loadConfig = () => {
   try {
-    // ✅ CORREGIDO: Usar 4 niveles como en listComponents para compatibilidad con node_modules
-    const configPath = path.join(__dirname, '../../../../src/sliceConfig.json');
+    const configPath = getConfigPath(import.meta.url);
     if (!fs.existsSync(configPath)) {
       throw new Error('sliceConfig.json not found in src folder');
     }
@@ -98,8 +98,7 @@ filterOfficialComponents(allComponents) {
 
   async getLocalComponents() {
     try {
-      // ✅ CORREGIDO: Usar 4 niveles como en listComponents para compatibilidad con node_modules
-      const componentsPath = path.join(__dirname, '../../../../src/Components/components.js');
+      const componentsPath = getComponentsJsPath(import.meta.url);
       
       if (!await fs.pathExists(componentsPath)) {
         return {};
@@ -132,8 +131,7 @@ filterOfficialComponents(allComponents) {
         // ✅ CORREGIDO: Usar 4 niveles para compatibilidad con node_modules
         const isProduction = this.config?.production?.enabled === true;
         const folderSuffix = isProduction ? 'dist' : 'src';
-        
-        const componentPath = path.join(__dirname, `../../../../${folderSuffix}`, categoryPath, name);
+        const componentPath = getPath(import.meta.url, folderSuffix, categoryPath, name);
         
         if (fs.pathExistsSync(componentPath)) {
           updatableComponents.push({
@@ -180,43 +178,6 @@ filterOfficialComponents(allComponents) {
     return components;
   }
 
-  displayAvailableComponents() {
-    if (!this.componentsRegistry) {
-      Print.error('❌ No se pudo cargar el registro de componentes');
-      return;
-    }
-
-    console.log('\n📚 Componentes disponibles en el repositorio oficial de Slice.js:\n');
-
-    const visualComponents = this.getAvailableComponents('Visual');
-    const serviceComponents = this.getAvailableComponents('Service');
-
-    // ✅ SIMPLIFICADO: Solo mostrar nombres sin descripciones
-    Print.info('🎨 Visual Components (UI):');
-    Object.keys(visualComponents).forEach(name => {
-      const files = visualComponents[name].files;
-      const fileIcons = files.map(file => {
-        if (file.endsWith('.js')) return '📜';
-        if (file.endsWith('.html')) return '🌐';
-        if (file.endsWith('.css')) return '🎨';
-        return '📄';
-      }).join(' ');
-      console.log(`  • ${name} ${fileIcons}`);
-    });
-
-    Print.info('\n⚙️  Service Components (Logic):');
-    Object.keys(serviceComponents).forEach(name => {
-      console.log(`  • ${name} 📜`);
-    });
-
-    Print.newLine();
-    Print.info(`Total: ${Object.keys(visualComponents).length} Visual + ${Object.keys(serviceComponents).length} Service components`);
-
-    console.log(`\n💡 Ejemplos de uso:`);
-    console.log(`slice get Button Card Input          # Obtener componentes Visual`);
-    console.log(`slice get FetchManager --service     # Obtener componente Service`);
-    console.log(`slice sync                           # Sincronizar componentes Visual`);
-  }
 
   async downloadComponentFiles(componentName, category, targetPath) {
     const component = this.getAvailableComponents(category)[componentName];
@@ -270,6 +231,36 @@ filterOfficialComponents(allComponents) {
     return downloadedFiles;
   }
 
+  async updateLocalRegistrySafe(componentName, category) {
+    const componentsPath = path.join(__dirname, '../../../../src/Components/components.js');
+    try {
+      if (!await fs.pathExists(componentsPath)) {
+        const dir = path.dirname(componentsPath);
+        await fs.ensureDir(dir);
+        const initial = `const components = {};\n\nexport default components;\n`;
+        await fs.writeFile(componentsPath, initial, 'utf8');
+      }
+      const content = await fs.readFile(componentsPath, 'utf8');
+      const match = content.match(/const components = ({[\s\S]*?});/);
+      if (!match) throw new Error('Invalid components.js format in local project');
+      const componentsObj = eval('(' + match[1] + ')');
+      if (!componentsObj[componentName]) {
+        componentsObj[componentName] = category;
+        const sorted = Object.keys(componentsObj)
+          .sort()
+          .reduce((obj, key) => { obj[key] = componentsObj[key]; return obj; }, {});
+        const newContent = `const components = ${JSON.stringify(sorted, null, 2)};\n\nexport default components;\n`;
+        await fs.writeFile(componentsPath, newContent, 'utf8');
+        Print.registryUpdate(`Registered ${componentName} in local components.js`);
+      } else {
+        Print.info(`${componentName} already exists in local registry`);
+      }
+    } catch (error) {
+      Print.error(`Updating local components.js: ${error.message}`);
+      throw error;
+    }
+  }
+
   async updateLocalRegistry(componentName, category) {
     // ✅ CORREGIDO: Usar 4 niveles para compatibilidad con node_modules
     const componentsPath = path.join(__dirname, '../../../../src/Components/components.js');
@@ -331,14 +322,12 @@ filterOfficialComponents(allComponents) {
                          validations.config.paths.components[category];
   
   if (hasValidConfig) {
-    // Usar validations cuando la config está disponible
     categoryPath = validations.getCategoryPath(category);
   } else {
-    // Usar rutas por defecto cuando no hay config (durante init o error)
     if (category === 'Visual') {
-      categoryPath = '/Components/Visual';
+      categoryPath = 'Components/Visual';
     } else if (category === 'Service') {
-      categoryPath = '/Components/Service';
+      categoryPath = 'Components/Service';
     } else {
       throw new Error(`Unknown category: ${category}`);
     }
@@ -347,7 +336,8 @@ filterOfficialComponents(allComponents) {
   const isProduction = this.config?.production?.enabled === true;
   const folderSuffix = isProduction ? 'dist' : 'src';
   
-  const targetPath = path.join(__dirname, `../../../../${folderSuffix}`, categoryPath, componentName);
+  const cleanCategoryPath = categoryPath ? categoryPath.replace(/^[/\\]+/, '') : '';
+  const targetPath = getPath(import.meta.url, folderSuffix, cleanCategoryPath, componentName);
 
 
 
@@ -375,8 +365,7 @@ filterOfficialComponents(allComponents) {
       // Download component files
       const downloadedFiles = await this.downloadComponentFiles(componentName, category, targetPath);
 
-      // Update components registry
-      await this.updateLocalRegistry(componentName, category);
+      await this.updateLocalRegistrySafe(componentName, category);
 
       Print.success(`${componentName} installed successfully from official repository!`);
       console.log(`📁 Location: ${folderSuffix}/${categoryPath}/${componentName}/`);
@@ -717,4 +706,4 @@ async function syncComponents(options = {}) {
 }
 
 export default getComponents;
-export { listComponents, syncComponents, ComponentRegistry };
+export { listComponents, syncComponents, ComponentRegistry };