create-canaima-app 1.0.5 → 1.0.6

package/index.js

@@ -10,7 +10,6 @@ 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;
@@ -25,23 +24,32 @@ const c = {
   yellow : (t) => `\x1b[33m${t}\x1b[0m`,
   red    : (t) => `\x1b[31m${t}\x1b[0m`,
   white  : (t) => `\x1b[97m${t}\x1b[0m`,
-  bgGreen: (t) => `\x1b[42m\x1b[30m${t}\x1b[0m`,
+  black  : (t) => `\x1b[30m${t}\x1b[0m`,
+  bgGreen: (t) => `\x1b[42m${t}\x1b[0m`,
+  bgCyan : (t) => `\x1b[46m${t}\x1b[0m`,
+  bgMagenta: (t) => `\x1b[45m${t}\x1b[0m`,
+  bgBlue : (t) => `\x1b[44m${t}\x1b[0m`,
 };
 
-// Carpetas locales de plantillas
+// Diseño de Etiquetas estilo Astro (todas miden exactamente 9 caracteres)
+const tags = {
+  canaima: c.bgGreen(c.black(' canaima ')),
+  dir:     c.bgCyan(c.black('   dir   ')),
+  tmpl:    c.bgMagenta(c.black('  tmpl   ')),
+  deps:    c.bgBlue(c.black('  deps   ')),
+  next:    c.bgGreen(c.black('  next   ')),
+  done:    c.green('    ✔    '),
+  step:    c.dim('         ■')
+};
+const indent = '         '; // 9 espacios para alinear con las etiquetas
+
 const TEMPLATES = {
-  'tauri-materialize': {
-    label  : 'Materialize CSS (Clásico / Estable)',
-    folder : 'tauri-materialize',
-  },
-  'tauri-material-tailwind': {
-    label  : 'Material Tailwind (Moderno / Solo CSS)',
-    folder : 'tauri-material-tailwind',
-  },
+  'tauri-materialize': { label: 'Materialize CSS (Clásico / Estable)', folder: 'tauri-materialize' },
+  'tauri-material-tailwind': { label: 'Material Tailwind (Moderno / Solo CSS)', folder: 'tauri-material-tailwind' },
 };
 
 // ==========================================
