Blazor Server - Auto reconnect on mobile browsers

src/Components/Web.JS/src/Boot.Server.ts

@@ -43,6 +43,7 @@ async function boot(userOptions?: Partial<CircuitStartOptions>): Promise<void> {
     const reconnection = existingConnection || await initializeConnection(options, logger, circuit);
     if (!(await circuit.reconnect(reconnection))) {
       logger.log(LogLevel.Information, 'Reconnection attempt to the circuit was rejected by the server. This may indicate that the associated state is no longer available on the server.');
+      options.reconnectionHandler?.onConnectionRejected?.(options.reconnectionOptions);
       return false;
     }
 

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

@@ -26,11 +26,13 @@ export interface ReconnectionOptions {
   maxRetries: number;
   retryIntervalMilliseconds: number;
   dialogId: string;
+  reloadOnCircuitRejected: boolean;
 }
 
 export interface ReconnectionHandler {
   onConnectionDown(options: ReconnectionOptions, error?: Error): void;
   onConnectionUp(): void;
+  onConnectionRejected?(options: ReconnectionOptions): void;
 }
 
 const defaultOptions: CircuitStartOptions = {
@@ -41,5 +43,6 @@ const defaultOptions: CircuitStartOptions = {
     maxRetries: 8,
     retryIntervalMilliseconds: 20000,
     dialogId: 'components-reconnect-modal',
+    reloadOnCircuitRejected: false,
   },
 };

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

@@ -42,11 +42,15 @@ export class DefaultReconnectionHandler implements ReconnectionHandler {
       this._currentReconnectionProcess = null;
     }
   }
-}
 
-class ReconnectionProcess {
-  static readonly MaximumFirstRetryInterval = 3000;
+  onConnectionRejected(options: ReconnectionOptions) {
+    if (options.reloadOnCircuitRejected) {
+      location.reload();
+    }
+  }
+};
 
+class ReconnectionProcess {
   readonly reconnectDisplay: ReconnectDisplay;
 
   isDisposed = false;
@@ -65,12 +69,6 @@ class ReconnectionProcess {
   async attemptPeriodicReconnection(options: ReconnectionOptions) {
     for (let i = 0; i < options.maxRetries; i++) {
       this.reconnectDisplay.update(i + 1);
-
-      const delayDuration = i === 0 && options.retryIntervalMilliseconds > ReconnectionProcess.MaximumFirstRetryInterval
-        ? ReconnectionProcess.MaximumFirstRetryInterval
-        : options.retryIntervalMilliseconds;
-      await this.delay(delayDuration);
-
       if (this.isDisposed) {
         break;
       }
@@ -91,6 +89,7 @@ class ReconnectionProcess {
         // We got an exception so will try again momentarily
         this.logger.log(LogLevel.Error, err as Error);
       }
+      await this.delay(options.retryIntervalMilliseconds);
     }
 
     this.reconnectDisplay.failed();