@modern-js/runtime 2.7.0 → 2.9.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @modern-js/runtime
 
+## 2.9.0
+
+### Patch Changes
+
+- e8c580125d: fix: remove `serialze-javascript` from client bundle
+  fix: 移除客户端构建产物中的 `serialze-javascript`
+- 7035d5c22f: feat: support streaming ssr in worker
+
+  feat: worker 支持 streaming ssr
+
+- 49bb8cd0ef: fix: move chunkmap.css comment to bottom of head
+  fix: 将 chunkmap.css 标记移动到 head 底部
+- 755a053579: fix: export missing react-router types
+  fix: 导出缺少的 react-router 类型
+  - @modern-js/plugin@2.9.0
+  - @modern-js/types@2.9.0
+  - @modern-js/utils@2.9.0
+
+## 2.8.0
+
+### Patch Changes
+
+- 3ef832741b: fix: fix types pathname for model field
+  fix: 修复 model 字段对应的 types 路径
+- 9330022f4e: fix: add missing react-router type
+  fix: 添加丢失的 react-router 导出类型
+- 40747e6fdd: fix: fix the order of runtime plugins
+  fix: 修复 runtime plugin 执行顺序
+- 58a1fc64da: fix: pass basename to `matchRoutes`
+  fix: 修复 `matchRoutes` 未传入 basename 参数
+- 4cfea8ce49: fix: remove esbuild from bff-core
+  fix: 从 bff-core 移除 esbuild
+- 1f6ca2c7fb: fix: nested routes in ssg
+  fix: 修复嵌套路由在 SSG 中的问题
+- 9c9ebba6f2: fix: fix duplicate re-exports of reduck
+  fix: 修复从 reduck 重复导出的 API
+- Updated dependencies [1104a9f18b]
+- Updated dependencies [70d82e1408]
+- Updated dependencies [1f6ca2c7fb]
+  - @modern-js/utils@2.8.0
+  - @modern-js/types@2.8.0
+  - @modern-js/plugin@2.8.0
+
 ## 2.7.0
 
 ### Minor Changes

package/README.md

