From 39c60dd3443e261abb49191f37cea893938c73e1 Mon Sep 17 00:00:00 2001
From: Marco Gallegos <marco.gallegos@outlook.com>
Date: Fri, 15 Aug 2025 15:37:26 +0000
Subject: [PATCH] Actualiza app POS: index, server, print y lockfile

---
 ap-pos/app.js     | 12 ++++++++----
 ap-pos/index.html |  1 +
 ap-pos/print.js   | 23 ++++++++---------------
 ap-pos/server.js  |  8 ++++++--
 package-lock.json |  6 ++++++
 5 files changed, 29 insertions(+), 21 deletions(-)
 create mode 100644 package-lock.json

diff --git a/ap-pos/app.js b/ap-pos/app.js
index 3a97c25..366d3e7 100644
--- a/ap-pos/app.js
+++ b/ap-pos/app.js
@@ -162,8 +162,13 @@ async function saveClient(clientData) {
 
   await save('clients', { client: clientToSave });
 
-  // Volver a cargar los clientes desde el servidor para asegurar consistencia
-  clients = await load(KEY_CLIENTS, []);
+  // Optimización: en lugar de recargar, actualizamos el estado local.
+  if (isUpdate) {
+    const index = clients.findIndex(c => c.id === clientToSave.id);
+    if (index > -1) clients[index] = clientToSave;
+  } else {
+    clients.unshift(clientToSave); // Añadir al principio para que aparezca primero
+  }
   
   renderClientsTable();
   updateClientDatalist();
@@ -785,7 +790,7 @@ async function initializeApp() {
 
   tipoServicioSelect?.addEventListener('change', (e) => {
     const subtipoContainer = document.getElementById('m-subtipo-container');
-    const servicesWithSubtype = ['Microblading', 'Lashes', 'Nail Art'];
+    const servicesWithSubtype = ['Microblading', 'Lashes', 'Nail Art', 'Lash Lifting'];
     subtipoContainer.classList.toggle('hidden', !servicesWithSubtype.includes(e.target.value));
   });
 
@@ -825,4 +830,3 @@ async function initializeApp() {
 
 
 document.addEventListener('DOMContentLoaded', initializeApp);
-
diff --git a/ap-pos/index.html b/ap-pos/index.html
index ded21ef..220001b 100644
--- a/ap-pos/index.html
+++ b/ap-pos/index.html
@@ -88,6 +88,7 @@
               <option value="Microblading">Microblading</option>
               <option value="Lashes">Lashes</option>
               <option value="Nail Art">Nail Art</option>
+              <option value="Lash Lifting">Lash Lifting</option>
               <option value="Pago">Pago</option>
             </select>
             <div id="m-subtipo-container" class="hidden">
diff --git a/ap-pos/print.js b/ap-pos/print.js
index d797ce4..41fe9ce 100644
--- a/ap-pos/print.js
+++ b/ap-pos/print.js
@@ -82,7 +82,7 @@ function templateTicket(mov, settings) {
  * @param {object} mov El objeto del movimiento.
  * @param {object} settings El objeto de configuración.
  */
-export function renderTicketAndPrint(mov, settings) {
+export async function renderTicketAndPrint(mov, settings) {
   const printArea = document.getElementById('printArea');
   if (!printArea) {
     console.error("El área de impresión #printArea no se encontró.");
@@ -98,25 +98,18 @@ export function renderTicketAndPrint(mov, settings) {
     const canvas = document.getElementById('qr-canvas');
     if (!canvas) {
       console.error("El canvas del QR #qr-canvas no se encontró. Se imprimirá sin QR.");
-      setTimeout(() => window.print(), 100); // Imprimir sin QR
+      window.print(); // Imprimir sin QR de inmediato
       return;
     }
 
     // 3. Generar el código QR
     const qrUrl = 'http://vanityexperience.mx/qr';
-    QRCode.toCanvas(canvas, qrUrl, { width: 140, margin: 1 }, function (error) {
-      if (error) {
-        console.error('Error al generar el código QR:', error);
-        // Ocultar el canvas si hay error y proceder a imprimir
-        canvas.style.display = 'none';
-      }
-      
-      // 4. Llamar a la impresión después de un breve timeout
-      // Esto asegura que el navegador haya tenido tiempo de renderizar el QR
-      setTimeout(() => {
-        window.print();
-      }, 150);
-    });
+    await QRCode.toCanvas(canvas, qrUrl, { width: 140, margin: 1 });
+
+    // 4. Llamar a la impresión.
+    // El `await` anterior asegura que el QR ya está renderizado.
+    // Un pequeño timeout puede seguir siendo útil para asegurar que el navegador "pinte" el canvas en la pantalla.
+    requestAnimationFrame(() => window.print());
 
   } catch (error) {
     console.error("Error al intentar imprimir:", error);
diff --git a/ap-pos/server.js b/ap-pos/server.js
index 736296b..156f9b3 100644
--- a/ap-pos/server.js
+++ b/ap-pos/server.js
@@ -14,12 +14,16 @@ app.use(cors());
 app.use(express.json());
 app.use(express.static(__dirname)); // Servir archivos estáticos como CSS, JS, etc.
 
+// Cargar una clave secreta desde variables de entorno o usar una por defecto (solo para desarrollo)
+const SESSION_SECRET = process.env.SESSION_SECRET || 'your-very-secret-key-change-it';
+const IN_PROD = process.env.NODE_ENV === 'production';
+
 // Session Middleware
 app.use(session({
-  secret: 'your-very-secret-key-change-it', // Cambia esto por una clave secreta real
+  secret: SESSION_SECRET,
   resave: false,
   saveUninitialized: false,
-  cookie: { secure: false, httpOnly: true, maxAge: 24 * 60 * 60 * 1000 } // `secure: true` en producción con HTTPS
+  cookie: { secure: IN_PROD, httpOnly: true, maxAge: 24 * 60 * 60 * 1000 } // `secure: true` en producción con HTTPS
 }));
 
 // --- DATABASE INITIALIZATION ---
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..d7d08ae
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "ap_pos",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}