feat: avoid refreshing if already on latest app version

powerhouse-inc · Sep 19, 2024 · e4c753d · e4c753d
1 parent 171c2ec
commit e4c753d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/service-worker.ts b/src/service-worker.ts
@@ -22,6 +22,7 @@ _self.addEventListener('activate', (event: ExtendableEvent) => {
 
 export type NEW_VERSION_AVAILABLE_MESSAGE = {
     type: 'NEW_VERSION_AVAILABLE';
+    version: string;
     requiresHardRefresh: boolean;
 };
 
@@ -56,19 +57,20 @@ async function checkAppVersion(version: string, requiresHardRefresh: boolean) {
             await cache.put(VERSION_KEY, new Response(version));
 
             // Update clients
-            await updateClients(requiresHardRefresh);
+            await updateClients(version, requiresHardRefresh);
         }
     } catch (error) {
         console.error('Error checking version:', error);
     }
 }
 
-async function updateClients(requiresHardRefresh: boolean) {
+async function updateClients(version: string, requiresHardRefresh: boolean) {
     await _self.clients.claim();
     const clients = await _self.clients.matchAll();
     clients.forEach(client => {
         postMessage(client, {
             type: 'NEW_VERSION_AVAILABLE',
+            version,
             requiresHardRefresh,
         });
     });

diff --git a/src/utils/registerServiceWorker.ts b/src/utils/registerServiceWorker.ts
@@ -42,10 +42,14 @@ class ServiceWorkerManager {
             'type' in event.data ? (event as ServiceWorkerMessage) : null;
         switch (message?.data.type) {
             case 'NEW_VERSION_AVAILABLE': {
+                if (message.data.version === connectConfig.appVersion) {
+                    return;
+                }
                 if (message.data.requiresHardRefresh) {
                     if (this.debug) {
                         console.log('New version available');
                     }
+
                     window.location.reload(); // Reload the page to load the new version
                 }
                 break;