slicejs-cli 3.3.0 → 3.4.1

package/commands/Print.js

@@ -1,168 +1,164 @@
-import chalk from 'chalk';
-
-export default class Print {
-    constructor() { }
-
-    static error(message) {
-        console.error(chalk.red(`❌ Error: ${message}`));
-    }
-
-    static success(message) {
-        console.log(chalk.green(`✅ Success: ${message}`));
-    }
-
-    static warning(message) {
-        console.log(chalk.yellow(`⚠️  Warning: ${message}`));
-    }
-
-    static info(message) {
-        console.log(chalk.cyan(`ℹ️  Info: ${message}`));
-    }
-
-    static title(message) {
-        console.log(chalk.magenta.bold(`🎯 ${message}`));
-    }
-
-    static subtitle(message) {
-        console.log(chalk.blue(`📋 ${message}`));
-    }
-
-    static step(stepNumber, message) {
-        console.log(chalk.cyan(`${stepNumber}. ${message}`));
-    }
-
-    static highlight(message) {
-        console.log(chalk.bgYellow.black(` ${message} `));
-    }
-
-    static newLine() {
-        console.log('');
-    }
-
-    static separator() {
-        console.log(chalk.gray('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'));
-    }
-
-    // Métodos para el contexto específico del CLI
-    static componentSuccess(componentName, action = 'processed') {
-        console.log(chalk.green(`✅ ${componentName} ${action} successfully!`));
-    }
-
-    static componentError(componentName, action = 'processing', error) {
-        console.error(chalk.red(`❌ Error ${action} ${componentName}: ${error}`));
-    }
-
-    static downloadProgress(fileName) {
-        console.log(chalk.cyan(`  📥 Downloading ${fileName}...`));
-    }
-
-    static downloadSuccess(fileName) {
-        console.log(chalk.green(`  ✅ ${fileName}`));
-    }
-
-    static downloadError(fileName, error) {
-        console.error(chalk.red(`  ❌ Error downloading ${fileName}: ${error}`));
-    }
-
-    static registryUpdate(message) {
-        console.log(chalk.magenta(`📝 Registry: ${message}`));
-    }
-
-    static versionInfo(component, currentVersion, latestVersion = null) {
-        if (latestVersion && currentVersion !== latestVersion) {
-            console.log(chalk.yellow(`🔄 ${component}: v${currentVersion} → v${latestVersion}`));
-        } else {
-            console.log(chalk.green(`✅ ${component}: v${currentVersion}`));
-        }
-    }
-
-    static commandExample(description, command) {
-        console.log(chalk.gray(`💡 ${description}:`));
-        console.log(chalk.white(`   ${command}`));
-    }
-
-    static summary(successful, failed, total) {
-        Print.separator();
-        console.log(chalk.bold('📊 Summary:'));
-        if (successful > 0) {
-            Print.success(`Successful: ${successful}/${total}`);
-        }
-        if (failed > 0) {
-            Print.error(`Failed: ${failed}/${total}`);
-        }
-        Print.separator();
-    }
-
-    // Método para mostrar resultados de minificación
-    static minificationResult(filename, originalSize, minifiedSize, savingsPercent) {
-        const originalKB = (originalSize / 1024).toFixed(1);
-        const minifiedKB = (minifiedSize / 1024).toFixed(1);
-
-        console.log(chalk.green(`  ✅ ${filename}`));
-        console.log(chalk.gray(`     ${originalKB}KB → ${minifiedKB}KB (${savingsPercent}% saved)`));
-    }
-
-    // Método para mostrar progreso de build
-    static buildProgress(message) {
-        console.log(chalk.cyan(`🔄 ${message}`));
-    }
-
-    // Método para mostrar estadísticas de servidor
-    static serverStats(mode, port, directory) {
-        Print.newLine();
-        console.log(chalk.magenta(`🌐 Server Configuration:`));
-        console.log(chalk.gray(`   Mode: ${mode}`));
-        console.log(chalk.gray(`   Port: ${port}`));
-        console.log(chalk.gray(`   Serving: /${directory}`));
-        Print.newLine();
-    }
-
-    // Método para mostrar que el servidor está listo con URL destacada
-    static serverReady(port) {
-        Print.newLine();
-        console.log(chalk.bgGreen.black.bold(' ✓ SERVER READY '));
-        Print.newLine();
-        console.log(chalk.cyan.bold(`  → Local:   http://localhost:${port}`));
-        console.log(chalk.gray(`  → Network: http://127.0.0.1:${port}`));
-        Print.newLine();
-        console.log(chalk.yellow(`  Press Ctrl+C to stop the server`));
-        Print.newLine();
-    }
-
-    // Método para mostrar el estado del servidor durante inicio
-    static serverStatus(status, message = '') {
-        const icons = {
-            checking: '🔍',
-            starting: '🚀',
-            ready: '✅',
-            error: '❌'
-        };
-        const colors = {
-            checking: chalk.cyan,
-            starting: chalk.magenta,
-            ready: chalk.green,
-            error: chalk.red
-        };
-
-        const icon = icons[status] || 'ℹ️';
-        const color = colors[status] || chalk.white;
-        const displayMessage = message || status;
-
-        console.log(color(`${icon} ${displayMessage}`));
-    }
-
-    // Método para mostrar que se está verificando el puerto
-    static checkingPort(port) {
-        console.log(chalk.cyan(`🔍 Checking port ${port}...`));
-    }
-
-    // Nuevo: Método para debug
-    static debug(message) {
-        console.log(chalk.gray(`🐛 DEBUG: ${message}`));
-    }
-
-    // Nuevo: Método para logs verbosos
-    static verbose(message) {
-        console.log(chalk.gray(`📝 ${message}`));
-    }
+import chalk from 'chalk';
+
+export default class Print {
+    constructor() { }
+
+    static error(message) {
+        console.error(chalk.red(`❌ Error: ${message}`));
+    }
+
+    static success(message) {
+        console.log(chalk.green(`✅ Success: ${message}`));
+    }
+
+    static warning(message) {
+        console.log(chalk.yellow(`⚠️  Warning: ${message}`));
+    }
+
+    static info(message) {
+        console.log(chalk.cyan(`ℹ️  Info: ${message}`));
+    }
+
+    static title(message) {
+        console.log(chalk.magenta.bold(`🎯 ${message}`));
+    }
+
+    static subtitle(message) {
+        console.log(chalk.blue(`📋 ${message}`));
+    }
+
+    static step(stepNumber, message) {
+        console.log(chalk.cyan(`${stepNumber}. ${message}`));
+    }
+
+    static highlight(message) {
+        console.log(chalk.bgYellow.black(` ${message} `));
+    }
+
+    static newLine() {
+        console.log('');
+    }
+
+    static separator() {
+        console.log(chalk.gray('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'));
+    }
+
+    // Methods for CLI-specific context
+    static componentSuccess(componentName, action = 'processed') {
+        console.log(chalk.green(`✅ ${componentName} ${action} successfully!`));
+    }
+
+    static componentError(componentName, action = 'processing', error) {
+        console.error(chalk.red(`❌ Error ${action} ${componentName}: ${error}`));
+    }
+
+    static downloadProgress(fileName) {
+        console.log(chalk.cyan(`  📥 Downloading ${fileName}...`));
+    }
+
+    static downloadError(fileName) {
+        console.error(chalk.red(`  ❌ ${fileName}`));
+    }
+
+    static registryUpdate(message) {
+        console.log(chalk.magenta(`📝 Registry: ${message}`));
+    }
+
+    static versionInfo(component, currentVersion, latestVersion = null) {
+        if (latestVersion && currentVersion !== latestVersion) {
+            console.log(chalk.yellow(`🔄 ${component}: v${currentVersion} → v${latestVersion}`));
+        } else {
+            console.log(chalk.green(`✅ ${component}: v${currentVersion}`));
+        }
+    }
+
+    static commandExample(description, command) {
+        console.log(chalk.gray(`💡 ${description}:`));
+        console.log(chalk.white(`   ${command}`));
+    }
+
+    static summary(successful, failed, total) {
+        Print.separator();
+        console.log(chalk.bold('📊 Summary:'));
+        if (successful > 0) {
+            Print.success(`Successful: ${successful}/${total}`);
+        }
+        if (failed > 0) {
+            Print.error(`Failed: ${failed}/${total}`);
+        }
+        Print.separator();
+    }
+
+    // Method to show minification results
+    static minificationResult(filename, originalSize, minifiedSize, savingsPercent) {
+        const originalKB = (originalSize / 1024).toFixed(1);
+        const minifiedKB = (minifiedSize / 1024).toFixed(1);
+
+        console.log(chalk.green(`  ✅ ${filename}`));
+        console.log(chalk.gray(`     ${originalKB}KB → ${minifiedKB}KB (${savingsPercent}% saved)`));
+    }
+
+    // Method to show build progress
+    static buildProgress(message) {
+        console.log(chalk.cyan(`🔄 ${message}`));
+    }
+
+    // Method to show server statistics
+    static serverStats(mode, port, directory) {
+        Print.newLine();
+        console.log(chalk.magenta(`🌐 Server Configuration:`));
+        console.log(chalk.gray(`   Mode: ${mode}`));
+        console.log(chalk.gray(`   Port: ${port}`));
+        console.log(chalk.gray(`   Serving: /${directory}`));
+        Print.newLine();
+    }
+
+    // Method to show the server is ready with highlighted URL
+    static serverReady(port) {
+        Print.newLine();
+        console.log(chalk.bgGreen.black.bold(' ✓ SERVER READY '));
+        Print.newLine();
+        console.log(chalk.cyan.bold(`  → Local:   http://localhost:${port}`));
+        console.log(chalk.gray(`  → Network: http://127.0.0.1:${port}`));
+        Print.newLine();
+        console.log(chalk.yellow(`  Press Ctrl+C to stop the server`));
+        Print.newLine();
+    }
+
+    // Method to show server status during startup
+    static serverStatus(status, message = '') {
+        const icons = {
+            checking: '🔍',
+            starting: '🚀',
+            ready: '✅',
+            error: '❌'
+        };
+        const colors = {
+            checking: chalk.cyan,
+            starting: chalk.magenta,
+            ready: chalk.green,
+            error: chalk.red
+        };
+
+        const icon = icons[status] || 'ℹ️';
+        const color = colors[status] || chalk.white;
+        const displayMessage = message || status;
+
+        console.log(color(`${icon} ${displayMessage}`));
+    }
+
+    // Method to show port checking status
+    static checkingPort(port) {
+        console.log(chalk.cyan(`🔍 Checking port ${port}...`));
+    }
+
+    // New: Debug method
+    static debug(message) {
+        console.log(chalk.gray(`🐛 DEBUG: ${message}`));
+    }
+
+    // New: Verbose logging method
+    static verbose(message) {
+        console.log(chalk.gray(`📝 ${message}`));
+    }
 }

package/commands/Validations.js

@@ -1,103 +1,92 @@
-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 = 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) {
-        // Expresión regular para verificar si el nombre contiene caracteres especiales
-        const regex = /^[a-zA-Z][a-zA-Z0-9]*$/;
-        return regex.test(componentName);
-    }
-
-    loadConfig() {
-        try {
-            const configPath = getConfigPath(import.meta.url);
-            if (!fs.existsSync(configPath)) {
-                // 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');
-            return null;
-        }
-    }
-
-    getCategories() {
-        this._ensureConfig();
-        return this._categories;
-    }
-
-    getCategoryPath(category) {
-        this._ensureConfig();
-        return this._categories && this._categories[category] ? this._categories[category].path : null;
-    }
-
-    getCategoryType(category) {
-        this._ensureConfig();
-        return this._categories && this._categories[category] ? this._categories[category].type : null;
-    }
-
-    isValidCategory(category) {
-        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 };
-        } else {
-            return { isValid: false, category: null };
-        }
-    }
-
-    componentExists(componentName) {
-        try {
-            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) {
-            console.error('\x1b[31m', `❌ Error checking component existence: ${error.message}`, '\x1b[0m');
-            console.log('\x1b[36m', 'ℹ️  Info: The components.js file may be corrupted', '\x1b[0m');
-            return false;
-        }
-    }
-}
-
-const validations = new Validations();
-
-export default validations;
+import fs from 'fs';
+import path from 'path';
+import Print from './Print.js';
+import { getComponentsJsPath } from './utils/PathHelper.js';
+import { loadConfigSync } from './utils/loadConfig.js';
+
+class Validations {
+    constructor() {
+        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) {
+        // Regex to check if the name contains special characters
+        const regex = /^[a-zA-Z][a-zA-Z0-9]*$/;
+        return regex.test(componentName);
+    }
+
+    loadConfig() {
+        return loadConfigSync(import.meta.url);
+    }
+
+    getCategories() {
+        this._ensureConfig();
+        return this._categories;
+    }
+
+    getCategoryPath(category) {
+        this._ensureConfig();
+        return this._categories && this._categories[category] ? this._categories[category].path : null;
+    }
+
+    getCategoryType(category) {
+        this._ensureConfig();
+        return this._categories && this._categories[category] ? this._categories[category].type : null;
+    }
+
+    isValidCategory(category) {
+        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 };
+        } else {
+            return { isValid: false, category: null };
+        }
+    }
+
+    componentExists(componentName) {
+        try {
+            const componentFilePath = getComponentsJsPath(import.meta.url);
+
+            if (!fs.existsSync(componentFilePath)) {
+                Print.error('components.js not found in expected path');
+                Print.info('Run "slice component list" to generate components.js');
+                return false;
+            }
+
+            const fileContent = fs.readFileSync(componentFilePath, 'utf-8');
+            const match = fileContent.match(/const components = ({[\s\S]*?});/);
+            if (!match) return false;
+            const components = JSON.parse(match[1]);
+
+            return components.hasOwnProperty(componentName);
+
+        } catch (error) {
+            Print.error(`Error checking component existence: ${error.message}`);
+            Print.info('The components.js file may be corrupted');
+            return false;
+        }
+    }
+}
+
+const validations = new Validations();
+
+export default validations;

