wapplr 1.0.44 → 1.0.45

package/dist/server/createServer.js

@@ -0,0 +1,403 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = createServer;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _http = _interopRequireDefault(require("http"));
+
+var _http2 = _interopRequireDefault(require("http2"));
+
+var _common = _interopRequireDefault(require("../common"));
+
+var _app = _interopRequireDefault(require("./app.js"));
+
+var _middlewares = _interopRequireDefault(require("./middlewares"));
+
+var _config = _interopRequireDefault(require("./config"));
+
+var _utils = require("../common/utils.js");
+
+var _excluded = ["port", "portSSL", "publicPath", "assets", "credentials", "disableUseDefaultMiddlewares"],
+    _excluded2 = ["wapp"];
+
+function createServer() {
+  var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var wapp = (0, _common["default"])(p);
+  var app = (0, _app["default"])({
+    wapp: wapp
+  });
+
+  var _createConfig = (0, _config["default"])(p),
+      config = _createConfig.config;
+
+  var serverConfig = config.server || {};
+  var port = serverConfig.port,
+      portSSL = serverConfig.portSSL,
+      publicPath = serverConfig.publicPath,
+      _serverConfig$assets = serverConfig.assets,
+      assets = _serverConfig$assets === void 0 ? {} : _serverConfig$assets,
+      _serverConfig$credent = serverConfig.credentials,
+      credentials = _serverConfig$credent === void 0 ? {} : _serverConfig$credent,
+      _serverConfig$disable = serverConfig.disableUseDefaultMiddlewares,
+      disableUseDefaultMiddlewares = _serverConfig$disable === void 0 ? false : _serverConfig$disable,
+      rest = (0, _objectWithoutProperties2["default"])(serverConfig, _excluded);
+  var defaultAssets = Object.create(Object.prototype, {
+    client: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: assets["client.js"]
+    }),
+    vendors: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: assets["vendors.js"]
+    }),
+    chunks: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: assets["chunks"]
+    }),
+    getScripts: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      enumerable: false,
+      value: function value() {
+        var chunks = [];
+
+        if (assets && assets.chunks) {
+          Object.keys(assets.chunks).forEach(function (key) {
+            assets.chunks[key].forEach(function (script) {
+              if (script.match(".js") && chunks.indexOf(script) === -1) {
+                chunks.push(script);
+              }
+            });
+          });
+        }
+
+        var scripts = [].concat(chunks);
+
+        if (assets) {
+          Object.keys(assets).forEach(function (key) {
+            if (key !== "chunks" && scripts.indexOf(assets[key]) === -1) {
+              if (assets[key].match(".js")) {
+                scripts.push(assets[key]);
+              }
+            }
+          });
+        }
+
+        return scripts;
+      }
+    })
+  });
+  var defaultCredentials = Object.create(Object.prototype, {
+    key: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: credentials.key
+    }),
+    cert: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: credentials.cert
+    })
+  });
+  var defaultConfig = Object.create(Object.prototype, {
+    port: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: port
+    }),
+    portSSL: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: portSSL
+    }),
+    publicPath: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: publicPath
+    }),
+    assets: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      writable: false,
+      value: defaultAssets
+    }),
+    credentials: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      writable: false,
+      value: defaultCredentials
+    }),
+    disableUseDefaultMiddlewares: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: disableUseDefaultMiddlewares
+    })
+  });
+  (0, _utils.mergeProperties)(defaultConfig, wapp.config);
+  (0, _utils.mergeProperties)(defaultConfig, rest);
+  var defaultServers = Object.create(Object.prototype, {
+    "80": (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: _http["default"].createServer(app)
+    })
+  });
+
+  function defaultListen() {
+    var _wapplrServer$config = wapplrServer.config,
+        port = _wapplrServer$config.port,
+        portSSL = _wapplrServer$config.portSSL,
+        credentials = _wapplrServer$config.credentials;
+    var key = credentials.key,
+        cert = credentials.cert;
+    var httpServer = port ? wapplrServer.servers[port] : null;
+    var httpsServer = portSSL ? wapplrServer.servers[portSSL] : null;
+
+    if (httpServer && httpServer.listening) {
+      httpServer.close();
+    }
+
+    if (httpsServer && httpsServer.listening) {
+      httpsServer.close();
+    }
+
+    var app = typeof wapplrServer.app == "function" ? wapplrServer.app : (0, _app["default"])({
+      wapp: wapp
+    });
+
+    if (port) {
+      if (!httpServer) {
+        httpServer = _http["default"].createServer(app);
+        wapplrServer.servers[port] = httpServer;
+      }
+
+      httpServer.listen(port, function () {
+        console.log("The server is running at http://localhost:".concat(port, "/"));
+      });
+    }
+
+    if (key && cert && portSSL) {
+      if (!httpsServer) {
+        httpsServer = _http2["default"].createSecureServer({
+          key: key,
+          cert: cert,
+          allowHTTP1: true
+        }, app);
+        wapplrServer.servers[portSSL] = httpsServer;
+      }
+
+      httpsServer.listen(portSSL, function () {
+        console.log("The server is running at https://localhost:".concat(portSSL, "/ with HTTP2 protocol"));
+      });
+    }
+  }
+
+  function defaultClose(callback) {
+    wapplrServer.app = null;
+    var servers = wapplrServer.servers;
+    var shouldClose = [];
+    Object.keys(servers).forEach(function (port) {
+      var httpServer = servers[port];
+
+      if (httpServer && httpServer.listening) {
+        shouldClose.push(httpServer);
+      }
+    });
+    var closed = 0;
+    shouldClose.forEach(function (httpServer) {
+      httpServer.close(function () {
+        closed = closed + 1;
+        servers[port] = null;
+      });
+    });
+
+    function waiting() {
+      if (shouldClose.length === closed) {
+        clearInterval(_int);
+
+        if (callback) {
+          callback();
+        }
+      }
+    }
+
+    var _int = setInterval(waiting, 1);
+
+    waiting();
+  }
+
+  var defaultMiddlewares = (0, _middlewares["default"])((0, _objectSpread2["default"])({
+    wapp: wapp
+  }, p));
+  var wapplrServer = Object.create(Object.prototype, {
+    config: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      writable: false,
+      value: defaultConfig
+    }),
+    listen: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: defaultListen
+    }),
+    close: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: defaultClose
+    }),
+    app: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: app
+    }),
+    servers: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      writable: false,
+      value: defaultServers
+    }),
+    middlewares: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      value: (0, _objectSpread2["default"])({}, defaultMiddlewares)
+    })
+  });
+  Object.defineProperty(wapplrServer, "wapp", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+    writable: false,
+    enumerable: false,
+    value: wapp
+  }));
+  Object.defineProperty(wapp, "server", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+    value: wapplrServer
+  }));
+
+  if (wapplrServer.config.publicPath) {
+    var _wapplrServer$middlew = wapplrServer.middlewares,
+        _wapp = _wapplrServer$middlew.wapp,
+        _rest = (0, _objectWithoutProperties2["default"])(_wapplrServer$middlew, _excluded2);
+
+    wapplrServer.middlewares = (0, _objectSpread2["default"])({
+      wapp: wapplrServer.middlewares.wapp,
+      "static": app["static"](wapplrServer.config.publicPath)
+    }, _rest);
+  }
+
+  app.use( /*#__PURE__*/function () {
+    var _defaultMiddlewaresWrapper = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(req, res, out) {
+      var next, middlewares, index;
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              if (wapplrServer.config.disableUseDefaultMiddlewares) {
+                _context3.next = 7;
+                break;
+              }
+
+              next = /*#__PURE__*/function () {
+                var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(err) {
+                  var func, defaultArgs, args;
+                  return _regenerator["default"].wrap(function _callee2$(_context2) {
+                    while (1) {
+                      switch (_context2.prev = _context2.next) {
+                        case 0:
+                          if (!middlewares[index]) {
+                            _context2.next = 19;
+                            break;
+                          }
+
+                          func = middlewares[index];
+                          index = index + 1;
+                          defaultArgs = [req, res, err ? /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+                            return _regenerator["default"].wrap(function _callee$(_context) {
+                              while (1) {
+                                switch (_context.prev = _context.next) {
+                                  case 0:
+                                    _context.next = 2;
+                                    return next(err);
+
+                                  case 2:
+                                  case "end":
+                                    return _context.stop();
+                                }
+                              }
+                            }, _callee);
+                          })) : next];
+                          args = func.length === 4 && err ? [err].concat(defaultArgs) : defaultArgs;
+                          _context2.prev = 5;
+                          _context2.next = 8;
+                          return func.apply(void 0, (0, _toConsumableArray2["default"])(args));
+
+                        case 8:
+                          return _context2.abrupt("return", _context2.sent);
+
+                        case 11:
+                          _context2.prev = 11;
+                          _context2.t0 = _context2["catch"](5);
+                          res.wappResponse.status(500, _context2.t0);
+                          _context2.next = 16;
+                          return next(_context2.t0);
+
+                        case 16:
+                          return _context2.abrupt("return", _context2.sent);
+
+                        case 17:
+                          _context2.next = 22;
+                          break;
+
+                        case 19:
+                          if (!(typeof out === "function")) {
+                            _context2.next = 22;
+                            break;
+                          }
+
+                          index = 0;
+                          return _context2.abrupt("return", out(err));
+
+                        case 22:
+                          return _context2.abrupt("return", null);
+
+                        case 23:
+                        case "end":
+                          return _context2.stop();
+                      }
+                    }
+                  }, _callee2, null, [[5, 11]]);
+                }));
+
+                return function next(_x4) {
+                  return _ref.apply(this, arguments);
+                };
+              }();
+
+              middlewares = Object.keys(wapplrServer.middlewares).map(function (key) {
+                return wapplrServer.middlewares[key];
+              });
+              index = 0;
+              _context3.next = 6;
+              return next();
+
+            case 6:
+              return _context3.abrupt("return", _context3.sent);
+
+            case 7:
+              _context3.next = 9;
+              return out();
+
+            case 9:
+              return _context3.abrupt("return", _context3.sent);
+
+            case 10:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    function defaultMiddlewaresWrapper(_x, _x2, _x3) {
+      return _defaultMiddlewaresWrapper.apply(this, arguments);
+    }
+
+    return defaultMiddlewaresWrapper;
+  }());
+
+  if (!process._addedUnhandledExceptions) {
+    var wapplrUnhandledHandler = function wapplrUnhandledHandler(err) {
+      console.log(err);
+      wapplrServer.close(function () {
+        process.exit(1);
+      });
+    };
+
+    process.on('uncaughtException', wapplrUnhandledHandler);
+    process.on('unhandledRejection', wapplrUnhandledHandler);
+    Object.defineProperty(process, "_addedUnhandledExceptions", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
+      writable: false,
+      enumerable: false,
+      value: wapplrUnhandledHandler
+    }));
+  }
+
+  return wapp;
+}

