update deps

.babelrc

@@ -1,28 +1,52 @@
 {
   "presets": [
-    "react",
+    "@babel/preset-react",
     [
-      "env",
+      "@babel/preset-env",
       {
         "targets": {
           "browsers": ["last 2 versions", "IE >= 8"],
           "node": "current"
         },
         "useBuiltIns": "entry"
       }
-    ],
-    "stage-0"
+    ]
   ],
   "plugins": [
-    "transform-runtime",
-    "transform-decorators-legacy",
+    "@babel/plugin-transform-runtime",
     "react-loadable/babel",
-    "react-hot-loader/babel"
+    "react-hot-loader/babel",
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-import-meta",
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-json-strings",
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    "@babel/plugin-proposal-function-sent",
+    "@babel/plugin-proposal-export-namespace-from",
+    "@babel/plugin-proposal-numeric-separator",
+    "@babel/plugin-proposal-throw-expressions",
+    "@babel/plugin-proposal-export-default-from",
+    "@babel/plugin-proposal-logical-assignment-operators",
+    "@babel/plugin-proposal-optional-chaining",
+    [
+      "@babel/plugin-proposal-pipeline-operator",
+      {
+        "proposal": "minimal"
+      }
+    ],
+    "@babel/plugin-proposal-nullish-coalescing-operator",
+    "@babel/plugin-proposal-do-expressions",
+    "@babel/plugin-proposal-function-bind"
   ],
   "env": {
     "development": {
       "plugins": [
-        "transform-react-jsx-source"
+        "@babel/plugin-transform-react-jsx-source"
       ]
     }
   }

.bootstraprc

@@ -3,14 +3,14 @@
   "preBootstrapCustomizations": "./src/theme/variables.scss",
   "appStyles": "./src/theme/app.scss",
   "loglevel": "disabled",
