slicejs-cli 1.0.57 → 2.0.0

package/client.js

@@ -1,64 +1,147 @@
 import { program } from "commander";
+import inquirer from "inquirer";
 import initializeProject from "./commands/init/init.js";
 import createComponent from "./commands/createComponent/createComponent.js";
-import modifyComponent from "./commands/modifyComponent/modifyComponent.js";
 import listComponents from "./commands/listComponents/listComponents.js";
 import deleteComponent from "./commands/deleteComponent/deleteComponent.js";
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+import validations from "./commands/Validations.js";
+
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const loadConfig = () => {
+  try {
+    const configPath = path.join(__dirname, "../../src/sliceConfig.json");
+    const rawData = fs.readFileSync(configPath, "utf-8");
+    return JSON.parse(rawData);
+  } catch (error) {
+    console.error(`Error loading configuration: ${error.message}`);
+    return null;
+  }
+};
+
+const getCategories = () => {
+  const config = loadConfig();
+  return config && config.paths?.components ? Object.keys(config.paths.components) : [];
+};
 
 const sliceClient = program;
 
-sliceClient
-    .version('1.0.0')
-    .description('Client for managing framework components');
+sliceClient.version("1.0.0").description("CLI for managing framework components");
 
+
+// INIT COMMAND
 sliceClient
-    .command('init')
-    .description('Initialize the project')
-    .action(() => {
-        initializeProject("basic");
-    });
-
-    sliceClient
-    .command('create <componentName>')
-    .description('Create a new component')
-    .option('-category <category>', 'Specify the category of the component')
-    .option('-properties <properties>', 'Specify properties for the component (comma-separated)')
-    .option('-methods <methods>', 'Specify methods for the component (comma-separated)')
-    .action((componentName, options) => {
-        const { Category, Properties, Methods } = options;
-        const propertiesList = Properties ? Properties.split(',') : [];
-        const methodsList = Methods ? Methods.split(',') : [];
-       if( createComponent(componentName, Category, propertiesList, methodsList))    listComponents();   
-    });
-
-// Comando para modificar un componente
-sliceClient
-    .command('modify <componentName>')
-    .description('Modify an existing component')
-    .option('-category <category>', 'Component category')
-    .option('-add <addProperties>', 'Add Properties to the component (comma-separated)')
-    .option('-remove <removeProperties>', 'Remove Properties from the component (comma-separated)')
-    .action((componentName, options) => {
-        const { Add, Remove,Category } = options;
-        const addProperties = Add ? Add.split(',') : [];
-        const removeProperties = Remove ? Remove.split(',') : [];
-        modifyComponent(componentName,Category, addProperties, removeProperties)
-    });
-
-    sliceClient.command('delete <componentName>')
-    .description('Delete an existing component')
-    .option('-category <category>', 'Component category')
-    .action((componentName, options) => {
-        const { Category } = options;
-        if(deleteComponent(componentName, Category))    listComponents();
-    });
-
-// Comando para listar todos los componentes
-sliceClient
-    .command('list')
-    .description('List all components')
-    .action(() => {
-        listComponents();
-    });
+  .command("init")
+  .description("Initialize the project")
+  .action(() => {
+    initializeProject("basic");
+  });
+
+// COMPONENT COMMAND GROUP
+const componentCommand = sliceClient.command("component").description("Manage components");
+
+// CREATE COMPONENT
+componentCommand
+  .command("create")
+  .description("Create a new component")
+  .action(async () => {
+    const categories = getCategories();
+    if (categories.length === 0) {
+      console.error("No categories available. Check your configuration.");
+      return;
+    }
+
+    const answers = await inquirer.prompt([
+      {
+        type: "input",
+        name: "componentName",
+        message: "Enter the component name:",
+        validate: (input) => (input ? true : "Component name cannot be empty"),
+      },
+      {
+        type: "list",
+        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):",
+            validate: (input) => (input ? true : "Properties cannot be empty"),
+          },
+        ]);
+        answers.properties = properties.properties.split(",").map((prop) => prop.trim());
+      } else {
+        answers.properties = [];
+      }
+    
+    if (createComponent(answers.componentName, answers.category, answers.properties)) {
+      listComponents();
+    }
+  });
+
+
+// DELETE COMPONENT
+componentCommand
+  .command("delete")
+  .description("Delete an existing component")
+  .action(async () => {
+    const categories = getCategories();
+    if (categories.length === 0) {
+      console.error("No categories available. Check your configuration.");
+      return;
+    }
+
+    const answers = await inquirer.prompt([
+      {
+        type: "input",
+        name: "componentName",
+        message: "Enter the component name to delete:",
+        validate: (input) => (input ? true : "Component name cannot be empty"),
+      },
+      {
+        type: "list",
+        name: "category",
+        message: "Select the component category:",
+        choices: categories,
+      },
+    ]);
+
+    const confirm = await inquirer.prompt([
+      {
+        type: "confirm",
+        name: "confirmation",
+        message: `Are you sure you want to delete ${answers.componentName}?`,
+      },
+    ]);
+
+    if (!confirm.confirmation) {
+      
+      return;
+    }
+    
+
+    if (deleteComponent(answers.componentName, answers.category)) {
+      listComponents();
+    }
+
+
+  });
+
+// LIST COMPONENTS
+componentCommand
+  .command("list")
+  .description("List all components")
+  .action(() => {
+    listComponents();
+  });
 
