issue 887: fixed auto reloading and enable background reloading

app/renderer/js/utils/reconnect-util.ts

@@ -13,13 +13,18 @@ export default class ReconnectUtil {
   url: string;
   alreadyReloaded: boolean;
   fibonacciBackoff: backoff.Backoff;
+  webview: WebView;
 
   constructor(webview: WebView) {
     this.url = webview.properties.url;
     this.alreadyReloaded = false;
+    this.webview = webview;
+
+    // Improve backoff settings with jitter
     this.fibonacciBackoff = backoff.fibonacci({
       initialDelay: 5000,
       maxDelay: 300_000,
+      randomisationFactor: 0.3, // Add jitter
     });
   }
 
@@ -38,28 +43,40 @@ export default class ReconnectUtil {
     });
   }
 
-  async _checkAndReload(): Promise<boolean> {
+  private async _checkAndReload(): Promise<boolean> {
     if (this.alreadyReloaded) {
       return true;
     }
 
     if (await this.isOnline()) {
-      ipcRenderer.send("forward-message", "reload-viewer");
+      // Reload the webview without forcing navigation
+      await this._reloadWebviewInBackground();
       logger.log("You're back online.");
       return true;
     }
 
     logger.log(
       "There is no internet connection, try checking network cables, modem and router.",
     );
+    this._updateErrorMessage();
+    return false;
+  }
+
+  private async _reloadWebviewInBackground(): Promise<void> {
+    try {
+      this.webview.reload();
+    } catch (error) {
+      logger.error("Failed to reload webview:", error);
+    }
+  }
+
+  private _updateErrorMessage(): void {
     const errorMessageHolder = document.querySelector("#description");
     if (errorMessageHolder) {
       errorMessageHolder.innerHTML = html`
         <div>Your internet connection doesn't seem to work properly!</div>
         <div>Verify that it works and then click try again.</div>
       `.html;
     }
-
-    return false;
   }
 }

package.json

@@ -177,7 +177,7 @@
     "node-json-db": "^1.3.0",
     "playwright-core": "^1.41.0-alpha-jan-9-2024",
     "pre-commit": "^1.2.2",
-    "prettier": "^3.0.3",
+    "prettier": "^3.3.3",
     "semver": "^7.3.5",
     "stylelint": "^16.1.0",
     "stylelint-config-standard": "^36.0.0",