From 1f73aa3b87aad91f312510e2b7228d8d1cab24fb Mon Sep 17 00:00:00 2001
From: Yasien Mac Mini <yasienmeth@gmail.com>
Date: Fri, 14 Nov 2025 12:47:15 +0200
Subject: [PATCH] web load v2

---
 Frontend/web/index.html | 187 ++++++++++++++++++++--------------------
 1 file changed, 93 insertions(+), 94 deletions(-)

diff --git a/Frontend/web/index.html b/Frontend/web/index.html
index 27d81740..704d4df0 100644
--- a/Frontend/web/index.html
+++ b/Frontend/web/index.html
@@ -363,111 +363,110 @@
   </script>
   <script defer="">
     var serviceWorkerVersion = '{{flutter_service_worker_version}}';
-    var scriptLoaded = false;
+    var scriptLoaded = false;
 
-    function loadMainDartJs() {
-      console.log('Loading app...');
-      if (scriptLoaded) {
-        return;
-      }
-      scriptLoaded = true;
-      {{flutter_js}}
-      {{flutter_build_config}}
-      _flutter.loader.load({
-        serviceWorker: {
-          serviceWorkerVersion: serviceWorkerVersion,
-        },
-        onEntrypointLoaded: function (engineInitializer) {
-          engineInitializer.initializeEngine().then(function (appRunner) {
-            appRunner.runApp();
-          });
-        }
-      });
-    }
+    function loadMainDartJs() {
+      console.log('Loading app...');
+      if (scriptLoaded) {
+        return;
+      }
+      scriptLoaded = true;
+      {{flutter_js}}
+      {{flutter_build_config}}
+      _flutter.loader.load({
+        serviceWorker: {
+          serviceWorkerVersion: serviceWorkerVersion,
+        },
+        onEntrypointLoaded: function (engineInitializer) {
+          engineInitializer.initializeEngine().then(function (appRunner) {
+            appRunner.runApp();
+          });
+        }
+      });
+    }
 