@@ -19,8 +19,8 @@ Please follow [Quick Start](https://modernjs.dev/en/guides/get-started/quick-sta
 
 ## Contributing
 
-Please read the [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md).
+Please read the [Contributing Guide](https://github.com/web-infra-dev/modern.js/blob/main/CONTRIBUTING.md).
 
 ## License
 
-Modern.js is [MIT licensed](https://github.com/modern-js-dev/modern.js/blob/main/LICENSE).
+Modern.js is [MIT licensed](https://github.com/web-infra-dev/modern.js/blob/main/LICENSE).

package/dist/cjs/cli/index.js

@@ -39,13 +39,14 @@ var import_cli4 = __toESM(require("../document/cli"));
 var cli_default = () => ({
   name: "@modern-js/runtime",
   post: [
-    "@modern-js/plugin-router",
     "@modern-js/plugin-ssr",
-    "@modern-js/plugin-document",
     "@modern-js/plugin-state",
+    "@modern-js/plugin-router",
+    "@modern-js/plugin-document",
     "@modern-js/plugin-design-token"
   ],
-  usePlugins: [(0, import_cli.default)(), (0, import_cli2.default)(), (0, import_cli3.default)(), (0, import_cli4.default)()],
+  // the order of runtime plugins is affected by runtime hooks, mainly `init` and `hoc` hooks
+  usePlugins: [(0, import_cli2.default)(), (0, import_cli.default)(), (0, import_cli3.default)(), (0, import_cli4.default)()],
   setup: (api) => {
     return {
       config() {

package/dist/cjs/router/runtime/DeferredDataScripts.js

@@ -20,146 +20,8 @@ __export(DeferredDataScripts_exports, {
   default: () => DeferredDataScripts_default
 });
 module.exports = __toCommonJS(DeferredDataScripts_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_react_router_dom = require("react-router-dom");
-var import_serialize = require("@modern-js/utils/serialize");
-var import_common = require("../../common");
-var import_utils = require("./utils");
-const setupFnStr = `function s(r,e){_ROUTER_DATA.r=_ROUTER_DATA.r||{},_ROUTER_DATA.r[r]=_ROUTER_DATA.r[r]||{};return new Promise((function(A,R){_ROUTER_DATA.r[r][e]={resolve:A,reject:R}}))};`;
-const resolveFnStr = `function r(e,r,o,A){A?_ROUTER_DATA.r[e][r].reject(A):_ROUTER_DATA.r[e][r].resolve(o)};`;
-const preResolvedFnStr = `function p(e,r){return void 0!==r?Promise.reject(new Error(r.message)):Promise.resovle(e)};`;
-const DeferredDataScripts = () => {
-  const context = (0, import_react.useContext)(import_react_router_dom.UNSAFE_DataRouterContext);
-  const { staticContext } = context || {};
-  const hydratedRef = (0, import_react.useRef)(false);
-  (0, import_react.useEffect)(() => {
-    hydratedRef.current = true;
-  }, []);
-  const deferredScripts = (0, import_react.useMemo)(() => {
-    if (!staticContext) {
-      return null;
-    }
-    const activeDeferreds = staticContext.activeDeferreds || [];
-    const _ROUTER_DATA = {
-      loaderData: staticContext.loaderData,
-      errors: (0, import_utils.serializeErrors)(staticContext.errors)
-    };
-    let initialScripts = [
-      `_ROUTER_DATA = ${(0, import_serialize.serializeJson)(_ROUTER_DATA)};`,
-      `_ROUTER_DATA.s = ${setupFnStr}`,
-      `_ROUTER_DATA.r = ${resolveFnStr}`,
-      `_ROUTER_DATA.p = ${preResolvedFnStr}`
-    ].join("\n");
-    const deferredDataScripts = [];
-    initialScripts += Object.entries(activeDeferreds).map(([routeId, deferredData]) => {
-      const pendingKeys = new Set(deferredData.pendingKeys);
-      const { deferredKeys } = deferredData;
-      const deferredKeyPromiseStr = deferredKeys.map((key) => {
-        if (pendingKeys.has(key)) {
-          deferredDataScripts.push(
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              DeferredDataScript,
-              {
-                data: deferredData.data[key],
-                dataKey: key,
-                routeId
-              },
-              `${routeId} | ${key}`
-            )
-          );
-          return `${JSON.stringify(key)}: _ROUTER_DATA.s(${JSON.stringify(
-            routeId
-          )},${JSON.stringify(key)}) `;
-        } else {
-          const trackedPromise = deferredData.data[key];
-          if (typeof trackedPromise._error !== "undefined") {
-            const error = {
-              message: trackedPromise._error.message,
-              stack: process.env.NODE_ENV !== "production" ? trackedPromise._error.stack : void 0
-            };
-            return `${JSON.stringify(
-              key
-            )}: _ROUTER_DATA.p(${void 0}, ${(0, import_serialize.serializeJson)(error)})`;
-          } else {
-            if (typeof trackedPromise._data === "undefined") {
-              throw new Error(
-                `The deferred data for ${key} was not resolved, did you forget to return data from a deferred promise`
-              );
-            }
-            return `${JSON.stringify(key)}: _ROUTER_DATA.p(${(0, import_serialize.serializeJson)(
-              trackedPromise._data
-            )})`;
-          }
-        }
-      }).join(",\n");
-      return `Object.assign(_ROUTER_DATA.loaderData[${JSON.stringify(
-        routeId
-      )}], {${deferredKeyPromiseStr}});`;
-    }).join("\n");
-    return [initialScripts, deferredDataScripts];
-  }, []);
-  if (!deferredScripts) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    !hydratedRef.current && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "script",
-      {
-        async: true,
-        suppressHydrationWarning: true,
-        dangerouslySetInnerHTML: { __html: deferredScripts[0] }
-      }
-    ),
-    !hydratedRef.current && deferredScripts[1],
-    import_common.JSX_SHELL_STREAM_END_MARK
-  ] });
-};
-const DeferredDataScript = ({
-  data,
-  routeId,
-  dataKey
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: typeof document === "undefined" && data && dataKey && routeId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_router_dom.Await,
-    {
-      resolve: data,
-      errorElement: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorDeferredDataScript, { routeId, dataKey }),
-      children: (data2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "script",
-        {
-          async: true,
-          suppressHydrationWarning: true,
-          dangerouslySetInnerHTML: {
-            __html: `_ROUTER_DATA.r(${JSON.stringify(
-              routeId
-            )}, ${JSON.stringify(dataKey)}, ${(0, import_serialize.serializeJson)(data2)});`
-          }
-        }
-      )
-    }
-  ) : null });
-};
-const ErrorDeferredDataScript = ({
-  routeId,
-  dataKey
-}) => {
-  const error = (0, import_react_router_dom.useAsyncError)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "script",
-    {
-      suppressHydrationWarning: true,
-      dangerouslySetInnerHTML: {
-        __html: `_ROUTER_DATA.r(${JSON.stringify(routeId)}, ${JSON.stringify(
-          dataKey
-        )}, ${void 0}, ${(0, import_serialize.serializeJson)({
-          message: error.message,
-          stack: error.stack
-        })});`
-      }
-    }
-  );
+var DeferredDataScripts_default = () => {
+  return null;
 };
-var DeferredDataScripts_default = DeferredDataScripts;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/dist/cjs/router/runtime/DeferredDataScripts.node.js

@@ -0,0 +1,165 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DeferredDataScripts_node_exports = {};
+__export(DeferredDataScripts_node_exports, {
+  default: () => DeferredDataScripts_node_default
+});
+module.exports = __toCommonJS(DeferredDataScripts_node_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_serialize = require("@modern-js/utils/serialize");
+var import_common = require("../../common");
+var import_utils = require("./utils");
+const setupFnStr = `function s(r,e){_ROUTER_DATA.r=_ROUTER_DATA.r||{},_ROUTER_DATA.r[r]=_ROUTER_DATA.r[r]||{};return new Promise((function(A,R){_ROUTER_DATA.r[r][e]={resolve:A,reject:R}}))};`;
+const resolveFnStr = `function r(e,r,o,A){A?_ROUTER_DATA.r[e][r].reject(A):_ROUTER_DATA.r[e][r].resolve(o)};`;
+const preResolvedFnStr = `function p(e,r){return void 0!==r?Promise.reject(new Error(r.message)):Promise.resovle(e)};`;
+const DeferredDataScripts = () => {
+  const context = (0, import_react.useContext)(import_react_router_dom.UNSAFE_DataRouterContext);
+  const { staticContext } = context || {};
+  const hydratedRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    hydratedRef.current = true;
+  }, []);
+  const deferredScripts = (0, import_react.useMemo)(() => {
+    if (!staticContext) {
+      return null;
+    }
+    const activeDeferreds = staticContext.activeDeferreds || [];
+    const _ROUTER_DATA = {
+      loaderData: staticContext.loaderData,
+      errors: (0, import_utils.serializeErrors)(staticContext.errors)
+    };
+    let initialScripts = [
+      `_ROUTER_DATA = ${(0, import_serialize.serializeJson)(_ROUTER_DATA)};`,
+      `_ROUTER_DATA.s = ${setupFnStr}`,
+      `_ROUTER_DATA.r = ${resolveFnStr}`,
+      `_ROUTER_DATA.p = ${preResolvedFnStr}`
+    ].join("\n");
+    const deferredDataScripts = [];
+    initialScripts += Object.entries(activeDeferreds).map(([routeId, deferredData]) => {
+      const pendingKeys = new Set(deferredData.pendingKeys);
+      const { deferredKeys } = deferredData;
+      const deferredKeyPromiseStr = deferredKeys.map((key) => {
+        if (pendingKeys.has(key)) {
+          deferredDataScripts.push(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              DeferredDataScript,
+              {
+                data: deferredData.data[key],
+                dataKey: key,
+                routeId
+              },
+              `${routeId} | ${key}`
+            )
+          );
+          return `${JSON.stringify(key)}: _ROUTER_DATA.s(${JSON.stringify(
+            routeId
+          )},${JSON.stringify(key)}) `;
+        } else {
+          const trackedPromise = deferredData.data[key];
+          if (typeof trackedPromise._error !== "undefined") {
+            const error = {
+              message: trackedPromise._error.message,
+              stack: process.env.NODE_ENV !== "production" ? trackedPromise._error.stack : void 0
+            };
+            return `${JSON.stringify(
+              key
+            )}: _ROUTER_DATA.p(${void 0}, ${(0, import_serialize.serializeJson)(error)})`;
+          } else {
+            if (typeof trackedPromise._data === "undefined") {
+              throw new Error(
+                `The deferred data for ${key} was not resolved, did you forget to return data from a deferred promise`
+              );
+            }
+            return `${JSON.stringify(key)}: _ROUTER_DATA.p(${(0, import_serialize.serializeJson)(
+              trackedPromise._data
+            )})`;
+          }
+        }
+      }).join(",\n");
+      return `Object.assign(_ROUTER_DATA.loaderData[${JSON.stringify(
+        routeId
+      )}], {${deferredKeyPromiseStr}});`;
+    }).join("\n");
+    return [initialScripts, deferredDataScripts];
+  }, []);
+  if (!deferredScripts) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    !hydratedRef.current && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "script",
+      {
+        async: true,
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: { __html: deferredScripts[0] }
+      }
+    ),
+    !hydratedRef.current && deferredScripts[1],
+    import_common.JSX_SHELL_STREAM_END_MARK
+  ] });
+};
+const DeferredDataScript = ({
+  data,
+  routeId,
+  dataKey
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: typeof document === "undefined" && data && dataKey && routeId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_router_dom.Await,
+    {
+      resolve: data,
+      errorElement: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorDeferredDataScript, { routeId, dataKey }),
+      children: (data2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "script",
+        {
+          async: true,
+          suppressHydrationWarning: true,
+          dangerouslySetInnerHTML: {
+            __html: `_ROUTER_DATA.r(${JSON.stringify(
+              routeId
+            )}, ${JSON.stringify(dataKey)}, ${(0, import_serialize.serializeJson)(data2)});`
+          }
+        }
+      )
+    }
+  ) : null });
+};
+const ErrorDeferredDataScript = ({
+  routeId,
+  dataKey
+}) => {
+  const error = (0, import_react_router_dom.useAsyncError)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "script",
+    {
+      suppressHydrationWarning: true,
+      dangerouslySetInnerHTML: {
+        __html: `_ROUTER_DATA.r(${JSON.stringify(routeId)}, ${JSON.stringify(
+          dataKey
+        )}, ${void 0}, ${(0, import_serialize.serializeJson)({
+          message: error.message,
+          stack: error.stack
+        })});`
+      }
+    }
+  );
+};
+var DeferredDataScripts_node_default = DeferredDataScripts;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/cjs/ssr/cli/index.js

