@modern-js/prod-server 2.0.0-beta.3 → 2.0.0-beta.6

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

@@ -1,944 +1,1083 @@
-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';
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var __generator = this && this.__generator || function(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return(g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g);
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+};
+import { createServer } from "http";
+import path from "path";
+import { fs, isPromise, 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 { 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 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.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.conf.html);
-                this.staticFileHandler = createStaticFileHandler([{
-                  path: staticPathRegExp,
-                  target: distDir
-                }], this.conf.output);
-                this.routeRenderHandler = createRenderHandler({
-                  distDir: distDir,
-                  staticGenerate: staticGenerate
+var API_DIR = "./api";
+var SERVER_DIR = "./server";
+var ModernServer = /*#__PURE__*/ function() {
+    "use strict";
+    function ModernServer(param) {
+        var pwd = param.pwd, config = param.config, routes = param.routes, staticGenerate = param.staticGenerate, logger = param.logger, metrics = param.metrics, runMode = param.runMode, proxyTarget = param.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.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;
+    }
+    _createClass(ModernServer, [
+        {
+            key: "onInit",
+            value: function onInit(runner, app) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var ref, distDir, staticGenerate, conf, usageRoutes, staticPathRegExp;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                _this.runner = runner;
+                                distDir = _this.distDir, staticGenerate = _this.staticGenerate, conf = _this.conf;
+                                debug("final server conf", _this.conf);
+                                _this.proxyHandler = createProxyHandler((ref = conf.bff) === null || ref === void 0 ? void 0 : ref.proxy);
+                                if (_this.proxyHandler) {
+                                    _this.proxyHandler.forEach(function(handler) {
+                                        _this.addHandler(handler);
+                                    });
+                                }
+                                _this.reader.init();
+                                app.on("close", function() {
+                                    _this.reader.close();
+                                });
+                                usageRoutes = _this.filterRoutes(_this.getRoutes());
+                                _this.router.reset(usageRoutes);
+                                _this.warmupSSRBundle();
+                                return [
+                                    4,
+                                    _this.prepareFrameHandler()
+                                ];
+                            case 1:
+                                _state.sent();
+                                return [
+                                    4,
+                                    _this.prepareBeforeRouteHandler(usageRoutes, distDir)
+                                ];
+                            case 2:
+                                _state.sent();
+                                staticPathRegExp = getStaticReg(_this.conf.output || {}, _this.conf.html);
+                                _this.staticFileHandler = createStaticFileHandler([
+                                    {
+                                        path: staticPathRegExp,
+                                        target: distDir
+                                    }
+                                ], _this.conf.output);
+                                _this.routeRenderHandler = createRenderHandler({
+                                    distDir: distDir,
+                                    staticGenerate: staticGenerate
+                                });
+                                return [
+                                    4,
+                                    _this.setupBeforeProdMiddleware()
+                                ];
+                            case 3:
+                                _state.sent();
+                                _this.addHandler(_this.staticFileHandler);
+                                _this.addHandler(faviconFallbackHandler);
+                                _this.addBeforeRouteHandler();
+                                _this.addHandler(_this.routeHandler.bind(_this));
+                                _this.compose();
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
+            }
+        },
+        {
+            key: "onRepack",
+            value: function onRepack(_) {}
+        },
+        {
+            key: "addBeforeRouteHandler",
+            value: function addBeforeRouteHandler() {
+                var _this = this;
+                this.addHandler(function() {
+                    var _ref = _asyncToGenerator(function(context, next) {
+                        return __generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    if (!_this.beforeRouteHandler) return [
+                                        3,
+                                        2
+                                    ];
+                                    return [
+                                        4,
+                                        _this.beforeRouteHandler(context)
+                                    ];
+                                case 1:
+                                    _state.sent();
+                                    if (_this.isSend(context.res)) {
+                                        return [
+                                            2
+                                        ];
+                                    }
+                                    _state.label = 2;
+                                case 2:
+                                    return [
+                                        2,
+                                        next()
+                                    ];
+                            }
+                        });
+                    });
+                    return function(context, next) {
+                        return _ref.apply(this, arguments);
+                    };
+                }());
+            }
+        },
+        {
+            key: "onServerChange",
+            value: function onServerChange(param) {
+                var filepath = param.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
                 });
-                _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();
-              }
+        },
+        {
+            key: "getRequestHandler",
+            value: function getRequestHandler() {
+                return this.requestHandler.bind(this);
             }
-          }, _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;
+        },
+        {
+            key: "render",
+            value: function render(req, res, url) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var context, matched, route, result;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                req.logger = _this.logger;
+                                req.metrics = _this.metrics;
+                                context = createContext(req, res);
+                                matched = _this.router.match(url || context.path);
+                                if (!matched) {
+                                    return [
+                                        2,
+                                        null
+                                    ];
+                                }
+                                route = matched.generate(context.url);
+                                return [
+                                    4,
+                                    _this.handleWeb(context, route)
+                                ];
+                            case 1:
+                                result = _state.sent();
+                                if (!result) {
+                                    return [
+                                        2,
+                                        null
+                                    ];
+                                }
+                                return [
+                                    2,
+                                    result.content.toString()
+                                ];
+                        }
+                    });
+                })();
+            }
+        },
+        {
+            key: "createHTTPServer",
+            value: function createHTTPServer(handler) {
+                return _asyncToGenerator(function() {
+                    return __generator(this, function(_state) {
+                        return [
+                            2,
+                            createServer(handler)
+                        ];
+                    });
+                })();
+            }
+        },
+        {
+            key: "getRoutes",
+            value: function getRoutes() {
+                if (this.presetRoutes) {
+                    return this.presetRoutes;
                 }
-                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;
+                var file = path.join(this.distDir, ROUTE_SPEC_FILE);
+                if (fs.existsSync(file)) {
+                    var content = fs.readJSONSync(file);
+                    return content.routes;
                 }
-                return _context3.abrupt("return", null);
-              case 12:
-                return _context3.abrupt("return", result.content.toString());
-              case 13:
-              case "end":
-                return _context3.stop();
+                return [];
             }
-          }
-        }, _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();
+        },
+        {
+            key: "addHandler",
+            value: function addHandler(handler) {
+                this.handlers.push(handler);
             }
-          }
-        }, _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();
+        },
+        {
+            key: "render404",
+            value: function render404(context) {
+                context.error(ERROR_DIGEST.ENOTF, "404 Not Found");
+                this.renderErrorPage(context, 404);
             }
-          }
-        }, _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();
+        },
+        {
+            key: "prepareBeforeRouteHandler",
+            value: function prepareBeforeRouteHandler(specs, distDir) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var runner, handler;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                runner = _this.runner;
+                                return [
+                                    4,
+                                    runner.preparebeforeRouteHandler({
+                                        serverRoutes: specs,
+                                        distDir: distDir
+                                    }, {
+                                        onLast: function() {
+                                            return null;
+                                        }
+                                    })
+                                ];
+                            case 1:
+                                handler = _state.sent();
+                                _this.beforeRouteHandler = handler;
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
             }