+  "styleLoaders": [
+    "style-loader?sourceMap",
+    "css-loader?sourceMap&importLoaders=2",
+    "resolve-url-loader",
+    "sass-loader?sourceMap"
+  ],
   "env": {
     "development": {
-      "styleLoaders": [
-        "style-loader?sourceMap",
-        "css-loader?sourceMap&importLoaders=2",
-        "resolve-url-loader",
-        "sass-loader?sourceMap"
-      ],
       "extractStyles": false
     },
     "production": {

package.json

@@ -47,6 +47,29 @@
     "docker-down": "docker-compose down"
   },
   "dependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-decorators": "^7.0.0",
+    "@babel/plugin-proposal-do-expressions": "^7.0.0",
+    "@babel/plugin-proposal-export-default-from": "^7.0.0",
+    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
+    "@babel/plugin-proposal-function-bind": "^7.0.0",
+    "@babel/plugin-proposal-function-sent": "^7.0.0",
+    "@babel/plugin-proposal-json-strings": "^7.0.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.0.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.0.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.0.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.0.0",
+    "@babel/plugin-proposal-pipeline-operator": "^7.0.0",
+    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-syntax-import-meta": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.0.0",
+    "@babel/polyfill": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/register": "^7.0.0",
+    "@babel/runtime": "^7.0.0",
     "@feathersjs/authentication": "^2.1.0",
     "@feathersjs/authentication-client": "^1.0.1",
     "@feathersjs/authentication-jwt": "^2.0.0",
@@ -59,16 +82,7 @@
     "@feathersjs/socketio": "^3.0.1",
     "@feathersjs/socketio-client": "^1.0.1",
     "axios": "^0.18.0",
-    "babel-core": "^6.26.0",
     "babel-plugin-dynamic-import-node": "^2.0.0",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-env": "^1.6.0",
-    "babel-preset-react": "^6.23.0",
-    "babel-preset-stage-0": "^6.22.0",
-    "babel-register": "^6.26.0",
-    "babel-runtime": "^6.26.0",
     "body-parser": "^1.16.1",
     "classnames": "^2.2.5",
     "compression": "^1.6.2",
@@ -107,7 +121,7 @@
     "react-router-config": "^1.0.0-beta.4",
     "react-router-dom": "^4.2.2",
     "react-router-redux": "^5.0.0-alpha.9",
-    "recompose": "^0.28.0",
+    "recompose": "^0.29.0",
     "redial": "^0.5.0",
     "redux": "^4.0.0",
     "redux-auth-wrapper": "^2.0.2",
@@ -119,15 +133,17 @@
     "socket.io-client": "^2.0.1"
   },
   "devDependencies": {
-    "babel-eslint": "^8.0.1",
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-transform-react-jsx-source": "^7.0.0",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-eslint": "^9.0.0",
     "babel-jest": "^23.0.0",
-    "babel-loader": "^7.0.0",
-    "babel-plugin-transform-react-jsx-source": "^6.22.0",
-    "bootstrap-loader": "^2.1.0",
+    "babel-loader": "^8.0.0",
+    "bootstrap-loader": "^3.0.1",
     "bootstrap-sass": "^3.3.7",
     "chai": "^4.1.1",
     "clean-webpack-plugin": "^0.1.15",
-    "concurrently": "^3.3.0",
+    "concurrently": "^4.0.1",
     "cross-env": "^5.1.1",
     "css-loader": "^1.0.0",
     "eslint": "^5.2.0",
@@ -136,8 +152,7 @@
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^6.0.3",
     "eslint-plugin-react": "^7.2.1",
-    "extract-text-webpack-plugin": "^4.0.0-beta.0",
-    "file-loader": "^1.1.6",
+    "file-loader": "^2.0.0",
     "font-awesome": "^4.7.0",
     "happypack": "^5.0.0",
     "html-webpack-plugin": "^3.1.0",
@@ -149,15 +164,16 @@
     "less-loader": "^4.0.3",
     "lighthouse": "^3.0.3",
     "lint-staged": "^7.0.1",
+    "mini-css-extract-plugin": "^0.4.2",
     "node-sass": "^4.9.0",
     "piping": "^1.0.0-rc.4",
     "postcss": "^7.0.2",
     "postcss-browser-reporter": "^0.5.0",
     "postcss-cssnext": "^3.0.2",
-    "postcss-import": "^11.0.0",
-    "postcss-loader": "^2.0.5",
-    "postcss-reporter": "^5.0.0",
-    "postcss-url": "^7.1.2",
+    "postcss-import": "^12.0.0",
+    "postcss-loader": "^3.0.0",
+    "postcss-reporter": "^6.0.0",
+    "postcss-url": "^8.0.0",
     "prettier-eslint-cli": "^4.6.1",
     "react-a11y": "^1.0.0",
     "react-hot-loader": "^4.0.0",
@@ -166,7 +182,7 @@
     "redux-devtools-log-monitor": "^1.2.0",
     "resolve-url-loader": "^2.2.1",
     "sass-loader": "^7.0.1",
-    "style-loader": "^0.21.0",
+    "style-loader": "^0.23.0",
     "sw-precache-webpack-plugin": "^0.11.3",
     "uglifyjs-webpack-plugin": "^1.1.6",
     "url-loader": "^1.0.1",

server.babel.js

@@ -1,5 +1,5 @@
 //  enable runtime transpilation to use ES6/7 in node
-require('babel-polyfill');
+require('@babel/polyfill');
 
 const fs = require('fs');
 
@@ -16,4 +16,4 @@ try {
   console.error(err);
 }
 
-require('babel-register')(config);
+require('@babel/register')(config);

src/client.js

@@ -1,7 +1,7 @@
 /**
  * THIS IS THE ENTRY POINT FOR THE CLIENT, JUST LIKE server.js IS THE ENTRY POINT FOR THE SERVER.
  */
-import 'babel-polyfill';
+import '@babel/polyfill';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { ConnectedRouter } from 'react-router-redux';

src/components/CounterButton/CounterButton.js

@@ -8,7 +8,7 @@ import * as counterActions from 'redux/modules/counter';
   (state, { multireducerKey: key }) => ({ count: state.counter[key].count }),
   (dispatch, { multireducerKey: key }) => bindActionCreators(counterActions, dispatch, key)
 )
-export default class CounterButton extends Component {
+class CounterButton extends Component {
   static propTypes = {
     count: PropTypes.number.isRequired,
     increment: PropTypes.func.isRequired,
@@ -32,3 +32,5 @@ export default class CounterButton extends Component {
     );
   }
 }
+
+export default CounterButton;

src/components/InfoBar/InfoBar.js

@@ -7,7 +7,7 @@ import { load } from 'redux/modules/info';
   state => ({ info: state.info.data }),
   { load }
 )
