novatec-cli 1.0.2 → 3.0.0

package/bin/index.js

@@ -1,156 +1,178 @@
 #!/usr/bin/env node
-
 import { program } from 'commander';
 import chalk from 'chalk';
 import figlet from 'figlet';
 import boxen from 'boxen';
-import { checkRequirements } from '../lib/utils.js';
-import { runCreate } from '../lib/create.js';
-
-function sleep(ms) {
-  return new Promise(r => setTimeout(r, ms));
+import { execSync, spawnSync } from 'child_process';
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+const pkg = require('../package.json');
+
+async function checkForUpdates() {
+  try {
+    const latest = execSync(`npm show ${pkg.name} version`, { encoding: 'utf8', timeout: 3000 }).trim();
+    if (latest && latest !== pkg.version) {
+      console.log(boxen(
+        chalk.yellow('  Actualización disponible\n\n') +
+        chalk.gray('  ' + pkg.version + '  →  ') + chalk.bold.white(latest) + '\n\n' +
+        chalk.white('  npm install -g novatec-cli'),
+        { padding: 1, margin: { left: 2 }, borderStyle: 'round', borderColor: 'yellow', dimBorder: true }
+      ));
+    }
+  } catch { /* sin internet, ignorar */ }
 }
 
 async function showBanner() {
   console.clear();
-
-  // Logo en blanco puro con sombra gris (efecto profundidad)
-  const logo = figlet.textSync('NOVATEC', { font: 'ANSI Shadow' });
-  const lines = logo.split('\n').filter(l => l.trim());
-
+  const logo = figlet.textSync('NOVATEC', { font: 'Slant' });
   console.log();
-  lines.forEach(line => {
-    console.log('  ' + chalk.bold.white(line));
-  });
-
+  logo.split('\n').filter(l => l.trim()).forEach(l => console.log('  ' + chalk.bold.white(l)));
   console.log();
-
-  // Subtítulo elegante
-  const sub = '  ◈  NOVATEC FULLSTACK CLI  ·  Generador Profesional de Proyectos  ◈';
-  console.log(chalk.gray(sub));
-  console.log();
-
-  // Separador
-  console.log('  ' + chalk.white('─'.repeat(66)));
+  const now = new Date().toLocaleDateString('es-MX', { day: '2-digit', month: 'short', year: 'numeric' });
+  console.log('  ' + chalk.gray(`v${pkg.version}  ·  Enterprise Fullstack CLI  ·  ${now}`));
   console.log();
-
-  // Stats rápidos
-  console.log(
-    '  ' +
-    chalk.white.bold('10') + chalk.gray(' frontends  ') +
-    chalk.white('·') +
-    chalk.white.bold('  10') + chalk.gray(' backends  ') +
-    chalk.white('·') +
-    chalk.white.bold('  100%') + chalk.gray(' listo para producción')
-  );
+  console.log('  ' + chalk.white('─'.repeat(60)));
   console.log();
-
-  // Caja de tecnologías — blanco y negro elegante
-  console.log(
-    boxen(
-      chalk.bold.white('  TECNOLOGÍAS DISPONIBLES') + '\n\n' +
-
-      chalk.white.bold('  Frontend') + chalk.gray('  │  ') +
-      [
-        chalk.white('React'),
-        chalk.white('Next.js'),
-        chalk.white('Vue'),
-        chalk.white('Nuxt'),
-        chalk.white('Astro'),
-        chalk.white('Svelte'),
-        chalk.white('SolidJS'),
-        chalk.white('Angular'),
-        chalk.white('Remix'),
-        chalk.white('Qwik'),
-      ].join(chalk.gray('  ·  ')) + '\n\n' +
-
-      chalk.white.bold('  Backend ') + chalk.gray('  │  ') +
-      [
-        chalk.white('Express'),
-        chalk.white('NestJS'),
-        chalk.white('Fastify'),
-        chalk.white('Hono'),
-        chalk.white('FastAPI'),
-        chalk.white('Django'),
-        chalk.white('Flask'),
-        chalk.white('Spring'),
-        chalk.white('Deno'),
-        chalk.white('Go/Gin'),
-      ].join(chalk.gray('  ·  ')) + '\n\n' +
-
-      chalk.white.bold('  Extras  ') + chalk.gray('  │  ') +
-      [
-        chalk.gray('Docker'),
-        chalk.gray('ESLint + Prettier'),
-        chalk.gray('Husky'),
-        chalk.gray('Jest / Vitest'),
-        chalk.gray('GitHub Actions'),
-        chalk.gray('.env'),
-      ].join(chalk.gray('  ·  ')),
-      {
-        padding: { top: 1, bottom: 1, left: 2, right: 4 },
-        margin: { left: 2 },
-        borderStyle: 'round',
-        borderColor: 'white',
-        dimBorder: true,
-      }
-    )
-  );
-
+  console.log(boxen(
+    chalk.bold.white('  STACK DISPONIBLE\n\n') +
+    chalk.white.bold('  Frontend ') + chalk.gray(' │  ') + ['React','Next.js','Vue','Nuxt','Astro','Svelte','SolidJS','Angular','Remix','Qwik'].join(chalk.gray('  ·  ')) + '\n\n' +
+    chalk.white.bold('  Backend  ') + chalk.gray(' │  ') + ['Express','NestJS','Fastify','Hono','FastAPI','Django','Flask','Spring','Deno','Go/Gin'].join(chalk.gray('  ·  ')) + '\n\n' +
+    chalk.white.bold('  Database ') + chalk.gray(' │  ') + ['PostgreSQL','MySQL','MongoDB','SQLite','Supabase'].join(chalk.gray('  ·  ')) + '\n\n' +
+    chalk.white.bold('  Modos    ') + chalk.gray(' │  ') + chalk.white('--mode business') + chalk.gray('  (landing + auth + dashboard + CRUD)') + '\n\n' +
+    chalk.white.bold('  Comandos ') + chalk.gray(' │  ') +
+    [chalk.white('create'), chalk.white('add'), chalk.white('doctor'), chalk.white('build'), chalk.white('deploy'), chalk.white('list'), chalk.white('update')]
+      .join(chalk.gray('  ·  ')),
+    { padding: { top: 1, bottom: 1, left: 2, right: 4 }, margin: { left: 2 }, borderStyle: 'round', borderColor: 'white', dimBorder: true }
+  ));
   console.log();
-
-  // Uso rápido
-  console.log(
-    boxen(
-      chalk.gray('  Uso rápido\n\n') +
-      chalk.white('  $ novatec-cli create ') + chalk.gray('<nombre-proyecto>') + '\n\n' +
-      chalk.white('  $ novatec-cli create my-app ') + chalk.gray('--frontend react --backend express'),
-      {
-        padding: { top: 0, bottom: 0, left: 1, right: 4 },
-        margin: { left: 2 },
-        borderStyle: 'single',
-        borderColor: 'gray',
-        dimBorder: true,
-      }
-    )
-  );
-
+  console.log(boxen(
+    chalk.gray('  $ novatec create my-app\n') +
+    chalk.gray('  $ novatec create my-app --mode business --frontend next --backend express\n') +
+    chalk.gray('  $ novatec add crud Product\n') +
+    chalk.gray('  $ novatec doctor'),
+    { padding: { top: 0, bottom: 0, left: 1, right: 4 }, margin: { left: 2 }, borderStyle: 'single', borderColor: 'gray', dimBorder: true }
+  ));
   console.log();
-  console.log('  ' + chalk.white('─'.repeat(66)));
+  console.log('  ' + chalk.white('─'.repeat(60)));
   console.log();
 }
 
 program
   .name('novatec')
-  .description('NOVATEC FULLSTACK CLI — Generador profesional de proyectos full stack')
-  .version('1.0.2', '-v, --version', 'Mostrar versión');
+  .description('NovaTec CLI — Enterprise Fullstack Generator')
+  .version(pkg.version, '-v, --version', 'Mostrar versión');
 
+// ── CREATE ────────────────────────────────────────────────────────────────────
 program
   .command('create [name]')
   .description('Crear un nuevo proyecto full stack')
-  .option('--frontend <type>', 'react | next | vue | nuxt | astro | svelte | solid | angular | remix | qwik')
-  .option('--backend <type>',  'express | nestjs | fastify | hono | fastapi | django | flask | spring | deno | gin')
+  .option('--frontend <type>',        'Framework frontend')
+  .option('--backend <type>',         'Framework backend')
+  .option('--db <type>',              'Base de datos: postgres|mysql|mongo|sqlite|supabase')
+  .option('--mode <mode>',            'Modo: business (landing+auth+dashboard+CRUD)')
+  .option('--architecture <arch>',    'Arquitectura: mvc|hexagonal|clean')
+  .option('--package-manager <pm>',   'Package manager: npm|pnpm|yarn')
+  .option('--typescript',             'Usar TypeScript')
+  .option('--install',                'Instalar dependencias automáticamente')
+  .option('--git',                    'Inicializar git automáticamente')
+  .option('--yes',                    'Saltar prompts, usar defaults')
+  .option('--preset <name>',          'Preset: ecommerce|reservas|aula-virtual|empresa-web|react-express|next-nestjs')
   .action(async (name, options) => {
     await showBanner();
+    await checkForUpdates();
     try {
+      const { checkRequirements } = await import('../lib/utils.js');
+      const { runCreate } = await import('../lib/create.js');
       await checkRequirements();
       await runCreate(name, options);
     } catch (err) {
-      console.error(
-        boxen(
-          chalk.red.bold('✖  ERROR\n\n') + chalk.white(err.message),
-          { padding: 1, borderColor: 'red', borderStyle: 'round' }
-        )
-      );
+      console.error(boxen(chalk.red.bold('✖  ERROR\n\n') + chalk.white(err.message), { padding: 1, borderColor: 'red', borderStyle: 'round' }));
       process.exit(1);
     }
   });
 
+// ── DOCTOR ────────────────────────────────────────────────────────────────────
+program
+  .command('doctor')
+  .description('Verificar entorno de desarrollo')
+  .action(async () => {
+    const { runDoctor } = await import('../lib/doctor.js');
+    await runDoctor();
+  });
+
+// ── ADD ───────────────────────────────────────────────────────────────────────
+program
+  .command('add <module> [name]')
+  .description('Agregar módulo al proyecto: auth | dashboard | crud <nombre> | notifications')
+  .option('--backend <type>', 'Backend target')
+  .option('--db <type>',      'Base de datos target')
+  .action(async (module, name, options) => {
+    const { runAdd } = await import('../lib/add.js');
+    await runAdd(module, name, options);
+  });
+
+// ── BUILD ─────────────────────────────────────────────────────────────────────
+program
+  .command('build')
+  .description('Build de producción del proyecto')
+  .option('--frontend', 'Solo frontend')
+  .option('--backend',  'Solo backend')
+  .action(async (options) => {
+    const { runBuild } = await import('../lib/generators/deploy.js');
+    await runBuild(options);
+  });
+
+// ── DEPLOY ────────────────────────────────────────────────────────────────────
+program
+  .command('deploy')
+  .description('Deploy a Vercel (frontend) y Railway (backend)')
+  .option('--frontend', 'Solo frontend a Vercel')
+  .option('--backend',  'Solo backend a Railway')
+  .action(async (options) => {
+    const { runDeploy } = await import('../lib/generators/deploy.js');
+    await runDeploy(options);
+  });
+
+// ── LIST ──────────────────────────────────────────────────────────────────────
+program
+  .command('list')
+  .description('Ver todos los frameworks y presets disponibles')
+  .action(() => {
+    console.log(boxen(
+      chalk.bold.white('  FRAMEWORKS\n\n') +
+      chalk.bold.white('  Frontend\n') +
+      ['react','next','vue','nuxt','astro','svelte','solid','angular','remix','qwik'].map(f => chalk.gray('    ' + f)).join('\n') + '\n\n' +
+      chalk.bold.white('  Backend\n') +
+      ['express','nestjs','fastify','hono','fastapi','django','flask','spring','deno','gin'].map(b => chalk.gray('    ' + b)).join('\n') + '\n\n' +
+      chalk.bold.white('  Bases de datos\n') +
+      ['postgres','mysql','mongo','sqlite','supabase'].map(d => chalk.gray('    ' + d)).join('\n') + '\n\n' +
+      chalk.bold.white('  Presets de negocio\n') +
+      ['ecommerce','reservas','aula-virtual','empresa-web','react-express','next-nestjs','vue-fastapi'].map(p => chalk.gray('    ' + p)).join('\n') + '\n\n' +
+      chalk.bold.white('  Arquitecturas\n') +
+      ['mvc','hexagonal','clean'].map(a => chalk.gray('    ' + a)).join('\n'),
+      { padding: { top: 1, bottom: 1, left: 2, right: 6 }, margin: { left: 2 }, borderStyle: 'round', borderColor: 'white', dimBorder: true }
+    ));
+  });
+
+// ── UPDATE ────────────────────────────────────────────────────────────────────
+program
+  .command('update')
+  .description('Actualizar novatec-cli a la última versión')
+  .action(async () => {
+    const ora = (await import('ora')).default;
+    const spinner = ora({ text: chalk.white('Actualizando...'), spinner: 'dots', color: 'white' }).start();
+    try {
+      execSync('npm install -g novatec-cli@latest', { stdio: 'pipe' });
+      const v = execSync('npm show novatec-cli version', { encoding: 'utf8' }).trim();
+      spinner.succeed(chalk.white('Actualizado a v' + v));
+    } catch (e) {
+      spinner.fail(chalk.red('Error: ' + e.message));
+    }
+  });
+
 if (!process.argv.slice(2).length) {
-  (async () => {
-    await showBanner();
-    program.outputHelp();
-  })();
+  (async () => { await showBanner(); await checkForUpdates(); program.outputHelp(); })();
 } else {
   program.parse(process.argv);
 }

package/lib/add.js

@@ -0,0 +1,122 @@
+import path from 'path';
+import chalk from 'chalk';
+import fse from 'fs-extra';
+import boxen from 'boxen';
+
+export async function runAdd(module, name, options) {
+  const root = process.cwd();
+
+  // Detectar si estamos dentro de un proyecto novatec
+  const hasFrontend = await fse.pathExists(path.join(root, 'frontend'));
+  const hasBackend  = await fse.pathExists(path.join(root, 'backend'));
+
+  if (!hasFrontend && !hasBackend) {
+    console.log(boxen(
+      chalk.yellow('  Ejecuta este comando dentro de un proyecto NovaTec\n\n') +
+      chalk.gray('  cd mi-proyecto\n') +
+      chalk.gray('  novatec add ' + module + (name ? ' ' + name : '')),
+      { padding: 1, margin: { left: 2 }, borderStyle: 'round', borderColor: 'yellow', dimBorder: true }
+    ));
+    process.exit(1);
+  }
+
+  console.log();
+  switch (module) {
+    case 'auth':          await addAuth(root, options);          break;
+    case 'dashboard':     await addDashboard(root, options);     break;
+    case 'crud':          await addCrud(root, name, options);    break;
+    case 'notifications': await addNotifications(root, options); break;
+    default:
+      console.log(chalk.red(`  Módulo "${module}" no reconocido.`));
+      console.log(chalk.gray('  Módulos disponibles: auth | dashboard | crud <nombre> | notifications'));
+      process.exit(1);
+  }
+}
+
+// ── AUTH ──────────────────────────────────────────────────────────────────────
+async function addAuth(root, options) {
+  console.log(chalk.white('  Agregando módulo Auth...\n'));
+
+  // Backend: rutas + middleware + controlador
+  const beAuth = path.join(root, 'backend', 'src', 'auth');
+  await fse.ensureDir(beAuth);
+
+  await fse.writeFile(path.join(beAuth, 'auth.middleware.js'), `import jwt from 'jsonwebtoken';\n\nexport const authMiddleware = (req, res, next) => {\n  const token = req.headers.authorization?.split(' ')[1];\n  if (!token) return res.status(401).json({ error: 'Token requerido' });\n  try {\n    req.user = jwt.verify(token, process.env.JWT_SECRET || 'change_me');\n    next();\n  } catch { res.status(401).json({ error: 'Token inválido' }); }\n};\n\nexport const adminMiddleware = (req, res, next) => {\n  if (req.user?.role !== 'admin') return res.status(403).json({ error: 'Acceso denegado' });\n  next();\n};\n`);
+
+  await fse.writeFile(path.join(beAuth, 'auth.controller.js'), `import jwt from 'jsonwebtoken';\nimport bcrypt from 'bcryptjs';\n\nconst users = []; // TODO: reemplazar con BD real\n\nexport const register = async (req, res) => {\n  const { email, password, name, role = 'user' } = req.body;\n  if (!email || !password) return res.status(400).json({ error: 'Email y password requeridos' });\n  if (users.find(u => u.email === email)) return res.status(409).json({ error: 'Email ya registrado' });\n  const hash = await bcrypt.hash(password, 10);\n  const user = { id: Date.now(), email, name, role, password: hash };\n  users.push(user);\n  const token = jwt.sign({ id: user.id, email, role }, process.env.JWT_SECRET || 'change_me', { expiresIn: '7d' });\n  res.status(201).json({ token, user: { id: user.id, email, name, role } });\n};\n\nexport const login = async (req, res) => {\n  const { email, password } = req.body;\n  const user = users.find(u => u.email === email);\n  if (!user || !(await bcrypt.compare(password, user.password))) return res.status(401).json({ error: 'Credenciales inválidas' });\n  const token = jwt.sign({ id: user.id, email, role: user.role }, process.env.JWT_SECRET || 'change_me', { expiresIn: '7d' });\n  res.json({ token, user: { id: user.id, email, name: user.name, role: user.role } });\n};\n\nexport const me = (req, res) => res.json({ user: req.user });\n\nexport const forgotPassword = async (req, res) => {\n  // TODO: implementar envío de email\n  res.json({ message: 'Si el email existe, recibirás instrucciones' });\n};\n`);
+
+  await fse.writeFile(path.join(beAuth, 'auth.routes.js'), `import { Router } from 'express';\nimport { register, login, me, forgotPassword } from './auth.controller.js';\nimport { authMiddleware } from './auth.middleware.js';\n\nconst router = Router();\nrouter.post('/register', register);\nrouter.post('/login', login);\nrouter.get('/me', authMiddleware, me);\nrouter.post('/forgot-password', forgotPassword);\nexport default router;\n`);
+
+  // Frontend: páginas de login y registro
+  const fePages = path.join(root, 'frontend', 'src', 'pages', 'auth');
+  await fse.ensureDir(fePages);
+
+  await fse.writeFile(path.join(fePages, 'Login.jsx'), `import { useState } from 'react';\nimport { api } from '../../lib/api.js';\n\nexport default function Login() {\n  const [form, setForm] = useState({ email: '', password: '' });\n  const [error, setError] = useState('');\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    try {\n      const { token, user } = await api.post('/api/auth/login', form);\n      localStorage.setItem('token', token);\n      localStorage.setItem('user', JSON.stringify(user));\n      window.location.href = '/dashboard';\n    } catch { setError('Credenciales inválidas'); }\n  };\n\n  return (\n    <div className="min-h-screen flex items-center justify-center bg-gray-950">\n      <div className="w-full max-w-md p-8 bg-gray-900 rounded-2xl border border-gray-800">\n        <h1 className="text-2xl font-bold text-white mb-6">Iniciar sesión</h1>\n        {error && <p className="text-red-400 mb-4 text-sm">{error}</p>}\n        <form onSubmit={handleSubmit} className="space-y-4">\n          <input type="email" placeholder="Email" value={form.email} onChange={e => setForm({...form, email: e.target.value})} className="w-full px-4 py-3 bg-gray-800 text-white rounded-lg border border-gray-700 focus:outline-none focus:border-white" required />\n          <input type="password" placeholder="Contraseña" value={form.password} onChange={e => setForm({...form, password: e.target.value})} className="w-full px-4 py-3 bg-gray-800 text-white rounded-lg border border-gray-700 focus:outline-none focus:border-white" required />\n          <button type="submit" className="w-full py-3 bg-white text-black font-semibold rounded-lg hover:bg-gray-200 transition">Entrar</button>\n        </form>\n        <p className="text-gray-500 text-sm mt-4 text-center">¿No tienes cuenta? <a href="/register" className="text-white hover:underline">Regístrate</a></p>\n      </div>\n    </div>\n  );\n}\n`);
+
+  await fse.writeFile(path.join(fePages, 'Register.jsx'), `import { useState } from 'react';\nimport { api } from '../../lib/api.js';\n\nexport default function Register() {\n  const [form, setForm] = useState({ name: '', email: '', password: '' });\n  const [error, setError] = useState('');\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    try {\n      const { token, user } = await api.post('/api/auth/register', form);\n      localStorage.setItem('token', token);\n      localStorage.setItem('user', JSON.stringify(user));\n      window.location.href = '/dashboard';\n    } catch (err) { setError('Error al registrar'); }\n  };\n\n  return (\n    <div className="min-h-screen flex items-center justify-center bg-gray-950">\n      <div className="w-full max-w-md p-8 bg-gray-900 rounded-2xl border border-gray-800">\n        <h1 className="text-2xl font-bold text-white mb-6">Crear cuenta</h1>\n        {error && <p className="text-red-400 mb-4 text-sm">{error}</p>}\n        <form onSubmit={handleSubmit} className="space-y-4">\n          <input type="text" placeholder="Nombre" value={form.name} onChange={e => setForm({...form, name: e.target.value})} className="w-full px-4 py-3 bg-gray-800 text-white rounded-lg border border-gray-700 focus:outline-none focus:border-white" required />\n          <input type="email" placeholder="Email" value={form.email} onChange={e => setForm({...form, email: e.target.value})} className="w-full px-4 py-3 bg-gray-800 text-white rounded-lg border border-gray-700 focus:outline-none focus:border-white" required />\n          <input type="password" placeholder="Contraseña" value={form.password} onChange={e => setForm({...form, password: e.target.value})} className="w-full px-4 py-3 bg-gray-800 text-white rounded-lg border border-gray-700 focus:outline-none focus:border-white" required />\n          <button type="submit" className="w-full py-3 bg-white text-black font-semibold rounded-lg hover:bg-gray-200 transition">Registrarse</button>\n        </form>\n        <p className="text-gray-500 text-sm mt-4 text-center">¿Ya tienes cuenta? <a href="/login" className="text-white hover:underline">Inicia sesión</a></p>\n      </div>\n    </div>\n  );\n}\n`);
+
+  done('Auth', ['backend/src/auth/auth.controller.js', 'backend/src/auth/auth.routes.js', 'backend/src/auth/auth.middleware.js', 'frontend/src/pages/auth/Login.jsx', 'frontend/src/pages/auth/Register.jsx']);
+}
+
+// ── DASHBOARD ─────────────────────────────────────────────────────────────────
+async function addDashboard(root, options) {
+  console.log(chalk.white('  Agregando módulo Dashboard...\n'));
+  const dir = path.join(root, 'frontend', 'src', 'pages');
+  await fse.ensureDir(dir);
+
+  await fse.writeFile(path.join(dir, 'Dashboard.jsx'), `import { useState, useEffect } from 'react';\nimport { api } from '../lib/api.js';\n\nconst StatCard = ({ title, value, change }) => (\n  <div className="bg-gray-900 border border-gray-800 rounded-xl p-6">\n    <p className="text-gray-400 text-sm">{title}</p>\n    <p className="text-3xl font-bold text-white mt-1">{value}</p>\n    {change && <p className="text-green-400 text-sm mt-1">{change}</p>}\n  </div>\n);\n\nexport default function Dashboard() {\n  const user = JSON.parse(localStorage.getItem('user') || '{}');\n  const [stats] = useState({ users: 128, revenue: '$12,400', orders: 54, growth: '+12%' });\n\n  return (\n    <div className="min-h-screen bg-gray-950 text-white">\n      {/* Sidebar */}\n      <aside className="fixed left-0 top-0 h-full w-64 bg-gray-900 border-r border-gray-800 p-6">\n        <div className="mb-8">\n          <h2 className="text-xl font-bold text-white">NovaTec</h2>\n          <p className="text-gray-500 text-sm">Panel administrativo</p>\n        </div>\n        <nav className="space-y-1">\n          {[['Dashboard', '/dashboard'], ['Usuarios', '/dashboard/users'], ['Configuración', '/dashboard/settings']].map(([label, href]) => (\n            <a key={href} href={href} className="flex items-center gap-3 px-3 py-2 rounded-lg text-gray-400 hover:text-white hover:bg-gray-800 transition text-sm">{label}</a>\n          ))}\n        </nav>\n        <div className="absolute bottom-6 left-6 right-6">\n          <button onClick={() => { localStorage.clear(); window.location.href = '/login'; }} className="w-full text-left text-gray-500 hover:text-white text-sm transition">Cerrar sesión</button>\n        </div>\n      </aside>\n      {/* Main */}\n      <main className="ml-64 p-8">\n        <div className="mb-8">\n          <h1 className="text-2xl font-bold">Bienvenido, {user.name || 'Admin'}</h1>\n          <p className="text-gray-400 text-sm mt-1">Resumen del sistema</p>\n        </div>\n        <div className="grid grid-cols-4 gap-4 mb-8">\n          <StatCard title="Usuarios" value={stats.users} change="+8 este mes" />\n          <StatCard title="Ingresos" value={stats.revenue} change="+12% vs mes anterior" />\n          <StatCard title="Pedidos" value={stats.orders} change="+5 hoy" />\n          <StatCard title="Crecimiento" value={stats.growth} />\n        </div>\n        <div className="bg-gray-900 border border-gray-800 rounded-xl p-6">\n          <h3 className="text-white font-semibold mb-4">Actividad reciente</h3>\n          <p className="text-gray-500 text-sm">No hay actividad reciente.</p>\n        </div>\n      </main>\n    </div>\n  );\n}\n`);
+
+  done('Dashboard', ['frontend/src/pages/Dashboard.jsx']);
+}
+
+// ── CRUD ──────────────────────────────────────────────────────────────────────
+async function addCrud(root, entityName, options) {
+  if (!entityName) {
+    console.log(chalk.red('  Especifica el nombre: novatec add crud <Nombre>'));
+    process.exit(1);
+  }
+  const name = entityName.charAt(0).toUpperCase() + entityName.slice(1);
+  const nameLower = entityName.toLowerCase();
+  console.log(chalk.white(`  Generando CRUD para "${name}"...\n`));
+
+  // Backend
+  const beDir = path.join(root, 'backend', 'src', nameLower);
+  await fse.ensureDir(beDir);
+
+  await fse.writeFile(path.join(beDir, `${nameLower}.model.js`), `// Modelo ${name}\n// TODO: conectar con tu ORM (Prisma, Mongoose, etc.)\nconst items = [];\nlet nextId = 1;\n\nexport const ${name}Model = {\n  findAll: () => items,\n  findById: (id) => items.find(i => i.id === parseInt(id)),\n  create: (data) => { const item = { id: nextId++, ...data, createdAt: new Date() }; items.push(item); return item; },\n  update: (id, data) => { const i = items.findIndex(x => x.id === parseInt(id)); if (i < 0) return null; items[i] = { ...items[i], ...data }; return items[i]; },\n  delete: (id) => { const i = items.findIndex(x => x.id === parseInt(id)); if (i < 0) return false; items.splice(i, 1); return true; },\n};\n`);
+
+  await fse.writeFile(path.join(beDir, `${nameLower}.controller.js`), `import { ${name}Model } from './${nameLower}.model.js';\n\nexport const getAll    = (req, res) => res.json(${name}Model.findAll());\nexport const getOne    = (req, res) => { const item = ${name}Model.findById(req.params.id); item ? res.json(item) : res.status(404).json({ error: 'No encontrado' }); };\nexport const create    = (req, res) => { const item = ${name}Model.create(req.body); res.status(201).json(item); };\nexport const update    = (req, res) => { const item = ${name}Model.update(req.params.id, req.body); item ? res.json(item) : res.status(404).json({ error: 'No encontrado' }); };\nexport const remove    = (req, res) => { ${name}Model.delete(req.params.id) ? res.json({ message: 'Eliminado' }) : res.status(404).json({ error: 'No encontrado' }); };\n`);
+
+  await fse.writeFile(path.join(beDir, `${nameLower}.routes.js`), `import { Router } from 'express';\nimport { getAll, getOne, create, update, remove } from './${nameLower}.controller.js';\n\nconst router = Router();\nrouter.get('/',     getAll);\nrouter.get('/:id',  getOne);\nrouter.post('/',    create);\nrouter.put('/:id',  update);\nrouter.delete('/:id', remove);\nexport default router;\n`);
+
+  // Frontend: tabla + formulario
+  const feDir = path.join(root, 'frontend', 'src', 'pages', nameLower);
+  await fse.ensureDir(feDir);
+
+  await fse.writeFile(path.join(feDir, `${name}List.jsx`), `import { useState, useEffect } from 'react';\nimport { api } from '../../lib/api.js';\n\nexport default function ${name}List() {\n  const [items, setItems] = useState([]);\n  const [form, setForm] = useState({ name: '', description: '' });\n  const [editing, setEditing] = useState(null);\n\n  const load = async () => setItems(await api.get('/api/${nameLower}'));\n  useEffect(() => { load(); }, []);\n\n  const save = async (e) => {\n    e.preventDefault();\n    if (editing) { await api.put(\`/api/${nameLower}/\${editing}\`, form); setEditing(null); }\n    else { await api.post('/api/${nameLower}', form); }\n    setForm({ name: '', description: '' });\n    load();\n  };\n\n  const del = async (id) => { if (confirm('¿Eliminar?')) { await api.delete(\`/api/${nameLower}/\${id}\`); load(); } };\n  const edit = (item) => { setEditing(item.id); setForm({ name: item.name, description: item.description }); };\n\n  return (\n    <div className="p-8 bg-gray-950 min-h-screen text-white">\n      <h1 className="text-2xl font-bold mb-6">${name}</h1>\n      <form onSubmit={save} className="flex gap-3 mb-8">\n        <input value={form.name} onChange={e => setForm({...form, name: e.target.value})} placeholder="Nombre" className="flex-1 px-4 py-2 bg-gray-900 border border-gray-700 rounded-lg text-white focus:outline-none focus:border-white" required />\n        <input value={form.description} onChange={e => setForm({...form, description: e.target.value})} placeholder="Descripción" className="flex-1 px-4 py-2 bg-gray-900 border border-gray-700 rounded-lg text-white focus:outline-none focus:border-white" />\n        <button type="submit" className="px-6 py-2 bg-white text-black font-semibold rounded-lg hover:bg-gray-200 transition">{editing ? 'Actualizar' : 'Crear'}</button>\n        {editing && <button type="button" onClick={() => { setEditing(null); setForm({ name: '', description: '' }); }} className="px-4 py-2 border border-gray-700 rounded-lg text-gray-400 hover:text-white transition">Cancelar</button>}\n      </form>\n      <div className="bg-gray-900 border border-gray-800 rounded-xl overflow-hidden">\n        <table className="w-full">\n          <thead><tr className="border-b border-gray-800">\n            <th className="text-left px-6 py-3 text-gray-400 text-sm font-medium">ID</th>\n            <th className="text-left px-6 py-3 text-gray-400 text-sm font-medium">Nombre</th>\n            <th className="text-left px-6 py-3 text-gray-400 text-sm font-medium">Descripción</th>\n            <th className="text-left px-6 py-3 text-gray-400 text-sm font-medium">Acciones</th>\n          </tr></thead>\n          <tbody>{items.map(item => (\n            <tr key={item.id} className="border-b border-gray-800 hover:bg-gray-800/50 transition">\n              <td className="px-6 py-4 text-gray-400 text-sm">{item.id}</td>\n              <td className="px-6 py-4 text-white">{item.name}</td>\n              <td className="px-6 py-4 text-gray-400">{item.description}</td>\n              <td className="px-6 py-4 flex gap-2">\n                <button onClick={() => edit(item)} className="text-sm text-gray-400 hover:text-white transition">Editar</button>\n                <button onClick={() => del(item.id)} className="text-sm text-red-400 hover:text-red-300 transition">Eliminar</button>\n              </td>\n            </tr>\n          ))}</tbody>\n        </table>\n        {items.length === 0 && <p className="text-center text-gray-500 py-8 text-sm">No hay registros</p>}\n      </div>\n    </div>\n  );\n}\n`);
+
+  done(`CRUD ${name}`, [`backend/src/${nameLower}/${nameLower}.model.js`, `backend/src/${nameLower}/${nameLower}.controller.js`, `backend/src/${nameLower}/${nameLower}.routes.js`, `frontend/src/pages/${nameLower}/${name}List.jsx`]);
+}
+
+// ── NOTIFICATIONS ─────────────────────────────────────────────────────────────
+async function addNotifications(root, options) {
+  console.log(chalk.white('  Agregando sistema de notificaciones...\n'));
+  const dir = path.join(root, 'frontend', 'src', 'components');
+  await fse.ensureDir(dir);
+
+  await fse.writeFile(path.join(dir, 'Toast.jsx'), `import { useState, useEffect, createContext, useContext, useCallback } from 'react';\n\nconst ToastCtx = createContext(null);\n\nexport function ToastProvider({ children }) {\n  const [toasts, setToasts] = useState([]);\n  const add = useCallback((message, type = 'info', duration = 4000) => {\n    const id = Date.now();\n    setToasts(t => [...t, { id, message, type }]);\n    setTimeout(() => setToasts(t => t.filter(x => x.id !== id)), duration);\n  }, []);\n  const colors = { success: 'bg-green-900 border-green-700 text-green-200', error: 'bg-red-900 border-red-700 text-red-200', warning: 'bg-yellow-900 border-yellow-700 text-yellow-200', info: 'bg-gray-900 border-gray-700 text-gray-200' };\n  return (\n    <ToastCtx.Provider value={add}>\n      {children}\n      <div className="fixed bottom-4 right-4 z-50 flex flex-col gap-2">\n        {toasts.map(t => (\n          <div key={t.id} className={\`px-4 py-3 rounded-lg border text-sm font-medium shadow-lg animate-in slide-in-from-right \${colors[t.type]}\`}>{t.message}</div>\n        ))}\n      </div>\n    </ToastCtx.Provider>\n  );\n}\n\nexport const useToast = () => useContext(ToastCtx);\n`);
+
+  done('Notifications', ['frontend/src/components/Toast.jsx']);
+  console.log(chalk.gray('\n  Uso:\n'));
+  console.log(chalk.gray('  import { ToastProvider, useToast } from "./components/Toast";\n'));
+  console.log(chalk.gray('  const toast = useToast();\n'));
+  console.log(chalk.gray('  toast("Guardado!", "success");\n'));
+}
+
+function done(module, files) {
+  console.log(boxen(
+    chalk.bold.white(`  ✔  Módulo "${module}" agregado\n\n`) +
+    files.map(f => chalk.gray('  ' + f)).join('\n'),
+    { padding: 1, margin: { left: 2 }, borderStyle: 'round', borderColor: 'white', dimBorder: true }
+  ));
+}