@shuvi/platform-shared 2.0.0-dev.35 → 2.0.0-dev.37

package/esm/shared/application.js

@@ -12,6 +12,29 @@ import { initPlugins } from './runtimPlugin';
 import { doura } from 'doura';
 import { errorModel, errorModelName } from './models/error';
 import { loaderModel, loaderModelName } from './models/loader';
+// MessageChannel is not clamped like nested setTimeout; scheduler.yield is used where available.
+const yieldToMain = () => {
+    if (typeof window === 'undefined' ||
+        !process.env.__SHUVI__HYDRATE_IN_TRANSITION__) {
+        return Promise.resolve();
+    }
+    const scheduler = globalThis.scheduler;
+    if (scheduler === null || scheduler === void 0 ? void 0 : scheduler.yield) {
+        return scheduler.yield();
+    }
+    return new Promise(resolve => {
+        if (typeof MessageChannel === 'undefined') {
+            setTimeout(resolve, 0);
+            return;
+        }
+        const channel = new MessageChannel();
+        channel.port1.onmessage = () => {
+            channel.port1.close();
+            resolve();
+        };
+        channel.port2.postMessage(null);
+    });
+};
 export class ApplicationImpl {
     constructor(options) {
         this._config = options.config;
@@ -62,6 +85,7 @@ export class ApplicationImpl {
     init() {
         return __awaiter(this, void 0, void 0, function* () {
             yield this._initPlugin();
+            yield yieldToMain();
             yield this._initAppContext();
             this._router.init();
             yield this._initAppComponent();

package/lib/shared/application.js

@@ -15,6 +15,29 @@ const runtimPlugin_2 = require("./runtimPlugin");
 const doura_1 = require("doura");
 const error_1 = require("./models/error");
 const loader_1 = require("./models/loader");
+// MessageChannel is not clamped like nested setTimeout; scheduler.yield is used where available.
+const yieldToMain = () => {
+    if (typeof window === 'undefined' ||
+        !process.env.__SHUVI__HYDRATE_IN_TRANSITION__) {
+        return Promise.resolve();
+    }
+    const scheduler = globalThis.scheduler;
+    if (scheduler === null || scheduler === void 0 ? void 0 : scheduler.yield) {
+        return scheduler.yield();
+    }
+    return new Promise(resolve => {
+        if (typeof MessageChannel === 'undefined') {
+            setTimeout(resolve, 0);
+            return;
+        }
+        const channel = new MessageChannel();
+        channel.port1.onmessage = () => {
+            channel.port1.close();
+            resolve();
+        };
+        channel.port2.postMessage(null);
+    });
+};
 class ApplicationImpl {
     constructor(options) {
         this._config = options.config;
@@ -65,6 +88,7 @@ class ApplicationImpl {
     init() {
         return __awaiter(this, void 0, void 0, function* () {
             yield this._initPlugin();
+            yield yieldToMain();
             yield this._initAppContext();
             this._router.init();
             yield this._initAppComponent();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuvi/platform-shared",
-  "version": "2.0.0-dev.35",
+  "version": "2.0.0-dev.37",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/shuvijs/shuvi.git",
@@ -83,19 +83,19 @@
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@shuvi/hook": "2.0.0-dev.35",
+    "@shuvi/hook": "2.0.0-dev.37",
     "doura": "0.0.13",
-    "@shuvi/router": "2.0.0-dev.35",
-    "@shuvi/runtime": "2.0.0-dev.35",
-    "@shuvi/shared": "2.0.0-dev.35",
-    "@shuvi/toolpack": "2.0.0-dev.35",
-    "@shuvi/utils": "2.0.0-dev.35"
+    "@shuvi/router": "2.0.0-dev.37",
+    "@shuvi/runtime": "2.0.0-dev.37",
+    "@shuvi/shared": "2.0.0-dev.37",
+    "@shuvi/toolpack": "2.0.0-dev.37",
+    "@shuvi/utils": "2.0.0-dev.37"
   },
   "peerDependencies": {
-    "@shuvi/service": "2.0.0-dev.35"
+    "@shuvi/service": "2.0.0-dev.37"
   },
   "devDependencies": {
-    "@shuvi/service": "2.0.0-dev.35",
+    "@shuvi/service": "2.0.0-dev.37",
     "@types/minimatch": "3.0.5"
   }
 }