npm - blackcoffee2 - Versions diffs - 2.1.0 - Mend

blackcoffee2 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (170) hide show

package/CHANGELOG.md +664 -0
package/LICENSE +201 -0
package/NOTICE +25 -0
package/README.md +246 -0
package/apps.zip +0 -0
package/bin/adminclient +105 -0
package/bin/blackcoffee +133 -0
package/cli/admin-users.js +282 -0
package/cli/commands/app.js +561 -0
package/cli/commands/config.js +182 -0
package/cli/commands/db.js +257 -0
package/cli/commands/server.js +200 -0
package/config/applications.json +5 -0
package/config/database.json +28 -0
package/config/database.json.example +23 -0
package/config/server.json +32 -0
package/controllers/admin/AdminController.js +529 -0
package/controllers/admin/AdminViewController.js +90 -0
package/controllers/admin/AuthController.js +293 -0
package/controllers/admin/DatabaseAdminController.js +218 -0
package/core/SQLiteAdapter.js +333 -0
package/core/appLoader.js +385 -0
package/core/databasePoolManager.js +431 -0
package/core/hotReload.js +363 -0
package/data/ADMIN-README.md +145 -0
package/data/CHANGELOG.md +48 -0
package/data/GTK3-NODE-PROPOSALS.md +410 -0
package/data/admin-db.js +150 -0
package/data/admin-gui.js +452 -0
package/data/blackcoffee_admin.db-shm +0 -0
package/data/blackcoffee_admin.db-wal +0 -0
package/data/migrations/001_create_admin_users.sql +33 -0
package/docs/APP_HOOKS_HANDLER.md +432 -0
package/docs/APP_HOOKS_REQUIREMENTS.md +588 -0
package/docs/ARCHITECTURE.md +435 -0
package/docs/CREAR_APP_Y_USAR_POOLS.md +1595 -0
package/docs/EVENTS_APP_MANUAL.md +289 -0
package/docs/INSITU_BINARY_UPLOAD_PROPOSAL.md +186 -0
package/docs/INSITU_FIREWALL_EXCEPTION.md +187 -0
package/docs/ROADMAP.md +242 -0
package/docs/ROADMAP.md.backup +243 -0
package/includes/404-hooks.js +423 -0
package/includes/adminAuth.js +214 -0
package/includes/adminExtension.js +53 -0
package/includes/appHooks.js +302 -0
package/includes/initAdminDb.js +115 -0
package/includes/routeLoader.js +67 -0
package/includes/sessions.js +223 -0
package/issues/001-duplicate-module-loading.md +92 -0
package/manuales/ADMIN_EXTENSION_COMMANDS_MANUAL.md +261 -0
package/manuales/ADMIN_EXTENSION_HOOK_EXAMPLE.md +28 -0
package/manuales/ADMIN_EXTENSION_INTEGRATION_MANUAL.md +232 -0
package/manuales/CACHE_REGEX_COMMANDS.md +136 -0
package/manuales/CACHE_SYSTEM_MAP.md +206 -0
package/manuales/CREACION_DE_CONTROLADORES_INSITU.md +383 -0
package/manuales/QUEUE_CLI_MODULE_MANUAL.md +289 -0
package/manuales/QUEUE_SYSTEM_MANUAL.md +320 -0
package/manuales/ROUTE_CACHE_MODULE_MANUAL.md +205 -0
package/manuales/SESSION_MANAGER_GUIDE.md +529 -0
package/manuales/SESSION_SECURITY_FLAGS.md +174 -0
package/manuales/WAF_MODULE_MANUAL.md +229 -0
package/manuales/after_route_handler_filter_example.md +116 -0
package/manuales/after_route_handler_usage.md +130 -0
package/manuales/an/303/241lisis-completo-insitu-framework.md +213 -0
package/manuales/async_hooks_promises_guide.md +325 -0
package/manuales/before_route_handler_filter_example.md +97 -0
package/manuales/before_route_handler_usage.md +122 -0
package/manuales/hooks_chaining_conditions_guide.md +261 -0
package/manuales/hooks_filters_documentation.md +493 -0
package/manuales/hooks_filters_documentation_en.md +493 -0
package/manuales/hooks_vs_middlewares_comparison.md +87 -0
package/manuales/manual-mvc-completo.md +934 -0
package/manuales/modulos_administracion.md +89 -0
package/manuales/router_execution_points.md +74 -0
package/manuales/static_file_hooks_usage.md +222 -0
package/models/AdminUserModel.js +132 -0
package/package.json +45 -0
package/programatically/PRoutes.js +89 -0
package/programatically/initFlow.js +211 -0
package/public/admin/css/db-pools.css +336 -0
package/public/admin/css/styles.css +310 -0
package/public/admin/database.html +312 -0
package/public/admin/index.html +116 -0
package/public/admin/js/app.js +470 -0
package/public/admin/js/db-pools.js +253 -0
package/public/admin/login.html +278 -0
package/public/assets/css/styles.css +477 -0
package/public/assets/js/main.js +89 -0
package/public/index.html +136 -0
package/public/templates/404.html +158 -0
package/routes/admin-views.json +20 -0
package/routes/admin.json +38 -0
package/routes/auth.json +32 -0
package/routes/static.json +18 -0
package/server.js +299 -0
package/test-aplicacion.con-logisession/BlackCoffee.js +226 -0
package/test-aplicacion.con-logisession/SSL_SETUP.md +53 -0
package/test-aplicacion.con-logisession/certs/ca-certificate.pem +32 -0
package/test-aplicacion.con-logisession/certs/ca-private-key.pem +52 -0
package/test-aplicacion.con-logisession/certs/certificate-2048.pem +22 -0
package/test-aplicacion.con-logisession/certs/certificate.pem +32 -0
package/test-aplicacion.con-logisession/certs/private-key-2048.pem +28 -0
package/test-aplicacion.con-logisession/certs/private-key.pem +52 -0
package/test-aplicacion.con-logisession/config/iaQueueSetup.js +84 -0
package/test-aplicacion.con-logisession/config/qwen-rules.json +39 -0
package/test-aplicacion.con-logisession/controllers/analyticsController.js +117 -0
package/test-aplicacion.con-logisession/controllers/auth/AdminAuthController.js +142 -0
package/test-aplicacion.con-logisession/controllers/auth/AuthController.js +439 -0
package/test-aplicacion.con-logisession/controllers/auth/AuthViewController.js +223 -0
package/test-aplicacion.con-logisession/controllers/endpointController.js +66 -0
package/test-aplicacion.con-logisession/controllers/example.js +183 -0
package/test-aplicacion.con-logisession/controllers/iaQueueController.js +367 -0
package/test-aplicacion.con-logisession/controllers/queueController.js +206 -0
package/test-aplicacion.con-logisession/controllers/qwenQueueController.js +197 -0
package/test-aplicacion.con-logisession/controllers/test.js +0 -0
package/test-aplicacion.con-logisession/controllers/tracking/EventsNoFinishController.js +78 -0
package/test-aplicacion.con-logisession/controllers/tracking/TrackingController.js +412 -0
package/test-aplicacion.con-logisession/controllers/tracking/TrackingControllerWithLoadModel.js +437 -0
package/test-aplicacion.con-logisession/hooks/admin-hooks.js +20 -0
package/test-aplicacion.con-logisession/hooks/general-hooks.js +97 -0
package/test-aplicacion.con-logisession/hooks/queue-hooks.js +64 -0
package/test-aplicacion.con-logisession/hooks/route-directory-hooks.js +38 -0
package/test-aplicacion.con-logisession/hooks/security-hooks.js +24 -0
package/test-aplicacion.con-logisession/insitu-admin-client/README.md +69 -0
package/test-aplicacion.con-logisession/insitu-admin-client/package.json +23 -0
package/test-aplicacion.con-logisession/insitu-admin-client.js +257 -0
package/test-aplicacion.con-logisession/models/ExampleModel.js +88 -0
package/test-aplicacion.con-logisession/models/QueueJobModel.js +263 -0
package/test-aplicacion.con-logisession/models/TokenModel.js +207 -0
package/test-aplicacion.con-logisession/models/auth/AuthModel.js +66 -0
package/test-aplicacion.con-logisession/models/auth/UserModel.js +189 -0
package/test-aplicacion.con-logisession/models/tracking/CompletedCartModel.js +213 -0
package/test-aplicacion.con-logisession/models/tracking/EventModel.js +366 -0
package/test-aplicacion.con-logisession/models/tracking/EventsNoFinishModel.js +131 -0
package/test-aplicacion.con-logisession/models/tracking/SessionModel.js +360 -0
package/test-aplicacion.con-logisession/models/tracking/SiteFlowModel.js +286 -0
package/test-aplicacion.con-logisession/models/tracking/TokenModel.js +207 -0
package/test-aplicacion.con-logisession/package-lock.json +3313 -0
package/test-aplicacion.con-logisession/package.json +32 -0
package/test-aplicacion.con-logisession/public/blackcoffee-welcome/index.html +1339 -0
package/test-aplicacion.con-logisession/public/css/style.css +64 -0
package/test-aplicacion.con-logisession/public/ejemplo-estatica/index.html +18 -0
package/test-aplicacion.con-logisession/public/ejemplo-estatica/script.js +16 -0
package/test-aplicacion.con-logisession/public/ejemplo-estatica/styles.css +43 -0
package/test-aplicacion.con-logisession/public/images/logo.svg +7 -0
package/test-aplicacion.con-logisession/public/js/main.js +67 -0
package/test-aplicacion.con-logisession/routes/analytics-routes.json +8 -0
package/test-aplicacion.con-logisession/routes/auth-routes.json +98 -0
package/test-aplicacion.con-logisession/routes/blackcoffee-welcome-routes.json +20 -0
package/test-aplicacion.con-logisession/routes/duplicate-test-routes.json.disabled +16 -0
package/test-aplicacion.con-logisession/routes/ejemplo-estatica-routes.json +11 -0
package/test-aplicacion.con-logisession/routes/endpoints-routes.json +8 -0
package/test-aplicacion.con-logisession/routes/ia-queue-routes.json +26 -0
package/test-aplicacion.con-logisession/routes/product-routes.json.disabled +20 -0
package/test-aplicacion.con-logisession/routes/queue-routes.json +32 -0
package/test-aplicacion.con-logisession/routes/qwen-routes.json +14 -0
package/test-aplicacion.con-logisession/routes/static-routes.json +29 -0
package/test-aplicacion.con-logisession/routes/tracking-routes.json +58 -0
package/test-aplicacion.con-logisession/routes/tracking-with-loadmodel-routes.json +51 -0
package/test-aplicacion.con-logisession/utils/dbAdapter.js +88 -0
package/test-aplicacion.con-logisession/utils/qbWrapper.js +4 -0
package/test-aplicacion.con-logisession/utils/queueProcessor.js +305 -0
package/test-aplicacion.con-logisession/utils/qwenRulesService.js +131 -0
package/test-aplicacion.con-logisession/utils/tokenHelper.js +22 -0
package/test-aplicacion.con-logisession/views/auth/dashboard.html +443 -0
package/test-aplicacion.con-logisession/views/auth/forgot-password.html +200 -0
package/test-aplicacion.con-logisession/views/auth/login.html +213 -0
package/test-aplicacion.con-logisession/views/auth/register.html +294 -0
package/test-aplicacion.con-logisession/views/contact/form.html +47 -0
package/test-aplicacion.con-logisession/views/products/index.html +39 -0

