Add page reload when resuming Blazor circuit fails

Author: oroztocil

src/Components/Web.JS/src/Platform/Circuits/DefaultReconnectDisplay.ts

@@ -133,9 +133,10 @@ export class DefaultReconnectDisplay implements ReconnectDisplay {
       this.status.innerHTML = 'Failed to rejoin.<br />Please retry or reload the page.';
       this.document.addEventListener('visibilitychange', this.retryWhenDocumentBecomesVisible);
     } else {
-      this.status.innerHTML = 'Failed to resume the session.<br />Please reload the page.';
-      this.resumeButton.style.display = 'none';
-      this.reloadButton.style.display = 'none';
+      // Resuming circuit failed, last resort is to reload the page.
+      // This enables automatic reconnection (with empty state) when the server is restarted,
+      // e.g. during local development.
+      location.reload();
     }
   }
 

src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/ReconnectModal.razor.js

@@ -15,7 +15,7 @@ function handleReconnectStateChanged(event) {
         reconnectModal.close();
     } else if (event.detail.state === "failed") {
         document.addEventListener("visibilitychange", retryWhenDocumentBecomesVisible);
-    } else if (event.detail.state === "rejected") {
+    } else if (event.detail.state === "rejected" || event.detail.state === "resume-failed") {
         location.reload();
     }
 }