fix: version 2.18.3 -- F5 normal ya no muestra la version anterior tras actualizar
El service worker servia index.html desde su precache en cada navegacion. Navegaciones pasan a NetworkFirst (cache solo offline), serve.json agrega no-cache a html/sw.js e immutable a /assets, y se chequean actualizaciones del SW cada 30 min y al volver a la pestaña. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "project-linkedcorp-frontend",
|
||||
"private": true,
|
||||
"version": "2.18.2",
|
||||
"version": "2.18.3",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
|
||||
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"headers": [
|
||||
{
|
||||
"source": "**/*.@(html|webmanifest)",
|
||||
"headers": [{ "key": "Cache-Control", "value": "no-cache" }]
|
||||
},
|
||||
{
|
||||
"source": "@(sw.js|registerSW.js|workbox-*.js)",
|
||||
"headers": [{ "key": "Cache-Control", "value": "no-cache" }]
|
||||
},
|
||||
{
|
||||
"source": "assets/**",
|
||||
"headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }]
|
||||
}
|
||||
]
|
||||
}
|
||||
+11
-1
@@ -9,7 +9,17 @@ import './styles/app.css';
|
||||
installGlobalErrorReporter();
|
||||
// autoUpdate: toma la version nueva del service worker sola en cuanto esta lista, sin pedirle
|
||||
// nada al usuario (no hay riesgo de mostrar una version vieja de la UI por mucho tiempo).
|
||||
registerSW({ immediate: true });
|
||||
registerSW({
|
||||
immediate: true,
|
||||
// Ademas de al cargar, revisa si hay version nueva cada 30 min y al volver a la pestaña --
|
||||
// asi una pestaña abierta todo el dia no se queda en la version anterior.
|
||||
onRegisteredSW(_url, registration) {
|
||||
if (!registration) return;
|
||||
const check = () => registration.update().catch(() => {});
|
||||
setInterval(check, 30 * 60 * 1000);
|
||||
document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') check(); });
|
||||
},
|
||||
});
|
||||
|
||||
// skipWaiting+clientsClaim (activados por autoUpdate) hacen que el service worker nuevo tome
|
||||
// control solo, pero eso NO refresca la pagina ya abierta -- el usuario seguia viendo JS/CSS
|
||||
|
||||
@@ -31,6 +31,19 @@ export default defineConfig({
|
||||
// index.html cacheado) queda excluido de /api de forma explicita, aunque de por si esas
|
||||
// llamadas no son navegaciones de pagina.
|
||||
navigateFallbackDenylist: [/^\/api\//],
|
||||
// index.html NUNCA sale del precache en una navegacion: si no, un F5 (sin Ctrl) mostraba
|
||||
// la version vieja hasta la recarga siguiente. Las navegaciones van a la red primero
|
||||
// (con 3 s de espera) y solo usan cache si no hay conexion. Los JS/CSS siguen
|
||||
// precacheados: llevan hash en el nombre, asi que nunca se mezclan versiones.
|
||||
navigateFallback: null,
|
||||
runtimeCaching: [
|
||||
{
|
||||
urlPattern: ({ request, url }) => request.mode === 'navigate' && !url.pathname.startsWith('/api/'),
|
||||
handler: 'NetworkFirst',
|
||||
options: { cacheName: 'pages', networkTimeoutSeconds: 3 },
|
||||
},
|
||||
],
|
||||
cleanupOutdatedCaches: true,
|
||||
},
|
||||
}),
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user