wapplr 1.0.75 → 1.0.77

package/dist/common/states.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createDefaultStateManager = createDefaultStateManager;
 exports["default"] = createStates;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _utils = require("./utils");
-
 function createDefaultStateManager() {
   var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var wapp = p.wapp;
@@ -24,11 +18,9 @@ function createDefaultStateManager() {
       value: function value() {
         var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var action = arguments.length > 1 ? arguments[1] : undefined;
-
         switch (action.type) {
           case "SET_REQ":
             return (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, state), {}, (0, _defineProperty2["default"])({}, action.payload.name, action.payload.value && typeof action.payload.value == "object" ? (0, _utils.copyObject)(action.payload.value) : action.payload.value));
-
           default:
             return state;
         }
@@ -38,18 +30,14 @@ function createDefaultStateManager() {
       value: function value() {
         var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var action = arguments.length > 1 ? arguments[1] : undefined;
-
         switch (action.type) {
           case "SET_RES":
             return (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, state), {}, (0, _defineProperty2["default"])({}, action.payload.name, action.payload.value && typeof action.payload.value == "object" ? (0, _utils.copyObject)(action.payload.value) : action.payload.value));
-
           case "INS_RES":
             if (typeof action.payload.value === "object" && action.payload.value && typeof state[action.payload.name] === "object" && state[action.payload.name]) {
               return (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, state), {}, (0, _defineProperty2["default"])({}, action.payload.name, (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, state[action.payload.name]), (0, _utils.copyObject)(action.payload.value))));
             }
-
             return (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, state), {}, (0, _defineProperty2["default"])({}, action.payload.name, action.payload.value && typeof action.payload.value == "object" ? (0, _utils.copyObject)(action.payload.value) : action.payload.value));
-
           default:
             return state;
         }
