slicejs-cli 1.0.47 → 1.0.50

package/client.js

@@ -23,6 +23,7 @@ sliceClient
     .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 } = options;
         const propertiesList = Properties ? Properties.split(',') : [];

package/commands/createComponent/{componentTemplate.js → VisualComponentTemplate.js}

@@ -1,6 +1,7 @@
-export default function componentTemplate(componentName, props) {
-  // Generar la lista de getters y setters para las props
-  const propGettersSetters = props.map(prop => `
+export default class componentTemplates{
+
+  static visual(componentName, props){
+    const propGettersSetters = props.map(prop => `
   get ${prop}() {
       return this._${prop};
   }
@@ -26,5 +27,25 @@ export default function componentTemplate(componentName, props) {
 
 customElements.define("slice-${componentName.toLowerCase()}", ${componentName});
 `;
+  }
+
+  static service(componentName, methods) {
+    const methodDefinitions = methods.map(method => `
+    ${method}() {}
+    `).join('\n');
+  
+    return `export default class ${componentName} {
+    constructor(props) {
+      // Constructor
+    }
+  
+    init() {
+      // Método init
+    }
+  
+    ${methodDefinitions}
+  }
+  `;
+  }
 }
 

package/commands/createComponent/createComponent.js

@@ -1,5 +1,5 @@
 
-import componentTemplate from './componentTemplate.js';
+import componentTemplates from './VisualComponentTemplate.js';
 import fs from 'fs-extra';
 import path from 'path';
 import { fileURLToPath } from 'url';
@@ -31,7 +31,15 @@ function createComponent(componentName, category, properties) {
     // Crear el nombre de la clase y del archivo
     const className = componentName.charAt(0).toUpperCase() + componentName.slice(1);
     const fileName = `${className}.js`;
-    const template = componentTemplate(className, properties);
+    let template;
+    
+    if(category==='Visual'){
+       template = componentTemplates.visual(className, properties);
+    }
+
+    if(category==='Service'){
+         template = componentTemplates.service(className, properties);
+     }
 
     //RUTA PARA CUANDO SE COLOQUE DE USUARIO
     // ../../../../src/Components

package/commands/listComponents/listComponents.js

@@ -7,8 +7,8 @@ import Print from '../Print.js';
 export default function listComponents() {
 
   const SlicePath = path.join(__dirname, '../../../../Slice/Components');
-  const userVisualComponents = fs.readdirSync(__dirname,'../../../../src/Components/Visual');
-  const userServices = fs.readdirSync(__dirname,'../../../../src/Components/Service');
+  const userVisualComponents = fs.readdirSync(path.join(__dirname,'../../../../src/Components/Visual'));
+  const userServices = fs.readdirSync(path.join(__dirname,'../../../../src/Components/Service'));
 
   const visualComponents = fs.readdirSync(`${SlicePath}/Visual`);
   const services = fs.readdirSync(`${SlicePath}/Service`);

package/package.json

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