-// SISTEMA DE ANIMACIÓN DEL COATÍ (TUI)
+// SISTEMA DE ANIMACIÓN DEL COATÍ (Estilo Astro)
 // ==========================================
 class CoatiAnimator {
   constructor(messages) {
@@ -50,13 +58,11 @@ class CoatiAnimator {
     this.frame = 0;
     this.msgIndex = 0;
     this.isAnimating = false;
-    process.stdout.write('\x1b[?25l'); // Ocultar cursor
+    process.stdout.write('\x1b[?25l'); 
   }
 
   clear() {
     if (this.isAnimating) {
-      // Como ya NO imprimimos un salto de línea al final, el cursor 
-      // está en la última línea dibujada. Solo necesitamos subir 2 líneas.
       readline.moveCursor(process.stdout, 0, -2);
       readline.cursorTo(process.stdout, 0);
       readline.clearScreenDown(process.stdout);
@@ -68,9 +74,7 @@ class CoatiAnimator {
     this.isAnimating = true;
     this.interval = setInterval(() => {
       this.frame++;
-      if (this.frame % 15 === 0) {
-        this.msgIndex = (this.msgIndex + 1) % this.messages.length;
-      }
+      if (this.frame % 15 === 0) this.msgIndex = (this.msgIndex + 1) % this.messages.length;
       this.render();
     }, 250); 
   }
@@ -87,205 +91,142 @@ class CoatiAnimator {
 
     const line = '─'.repeat(displayMsg.length + 2);
 
+    // Animación indentada para que quede en línea con el estilo Astro
     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}╯`)
+      `${indent}${c.cyan(` ^---^   `)}${c.dim(`╭${line}╮`)}`,
+      `${indent}${c.cyan(`${face}  `)}${c.dim(`│ `)}${isFinal ? c.bold(c.green(displayMsg)) : c.bold(c.white(displayMsg))}${c.dim(` │`)}`,
+      `${indent}${c.cyan(`         `)}${c.dim(`╰${line}╯`)}`
     ];
 
-    // ATENCIÓN: Imprimimos con .join('\n') pero SIN añadir un '\n' al final.
-    // Esto evita que la terminal haga scroll automático.
     process.stdout.write(out.join('\n'));
     this.isAnimating = true;
   }
 
-  stop(finalMessage = null) {
+  // Si clearAfter es true, el Coatí desaparece al terminar y deja el espacio limpio
+  stop(finalMessage = null, clearAfter = false) {
     if (this.interval) clearInterval(this.interval);
-    process.stdout.write('\x1b[?25h'); // Mostrar cursor nuevamente
+    process.stdout.write('\x1b[?25h'); 
     
-    this.render(true, finalMessage);
-    console.log('\n'); // Damos el salto de línea al final, cuando ya terminó
+    if (clearAfter) {
+      this.clear();
+    } else {
+      this.render(true, finalMessage);
+      console.log('\n'); 
+    }
     this.isAnimating = false;
   }
 }
 
 // ==========================================
-// VERIFICACIÓN DE DEPENDENCIAS (Debian/Rust)
+// DEPENDENCIAS DEL SISTEMA
 // ==========================================
 async function checkAndInstallDependencies() {
   const isDebian = existsSync('/etc/debian_version');
   let missingApt = false;
   let missingRust = false;
 
-  try {
-    await execPromise('command -v cargo');
-  } catch {
-    missingRust = true;
-  }
-
+  try { await execPromise('command -v cargo'); } catch { missingRust = true; }
   if (isDebian) {
-    try {
-      await execPromise('dpkg -l libwebkit2gtk-4.1-dev');
-    } catch {
-      missingApt = true;
-    }
+    try { await execPromise('dpkg -l libwebkit2gtk-4.1-dev'); } catch { missingApt = true; }
   }
 
   if (!missingApt && !missingRust) return;
 
-  console.log(c.yellow('\n  ⚠  Faltan dependencias necesarias para compilar Tauri.'));
+  console.log(`\n${tags.deps}  Pre-flight check: Faltan dependencias de sistema.`);
   
   if (missingApt) {
-      console.log(c.dim('  Se solicitará tu contraseña para instalar paquetes del sistema...'));
-      try {
-        await execPromise('sudo -v', { stdio: 'inherit' });
-      } catch (err) {
-        console.log(c.red('  ✖  No se pudo obtener permisos de administrador.'));
-        process.exit(1);
-      }
+      console.log(`${indent}${c.dim('Se solicitará tu contraseña para instalar paquetes...')} `);
+      try { await execPromise('sudo -v', { stdio: 'inherit' }); } 
+      catch (err) { console.log(`\n${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!"
+    "Descargando herramientas de Rust"
   ]);
   
   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);
+      await execPromise(`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`);
     }
-
     if (missingRust) {
       await execPromise(`curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y`);
       process.env.PATH = `${process.env.HOME}/.cargo/bin:${process.env.PATH}`;
     }
-
-    anim.stop("¡Dependencias instaladas con éxito!");
+    anim.stop(null, true); // Oculta el Coatí al terminar
+    console.log(`${tags.step} Dependencias de sistema instaladas\n`);
   } catch (err) {
     anim.stop("¡Ups! Algo falló.");
-    console.error(c.red(`\n  ✖  Error instalando dependencias: ${err.message}\n`));
+    console.error(`\n${c.red('  ✖  Error instalando dependencias:')} ${err.message}\n`);
     process.exit(1);
   }
 }
 
 // ==========================================
-// FLUJO PRINCIPAL DE PREGUNTAS
+// PREGUNTAS INTERACTIVAS
 // ==========================================
 async function askQuestions() {
   return await prompts([
-    {
-      type    : 'text',
-      name    : 'projectName',
-      message : '¿Nombre de tu nuevo proyecto?',
-      initial : 'mi-app-tauri',
-      validate: (value) => value.trim().length > 0 ? true : 'El nombre no puede estar vacío.',
-    },
-    {
-      type   : 'select',
-      name   : 'templateType',
-      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'));
-      process.exit(0);
-    }
-  });
+    { type: 'text', name: 'projectName', message: '¿Nombre de tu nuevo proyecto?', initial: 'mi-app-tauri', validate: (v) => v.trim().length > 0 ? true : 'No puede estar vacío.' },
+    { type: 'select', name: 'templateType', message: '¿Qué framework de diseño prefieres?', choices: Object.entries(TEMPLATES).map(([value, { label }]) => ({ title: label, value })) },
+    { type: 'toggle', name: 'installNpm', message: '¿Deseas instalar dependencias de NPM ahora?', initial: true, active: 'Sí', inactive: 'No' }
+  ], { onCancel: () => { console.log(c.yellow('\n  ⚠  Operación cancelada.\n')); process.exit(0); } });
 }
 
+// ==========================================
+// LÓGICA DE ARCHIVOS
+// ==========================================
 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);
-    }
+  await fs.cp(path.join(__dirname, folderName), targetDir, { 
+    recursive: true, filter: (src) => !['node_modules', 'target', '.git', 'package-lock.json', 'dist'].includes(path.basename(src))
   });