@@ -60,7 +48,7 @@ function createDefaultStateManager() {
     req: (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, _utils.defaultDescriptor), {}, {
       value: function value(_ref) {
         var name = _ref.name,
-            _value = _ref.value;
+          _value = _ref.value;
         return {
           type: "SET_REQ",
           payload: {
@@ -73,8 +61,8 @@ function createDefaultStateManager() {
     res: (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, _utils.defaultDescriptor), {}, {
       value: function value(_ref2) {
         var type = _ref2.type,
-            name = _ref2.name,
-            _value2 = _ref2.value;
+          name = _ref2.name,
+          _value2 = _ref2.value;
         return {
           type: type || "SET_RES",
           payload: {
@@ -85,14 +73,12 @@ function createDefaultStateManager() {
       }
     })
   });
-
   var defaultRootReducer = function defaultRootReducer(newState, action) {
     Object.keys(stateManager.reducers).forEach(function (key) {
       newState[key] = stateManager.reducers[key](newState[key], action);
     });
     return newState;
   };
-
   function createStore() {
     var rootReducer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultRootReducer;
     var initialState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -104,28 +90,23 @@ function createDefaultStateManager() {
     return {
       getState: function getState(p) {
         var keys = p && typeof p == "string" ? p : p && typeof p == "object" && typeof p.keys == "string" ? p.keys : "";
-
         if (keys) {
           var find = function find(keys, o) {
             var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
             if (keys[i + 1] && keys[i] && o[keys[i]] && typeof o[keys[i]] == "object") {
               find(keys, o[keys[i]], i + 1);
             } else if (!keys[i + 1] && typeof o[keys[i]] !== "undefined") {
               found = o[keys[i]];
             }
           };
-
           var found;
           find(keys.split("."), state);
           return typeof found === "object" && found ? (0, _utils.copyObject)(found) : found;
         }
-
         try {
           if (!cachedString) {
             cachedString = JSON.stringify(state);
           }
-
           return JSON.parse(cachedString);
         } catch (e) {
           console.log(e);
@@ -143,9 +124,7 @@ function createDefaultStateManager() {
         } catch (e) {
           console.log(e);
         }
-
         cachedString = "";
-
         try {
           stateManager.runListeners(action);
         } catch (e) {
@@ -157,27 +136,23 @@ function createDefaultStateManager() {
       }
     };
   }
-
   function defaultAddListener(listener) {
     stateManager.listeners.push(listener);
     return function unsubscribe() {
       stateManager.removeListener(listener);
     };
   }
-
   function defaultRemoveListener(listener) {
     if (stateManager.listeners.indexOf(listener) !== -1) {
       stateManager.listeners.splice(stateManager.listeners.indexOf(listener), 1);
     }
   }
-
   function defaultRunListeners(action) {
     var listeners = (0, _toConsumableArray2["default"])(stateManager.listeners);
     listeners.forEach(function (listener) {
       listener(action);
     });
   }
-
   var stateManager = Object.create(Object.prototype, {
     wapp: (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, _utils.defaultDescriptor), {}, {
       writable: false,
@@ -215,25 +190,24 @@ function createDefaultStateManager() {
   });
   return stateManager;
 }
-
 function createStates() {
   var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var wapp = p.wapp,
-      _p$stateManager = p.stateManager,
-      stateManager = _p$stateManager === void 0 ? createDefaultStateManager(p) : _p$stateManager;
-
+    _p$stateManager = p.stateManager,
+    stateManager = _p$stateManager === void 0 ? createDefaultStateManager(p) : _p$stateManager;
   function addSomePropertyToClientAppFromInitialState(req, res, next) {
     // the client can't set this properties from the window location,
     // so if the server sent these data, then these are setting here to app.req and wappRequest:
     // method, httpVersion, remoteAddress
+
     // req.timestamp, res.statusCode, statusMessage, errorMessage will update in every client side update,
     // but the first render need this data from the server
+
     if (wapp.target === "web") {
       var wappResponse = res.wappResponse;
       var wappRequest = req.wappRequest;
       var appStateName = wappResponse.appStateName;
       var initialState = window[appStateName];
-
       if (initialState) {
         var reqFromState = initialState.req || {};
         var resFromState = initialState.res || {};
@@ -243,7 +217,6 @@ function createStates() {
         wappRequest.method = req.method;
         wappRequest.httpVersion = req.httpVersion;
         wappRequest.remoteAddress = req.remoteAddress;
-
         if (statesMiddleware.shouldInitializedStore) {
           req.timestamp = reqFromState.timestamp || req.timestamp;
           wappRequest.timestamp = req.timestamp;
@@ -256,12 +229,9 @@ function createStates() {
         }
       }
     }
-
     next();
   }
-
   var lastStoreForClient = null;
-
   function defaultStatesForReqRes(req, res, next) {
     var wappRequest = req.wappRequest;
     var wappResponse = res.wappResponse;
@@ -305,7 +275,6 @@ function createStates() {
     };
     var init = statesMiddleware.shouldInitializedStore;
     var store = init ? wapp.states.stateManager.createStore(wapp.states.stateManager.rootReducer, initState) : wappResponse.store;
-
     if (init) {
       Object.defineProperty(wappResponse, "store", {
         writable: true,
@@ -313,12 +282,10 @@ function createStates() {
         configurable: false,
         value: store
       });
-
       if (wapp.target === "web") {
         lastStoreForClient = wappResponse.store;
       }
     }
-
     if (!init || init && initState.req.timestamp !== timestamp) {
       if (store.getState("req.timestamp") !== timestamp) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -327,7 +294,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.path !== path) {
       if (store.getState("req.path") !== path) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -336,7 +302,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.url !== url) {
       if (store.getState("req.url") !== url) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -345,7 +310,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.method !== method) {
       if (store.getState("req.method") !== method) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -354,7 +318,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.httpVersion !== httpVersion) {
       if (store.getState("req.httpVersion") !== httpVersion) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -363,7 +326,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.hostname !== hostname) {
       if (store.getState("req.hostname") !== hostname) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -372,7 +334,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.protocol !== protocol) {
       if (store.getState("req.protocol") !== protocol) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -381,7 +342,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.secure !== secure) {
       if (store.getState("req.secure") !== secure) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -390,7 +350,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.remoteAddress !== remoteAddress) {
       if (store.getState("req.remoteAddress") !== remoteAddress) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -399,7 +358,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.userAgent !== userAgent) {
       if (store.getState("req.userAgent") !== userAgent) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -408,7 +366,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.req.query !== query) {
       if (store.getState("req.query") !== query) {
         wappResponse.store.dispatch(wapp.states.runAction("req", {
@@ -417,7 +374,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.res.statusCode !== statusCode) {
       if (store.getState("res.statusCode") !== statusCode) {
         wappResponse.store.dispatch(wapp.states.runAction("res", {
@@ -426,7 +382,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.res.statusMessage !== statusMessage) {
       if (store.getState("res.statusMessage") !== statusMessage) {
         wappResponse.store.dispatch(wapp.states.runAction("res", {
@@ -435,7 +390,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.res.errorMessage !== errorMessage) {
       if (store.getState("res.errorMessage") !== errorMessage) {
         wappResponse.store.dispatch(wapp.states.runAction("res", {
@@ -444,7 +398,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.res.appStateName !== appStateName) {
       if (store.getState("res.appStateName") !== appStateName) {
         wappResponse.store.dispatch(wapp.states.runAction("res", {
@@ -453,7 +406,6 @@ function createStates() {
         }));
       }
     }
-
     if (!init || init && initState.res.containerElementId !== containerElementId) {
       if (store.getState("res.containerElementId") !== containerElementId) {
         wappResponse.store.dispatch(wapp.states.runAction("res", {
@@ -462,16 +414,13 @@ function createStates() {
         }));
       }
     }
-
     next();
   }
-
   function defaultHandle(req, res, out) {
     var statesMiddlewares = Object.keys(statesMiddleware.handles).sort().map(function (key) {
       return statesMiddleware.handles[key];
     });
     var index = 0;
-
     function next(err) {
       if (statesMiddlewares[index]) {
         var func = statesMiddlewares[index];
@@ -483,29 +432,23 @@ function createStates() {
         index = 0;
         return out(err);
       }
-
       return null;
     }
-
     return next();
   }
-
   function defaultAddHandle(obj) {
     if (typeof obj === "object" && !obj.length) {
       Object.keys(obj).forEach(function (handleName) {
         var handle = obj[handleName];
-
         if (typeof handle == "function") {
           statesMiddleware.handles[handleName] = handle;
         }
       });
     }
   }
-
   function defaultRunAction(actionName, props) {
     return statesMiddleware.stateManager.actions[actionName](props);
   }
-
   var statesMiddlewareProperties = Object.create(Object.prototype, {
     handle: (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, _utils.defaultDescriptor), {}, {
       value: defaultHandle
@@ -529,23 +472,19 @@ function createStates() {
       value: false
     })
   });
-
   function statesMiddleware(req, res, out) {
     if (typeof statesMiddleware.handle === "function") {
       if (!res.wappResponse.store && wapp.target === "web" && lastStoreForClient) {
         res.wappResponse.store = lastStoreForClient;
       }
-
       statesMiddleware.shouldInitializedStore = wapp.target === "node" || !res.wappResponse.store;
       statesMiddleware.handle(req, res, function next() {
         statesMiddleware.shouldInitializedStore = wapp.target === "node" || !res.wappResponse.store;
         out();
       });
     }
-
     return statesMiddleware;
   }
-
   (0, _utils.mergeProperties)(statesMiddleware, statesMiddlewareProperties);
   Object.defineProperty(statesMiddleware, "wapp", (0, _objectSpread6["default"])((0, _objectSpread6["default"])({}, _utils.defaultDescriptor), {}, {
     writable: false,

package/dist/common/styles.js

@@ -1,101 +1,79 @@
 "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 _targetObject$config;
-
     var targetObject = wapp.getTargetObject ? wapp.getTargetObject() : wapp;
     var stylesConfig = ((_targetObject$config = targetObject.config) === null || _targetObject$config === void 0 ? void 0 : _targetObject$config.styles) || {};
     var _stylesConfig$styleId = stylesConfig.styleIdPrefix,
-        styleIdPrefix = _stylesConfig$styleId === void 0 ? "s" : _stylesConfig$styleId;
+      styleIdPrefix = _stylesConfig$styleId === void 0 ? "s" : _stylesConfig$styleId;
     var id = "".concat(styleIdPrefix).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._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 {
@@ -103,38 +81,30 @@ function createDefaultStyleManager() {
           css["delete"](style);
           styleManager.removeCss["delete"](style._remove);
         };
-
         styleManager.removeCss.add(style._remove);
         return style._remove;
       }
     } else {
-      style._remove = function () {
-        /*fake remove*/
-      };
-
+      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;
+      WAPP = _globals$WAPP === void 0 ? "buildHash" : _globals$WAPP,
+      DEV = globals.DEV;
     var cssText = (0, _toConsumableArray2["default"])(styleManager.css).map(function (style) {
       return style._getCss ? 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();
@@ -142,12 +112,10 @@ function createDefaultStyleManager() {
     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, {
@@ -180,43 +148,33 @@ function createDefaultStyleManager() {
   });
   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;
-
+    _p$styleManager = p.styleManager,
+    styleManager = _p$styleManager === void 0 ? createDefaultStyleManager(p) : _p$styleManager;
   function defaultHandle(req, res, next) {
     var _targetObject$config2, _targetObject$config3, _targetObject$config4, _targetObject$config5, _targetObject$config6;
-
     var targetObject = wapp.getTargetObject ? wapp.getTargetObject() : wapp;
-
     if (!(targetObject !== null && targetObject !== void 0 && (_targetObject$config2 = targetObject.config) !== null && _targetObject$config2 !== void 0 && (_targetObject$config3 = _targetObject$config2.styles) !== null && _targetObject$config3 !== void 0 && _targetObject$config3.disableClearStyles)) {
       stylesMiddleware.styleManager.clear();
     }
-
     if (targetObject !== null && targetObject !== void 0 && (_targetObject$config4 = targetObject.config) !== null && _targetObject$config4 !== void 0 && (_targetObject$config5 = _targetObject$config4.assets) !== null && _targetObject$config5 !== void 0 && (_targetObject$config6 = _targetObject$config5.cssToInlineStyle) !== null && _targetObject$config6 !== void 0 && _targetObject$config6._getCss) {
       wapp.styles.add({
         _getCss: targetObject.config.assets.cssToInlineStyle._getCss
       });
     }
-
     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
@@ -234,15 +192,12 @@ function createStyleManager() {
       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,

package/dist/common/template/index.js

@@ -1,42 +1,37 @@
 "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;
+    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;
+    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);