slicejs-cli 2.8.6 → 2.9.1

package/commands/Print.js

@@ -1,168 +1,168 @@
-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('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'));
+    }
+
+    // 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}`));
+    }
 }

package/commands/Validations.js

@@ -1,103 +1,103 @@
-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 { 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;

package/commands/build/build.js

@@ -0,0 +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;
+}

package/commands/buildProduction/buildProduction.js

@@ -116,7 +116,7 @@ async function copySliceConfig() {
 /**
  * Procesa un directorio completo
  */
-async function processDirectory(srcPath, distPath, baseSrcPath) {
+async function processDirectory(srcPath, distPath, baseSrcPath, options) {
   const items = await fs.readdir(srcPath);
   
   for (const item of items) {
@@ -126,9 +126,9 @@ async function processDirectory(srcPath, distPath, baseSrcPath) {
     
     if (stat.isDirectory()) {
       await fs.ensureDir(distItemPath);
-      await processDirectory(srcItemPath, distItemPath, baseSrcPath);
+      await processDirectory(srcItemPath, distItemPath, baseSrcPath, options);
     } else {
-      await processFile(srcItemPath, distItemPath);
+      await processFile(srcItemPath, distItemPath, options);
     }
   }
 }
@@ -136,19 +136,54 @@ async function processDirectory(srcPath, distPath, baseSrcPath) {
 /**
  * Procesa un archivo individual
  */
-async function processFile(srcFilePath, distFilePath) {
+async function processFile(srcFilePath, distFilePath, options) {
   const ext = path.extname(srcFilePath).toLowerCase();
   const fileName = path.basename(srcFilePath);
-  
+  const isBundleConfig = fileName === 'bundle.config.json' || fileName === 'bundle.config.js';
+  const isBundleFolder = srcFilePath.includes(`${path.sep}bundles${path.sep}`);
+
+  if (isBundleConfig && isBundleFolder) {
+    const renamed = fileName.replace('bundle.config', 'bundle.build.config');
+    distFilePath = path.join(path.dirname(distFilePath), renamed);
+  }
+
   try {
     if (fileName === 'components.js') {
-      await processComponentsFile(srcFilePath, distFilePath);
+      if (options?.minify === false) {
+        await fs.copy(srcFilePath, distFilePath);
+        const stat = await fs.stat(srcFilePath);
+        const sizeKB = (stat.size / 1024).toFixed(1);
+        Print.info(`📄 Copied: ${fileName} (${sizeKB} KB)`);
+      } else {
+        await processComponentsFile(srcFilePath, distFilePath);
+      }
     } else if (ext === '.js') {
-      await minifyJavaScript(srcFilePath, distFilePath);
+      if (options?.minify === false) {
+        await fs.copy(srcFilePath, distFilePath);
+        const stat = await fs.stat(srcFilePath);
+        const sizeKB = (stat.size / 1024).toFixed(1);
+        Print.info(`📄 Copied: ${fileName} (${sizeKB} KB)`);
+      } else {
+        await minifyJavaScript(srcFilePath, distFilePath);
+      }
     } else if (ext === '.css') {
-      await minifyCSS(srcFilePath, distFilePath);
+      if (options?.minify === false) {
+        await fs.copy(srcFilePath, distFilePath);
+        const stat = await fs.stat(srcFilePath);
+        const sizeKB = (stat.size / 1024).toFixed(1);
+        Print.info(`📄 Copied: ${fileName} (${sizeKB} KB)`);
+      } else {
+        await minifyCSS(srcFilePath, distFilePath);
+      }
     } else if (ext === '.html') {
-      await minifyHTML(srcFilePath, distFilePath);
+      if (options?.minify === false) {
+        await fs.copy(srcFilePath, distFilePath);
+        const stat = await fs.stat(srcFilePath);
+        const sizeKB = (stat.size / 1024).toFixed(1);
+        Print.info(`📄 Copied: ${fileName} (${sizeKB} KB)`);
+      } else {
+        await minifyHTML(srcFilePath, distFilePath);
+      }
     } else if (fileName === 'sliceConfig.json') {
       await fs.copy(srcFilePath, distFilePath);
       Print.info(`📄 Preserved: ${fileName} (configuration file)`);
@@ -437,7 +472,7 @@ export default async function buildProduction(options = {}) {
 
     // Procesar archivos
     Print.info('Processing and optimizing source files for Slice.js...');
-    await processDirectory(srcDir, distDir, srcDir);
+    await processDirectory(srcDir, distDir, srcDir, options);
     Print.success('All source files processed and optimized');
 
     await verifyBuildIntegrity(distDir);