--- a/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\Assets\\sw.js
+++ b/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\Assets\\sw.js
@@ -1,18 +1,30 @@
-const CACHE_NAME = 'alimpiezas-mobile-v2';
+const CACHE_NAME = 'alimpiezas-mobile-v3';
const CORE_ASSETS = [
'/ALimpiezas/Dinamic/Assets/CSS/mobile.css',
'/ALimpiezas/Dinamic/Assets/JS/mobile.js',
- '/ALimpiezas/Dinamic/Assets/JS/voice.js'
+ '/ALimpiezas/Dinamic/Assets/JS/voice.js',
+ '/ALimpiezas/Dinamic/Assets/JS/help-guide.js'
];
+/** JS/CSS: red primero para no quedar bloqueado con código antiguo. */
+const NETWORK_FIRST = /\\/Dinamic\\/Assets\\/(?:JS|CSS)\\//;
+
self.addEventListener('install', (event) => {
event.waitUntil(
- caches.open(CACHE_NAME).then((cache) => cache.addAll(CORE_ASSETS)).then(() => self.skipWaiting())
+ caches.open(CACHE_NAME)
+ .then((cache) => cache.addAll(CORE_ASSETS))
+ .then(() => self.skipWaiting())
);
});
self.addEventListener('activate', (event) => {
- event.waitUntil(self.clients.claim());
+ event.waitUntil(
+ caches.keys()
+ .then((keys) => Promise.all(
+ keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key))
+ ))
+ .then(() => self.clients.claim())
+ );
});
self.addEventListener('fetch', (event) => {
@@ -20,6 +32,23 @@
return;
}
+ const url = event.request.url;
+
+ if (NETWORK_FIRST.test(url)) {
+ event.respondWith(
+ fetch(event.request)
+ .then((response) => {
+ if (response && response.status === 200) {
+ const copy = response.clone();
+ caches.open(CACHE_NAME).then((cache) => cache.put(event.request, copy));
+ }
+ return response;
+ })
+ .catch(() => caches.match(event.request))
+ );
+ return;
+ }
+
event.respondWith(
caches.match(event.request).then((cached) => cached || fetch(event.request))
);
--- a/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\View\\Master\\MobileLayout.html.twig
+++ b/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\View\\Master\\MobileLayout.html.twig
@@ -14,7 +14,7 @@
<title>{{ fsc.title }}</title>
<link rel=\"stylesheet\" href=\"{{ asset('node_modules/bootstrap/dist/css/bootstrap.min.css') }}\">
<link rel=\"stylesheet\" href=\"{{ asset('node_modules/@fortawesome/fontawesome-free/css/all.min.css') }}\">
- <link rel=\"stylesheet\" href=\"{{ asset('Dinamic/Assets/CSS/mobile.css') }}\">
+ <link rel=\"stylesheet\" href=\"{{ asset('Dinamic/Assets/CSS/mobile.css') }}?v=20260625c\">
{% block head %}{% endblock %}
</head>
<body class=\"mobile-app\">