ronalds
b2398efead
Cambios Realizados Service Worker (public/service-worker.js) ❌ Removido skipWaiting() automático en install ❌ Removido claim() automático en activate ✅ Solo se activa cuando recibe mensaje SKIP_WAITING del usuario App.jsx ✅ Modal se muestra cuando hay actualización ✅ Nueva versión se instala en segundo plano ⏸️ Espera confirmación del usuario ✅ Solo actualiza cuando el usuario presiona el botón ✅ Protección contra recargas múltiples (refreshing flag) Flujo Actualizado Deploy de nueva versión (ej: v1.0.89) Usuario abre la app con versión antigua (v1.0.88) Service Worker detecta nueva versión Descarga en segundo plano la nueva versión Modal aparece → "¡Nueva Actualización!" ⏸️ La app sigue funcionando normalmente 👆 Usuario presiona "🚀 ACTUALIZAR AHORA" Service Worker se activa (skipWaiting) Página se recarga automáticamente ✅ Nueva versión activa Ventajas ✅ Usuario tiene control total ✅ No interrumpe trabajo en curso ✅ Puede terminar inspección antes de actualizar ✅ Modal bloqueante asegura que eventualmente actualice ✅ Actualización instantánea al presionar botón Ahora el usuario DEBE presionar el botón para actualizar! 🎯
68 lines
1.9 KiB
JavaScript
68 lines
1.9 KiB
JavaScript
// Service Worker para PWA con detección de actualizaciones
|
|
// IMPORTANTE: Actualizar esta versión cada vez que se despliegue una nueva versión
|
|
const CACHE_NAME = 'ayutec-v1.0.89';
|
|
const urlsToCache = [
|
|
'/',
|
|
'/index.html'
|
|
];
|
|
|
|
// Instalación del service worker
|
|
self.addEventListener('install', (event) => {
|
|
console.log('Service Worker: Installing version', CACHE_NAME);
|
|
event.waitUntil(
|
|
caches.open(CACHE_NAME)
|
|
.then((cache) => {
|
|
console.log('Service Worker: Caching files');
|
|
return cache.addAll(urlsToCache);
|
|
})
|
|
// NO hacer skipWaiting automáticamente - esperar a que el usuario lo active
|
|
);
|
|
});
|
|
|
|
// Activación del service worker
|
|
self.addEventListener('activate', (event) => {
|
|
console.log('Service Worker: Activating...');
|
|
event.waitUntil(
|
|
caches.keys().then((cacheNames) => {
|
|
return Promise.all(
|
|
cacheNames.map((cacheName) => {
|
|
if (cacheName !== CACHE_NAME) {
|
|
console.log('Service Worker: Deleting old cache:', cacheName);
|
|
return caches.delete(cacheName);
|
|
}
|
|
})
|
|
);
|
|
})
|
|
// NO hacer claim automáticamente - solo cuando el usuario actualice manualmente
|
|
);
|
|
});
|
|
|
|
// Estrategia: Network First, fallback to Cache
|
|
self.addEventListener('fetch', (event) => {
|
|
event.respondWith(
|
|
fetch(event.request)
|
|
.then((response) => {
|
|
// Clone la respuesta
|
|
const responseToCache = response.clone();
|
|
|
|
// Actualizar cache con la nueva respuesta
|
|
caches.open(CACHE_NAME).then((cache) => {
|
|
cache.put(event.request, responseToCache);
|
|
});
|
|
|
|
return response;
|
|
})
|
|
.catch(() => {
|
|
// Si falla la red, usar cache
|
|
return caches.match(event.request);
|
|
})
|
|
);
|
|
});
|
|
|
|
// Mensaje para notificar actualización
|
|
self.addEventListener('message', (event) => {
|
|
if (event.data && event.data.type === 'SKIP_WAITING') {
|
|
self.skipWaiting();
|
|
}
|
|
});
|