package/dist/server/html.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = html;
+
+var style = require("./../common/template/app_css.js")["default"];
+
+function html(_ref) {
+  var wapp = _ref.wapp,
+      req = _ref.req,
+      res = _ref.res;
+  var config = wapp.server.config;
+  var _config$siteName = config.siteName,
+      siteName = _config$siteName === void 0 ? "Wapplr" : _config$siteName,
+      _config$assets = config.assets,
+      assets = _config$assets === void 0 ? {} : _config$assets,
+      _config$lang = config.lang,
+      lang = _config$lang === void 0 ? "en_US" : _config$lang,
+      _config$viewport = config.viewport,
+      viewport = _config$viewport === void 0 ? "width=device-width, initial-scale=1" : _config$viewport,
+      _config$themeColor = config.themeColor,
+      themeColor = _config$themeColor === void 0 ? "#ffffff" : _config$themeColor,
+      _config$manifest = config.manifest,
+      manifest = _config$manifest === void 0 ? "/manifest.json" : _config$manifest,
+      _config$icon = config.icon,
+      icon = _config$icon === void 0 ? "data:image/png;base64,iVBORw0KGgo=" : _config$icon,
+      appleTouchIcon = config.appleTouchIcon,
+      _config$appStyle = config.appStyle,
+      appStyle = _config$appStyle === void 0 ? style : _config$appStyle;
+  var _res$wappResponse = res.wappResponse,
+      state = _res$wappResponse.state,
+      _res$wappResponse$con = _res$wappResponse.content,
+      content = _res$wappResponse$con === void 0 ? {} : _res$wappResponse$con,
+      _res$wappResponse$sta = _res$wappResponse.statusCode,
+      statusCode = _res$wappResponse$sta === void 0 ? 200 : _res$wappResponse$sta,
+      _res$wappResponse$con2 = _res$wappResponse.containerElementId,
+      containerElementId = _res$wappResponse$con2 === void 0 ? "app" : _res$wappResponse$con2,
+      _res$wappResponse$app = _res$wappResponse.appStateName,
+      appStateName = _res$wappResponse$app === void 0 ? "APP_STATE" : _res$wappResponse$app;
+  var _content$render = content.render,
+      render = _content$render === void 0 ? "" : _content$render,
+      _content$title = content.title,
+      title = _content$title === void 0 ? "" : _content$title,
+      _content$description = content.description,
+      description = _content$description === void 0 ? "" : _content$description,
+      _content$author = content.author,
+      author = _content$author === void 0 ? "" : _content$author;
+
+  if (typeof title === "function") {
+    title = title({
+      wapp: wapp,
+      req: req,
+      res: res
+    });
+  }
+
+  title = "".concat(title ? title : statusCode === 404 ? "Not Found | " + siteName : "Untitled Page | " + siteName);
+
+  if (typeof description === "function") {
+    description = description({
+      wapp: wapp,
+      req: req,
+      res: res
+    });
+  }
+
+  description = description ? description : title && title.split ? title.split(" | ")[0] : title;
+
+  if (typeof author === "function") {
+    author = author({
+      wapp: wapp,
+      req: req,
+      res: res
+    });
+  }
+
+  author = author || siteName;
+
+  if (typeof render === "function") {
+    render = render({
+      wapp: wapp,
+      req: req,
+      res: res
+    });
+  }
+
+  var scripts = assets.getScripts();
+  var scriptText = scripts.map(function (script) {
+    if (script) {
+      return "<script key=\"".concat(script, "\" src=\"").concat(script, "\" ></script>");
+    }
+
+    return "";
+  }).join(" ");
+  var stateText = "<script>window[\"".concat(appStateName, "\"] = ").concat(JSON.stringify(state || {}), "</script>");
+  wapp.styles.use(appStyle);
+  var styles = wapp.styles.getCssText();
+  var styleText = styles.map(function (style) {
+    return "<style id=\"".concat(style.id, "\">").concat(style.cssText, "</style>");
+  }).join("");
+  var headComponent = wapp.contents.getComponent("head");
+  var headText = headComponent ? headComponent.render(wapp) : "";
+  var htmlLang = lang.split("_")[0];
+  return "<!DOCTYPE html>\n<html lang=\"".concat(htmlLang, "\">\n    <head>\n        <meta charset=\"utf-8\">\n        <title>").concat(title, "</title>\n        <meta name=\"description\" content=\"").concat(description, "\">\n        <meta name=\"author\" content=\"").concat(author, "\">\n        <meta name=\"viewport\" content=\"").concat(viewport, "\">\n        <meta name=\"theme-color\" content=\"").concat(themeColor, "\">\n        <link rel=\"manifest\" href=\"").concat(manifest, "\" />\n        <link rel=\"icon\" href=").concat(icon, ">\n        <link rel=\"apple-touch-icon\" href=\"").concat(appleTouchIcon || icon, "\">\n        ").concat(styleText, "\n        ").concat(headText, "\n    </head>\n    <body>\n        <div class=\"").concat(appStyle.app, "\" id=\"").concat(containerElementId, "\">").concat(render, "</div>\n        ").concat(stateText, "\n        ").concat(scriptText, "\n    </body>\n</html>\n");
+}

