fix(reactant-share): fix router issue about visible

Author: unadlib

packages/reactant-share/src/client.ts

@@ -8,7 +8,6 @@ import { LastAction } from 'reactant-last-action';
 import { HandleClientOptions } from './interfaces';
 import { lastActionName, proxyServerActionName } from './constants';
 import { PortDetector } from './portDetector';
-import { Router } from './router';
 import { applyMethod } from './applyMethod';
 
 export const handleClient = ({
@@ -32,24 +31,6 @@ export const handleClient = ({
   if (preloadedState) {
     lastAction.sequence = preloadedState[lastAction.stateKey]._sequence;
   }
-  if (!portDetector.sharedAppOptions.forcedSyncClient) {
-    const router: Router = container.get(Router);
-    const visibilitychange = async () => {
-      if (document.visibilityState === 'visible') {
-        portDetector.syncFullState({ forceSync: false });
-        await portDetector.syncFullStatePromise;
-        if (router.toBeRouted) {
-          const fn = router.toBeRouted;
-          router.toBeRouted = null;
-          fn();
-        }
-      }
-    };
-    document.addEventListener('visibilitychange', visibilitychange);
-    disposeListeners.push(() => {
-      document.removeEventListener('visibilitychange', visibilitychange);
-    });
-  }
   disposeListeners.push(
     transport.listen(lastActionName, async (action) => {
       if (portDetector.disableSyncClient) return;

packages/reactant-share/src/router.ts

@@ -48,6 +48,26 @@ class ReactantRouter extends BaseReactantRouter {
       ),
     });
 
+    this.portDetector.onClient(() => {
+      if (!portDetector.sharedAppOptions.forcedSyncClient) {
+        const visibilitychange = async () => {
+          if (document.visibilityState === 'visible') {
+            portDetector.syncFullState({ forceSync: false });
+            await portDetector.syncFullStatePromise;
+            if (this.toBeRouted) {
+              const fn = this.toBeRouted;
+              this.toBeRouted = null;
+              fn();
+            }
+          }
+        };
+        document.addEventListener('visibilitychange', visibilitychange);
+        return () => {
+          document.removeEventListener('visibilitychange', visibilitychange);
+        };
+      }
+    });
+
     // #region sync init router from clients in Worker mode
     this.portDetector.onServer((transport) => {
       if (this.portDetector.isWorkerMode) {