ingeniuscliq-core 0.4.2 → 0.4.3

package/core/commands/create-template.js

@@ -16,6 +16,13 @@ function sanitizeTemplateName(input) {
     .replace(/-+/g, '-');       // colapsar guiones
 }
 
+function toPascalCase(str) {
+  return str
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('');
+}
+
 function ensureDir(dirPath) {
   fs.mkdirSync(dirPath, { recursive: true });
 }
@@ -46,12 +53,79 @@ function createTemplate(templateNameRaw) {
     console.log(chalk.green(`✓ Creado directorio: ${chalk.bold(`src/components/templates/${templateName}`)}`));
 
     // Subcarpetas requeridas
-    const subdirs = ['components', 'pages', 'styles'];
+    const subdirs = ['components', 'pages', 'styles', 'assets', 'helpers', 'hooks', 'types', 'locale'];
     subdirs.forEach((dir) => {
       ensureDir(joinPaths(baseDir, dir));
       console.log(chalk.green(`✓ Creado directorio: ${chalk.bold(`src/components/templates/${templateName}/${dir}`)}`));
     });
 
+    // Subcarpetas dentro de components
+    const componentsSubdirs = ['common', 'skeletons', 'layout'];
+    componentsSubdirs.forEach((dir) => {
+      ensureDir(joinPaths(baseDir, 'components', dir));
+      console.log(chalk.green(`✓ Creado directorio: ${chalk.bold(`src/components/templates/${templateName}/components/${dir}`)}`));
+    });
+
+    // Subcarpetas dentro de pages con archivos index.tsx
+    const pagesSubdirs = ['store', 'preview'];
+    const pageTemplates = {
+      store: `const StorePage = () => {\n  return (\n    <></>\n  )\n}\n\nexport default StorePage\n`,
+      preview: `const PreviewPage = () => {\n  return (\n    <></>\n  )\n}\n\nexport default PreviewPage\n`
+    };
+
+    pagesSubdirs.forEach((dir) => {
+      const pageDirPath = joinPaths(baseDir, 'pages', dir);
+      ensureDir(pageDirPath);
+      console.log(chalk.green(`✓ Creado directorio: ${chalk.bold(`src/components/templates/${templateName}/pages/${dir}`)}`));
+      
+      // Crear archivo index.tsx
+      const indexPath = joinPaths(pageDirPath, 'index.tsx');
+      fs.writeFileSync(indexPath, pageTemplates[dir]);
+      console.log(chalk.green(`✓ Creado archivo: ${chalk.bold(`src/components/templates/${templateName}/pages/${dir}/index.tsx`)}`));
+    });
+
+    // Archivos dentro de components/layout
+    const pascalCaseName = toPascalCase(templateName);
+    const layoutDir = joinPaths(baseDir, 'components', 'layout');
+    
+    // index.tsx en layout
+    const layoutIndexContent = `const ${pascalCaseName}Layout = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <></>\n  )\n}\n\nexport default ${pascalCaseName}Layout\n`;
+    const layoutIndexPath = joinPaths(layoutDir, 'index.tsx');
+    fs.writeFileSync(layoutIndexPath, layoutIndexContent);
+    console.log(chalk.green(`✓ Creado archivo: ${chalk.bold(`src/components/templates/${templateName}/components/layout/index.tsx`)}`));
+    
+    // preview.tsx en layout
+    const layoutPreviewContent = `interface ${pascalCaseName}PreviewLayoutProps extends React.PropsWithChildren {\n  template?: string | null\n}\n\nconst ${pascalCaseName}PreviewLayout = ({ template = null, children }: ${pascalCaseName}PreviewLayoutProps) => {\n  return (\n    <></>\n  )\n}\n\nexport default ${pascalCaseName}PreviewLayout\n`;
+    const layoutPreviewPath = joinPaths(layoutDir, 'preview.tsx');
+    fs.writeFileSync(layoutPreviewPath, layoutPreviewContent);
+    console.log(chalk.green(`✓ Creado archivo: ${chalk.bold(`src/components/templates/${templateName}/components/layout/preview.tsx`)}`));
+
+    // Estructura de locale
+    const localeDir = joinPaths(baseDir, 'locale');
+    const localeSubdirs = ['fields', 'messages'];
+    const localeFiles = ['en.json', 'es.json'];
+    const emptyJsonContent = '{}\n';
+    
+    // Archivos en locale raíz
+    localeFiles.forEach((file) => {
+      const filePath = joinPaths(localeDir, file);
+      fs.writeFileSync(filePath, emptyJsonContent);
+      console.log(chalk.green(`✓ Creado archivo: ${chalk.bold(`src/components/templates/${templateName}/locale/${file}`)}`));
+    });
+    
+    // Subcarpetas y archivos en locale
+    localeSubdirs.forEach((subdir) => {
+      const subdirPath = joinPaths(localeDir, subdir);
+      ensureDir(subdirPath);
+      console.log(chalk.green(`✓ Creado directorio: ${chalk.bold(`src/components/templates/${templateName}/locale/${subdir}`)}`));
+      
+      localeFiles.forEach((file) => {
+        const filePath = joinPaths(subdirPath, file);
+        fs.writeFileSync(filePath, emptyJsonContent);
+        console.log(chalk.green(`✓ Creado archivo: ${chalk.bold(`src/components/templates/${templateName}/locale/${subdir}/${file}`)}`));
+      });
+    });
+
     console.log(chalk.green.bold(`\n✨ Plantilla '${templateName}' creada correctamente.`));
   } catch (error) {
     console.error(chalk.red.bold(`❌ Error creando la plantilla: ${error.message}`));

package/core/commands/helpers/index.js

@@ -10,6 +10,6 @@ export const createBaseDir = (moduleName, pathPrefix = []) => {
     return path.join(...fullPath)
 }
 
-export const joinPaths = (baseDir, dirToAdd) => {
-    return path.join(baseDir, dirToAdd)
+export const joinPaths = (...paths) => {
+    return path.join(...paths)
 }