create-canaima-app 1.0.0

package/index.js

@@ -0,0 +1,168 @@
+#!/usr/bin/env node
+
+import prompts from 'prompts';
+import { promises as fs } from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+// Resolver __dirname en módulos ES
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Colores ANSI sin dependencias extra
+const c = {
+  reset  : (t) => `\x1b[0m${t}\x1b[0m`,
+  bold   : (t) => `\x1b[1m${t}\x1b[0m`,
+  dim    : (t) => `\x1b[2m${t}\x1b[0m`,
+  cyan   : (t) => `\x1b[36m${t}\x1b[0m`,
+  green  : (t) => `\x1b[32m${t}\x1b[0m`,
+  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`,
+};
+
+// Tus carpetas locales exactas
+const TEMPLATES = {
+  'tauri-materialize': {
+    label  : 'Materialize CSS (Clásico / Estable)',
+    folder : 'tauri-materialize',
+  },
+  'tauri-material-tailwind': {
+    label  : 'Material Tailwind (Moderno / Utility-First)',
+    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')));
+}
+
+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 })),
+    },
+  ], {
+    onCancel: () => {
+      console.log(c.yellow('\n  ⚠  Operación cancelada.\n'));
+      process.exit(0);
+    }
+  });
+}
+
+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,
+    // 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);
+    }
+  });
+
+  // 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...'));
+
+  // 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) {}
+
+  // 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) {}
+
+  console.log(c.green('  ✔  Proyecto personalizado con éxito.'));
+}
+
+async function main() {
+  printBanner();
+
+  const { projectName, templateType } = await askQuestions();
+  if (!projectName || !templateType) process.exit(1);
+
+  const targetDir = path.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 {
+    await copyTemplate(template.folder, targetDir);
+    await personalizeProject(targetDir, projectName);
+
+    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`));
+    console.log(c.white(`  ${c.cyan('$')} npm run tauri dev`));
+    console.log(c.dim('\n  ¡A programar! 🦅\n'));
+
+  } catch (err) {
+    console.error(c.red(`\n  ✖  Error: ${err.message}\n`));
+    process.exit(1);
+  }
+}
+
+main();

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "create-canaima-app",
+  "version": "1.0.0",
+  "description": "CLI para scaffolding de proyectos de escritorio con Tauri, Vue 3 y Rust.",
+  "main": "index.js",
+  "type": "module",
+  "bin": {
+    "create-canaima-app": "index.js"
+  },
+  "files": [
+    "index.js",
+    "tauri-materialize",
+    "tauri-material-tailwind"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "node index.js"
+  },
+  "keywords": [
+    "tauri",
+    "vue",
+    "rust",
+    "canaima",
+    "template"
+  ],
+  "author": "Sam Urbina",
+  "license": "ISC"
+}

package/tauri-materialize/.prettierignore

@@ -0,0 +1,8 @@
+node_modules/
+dist/
+src-tauri/target/
+src-tauri/gen/
+package-lock.json
+Cargo.lock
+.antigravity/
+.gemini/

package/tauri-materialize/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 300,
+  "singleAttributePerLine": true,
+  "htmlWhitespaceSensitivity": "ignore",
+  "bracketSameLine": false
+}

package/tauri-materialize/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "tauri-apps.tauri-vscode", "rust-lang.rust-analyzer", "esbenp.prettier-vscode"]
+}

package/tauri-materialize/README.md

@@ -0,0 +1,7 @@
+# Tauri + Vue + TypeScript
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)

package/tauri-materialize/index.html

@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="/vite.svg"
+    />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0"
+    />
+    <title>Plantilla de Aplicación Canaima</title>
+  </head>
+
+  <body>
+    <div id="app"></div>
+    <script
+      type="module"
+      src="/src/main.ts"
+    ></script>
+  </body>
+</html>