@modern-js/server 2.26.0 → 2.28.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @modern-js/server
 
+## 2.28.0
+
+### Minor Changes
+
+- 6eae1e7: feat: support worker hmr using dev-server
+  feat: 借用 dev-server 支持 wokrer hmr
+
+### Patch Changes
+
+- Updated dependencies [4e3ce96]
+- Updated dependencies [6eae1e7]
+- Updated dependencies [00b58a7]
+  - @modern-js/types@2.28.0
+  - @modern-js/prod-server@2.28.0
+  - @modern-js/utils@2.28.0
+  - @modern-js/server-utils@2.28.0
+
+## 2.27.0
+
+### Patch Changes
+
+- Updated dependencies [91d14b8]
+- Updated dependencies [6d7104d]
+  - @modern-js/utils@2.27.0
+  - @modern-js/prod-server@2.27.0
+  - @modern-js/server-utils@2.27.0
+  - @modern-js/types@2.27.0
+
 ## 2.26.0
 
 ### Patch Changes

package/dist/cjs/dev-tools/dev-middleware/hmr-client/index.js

@@ -109,6 +109,7 @@ function canApplyUpdates() {
   return module.hot.status() === "idle";
 }
 function tryApplyUpdates() {
+  var _result;
   if (!module.hot) {
     window.location.reload();
     return;
@@ -131,7 +132,7 @@ function tryApplyUpdates() {
     true,
     handleApplyUpdates
   );
-  if (result === null || result === void 0 ? void 0 : result.then) {
+  if ((_result = result) === null || _result === void 0 ? void 0 : _result.then) {
     result.then((updatedModules) => {
       handleApplyUpdates(null, updatedModules);
     }, (err) => {

package/dist/cjs/dev-tools/dev-middleware/index.js

@@ -10,17 +10,19 @@ Object.defineProperty(exports, "default", {
 });
 const _define_property = require("@swc/helpers/_/_define_property");
 const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _path = require("path");
 const _events = require("events");
 const _socketServer = /* @__PURE__ */ _interop_require_default._(require("./socketServer"));
 const noop = () => {
 };
 function getHMRClientPath(client) {
-  const protocol = (client === null || client === void 0 ? void 0 : client.protocol) ? `&protocol=${client.protocol}` : "";
-  const host = (client === null || client === void 0 ? void 0 : client.host) ? `&host=${client.host}` : "";
-  const path = (client === null || client === void 0 ? void 0 : client.path) ? `&path=${client.path}` : "";
-  const port = (client === null || client === void 0 ? void 0 : client.port) ? `&port=${client.port}` : "";
+  var _client, _client1, _client2, _client3;
+  const protocol = ((_client = client) === null || _client === void 0 ? void 0 : _client.protocol) ? `&protocol=${client.protocol}` : "";
+  const host = ((_client1 = client) === null || _client1 === void 0 ? void 0 : _client1.host) ? `&host=${client.host}` : "";
+  const path = ((_client2 = client) === null || _client2 === void 0 ? void 0 : _client2.path) ? `&path=${client.path}` : "";
+  const port = ((_client3 = client) === null || _client3 === void 0 ? void 0 : _client3.port) ? `&port=${client.port}` : "";
   const clientEntry = `${require.resolve("@modern-js/server/hmr-client")}?${host}${path}${port}${protocol}`;
-  return clientEntry;
+  return clientEntry.replace(`${_path.sep}cjs${_path.sep}dev-tools`, `${_path.sep}esm${_path.sep}dev-tools`);
 }
 class DevMiddleware extends _events.EventEmitter {
   init(app) {

package/dist/cjs/dev-tools/mock/index.js

@@ -15,6 +15,7 @@ const _utils = require("@modern-js/utils");
 const _prodserver = require("@modern-js/prod-server");
 const _getMockData = /* @__PURE__ */ _interop_require_wildcard._(require("./getMockData"));
 const createMockHandler = ({ pwd }) => {
+  var _config;
   const exts = [
     ".ts",
     ".js"
@@ -32,7 +33,7 @@ const createMockHandler = ({ pwd }) => {
   }
   const mod = (0, _utils.compatRequire)(filepath, false);
   const { default: mockModule = mod, config } = mod;
-  if ((config === null || config === void 0 ? void 0 : config.enable) === false) {
+  if (((_config = config) === null || _config === void 0 ? void 0 : _config.enable) === false) {
     return null;
   }
   if (!mockModule) {
@@ -43,7 +44,8 @@ const createMockHandler = ({ pwd }) => {
     return null;
   }
   return async (context, next) => {
-    if (typeof (config === null || config === void 0 ? void 0 : config.enable) === "function") {
+    var _config2;
+    if (typeof ((_config2 = config) === null || _config2 === void 0 ? void 0 : _config2.enable) === "function") {
       const enableMock = config.enable(context.req, context.res);
       if (!enableMock) {
         return next();

package/dist/cjs/server/devServer.js

@@ -22,6 +22,7 @@ const _mock = require("../dev-tools/mock");
 const _register = require("../dev-tools/register");
 const _watcher = /* @__PURE__ */ _interop_require_wildcard._(require("../dev-tools/watcher"));
 const _devmiddleware = /* @__PURE__ */ _interop_require_default._(require("../dev-tools/dev-middleware"));
+const _workerSSRRender = require("./workerSSRRender");
 class ModernDevServer extends _prodserver.ModernServer {
   getDevOptions(options) {
     const devOptions = typeof options.dev === "boolean" ? {} : options.dev;
@@ -79,10 +80,29 @@ class ModernDevServer extends _prodserver.ModernServer {
       });
     }
   }
+  // override the ModernServer renderHandler logic
+  getRenderHandler() {
+    if (this.useWorkerSSR) {
+      var _this_conf_server, _conf_security;
+      const { distDir, staticGenerate, conf, metaName } = this;
+      const ssrConfig = (_this_conf_server = this.conf.server) === null || _this_conf_server === void 0 ? void 0 : _this_conf_server.ssr;
+      const forceCSR = typeof ssrConfig === "object" ? ssrConfig.forceCSR : false;
+      return (0, _prodserver.createRenderHandler)({
+        ssrRender: _workerSSRRender.workerSSRRender,
+        distDir,
+        staticGenerate,
+        forceCSR,
+        nonce: (_conf_security = conf.security) === null || _conf_security === void 0 ? void 0 : _conf_security.nonce,
+        metaName
+      });
+    }
+    return super.getRenderHandler();
+  }
   async applyDefaultMiddlewares(app) {
     const { pwd, dev, devMiddleware } = this;
     const isUseStreamingSSR = (routes) => {
-      return routes === null || routes === void 0 ? void 0 : routes.some((r) => r.isStream === true);
+      var _routes;
+      return (_routes = routes) === null || _routes === void 0 ? void 0 : _routes.some((r) => r.isStream === true);
     };
     if (!isUseStreamingSSR(this.getRoutes()) && dev.compress) {
       const { default: compression } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("http-compression")));
@@ -169,7 +189,7 @@ class ModernDevServer extends _prodserver.ModernServer {
   warmupSSRBundle() {
   }
   initReader() {
-    var _this_dev, _this_dev_devMiddleware;
+    var _this_dev_devMiddleware, _this_dev;
     let isInit = false;
     if (this.devMiddleware && ((_this_dev = this.dev) === null || _this_dev === void 0 ? void 0 : (_this_dev_devMiddleware = _this_dev.devMiddleware) === null || _this_dev_devMiddleware === void 0 ? void 0 : _this_dev_devMiddleware.writeToDisk) === false) {
       this.addHandler((ctx, next) => {
@@ -264,11 +284,11 @@ class ModernDevServer extends _prodserver.ModernServer {
     }
   }
   startWatcher() {
-    var _this_conf_server;
+    var _appContext, _appContext1, _this_conf_server;
     const { pwd, distDir, appContext } = this;
     const { mock } = _prodserver.AGGRED_DIR;
-    const apiDir = (appContext === null || appContext === void 0 ? void 0 : appContext.apiDirectory) || _utils.API_DIR;
-    const sharedDir = (appContext === null || appContext === void 0 ? void 0 : appContext.sharedDirectory) || _utils.SHARED_DIR;
+    const apiDir = ((_appContext = appContext) === null || _appContext === void 0 ? void 0 : _appContext.apiDirectory) || _utils.API_DIR;
+    const sharedDir = ((_appContext1 = appContext) === null || _appContext1 === void 0 ? void 0 : _appContext1.sharedDirectory) || _utils.SHARED_DIR;
     const defaultWatched = [
       `${mock}/**/*`,
       `${_utils.SERVER_DIR}/**/*`,
@@ -302,11 +322,13 @@ class ModernDevServer extends _prodserver.ModernServer {
     super(options);
     _define_property._(this, "mockHandler", null);
     _define_property._(this, "dev", void 0);
+    _define_property._(this, "useWorkerSSR", void 0);
     _define_property._(this, "appContext", void 0);
     _define_property._(this, "devMiddleware", void 0);
     _define_property._(this, "watcher", void 0);
     this.appContext = options.appContext;
     this.workDir = this.pwd;
+    this.useWorkerSSR = Boolean(options.useWorkerSSR);
     this.dev = this.getDevOptions(options);
     this.devMiddleware = new _devmiddleware.default({
       dev: this.dev,

package/dist/cjs/server/workerSSRRender.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "workerSSRRender", {
+  enumerable: true,
+  get: function() {
+    return workerSSRRender;
+  }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _axios = /* @__PURE__ */ _interop_require_default._(require("axios"));
+const _utils = require("@modern-js/utils");
+const PORT = 9230;
+async function workerSSRRender(ctx, renderOptions, _runner) {
+  const { headers, params } = ctx;
+  const { urlPath } = renderOptions;
+  const url = `http://0.0.0.0:${PORT}/${urlPath}`;
+  const resposne = await _axios.default.get(url, {
+    timeout: 5e3,
+    responseType: "text",
+    headers,
+    params
+  });
+  return {
+    content: resposne.data,
+    contentType: _utils.mime.contentType("html")
+  };
+}

package/dist/esm/dev-tools/dev-middleware/hmr-client/index.js

@@ -131,6 +131,7 @@ function tryApplyUpdates() {
       tryApplyUpdates();
     }
   };
+  var _result;
   if (!module.hot) {
     window.location.reload();
     return;
@@ -143,7 +144,7 @@ function tryApplyUpdates() {
     true,
     handleApplyUpdates
   );
-  if (result === null || result === void 0 ? void 0 : result.then) {
+  if ((_result = result) === null || _result === void 0 ? void 0 : _result.then) {
     result.then(function(updatedModules) {
       handleApplyUpdates(null, updatedModules);
     }, function(err) {

package/dist/esm/dev-tools/dev-middleware/index.js

@@ -7,21 +7,23 @@ import { _ as _inherits } from "@swc/helpers/_/_inherits";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _create_super } from "@swc/helpers/_/_create_super";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { sep } from "path";
 import { EventEmitter } from "events";
 import SocketServer from "./socketServer";
 var noop = function() {
 };
 function getHMRClientPath(client) {
-  var protocol = (client === null || client === void 0 ? void 0 : client.protocol) ? "&protocol=".concat(client.protocol) : "";
-  var host = (client === null || client === void 0 ? void 0 : client.host) ? "&host=".concat(client.host) : "";
-  var path = (client === null || client === void 0 ? void 0 : client.path) ? "&path=".concat(client.path) : "";
-  var port = (client === null || client === void 0 ? void 0 : client.port) ? "&port=".concat(client.port) : "";
+  var _client, _client1, _client2, _client3;
+  var protocol = ((_client = client) === null || _client === void 0 ? void 0 : _client.protocol) ? "&protocol=".concat(client.protocol) : "";
+  var host = ((_client1 = client) === null || _client1 === void 0 ? void 0 : _client1.host) ? "&host=".concat(client.host) : "";
+  var path = ((_client2 = client) === null || _client2 === void 0 ? void 0 : _client2.path) ? "&path=".concat(client.path) : "";
+  var port = ((_client3 = client) === null || _client3 === void 0 ? void 0 : _client3.port) ? "&port=".concat(client.port) : "";
   var clientEntry = "".concat(require.resolve("@modern-js/server/hmr-client"), "?").concat(host).concat(path).concat(port).concat(protocol);
-  return clientEntry;
+  return clientEntry.replace("".concat(sep, "cjs").concat(sep, "dev-tools"), "".concat(sep, "esm").concat(sep, "dev-tools"));
 }
-var DevMiddleware = /* @__PURE__ */ function(EventEmitter2) {
+var DevMiddleware = /* @__PURE__ */ function(EventEmitter1) {
   "use strict";
-  _inherits(DevMiddleware2, EventEmitter2);
+  _inherits(DevMiddleware2, EventEmitter1);
   var _super = _create_super(DevMiddleware2);
   function DevMiddleware2(param) {
     var dev = param.dev, devMiddleware = param.devMiddleware;

package/dist/esm/dev-tools/mock/index.js

@@ -6,6 +6,7 @@ import { AGGRED_DIR } from "@modern-js/prod-server";
 import getMockData, { getMatched } from "./getMockData";
 export var createMockHandler = function(param) {
   var pwd = param.pwd;
+  var _config;
   var exts = [
     ".ts",
     ".js"
@@ -40,7 +41,7 @@ export var createMockHandler = function(param) {
   }
   var mod = compatRequire(filepath, false);
   var tmp = mod.default, mockModule = tmp === void 0 ? mod : tmp, config = mod.config;
-  if ((config === null || config === void 0 ? void 0 : config.enable) === false) {
+  if (((_config = config) === null || _config === void 0 ? void 0 : _config.enable) === false) {
     return null;
   }
   if (!mockModule) {
@@ -52,9 +53,9 @@ export var createMockHandler = function(param) {
   }
   return function() {
     var _ref = _async_to_generator(function(context, next) {
-      var enableMock, res, matched;
+      var _config2, enableMock, res, matched;
       return _ts_generator(this, function(_state) {
-        if (typeof (config === null || config === void 0 ? void 0 : config.enable) === "function") {
+        if (typeof ((_config2 = config) === null || _config2 === void 0 ? void 0 : _config2.enable) === "function") {
           enableMock = config.enable(context.req, context.res);
           if (!enableMock) {
             return [

package/dist/esm/server/devServer.js

@@ -14,16 +14,17 @@ import { createServer } from "http";
 import path from "path";
 import { createServer as createHttpsServer } from "https";
 import { API_DIR, SERVER_BUNDLE_DIRECTORY, SERVER_DIR, SHARED_DIR, LOADABLE_STATS_FILE } from "@modern-js/utils";
-import { createProxyHandler, ModernServer, AGGRED_DIR } from "@modern-js/prod-server";
+import { createProxyHandler, ModernServer, AGGRED_DIR, createRenderHandler } from "@modern-js/prod-server";
 import { merge as deepMerge } from "@modern-js/utils/lodash";
 import { getDefaultDevOptions } from "../constants";
 import { createMockHandler } from "../dev-tools/mock";
 import { enableRegister } from "../dev-tools/register";
 import Watcher, { mergeWatchOptions } from "../dev-tools/watcher";
 import DevMiddleware from "../dev-tools/dev-middleware";
-export var ModernDevServer = /* @__PURE__ */ function(ModernServer2) {
+import { workerSSRRender } from "./workerSSRRender";
+export var ModernDevServer = /* @__PURE__ */ function(ModernServer1) {
   "use strict";
-  _inherits(ModernDevServer2, ModernServer2);
+  _inherits(ModernDevServer2, ModernServer1);
   var _super = _create_super(ModernDevServer2);
   function ModernDevServer2(options) {
     _class_call_check(this, ModernDevServer2);
@@ -31,11 +32,13 @@ export var ModernDevServer = /* @__PURE__ */ function(ModernServer2) {
     _this = _super.call(this, options);
     _define_property(_assert_this_initialized(_this), "mockHandler", null);
     _define_property(_assert_this_initialized(_this), "dev", void 0);
+    _define_property(_assert_this_initialized(_this), "useWorkerSSR", void 0);
     _define_property(_assert_this_initialized(_this), "appContext", void 0);
     _define_property(_assert_this_initialized(_this), "devMiddleware", void 0);
     _define_property(_assert_this_initialized(_this), "watcher", void 0);
     _this.appContext = options.appContext;
     _this.workDir = _this.pwd;
+    _this.useWorkerSSR = Boolean(options.useWorkerSSR);
     _this.dev = _this.getDevOptions(options);
     _this.devMiddleware = new DevMiddleware({
       dev: _this.dev,
@@ -172,6 +175,29 @@ export var ModernDevServer = /* @__PURE__ */ function(ModernServer2) {
         }
       )
     },
+    {
+      key: "getRenderHandler",
+      value: (
+        // override the ModernServer renderHandler logic
+        function getRenderHandler() {
+          if (this.useWorkerSSR) {
+            var _this_conf_server, _conf_security;
+            var _this = this, distDir = _this.distDir, staticGenerate = _this.staticGenerate, conf = _this.conf, metaName = _this.metaName;
+            var ssrConfig = (_this_conf_server = this.conf.server) === null || _this_conf_server === void 0 ? void 0 : _this_conf_server.ssr;
+            var forceCSR = typeof ssrConfig === "object" ? ssrConfig.forceCSR : false;
+            return createRenderHandler({
+              ssrRender: workerSSRRender,
+              distDir: distDir,
+              staticGenerate: staticGenerate,
+              forceCSR: forceCSR,
+              nonce: (_conf_security = conf.security) === null || _conf_security === void 0 ? void 0 : _conf_security.nonce,
+              metaName: metaName
+            });
+          }
+          return _get(_get_prototype_of(ModernDevServer2.prototype), "getRenderHandler", this).call(this);
+        }
+      )
+    },
     {
       key: "applyDefaultMiddlewares",
       value: function applyDefaultMiddlewares(app) {
@@ -183,7 +209,8 @@ export var ModernDevServer = /* @__PURE__ */ function(ModernServer2) {
               case 0:
                 pwd = _this.pwd, dev = _this.dev, devMiddleware = _this.devMiddleware;
                 isUseStreamingSSR = function(routes) {
-                  return routes === null || routes === void 0 ? void 0 : routes.some(function(r) {
+                  var _routes;
+                  return (_routes = routes) === null || _routes === void 0 ? void 0 : _routes.some(function(r) {
                     return r.isStream === true;
                   });
                 };
@@ -358,7 +385,7 @@ export var ModernDevServer = /* @__PURE__ */ function(ModernServer2) {
       key: "initReader",
       value: function initReader() {
         var _this = this;
-        var _this_dev, _this_dev_devMiddleware;
+        var _this_dev_devMiddleware, _this_dev;
         var isInit = false;
         if (this.devMiddleware && ((_this_dev = this.dev) === null || _this_dev === void 0 ? void 0 : (_this_dev_devMiddleware = _this_dev.devMiddleware) === null || _this_dev_devMiddleware === void 0 ? void 0 : _this_dev_devMiddleware.writeToDisk) === false) {
           this.addHandler(function(ctx, next) {
@@ -560,11 +587,11 @@ export var ModernDevServer = /* @__PURE__ */ function(ModernServer2) {
       key: "startWatcher",
       value: function startWatcher() {
         var _this = this;
-        var _this_conf_server;
+        var _appContext, _appContext1, _this_conf_server;
         var _this1 = this, pwd = _this1.pwd, distDir = _this1.distDir, appContext = _this1.appContext;
         var mock = AGGRED_DIR.mock;
-        var apiDir = (appContext === null || appContext === void 0 ? void 0 : appContext.apiDirectory) || API_DIR;
-        var sharedDir = (appContext === null || appContext === void 0 ? void 0 : appContext.sharedDirectory) || SHARED_DIR;
+        var apiDir = ((_appContext = appContext) === null || _appContext === void 0 ? void 0 : _appContext.apiDirectory) || API_DIR;
+        var sharedDir = ((_appContext1 = appContext) === null || _appContext1 === void 0 ? void 0 : _appContext1.sharedDirectory) || SHARED_DIR;
         var defaultWatched = [
           "".concat(mock, "/**/*"),
           "".concat(SERVER_DIR, "/**/*"),

package/dist/esm/server/index.js

@@ -6,9 +6,9 @@ import { ModernDevServer } from "./devServer";
 var createDevServer = function(options) {
   return new ModernDevServer(options);
 };
-export var DevServer = /* @__PURE__ */ function(Server2) {
+export var DevServer = /* @__PURE__ */ function(Server1) {
   "use strict";
-  _inherits(DevServer2, Server2);
+  _inherits(DevServer2, Server1);
   var _super = _create_super(DevServer2);
   function DevServer2(options) {
     _class_call_check(this, DevServer2);

package/dist/esm/server/workerSSRRender.js

@@ -0,0 +1,40 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import axios from "axios";
+import { mime } from "@modern-js/utils";
+var PORT = 9230;
+export function workerSSRRender(ctx, renderOptions, _runner) {
+  return _workerSSRRender.apply(this, arguments);
+}
+function _workerSSRRender() {
+  _workerSSRRender = _async_to_generator(function(ctx, renderOptions, _runner) {
+    var headers, params, urlPath, url, resposne;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          headers = ctx.headers, params = ctx.params;
+          urlPath = renderOptions.urlPath;
+          url = "http://0.0.0.0:".concat(PORT, "/").concat(urlPath);
+          return [
+            4,
+            axios.get(url, {
+              timeout: 5e3,
+              responseType: "text",
+              headers: headers,
+              params: params
+            })
+          ];
+        case 1:
+          resposne = _state.sent();
+          return [
+            2,
+            {
+              content: resposne.data,
+              contentType: mime.contentType("html")
+            }
+          ];
+      }
+    });
+  });
+  return _workerSSRRender.apply(this, arguments);
+}

package/dist/esm-node/dev-tools/dev-middleware/hmr-client/index.js

@@ -104,6 +104,7 @@ function canApplyUpdates() {
   return module.hot.status() === "idle";
 }
 function tryApplyUpdates() {
+  var _result;
   if (!module.hot) {
     window.location.reload();
     return;
@@ -126,7 +127,7 @@ function tryApplyUpdates() {
     true,
     handleApplyUpdates
   );
-  if (result === null || result === void 0 ? void 0 : result.then) {
+  if ((_result = result) === null || _result === void 0 ? void 0 : _result.then) {
     result.then((updatedModules) => {
       handleApplyUpdates(null, updatedModules);
     }, (err) => {

package/dist/esm-node/dev-tools/dev-middleware/index.js

@@ -1,15 +1,17 @@
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
+import { sep } from "path";
 import { EventEmitter } from "events";
 import SocketServer from "./socketServer";
 const noop = () => {
 };
 function getHMRClientPath(client) {
-  const protocol = (client === null || client === void 0 ? void 0 : client.protocol) ? `&protocol=${client.protocol}` : "";
-  const host = (client === null || client === void 0 ? void 0 : client.host) ? `&host=${client.host}` : "";
-  const path = (client === null || client === void 0 ? void 0 : client.path) ? `&path=${client.path}` : "";
-  const port = (client === null || client === void 0 ? void 0 : client.port) ? `&port=${client.port}` : "";
+  var _client, _client1, _client2, _client3;
+  const protocol = ((_client = client) === null || _client === void 0 ? void 0 : _client.protocol) ? `&protocol=${client.protocol}` : "";
+  const host = ((_client1 = client) === null || _client1 === void 0 ? void 0 : _client1.host) ? `&host=${client.host}` : "";
+  const path = ((_client2 = client) === null || _client2 === void 0 ? void 0 : _client2.path) ? `&path=${client.path}` : "";
+  const port = ((_client3 = client) === null || _client3 === void 0 ? void 0 : _client3.port) ? `&port=${client.port}` : "";
   const clientEntry = `${require.resolve("@modern-js/server/hmr-client")}?${host}${path}${port}${protocol}`;
-  return clientEntry;
+  return clientEntry.replace(`${sep}cjs${sep}dev-tools`, `${sep}esm${sep}dev-tools`);
 }
 class DevMiddleware extends EventEmitter {
   init(app) {

package/dist/esm-node/dev-tools/mock/index.js

@@ -3,6 +3,7 @@ import { compatRequire, fs } from "@modern-js/utils";
 import { AGGRED_DIR } from "@modern-js/prod-server";
 import getMockData, { getMatched } from "./getMockData";
 export const createMockHandler = ({ pwd }) => {
+  var _config;
   const exts = [
     ".ts",
     ".js"
@@ -20,7 +21,7 @@ export const createMockHandler = ({ pwd }) => {
   }
   const mod = compatRequire(filepath, false);
   const { default: mockModule = mod, config } = mod;
-  if ((config === null || config === void 0 ? void 0 : config.enable) === false) {
+  if (((_config = config) === null || _config === void 0 ? void 0 : _config.enable) === false) {
     return null;
   }
   if (!mockModule) {
@@ -31,7 +32,8 @@ export const createMockHandler = ({ pwd }) => {
     return null;
   }
   return async (context, next) => {
-    if (typeof (config === null || config === void 0 ? void 0 : config.enable) === "function") {
+    var _config2;
+    if (typeof ((_config2 = config) === null || _config2 === void 0 ? void 0 : _config2.enable) === "function") {
       const enableMock = config.enable(context.req, context.res);
       if (!enableMock) {
         return next();

package/dist/esm-node/server/devServer.js

@@ -3,13 +3,14 @@ import { createServer } from "http";
 import path from "path";
 import { createServer as createHttpsServer } from "https";
 import { API_DIR, SERVER_BUNDLE_DIRECTORY, SERVER_DIR, SHARED_DIR, LOADABLE_STATS_FILE } from "@modern-js/utils";
-import { createProxyHandler, ModernServer, AGGRED_DIR } from "@modern-js/prod-server";
+import { createProxyHandler, ModernServer, AGGRED_DIR, createRenderHandler } from "@modern-js/prod-server";
 import { merge as deepMerge } from "@modern-js/utils/lodash";
 import { getDefaultDevOptions } from "../constants";
 import { createMockHandler } from "../dev-tools/mock";
 import { enableRegister } from "../dev-tools/register";
 import Watcher, { mergeWatchOptions } from "../dev-tools/watcher";
 import DevMiddleware from "../dev-tools/dev-middleware";
+import { workerSSRRender } from "./workerSSRRender";
 export class ModernDevServer extends ModernServer {
   getDevOptions(options) {
     const devOptions = typeof options.dev === "boolean" ? {} : options.dev;
@@ -67,10 +68,29 @@ export class ModernDevServer extends ModernServer {
       });
     }
   }
+  // override the ModernServer renderHandler logic
+  getRenderHandler() {
+    if (this.useWorkerSSR) {
+      var _this_conf_server, _conf_security;
+      const { distDir, staticGenerate, conf, metaName } = this;
+      const ssrConfig = (_this_conf_server = this.conf.server) === null || _this_conf_server === void 0 ? void 0 : _this_conf_server.ssr;
+      const forceCSR = typeof ssrConfig === "object" ? ssrConfig.forceCSR : false;
+      return createRenderHandler({
+        ssrRender: workerSSRRender,
+        distDir,
+        staticGenerate,
+        forceCSR,
+        nonce: (_conf_security = conf.security) === null || _conf_security === void 0 ? void 0 : _conf_security.nonce,
+        metaName
+      });
+    }
+    return super.getRenderHandler();
+  }
   async applyDefaultMiddlewares(app) {
     const { pwd, dev, devMiddleware } = this;
     const isUseStreamingSSR = (routes) => {
-      return routes === null || routes === void 0 ? void 0 : routes.some((r) => r.isStream === true);
+      var _routes;
+      return (_routes = routes) === null || _routes === void 0 ? void 0 : _routes.some((r) => r.isStream === true);
     };
     if (!isUseStreamingSSR(this.getRoutes()) && dev.compress) {
       const { default: compression } = await import("http-compression");
@@ -157,7 +177,7 @@ export class ModernDevServer extends ModernServer {
   warmupSSRBundle() {
   }
   initReader() {
-    var _this_dev, _this_dev_devMiddleware;
+    var _this_dev_devMiddleware, _this_dev;
     let isInit = false;
     if (this.devMiddleware && ((_this_dev = this.dev) === null || _this_dev === void 0 ? void 0 : (_this_dev_devMiddleware = _this_dev.devMiddleware) === null || _this_dev_devMiddleware === void 0 ? void 0 : _this_dev_devMiddleware.writeToDisk) === false) {
       this.addHandler((ctx, next) => {
@@ -252,11 +272,11 @@ export class ModernDevServer extends ModernServer {
     }
   }
   startWatcher() {
-    var _this_conf_server;
+    var _appContext, _appContext1, _this_conf_server;
     const { pwd, distDir, appContext } = this;
     const { mock } = AGGRED_DIR;
-    const apiDir = (appContext === null || appContext === void 0 ? void 0 : appContext.apiDirectory) || API_DIR;
-    const sharedDir = (appContext === null || appContext === void 0 ? void 0 : appContext.sharedDirectory) || SHARED_DIR;
+    const apiDir = ((_appContext = appContext) === null || _appContext === void 0 ? void 0 : _appContext.apiDirectory) || API_DIR;
+    const sharedDir = ((_appContext1 = appContext) === null || _appContext1 === void 0 ? void 0 : _appContext1.sharedDirectory) || SHARED_DIR;
     const defaultWatched = [
       `${mock}/**/*`,
       `${SERVER_DIR}/**/*`,
@@ -290,11 +310,13 @@ export class ModernDevServer extends ModernServer {
     super(options);
     _define_property(this, "mockHandler", null);
     _define_property(this, "dev", void 0);
+    _define_property(this, "useWorkerSSR", void 0);
     _define_property(this, "appContext", void 0);
     _define_property(this, "devMiddleware", void 0);
     _define_property(this, "watcher", void 0);
     this.appContext = options.appContext;
     this.workDir = this.pwd;
+    this.useWorkerSSR = Boolean(options.useWorkerSSR);
     this.dev = this.getDevOptions(options);
     this.devMiddleware = new DevMiddleware({
       dev: this.dev,

package/dist/esm-node/server/workerSSRRender.js

@@ -0,0 +1,18 @@
+import axios from "axios";
+import { mime } from "@modern-js/utils";
+const PORT = 9230;
+export async function workerSSRRender(ctx, renderOptions, _runner) {
+  const { headers, params } = ctx;
+  const { urlPath } = renderOptions;
+  const url = `http://0.0.0.0:${PORT}/${urlPath}`;
+  const resposne = await axios.get(url, {
+    timeout: 5e3,
+    responseType: "text",
+    headers,
+    params
+  });
+  return {
+    content: resposne.data,
+    contentType: mime.contentType("html")
+  };
+}

package/dist/types/server/devServer.d.ts

@@ -3,11 +3,13 @@
 import { IncomingMessage, Server, ServerResponse } from 'http';
 import { NextFunction, ServerHookRunner, ModernServer, BuildOptions } from '@modern-js/prod-server';
 import type { ModernServerContext } from '@modern-js/types';
+import { RenderHandler } from '@modern-js/prod-server/src/libs/render';
 import { WatchEvent } from '../dev-tools/watcher';
 import type { ModernDevServerOptions } from '../types';
 export declare class ModernDevServer extends ModernServer {
   private mockHandler;
   private readonly dev;
+  private readonly useWorkerSSR;
   private readonly appContext;
   private readonly devMiddleware;
   private watcher?;
@@ -16,6 +18,7 @@ export declare class ModernDevServer extends ModernServer {
   private addMiddlewareHandler;
   private applySetupMiddlewares;
   onInit(runner: ServerHookRunner, app: Server): Promise<void>;
+  getRenderHandler(): RenderHandler;
   private applyDefaultMiddlewares;
   onRepack(options?: BuildOptions): void;
   createHTTPServer(handler: (req: IncomingMessage, res: ServerResponse, next?: () => void) => void): Promise<Server<typeof IncomingMessage, typeof ServerResponse> | import("https").Server<typeof IncomingMessage, typeof ServerResponse>>;

package/dist/types/server/workerSSRRender.d.ts

@@ -0,0 +1,9 @@
+import { ServerHookRunner } from '@modern-js/prod-server';
+import { ModernServerContext } from '@modern-js/types/server';
+export declare function workerSSRRender(ctx: ModernServerContext, renderOptions: {
+  urlPath: string;
+  [props: string]: any;
+}, _runner: ServerHookRunner): Promise<{
+  content: any;
+  contentType: string;
+}>;

package/dist/types/types.d.ts

@@ -33,5 +33,6 @@ export type DevMiddleware = (options: DevMiddlewareOptions) => DevMiddlewareAPI;
 export type ExtraOptions = {
   dev: boolean | Partial<DevServerOptions>;
   devMiddleware?: DevMiddleware;
+  useWorkerSSR?: boolean;
 };
 export type ModernDevServerOptions = ModernServerOptions & ExtraOptions;

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.26.0",
+  "version": "2.28.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -47,10 +47,11 @@
     "minimatch": "^3.0.4",
     "path-to-regexp": "^6.2.0",
     "ws": "^8.2.0",
-    "@modern-js/prod-server": "2.26.0",
-    "@modern-js/server-utils": "2.26.0",
-    "@modern-js/types": "2.26.0",
-    "@modern-js/utils": "2.26.0"
+    "axios": "^1.2.1",
+    "@modern-js/prod-server": "2.28.0",
+    "@modern-js/server-utils": "2.28.0",
+    "@modern-js/types": "2.28.0",
+    "@modern-js/utils": "2.28.0"
   },
   "devDependencies": {
     "@types/connect-history-api-fallback": "^1.3.5",
@@ -65,9 +66,9 @@
     "typescript": "^5",
     "webpack": "^5.88.1",
     "websocket": "^1",
-    "@modern-js/server-core": "2.26.0",
-    "@scripts/build": "2.26.0",
-    "@scripts/jest-config": "2.26.0"
+    "@modern-js/server-core": "2.28.0",
+    "@scripts/build": "2.28.0",
+    "@scripts/jest-config": "2.28.0"
   },
   "peerDependencies": {
     "devcert": "^1.0.0",