feat(pouch-link): Allow to inject an isOnline method in CozyPouchLink

In previous commit we added a `platform` option into the PouchLink
constructor in order to allow injecting custom local storage API and
PouchDB adapter from a react-native project

We also want to inject a custom `isOnline` method as react-native does
not provide the `window.navigator.onLine` API

Like for the other APIs, if no injection is given, then
`window.navigator.onLine` will be used by default

Author: Ldoppea

packages/cozy-pouch-link/src/PouchManager.js

@@ -40,6 +40,7 @@ class PouchManager {
       options.platform?.storage || platformWeb.storage
     )
     this.PouchDB = options.platform?.pouchAdapter || platformWeb.pouchAdapter
+    this.isOnline = options.platform?.isOnline || platformWeb.isOnline
   }
 
   async init() {
@@ -174,7 +175,7 @@ class PouchManager {
 
   /** Starts replication */
   async replicateOnce() {
-    if (!window.navigator.onLine) {
+    if (!(await this.isOnline())) {
       logger.info(
         'PouchManager: The device is offline so the replication has been skipped'
       )

packages/cozy-pouch-link/src/platformWeb.js

@@ -12,7 +12,12 @@ const storage = {
   }
 }
 
+const isOnline = async () => {
+  return window.navigator.onLine
+}
+
 export const platformWeb = {
   storage,
-  pouchAdapter: PouchDB
+  pouchAdapter: PouchDB,
+  isOnline
 }

packages/cozy-pouch-link/src/types.js

@@ -26,6 +26,7 @@
  * @typedef {object} LinkPlatform
  * @property {LocalStorage} storage Methods to access local storage
  * @property {any} pouchAdapter PouchDB class (can be pouchdb-core or pouchdb-browser)
+ * @property {function(): Promise<boolean>} isOnline Method that check if the app is connected to internet
  */
 
 export default {}