-sliceClient.parse(process.argv);
+sliceClient.parse(process.argv);

package/commands/Validations.js

@@ -1,29 +1,56 @@
-export default class Validations{
-    constructor(){}
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
 
-    static isValidComponentName(componentName) {
+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;
+
+    }
+
+    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);
     }
 
-    static isValidCategory(category){
-        const categoryVariations = {
-            'Service': ['service', 'servicio', 'serv', 's'],
-            'Visual': ['visual', 'vis', 'v'],
-            'Structural': ['structural', 'estructural', 'est', 'st']
-        };
- 
-        let categoryIsValid = false;
-        Object.keys(categoryVariations).forEach(validCategory => {
-            if (categoryVariations[validCategory].includes(category.toLowerCase())) {
-                category = validCategory
-                categoryIsValid = true;
-            }
-        });
-
-        return ({isValid: categoryIsValid, category: category})
+    loadConfig() {
+        try {
+            const configPath = path.join(__dirname, '../../../src/sliceConfig.json');
+            const rawData = fs.readFileSync(configPath, 'utf-8');
+            return JSON.parse(rawData);
+        } catch (error) {
+            console.error(`Error cargando configuración: ${error.message}`);
+            return null;
+        }
+    }
+
+    getCategories() {
+        return this.categories; // Usamos las categorías cargadas en el constructor
+    }
+
+    getCategoryPath(category) {
+        return  this.categories[category].path;
+    }
+
+    getCategoryType(category){
+        return this.categories[category].type;
+    }
+
+    isValidCategory(category) {
+        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 };
+        }
     }
+}
 
+const validations = new Validations();
 
-}
+export default validations;

package/commands/createComponent/VisualComponentTemplate.js

