@modern-js/prod-server 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/js/treeshaking/server/modern-server.js

@@ -0,0 +1,945 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["getMiddlewares"];
+/* eslint-disable max-lines */
+import { createServer } from 'http';
+import util from 'util';
+import path from 'path';
+import { fs, mime, ROUTE_SPEC_FILE } from '@modern-js/utils';
+import { RouteMatchManager } from "../libs/route";
+import { createRenderHandler } from "../libs/render";
+import { createStaticFileHandler, faviconFallbackHandler } from "../libs/serve-file";
+import { createErrorDocument, createMiddlewareCollecter, getStaticReg, mergeExtension, noop, debug, isRedirect } from "../utils";
+import * as reader from "../libs/render/reader";
+import { createProxyHandler } from "../libs/proxy";
+import { createContext as _createContext } from "../libs/context";
+import { templateInjectableStream } from "../libs/hook-api/template";
+import { AGGRED_DIR, ERROR_DIGEST, ERROR_PAGE_TEXT, RUN_MODE } from "../constants";
+import { createAfterMatchContext, createAfterRenderContext, createMiddlewareContext } from "../libs/hook-api";
+var API_DIR = './api';
+var SERVER_DIR = './server';
+export var ModernServer = /*#__PURE__*/function () {
+  // appDirectory
+
+  // product dist dir
+
+  // work on src or dist
+
+  function ModernServer(_ref) {
+    var _config$output;
+    var pwd = _ref.pwd,
+      config = _ref.config,
+      routes = _ref.routes,
+      staticGenerate = _ref.staticGenerate,
+      logger = _ref.logger,
+      metrics = _ref.metrics,
+      runMode = _ref.runMode,
+      proxyTarget = _ref.proxyTarget;
+    _classCallCheck(this, ModernServer);
+    _defineProperty(this, "pwd", void 0);
+    _defineProperty(this, "distDir", void 0);
+    _defineProperty(this, "workDir", void 0);
+    _defineProperty(this, "router", void 0);
+    _defineProperty(this, "conf", void 0);
+    _defineProperty(this, "handlers", []);
+    _defineProperty(this, "presetRoutes", void 0);
+    _defineProperty(this, "runner", void 0);
+    _defineProperty(this, "logger", void 0);
+    _defineProperty(this, "metrics", void 0);
+    _defineProperty(this, "runMode", void 0);
+    _defineProperty(this, "reader", reader);
+    _defineProperty(this, "proxyTarget", void 0);
+    _defineProperty(this, "staticFileHandler", void 0);
+    _defineProperty(this, "routeRenderHandler", void 0);
+    _defineProperty(this, "beforeRouteHandler", null);
+    _defineProperty(this, "frameWebHandler", null);
+    _defineProperty(this, "frameAPIHandler", null);
+    _defineProperty(this, "proxyHandler", null);
+    _defineProperty(this, "_handler", void 0);
+    _defineProperty(this, "staticGenerate", void 0);
+    require('ignore-styles');
+    this.pwd = pwd;
+    this.distDir = path.join(pwd, ((_config$output = config.output) === null || _config$output === void 0 ? void 0 : _config$output.path) || 'dist');
+    this.workDir = this.distDir;
+    this.conf = config;
+    debug('server conf', this.conf);
+    this.logger = logger;
+    this.metrics = metrics;
+    this.router = new RouteMatchManager();
+    this.presetRoutes = routes;
+    this.proxyTarget = proxyTarget;
+    this.staticGenerate = staticGenerate || false;
+    this.runMode = runMode || RUN_MODE.FULL;
+    // process.env.BUILD_TYPE = `${this.staticGenerate ? 'ssg' : 'ssr'}`;
+  }
+
+  // server prepare
+  _createClass(ModernServer, [{
+    key: "onInit",
+    value: function () {
+      var _onInit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(runner, app) {
+        var _conf$bff,
+          _this = this;
+        var distDir, staticGenerate, conf, usageRoutes, staticPathRegExp;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                this.runner = runner;
+                distDir = this.distDir, staticGenerate = this.staticGenerate, conf = this.conf;
+                debug('final server conf', this.conf);
+                // proxy handler, each proxy has own handler
+                this.proxyHandler = createProxyHandler((_conf$bff = conf.bff) === null || _conf$bff === void 0 ? void 0 : _conf$bff.proxy);
+                if (this.proxyHandler) {
+                  this.proxyHandler.forEach(function (handler) {
+                    _this.addHandler(handler);
+                  });
+                }
+
+                // start file reader
+                this.reader.init();
+                app.on('close', function () {
+                  _this.reader.close();
+                });
+
+                // use preset routes priority
+                usageRoutes = this.filterRoutes(this.getRoutes());
+                this.router.reset(usageRoutes);
+
+                // warmup ssr bundle in production env
+                this.warmupSSRBundle();
+                _context.next = 12;
+                return this.prepareFrameHandler();
+              case 12:
+                _context.next = 14;
+                return this.prepareBeforeRouteHandler(usageRoutes, distDir);
+              case 14:
+                // Only work when without setting `assetPrefix`.
+                // Setting `assetPrefix` means these resources should be uploaded to CDN.
+                staticPathRegExp = getStaticReg(this.conf.output || {});
+                this.staticFileHandler = createStaticFileHandler([{
+                  path: staticPathRegExp,
+                  target: distDir
+                }], this.conf.output);
+                this.routeRenderHandler = createRenderHandler({
+                  distDir: distDir,
+                  staticGenerate: staticGenerate
+                });
+                _context.next = 19;
+                return this.setupBeforeProdMiddleware();
+              case 19:
+                this.addHandler(this.staticFileHandler);
+
+                // execute after staticFileHandler, can rename to staticFallbackHandler if needed.
+                this.addHandler(faviconFallbackHandler);
+                this.addBeforeRouteHandler();
+                this.addHandler(this.routeHandler.bind(this));
+
+                // compose middlewares to http handler
+                this.compose();
+              case 24:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+      function onInit(_x, _x2) {
+        return _onInit.apply(this, arguments);
+      }
+      return onInit;
+    }() // server ready
+  }, {
+    key: "onRepack",
+    value: function onRepack(_) {
+      // empty
+    }
+  }, {
+    key: "addBeforeRouteHandler",
+    value: function addBeforeRouteHandler() {
+      var _this2 = this;
+      this.addHandler( /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(context, next) {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  if (!_this2.beforeRouteHandler) {
+                    _context2.next = 5;
+                    break;
+                  }
+                  _context2.next = 3;
+                  return _this2.beforeRouteHandler(context);
+                case 3:
+                  if (!_this2.isSend(context.res)) {
+                    _context2.next = 5;
+                    break;
+                  }
+                  return _context2.abrupt("return");
+                case 5:
+                  return _context2.abrupt("return", next());
+                case 6:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+        return function (_x3, _x4) {
+          return _ref2.apply(this, arguments);
+        };
+      }());
+    }
+  }, {
+    key: "onServerChange",
+    value: function onServerChange(_ref3) {
+      var filepath = _ref3.filepath;
+      var pwd = this.pwd;
+      var api = AGGRED_DIR.api,
+        server = AGGRED_DIR.server;
+      var apiPath = path.normalize(path.join(pwd, api));
+      var serverPath = path.normalize(path.join(pwd, server));
+      var onlyApi = filepath.startsWith(apiPath);
+      var onlyWeb = filepath.startsWith(serverPath);
+      this.prepareFrameHandler({
+        onlyWeb: onlyWeb,
+        onlyApi: onlyApi
+      });
+    }
+
+    // exposed requestHandler
+  }, {
+    key: "getRequestHandler",
+    value: function getRequestHandler() {
+      return this.requestHandler.bind(this);
+    }
+  }, {
+    key: "render",
+    value: function () {
+      var _render = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(req, res, url) {
+        var context, matched, route, result;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                req.logger = this.logger;
+                req.metrics = this.metrics;
+                context = _createContext(req, res);
+                matched = this.router.match(url || context.path);
+                if (matched) {
+                  _context3.next = 6;
+                  break;
+                }
+                return _context3.abrupt("return", null);
+              case 6:
+                route = matched.generate(context.url);
+                _context3.next = 9;
+                return this.handleWeb(context, route);
+              case 9:
+                result = _context3.sent;
+                if (result) {
+                  _context3.next = 12;
+                  break;
+                }
+                return _context3.abrupt("return", null);
+              case 12:
+                return _context3.abrupt("return", result.content.toString());
+              case 13:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+      function render(_x5, _x6, _x7) {
+        return _render.apply(this, arguments);
+      }
+      return render;
+    }()
+  }, {
+    key: "createHTTPServer",
+    value: function () {
+      var _createHTTPServer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(handler) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                return _context4.abrupt("return", createServer(handler));
+              case 1:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      }));
+      function createHTTPServer(_x8) {
+        return _createHTTPServer.apply(this, arguments);
+      }
+      return createHTTPServer;
+    }()
+    /* —————————————————————— function will be overwrite —————————————————————— */
+    // get routes info
+  }, {
+    key: "getRoutes",
+    value: function getRoutes() {
+      // Preferred to use preset routes
+      if (this.presetRoutes) {
+        return this.presetRoutes;
+      }
+
+      // read routes from spec file
+      var file = path.join(this.distDir, ROUTE_SPEC_FILE);
+      if (fs.existsSync(file)) {
+        var content = fs.readJSONSync(file);
+        return content.routes;
+      }
+      return [];
+    }
+
+    // add promisify request handler to server
+    // handler should do not do more things after invoke next
+  }, {
+    key: "addHandler",
+    value: function addHandler(handler) {
+      if (handler[Symbol.toStringTag] === 'AsyncFunction') {
+        this.handlers.push(handler);
+      } else {
+        this.handlers.push(util.promisify(handler));
+      }
+    }
+
+    // return 404 page
+  }, {
+    key: "render404",
+    value: function render404(context) {
+      context.error(ERROR_DIGEST.ENOTF, '404 Not Found');
+      this.renderErrorPage(context, 404);
+    }
+  }, {
+    key: "prepareBeforeRouteHandler",
+    value: function () {
+      var _prepareBeforeRouteHandler = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(specs, distDir) {
+        var runner, handler;
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                runner = this.runner;
+                _context5.next = 3;
+                return runner.preparebeforeRouteHandler({
+                  serverRoutes: specs,
+                  distDir: distDir
+                }, {
+                  onLast: function onLast() {
+                    return null;
+                  }
+                });
+              case 3:
+                handler = _context5.sent;
+                this.beforeRouteHandler = handler;
+              case 5:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5, this);
+      }));
+      function prepareBeforeRouteHandler(_x9, _x10) {
+        return _prepareBeforeRouteHandler.apply(this, arguments);
+      }
+      return prepareBeforeRouteHandler;
+    }() // gather frame extension and get framework handler
+  }, {
+    key: "prepareFrameHandler",
+    value: function () {
+      var _prepareFrameHandler = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(options) {
+        var workDir, runner, _ref4, onlyApi, onlyWeb, _createMiddlewareColl, getMiddlewares, collector, _getMiddlewares, pluginAPIExt, pluginWebExt, apiDir, serverDir, webExtension, apiExtension;
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                workDir = this.workDir, runner = this.runner;
+                _ref4 = options || {}, onlyApi = _ref4.onlyApi, onlyWeb = _ref4.onlyWeb; // server hook, gather plugin inject
+                _createMiddlewareColl = createMiddlewareCollecter(), getMiddlewares = _createMiddlewareColl.getMiddlewares, collector = _objectWithoutProperties(_createMiddlewareColl, _excluded);
+                _context6.next = 5;
+                return runner.gather(collector);
+              case 5:
+                _getMiddlewares = getMiddlewares(), pluginAPIExt = _getMiddlewares.api, pluginWebExt = _getMiddlewares.web;
+                apiDir = path.join(workDir, API_DIR);
+                serverDir = path.join(workDir, SERVER_DIR); // get api or web server handler from server-framework plugin
+                _context6.next = 10;
+                return fs.pathExists(path.join(serverDir));
+              case 10:
+                _context6.t0 = _context6.sent;
+                if (!_context6.t0) {
+                  _context6.next = 13;
+                  break;
+                }
+                _context6.t0 = !onlyApi;
+              case 13:
+                if (!_context6.t0) {
+                  _context6.next = 18;
+                  break;
+                }
+                webExtension = mergeExtension(pluginWebExt);
+                _context6.next = 17;
+                return this.prepareWebHandler(webExtension);
+              case 17:
+                this.frameWebHandler = _context6.sent;
+              case 18:
+                if (!(fs.existsSync(apiDir) && !onlyWeb)) {
+                  _context6.next = 23;
+                  break;
+                }
+                apiExtension = mergeExtension(pluginAPIExt);
+                _context6.next = 22;
+                return this.prepareAPIHandler(apiExtension);
+              case 22:
+                this.frameAPIHandler = _context6.sent;
+              case 23:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6, this);
+      }));
+      function prepareFrameHandler(_x11) {
+        return _prepareFrameHandler.apply(this, arguments);
+      }
+      return prepareFrameHandler;
+    }()
+  }, {
+    key: "prepareWebHandler",
+    value: function () {
+      var _prepareWebHandler = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(extension) {
+        var workDir, runner, handler;
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) {
+            switch (_context7.prev = _context7.next) {
+              case 0:
+                workDir = this.workDir, runner = this.runner;
+                _context7.next = 3;
+                return runner.prepareWebServer({
+                  pwd: workDir,
+                  config: extension
+                }, {
+                  onLast: function onLast() {
+                    return null;
+                  }
+                });
+              case 3:
+                handler = _context7.sent;
+                return _context7.abrupt("return", handler);
+              case 5:
+              case "end":
+                return _context7.stop();
+            }
+          }
+        }, _callee7, this);
+      }));
+      function prepareWebHandler(_x12) {
+        return _prepareWebHandler.apply(this, arguments);
+      }
+      return prepareWebHandler;
+    }()
+  }, {
+    key: "prepareAPIHandler",
+    value: function () {
+      var _prepareAPIHandler = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(extension) {
+        var workDir, runner, conf, _ref5, bff, prefix;
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) {
+            switch (_context8.prev = _context8.next) {
+              case 0:
+                workDir = this.workDir, runner = this.runner, conf = this.conf;
+                _ref5 = conf, bff = _ref5.bff;
+                prefix = (bff === null || bff === void 0 ? void 0 : bff.prefix) || '/api';
+                return _context8.abrupt("return", runner.prepareApiServer({
+                  pwd: workDir,
+                  config: extension,
+                  prefix: Array.isArray(prefix) ? prefix[0] : prefix
+                }, {
+                  onLast: function onLast() {
+                    return null;
+                  }
+                }));
+              case 4:
+              case "end":
+                return _context8.stop();
+            }
+          }
+        }, _callee8, this);
+      }));
+      function prepareAPIHandler(_x13) {
+        return _prepareAPIHandler.apply(this, arguments);
+      }
+      return prepareAPIHandler;
+    }()
+  }, {
+    key: "filterRoutes",
+    value: function filterRoutes(routes) {
+      return routes;
+    }
+  }, {
+    key: "setupBeforeProdMiddleware",
+    value: function () {
+      var _setupBeforeProdMiddleware = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+        var _this3 = this;
+        var conf, runner, preMiddleware;
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) {
+            switch (_context9.prev = _context9.next) {
+              case 0:
+                conf = this.conf, runner = this.runner;
+                _context9.next = 3;
+                return runner.beforeProdServer(conf);
+              case 3:
+                preMiddleware = _context9.sent;
+                preMiddleware.flat().forEach(function (mid) {
+                  _this3.addHandler(mid);
+                });
+              case 5:
+              case "end":
+                return _context9.stop();
+            }
+          }
+        }, _callee9, this);
+      }));
+      function setupBeforeProdMiddleware() {
+        return _setupBeforeProdMiddleware.apply(this, arguments);
+      }
+      return setupBeforeProdMiddleware;
+    }()
+  }, {
+    key: "handleAPI",
+    value: function () {
+      var _handleAPI = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(context) {
+        var req, res;
+        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+          while (1) {
+            switch (_context10.prev = _context10.next) {
+              case 0:
+                req = context.req, res = context.res;
+                if (this.frameAPIHandler) {
+                  _context10.next = 3;
+                  break;
+                }
+                throw new Error('can not found api handler');
+              case 3:
+                _context10.next = 5;
+                return this.frameAPIHandler(req, res);
+              case 5:
+              case "end":
+                return _context10.stop();
+            }
+          }
+        }, _callee10, this);
+      }));
+      function handleAPI(_x14) {
+        return _handleAPI.apply(this, arguments);
+      }
+      return handleAPI;
+    }()
+  }, {
+    key: "handleWeb",
+    value: function () {
+      var _handleWeb = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(context, route) {
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) {
+            switch (_context11.prev = _context11.next) {
+              case 0:
+                return _context11.abrupt("return", this.routeRenderHandler({
+                  ctx: context,
+                  route: route,
+                  runner: this.runner
+                }));
+              case 1:
+              case "end":
+                return _context11.stop();
+            }
+          }
+        }, _callee11, this);
+      }));
+      function handleWeb(_x15, _x16) {
+        return _handleWeb.apply(this, arguments);
+      }
+      return handleWeb;
+    }()
+  }, {
+    key: "proxy",
+    value: function () {
+      var _proxy = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
+        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+          while (1) {
+            switch (_context12.prev = _context12.next) {
+              case 0:
+                return _context12.abrupt("return", null);
+              case 1:
+              case "end":
+                return _context12.stop();
+            }
+          }
+        }, _callee12);
+      }));
+      function proxy() {
+        return _proxy.apply(this, arguments);
+      }
+      return proxy;
+    }() // warmup ssr function
+  }, {
+    key: "warmupSSRBundle",
+    value: function warmupSSRBundle() {
+      var distDir = this.distDir;
+      var bundles = this.router.getBundles();
+      bundles.forEach(function (bundle) {
+        var filepath = path.join(distDir, bundle);
+        // if error, just throw and let process die
+        require(filepath);
+      });
+    }
+  }, {
+    key: "createContext",
+    value: function createContext(req, res) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      return _createContext(req, res, options);
+    }
+
+    /* —————————————————————— private function —————————————————————— */
+    // handler route.json, include api / csr / ssr
+  }, {
+    key: "routeHandler",
+    value: function () {
+      var _routeHandler = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13(context) {
+        var res, matched, route, afterMatchContext, _afterMatchContext$ro, current, url, status, _matched, middlewareContext, renderResult, contentStream, response, afterRenderContext;
+        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+          while (1) {
+            switch (_context13.prev = _context13.next) {
+              case 0:
+                res = context.res; // match routes in the route spec
+                matched = this.router.match(context.path);
+                if (matched) {
+                  _context13.next = 5;
+                  break;
+                }
+                this.render404(context);
+                return _context13.abrupt("return");
+              case 5:
+                // route is api service
+                route = matched.generate(context.url);
+                if (!route.isApi) {
+                  _context13.next = 10;
+                  break;
+                }
+                _context13.next = 9;
+                return this.handleAPI(context);
+              case 9:
+                return _context13.abrupt("return");
+              case 10:
+                afterMatchContext = createAfterMatchContext(context, route.entryName); // only full mode run server hook
+                if (!(this.runMode === RUN_MODE.FULL)) {
+                  _context13.next = 14;
+                  break;
+                }
+                _context13.next = 14;
+                return this.runner.afterMatch(afterMatchContext, {
+                  onLast: noop
+                });
+              case 14:
+                if (!this.isSend(res)) {
+                  _context13.next = 16;
+                  break;
+                }
+                return _context13.abrupt("return");
+              case 16:
+                _afterMatchContext$ro = afterMatchContext.router, current = _afterMatchContext$ro.current, url = _afterMatchContext$ro.url, status = _afterMatchContext$ro.status; // redirect to another url
+                if (!url) {
+                  _context13.next = 20;
+                  break;
+                }
+                this.redirect(res, url, status);
+                return _context13.abrupt("return");
+              case 20:
+                if (!(route.entryName !== current)) {
+                  _context13.next = 26;
+                  break;
+                }
+                _matched = this.router.matchEntry(current);
+                if (_matched) {
+                  _context13.next = 25;
+                  break;
+                }
+                this.render404(context);
+                return _context13.abrupt("return");
+              case 25:
+                route = _matched.generate(context.url);
+              case 26:
+                context.setParams(route.params);
+                context.setServerData('router', {
+                  baseUrl: route.urlPath,
+                  params: route.params
+                });
+                if (!this.frameWebHandler) {
+                  _context13.next = 34;
+                  break;
+                }
+                res.locals = res.locals || {};
+                middlewareContext = createMiddlewareContext(context);
+                _context13.next = 33;
+                return this.frameWebHandler(middlewareContext);
+              case 33:
+                res.locals = _objectSpread(_objectSpread({}, res.locals), middlewareContext.response.locals);
+              case 34:
+                if (!this.isSend(res)) {
+                  _context13.next = 36;
+                  break;
+                }
+                return _context13.abrupt("return");
+              case 36:
+                if (route.responseHeaders) {
+                  Object.keys(route.responseHeaders).forEach(function (key) {
+                    var value = route.responseHeaders[key];
+                    if (value) {
+                      context.res.setHeader(key, value);
+                    }
+                  });
+                }
+                _context13.next = 39;
+                return this.handleWeb(context, route);
+              case 39:
+                renderResult = _context13.sent;
+                if (renderResult) {
+                  _context13.next = 43;
+                  break;
+                }
+                this.render404(context);
+                return _context13.abrupt("return");
+              case 43:
+                if (!renderResult.redirect) {
+                  _context13.next = 46;
+                  break;
+                }
+                this.redirect(res, renderResult.content, renderResult.statusCode);
+                return _context13.abrupt("return");
+              case 46:
+                if (!this.isSend(res)) {
+                  _context13.next = 48;
+                  break;
+                }
+                return _context13.abrupt("return");
+              case 48:
+                res.setHeader('content-type', renderResult.contentType);
+                contentStream = renderResult.contentStream;
+                if (!contentStream) {
+                  _context13.next = 53;
+                  break;
+                }
+                contentStream.pipe(templateInjectableStream({
+                  prependHead: route.entryName ? "<script>window._SERVER_DATA=".concat(JSON.stringify(context.serverData), "</script>") : undefined
+                })).pipe(res);
+                return _context13.abrupt("return");
+              case 53:
+                response = renderResult.content;
+                if (!route.entryName) {
+                  _context13.next = 63;
+                  break;
+                }
+                afterRenderContext = createAfterRenderContext(context, response.toString()); // only full mode run server hook
+                // FIXME: how to run server hook in streaming
+                if (!(this.runMode === RUN_MODE.FULL)) {
+                  _context13.next = 59;
+                  break;
+                }
+                _context13.next = 59;
+                return this.runner.afterRender(afterRenderContext, {
+                  onLast: noop
+                });
+              case 59:
+                if (!this.isSend(res)) {
+                  _context13.next = 61;
+                  break;
+                }
+                return _context13.abrupt("return");
+              case 61:
+                // It will inject _SERVER_DATA twice, when SSG mode.
+                // The first time was in ssg html created, the seoncd time was in prod-server start.
+                // but the second wound causes route error.
+                // To ensure that the second injection fails, the _SERVER_DATA inject at the front of head,
+                afterRenderContext.template.prependHead("<script>window._SERVER_DATA=".concat(JSON.stringify(context.serverData), "</script>"));
+                response = afterRenderContext.template.get();
+              case 63:
+                res.end(response);
+              case 64:
+              case "end":
+                return _context13.stop();
+            }
+          }
+        }, _callee13, this);
+      }));
+      function routeHandler(_x17) {
+        return _routeHandler.apply(this, arguments);
+      }
+      return routeHandler;
+    }()
+  }, {
+    key: "isSend",
+    value: function isSend(res) {
+      if (res.headersSent) {
+        return true;
+      }
+      if (res.getHeader('Location') && isRedirect(res.statusCode)) {
+        res.end();
+        return true;
+      }
+      return false;
+    }
+
+    // compose handlers and create the final handler
+  }, {
+    key: "compose",
+    value: function compose() {
+      var _this4 = this;
+      var handlers = this.handlers;
+      if (!Array.isArray(handlers)) {
+        throw new TypeError('Middleware stack must be an array!');
+      }
+      var _iterator = _createForOfIteratorHelper(handlers),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var fn = _step.value;
+          if (typeof fn !== 'function') {
+            throw new TypeError('Middleware must be composed of functions!');
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      this._handler = function (context, next) {
+        var i = 0;
+        var dispatch = function dispatch(error) {
+          if (error) {
+            return _this4.onError(context, error);
+          }
+          var handler = handlers[i++];
+          if (!handler) {
+            return next();
+          }
+          return handler(context, dispatch)["catch"](onError);
+        };
+        var onError = function onError(err) {
+          _this4.onError(context, err);
+        };
+        return dispatch();
+      };
+    }
+  }, {
+    key: "requestHandler",
+    value: function requestHandler(req, res) {
+      var next = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {
+        // empty
+      };
+      res.statusCode = 200;
+      req.logger = this.logger;
+      req.metrics = this.metrics;
+      var context;
+      try {
+        context = this.createContext(req, res);
+      } catch (e) {
+        this.logger.error(e);
+        res.statusCode = 500;
+        res.setHeader('content-type', mime.contentType('html'));
+        return res.end(createErrorDocument(500, ERROR_PAGE_TEXT[500]));
+      }
+      try {
+        return this._handler(context, next);
+      } catch (err) {
+        return this.onError(context, err);
+      }
+    }
+  }, {
+    key: "redirect",
+    value: function redirect(res, url) {
+      var status = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 302;
+      res.setHeader('Location', url);
+      res.statusCode = status;
+      res.end();
+    }
+  }, {
+    key: "onError",
+    value: function onError(context, err) {
+      context.error(ERROR_DIGEST.EINTER, err);
+      this.renderErrorPage(context, 500);
+    }
+  }, {
+    key: "renderErrorPage",
+    value: function () {
+      var _renderErrorPage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(context, status) {
+        var res, statusPage, customErrorPage, matched, route, entryName, file, text;
+        return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+          while (1) {
+            switch (_context14.prev = _context14.next) {
+              case 0:
+                res = context.res;
+                context.status = status;
+                res.setHeader('content-type', mime.contentType('html'));
+                statusPage = "/".concat(status);
+                customErrorPage = "/_error";
+                matched = this.router.match(statusPage) || this.router.match(customErrorPage); // if no custom status page find
+                if (!matched) {
+                  _context14.next = 21;
+                  break;
+                }
+                route = matched.generate(context.url);
+                entryName = route.entryName; // check entryName, avoid matched '/' route
+                if (!(entryName === status.toString() || entryName === '_error')) {
+                  _context14.next = 21;
+                  break;
+                }
+                _context14.prev = 10;
+                _context14.next = 13;
+                return this.routeRenderHandler({
+                  route: route,
+                  ctx: context,
+                  runner: this.runner
+                });
+              case 13:
+                file = _context14.sent;
+                if (!file) {
+                  _context14.next = 17;
+                  break;
+                }
+                context.res.end(file.content);
+                return _context14.abrupt("return");
+              case 17:
+                _context14.next = 21;
+                break;
+              case 19:
+                _context14.prev = 19;
+                _context14.t0 = _context14["catch"](10);
+              case 21:
+                text = ERROR_PAGE_TEXT[status] || ERROR_PAGE_TEXT[500];
+                context.res.end(createErrorDocument(status, text));
+              case 23:
+              case "end":
+                return _context14.stop();
+            }
+          }
+        }, _callee14, this, [[10, 19]]);
+      }));
+      function renderErrorPage(_x18, _x19) {
+        return _renderErrorPage.apply(this, arguments);
+      }
+      return renderErrorPage;
+    }()
+  }]);
+  return ModernServer;
+}();
+/* eslint-enable max-lines */