refactor(reactant-share): refactor syncFullState

Author: unadlib

README.md

@@ -60,8 +60,7 @@ yarn start
 
 ---
 
-Reactant is very easy to get Started.
-You can try Reactant by visiting the [online project](https://stackblitz.com/edit/reactant-ts).
+Reactant is very easy to get started. You can try Reactant by visiting the [online demo](https://stackblitz.com/edit/reactant-ts).
 
 Here is the counter example:
 

packages/reactant-share/src/portDetector.ts

@@ -250,7 +250,10 @@ export class PortDetector {
     if (forceSync) {
       this.syncFullStatePromise = undefined;
     }
-    if (this.syncFullStatePromise) return;
+    if (this.syncFullStatePromise) {
+      await this.syncFullStatePromise;
+      return;
+    }
     if (typeof this.transports.client === 'undefined') {
       throw new Error(`The current client transport does not exist.`);
     }

packages/reactant-share/src/router.ts

@@ -52,8 +52,7 @@ class ReactantRouter extends BaseReactantRouter {
       if (!this.portDetector.sharedAppOptions.forcedSyncClient) {
         const visibilitychange = async () => {
           if (document.visibilityState === 'visible') {
-            this.portDetector.syncFullState({ forceSync: false });
-            await this.portDetector.syncFullStatePromise;
+            await this.portDetector.syncFullState({ forceSync: false });
             if (this.toBeRouted) {
               const fn = this.toBeRouted;
               this.toBeRouted = null;