-export default class InfoBar extends Component {
+class InfoBar extends Component {
   static propTypes = {
     info: PropTypes.shape({
       message: PropTypes.string,
@@ -38,3 +38,5 @@ export default class InfoBar extends Component {
     );
   }
 }
+
+export default InfoBar;

src/components/MiniInfoBar/MiniInfoBar.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 
 @connect(state => ({ time: state.info.data.time }))
-export default class MiniInfoBar extends Component {
+class MiniInfoBar extends Component {
   static propTypes = {
     time: PropTypes.number.isRequired
   };
@@ -19,3 +19,5 @@ export default class MiniInfoBar extends Component {
     );
   }
 }
+
+export default MiniInfoBar;

src/components/Notifs/Notifs.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 
 @connect((state, { namespace }) => ({ notifs: state.notifs[namespace] || [] }))
-export default class Notifs extends Component {
+class Notifs extends Component {
   static propTypes = {
     notifs: PropTypes.arrayOf(PropTypes.object).isRequired,
     NotifComponent: PropTypes.func.isRequired,
@@ -22,3 +22,5 @@ export default class Notifs extends Component {
     );
   }
 }
+
+export default Notifs;

src/components/ReduxAsyncConnect/ReduxAsyncConnect.js

@@ -6,7 +6,7 @@ import NProgress from 'nprogress';
 import asyncMatchRoutes from 'utils/asyncMatchRoutes';
 
 @withRouter
-export default class ReduxAsyncConnect extends Component {
+class ReduxAsyncConnect extends Component {
   static propTypes = {
     children: PropTypes.node.isRequired,
     history: PropTypes.objectOf(PropTypes.any).isRequired,
@@ -63,3 +63,5 @@ export default class ReduxAsyncConnect extends Component {
     return <Route location={previousLocation || location} render={() => children} />;
   }
 }
+
+export default ReduxAsyncConnect;

src/containers/About/About.js

@@ -7,7 +7,7 @@ import { isLoaded as isInfoLoaded, load as loadInfo } from 'redux/modules/info';
 @provideHooks({
   fetch: ({ store: { dispatch, getState } }) => !isInfoLoaded(getState()) ? dispatch(loadInfo()).catch(() => null) : Promise.resolve()
 })
-export default class About extends Component {
+class About extends Component {
   state = {
     showKitten: false
   };
@@ -86,3 +86,5 @@ export default class About extends Component {
     );
   }
 }
+
+export default About;

src/containers/App/App.js

@@ -36,7 +36,7 @@ import config from 'config';
   { logout: logoutAction, pushState: push }
 )
 @withRouter
-export default class App extends Component {
+class App extends Component {
   static propTypes = {
     route: PropTypes.objectOf(PropTypes.any).isRequired,
     location: PropTypes.objectOf(PropTypes.any).isRequired,
@@ -193,3 +193,5 @@ export default class App extends Component {
     );
   }
 }
+
+export default App;

src/containers/Chat/Chat.js

@@ -29,7 +29,7 @@ import { socket } from 'app';
   { ...chatActions }
 )
 @withApp
-export default class ChatFeathers extends Component {
+class Chat extends Component {
   static propTypes = {
     app: PropTypes.shape({
       service: PropTypes.func
@@ -180,3 +180,5 @@ anonymous
     );
   }
 }
+
+export default Chat;

src/containers/Home/Home.js

@@ -9,7 +9,7 @@ import { connect } from 'react-redux';
 @connect(state => ({
   online: state.online
 }))
-export default class Home extends Component {
+class Home extends Component {
   static propTypes = {
     online: PropTypes.bool.isRequired
   };
@@ -349,3 +349,5 @@ uses the socket.io technology for real-time communication between
     );
   }
 }
+
+export default Home;

src/containers/Login/Login.js

@@ -13,7 +13,7 @@ import * as notifActions from 'redux/modules/notifs';
   { ...notifActions, ...authActions }
 )
 @withRouter
-export default class Login extends Component {
+class Login extends Component {
   static propTypes = {
     user: PropTypes.shape({
       email: PropTypes.string
@@ -116,3 +116,5 @@ Log Out
     );
   }
 }
+
+export default Login;

src/containers/LoginSuccess/LoginSuccess.js

@@ -7,7 +7,7 @@ import * as authActions from 'redux/modules/auth';
   state => ({ user: state.auth.user }),
   authActions
 )
-export default class LoginSuccess extends Component {
+class LoginSuccess extends Component {
   static propTypes = {
     user: PropTypes.shape({
       email: PropTypes.string
@@ -59,3 +59,5 @@ Log Out
     );
   }
 }
+
+export default LoginSuccess;