-    // Helper function to strip quotes from the version placeholder
-    function getCleanVersion(version) {
-      return version.replace(/"/g, '');
-    }
-    
-    if ('serviceWorker' in navigator) {
-      var startLoad = new Date();
-      // Service workers are supported. Use them.
-      window.addEventListener('load', function () {
-        var cleanServiceWorkerVersion = getCleanVersion(serviceWorkerVersion);
-        var serviceWorkerUrl = 'flutter_service_worker.js?v=' + cleanServiceWorkerVersion;
+    // Helper function to strip quotes from the version placeholder
+    function getCleanVersion(version) {
+      return version.replace(/"/g, '');
+    }
 
-        navigator.serviceWorker.register(serviceWorkerUrl)
-          .then((reg) => {
-            function waitForActivation(serviceWorker) {
-              serviceWorker.addEventListener('statechange', () => {
-                if (serviceWorker.state == 'activated') {
-                  console.log('Installed new service worker.');
-                  loadMainDartJs();
-                  // Optional: Prompt user to reload for the new version to take effect
-                  // The user is currently running the OLD cached version of the app.
-                  // This prompt is generally preferred over the previous logic.
-                  if (navigator.serviceWorker.controller) {
-                    // Only prompt if this isn't the first time loading.
-                    console.log('New app version activated. Prompting for reload.');
-                    // You can replace this confirm with a better UI notification.
-                    if (confirm('A new version of the app is available. Refresh now to update?')) {
-                      window.location.reload();
-                    }
-                  }
-                }
-              });
-            }
+    if ('serviceWorker' in navigator) {
+      var startLoad = new Date();
+      // Service workers are supported. Use them.
+      window.addEventListener('load', function () {
+        var cleanServiceWorkerVersion = getCleanVersion(serviceWorkerVersion);
+        var serviceWorkerUrl = 'flutter_service_worker.js?v=' + cleanServiceWorkerVersion;
 
-            const currentSWVersion = reg.active ? reg.active.scriptURL.split("=")[1].replaceAll("%22", "") : null;
-            console.log('Active Service Worker URL: ' + (reg.active ? reg.active.scriptURL : 'None'));
-            console.log('Latest Service Worker Version: ' + cleanServiceWorkerVersion);
-            console.log('Active Service Worker Version: ' + (currentSWVersion || 'None'));
-            const isMatch = currentSWVersion === cleanServiceWorkerVersion;
-            console.log('Latest Service Worker Installed: ' + isMatch);
+        navigator.serviceWorker.register(serviceWorkerUrl)
+          .then((reg) => {
+            function waitForActivation(serviceWorker, isFirstTimeInstall) {
+              serviceWorker.addEventListener('statechange', () => {
+                if (serviceWorker.state == 'activated') {
+                  console.log('Installed new service worker.');
+                  loadMainDartJs();
+                  
+                  // Only prompt if this is NOT the first time installing (i.e., returning user)
+                  if (!isFirstTimeInstall && navigator.serviceWorker.controller) {
+                    console.log('New app version activated. Prompting for reload.');
+                    // You can replace this confirm with a better UI notification.
+                    if (confirm('A new version of the app is available. Refresh now to update?')) {
+                      window.location.reload();
+                    }
+                  } else if (isFirstTimeInstall) {
+                    console.log('First time install - skipping reload prompt.');
+                  }
+                }
+              });
+            }
+
+            const currentSWVersion = reg.active ? reg.active.scriptURL.split("=")[1].replaceAll("%22", "") : null;
+            console.log('Active Service Worker URL: ' + (reg.active ? reg.active.scriptURL : 'None'));
+            console.log('Latest Service Worker Version: ' + cleanServiceWorkerVersion);
+            console.log('Active Service Worker Version: ' + (currentSWVersion || 'None'));
+            const isMatch = currentSWVersion === cleanServiceWorkerVersion;
+            console.log('Latest Service Worker Installed: ' + isMatch);
             
-            if (!reg.active && (reg.installing || reg.waiting)) {
-              // First time load: wait for activation.
-              console.log('No Service Worker Available - Installing New Service Worker.');
-              waitForActivation(reg.installing || reg.waiting);
-            } else if (!isMatch) {
-              // New version available: force update.
-              console.log('New service worker available. Updating and waiting for activation.');
-              reg.update();
-              waitForActivation(reg.installing);
-            } else {
-              // Existing service worker is still good.
-              console.log('Service Worker up-to-date, Loading app.');
-              loadMainDartJs();
-            }
-          })
+            if (!reg.active && (reg.installing || reg.waiting)) {
+              // First time load: wait for activation but don't prompt.
+              console.log('No Service Worker Available - Installing New Service Worker.');
+              waitForActivation(reg.installing || reg.waiting, true); // true = first time install
+            } else if (!isMatch) {
+              // New version available: force update (returning user).
+              console.log('New service worker available. Updating and waiting for activation.');
+              reg.update();
+              waitForActivation(reg.installing, false); // false = not first time
+            } else {
+              // Existing service worker is still good.
+              console.log('Service Worker up-to-date, Loading app.');
+              loadMainDartJs();
+            }
+          })
           .catch((error) => {
               console.error('Service Worker registration failed:', error);
               loadMainDartJs(); // Fallback if registration fails completely
           });
 
 
-        // If service worker doesn't succeed in a reasonable amount of time,
-        // fallback to plain <script> tag.
-        setTimeout(() => {
-          if (!scriptLoaded) {
-            console.warn(
-              'Failed to load app from a service worker. Falling back to plain <script> tag.',
-            );
-            loadMainDartJs();
-          }
-        }, 500);
-        var finishLoad = new Date();
-        var loadTime = (finishLoad.getTime() - startLoad.getTime());
-        console.log("Load Time: " + loadTime);
-      });
-    }
-    else {
-      // Service workers not supported. Just drop the <script> tag.
-      console.log('Service Workers Not Supported. Loading app directly.');
-      loadMainDartJs();
-    }
-
+        // If service worker doesn't succeed in a reasonable amount of time,
+        // fallback to plain <script> tag.
+        setTimeout(() => {
+          if (!scriptLoaded) {
+            console.warn(
+              'Failed to load app from a service worker. Falling back to plain <script> tag.',
+            );
+            loadMainDartJs();
+          }
+        }, 500);
+        var finishLoad = new Date();
+        var loadTime = (finishLoad.getTime() - startLoad.getTime());
+        console.log("Load Time: " + loadTime);
+      });
+    }
+    else {
+      // Service workers not supported. Just drop the <script> tag.
+      console.log('Service Workers Not Supported. Loading app directly.');
+      loadMainDartJs();
+    }
   </script>