@modern-js/runtime 2.26.0 → 2.28.0

package/dist/esm-node/ssr/cli/index.js

@@ -2,12 +2,13 @@ import path from "path";
 import { getEntryOptions, SERVER_RENDER_FUNCTION_NAME, LOADABLE_STATS_FILE, isUseSSRBundle, createRuntimeExportsUtils, isSSGEntry } from "@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;
@@ -16,144 +17,142 @@ const hasStringSSREntry = (userConfig) => {
   }
   return false;
 };
-export 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 = createRuntimeExportsUtils(appContext.internalDirectory, "plugins");
-          const userConfig = api.useConfigContext();
-          const { bundlerType = "webpack" } = api.useAppContext();
-          const babelConfig = (() => {
-            if (bundlerType === "webpack") {
+export 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 = 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.join(__dirname, "./babel-plugin-ssr-loader-id"));
+              if (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 (isUseSSRBundle(userConfig)) {
               return (config) => {
                 var _config_plugins;
                 (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(path.join(__dirname, "./babel-plugin-ssr-loader-id"));
-                if (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 (isUseSSRBundle(userConfig)) {
-                return (config) => {
-                  var _config_plugins;
-                  (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(path.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 (isUseSSRBundle(userConfig2) && !isServer && !isServiceWorker && hasStringSSREntry(userConfig2)) {
-                  const LoadableBundlerPlugin = require("./loadable-bundler-plugin.js");
-                  chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableBundlerPlugin, [
-                    {
-                      filename: 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 = getEntryOptions(entryName, isMainEntry, userConfig.server.ssr, userConfig.server.ssrByEntries, packageName);
-          if (typeof ssrConfig === "object" && ssrConfig.mode === "stream") {
-            var _ref;
-            const runtimeConfig = 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 (isUseSSRBundle(userConfig2) && !isServer && !isServiceWorker && hasStringSSREntry(userConfig2)) {
+                const LoadableBundlerPlugin = require("./loadable-bundler-plugin.js");
+                chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableBundlerPlugin, [
+                  {
+                    filename: LOADABLE_STATS_FILE
+                  }
+                ]);
+              }
+            },
+            babel: babelConfig
           }
-          const useSSG = 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 = getEntryOptions(entryName, isMainEntry, userConfig.server.ssr, userConfig.server.ssrByEntries, packageName);
+        if (typeof ssrConfig === "object" && ssrConfig.mode === "stream") {
+          var _this, _runtimeConfig;
+          const runtimeConfig = 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 = 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 ${SERVER_RENDER_FUNCTION_NAME}(context) {
+            exportStatement: [
+              `export function ${SERVER_RENDER_FUNCTION_NAME}(context) {
               return bootstrap(AppWrapper, context)
             }`,
-                exportStatement
-              ].join("\n")
-            };
-          }
-          return {
-            entrypoint,
-            exportStatement
+              exportStatement
+            ].join("\n")
           };
         }
-      };
-    }
-  };
-};
+        return {
+          entrypoint,
+          exportStatement
+        };
+      }
+    };
+  }
+});
 export default ssrPlugin;

package/dist/esm-node/ssr/cli/loadable-bundler-plugin.js

@@ -71,7 +71,7 @@ class LoadablePlugin {
     const outputFile = path.resolve(outputFolder || "", this.opts.filename);
     fs.outputFileSync(outputFile, manifest);
   }
-  constructor({ filename = "loadable-stats.json", path: path2, writeToDisk, outputAsset = true, chunkLoadingGlobal = "__LOADABLE_LOADED_CHUNKS__" } = {
+  constructor({ filename = "loadable-stats.json", path: path1, writeToDisk, outputAsset = true, chunkLoadingGlobal = "__LOADABLE_LOADED_CHUNKS__" } = {
     filename: "loadable-stats.json",
     outputAsset: true,
     chunkLoadingGlobal: "__LOADABLE_LOADED_CHUNKS__"
@@ -80,7 +80,7 @@ class LoadablePlugin {
     _define_property(this, "compiler", void 0);
     this.opts = {
       filename,
-      path: path2,
+      path: path1,
       writeToDisk,
       outputAsset,
       chunkLoadingGlobal

package/dist/esm-node/ssr/index.js

@@ -6,129 +6,127 @@ import { RenderLevel } from "./serverRender/types";
 import { WithCallback } from "./react/withCallback";
 import { formatClient, mockResponse, isReact18 } from "./utils";
 import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID } from "./serverRender/utils";
-export const ssr = (config) => {
-  return {
-    name: "@modern-js/plugin-ssr",
-    setup: () => {
-      const mockResp = mockResponse();
-      if (config.inlineScript === false) {
-        window._SSR_DATA = parsedJSONFromElement(SSR_DATA_JSON_ID);
-        window._ROUTER_DATA = parsedJSONFromElement(ROUTER_DATA_JSON_ID);
-      }
-      return {
-        client: async ({ App, context, ModernRender, ModernHydrate }) => {
-          var _window__SSR_DATA;
-          const hydrateContext = {
-            ...context,
-            get routes() {
-              return context.routes;
-            },
-            _hydration: true
-          };
-          const callback = () => {
-            delete hydrateContext._hydration;
-          };
-          const renderLevel = (window === null || window === void 0 ? void 0 : (_window__SSR_DATA = window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : _window__SSR_DATA.renderLevel) || RenderLevel.CLIENT_RENDER;
-          if (isReact18() && config.mode === "stream") {
-            return streamSSRHydrate();
-          }
-          return stringSSRHydrate();
-          function stringSSRHydrate() {
-            if (renderLevel === RenderLevel.CLIENT_RENDER || renderLevel === RenderLevel.SERVER_PREFETCH) {
-              ModernRender(/* @__PURE__ */ _jsx(App, {
-                context
-              }));
-            } else if (renderLevel === RenderLevel.SERVER_RENDER) {
-              const loadableReadyOptions = {
-                chunkLoadingGlobal: config.chunkLoadingGlobal
-              };
-              if (isReact18()) {
-                loadableReady(() => {
-                  let SSRApp = () => /* @__PURE__ */ _jsx(WithCallback, {
-                    callback,
-                    children: /* @__PURE__ */ _jsx(App, {
-                      context: hydrateContext
-                    })
-                  });
-                  SSRApp = hoistNonReactStatics(SSRApp, App);
-                  ModernHydrate(/* @__PURE__ */ _jsx(SSRApp, {}));
-                }, loadableReadyOptions);
-              } else {
-                loadableReady(() => {
-                  ModernHydrate(/* @__PURE__ */ _jsx(App, {
+export const ssr = (config) => ({
+  name: "@modern-js/plugin-ssr",
+  setup: () => {
+    const mockResp = mockResponse();
+    if (config.inlineScript === false) {
+      window._SSR_DATA = parsedJSONFromElement(SSR_DATA_JSON_ID);
+      window._ROUTER_DATA = parsedJSONFromElement(ROUTER_DATA_JSON_ID);
+    }
+    return {
+      client: async ({ App, context, ModernRender, ModernHydrate }) => {
+        var _window__SSR_DATA, _window;
+        const hydrateContext = {
+          ...context,
+          get routes() {
+            return context.routes;
+          },
+          _hydration: true
+        };
+        const callback = () => {
+          delete hydrateContext._hydration;
+        };
+        const renderLevel = ((_window = window) === null || _window === void 0 ? void 0 : (_window__SSR_DATA = _window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : _window__SSR_DATA.renderLevel) || RenderLevel.CLIENT_RENDER;
+        if (isReact18() && config.mode === "stream") {
+          return streamSSRHydrate();
+        }
+        return stringSSRHydrate();
+        function stringSSRHydrate() {
+          if (renderLevel === RenderLevel.CLIENT_RENDER || renderLevel === RenderLevel.SERVER_PREFETCH) {
+            ModernRender(/* @__PURE__ */ _jsx(App, {
+              context
+            }));
+          } else if (renderLevel === RenderLevel.SERVER_RENDER) {
+            const loadableReadyOptions = {
+              chunkLoadingGlobal: config.chunkLoadingGlobal
+            };
+            if (isReact18()) {
+              loadableReady(() => {
+                let SSRApp = () => /* @__PURE__ */ _jsx(WithCallback, {
+                  callback,
+                  children: /* @__PURE__ */ _jsx(App, {
                     context: hydrateContext
-                  }), callback);
-                }, loadableReadyOptions);
-              }
+                  })
+                });
+                SSRApp = hoistNonReactStatics(SSRApp, App);
+                ModernHydrate(/* @__PURE__ */ _jsx(SSRApp, {}));
+              }, loadableReadyOptions);
             } else {
-              console.warn(`unknow render level: ${renderLevel}, execute render()`);
-              ModernRender(/* @__PURE__ */ _jsx(App, {
-                context
-              }));
-            }
-          }
-          function streamSSRHydrate() {
-            if (renderLevel === RenderLevel.SERVER_RENDER) {
-              let SSRApp = () => /* @__PURE__ */ _jsx(WithCallback, {
-                callback,
-                children: /* @__PURE__ */ _jsx(App, {
+              loadableReady(() => {
+                ModernHydrate(/* @__PURE__ */ _jsx(App, {
                   context: hydrateContext
-                })
-              });
-              SSRApp = hoistNonReactStatics(SSRApp, App);
-              ModernHydrate(/* @__PURE__ */ _jsx(SSRApp, {}));
-            } else {
-              ModernRender(/* @__PURE__ */ _jsx(App, {
-                context
-              }));
+                }), callback);
+              }, loadableReadyOptions);
             }
-          }
-        },
-        init({ context }, next) {
-          var _window__SSR_DATA, _window__SSR_DATA_context;
-          const request = window === null || window === void 0 ? void 0 : (_window__SSR_DATA = window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : (_window__SSR_DATA_context = _window__SSR_DATA.context) === null || _window__SSR_DATA_context === void 0 ? void 0 : _window__SSR_DATA_context.request;
-          if (!request) {
-            context.ssrContext = {
-              ...context.ssrContext,
-              response: mockResp,
-              request: formatClient({})
-            };
-            return next({
+          } else {
+            console.warn(`unknow render level: ${renderLevel}, execute render()`);
+            ModernRender(/* @__PURE__ */ _jsx(App, {
               context
+            }));
+          }
+        }
+        function streamSSRHydrate() {
+          if (renderLevel === RenderLevel.SERVER_RENDER) {
+            let SSRApp = () => /* @__PURE__ */ _jsx(WithCallback, {
+              callback,
+              children: /* @__PURE__ */ _jsx(App, {
+                context: hydrateContext
+              })
             });
+            SSRApp = hoistNonReactStatics(SSRApp, App);
+            ModernHydrate(/* @__PURE__ */ _jsx(SSRApp, {}));
+          } else {
+            ModernRender(/* @__PURE__ */ _jsx(App, {
+              context
+            }));
           }
-          context.ssrContext.response = mockResp;
-          context.ssrContext.request = formatClient(request);
+        }
+      },
+      init({ context }, next) {
+        var _window__SSR_DATA_context, _window__SSR_DATA, _window;
+        const request = (_window = window) === null || _window === void 0 ? void 0 : (_window__SSR_DATA = _window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : (_window__SSR_DATA_context = _window__SSR_DATA.context) === null || _window__SSR_DATA_context === void 0 ? void 0 : _window__SSR_DATA_context.request;
+        if (!request) {
+          context.ssrContext = {
+            ...context.ssrContext,
+            response: mockResp,
+            request: formatClient({})
+          };
           return next({
             context
           });
-        },
-        pickContext: ({ context, pickedContext }, next) => {
-          var _window__SSR_DATA, _window__SSR_DATA_context;
-          const request = window === null || window === void 0 ? void 0 : (_window__SSR_DATA = window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : (_window__SSR_DATA_context = _window__SSR_DATA.context) === null || _window__SSR_DATA_context === void 0 ? void 0 : _window__SSR_DATA_context.request;
-          const { initialData } = context;
-          if (!request) {
-            return next({
-              context,
-              pickedContext: {
-                ...pickedContext,
-                initialData
-              }
-            });
-          }
+        }
+        context.ssrContext.response = mockResp;
+        context.ssrContext.request = formatClient(request);
+        return next({
+          context
+        });
+      },
+      pickContext: ({ context, pickedContext }, next) => {
+        var _window__SSR_DATA_context, _window__SSR_DATA, _window;
+        const request = (_window = window) === null || _window === void 0 ? void 0 : (_window__SSR_DATA = _window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : (_window__SSR_DATA_context = _window__SSR_DATA.context) === null || _window__SSR_DATA_context === void 0 ? void 0 : _window__SSR_DATA_context.request;
+        const { initialData } = context;
+        if (!request) {
           return next({
             context,
             pickedContext: {
               ...pickedContext,
-              initialData,
-              request,
-              response: mockResp
+              initialData
             }
           });
         }
-      };
-    }
-  };
-};
+        return next({
+          context,
+          pickedContext: {
+            ...pickedContext,
+            initialData,
+            request,
+            response: mockResp
+          }
+        });
+      }
+    };
+  }
+});
 export default ssr;
 export * from "./react";

package/dist/esm-node/ssr/index.node.js

@@ -1,42 +1,41 @@
 import { formatServer } from "./utils";
 import render from "./serverRender";
-export const ssr = (config = {}) => {
-  return {
-    name: "@modern-js/plugin-ssr",
-    setup: () => {
-      return {
-        server: async ({ App, context }) => {
-          const html = await render({
-            context,
-            App,
-            config
-          });
-          return html;
-        },
-        init({ context }, next) {
-          const { request } = context.ssrContext;
-          context.ssrContext.request = formatServer(request);
-          context.ssrContext.mode = config.mode;
-          return next({
-            context
-          });
-        },
-        pickContext: ({ context, pickedContext }, next) => {
-          const { request, response } = context === null || context === void 0 ? void 0 : context.ssrContext;
-          const { initialData } = context;
-          return next({
-            context,
-            pickedContext: {
-              ...pickedContext,
-              initialData,
-              request,
-              response
-            }
-          });
-        }
-      };
-    }
-  };
-};
+export const ssr = (config = {}) => ({
+  name: "@modern-js/plugin-ssr",
+  setup: () => {
+    return {
+      server: async ({ App, context }) => {
+        const html = await render({
+          context,
+          App,
+          config
+        });
+        return html;
+      },
+      init({ context }, next) {
+        const { request } = context.ssrContext;
+        context.ssrContext.request = formatServer(request);
+        context.ssrContext.mode = config.mode;
+        return next({
+          context
+        });
+      },
+      pickContext: ({ context, pickedContext }, next) => {
+        var _context;
+        const { request, response } = (_context = context) === null || _context === void 0 ? void 0 : _context.ssrContext;
+        const { initialData } = context;
+        return next({
+          context,
+          pickedContext: {
+            ...pickedContext,
+            initialData,
+            request,
+            response
+          }
+        });
+      }
+    };
+  }
+});
 export default ssr;
 export * from "./react";