feat: Add "Force sync" button for debuging purpose

src/App.tsx

@@ -13,7 +13,7 @@ Minilog.enable()
 
 const App = (): JSX.Element => {
   const client = useClient()
-  const { workerState } = useSharedWorker()
+  const { worker, workerState } = useSharedWorker()
 
   return (
     <div className="content">
@@ -28,6 +28,13 @@ const App = (): JSX.Element => {
           </p>
         )
       })}
+      <button
+        onClick={() => {
+          worker.forceSyncPouch()
+        }}
+      >
+        Force sync
+      </button>
     </div>
   )
 }

src/dataproxy/common/DataProxyInterface.ts

@@ -4,6 +4,7 @@ import type { ClientCapabilities } from 'cozy-client/types/types'
 export interface DataProxyWorker {
   search: (query: string) => unknown
   setup: (clientData: ClientData) => Promise<void>
+  forceSyncPouch: () => void
 }
 
 export interface DataProxyWorkerPartialState {

src/dataproxy/worker/shared-worker.ts

@@ -89,6 +89,18 @@ const dataProxy: DataProxyWorker = {
     const endSearchTime = performance.now()
     log.debug(`Search took ${endSearchTime - startSearchTime} ms`)
     return results
+  },
+
+  forceSyncPouch: () => {
+    if (!client) {
+      throw new Error(
+        'Client is required to execute a forceSyncPouch, please initialize CozyClient'
+      )
+    }
+    const pouchLink = getPouchLink(client)
+    if (pouchLink) {
+      pouchLink.startReplication()
+    }
   }
 }