package/test-aplicacion.con-logisession/views/auth/dashboard.html ADDED Viewed

@@ -0,0 +1,443 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{title}} - BlackCoffee</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        body {
+            background-color: #f5f5f5;
+            color: #333;
+            line-height: 1.6;
+        }
+        .navbar {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            padding: 1rem 2rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: white;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        .navbar-brand {
+            font-size: 1.5rem;
+            font-weight: bold;
+        }
+        .navbar-user {
+            display: flex;
+            align-items: center;
+            gap: 1rem;
+        }
+        .user-info {
+            text-align: right;
+        }
+        .user-name {
+            font-weight: bold;
+        }
+        .user-email {
+            font-size: 0.9rem;
+            opacity: 0.8;
+        }
+        .container {
+            max-width: 1200px;
+            margin: 2rem auto;
+            padding: 0 2rem;
+        }
+        .welcome-section {
+            background: white;
+            border-radius: 10px;
+            padding: 2rem;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
+            margin-bottom: 2rem;
+        }
+        .welcome-section h1 {
+            color: #333;
+            margin-bottom: 1rem;
+        }
+        .user-details {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 1.5rem;
+            margin-top: 1.5rem;
+        }
+        .detail-card {
+            background: #f8f9fa;
+            border-radius: 8px;
+            padding: 1.5rem;
+            border-left: 4px solid #667eea;
+        }
+        .detail-card h3 {
+            color: #555;
+            margin-bottom: 0.5rem;
+        }
+        .detail-card ul {
+            list-style-type: none;
+        }
+        .detail-card li {
+            padding: 0.25rem 0;
+            color: #666;
+        }
+        .capabilities-section {
+            background: white;
+            border-radius: 10px;
+            padding: 2rem;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
+        }
+        .capabilities-section h2 {
+            color: #333;
+            margin-bottom: 1rem;
+        }
+        .capabilities-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+            gap: 1rem;
+        }
+        .capability-card {
+            background: #e8f4ff;
+            border-radius: 8px;
+            padding: 1rem;
+            border-left: 4px solid #2b7bd6;
+        }
+        .capability-name {
+            font-weight: bold;
+            color: #2b7bd6;
+            margin-bottom: 0.25rem;
+        }
+        .capability-desc {
+            font-size: 0.9rem;
+            color: #555;
+        }
+        .logout-btn {
+            background: #dc3545;
+            color: white;
+            border: none;
+            padding: 0.5rem 1rem;
+            border-radius: 5px;
+            cursor: pointer;
+            font-weight: 500;
+        }
+        .logout-btn:hover {
+            background: #c82333;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="navbar-brand">BlackCoffee Dashboard</div>
+        <div class="navbar-user">
+            <div class="user-info">
+                <div class="user-name" id="user-username">{{user.username}}</div>
+                <div class="user-email" id="user-email">{{user.email}}</div>
+            </div>
+            <button class="logout-btn" onclick="logout()">Cerrar Sesión</button>
+        </div>
+    </nav>
+    <div class="container">
+        <section class="welcome-section">
+            <h1 id="welcome-message">¡Bienvenido, {{user.username}}!</h1>
+            <p>Has iniciado sesión correctamente en el sistema. Aquí tienes un resumen de tu información y permisos.</p>
+            <div class="user-details">
+                <div class="detail-card">
+                    <h3>Información del Usuario</h3>
+                    <ul>
+                        <li><strong>ID:</strong> <span id="user-id">{{user.id}}</span></li>
+                        <li><strong>Nombre de usuario:</strong> <span id="user-username-detail">{{user.username}}</span></li>
+                        <li><strong>Email:</strong> <span id="user-email-detail">{{user.email}}</span></li>
+                    </ul>
+                </div>
+                <div class="detail-card user-roles">
+                    <h3>Roles Asignados</h3>
+                    {{if user.roles}}
+                        <ul>
+                            {{foreach:user.roles}}
+                                <li>{{name}} - {{description}}</li>
+                            {{endfor}}
+                        </ul>
+                    {{else}}
+                        <p>No tienes roles asignados.</p>
+                    {{endif}}
+                </div>
+                <div class="detail-card">
+                    <h3>Capacities Directas</h3>
+                    {{if user.directCapabilities}}
+                        <ul>
+                            {{foreach:user.directCapabilities}}
+                                <li>{{name}} - {{description}}</li>
+                            {{endfor}}
+                        </ul>
+                    {{else}}
+                        <p>No tienes capabilities directas asignadas.</p>
+                    {{endif}}
+                </div>
+            </div>
+        </section>
+        <section class="capabilities-section">
+            <h2>Tus Capacities</h2>
+            <p>Aquí están todas las capacidades que tienes disponibles, ya sea directamente o a través de tus roles:</p>
+            <div class="capabilities-grid">
+                {{if user.allCapabilities}}
+                    {{foreach:user.allCapabilities}}
+                        <div class="capability-card">
+                            <div class="capability-name">{{name}}</div>
+                            <div class="capability-desc">{{description}}</div>
+                            {{if resource}}<div><small>Recurso: {{resource}}</small></div>{{endif}}
+                            {{if action}}<div><small>Acción: {{action}}</small></div>{{endif}}
+                        </div>
+                    {{endfor}}
+                {{else}}
+                    <p>No tienes capacidades asignadas.</p>
+                {{endif}}
+            </div>
+        </section>
+        <!-- Sección para datos de carros abandonados -->
+        <section class="abandoned-carts-section">
+            <h2>Carros Abandonados</h2>
+            <p>Datos obtenidos del endpoint protegido de carros completados mediante AJAX:</p>
+            <div id="loadingIndicator" style="display: none; text-align: center; padding: 20px;">
+                <p>Cargando datos de carros abandonados...</p>
+            </div>
+            <div id="abandonedCartsData">
+                <p id="noDataMessage">No se han cargado datos aún.</p>
+                <div id="cartList" style="display: none;"></div>
+            </div>
+        </section>
+    </div>
+    <script>
+        // Verificar si hay un token válido en la sesión o en localStorage al cargar la página
+        document.addEventListener('DOMContentLoaded', async function() {
+            // Intentar obtener el token de la sesión o de localStorage
+            let token = localStorage.getItem('authToken');
+            // Si no hay token en localStorage, intentar obtenerlo de otro lugar
+            // En una implementación real, el token podría haber sido pasado en la vista
+            // o estar disponible en una variable JavaScript
+            // Si no hay token, redirigir al login
+            if (!token) {
+                // Intentar obtener el token de una variable global o de la sesión
+                // En este caso, asumiremos que el token se pasa en la vista como variable
+                // Si no está disponible, redirigir al login
+                window.location.href = '/login';
+                return;
+            }
+            try {
+                const response = await fetch('/api/auth/profile', {
+                    headers: {
+                        'Authorization': `Bearer ${token}`
+                    }
+                });
+                if (response.status === 401) {
+                    // Token no válido, redirigir al login
+                    window.location.href = '/login';
+                    return;
+                }
+                const data = await response.json();
+                if (data.success && data.user) {
+                    // Actualizar la interfaz con la información del usuario
+                    document.querySelector('.user-name').textContent = data.user.username;
+                    document.querySelector('.user-email').textContent = data.user.email;
+                    // Actualizar otros elementos con la información del usuario
+                    document.querySelector('h1').textContent = `¡Bienvenido, ${data.user.username}!`;
+                    document.getElementById('user-id').textContent = data.user.id;
+                    document.getElementById('user-username').textContent = data.user.username;
+                    document.getElementById('user-email').textContent = data.user.email;
+                    // Actualizar roles
+                    const rolesContainer = document.querySelector('.user-roles ul');
+                    if (rolesContainer && data.user.roles && data.user.roles.length > 0) {
+                        rolesContainer.innerHTML = '';
+                        data.user.roles.forEach(role => {
+                            const li = document.createElement('li');
+                            li.textContent = `${role.name} - ${role.description}`;
+                            rolesContainer.appendChild(li);
+                        });
+                    } else if (rolesContainer) {
+                        rolesContainer.innerHTML = '<li>No tienes roles asignados.</li>';
+                    }
+                    // Actualizar capabilities
+                    const capsContainer = document.querySelector('.capabilities-grid');
+                    if (capsContainer && data.user.allCapabilities && data.user.allCapabilities.length > 0) {
+                        capsContainer.innerHTML = '';
+                        data.user.allCapabilities.forEach(cap => {
+                            const capCard = document.createElement('div');
+                            capCard.className = 'capability-card';
+                            capCard.innerHTML = `
+                                <div class="capability-name">${cap.name}</div>
+                                <div class="capability-desc">${cap.description}</div>
+                                ${cap.resource ? `<div><small>Recurso: ${cap.resource}</small></div>` : ''}
+                                ${cap.action ? `<div><small>Acción: ${cap.action}</small></div>` : ''}
+                            `;
+                            capsContainer.appendChild(capCard);
+                        });
+                    } else if (capsContainer) {
+                        capsContainer.innerHTML = '<p>No tienes capacidades asignadas.</p>';
+                    }
+                    // Cargar datos de carros abandonados
+                    loadAbandonedCarts(token);
+                } else {
+                    // Token no válido, redirigir al login
+                    window.location.href = '/login';
+                }
+            } catch (error) {
+                console.error('Error verificando la sesión:', error);
+                // En caso de error de red, también redirigir al login
+                window.location.href = '/login';
+            }
+        });
+        // Función para cargar datos de carros abandonados
+        async function loadAbandonedCarts(token) {
+            const loadingIndicator = document.getElementById('loadingIndicator');
+            const cartList = document.getElementById('cartList');
+            const noDataMessage = document.getElementById('noDataMessage');
+            try {
+                // Mostrar indicador de carga
+                loadingIndicator.style.display = 'block';
+                noDataMessage.style.display = 'none';
+                // Hacer la solicitud al endpoint protegido
+                const response = await fetch('/api/tracking/completed-carts', {
+                    headers: {
+                        'Authorization': `Bearer ${token}`
+                    }
+                });
+                if (response.status === 401) {
+                    // Token no válido, redirigir al login
+                    alert('Tu sesión ha expirado. Por favor, inicia sesión nuevamente.');
+                    window.location.href = '/login';
+                    return;
+                }
+                const data = await response.json();
+                if (data.rows && data.rows.length > 0) {
+                    // Crear contenido para mostrar los carros abandonados
+                    let cartItemsHtml = '<ul class="cart-list">';
+                    data.rows.slice(0, 10).forEach(cart => { // Mostrar solo los primeros 10
+                        cartItemsHtml += `
+                            <li class="cart-item">
+                                <strong>ID:</strong> ${cart.id} |
+                                <strong>Session:</strong> ${cart.session_id} |
+                                <strong>Fecha:</strong> ${new Date(cart.created_at).toLocaleString()} |
+                                <strong>URL:</strong> ${cart.site_url}
+                            </li>
+                        `;
+                    });
+                    cartItemsHtml += '</ul>';
+                    cartList.innerHTML = cartItemsHtml;
+                    cartList.style.display = 'block';
+                } else {
+                    noDataMessage.textContent = 'No se encontraron carros abandonados.';
+                    noDataMessage.style.display = 'block';
+                }
+            } catch (error) {
+                console.error('Error cargando carros abandonados:', error);
+                noDataMessage.textContent = 'Error al cargar los datos de carros abandonados.';
+                noDataMessage.style.display = 'block';
+            } finally {
+                // Ocultar indicador de carga
+                loadingIndicator.style.display = 'none';
+            }
+        }
+        async function logout() {
+            // Obtener el token de localStorage
+            const token = localStorage.getItem('authToken');
+            if (token) {
+                try {
+                    // Llamar al endpoint de logout para revocar el token
+                    await fetch('/api/auth/logout', {
+                        method: 'POST',
+                        headers: {
+                            'Authorization': `Bearer ${token}`,
+                            'Content-Type': 'application/json'
+                        }
+                    });
+                } catch (error) {
+                    console.error('Error en logout API:', error);
+                    // Continuar con el logout incluso si falla la llamada API
+                }
+            }
+            // Eliminar el token de localStorage
+            localStorage.removeItem('authToken');
+            // Redirigir al login
+            window.location.href = '/login';
+        }
+        // Verificar periodicamente si el token sigue siendo válido
+        setInterval(async () => {
+            const token = localStorage.getItem('authToken');
+            if (token) {
+                try {
+                    const response = await fetch('/api/auth/profile', {
+                        headers: {
+                            'Authorization': `Bearer ${token}`
+                        }
+                    });
+                    if (response.status === 401) {
+                        // Token no válido, redirigir al login
+                        alert('Tu sesión ha expirado. Por favor, inicia sesión nuevamente.');
+                        logout();
+                    }
+                } catch (error) {
+                    console.error('Error verificando la sesión:', error);
+                }
+            }
+        }, 300000); // Verificar cada 5 minutos
+    </script>
+</body>
+</html>

package/test-aplicacion.con-logisession/views/auth/forgot-password.html ADDED Viewed

@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Recuperar Contraseña - BlackCoffee</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        body {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+        .forgot-container {
+            background: white;
+            padding: 40px;
+            border-radius: 10px;
+            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
+            width: 100%;
+            max-width: 450px;
+        }
+        .forgot-header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+        .forgot-header h1 {
+            color: #333;
+            font-size: 28px;
+            margin-bottom: 10px;
+        }
+        .forgot-header p {
+            color: #666;
+            font-size: 14px;
+        }
+        .form-group {
+            margin-bottom: 20px;
+        }
+        .form-group label {
+            display: block;
+            margin-bottom: 8px;
+            color: #333;
+            font-weight: 500;
+        }
+        .form-group input {
+            width: 100%;
+            padding: 12px 15px;
+            border: 2px solid #e1e1e1;
+            border-radius: 5px;
+            font-size: 16px;
+            transition: border-color 0.3s ease;
+        }
+        .form-group input:focus {
+            outline: none;
+            border-color: #667eea;
+        }
+        .btn {
+            width: 100%;
+            padding: 12px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            border: none;
+            border-radius: 5px;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: transform 0.2s ease, box-shadow 0.2s ease;
+        }
+        .btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
+        }
+        .btn:active {
+            transform: translateY(0);
+        }
+        .forgot-footer {
+            text-align: center;
+            margin-top: 20px;
+            color: #666;
+            font-size: 14px;
+        }
+        .forgot-footer a {
+            color: #667eea;
+            text-decoration: none;
+            font-weight: 500;
+        }
+        .forgot-footer a:hover {
+            text-decoration: underline;
+        }
+        .error-message {
+            display: none;
+            background: #fee;
+            color: #c33;
+            padding: 10px;
+            border-radius: 5px;
+            margin-bottom: 15px;
+            text-align: center;
+            font-size: 14px;
+        }
+        .success-message {
+            display: none;
+            background: #efe;
+            color: #363;
+            padding: 10px;
+            border-radius: 5px;
+            margin-bottom: 15px;
+            text-align: center;
+            font-size: 14px;
+        }
+    </style>
+</head>
+<body>
+    <div class="forgot-container">
+        <div class="forgot-header">
+            <h1>Recuperar Contraseña</h1>
+            <p>Ingresa tu email para recibir instrucciones</p>
+        </div>
+        <div id="errorMessage" class="error-message"></div>
+        <div id="successMessage" class="success-message"></div>
+        <form id="forgotForm">
+            <div class="form-group">
+                <label for="email">Email</label>
+                <input type="email" id="email" name="email" required placeholder="Ingresa tu email registrado">
+            </div>
+            <button type="submit" class="btn">Enviar Instrucciones</button>
+        </form>
+        <div class="forgot-footer">
+            <p><a href="/login">Volver al inicio de sesión</a></p>
+        </div>
+    </div>
+    <script>
+        document.getElementById('forgotForm').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const email = document.getElementById('email').value;
+            const errorMessage = document.getElementById('errorMessage');
+            const successMessage = document.getElementById('successMessage');
+            // Validar email
+            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+            if (!emailRegex.test(email)) {
+                errorMessage.textContent = 'Por favor, ingresa un email válido';
+                errorMessage.style.display = 'block';
+                return;
+            }
+            // Ocultar mensajes anteriores
+            errorMessage.style.display = 'none';
+            successMessage.style.display = 'none';
+            try {
+                // Simular envío de solicitud de recuperación de contraseña
+                // En una implementación real, esto haría una llamada a una API
+                // Mostrar mensaje de éxito simulado
+                successMessage.textContent = 'Instrucciones de recuperación enviadas a tu email. Revisa tu bandeja de entrada.';
+                successMessage.style.display = 'block';
+                // Limpiar el formulario
+                document.getElementById('email').value = '';
+                console.log('Solicitud de recuperación de contraseña para:', email);
+            } catch (error) {
+                console.error('Error en la recuperación de contraseña:', error);
+                errorMessage.textContent = 'Error de conexión. Por favor, inténtalo de nuevo.';
+                errorMessage.style.display = 'block';
+            }
+        });
+    </script>
+</body>
+</html>