-          }
-        }, _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();
+        },
+        {
+            key: "prepareFrameHandler",
+            value: function prepareFrameHandler(options) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var workDir, runner, ref, onlyApi, onlyWeb, _ref, getMiddlewares, collector, ref1, pluginAPIExt, pluginWebExt, apiDir, serverDir, webExtension, apiExtension;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                workDir = _this.workDir, runner = _this.runner;
+                                ref = options || {}, onlyApi = ref.onlyApi, onlyWeb = ref.onlyWeb;
+                                _ref = createMiddlewareCollecter(), getMiddlewares = _ref.getMiddlewares, collector = _objectWithoutProperties(_ref, [
+                                    "getMiddlewares"
+                                ]);
+                                return [
+                                    4,
+                                    runner.gather(collector)
+                                ];
+                            case 1:
+                                _state.sent();
+                                ref1 = getMiddlewares(), pluginAPIExt = ref1.api, pluginWebExt = ref1.web;
+                                apiDir = path.join(workDir, API_DIR);
+                                serverDir = path.join(workDir, SERVER_DIR);
+                                return [
+                                    4,
+                                    fs.pathExists(path.join(serverDir))
+                                ];
+                            case 2:
+                                if (!(_state.sent() && !onlyApi)) return [
+                                    3,
+                                    4
+                                ];
+                                webExtension = mergeExtension(pluginWebExt);
+                                return [
+                                    4,
+                                    _this.prepareWebHandler(webExtension)
+                                ];
+                            case 3:
+                                _this.frameWebHandler = _state.sent();
+                                _state.label = 4;
+                            case 4:
+                                if (!(fs.existsSync(apiDir) && !onlyWeb)) return [
+                                    3,
+                                    6
+                                ];
+                                apiExtension = mergeExtension(pluginAPIExt);
+                                return [
+                                    4,
+                                    _this.prepareAPIHandler(apiExtension)
+                                ];
+                            case 5:
+                                _this.frameAPIHandler = _state.sent();
+                                _state.label = 6;
+                            case 6:
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
             }
