slicejs-cli 1.0.0

package/commands/modifyComponent/modifyComponent copy.js

@@ -0,0 +1,111 @@
+import fs from 'fs';
+import path from 'path';
+
+const __dirname = path.dirname(new URL(import.meta.url).pathname);
+
+function modifyComponent(componentName, category, addProperties, removeProperties) {
+    if (!componentName) {
+        console.error('Component name is required');
+        return;
+    }
+
+    if (!isValidComponentName(componentName)) {
+        console.error('Invalid component name. Please use only alphanumeric characters and start with a letter.');
+        return;
+    }
+
+    if (!['Service', 'Visual', 'Provider', 'Structural'].includes(category)) {
+        console.error('Invalid category. Please use one of the following categories: Service, Visual, Provider, Structural');
+        return;
+    }
+
+    const fileName = `${componentName}.js`;
+    const componentPath = path.join('Components', category, fileName);
+
+    if (!fs.existsSync(componentPath)) {
+        console.error(`Component '${componentName}' does not exist.`);
+        return;
+    }
+
+    let componentContent = fs.readFileSync(componentPath, 'utf-8');
+    let existingProperties = extractProperties(componentContent);
+
+    addProperties.forEach(property => {
+        if (!existingProperties.includes(property)) {
+            existingProperties.push(property);
+            console.log(`Property '${property}' added to component '${componentName}'.`);
+            // Agregar getters y setters al componente
+            componentContent = addGetterSetter(componentContent, property);
+        } else {
+            console.log(`Property '${property}' already exists in component '${componentName}'.`);
+        }
+    });
+
+    removeProperties.forEach(property => {
+        if (existingProperties.includes(property)) {
+            existingProperties = existingProperties.filter(prop => prop !== property);
+            console.log(`Property '${property}' removed from component '${componentName}'.`);
+            componentContent = removeGetterSetter(componentContent, property);
+        } else {
+            console.log(`Property '${property}' does not exist in component '${componentName}'.`);
+        }
+    });
+
+    componentContent = updateComponentProps(componentContent, existingProperties);
+    fs.writeFileSync(componentPath, componentContent);
+    console.log(`Component '${componentName}' modified successfully.`);
+}
+
+function isValidComponentName(componentName) {
+    const regex = /^[a-zA-Z][a-zA-Z0-9]*$/;
+    return regex.test(componentName);
+}
+
+function extractProperties(componentContent) {
+    const propRegex = /this\.debuggerProps\s*=\s*\[(.*?)\];/s;
+    const match = componentContent.match(propRegex);
+    if (match && match[1]) {
+        return match[1].split(',').map(prop => prop.trim().replace(/['"]/g, ''));
+    }
+    return [];
+}
+
+function addGetterSetter(componentContent, property) {
+    // Agregar los métodos getters y setters al componente
+    const getterSetterCode = `
+    get ${property}() {
+        return this._${property};
+    }
+
+    set ${property}(value) {
+        this._${property} = value;
+    }\n\n`;
+
+    const classEndIndex = componentContent.lastIndexOf('}');
+    if (classEndIndex !== -1) {
+        const updatedComponentContent = componentContent.slice(0, classEndIndex) + getterSetterCode + componentContent.slice(classEndIndex);
+        return updatedComponentContent;
+    }
+    return componentContent;
+}
+
+function removeGetterSetter(componentContent, property) {
+    // Eliminar los métodos getters y setters del componente
+    const getterSetterRegex = new RegExp(`get ${property}\\(\\)\\s*{[^}]+}\\s*set ${property}\\([^)]+\\)\\s*{[^}]+}`);
+
+    const updatedComponentContent = componentContent.replace(getterSetterRegex, '');
+    return updatedComponentContent;
+}
+
+function updateComponentProps(componentContent, properties) {
+    const updatedPropsList = properties.map(prop => `'${prop}'`).join(', ');
+    const propIndex = componentContent.indexOf('this.debuggerProps = [');
+    const propsStartIndex = componentContent.indexOf('[', propIndex);
+    const propsEndIndex = componentContent.indexOf(']', propIndex);
+    const updatedComponentContent = `${componentContent.slice(0, propsStartIndex + 1)}${updatedPropsList}${componentContent.slice(propsEndIndex)}`;
+    return updatedComponentContent;
+}
+
+export default modifyComponent;
+
+modifyComponent('Input', 'Visual', ['placeholder', 'conditions'], []);

package/commands/modifyComponent/modifyComponent.js

@@ -0,0 +1,158 @@
+import fs from 'fs';
+import path from 'path';
+
+const __dirname = path.dirname(new URL(import.meta.url).pathname);
+
+function modifyComponent(componentName, category, addProperties, removeProperties) {
+    if (!componentName) {
+        console.error('Component name is required');
+        return;
+    }
+
+    if (!isValidComponentName(componentName)) {
+        console.error('Invalid component name. Please use only alphanumeric characters and start with a letter.');
+        return;
+    }
+
+
+    const categoryVariations = {
+        'Service': ['service', 'servicio', 'serv'],
+        'Visual': ['visual', 'vis'],
+        'Provider': ['provider', 'proveedor', 'prov'],
+        'Structural': ['structural', 'estructural', 'est']
+    };
+
+
+
+    // Verificar si la categoría es válida
+    let categoryIsValid = false;
+    Object.keys(categoryVariations).forEach(validCategory => {
+        if (categoryVariations[validCategory].includes(category.toLowerCase())) {
+            category = validCategory
+            categoryIsValid = true;
+        }
+    });
+
+    if (!categoryIsValid) {
+        console.error('Invalid category. Please use one of the following categories: Service, Visual, Provider, Structural');
+        return;
+    }
+
+    const componentDir = path.join(__dirname, '../../../../Slice/Components', category, componentName);
+    const fileName = `${componentName}.js`;
+    let componentPath = path.join(componentDir, fileName);
+    componentPath=componentPath.slice(1);
+
+    console.log(componentPath);
+    if (!fs.existsSync(componentPath)) {
+        console.error(`Component '${componentName}' does not exist.`);
+        return;
+    }
+
+
+    let componentContent = fs.readFileSync(componentPath, 'utf-8');
+    let existingProperties = extractProperties(componentContent);
+
+    addProperties.forEach(property => {
+        if (!existingProperties.includes(property)) {
+            existingProperties.push(property);
+            console.log(`Property '${property}' added to component '${componentName}'.`);
+            // Verificar si existen getters y setters para la propiedad y agregarlos si es necesario
+            componentContent = addGetterSetterIfNeeded(componentContent, property);
+        } else {
+            console.log(`Property '${property}' already exists in component '${componentName}'.`);
+        }
+    });
+
+    removeProperties.forEach(property => {
+        if (existingProperties.includes(property)) {
+            existingProperties = existingProperties.filter(prop => prop !== property);
+            console.log(`Property '${property}' removed from component '${componentName}'.`);
+            componentContent = removePropertyIfNeeded(componentContent, property);
+        } else {
+            console.log(`Property '${property}' does not exist in component '${componentName}'.`);
+        }
+    });
+
+    componentContent = updateComponentProps(componentContent, existingProperties);
+    fs.writeFileSync(componentPath, componentContent);
+    console.log(`Component '${componentName}' modified successfully.`);
+}
+
+function isValidComponentName(componentName) {
+    const regex = /^[a-zA-Z][a-zA-Z0-9]*$/;
+    return regex.test(componentName);
+}
+
+function extractProperties(componentContent) {
+    const propRegex = /this\.debuggerProps\s*=\s*\[(.*?)\];/s;
+    const match = componentContent.match(propRegex);
+    if (match && match[1]) {
+        return match[1].split(',').map(prop => prop.trim().replace(/['"]/g, ''));
+    }
+    return [];
+}
+
+function addGetterSetterIfNeeded(componentContent, property) {
+    // Verificar si existen getters y setters para la propiedad
+    const hasGetterSetter = hasGetterSetterForProperty(componentContent, property);
+    if (!hasGetterSetter) {
+        // Agregar getters y setters al componente
+        componentContent = addGetterSetter(componentContent, property);
+    }
+    return componentContent;
+}
+
+function removePropertyIfNeeded(componentContent, property) {
+    // Verificar si no está en debuggerProps pero tiene getters y setters
+    const propInDebuggerProps = componentContent.includes(`'${property}'`);
+    const hasGetterSetter = hasGetterSetterForProperty(componentContent, property);
+    if (!propInDebuggerProps && hasGetterSetter) {
+        // Eliminar los getters y setters del componente
+        componentContent = removeGetterSetter(componentContent, property);
+    }
+    return componentContent;
+}
+
+function hasGetterSetterForProperty(componentContent, property) {
+    const getterRegex = new RegExp(`get ${property}\\(\\)\\s*{`);
+    const setterRegex = new RegExp(`set ${property}\\([^)]+\\)\\s*{`);
+    return getterRegex.test(componentContent) && setterRegex.test(componentContent);
+}
+
+function addGetterSetter(componentContent, property) {
+    // Agregar los métodos getters y setters al componente
+    const getterSetterCode = `
+    get ${property}() {
+        return this._${property};
+    }
+
+    set ${property}(value) {
+        this._${property} = value;
+    }\n\n`;
+
+    const classEndIndex = componentContent.lastIndexOf('}');
+    if (classEndIndex !== -1) {
+        const updatedComponentContent = componentContent.slice(0, classEndIndex) + getterSetterCode + componentContent.slice(classEndIndex);
+        return updatedComponentContent;
+    }
+    return componentContent;
+}
+
+function removeGetterSetter(componentContent, property) {
+    // Eliminar los métodos getters y setters del componente
+    const getterSetterRegex = new RegExp(`get ${property}\\(\\)\\s*{[^}]+}\\s*set ${property}\\([^)]+\\)\\s*{[^}]+}`);
+    return componentContent.replace(getterSetterRegex, '');
+}
+
+function updateComponentProps(componentContent, properties) {
+    const updatedPropsList = properties.map(prop => `'${prop}'`).join(', ');
+    const propIndex = componentContent.indexOf('this.debuggerProps = [');
+    const propsStartIndex = componentContent.indexOf('[', propIndex);
+    const propsEndIndex = componentContent.indexOf(']', propIndex);
+    const updatedComponentContent = `${componentContent.slice(0, propsStartIndex + 1)}${updatedPropsList}${componentContent.slice(propsEndIndex)}`;
+    return updatedComponentContent;
+}
+
+export default modifyComponent;
+

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "slicejs-cli",
+  "version": "1.0.0",
+  "description": "Command client for developing web applications with Slice.js",
+  "main": "client.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "postinstall": "node postInstall.js"
+  },
+  "keywords": [
+    "framework",
+    "web",
+    "client",
+    "cli"
+  ],
+  "author": "vkneider",
+  "type": "module",
+  "license": "ISC",
+  "dependencies": {
+    "commander": "^12.0.0",
+    "fs-extra": "^11.2.0"
+  }
+}

package/postInstall.js

@@ -0,0 +1,27 @@
+import fs from 'fs';
+
+// Ruta al package.json del proyecto que está instalando tu paquete
+const projectPackageJsonPath = './node_modules/.bin/package.json';
+
+// Lee el contenido del package.json del proyecto
+fs.promises.readFile(projectPackageJsonPath, 'utf8')
+    .then(data => {
+        // Convierte el contenido del archivo a un objeto JSON
+        const projectPackageJson = JSON.parse(data);
+
+        // Agrega los comandos personalizados a los scripts del proyecto
+        projectPackageJson.scripts = projectPackageJson.scripts || {};
+        projectPackageJson.scripts['slice:init'] = 'node node_modules/slice-cli/client.js init';
+        projectPackageJson.scripts['slice:create'] = 'node node_modules/slice-cli/client.js create';
+        projectPackageJson.scripts['slice:modify'] = 'node node_modules/slice-cli/client.js modify';
+        projectPackageJson.scripts['slice:list'] = 'node node_modules/slice-cli/client.js list';
+
+        // Escribe el nuevo contenido en el package.json del proyecto
+        return fs.promises.writeFile(projectPackageJsonPath, JSON.stringify(projectPackageJson, null, 2), 'utf8');
+    })
+    .then(() => {
+        console.log('Comandos agregados al package.json del proyecto.');
+    })
+    .catch(err => {
+        console.error('Error:', err);
+    });