feat: actualizando el template al 2024 estable

Author: Softx0

.env.sample

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit ${1} 

.husky/commit-msg

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-yarn run lint-and-prettier
+npx lint-staged

.husky/pre-commit

@@ -0,0 +1,233 @@
+# Changelog
+
+## Template Actualizado - 2024
+
+### 🎉 Nuevas Características
+
+#### ✅ TailwindCSS Configurado
+
+- Configuración completa de TailwindCSS con PostCSS
+- Estilos modernos implementados en Login y Dashboard
+- Configuración compatible con Vite y ES modules
+
+#### ✅ Sistema de Autenticación JWT
+
+- Context API para manejo de autenticación
+- JWT con encriptación AES256 usando CryptoJS
+- Tokens simulados para desarrollo
+- Validación y refresh automático de tokens
+
+#### ✅ Hook de Inactividad
+
+- Timer configurable de inactividad
+- Logout automático después de tiempo sin actividad
+- Configuración por rutas específicas
+- Event listeners para actividad del usuario
+
+#### ✅ Sistema de Rutas Escalable (SOLID)
+
+- Arquitectura modular de rutas por características
+- Lazy loading automático de componentes
+- Metadata para SEO y configuración por ruta
+- RouteRenderer para renderizado escalable
+- Timeouts de inactividad configurables por ruta
+
+#### ✅ Componentes de Routing
+
+- `ProtectedRoute`: Protección de rutas por autenticación y roles
+- `InactivityWrapper`: Manejo de inactividad por componente
+- `RouteRenderer`: Renderizado escalable de rutas
+
+#### ✅ Servicios API Estructurados
+
+- Cliente Axios configurado con interceptors
+- Manejo centralizado de errores
+- Headers automáticos con JWT
+- Utilidades para manejo de respuestas API
+
+#### ✅ Hooks Personalizados
+
+- `useInactivityTimer`: Manejo de inactividad
+- `useAsync`: Manejo de operaciones asíncronas
+- `useAuth`: Hook para autenticación
+
+#### ✅ Configuración de Variables de Entorno
+
+- Configuración centralizada para Vite
+- Variables de entorno tipadas
+- Configuración de timeouts y características
+
+### 🔧 Mejoras Técnicas
+
+#### ✅ Scripts NPM Actualizados
+
+- Scripts de linting mejorados
+- Type checking con TypeScript
+- Scripts de testing y coverage
+- Scripts de formateo con Prettier
+
+#### ✅ Lint-staged y Commitlint
+
+- Configuración de lint-staged para pre-commit
+- Commitlint para mensajes de commit estandarizados
+- Hooks de Husky actualizados
+
+#### ✅ Configuración de Archivos
+
+- Archivos `.cjs` para compatibilidad con ES modules
+- PostCSS configurado correctamente
+- TailwindCSS optimizado para Vite
+
+### 🎨 Interfaz de Usuario
+
+#### ✅ Login Moderno
+
+- Formulario de login con TailwindCSS
+- Validación de campos
+- Estados de loading
+- Redirección automática después del login
+- Manejo de errores visuales
+
+#### ✅ Dashboard Interactivo
+
+- Navegación superior con información del usuario
+- Cards informativos
+- Logout manual
+- Diseño responsive con TailwindCSS
+
+### 📁 Estructura Actualizada
+
+```
+src/
+├── components/
+│   └── routing/         # ✅ NUEVO - Componentes de enrutamiento
+├── context/            # ✅ NUEVO - Context API
+├── hooks/              # ✅ ACTUALIZADO - Hooks personalizados
+├── routes/             # ✅ NUEVO - Sistema de rutas escalable
+│   ├── types/
+│   ├── routeConfigs/
+│   └── allRoutes.ts
+├── services/           # ✅ ACTUALIZADO - Servicios estructurados
+│   ├── api/
+│   └── authService.ts
+├── types/              # ✅ NUEVO - Tipos TypeScript
+├── utils/              # ✅ ACTUALIZADO - Utilidades
+│   ├── encryption.ts   # ✅ NUEVO
+│   ├── jwt.ts         # ✅ NUEVO
+│   └── apiHelpers.ts  # ✅ NUEVO
+├── config/            # ✅ NUEVO - Configuraciones
+└── pages/             # ✅ ACTUALIZADO - Páginas mejoradas
+```
+
+### 🛠️ Herramientas de Desarrollo
+
+#### ✅ Configuración Mejorada
+
+- ESLint actualizado con mejores reglas
+- Prettier configurado correctamente
+- Husky con hooks mejorados
+- Commitlint funcional
+
+#### ✅ Build y Deploy
+
+- Build funcional con Vite
+- Configuración de Docker mantenida
+- CI/CD pipelines preservados
+- Type checking sin errores
+
+### 📚 Documentación
+
+#### ✅ README Actualizado
+
+- Documentación completa de características
+- Guías de uso paso a paso
+- Ejemplos de código
+- Arquitectura explicada
+
+#### ✅ SETUP_GUIDE Preservado
+
+- Guía original mantenida como referencia
+- Información histórica del desarrollo
+
+### 🔒 Seguridad
+
+#### ✅ Autenticación Robusta
+
+- JWT con encriptación AES
+- Validación de tokens
+- Logout automático por expiración
+- Protección de rutas por roles
+
+#### ✅ Manejo de Sesiones
+
+- Storage seguro de tokens
+- Limpieza automática de sesión
+- Redirección por estado de autenticación
+
+### 🚀 Performance
+
+#### ✅ Optimizaciones
+
+- Lazy loading de componentes
+- Código splitting automático
+- Build optimizado con Vite
+- TailwindCSS purge configurado
+
+### 📦 Dependencias Actualizadas
+
+```json
+"dependencies": {
+  "crypto-js": "^4.x.x",
+  "@tailwindcss/postcss": "^3.x.x"
+}
+
+"devDependencies": {
+  "tailwindcss": "^3.x.x",
+  "postcss": "^8.x.x",
+  "autoprefixer": "^10.x.x",
+  "@commitlint/cli": "^17.x.x",
+  "@commitlint/config-conventional": "^17.x.x"
+}
+```
+
+### ✅ Estado Final
+
+El template ahora está completamente actualizado con:
+
+- ✅ Build exitoso sin errores
+- ✅ Type checking limpio
+- ✅ Todas las características implementadas
+- ✅ Documentación actualizada
+- ✅ Lista para usar en proyectos
+
+---
+
+## Migración desde versión anterior
+
+Para migrar desde la versión anterior:
+
+1. **Instalar nuevas dependencias:**
+
+   ```bash
+   npm install crypto-js @tailwindcss/postcss tailwindcss postcss autoprefixer @commitlint/cli @commitlint/config-conventional
+   ```
+
+2. **Actualizar archivos de configuración:**
+
+   - Renombrar `.js` a `.cjs` si tienes `"type": "module"`
+   - Actualizar `package.json` con nuevos scripts
+   - Configurar `.env` con nuevas variables
+
+3. **Adoptar nueva arquitectura:**
+
+   - Mover componentes a nueva estructura
+   - Implementar Context API para auth
+   - Usar nuevos hooks personalizados
+
+4. **Actualizar estilos:**
+   - Migrar a TailwindCSS
+   - Usar nuevos componentes de UI
+
+---
+
+**Todas las mejoras implementadas mantienen compatibilidad con Docker y CI/CD existentes.**