wapplr 1.0.43 → 1.0.44

package/dist/common/styles.js

@@ -1,243 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createDefaultStyleManager = createDefaultStyleManager;
-exports["default"] = createStyleManager;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _utils = require("./utils");
-
-function createDefaultStyleManager() {
-  var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var wapp = p.wapp;
-  var lastStyleElemId = null;
-
-  function defaultInsertCss(css, moduleId) {
-    var id = "s".concat(moduleId);
-    var elem = document.getElementById(id);
-    var create = false;
-
-    if (!elem) {
-      create = true;
-      elem = document.createElement("style");
-      elem.setAttribute("type", "text/css");
-      elem.id = id;
-    }
-
-    var cssText = css;
-
-    if ("textContent" in elem) {
-      elem.textContent = cssText;
-    } else {
-      elem.styleSheet.cssText = cssText;
-    }
-
-    if (create) {
-      if (lastStyleElemId && document.getElementById(lastStyleElemId)) {
-        document.head.insertBefore(elem, document.getElementById(lastStyleElemId));
-      } else {
-        document.head.appendChild(elem);
-      }
-
-      lastStyleElemId = id;
-    }
-
-    return function remove() {
-      var elem = document.getElementById(id);
-
-      if (elem) {
-        elem.parentNode.removeChild(elem);
-      }
-    };
-  }
-
-  function defaultAdd(style) {
-    var cssText = style._getCss();
-
-    style._insertCss = function _insertCss() {
-      var insertCss = styleManager.insertCss;
-      var moduleId = style._module && style._module.id ? style._module.id : "";
-      return insertCss(cssText, moduleId);
-    };
-
-    if (style._module && style._module.hot && wapp.getTargetObject().hot) {
-      wapp.getTargetObject().hot.accept(style._module.id);
-    }
-
-    var css = styleManager.css;
-    var tempLength = css.size;
-    var duplicates = false;
-    css.add(style);
-
-    if (tempLength === css.size) {
-      duplicates = true;
-    }
-
-    if (!duplicates) {
-      if (typeof window !== "undefined") {
-        var removeCssFunction = style._insertCss();
-
-        style._remove = function _remove() {
-          removeCssFunction();
-          css["delete"](style);
-          styleManager.removeCss["delete"](style._remove);
-        };
-
-        styleManager.removeCss.add(style._remove);
-        return style._remove;
-      } else {
-        style._remove = function _remove() {
-          css["delete"](style);
-          styleManager.removeCss["delete"](style._remove);
-        };
-
-        styleManager.removeCss.add(style._remove);
-        return style._remove;
-      }
-    } else {
-      style._remove = function () {
-        /*fake remove*/
-      };
-
-      return style._remove;
-    }
-  }
-
-  function defaultGetCssText() {
-    var globals = wapp.globals || {};
-    var _globals$WAPP = globals.WAPP,
-        WAPP = _globals$WAPP === void 0 ? "buildHash" : _globals$WAPP,
-        DEV = globals.DEV;
-    var cssText = (0, _toConsumableArray2["default"])(styleManager.css).map(function (style) {
-      return style._getCss();
-    }).join("");
-
-    if (!DEV) {
-      cssText = cssText.replace(/(\r\n|\n|\r)/gm, " ").replace(/\s+/gm, " ");
-    }
-
-    return [{
-      id: "css_" + WAPP,
-      cssText: cssText
-    }];
-  }
-
-  function defaultClear() {
-    (0, _toConsumableArray2["default"])(styleManager.removeCss).forEach(function (remove) {
-      remove();
-    });
-    styleManager.removeCss = new Set();
-    styleManager.css = new Set();
-  }
-
-  function defaultUse(styles) {
-    var add = styleManager.add;
-    return add(styles);
-  }
-
-  var defaultCss = new Set();
-  var defaultRemoveCss = new Set();
-  var styleManager = Object.create(Object.prototype, {
-    wapp: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      writable: false,
-      enumerable: false,
-      value: wapp
-    }),
-    insertCss: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultInsertCss
-    }),
-    css: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultCss
-    }),
-    removeCss: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultRemoveCss
-    }),
-    add: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultAdd
-    }),
-    clear: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultClear
-    }),
-    use: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultUse
-    }),
-    getCssText: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultGetCssText
-    })
-  });
-  return styleManager;
-}
-
-function createStyleManager() {
-  var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var wapp = p.wapp,
-      _p$styleManager = p.styleManager,
-      styleManager = _p$styleManager === void 0 ? createDefaultStyleManager(p) : _p$styleManager;
-
-  function defaultHandle(req, res, next) {
-    var targetObject = wapp.getTargetObject ? wapp.getTargetObject() : wapp;
-
-    if (!targetObject.config || targetObject.config && !targetObject.config.styles || targetObject.config && targetObject.config.styles && !targetObject.config.styles.disableClearStyles) {
-      stylesMiddleware.styleManager.clear();
-    }
-
-    next();
-  }
-
-  function defaultAdd(p) {
-    return stylesMiddleware.styleManager.add(p);
-  }
-
-  function defaultUse(p) {
-    return stylesMiddleware.styleManager.use(p);
-  }
-
-  function defaultGetCssText() {
-    return stylesMiddleware.styleManager.getCssText(p);
-  }
-
-  var stylesMiddlewareProperties = Object.create(Object.prototype, {
-    handle: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultHandle
-    }),
-    styleManager: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: styleManager
-    }),
-    add: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultAdd
-    }),
-    use: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultUse
-    }),
-    getCssText: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-      value: defaultGetCssText
-    })
-  });
-
-  function stylesMiddleware(req, res, next) {
-    if (typeof stylesMiddleware.handle === "function") {
-      stylesMiddleware.handle(req, res, next);
-    }
-
-    return stylesMiddleware;
-  }
-
-  (0, _utils.mergeProperties)(stylesMiddleware, stylesMiddlewareProperties);
-  Object.defineProperty(stylesMiddleware, "wapp", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-    writable: false,
-    enumerable: false,
-    value: wapp
-  }));
-  Object.defineProperty(wapp, "styles", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _utils.defaultDescriptor), {}, {
-    writable: false,
-    value: stylesMiddleware
-  }));
-  return stylesMiddleware;
-}