@@ -29,10 +29,8 @@ customElements.define("slice-${componentName.toLowerCase()}", ${componentName});
 `;
   }
 
-  static service(componentName, methods) {
-    const methodDefinitions = methods.map(method => `
-    ${method}() {}
-    `).join('\n');
+  static service(componentName) {
+
   
     return `export default class ${componentName} {
     constructor(props) {
@@ -42,8 +40,6 @@ customElements.define("slice-${componentName.toLowerCase()}", ${componentName});
     init() {
       // Método init
     }
-  
-    ${methodDefinitions}
   }
   `;
   }

package/commands/createComponent/createComponent.js

@@ -7,8 +7,7 @@ import Validations from '../Validations.js';
 import Print from '../Print.js';
 const __dirname = path.dirname(new URL(import.meta.url).pathname);
 
-function createComponent(componentName, category, properties, methods) {
-
+function createComponent(componentName, category, properties) {
     if (!componentName) {
         Print.error('Component name is required');
         return;
@@ -32,28 +31,30 @@ function createComponent(componentName, category, properties, methods) {
     const className = componentName.charAt(0).toUpperCase() + componentName.slice(1);
     const fileName = `${className}.js`;
     let template;
+
+    const type = Validations.getCategoryType(category);
+
     
-    if(category==='Visual'){
+    if(type==='Visual'){
        template = componentTemplates.visual(className, properties);
     }
 
-    if(category==='Service'){
-         template = componentTemplates.service(className, methods);
+    if(type==='Service'){
+         template = componentTemplates.service(className);
      }
 
-    //RUTA PARA CUANDO SE COLOQUE DE USUARIO
-    // ../../../../src/Components
+    const categoryPath = Validations.getCategoryPath(category);
+
 
     // Determinar la ruta del archivo
-    let componentDir = path.join(__dirname, '../../../../src/Components', category, className);
+    let componentDir = path.join(__dirname, '../../../../src/', categoryPath, className);
     componentDir=componentDir.slice(1);
-    // Asegurarse de que el directorio del componente exista
     fs.ensureDirSync(componentDir);
     
+
     // Determinar la ruta del archivo
     let componentPath = path.join(componentDir, fileName);
-    
-    
+
 
     // Verificar si el archivo ya existe
     if (fs.existsSync(componentPath)) {
@@ -61,10 +62,12 @@ function createComponent(componentName, category, properties, methods) {
         return;
     }
 
+
+
     // Escribir el código del componente en el archivo
     fs.writeFileSync(componentPath, template);
 
-    if(category==='Visual'){
+    if(type==='Visual'){
         fs.writeFileSync(`${componentDir}/${className}.css`, '');
         fs.writeFileSync(`${componentDir}/${className}.html`, `<div>${componentName}</div>`);
     }

package/commands/deleteComponent/deleteComponent.js

@@ -22,17 +22,12 @@ function deleteComponent(componentName, category) {
         return;
     }
     category = flagCategory.category;
-
-    // Determinar la ruta del archivo
-    //RUTA PARA CUANDO SE COLOQUE DE USUARIO
-    // ../../../../src/Components
-    //PARA DEVELOPERS
-    // ../../../../Slice/Components
     
+    const categoryPath = Validations.getCategoryPath(category);
+
 
-    
     // Construir la ruta del directorio del componente
-    let componentDir = path.join(__dirname, '../../../../src/Components', category, componentName);
+    let componentDir = path.join(__dirname, '../../../../src/', categoryPath, componentName);
     componentDir = componentDir.slice(1);
 
     // Verificar si el directorio del componente existe

package/commands/listComponents/listComponents.js

@@ -11,7 +11,7 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
  */
 const loadConfig = () => {
     try {
-        const configPath = path.join(__dirname, '../../../../Slice/sliceConfig.json');
+        const configPath = path.join(__dirname, '../../../../src/sliceConfig.json');
         const rawData = fs.readFileSync(configPath, 'utf-8');
         return JSON.parse(rawData);
     } catch (error) {
@@ -28,7 +28,6 @@ const loadConfig = () => {
 const listComponents = (folderPath) => {
     try {
         const result = fs.readdirSync(folderPath)
-        console.log(`Leyendo carpeta ${folderPath}: ${result.length} archivos encontrados`);
         return result;
     } catch (error) {
         console.error(`Error leyendo carpeta ${folderPath}: ${error.message}`);
@@ -71,7 +70,7 @@ function listComponentsReal(){
 const components = getComponents();
 
 // Ruta donde se generará components.js
-const outputPath = path.join(__dirname, '../../../../Slice/Components/components.js');
+const outputPath = path.join(__dirname, '../../../../src/Components/components.js');
 
 // Generar archivo components.js con los componentes detectados
 fs.writeFileSync(outputPath, `const components = ${JSON.stringify(components, null, 2)}; export default components;`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slicejs-cli",
-  "version": "1.0.57",
+  "version": "2.0.0",
   "description": "Command client for developing web applications with Slice.js framework",
   "main": "client.js",
   "scripts": {
@@ -13,11 +13,15 @@
     "client",
     "cli"
   ],
+  "bin":{
+    "slice": "client.js"
+  },
   "author": "vkneider",
   "type": "module",
   "license": "ISC",
   "dependencies": {
     "commander": "^12.0.0",
-    "fs-extra": "^11.2.0"
+    "fs-extra": "^11.2.0",
+    "inquirer": "^12.4.2"
   }
 }