@@ -138,8 +138,7 @@ var cli_default = () => ({
             );
           }
         }
-        const ssgConfig = userConfig.output.ssg;
-        const useSSG = (0, import_utils.isSingleEntry)(entrypoints) ? Boolean(ssgConfig) : ssgConfig === true || typeof (ssgConfig == null ? void 0 : ssgConfig[0]) === "function" || Boolean(ssgConfig == null ? void 0 : ssgConfig[entryName]);
+        const useSSG = (0, import_utils.isSSGEntry)(userConfig, entryName, entrypoints);
         ssrConfigMap.set(entryName, ssrConfig || useSSG);
         if (ssrConfig || useSSG) {
           imports.push({

package/dist/cjs/ssr/serverRender/index.js

@@ -21,7 +21,15 @@ __export(serverRender_exports, {
 });
 module.exports = __toCommonJS(serverRender_exports);
 var import_utils = require("../utils");
+var import_utils2 = require("./utils");
 async function serverRender(options) {
+  var _a, _b;
+  if ((_a = options.context.ssrContext) == null ? void 0 : _a.template) {
+    options.context.ssrContext.template = (_b = options.context.ssrContext) == null ? void 0 : _b.template.replace(
+      "</head>",
+      `${import_utils2.CSS_CHUNKS_PLACEHOLDER}</head>`
+    );
+  }
   if ((0, import_utils.isReact18)() && options.config.mode === "stream") {
     const pipe = await require("./renderToStream").render(options);
     return pipe;

package/dist/cjs/ssr/serverRender/renderToStream/bulidTemplate.before.js

@@ -33,8 +33,8 @@ module.exports = __toCommonJS(bulidTemplate_before_exports);
 var import_react_helmet = __toESM(require("react-helmet"));
 var import_react_router_dom = require("react-router-dom");
 var import_helmet = __toESM(require("../helmet"));
+var import_utils = require("../utils");
 var import_buildTemplate = require("./buildTemplate.share");
-const CSS_CHUNKS_PLACEHOLDER = "<!--<?- chunksMap.css ?>-->";
 function getHeadTemplate(beforeEntryTemplate, context) {
   const callbacks = [
     (headTemplate2) => {
@@ -50,7 +50,7 @@ function getHeadTemplate(beforeEntryTemplate, context) {
   }
   return (0, import_buildTemplate.buildTemplate)(headTemplate, callbacks);
   function injectCss(headTemplate2) {
-    return headTemplate2.replace(CSS_CHUNKS_PLACEHOLDER, getCssChunks());
+    return headTemplate2.replace(import_utils.CSS_CHUNKS_PLACEHOLDER, getCssChunks());
     function getCssChunks() {
       const { routeManifest, routerContext, routes } = context;
       if (!routeManifest || !routerContext || !routes) {
@@ -58,7 +58,11 @@ function getHeadTemplate(beforeEntryTemplate, context) {
       }
       const { routeAssets } = routeManifest;
       const cssChunks = [];
-      const matches = (0, import_react_router_dom.matchRoutes)(routes, routerContext.location);
+      const matches = (0, import_react_router_dom.matchRoutes)(
+        routes,
+        routerContext.location,
+        routerContext.basename
+      );
       matches == null ? void 0 : matches.forEach((match, index) => {
         if (!index) {
           return;

package/dist/cjs/ssr/serverRender/renderToStream/renderToPipe.worker.js

@@ -21,11 +21,18 @@ __export(renderToPipe_worker_exports, {
 });
 module.exports = __toCommonJS(renderToPipe_worker_exports);
 var import_types = require("../types");
+var import_common = require("../../../common");
 var import_template = require("./template");
+var ShellChunkStatus = /* @__PURE__ */ ((ShellChunkStatus2) => {
+  ShellChunkStatus2[ShellChunkStatus2["IDLE"] = 0] = "IDLE";
+  ShellChunkStatus2[ShellChunkStatus2["START"] = 1] = "START";
+  ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 2] = "FINIESH";
+  return ShellChunkStatus2;
+})(ShellChunkStatus || {});
 function renderToPipe(rootElement, context, options) {
-  let isShellStream = true;
+  let shellChunkStatus = 0 /* IDLE */;
   const { ssrContext } = context;
-  const forUserPipe = async (stream) => {
+  const forUserPipe = async () => {
     let renderToReadableStream;
     try {
       ({ renderToReadableStream } = require("react-dom/server"));
@@ -57,11 +64,20 @@ function renderToPipe(rootElement, context, options) {
               controller.close();
               return;
             }
-            if (isShellStream) {
-              controller.enqueue(encodeForWebStream(shellBefore));
-              controller.enqueue(value);
-              controller.enqueue(encodeForWebStream(shellAfter));
-              isShellStream = false;
+            if (shellChunkStatus !== 2 /* FINIESH */) {
+              let concatedChunk = new TextDecoder().decode(value);
+              if (shellChunkStatus === 0 /* IDLE */) {
+                concatedChunk = `${shellBefore}${concatedChunk}`;
+                shellChunkStatus = 1 /* START */;
+              }
+              if (shellChunkStatus === 1 /* START */ && concatedChunk.endsWith(import_common.ESCAPED_SHELL_STREAM_END_MARK)) {
+                concatedChunk = concatedChunk.replace(
+                  import_common.ESCAPED_SHELL_STREAM_END_MARK,
+                  shellAfter
+                );
+                shellChunkStatus = 2 /* FINIESH */;
+              }
+              controller.enqueue(encodeForWebStream(concatedChunk));
             } else {
               controller.enqueue(value);
             }
@@ -70,7 +86,7 @@ function renderToPipe(rootElement, context, options) {
           push();
         }
       });
-      return readableOriginal(injectableStream).readableOriginal(stream);
+      return injectableStream;
     } catch (err) {
       ssrContext.metrics.emitCounter("app.render.streaming.shell.error", 1);
       const { shellAfter: shellAfter2, shellBefore: shellBefore2 } = (0, import_template.getTemplates)(
@@ -81,7 +97,7 @@ function renderToPipe(rootElement, context, options) {
       return fallbackHtml;
     }
   };
-  return forUserPipe;
+  return forUserPipe();
 }
 let encoder;
 function encodeForWebStream(thing) {

package/dist/cjs/ssr/serverRender/utils.js

@@ -17,9 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
+  CSS_CHUNKS_PLACEHOLDER: () => CSS_CHUNKS_PLACEHOLDER,
   getLoadableScripts: () => getLoadableScripts
 });
 module.exports = __toCommonJS(utils_exports);
+const CSS_CHUNKS_PLACEHOLDER = "<!--<?- chunksMap.css ?>-->";
 function getLoadableScripts(extractor) {
   const check = (scripts2) => (scripts2 || "").includes("__LOADABLE_REQUIRED_CHUNKS___ext");
   const scripts = extractor.getScriptTags();
@@ -30,5 +32,6 @@ function getLoadableScripts(extractor) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CSS_CHUNKS_PLACEHOLDER,
   getLoadableScripts
 });

package/dist/cjs/state/runtime/index.js

@@ -28,17 +28,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var runtime_exports = {};
 __export(runtime_exports, {
-  createStore: () => import_store.createStore,
-  default: () => import_plugin.default,
-  model: () => import_store.model
+  default: () => import_plugin.default
 });
 module.exports = __toCommonJS(runtime_exports);
 __reExport(runtime_exports, require("@modern-js-reduck/react"), module.exports);
-var import_store = require("@modern-js-reduck/store");
 var import_plugin = __toESM(require("./plugin"));
 __reExport(runtime_exports, require("./plugin"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createStore,
-  model
-});
+0 && (module.exports = {});

package/dist/esm/cli/index.js

@@ -132,15 +132,16 @@ var cli_default = function() {
     return {
         name: "@modern-js/runtime",
         post: [
-            "@modern-js/plugin-router",
             "@modern-js/plugin-ssr",
-            "@modern-js/plugin-document",
             "@modern-js/plugin-state",
+            "@modern-js/plugin-router",
+            "@modern-js/plugin-document",
             "@modern-js/plugin-design-token"
         ],
+        // the order of runtime plugins is affected by runtime hooks, mainly `init` and `hoc` hooks
         usePlugins: [
-            PluginState(),
             PluginSSR(),
+            PluginState(),
             PluginRouter(),
             Document()
         ],