package/commands/build/build.js

@@ -1,40 +1,40 @@
-import bundle from '../bundle/bundle.js';
-import buildProduction, { serveProductionBuild } from '../buildProduction/buildProduction.js';
-import Print from '../Print.js';
-
-export default async function build(options = {}) {
-  const minify = options.minify !== false;
-  const obfuscate = options.obfuscate !== false;
-
-  if (options.analyze) {
-    return bundle({ analyze: true, verbose: options.verbose });
-  }
-
-  if (options.serve) {
-    await serveProductionBuild(options.port);
-    return true;
-  }
-
-  const success = await buildProduction({
-    ...options,
-    minify,
-    obfuscate
-  });
-  if (!success) {
-    return false;
-  }
-
-  Print.info('Generating bundles for production build...');
-  await bundle({
-    verbose: options.verbose,
-    minify,
-    obfuscate,
-    output: 'dist'
-  });
-
-  if (options.preview) {
-    await serveProductionBuild(options.port);
-  }
-
-  return true;
-}
+import bundle from '../bundle/bundle.js';
+import buildProduction, { serveProductionBuild } from '../buildProduction/buildProduction.js';
+import Print from '../Print.js';
+
+export default async function build(options = {}) {
+  const minify = options.minify !== false;
+  const obfuscate = options.obfuscate !== false;
+
+  if (options.analyze) {
+    return bundle({ analyze: true, verbose: options.verbose });
+  }
+
+  if (options.serve) {
+    await serveProductionBuild(options.port);
+    return true;
+  }
+
+  const success = await buildProduction({
+    ...options,
+    minify,
+    obfuscate
+  });
+  if (!success) {
+    return false;
+  }
+
+  Print.info('Generating bundles for production build...');
+  await bundle({
+    verbose: options.verbose,
+    minify,
+    obfuscate,
+    output: 'dist'
+  });
+
+  if (options.preview) {
+    await serveProductionBuild(options.port);
+  }
+
+  return true;
+}