package/dist/server/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+exports.createMiddleware = createMiddleware;
+exports.run = run;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _createServer = _interopRequireDefault(require("./createServer"));
+
+var _config = _interopRequireDefault(require("./config"));
+
+// eslint-disable-next-line import/no-anonymous-default-export
+function _default() {
+  var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return p.wapp || (0, _createServer["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _config["default"])(p)), p));
+}
+
+function createMiddleware() {
+  var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var wapp = p.wapp || (0, _createServer["default"])(p);
+  return wapp.server.app;
+}
+
+var defaultConfig = {
+  config: {
+    globals: {
+      DEV: typeof DEV !== "undefined" ? DEV : undefined,
+      WAPP: typeof WAPP !== "undefined" ? WAPP : undefined,
+      RUN: typeof RUN !== "undefined" ? RUN : undefined,
+      TYPE: typeof TYPE !== "undefined" ? TYPE : undefined,
+      ROOT: typeof ROOT !== "undefined" ? ROOT : __dirname,
+      NAME: typeof NAME !== "undefined" ? NAME : undefined
+    }
+  }
+};
+
+function run() {
+  var _p$config;
+
+  var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultConfig;
+
+  if (p !== null && p !== void 0 && (_p$config = p.config) !== null && _p$config !== void 0 && _p$config.globals && !p.config.globals.RUN) {
+    var _p$config2;
+
+    p.config.globals.RUN = ((_p$config2 = p.config) === null || _p$config2 === void 0 ? void 0 : _p$config2.globals.NAME) || "wapplr";
+  }
+
+  var _process = process,
+      env = _process.env;
+  env.NODE_ENV = process.env.NODE_ENV;
+  var wapp = (0, _createServer["default"])(p);
+  var globals = wapp.globals;
+  var DEV = globals.DEV;
+  var app = wapp.server.app;
+  wapp.server.listen();
+
+  if (typeof DEV !== "undefined" && DEV && module.hot) {
+    app.hot = module.hot;
+    module.hot.accept("./index");
+  }
+
+  return wapp;
+}
+
+if (typeof RUN !== "undefined" && RUN === "wapplr") {
+  run();
+}