feat(realtime): Reacts to visibility changes

cozy · Mar 3, 2020 · 4ce703e · 4ce703e
1 parent a2170a8
commit 4ce703e
Show file tree

Hide file tree

Showing 3 changed files with 116 additions and 91 deletions.
diff --git a/packages/cozy-harvest-lib/test/components/__snapshots__/TriggerManager.spec.js.snap b/packages/cozy-harvest-lib/test/components/__snapshots__/TriggerManager.spec.js.snap
@@ -245,6 +245,7 @@ exports[`TriggerManager when given an oauth konnector should redirect to OAuthFo
         "onOffline": [Function],
         "onOnline": [Function],
         "onResume": [Function],
+        "onVisibilityChange": [Function],
         "onWebSocketClose": [Function],
         "onWebSocketError": [Function],
         "onWebSocketMessage": [Function],

diff --git a/packages/cozy-realtime/src/CozyRealtime.js b/packages/cozy-realtime/src/CozyRealtime.js
@@ -429,6 +429,7 @@ class CozyRealtime {
     // global events
     this.onOnline = this.onOnline.bind(this)
     this.onOffline = this.onOffline.bind(this)
+    this.onVisibilityChange = this.onVisibilityChange.bind(this)
     // cordova events
     this.onDeviceReady = this.onDeviceReady.bind(this)
     this.onResume = this.onResume.bind(this)
@@ -618,6 +619,7 @@ class CozyRealtime {
     if (hasBrowserContext && window.addEventListener) {
       window.addEventListener('online', this.onOnline)
       window.addEventListener('offline', this.onOffline)
+      window.addEventListener('visibilitychange', this.onVisibilityChange)
     }
   }
 
@@ -629,6 +631,7 @@ class CozyRealtime {
     if (hasBrowserContext && window.removeEventListener) {
       window.removeEventListener('online', this.onOnline)
       window.removeEventListener('offline', this.onOffline)
+      window.removeEventListener('visibilitychange', this.onVisibilityChange)
     }
   }
 
@@ -648,6 +651,17 @@ class CozyRealtime {
   onOffline() {
     this.hasWebSocket() && this.revokeWebSocket()
   }
+
+  /**
+   * When the page visibility changes
+   * @private
+   */
+  onVisibilityChange() {
+    if (document.visibilityState && document.visibilityState === 'visible') {
+      // if we have a reconnect waiting, do it immediatly
+      this.retryManager.stopCurrentAttemptWaitingTime()
+    }
+  }
 }
 
 MicroEE.mixin(CozyRealtime)