-
-  const npmignorePath = path.join(targetDir, '.npmignore');
-  try { 
-    await fs.rename(npmignorePath, path.join(targetDir, '.gitignore')); 
-  } catch (e) {} 
+  try { await fs.rename(path.join(targetDir, '.npmignore'), 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);
+    const pkgPath = path.join(targetDir, 'package.json');
+    const pkgJson = JSON.parse(await fs.readFile(pkgPath, 'utf-8'));
     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 {
+    const cargoPath = path.join(targetDir, 'src-tauri', 'Cargo.toml');
     let cargo = await fs.readFile(cargoPath, 'utf-8');
-    cargo = cargo.replace(/^(name\s*=\s*)"[^"]*"/m, `$1"${projectName}"`);
-    await fs.writeFile(cargoPath, cargo);
+    await fs.writeFile(cargoPath, cargo.replace(/^(name\s*=\s*)"[^"]*"/m, `$1"${projectName}"`));
   } 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);
-    
+    const confPath = path.join(targetDir, 'src-tauri', 'tauri.conf.json');
+    const confJson = JSON.parse(await fs.readFile(confPath, 'utf-8'));
     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');
+    await fs.writeFile(confPath, JSON.stringify(confJson, null, 2) + '\n');
   } 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"
-  ]);
-  
+  const anim = new CoatiAnimator(["Configurando los nodos", "Trayendo paquetes del ciberespacio", "Haciendo que todo encaje perfecto"]);
   anim.start();
 
   return new Promise((resolve) => {
-    const child = spawn('npm', ['install'], {
-      cwd: targetDir,
-      shell: true,
-      stdio: 'ignore' 
-    });
-
+    const child = spawn('npm', ['install'], { cwd: targetDir, shell: true, stdio: 'ignore' });
     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);
-      }
+      anim.stop(null, true); // Oculta el Coatí animado limpiamente al finalizar
+      resolve(code === 0);
     });
   });
 }
 
+// ==========================================
+// FLUJO PRINCIPAL
+// ==========================================
 async function main() {
-  console.log(c.bold(c.white('\n  🚀  Generador de proyectos CanaimaApp (Tauri + Vue + Rust)\n')));
-
   await checkAndInstallDependencies();
 
   const answers = await askQuestions();
@@ -293,35 +234,45 @@ async function main() {
   if (!projectName || !templateType) process.exit(1);
 
   const targetDir = resolve(process.cwd(), projectName);
-  const template = TEMPLATES[templateType];
 
-  try {
-    await fs.access(targetDir);
-    console.log(c.red(`\n  ✖  La carpeta "${projectName}" ya existe. Elige otro nombre.\n`));
-    process.exit(1);
-  } 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.\n'));
+  try { await fs.access(targetDir); console.log(`\n${c.red(`  ✖  La carpeta "${projectName}" ya existe.`)}\n`); process.exit(1); } catch {}
 
-    if (installNpm) {
-        await runNpmInstall(targetDir);
-    }
+  // --- INICIO DEL RESUMEN VISUAL ESTILO ASTRO ---
+  console.log(`\n${tags.canaima}  Launch sequence initiated.\n`);
+  
+  console.log(`${tags.dir}  Where should we create your new project?`);
+  console.log(`${indent}${c.dim('./' + projectName)}\n`);
+  
+  console.log(`${tags.tmpl}  How would you like to start your new project?`);
+  console.log(`${indent}${c.dim(TEMPLATES[templateType].label)}\n`);
+  
+  console.log(`${tags.deps}  Install dependencies?`);
+  console.log(`${indent}${c.dim(installNpm ? 'Yes' : 'No')}\n`);
 
-    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`));
-    console.log(c.white(`  ${c.cyan('$')} npm run tauri dev`));
-    console.log(c.dim('\n  ¡A programar! 🦅\n'));
+  console.log(`${tags.done}  Project initialized!`);
+  
+  await copyTemplate(TEMPLATES[templateType].folder, targetDir);
+  console.log(`${tags.step} Template copied`);
+  
+  await personalizeProject(targetDir, projectName);
+  console.log(`${tags.step} Configuration updated`);
 
-  } catch (err) {
-    console.error(c.red(`\n  ✖  Error: ${err.message}\n`));
-    process.exit(1);
+  if (installNpm) {
+      await runNpmInstall(targetDir);
+      console.log(`${tags.step} Dependencies installed`);
   }
+
+  // --- NEXT STEPS ESTILO ASTRO ---
+  console.log(`\n${tags.next}  Liftoff confirmed. Explore your project!\n`);
+  console.log(`${indent}Enter your project directory using ${c.cyan(`cd ./${projectName}`)}`);
+  if (!installNpm) console.log(`${indent}Run ${c.cyan('npm install')} to install dependencies.`);
+  console.log(`${indent}Run ${c.cyan('npm run tauri dev')} to start the dev server.\n`);
+
+  // --- LA CAJA FINAL DEL MASCOTA ---
+  console.log(`╭───────╮  ${c.cyan('Coati:')}`);
+  console.log(`│ ${c.bold('^---^')} │  ¡Buena suerte ahí afuera, astronauta! 🚀`);
+  console.log(`│ ${c.bold('( ^_^ )')} │`);
+  console.log(`╰───────╯\n`);
 }
 
 main();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-canaima-app",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "CLI para scaffolding de proyectos de escritorio con Tauri, Vue 3 y Rust.",
   "main": "index.js",
   "type": "module",