-          }
-        }, _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();
+        },
+        {
+            key: "prepareWebHandler",
+            value: function prepareWebHandler(extension) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var workDir, runner, handler;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                workDir = _this.workDir, runner = _this.runner;
+                                return [
+                                    4,
+                                    runner.prepareWebServer({
+                                        pwd: workDir,
+                                        config: extension
+                                    }, {
+                                        onLast: function() {
+                                            return null;
+                                        }
+                                    })
+                                ];
+                            case 1:
+                                handler = _state.sent();
+                                return [
+                                    2,
+                                    handler
+                                ];
+                        }
+                    });
+                })();
             }
-          }
-        }, _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();
+        },
+        {
+            key: "prepareAPIHandler",
+            value: function prepareAPIHandler(extension) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var workDir, runner, conf, bff, prefix;
+                    return __generator(this, function(_state) {
+                        workDir = _this.workDir, runner = _this.runner, conf = _this.conf;
+                        bff = conf.bff;
+                        prefix = (bff === null || bff === void 0 ? void 0 : bff.prefix) || "/api";
+                        return [
+                            2,
+                            runner.prepareApiServer({
+                                pwd: workDir,
+                                config: extension,
+                                prefix: Array.isArray(prefix) ? prefix[0] : prefix
+                            }, {
+                                onLast: function() {
+                                    return null;
+                                }
+                            })
+                        ];
+                    });
+                })();
             }
-          }
-        }, _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();
+        },
+        {
+            key: "filterRoutes",
+            value: function filterRoutes(routes) {
+                return routes;
             }
-          }
-        }, _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();
+        },
+        {
+            key: "setupBeforeProdMiddleware",
+            value: function setupBeforeProdMiddleware() {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var conf, runner, preMiddleware;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                conf = _this.conf, runner = _this.runner;
+                                return [
+                                    4,
+                                    runner.beforeProdServer(conf)
+                                ];
+                            case 1:
+                                preMiddleware = _state.sent();
+                                preMiddleware.flat().forEach(function(mid) {
+                                    _this.addHandler(mid);
+                                });
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
             }
-          }
-        }, _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();
+        },
+        {
+            key: "handleAPI",
+            value: function handleAPI(context) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var req, res;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                req = context.req, res = context.res;
+                                if (!_this.frameAPIHandler) {
+                                    throw new Error("can not found api handler");
+                                }
+                                return [
+                                    4,
+                                    _this.frameAPIHandler(req, res)
+                                ];
+                            case 1:
+                                _state.sent();
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
             }
