create-canaima-app 1.0.0 → 1.0.3

package/index.js

@@ -1,9 +1,13 @@
 #!/usr/bin/env node
 
 import prompts from 'prompts';
-import { promises as fs } from 'fs';
+import { promises as fs, existsSync } from 'fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
+import { exec, spawn } from 'child_process';
+import { promisify } from 'util';
+
+const execPromise = promisify(exec);
 
 // Resolver __dirname en módulos ES
 const __filename = fileURLToPath(import.meta.url);
@@ -29,24 +33,143 @@ const TEMPLATES = {
     folder : 'tauri-materialize',
   },
   'tauri-material-tailwind': {
-    label  : 'Material Tailwind (Moderno / Utility-First)',
+    label  : 'Material Tailwind (Moderno / Solo CSS)',
     folder : 'tauri-material-tailwind',
   },
 };
 
-function printBanner() {
-  const banner = `
-  ██████╗ █████╗ ███╗   ██╗ █████╗ ██╗███╗   ███╗ █████╗      ██████╗██╗     ██╗
- ██╔════╝██╔══██╗████╗  ██║██╔══██╗██║████╗ ████║██╔══██╗    ██╔════╝██║     ██║
- ██║     ███████║██╔██╗ ██║███████║██║██╔████╔██║███████║    ██║     ██║     ██║
- ██║     ██╔══██║██║╚██╗██║██╔══██║██║██║╚██╔╝██║██╔══██║    ██║     ██║     ██║
- ╚██████╗██║  ██║██║ ╚████║██║  ██║██║██║ ╚═╝ ██║██║  ██║    ╚██████╗███████╗██║
-  ╚═════╝╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝╚═╝╚═╝     ╚═╝╚═╝  ╚═╝     ╚═════╝╚══════╝╚═╝
-  `;
-  console.log(c.cyan(banner));
-  console.log(c.bold(c.white('  🚀  Generador de proyectos CanaimaApp (Tauri + Vue + Rust)\n')));
+// ==========================================
+// SISTEMA DE ANIMACIÓN DEL COATÍ (TUI)
+// ==========================================
+class CoatiAnimator {
+  constructor(messages) {
+    this.messages = messages;
+    this.interval = null;
+    this.frame = 0;
+    this.msgIndex = 0;
+    // Ocultar el cursor para que se vea limpio
+    process.stdout.write('\x1b[?25l');
+  }
+
+  start() {
+    this.render(); // Render inicial
+    this.interval = setInterval(() => {
+      this.frame++;
+      if (this.frame % 8 === 0) {
+        // Cambiar mensaje cada ciertos frames
+        this.msgIndex = (this.msgIndex + 1) % this.messages.length;
+      }
+      this.render();
+    }, 400); // Velocidad del parpadeo
+  }
+
+  render() {
+    // Subir 3 líneas y limpiar para redibujar
+    if (this.frame > 0) {
+      process.stdout.write('\x1b[3A\x1b[0J');
+    }
+
+    const isBlinking = this.frame % 2 !== 0; // Parpadea intercalado
+    const face = isBlinking ? '( -_- )' : '( ._. )';
+    const msg = this.messages[this.msgIndex];
+    
+    // Borde de la caja dinámico
+    const line = '─'.repeat(msg.length + 2);
+
+    console.log(c.cyan(`   ^---^    `) + c.dim(`╭${line}╮`));
+    console.log(c.cyan(`  ${face}   `) + c.dim(`│ `) + c.bold(c.green(msg)) + c.dim(` │`));
+    console.log(`            ` + c.dim(`╰${line}╯`));
+  }
+
+  stop(finalMessage = null) {
+    if (this.interval) clearInterval(this.interval);
+    // Mostrar cursor de nuevo
+    process.stdout.write('\x1b[?25h');
+    
+    if (finalMessage) {
+      process.stdout.write('\x1b[3A\x1b[0J');
+      const line = '─'.repeat(finalMessage.length + 2);
+      console.log(c.cyan(`   ^---^    `) + c.dim(`╭${line}╮`));
+      console.log(c.cyan(`  ( ^_^ )   `) + c.dim(`│ `) + c.bold(c.white(finalMessage)) + c.dim(` │`));
+      console.log(`            ` + c.dim(`╰${line}╯\n`));
+    }
+  }
 }
 
+// ==========================================
+// VERIFICACIÓN DE DEPENDENCIAS (Debian/Rust)
+// ==========================================
+async function checkAndInstallDependencies() {
+  const isDebian = existsSync('/etc/debian_version');
+  let missingApt = false;
+  let missingRust = false;
+
+  // Verificar Rust
+  try {
+    await execPromise('command -v cargo');
+  } catch {
+    missingRust = true;
+  }
+
+  // Verificar librerías solo si es Debian/Canaima
+  if (isDebian) {
+    try {
+      // Usamos pkg-config o dpkg para ver si está la librería principal
+      await execPromise('dpkg -l libwebkit2gtk-4.1-dev');
+    } catch {
+      missingApt = true;
+    }
+  }
+
+  if (!missingApt && !missingRust) return; // Todo listo
+
+  console.log(c.yellow('\n  ⚠  Faltan dependencias necesarias para compilar Tauri.'));
+  
+  if (missingApt) {
+      console.log(c.dim('  Se solicitará tu contraseña para instalar paquetes del sistema...'));
+      // Pedimos sudo por adelantado para que no rompa nuestra interfaz ASCII
+      try {
+        await execPromise('sudo -v', { stdio: 'inherit' });
+      } catch (err) {
+        console.log(c.red('  ✖  No se pudo obtener permisos de administrador.'));
+        process.exit(1);
+      }
+  }
+
+  const anim = new CoatiAnimator([
+    "Revisando el sistema...",
+    "Canaima GNU/Linux: puro talento local.",
+    "Instalando magia negra (y librerías)...",
+    "Estabilidad y rendimiento basados en Debian.",
+    "Descargando herramientas de Rust...",
+    "¡Ya casi termino!"
+  ]);
+  
+  anim.start();
+
+  try {
+    if (missingApt) {
+      const aptCmd = `sudo apt update && sudo DEBIAN_FRONTEND=noninteractive apt install -y libwebkit2gtk-4.1-dev build-essential curl wget file libxdo-dev libssl-dev libayatana-appindicator3-dev librsvg2-dev`;
+      await execPromise(aptCmd);
+    }
+
+    if (missingRust) {
+      await execPromise(`curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y`);
+      // Aplicar el env al proceso actual de Node por si acaso
+      process.env.PATH = `${process.env.HOME}/.cargo/bin:${process.env.PATH}`;
+    }
+
+    anim.stop("¡Dependencias instaladas con éxito!");
+  } catch (err) {
+    anim.stop("¡Ups! Algo falló.");
+    console.error(c.red(`\n  ✖  Error instalando dependencias: ${err.message}\n`));
+    process.exit(1);
+  }
+}
+
+// ==========================================
+// FLUJO PRINCIPAL DE PREGUNTAS
+// ==========================================
 async function askQuestions() {
   return await prompts([
     {
@@ -62,6 +185,14 @@ async function askQuestions() {
       message: '¿Qué framework de diseño prefieres?',
       choices: Object.entries(TEMPLATES).map(([value, { label }]) => ({ title: label, value })),
     },
+    {
+      type   : 'toggle',
+      name   : 'installNpm',
+      message: '¿Deseas instalar las dependencias de NPM ahora mismo?',
+      initial: true,
+      active : 'Sí',
+      inactive: 'No'
+    }
   ], {
     onCancel: () => {
       console.log(c.yellow('\n  ⚠  Operación cancelada.\n'));
@@ -70,76 +201,93 @@ async function askQuestions() {
   });
 }
 
+// ... [copyTemplate y personalizeProject se mantienen iguales] ...
 async function copyTemplate(folderName, targetDir) {
-  console.log(c.cyan(`\n  📦  Generando archivos del proyecto...`));
+    const templateDir = path.join(__dirname, folderName);
+    await fs.cp(templateDir, targetDir, { 
+      recursive: true,
+      filter: (source) => {
+        const basename = path.basename(source);
+        return !['node_modules', 'target', '.git', 'package-lock.json', 'dist'].includes(basename);
+      }
+    });
   
-  const templateDir = path.join(__dirname, folderName);
-
-  await fs.cp(templateDir, targetDir, { 
-    recursive: true,
-    // Ignoramos carpetas pesadas o de git si quedaron en tu entorno local
-    filter: (source) => {
-      const basename = path.basename(source);
-      return !['node_modules', 'target', '.git', 'package-lock.json', 'dist'].includes(basename);
+    const npmignorePath = path.join(targetDir, '.npmignore');
+    if (true) { 
+      try { await fs.rename(npmignorePath, path.join(targetDir, '.gitignore')); } catch (e) {} 
     }
-  });
-
-  // NPM renombra .gitignore a .npmignore a veces. Esto lo soluciona si pasa.
-  const npmignorePath = path.join(targetDir, '.npmignore');
-  if (true) { 
-    try {
-        await fs.rename(npmignorePath, path.join(targetDir, '.gitignore'));
-    } catch (e) {} // Ignorar si no existe
-  }
-
-  console.log(c.green('  ✔  Archivos base copiados.'));
 }
-
+  
 async function personalizeProject(targetDir, projectName) {
-  console.log(c.cyan('  🔧  Configurando dependencias y Rust...'));
+    const pkgPath = path.join(targetDir, 'package.json');
+    try {
+      const pkgRaw = await fs.readFile(pkgPath, 'utf-8');
+      const pkgJson = JSON.parse(pkgRaw);
+      pkgJson.name = projectName;
+      await fs.writeFile(pkgPath, JSON.stringify(pkgJson, null, 2) + '\n');
+    } catch (err) {}
+  
+    const cargoPath = path.join(targetDir, 'src-tauri', 'Cargo.toml');
+    try {
+      let cargo = await fs.readFile(cargoPath, 'utf-8');
+      cargo = cargo.replace(/^(name\s*=\s*)"[^"]*"/m, `$1"${projectName}"`);
+      await fs.writeFile(cargoPath, cargo);
+    } catch (err) {}
+  
+    const tauriConfPath = path.join(targetDir, 'src-tauri', 'tauri.conf.json');
+    try {
+      const confRaw = await fs.readFile(tauriConfPath, 'utf-8');
+      const confJson = JSON.parse(confRaw);
+      
+      if (confJson.productName !== undefined) confJson.productName = projectName;
+      if (confJson.identifier !== undefined) confJson.identifier = `com.canaima.${projectName}`;
+      if (confJson.bundle?.identifier) confJson.bundle.identifier = `com.canaima.${projectName}`;
+      
+      await writeFile(tauriConfPath, JSON.stringify(confJson, null, 2) + '\n');
+    } catch (err) {}
+}
 
-  // 1. package.json
-  const pkgPath = path.join(targetDir, 'package.json');
-  try {
-    const pkgRaw = await fs.readFile(pkgPath, 'utf-8');
-    const pkgJson = JSON.parse(pkgRaw);
-    pkgJson.name = projectName;
-    await fs.writeFile(pkgPath, JSON.stringify(pkgJson, null, 2) + '\n');
-  } catch (err) {}
-
-  // 2. Cargo.toml
-  const cargoPath = path.join(targetDir, 'src-tauri', 'Cargo.toml');
-  try {
-    let cargo = await fs.readFile(cargoPath, 'utf-8');
-    cargo = cargo.replace(/^(name\s*=\s*)"[^"]*"/m, `$1"${projectName}"`);
-    await fs.writeFile(cargoPath, cargo);
-  } catch (err) {}
+async function runNpmInstall(targetDir) {
+  const anim = new CoatiAnimator([
+    "Configurando los nodos...",
+    "Trayendo paquetes del ciberespacio...",
+    "¡Preparando el entorno Vue!",
+    "Haciendo que todo encaje perfecto..."
+  ]);
+  
+  anim.start();
 
-  // 3. tauri.conf.json
-  const tauriConfPath = path.join(targetDir, 'src-tauri', 'tauri.conf.json');
-  try {
-    const confRaw = await fs.readFile(tauriConfPath, 'utf-8');
-    const confJson = JSON.parse(confRaw);
-    
-    if (confJson.productName !== undefined) confJson.productName = projectName;
-    if (confJson.identifier !== undefined) confJson.identifier = `com.canaima.${projectName}`;
-    
-    // Soporte Tauri v2
-    if (confJson.bundle?.identifier) confJson.bundle.identifier = `com.canaima.${projectName}`;
-    
-    await fs.writeFile(tauriConfPath, JSON.stringify(confJson, null, 2) + '\n');
-  } catch (err) {}
+  return new Promise((resolve) => {
+    // Usamos spawn en background para que no ensucie la TUI
+    const child = spawn('npm', ['install'], {
+      cwd: targetDir,
+      shell: true,
+      stdio: 'ignore' 
+    });
 
-  console.log(c.green('  ✔  Proyecto personalizado con éxito.'));
+    child.on('close', (code) => {
+      if (code !== 0) {
+        anim.stop("Mmm, hubo un problema con NPM.");
+        resolve(false);
+      } else {
+        anim.stop("¡NPM Install completado! Listo para la acción.");
+        resolve(true);
+      }
+    });
+  });
 }
 
 async function main() {
-  printBanner();
+  console.log(); // Espacio inicial para limpieza
 
-  const { projectName, templateType } = await askQuestions();
+  // 1. Revisar e instalar dependencias del sistema primero
+  await checkAndInstallDependencies();
+
+  // 2. Preguntas al usuario
+  const { projectName, templateType, installNpm } = await askQuestions();
   if (!projectName || !templateType) process.exit(1);
 
-  const targetDir = path.resolve(process.cwd(), projectName);
+  const targetDir = resolve(process.cwd(), projectName);
   const template = TEMPLATES[templateType];
 
   try {
@@ -149,13 +297,21 @@ async function main() {
   } catch {}
 
   try {
+    console.log(c.cyan(`\n  📦  Generando archivos del proyecto...`));
     await copyTemplate(template.folder, targetDir);
     await personalizeProject(targetDir, projectName);
+    console.log(c.green('  ✔  Archivos base copiados y configurados.'));
+
+    // 3. Instalación de NPM si el usuario aceptó
+    if (installNpm) {
+        console.log();
+        await runNpmInstall(targetDir);
+    }
 
     console.log('\n' + c.bgGreen(c.white('  ✅  ¡Proyecto creado con éxito!  ')));
     console.log(c.bold('\n  Siguientes pasos:\n'));
     console.log(c.white(`  ${c.cyan('$')} cd ${projectName}`));
-    console.log(c.white(`  ${c.cyan('$')} npm install`));
+    if (!installNpm) console.log(c.white(`  ${c.cyan('$')} npm install`));
     console.log(c.white(`  ${c.cyan('$')} npm run tauri dev`));
     console.log(c.dim('\n  ¡A programar! 🦅\n'));
 
@@ -165,4 +321,7 @@ async function main() {
   }
 }
 
+// Helper para path.resolve
+const { resolve } = path;
+
 main();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-canaima-app",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "CLI para scaffolding de proyectos de escritorio con Tauri, Vue 3 y Rust.",
   "main": "index.js",
   "type": "module",
@@ -24,5 +24,8 @@
     "template"
   ],
   "author": "Sam Urbina",
-  "license": "ISC"
-}
+  "license": "ISC",
+  "dependencies": {
+    "prompts": "^2.4.2"
+  }
+}