From 79fa7984a192241d2f0ab94d6bb9eb4ef4f20356 Mon Sep 17 00:00:00 2001
From: consultoria-as <ialcarazsalazar@consultoria-as.com>
Date: Thu, 14 May 2026 22:26:42 +0000
Subject: [PATCH] feat(sw): auto-reload page when service worker updates

Add updatefound listener in catalog.html that reloads the page
automatically when a new service worker is activated. This ensures
users get the latest HTML and JS without manual hard refresh.
---
 pos/templates/catalog.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/pos/templates/catalog.html b/pos/templates/catalog.html
index a470b88..0a9f7b2 100644
--- a/pos/templates/catalog.html
+++ b/pos/templates/catalog.html
@@ -293,7 +293,20 @@
   <script src="/pos/static/js/chat.js" defer></script>
   <script src="/pos/static/js/sync-engine.js" defer></script>
   <script src="/pos/static/js/onboarding.js" defer></script>
-  <script>if('serviceWorker' in navigator){navigator.serviceWorker.register('/pos/sw.js',{scope:'/pos/'});}</script>
+  <script>
+    if('serviceWorker' in navigator){
+      navigator.serviceWorker.register('/pos/sw.js',{scope:'/pos/'}).then(function(reg){
+        reg.addEventListener('updatefound', function(){
+          var newWorker = reg.installing;
+          newWorker.addEventListener('statechange', function(){
+            if(newWorker.state === 'activated'){
+              window.location.reload();
+            }
+          });
+        });
+      });
+    }
+  </script>
   <script src="/pos/static/js/pwa-install.js" defer></script>
   <script src="/pos/static/js/brand-catalog.js?v=3" defer></script>
 </body>