-          }
-        }, _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
+        },
+        {
+            key: "handleWeb",
+            value: function handleWeb(context, route) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    return __generator(this, function(_state) {
+                        return [
+                            2,
+                            _this.routeRenderHandler({
+                                ctx: context,
+                                route: route,
+                                runner: _this.runner
+                            })
+                        ];
+                    });
+                })();
+            }
+        },
+        {
+            key: "proxy",
+            value: function proxy() {
+                return _asyncToGenerator(function() {
+                    return __generator(this, function(_state) {
+                        return [
+                            2,
+                            null
+                        ];
+                    });
+                })();
+            }
+        },
+        {
+            key: "warmupSSRBundle",
+            value: function warmupSSRBundle() {
+                var distDir = this.distDir;
+                var bundles = this.router.getBundles();
+                bundles.forEach(function(bundle) {
+                    var filepath = path.join(distDir, bundle);
+                    require(filepath);
                 });
-              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;
+            }
+        },
+        {
+            key: "createContext",
+            value: function createContext1(req, res) {
+                var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+                return createContext(req, res, options);
+            }
+        },
+        {
+            key: "routeHandler",
+            value: function routeHandler(context) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var res, matched, route, afterMatchContext, _router, current, url, status, matched2, middlewareContext, renderResult, contentStream, response, afterRenderContext;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                res = context.res;
+                                matched = _this.router.match(context.path);
+                                if (!matched) {
+                                    _this.render404(context);
+                                    return [
+                                        2
+                                    ];
+                                }
+                                route = matched.generate(context.url);
+                                if (!route.isApi) return [
+                                    3,
+                                    2
+                                ];
+                                return [
+                                    4,
+                                    _this.handleAPI(context)
+                                ];
+                            case 1:
+                                _state.sent();
+                                return [
+                                    2
+                                ];
+                            case 2:
+                                afterMatchContext = createAfterMatchContext(context, route.entryName);
+                                if (!(_this.runMode === RUN_MODE.FULL)) return [
+                                    3,
+                                    4
+                                ];
+                                return [
+                                    4,
+                                    _this.runner.afterMatch(afterMatchContext, {
+                                        onLast: noop
+                                    })
+                                ];
+                            case 3:
+                                _state.sent();
+                                _state.label = 4;
+                            case 4:
+                                if (_this.isSend(res)) {
+                                    return [
+                                        2
+                                    ];
+                                }
+                                _router = afterMatchContext.router, current = _router.current, url = _router.url, status = _router.status;
+                                if (url) {
+                                    _this.redirect(res, url, status);
+                                    return [
+                                        2
+                                    ];
+                                }
+                                if (route.entryName !== current) {
+                                    matched2 = _this.router.matchEntry(current);
+                                    if (!matched2) {
+                                        _this.render404(context);
+                                        return [
+                                            2
+                                        ];
+                                    }
+                                    route = matched2.generate(context.url);
+                                }
+                                context.setParams(route.params);
+                                context.setServerData("router", {
+                                    baseUrl: route.urlPath,
+                                    params: route.params
+                                });
+                                if (!_this.frameWebHandler) return [
+                                    3,
+                                    6
+                                ];
+                                res.locals = res.locals || {};
+                                middlewareContext = createMiddlewareContext(context);
+                                return [
+                                    4,
+                                    _this.frameWebHandler(middlewareContext)
+                                ];
+                            case 5:
+                                _state.sent();
+                                res.locals = _objectSpread({}, res.locals, middlewareContext.response.locals);
+                                _state.label = 6;
+                            case 6:
+                                if (_this.isSend(res)) {
+                                    return [
+                                        2
+                                    ];
+                                }
+                                if (route.responseHeaders) {
+                                    Object.keys(route.responseHeaders).forEach(function(key) {
+                                        var value = route.responseHeaders[key];
+                                        if (value) {
+                                            context.res.setHeader(key, value);
+                                        }
+                                    });
+                                }
+                                return [
+                                    4,
+                                    _this.handleWeb(context, route)
+                                ];
+                            case 7:
+                                renderResult = _state.sent();
+                                if (!renderResult) {
+                                    _this.render404(context);
+                                    return [
+                                        2
+                                    ];
+                                }
+                                if (renderResult.redirect) {
+                                    _this.redirect(res, renderResult.content, renderResult.statusCode);
+                                    return [
+                                        2
+                                    ];
+                                }
+                                if (_this.isSend(res)) {
+                                    return [
+                                        2
+                                    ];
+                                }
+                                res.setHeader("content-type", renderResult.contentType);
+                                contentStream = renderResult.contentStream;
+                                if (contentStream) {
+                                    contentStream.pipe(templateInjectableStream({
+                                        prependHead: route.entryName ? "<script>window._SERVER_DATA=".concat(JSON.stringify(context.serverData), "</script>") : void 0
+                                    })).pipe(res);
+                                    return [
+                                        2
+                                    ];
+                                }
+                                response = renderResult.content;
+                                if (!route.entryName) return [
+                                    3,
+                                    10
+                                ];
+                                afterRenderContext = createAfterRenderContext(context, response.toString());
+                                if (!(_this.runMode === RUN_MODE.FULL)) return [
+                                    3,
+                                    9
+                                ];
+                                return [
+                                    4,
+                                    _this.runner.afterRender(afterRenderContext, {
+                                        onLast: noop
+                                    })
+                                ];
+                            case 8:
+                                _state.sent();
+                                _state.label = 9;
+                            case 9:
+                                if (_this.isSend(res)) {
+                                    return [
+                                        2
+                                    ];
+                                }
+                                afterRenderContext.template.prependHead("<script>window._SERVER_DATA=".concat(JSON.stringify(context.serverData), "</script>"));
+                                response = afterRenderContext.template.get();
+                                _state.label = 10;
+                            case 10:
+                                res.end(response);
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
+            }
+        },
+        {
+            key: "isSend",
+            value: function isSend(res) {
+                if (res.headersSent) {
+                    return true;
                 }
-                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;
+                if (res.getHeader("Location") && isRedirect(res.statusCode)) {
+                    res.end();
+                    return true;
                 }
-                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 false;
+            }
+        },
+        {
+            key: "compose",
+            value: function compose() {
+                var _this = this;
+                var handlers = this.handlers;
+                if (!Array.isArray(handlers)) {
+                    throw new TypeError("Middleware stack must be an array!");
                 }
-                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);
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    for(var _iterator = handlers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var fn = _step.value;
+                        if (typeof fn !== "function") {
+                            throw new TypeError("Middleware must be composed of functions!");
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
                     }
-                  });
-                }
-                _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();
+                this._handler = function(context, next) {
+                    var i = 0;
+                    var dispatch = function(error) {
+                        if (error) {
+                            return _this.onError(context, error);
+                        }
+                        var handler = handlers[i++];
+                        if (!handler) {
+                            return next();
+                        }
+                        try {
+                            var result = handler(context, dispatch);
+                            if (isPromise(result)) {
+                                return result.catch(onError);
+                            }
+                        } catch (e) {
+                            return onError(e);
+                        }
+                    };
+                    var onError = function(err) {
+                        _this.onError(context, err);
+                    };
+                    return dispatch();
+                };
             }
