@modern-js/runtime 2.26.0 → 2.28.0

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

@@ -20,102 +20,101 @@ _export(exports, {
 const _utils = require("@modern-js/utils");
 const PLUGIN_IDENTIFIER = "router";
 const ROUTES_IDENTIFIER = "routes";
-const routerPlugin = () => {
-  return {
-    name: "@modern-js/plugin-router",
-    required: [
-      "@modern-js/runtime"
-    ],
-    setup: (api) => {
-      const runtimeConfigMap = /* @__PURE__ */ new Map();
-      let pluginsExportsUtils;
-      return {
-        config() {
-          const appContext = api.useAppContext();
-          pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, "plugins");
-          return {
-            source: {
-              include: [
-                // react-router v6 is no longer support ie 11
-                // so we need to compile these packages to ensure the compatibility
-                // https://github.com/remix-run/react-router/commit/f6df0697e1b2064a2b3a12e8b39577326fdd945b
-                /node_modules\/react-router/,
-                /node_modules\/react-router-dom/,
-                /node_modules\/@remix-run\/router/
-              ],
-              alias: {
-                "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
-              }
+const routerPlugin = () => ({
+  name: "@modern-js/plugin-router",
+  required: [
+    "@modern-js/runtime"
+  ],
+  setup: (api) => {
+    const runtimeConfigMap = /* @__PURE__ */ new Map();
+    let pluginsExportsUtils;
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, "plugins");
+        return {
+          source: {
+            include: [
+              // react-router v6 is no longer support ie 11
+              // so we need to compile these packages to ensure the compatibility
+              // https://github.com/remix-run/react-router/commit/f6df0697e1b2064a2b3a12e8b39577326fdd945b
+              /node_modules\/react-router/,
+              /node_modules\/react-router-dom/,
+              /node_modules\/@remix-run\/router/
+            ],
+            alias: {
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
             }
-          };
-        },
-        validateSchema() {
-          return [
-            {
-              target: "runtime.router",
-              schema: {
-                type: [
-                  "boolean",
-                  "object"
-                ]
-              }
-            }
-          ];
-        },
-        modifyEntryImports({ entrypoint, imports }) {
-          const { entryName, isMainEntry, fileSystemRoutes } = entrypoint;
-          const userConfig = api.useResolvedConfigContext();
-          const { packageName } = api.useAppContext();
-          const runtimeConfig = (0, _utils.getEntryOptions)(entryName, isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName);
-          runtimeConfigMap.set(entryName, runtimeConfig);
-          if (runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.router) {
-            if (!(0, _utils.isRouterV5)(userConfig)) {
-              imports.push({
-                value: "@modern-js/runtime/plugins",
-                specifiers: [
-                  {
-                    imported: PLUGIN_IDENTIFIER
-                  }
-                ]
-              });
-            }
-          } else if (fileSystemRoutes) {
-            throw new Error(`should enable runtime.router for entry ${entryName}`);
           }
-          return {
-            entrypoint,
-            imports
-          };
-        },
-        modifyEntryRuntimePlugins({ entrypoint, plugins }) {
-          const { entryName, fileSystemRoutes } = entrypoint;
-          const { serverRoutes } = api.useAppContext();
-          const userConfig = api.useResolvedConfigContext();
-          const runtimeConfig = runtimeConfigMap.get(entryName);
-          if (runtimeConfig.router && !(0, _utils.isRouterV5)(userConfig)) {
-            const serverBase = serverRoutes.filter((route) => route.entryName === entryName).map((route) => route.urlPath).sort((a, b) => a.length - b.length > 0 ? -1 : 1);
-            plugins.push({
-              name: PLUGIN_IDENTIFIER,
-              options: JSON.stringify({
-                serverBase,
-                ...runtimeConfig.router,
-                routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : void 0
-              }).replace(/"routesConfig"\s*:\s*"((\S|\s)+)"/g, '"routesConfig": $1,')
-            });
+        };
+      },
+      validateSchema() {
+        return [
+          {
+            target: "runtime.router",
+            schema: {
+              type: [
+                "boolean",
+                "object"
+              ]
+            }
           }
-          return {
-            entrypoint,
-            plugins
-          };
-        },
-        addRuntimeExports() {
-          const userConfig = api.useResolvedConfigContext();
+        ];
+      },
+      modifyEntryImports({ entrypoint, imports }) {
+        var _runtimeConfig;
+        const { entryName, isMainEntry, fileSystemRoutes } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const { packageName } = api.useAppContext();
+        const runtimeConfig = (0, _utils.getEntryOptions)(entryName, isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName);
+        runtimeConfigMap.set(entryName, runtimeConfig);
+        if ((_runtimeConfig = runtimeConfig) === null || _runtimeConfig === void 0 ? void 0 : _runtimeConfig.router) {
           if (!(0, _utils.isRouterV5)(userConfig)) {
-            pluginsExportsUtils.addExport(`export { default as router } from '@modern-js/runtime/router'`);
+            imports.push({
+              value: "@modern-js/runtime/plugins",
+              specifiers: [
+                {
+                  imported: PLUGIN_IDENTIFIER
+                }
+              ]
+            });
           }
+        } else if (fileSystemRoutes) {
+          throw new Error(`should enable runtime.router for entry ${entryName}`);
         }
-      };
-    }
-  };
-};
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+        const { entryName, fileSystemRoutes } = entrypoint;
+        const { serverRoutes } = api.useAppContext();
+        const userConfig = api.useResolvedConfigContext();
+        const runtimeConfig = runtimeConfigMap.get(entryName);
+        if (runtimeConfig.router && !(0, _utils.isRouterV5)(userConfig)) {
+          const serverBase = serverRoutes.filter((route) => route.entryName === entryName).map((route) => route.urlPath).sort((a, b) => a.length - b.length > 0 ? -1 : 1);
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: JSON.stringify({
+              serverBase,
+              ...runtimeConfig.router,
+              routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : void 0
+            }).replace(/"routesConfig"\s*:\s*"((\S|\s)+)"/g, '"routesConfig": $1,')
+          });
+        }
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+      addRuntimeExports() {
+        const userConfig = api.useResolvedConfigContext();
+        if (!(0, _utils.isRouterV5)(userConfig)) {
+          pluginsExportsUtils.addExport(`export { default as router } from '@modern-js/runtime/router'`);
+        }
+      }
+    };
+  }
+});
 const _default = routerPlugin;

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

@@ -18,6 +18,7 @@ const setupFnStr = `function s(r,e){_ROUTER_DATA.r=_ROUTER_DATA.r||{},_ROUTER_DA
 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.resolve(e)};`;
 const DeferredDataScripts = (props) => {
+  var _props;
   const context = (0, _react.useContext)(_router.UNSAFE_DataRouterContext);
   const { staticContext } = context || {};
   const hydratedRef = (0, _react.useRef)(false);
@@ -45,8 +46,9 @@ const DeferredDataScripts = (props) => {
       const { deferredKeys } = deferredData;
       const deferredKeyPromiseStr = deferredKeys.map((key) => {
         if (pendingKeys.has(key)) {
+          var _props2;
           deferredDataScripts.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(DeferredDataScript, {
-            nonce: props === null || props === void 0 ? void 0 : props.nonce,
+            nonce: (_props2 = props) === null || _props2 === void 0 ? void 0 : _props2.nonce,
             data: deferredData.data[key],
             dataKey: key,
             routeId
@@ -82,7 +84,7 @@ const DeferredDataScripts = (props) => {
     children: [
       !hydratedRef.current && /* @__PURE__ */ (0, _jsxruntime.jsx)("script", {
         async: true,
-        nonce: props === null || props === void 0 ? void 0 : props.nonce,
+        nonce: (_props = props) === null || _props === void 0 ? void 0 : _props.nonce,
         suppressHydrationWarning: true,
         dangerouslySetInnerHTML: {
           __html: deferredScripts[0]

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

@@ -27,7 +27,8 @@ const _router = require("@modern-js/utils/runtime/router");
 const _core = require("../../core");
 function composeEventHandlers(theirHandler, ourHandler) {
   return (event) => {
-    theirHandler === null || theirHandler === void 0 ? void 0 : theirHandler(event);
+    var _theirHandler;
+    (_theirHandler = theirHandler) === null || _theirHandler === void 0 ? void 0 : _theirHandler(event);
     if (!event.defaultPrevented) {
       ourHandler(event);
     }
@@ -93,7 +94,8 @@ async function loadRouteModule(route, routeAssets) {
   }
   try {
     await Promise.all(chunkIds.map((chunkId) => {
-      return __webpack_chunk_load__ === null || __webpack_chunk_load__ === void 0 ? void 0 : __webpack_chunk_load__(String(chunkId));
+      var __webpack_chunk_load__1;
+      return (__webpack_chunk_load__1 = __webpack_chunk_load__) === null || __webpack_chunk_load__1 === void 0 ? void 0 : __webpack_chunk_load__1(String(chunkId));
     }));
   } catch (error) {
     console.error(error);
@@ -127,7 +129,8 @@ const PrefetchPageLinks = ({ pathname }) => {
   const { routeAssets } = routeManifest || {};
   const matches = Array.isArray(routes) ? (0, _router.matchRoutes)(routes, pathname) : [];
   if (Array.isArray(matches) && routeAssets) {
-    matches === null || matches === void 0 ? void 0 : matches.forEach((match) => loadRouteModule(match.route, routeAssets));
+    var _matches;
+    (_matches = matches) === null || _matches === void 0 ? void 0 : _matches.forEach((match) => loadRouteModule(match.route, routeAssets));
   }
   if (!window._SSR_DATA) {
     return null;
@@ -142,7 +145,8 @@ const PrefetchDataLinks = ({ matches, pathname, routeManifest }) => {
   const currentMatches = (0, _router.useMatches)();
   const basename = (0, _router.useHref)("/");
   const dataHrefs = (0, _react.useMemo)(() => {
-    return matches === null || matches === void 0 ? void 0 : matches.filter((match, index) => {
+    var _matches;
+    return (_matches = matches) === null || _matches === void 0 ? void 0 : _matches.filter((match, index) => {
       if (!match.route.loader || typeof match.route.loader !== "function" || match.route.loader.length === 0) {
         return false;
       }

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

@@ -73,6 +73,7 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
           });
         },
         hoc: ({ App }, next) => {
+          var _routesConfig;
           if (!finalRouteConfig && !createRoutes) {
             return next({
               App
@@ -80,7 +81,7 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
           }
           const getRouteApp = () => {
             return (props) => {
-              var _window__SERVER_DATA;
+              var _window__SERVER_DATA, _hydrationData;
               beforeCreateRouter = false;
               routes = createRoutes ? createRoutes() : (0, _router.createRoutesFromElements)((0, _utils.renderRoutes)({
                 routesConfig: finalRouteConfig,
@@ -91,7 +92,7 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
               const baseUrl = ((_window__SERVER_DATA = window._SERVER_DATA) === null || _window__SERVER_DATA === void 0 ? void 0 : _window__SERVER_DATA.router.baseUrl) || select(location.pathname);
               const _basename = baseUrl === "/" ? (0, _utils.urlJoin)(baseUrl, basename) : baseUrl;
               let hydrationData = window._ROUTER_DATA;
-              if (hydrationData === null || hydrationData === void 0 ? void 0 : hydrationData.errors) {
+              if ((_hydrationData = hydrationData) === null || _hydrationData === void 0 ? void 0 : _hydrationData.errors) {
                 hydrationData = {
                   ...hydrationData,
                   errors: (0, _utils.deserializeErrors)(hydrationData.errors)
@@ -136,7 +137,7 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
           if (App) {
             RouteApp = (0, _hoistnonreactstatics.default)(RouteApp, App);
           }
-          if (routesConfig === null || routesConfig === void 0 ? void 0 : routesConfig.globalApp) {
+          if ((_routesConfig = routesConfig) === null || _routesConfig === void 0 ? void 0 : _routesConfig.globalApp) {
             return next({
               App: (0, _hoistnonreactstatics.default)(RouteApp, routesConfig.globalApp)
             });

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

@@ -76,13 +76,15 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
           const { request, mode: ssrMode, nonce } = context.ssrContext;
           const baseUrl = request.baseUrl;
           const _basename = baseUrl === "/" ? (0, _utils.urlJoin)(baseUrl, basename) : baseUrl;
-          const routes = createRoutes ? createRoutes() : (0, _router1.createRoutesFromElements)((0, _utils.renderRoutes)({
+          let routes = createRoutes ? createRoutes() : (0, _router1.createRoutesFromElements)((0, _utils.renderRoutes)({
             routesConfig,
             ssrMode,
             props: {
               nonce
             }
           }));
+          const runner = api.useHookRunners();
+          routes = runner.modifyRoutes(routes);
           const { query } = (0, _remixrouter.createStaticHandler)(routes, {
             basename: _basename
           });
@@ -96,13 +98,12 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
           context.routerContext = routerContext;
           context.routes = routes;
           context.routeManifest = context.ssrContext.routeManifest;
-          const runner = api.useHookRunners();
-          runner.modifyRoutes(routes);
           return next({
             context
           });
         },
         hoc: ({ App }, next) => {
+          var _routesConfig;
           if (!routesConfig) {
             return next({
               App
@@ -122,7 +123,7 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
             };
           };
           const RouteApp = getRouteApp();
-          if (routesConfig === null || routesConfig === void 0 ? void 0 : routesConfig.globalApp) {
+          if ((_routesConfig = routesConfig) === null || _routesConfig === void 0 ? void 0 : _routesConfig.globalApp) {
             return next({
               App: (0, _hoistnonreactstatics.default)(RouteApp, routesConfig.globalApp)
             });
@@ -133,6 +134,12 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
         },
         pickContext: ({ context, pickedContext }, next) => {
           const { remixRouter } = context;
+          if (!remixRouter) {
+            return next({
+              context,
+              pickedContext
+            });
+          }
           const router = {
             navigate: remixRouter.navigate,
             get location() {

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

@@ -93,9 +93,9 @@ function renderRoutes({ routesConfig, props, ssrMode }) {
   return routeElements;
 }
 function getLocation(serverContext) {
-  var _url_replace;
-  const { pathname, url } = (serverContext === null || serverContext === void 0 ? void 0 : serverContext.request) || {};
-  const cleanUrl = (_url_replace = url === null || url === void 0 ? void 0 : url.replace("http://", "")) === null || _url_replace === void 0 ? void 0 : _url_replace.replace("https://", "");
+  var _serverContext, _url_replace, _url;
+  const { pathname, url } = ((_serverContext = serverContext) === null || _serverContext === void 0 ? void 0 : _serverContext.request) || {};
+  const cleanUrl = (_url = url) === null || _url === void 0 ? void 0 : (_url_replace = _url.replace("http://", "")) === null || _url_replace === void 0 ? void 0 : _url_replace.replace("https://", "");
   const index = (cleanUrl || "").indexOf(pathname);
   if (index === -1) {
     return pathname;

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

@@ -22,12 +22,13 @@ const _path = /* @__PURE__ */ _interop_require_default._(require("path"));
 const _utils = require("@modern-js/utils");
 const PLUGIN_IDENTIFIER = "ssr";
 const hasStringSSREntry = (userConfig) => {
+  var _server, _server1;
   const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
   const { server } = userConfig;
-  if ((server === null || server === void 0 ? void 0 : server.ssr) && !isStreaming(server.ssr)) {
+  if (((_server = server) === null || _server === void 0 ? void 0 : _server.ssr) && !isStreaming(server.ssr)) {
     return true;
   }
-  if ((server === null || server === void 0 ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
+  if (((_server1 = server) === null || _server1 === void 0 ? void 0 : _server1.ssrByEntries) && typeof server.ssrByEntries === "object") {
     for (const name of Object.keys(server.ssrByEntries)) {
       if (!isStreaming(server.ssrByEntries[name])) {
         return true;
@@ -36,144 +37,142 @@ const hasStringSSREntry = (userConfig) => {
   }
   return false;
 };
-const ssrPlugin = () => {
-  return {
-    name: "@modern-js/plugin-ssr",
-    required: [
-      "@modern-js/runtime"
-    ],
-    setup: (api) => {
-      const ssrConfigMap = /* @__PURE__ */ new Map();
-      let pluginsExportsUtils;
-      return {
-        config() {
-          const appContext = api.useAppContext();
-          pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, "plugins");
-          const userConfig = api.useConfigContext();
-          const { bundlerType = "webpack" } = api.useAppContext();
-          const babelConfig = (() => {
-            if (bundlerType === "webpack") {
+const ssrPlugin = () => ({
+  name: "@modern-js/plugin-ssr",
+  required: [
+    "@modern-js/runtime"
+  ],
+  setup: (api) => {
+    const ssrConfigMap = /* @__PURE__ */ new Map();
+    let pluginsExportsUtils;
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, "plugins");
+        const userConfig = api.useConfigContext();
+        const { bundlerType = "webpack" } = api.useAppContext();
+        const babelConfig = (() => {
+          if (bundlerType === "webpack") {
+            return (config) => {
+              var _config_plugins;
+              (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(_path.default.join(__dirname, "./babel-plugin-ssr-loader-id"));
+              if ((0, _utils.isUseSSRBundle)(userConfig) && hasStringSSREntry(userConfig)) {
+                var _config_plugins1;
+                (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
+              }
+            };
+          } else if (bundlerType === "rspack") {
+            if ((0, _utils.isUseSSRBundle)(userConfig)) {
               return (config) => {
                 var _config_plugins;
                 (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(_path.default.join(__dirname, "./babel-plugin-ssr-loader-id"));
-                if ((0, _utils.isUseSSRBundle)(userConfig) && hasStringSSREntry(userConfig)) {
+                if (hasStringSSREntry(userConfig)) {
                   var _config_plugins1;
                   (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
                 }
               };
-            } else if (bundlerType === "rspack") {
-              if ((0, _utils.isUseSSRBundle)(userConfig)) {
-                return (config) => {
-                  var _config_plugins;
-                  (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(_path.default.join(__dirname, "./babel-plugin-ssr-loader-id"));
-                  if (hasStringSSREntry(userConfig)) {
-                    var _config_plugins1;
-                    (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
-                  }
-                };
-              }
             }
-          })();
-          return {
-            source: {
-              alias: {
-                // ensure that all packages use the same storage in @modern-js/utils/runtime-node
-                "@modern-js/utils/runtime-node$": require.resolve("@modern-js/utils/runtime-node"),
-                "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
-              },
-              globalVars: (values, { target }) => {
-                values["process.env.MODERN_TARGET"] = target === "node" || target === "service-worker" ? "node" : "browser";
-              }
+          }
+        })();
+        return {
+          source: {
+            alias: {
+              // ensure that all packages use the same storage in @modern-js/utils/runtime-node
+              "@modern-js/utils/runtime-node$": require.resolve("@modern-js/utils/runtime-node"),
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
             },
-            tools: {
-              bundlerChain(chain, { isServer, isServiceWorker, CHAIN_ID }) {
-                const userConfig2 = api.useResolvedConfigContext();
-                if ((0, _utils.isUseSSRBundle)(userConfig2) && !isServer && !isServiceWorker && hasStringSSREntry(userConfig2)) {
-                  const LoadableBundlerPlugin = require("./loadable-bundler-plugin.js");
-                  chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableBundlerPlugin, [
-                    {
-                      filename: _utils.LOADABLE_STATS_FILE
-                    }
-                  ]);
-                }
-              },
-              babel: babelConfig
-            }
-          };
-        },
-        modifyEntryImports({ entrypoint, imports }) {
-          const { entryName, isMainEntry, fileSystemRoutes } = entrypoint;
-          const userConfig = api.useResolvedConfigContext();
-          const { packageName, entrypoints } = api.useAppContext();
-          pluginsExportsUtils.addExport(`export { default as ssr } from '@modern-js/runtime/ssr'`);
-          const ssrConfig = (0, _utils.getEntryOptions)(entryName, isMainEntry, userConfig.server.ssr, userConfig.server.ssrByEntries, packageName);
-          if (typeof ssrConfig === "object" && ssrConfig.mode === "stream") {
-            var _ref;
-            const runtimeConfig = (0, _utils.getEntryOptions)(entryName, isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName);
-            if (((_ref = runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.router) === null || _ref === void 0 ? void 0 : _ref.mode) === "react-router-5") {
-              throw new Error(`router v5 plugin doesn't support streaming SSR, check your config 'runtime.router'`);
-            }
-            if (fileSystemRoutes && !entrypoint.nestedRoutesEntry) {
-              throw new Error("You should switch to file-system based router to support streaming SSR.");
+            globalVars: (values, { target }) => {
+              values["process.env.MODERN_TARGET"] = target === "node" || target === "service-worker" ? "node" : "browser";
             }
+          },
+          tools: {
+            bundlerChain(chain, { isServer, isServiceWorker, CHAIN_ID }) {
+              const userConfig2 = api.useResolvedConfigContext();
+              if ((0, _utils.isUseSSRBundle)(userConfig2) && !isServer && !isServiceWorker && hasStringSSREntry(userConfig2)) {
+                const LoadableBundlerPlugin = require("./loadable-bundler-plugin.js");
+                chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableBundlerPlugin, [
+                  {
+                    filename: _utils.LOADABLE_STATS_FILE
+                  }
+                ]);
+              }
+            },
+            babel: babelConfig
           }
-          const useSSG = (0, _utils.isSSGEntry)(userConfig, entryName, entrypoints);
-          ssrConfigMap.set(entryName, ssrConfig || useSSG);
-          if (ssrConfig || useSSG) {
-            imports.push({
-              value: "@modern-js/runtime/plugins",
-              specifiers: [
-                {
-                  imported: PLUGIN_IDENTIFIER
-                }
-              ]
-            });
+        };
+      },
+      modifyEntryImports({ entrypoint, imports }) {
+        const { entryName, isMainEntry, fileSystemRoutes } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const { packageName, entrypoints } = api.useAppContext();
+        pluginsExportsUtils.addExport(`export { default as ssr } from '@modern-js/runtime/ssr'`);
+        const ssrConfig = (0, _utils.getEntryOptions)(entryName, isMainEntry, userConfig.server.ssr, userConfig.server.ssrByEntries, packageName);
+        if (typeof ssrConfig === "object" && ssrConfig.mode === "stream") {
+          var _this, _runtimeConfig;
+          const runtimeConfig = (0, _utils.getEntryOptions)(entryName, isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName);
+          if (((_this = (_runtimeConfig = runtimeConfig) === null || _runtimeConfig === void 0 ? void 0 : _runtimeConfig.router) === null || _this === void 0 ? void 0 : _this.mode) === "react-router-5") {
+            throw new Error(`router v5 plugin doesn't support streaming SSR, check your config 'runtime.router'`);
           }
-          return {
-            entrypoint,
-            imports
-          };
-        },
-        modifyEntryRuntimePlugins({ entrypoint, plugins, bundlerConfigs }) {
-          if (ssrConfigMap.get(entrypoint.entryName)) {
-            var _bundlerConfigs_find, _bundlerConfigs_find_output;
-            const chunkLoadingGlobal = (_bundlerConfigs_find = bundlerConfigs === null || bundlerConfigs === void 0 ? void 0 : bundlerConfigs.find((config2) => config2.name === "client")) === null || _bundlerConfigs_find === void 0 ? void 0 : (_bundlerConfigs_find_output = _bundlerConfigs_find.output) === null || _bundlerConfigs_find_output === void 0 ? void 0 : _bundlerConfigs_find_output.chunkLoadingGlobal;
-            const config = api.useResolvedConfigContext();
-            const { crossorigin, scriptLoading } = config.html;
-            plugins.push({
-              name: PLUGIN_IDENTIFIER,
-              options: JSON.stringify({
-                ...ssrConfigMap.get(entrypoint.entryName) || {},
-                crossorigin,
-                scriptLoading,
-                chunkLoadingGlobal
-              })
-            });
+          if (fileSystemRoutes && !entrypoint.nestedRoutesEntry) {
+            throw new Error("You should switch to file-system based router to support streaming SSR.");
           }
+        }
+        const useSSG = (0, _utils.isSSGEntry)(userConfig, entryName, entrypoints);
+        ssrConfigMap.set(entryName, ssrConfig || useSSG);
+        if (ssrConfig || useSSG) {
+          imports.push({
+            value: "@modern-js/runtime/plugins",
+            specifiers: [
+              {
+                imported: PLUGIN_IDENTIFIER
+              }
+            ]
+          });
+        }
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      modifyEntryRuntimePlugins({ entrypoint, plugins, bundlerConfigs }) {
+        if (ssrConfigMap.get(entrypoint.entryName)) {
+          var _bundlerConfigs_find_output, _bundlerConfigs_find, _bundlerConfigs;
+          const chunkLoadingGlobal = (_bundlerConfigs = bundlerConfigs) === null || _bundlerConfigs === void 0 ? void 0 : (_bundlerConfigs_find = _bundlerConfigs.find((config2) => config2.name === "client")) === null || _bundlerConfigs_find === void 0 ? void 0 : (_bundlerConfigs_find_output = _bundlerConfigs_find.output) === null || _bundlerConfigs_find_output === void 0 ? void 0 : _bundlerConfigs_find_output.chunkLoadingGlobal;
+          const config = api.useResolvedConfigContext();
+          const { crossorigin, scriptLoading } = config.html;
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: JSON.stringify({
+              ...ssrConfigMap.get(entrypoint.entryName) || {},
+              crossorigin,
+              scriptLoading,
+              chunkLoadingGlobal
+            })
+          });
+        }
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+      modifyEntryExport({ entrypoint, exportStatement }) {
+        if (ssrConfigMap.get(entrypoint.entryName)) {
           return {
             entrypoint,
-            plugins
-          };
-        },
-        modifyEntryExport({ entrypoint, exportStatement }) {
-          if (ssrConfigMap.get(entrypoint.entryName)) {
-            return {
-              entrypoint,
-              exportStatement: [
-                `export function ${_utils.SERVER_RENDER_FUNCTION_NAME}(context) {
+            exportStatement: [
+              `export function ${_utils.SERVER_RENDER_FUNCTION_NAME}(context) {
               return bootstrap(AppWrapper, context)
             }`,
-                exportStatement
-              ].join("\n")
-            };
-          }
-          return {
-            entrypoint,
-            exportStatement
+              exportStatement
+            ].join("\n")
           };
         }
-      };
-    }
-  };
-};
+        return {
+          entrypoint,
+          exportStatement
+        };
+      }
+    };
+  }
+});
 const _default = ssrPlugin;