create-canaima-app 1.0.3 → 1.0.4

package/index.js

@@ -6,14 +6,16 @@ import path from 'path';
 import { fileURLToPath } from 'url';
 import { exec, spawn } from 'child_process';
 import { promisify } from 'util';
+import readline from 'readline';
 
 const execPromise = promisify(exec);
 
 // Resolver __dirname en módulos ES
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
+const { resolve } = path;
 
-// Colores ANSI sin dependencias extra
+// Colores ANSI
 const c = {
   reset  : (t) => `\x1b[0m${t}\x1b[0m`,
   bold   : (t) => `\x1b[1m${t}\x1b[0m`,
@@ -26,7 +28,7 @@ const c = {
   bgGreen: (t) => `\x1b[42m\x1b[30m${t}\x1b[0m`,
 };
 
-// Tus carpetas locales exactas
+// Carpetas locales de plantillas
 const TEMPLATES = {
   'tauri-materialize': {
     label  : 'Materialize CSS (Clásico / Estable)',
@@ -47,52 +49,58 @@ class CoatiAnimator {
     this.interval = null;
     this.frame = 0;
     this.msgIndex = 0;
-    // Ocultar el cursor para que se vea limpio
-    process.stdout.write('\x1b[?25l');
+    this.linesDrawn = 0; 
+    process.stdout.write('\x1b[?25l'); // Ocultar cursor
+  }
+
+  clear() {
+    if (this.linesDrawn > 0) {
+      readline.moveCursor(process.stdout, 0, -this.linesDrawn);
+      readline.clearScreenDown(process.stdout);
+    }
+    this.linesDrawn = 0;
   }
 
   start() {
-    this.render(); // Render inicial
+    this.render(); 
     this.interval = setInterval(() => {
       this.frame++;
-      if (this.frame % 8 === 0) {
-        // Cambiar mensaje cada ciertos frames
+      // Cambiar de frase cada 15 frames
+      if (this.frame % 15 === 0) {
         this.msgIndex = (this.msgIndex + 1) % this.messages.length;
       }
       this.render();
-    }, 400); // Velocidad del parpadeo
+    }, 250); // Velocidad de la animación
   }
 
-  render() {
-    // Subir 3 líneas y limpiar para redibujar
-    if (this.frame > 0) {
-      process.stdout.write('\x1b[3A\x1b[0J');
-    }
+  render(isFinal = false, finalMessage = null) {
+    this.clear();
 
-    const isBlinking = this.frame % 2 !== 0; // Parpadea intercalado
-    const face = isBlinking ? '( -_- )' : '( ._. )';
-    const msg = this.messages[this.msgIndex];
+    const isBlinking = !isFinal && this.frame % 12 === 0; 
+    const face = isFinal ? '( ^_^ )' : (isBlinking ? '( -_- )' : '( ._. )');
     
-    // Borde de la caja dinámico
-    const line = '─'.repeat(msg.length + 2);
+    const baseMsg = finalMessage || this.messages[this.msgIndex];
+    const dots = isFinal ? "   " : ".".repeat(this.frame % 4).padEnd(3, " ");
+    const displayMsg = baseMsg + dots;
+
+    const line = '─'.repeat(displayMsg.length + 2);
+
+    const out = [
+      c.cyan(`   ^---^    `) + c.dim(`╭${line}╮`),
+      c.cyan(`  ${face}   `) + c.dim(`│ `) + (isFinal ? c.bold(c.green(displayMsg)) : c.bold(c.white(displayMsg))) + c.dim(` │`),
+      `            ` + c.dim(`╰${line}╯`)
+    ];
 
-    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}╯`));
+    process.stdout.write(out.join('\n') + '\n');
+    this.linesDrawn = 3;
   }
 
   stop(finalMessage = null) {
     if (this.interval) clearInterval(this.interval);
-    // Mostrar cursor de nuevo
-    process.stdout.write('\x1b[?25h');
+    process.stdout.write('\x1b[?25h'); // Mostrar cursor
     
-    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`));
-    }
+    this.render(true, finalMessage);
+    console.log(); 
   }
 }
 
@@ -104,30 +112,26 @@ async function checkAndInstallDependencies() {
   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
+  if (!missingApt && !missingRust) return;
 
   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) {
@@ -137,11 +141,11 @@ async function checkAndInstallDependencies() {
   }
 
   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...",
+    "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!"
   ]);
   
@@ -155,7 +159,6 @@ async function checkAndInstallDependencies() {
 
     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}`;
     }
 
@@ -201,64 +204,62 @@ async function askQuestions() {
   });
 }
 
-// ... [copyTemplate y personalizeProject se mantienen iguales] ...
 async function copyTemplate(folderName, targetDir) {
-    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 npmignorePath = path.join(targetDir, '.npmignore');
-    if (true) { 
-      try { await fs.rename(npmignorePath, path.join(targetDir, '.gitignore')); } catch (e) {} 
+  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 npmignorePath = path.join(targetDir, '.npmignore');
+  try { 
+    await fs.rename(npmignorePath, path.join(targetDir, '.gitignore')); 
+  } catch (e) {} 
 }
   
 async function personalizeProject(targetDir, projectName) {
-    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) {}
+  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 fs.writeFile(tauriConfPath, JSON.stringify(confJson, null, 2) + '\n');
+  } catch (err) {}
 }
 
 async function runNpmInstall(targetDir) {
   const anim = new CoatiAnimator([
-    "Configurando los nodos...",
-    "Trayendo paquetes del ciberespacio...",
+    "Configurando los nodos",
+    "Trayendo paquetes del ciberespacio",
     "¡Preparando el entorno Vue!",
-    "Haciendo que todo encaje perfecto..."
+    "Haciendo que todo encaje perfecto"
   ]);
   
   anim.start();
 
   return new Promise((resolve) => {
-    // Usamos spawn en background para que no ensucie la TUI
     const child = spawn('npm', ['install'], {
       cwd: targetDir,
       shell: true,
@@ -278,13 +279,12 @@ async function runNpmInstall(targetDir) {
 }
 
 async function main() {
-  console.log(); // Espacio inicial para limpieza
+  console.log(c.bold(c.white('\n  🚀  Generador de proyectos CanaimaApp (Tauri + Vue + Rust)\n')));
 
-  // 1. Revisar e instalar dependencias del sistema primero
   await checkAndInstallDependencies();
 
-  // 2. Preguntas al usuario
-  const { projectName, templateType, installNpm } = await askQuestions();
+  const answers = await askQuestions();
+  const { projectName, templateType, installNpm } = answers;
   if (!projectName || !templateType) process.exit(1);
 
   const targetDir = resolve(process.cwd(), projectName);
@@ -300,15 +300,13 @@ async function main() {
     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.'));
+    console.log(c.green('  ✔  Archivos base copiados y configurados.\n'));
 
-    // 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.bgGreen(c.white('  ✅  ¡Proyecto creado con éxito!  ')));
     console.log(c.bold('\n  Siguientes pasos:\n'));
     console.log(c.white(`  ${c.cyan('$')} cd ${projectName}`));
     if (!installNpm) console.log(c.white(`  ${c.cyan('$')} npm install`));
@@ -321,7 +319,4 @@ 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.3",
+  "version": "1.0.4",
   "description": "CLI para scaffolding de proyectos de escritorio con Tauri, Vue 3 y Rust.",
   "main": "index.js",
   "type": "module",