package/dist/common/template/app.css

@@ -1,29 +0,0 @@
-body {
-    margin: 0;
-    padding: 0;
-    max-width: 100vw;
-    overflow-x: hidden;
-}
-
-* {
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.app {
-    font-size: 14px;
-    color: rgba(0,0,0,0.87);
-    display: block;
-    position: relative;
-    overflow-x: hidden;
-}
-
-div.app > * {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-@media (orientation: portrait) {
-    .app {
-        max-width: 100vh;
-    }
-}

package/dist/common/template/app_css.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-const tokens = {"app":"app_1jDDh"};
-tokens._getCss = function () {return `/* imported from app.css */ body { margin: 0; padding: 0; max-width: 100vw; overflow-x: hidden; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .app_1jDDh { font-size: 14px; color: rgba(0,0,0,0.87); display: block; position: relative; overflow-x: hidden; } div.app_1jDDh > * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (orientation: portrait) { .app_1jDDh { max-width: 100vh; } } `;};
-tokens._module = (typeof module !== "undefined") ? module : {id:"./common/template/app_css.js"};
-exports["default"] = tokens;

package/dist/common/template/index.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = template;
-
-var _logo = _interopRequireDefault(require("../logo"));
-
-var appStyle = require("./app_css.js")["default"];
-
-var style = require("./template_css.js")["default"];
-
-function template() {
-  var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var wapp = p.wapp,
-      children = p.children,
-      _p$footerMenu = p.footerMenu,
-      footerMenu = _p$footerMenu === void 0 ? [{
-    name: "HOME",
-    href: "/"
-  }, {
-    name: "404",
-    href: "/404"
-  }, {
-    name: "500",
-    href: "/500"
-  }, {
-    name: "EXTERNAL",
-    href: "https://google.com",
-    target: "_blank"
-  }] : _p$footerMenu,
-      _p$logo = p.logo,
-      logo = _p$logo === void 0 ? _logo["default"] : _p$logo;
-  var styles = wapp.styles;
-  var _wapp$config$siteName = wapp.config.siteName,
-      siteName = _wapp$config$siteName === void 0 ? "Wapplr" : _wapp$config$siteName;
-  var copyright = "".concat(siteName, " ").concat(new Date().getFullYear(), " \xA9");
-  var serverRender = typeof window === "undefined";
-  styles.use(appStyle);
-  styles.use(style);
-  return "\n            <div class=\"".concat(style.page, "\">\n                <header class=\"").concat(style.header, "\">\n                    <div class=\"").concat(style.innerHeader, "\">\n                        <div class=\"").concat(style.logo, "\">\n                            ").concat(logo({
-    wapp: wapp
-  }), "\n                        </div>\n                    </div>\n                </header>\n                <main class=\"").concat(style.content, "\">").concat(children, "</main>\n                <footer class=\"").concat(style.footer, "\">\n                    <div>\n                        <div class=\"").concat(style.menu, "\">\n                            ").concat(footerMenu.map(function (menu) {
-    var target = menu.target || "self";
-    var noreferrer = target === "_blank" ? ' rel="noreferrer"' : "";
-    return '<div><a class="' + style.button + '"  target="' + target + '" href="' + menu.href + '" wapplronclicklistener=""' + noreferrer + '>' + menu.name + '</a></div>';
-  }).join(""), "\n                        </div>\n                        <div class=\"").concat(style.copyright, "\">\n                            ").concat(copyright, "\n                        </div>\n                    </div>\n                </footer>\n                <script>\nif (").concat(!serverRender, "){\n    window.addEventListener(\"scroll\", function (e) {\n        const header = document.querySelector(\".").concat(style.header, "\");\n        if (header){\n            header.classList.toggle(\"").concat(style.sticky, "\", window.scrollY > 0 )\n        }\n    })\n}\n                </script>\n            </div>");
-}

package/dist/common/template/template.css

@@ -1,137 +0,0 @@
-.page {
-    display: block;
-    position: relative;
-    overflow-x: hidden;
-    overflow-y: hidden;
-    min-height: 100vh;
-    max-width: 100vw;
-}
-
-.header {
-    display: block;
-    position: fixed;
-    width: 100%;
-    height: 64px;
-    padding: 6px;
-    background: white;
-    z-index: 1;
-    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-    -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-}
-
-.header.sticky {
-    -webkit-box-shadow: 0 2px 3px rgba(62, 62, 62, 0.15);
-            box-shadow: 0 2px 3px rgba(62, 62, 62, 0.15);
-}
-
-.innerHeader {
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-}
-
-.header .logo {
-    height: 52px;
-    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-    -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-    margin-top: 100%;
-}
-
-.header.sticky .logo {
-    margin-top: 0;
-}
-
-.content {
-    min-height: 100vh;
-    position: relative;
-    padding-top: 64px;
-}
-
-.footer {
-    display: -ms-flexbox;
-    display: flex;
-    min-height: 128px;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-pack: center;
-        justify-content: center;
-}
-
-.menu {
-
-}
-
-.menu > div {
-
-}
-
-.footer .menu {
-    -ms-flex-pack: center;
-        justify-content: center;
-    display: -ms-flexbox;
-    display: flex;
-}
-
-.footer .menu > div {
-    display: inline-block;
-}
-
-.button {
-
-    color: rgba(0, 0, 0, 0.87);
-    padding: 6px 16px;
-    font-size: 14px;
-    font-size: 0.875rem;
-    min-width: 64px;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    -o-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    line-height: 1.75;
-    border-radius: 4px;
-    letter-spacing: 0.02857em;
-    text-transform: uppercase;
-    font-weight: bold;
-
-    border: 0;
-    cursor: pointer;
-    margin: 0;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    outline: 0;
-    position: relative;
-    -ms-flex-align: center;
-        align-items: center;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    vertical-align: middle;
-    -ms-flex-pack: center;
-        justify-content: center;
-    text-decoration: none;
-    background-color: transparent;
-    text-align: center;
-
-}
-
-a.button {
-    text-decoration: none;
-}
-
-.copyright {
-    font-size: 12px;
-    margin: 24px;
-    text-align: center;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-}

package/dist/common/template/template_css.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-const tokens = {"page":"template_2Xa8-","header":"template_3YAtu","sticky":"template_3VZZR","innerHeader":"template_368k6","logo":"template_K8VJE","content":"template_2Fgqj","footer":"template_21lie","menu":"template_1BoA5","button":"template_3ZxC8","copyright":"template_3bU4k"};
-tokens._getCss = function () {return `/* imported from template.css */ .template_2Xa8- { display: block; position: relative; overflow-x: hidden; overflow-y: hidden; min-height: 100vh; max-width: 100vw; } .template_3YAtu { display: block; position: fixed; width: 100%; height: 64px; padding: 6px; background: white; z-index: 1; -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } .template_3YAtu.template_3VZZR { -webkit-box-shadow: 0 2px 3px rgba(62, 62, 62, 0.15); box-shadow: 0 2px 3px rgba(62, 62, 62, 0.15); } .template_368k6 { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .template_3YAtu .template_K8VJE { height: 52px; -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; margin-top: 100%; } .template_3YAtu.template_3VZZR .template_K8VJE { margin-top: 0; } .template_2Fgqj { min-height: 100vh; position: relative; padding-top: 64px; } .template_21lie { display: -ms-flexbox; display: flex; min-height: 128px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .template_1BoA5 { } .template_1BoA5 > div { } .template_21lie .template_1BoA5 { -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } .template_21lie .template_1BoA5 > div { display: inline-block; } .template_3ZxC8 { color: rgba(0, 0, 0, 0.87); padding: 6px 16px; font-size: 14px; font-size: 0.875rem; min-width: 64px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -o-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; line-height: 1.75; border-radius: 4px; letter-spacing: 0.02857em; text-transform: uppercase; font-weight: bold; border: 0; cursor: pointer; margin: 0; display: -ms-inline-flexbox; display: inline-flex; outline: 0; position: relative; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -ms-flex-pack: center; justify-content: center; text-decoration: none; background-color: transparent; text-align: center; } a.template_3ZxC8 { text-decoration: none; } .template_3bU4k { font-size: 12px; margin: 24px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } `;};
-tokens._module = (typeof module !== "undefined") ? module : {id:"./common/template/template_css.js"};
-exports["default"] = tokens;

package/dist/common/utils.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mergeProperties = mergeProperties;
-exports.copyObject = copyObject;
-exports.defaultDescriptor = void 0;
-
-function mergeProperties(dest, src) {
-  Object.getOwnPropertyNames(src).forEach(function forEachOwnPropertyName(name) {
-    if (Object.hasOwnProperty.call(dest, name)) {
-      return;
-    }
-
-    var descriptor = Object.getOwnPropertyDescriptor(src, name);
-    Object.defineProperty(dest, name, descriptor);
-  });
-  return dest;
-}
-
-var defaultDescriptor = {
-  writable: true,
-  enumerable: true,
-  configurable: false
-};
-exports.defaultDescriptor = defaultDescriptor;
-
-function copyObject(obj) {
-  function cloneObj() {
-    var clone = {};
-
-    for (var key in obj) {
-      if (obj.hasOwnProperty(key)) {
-        clone[key] = copyObject(obj[key]);
-      }
-    }
-
-    return clone;
-  }
-
-  function cloneArr() {
-    return obj.map(function (item) {
-      return copyObject(item);
-    });
-  }
-
-  var transformedObject = obj && obj.toJSON ? obj.toJSON() : obj;
-  var type = Object.prototype.toString.call(transformedObject).slice(8, -1).toLowerCase();
-
-  if (type === "object") {
-    return cloneObj();
-  }
-
-  if (type === "array") {
-    return cloneArr();
-  }
-
-  return obj !== null && obj !== void 0 && obj.toJSON ? obj.toJSON() : obj;
-}