-          }
-        }, _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;
+        },
+        {
+            key: "requestHandler",
+            value: function requestHandler(req, res) {
+                var next = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : function() {};
+                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]));
                 }
-                route = matched.generate(context.url);
-                entryName = route.entryName; // check entryName, avoid matched '/' route
-                if (!(entryName === status.toString() || entryName === '_error')) {
-                  _context14.next = 21;
-                  break;
+                try {
+                    return this._handler(context, next);
+                } catch (err) {
+                    return this.onError(context, err);
                 }
-                _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;
+        },
+        {
+            key: "redirect",
+            value: function redirect(res, url) {
+                var status = arguments.length > 2 && arguments[2] !== void 0 ? 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 renderErrorPage(context, status) {
+                var _this = this;
+                return _asyncToGenerator(function() {
+                    var res, statusPage, customErrorPage, matched, route, entryName, file, e, text;
+                    return __generator(this, function(_state) {
+                        switch(_state.label){
+                            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 (!matched) return [
+                                    3,
+                                    4
+                                ];
+                                route = matched.generate(context.url);
+                                entryName = route.entryName;
+                                if (!(entryName === status.toString() || entryName === "_error")) return [
+                                    3,
+                                    4
+                                ];
+                                _state.label = 1;
+                            case 1:
+                                _state.trys.push([
+                                    1,
+                                    3,
+                                    ,
+                                    4
+                                ]);
+                                return [
+                                    4,
+                                    _this.routeRenderHandler({
+                                        route: route,
+                                        ctx: context,
+                                        runner: _this.runner
+                                    })
+                                ];
+                            case 2:
+                                file = _state.sent();
+                                if (file) {
+                                    context.res.end(file.content);
+                                    return [
+                                        2
+                                    ];
+                                }
+                                return [
+                                    3,
+                                    4
+                                ];
+                            case 3:
+                                e = _state.sent();
+                                return [
+                                    3,
+                                    4
+                                ];
+                            case 4:
+                                text = ERROR_PAGE_TEXT[status] || ERROR_PAGE_TEXT[500];
+                                context.res.end(createErrorDocument(status, text));
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
+            }
+        }
+    ]);
+    return ModernServer;
 }();
-/* eslint-enable max-lines */
+export { ModernServer };