use some common joyent lint rules

frontend/.eslintrc

@@ -1,5 +1,8 @@
 {
-  "extends": "semistandard",
+  "extends": [
+    "semistandard",
+    "eslint:recommended"
+  ],
   "parser": "babel-eslint",
   "parserOptions": {
     "ecmaVersion": 7,
@@ -13,6 +16,11 @@
     "react",
     "jsx-a11y"
   ],
+  "env": {
+    "node": true,
+    "browser": true,
+    "es6": true
+  },
   "rules": {
     "react/jsx-no-undef": 2,
     "react/jsx-uses-react": 2,
@@ -95,6 +103,25 @@
     }],
     "sort-vars": [2, {
       "ignoreCase": true
-    }]
+    }],
+    "prefer-const": 2,
+    "no-mixed-spaces-and-tabs": 2,
+    "new-cap": 2,
+    "no-use-before-define": [2, "nofunc"],
+    "semi": [2, "always"],
+    "camelcase": 2,
+    "curly": 2,
+    "eqeqeq": 2,
+    "no-extend-native": 2,
+    "indent": [2, 2, {
+      "SwitchCase": 1
+    }],
+    "quotes": [2, "single"],
+    "max-depth": [2, 3],
+    "max-statements": [2, 60],
+    "max-len": [2, 80],
+    "no-eq-null": 2,
+    "block-scoped-var": 2,
+    "no-console": 0
   }
 }

frontend/webpack/base.js

@@ -69,7 +69,12 @@ exports.config = {
       ],
       loader: ExtractTextPlugin.extract({
         fallbackLoader: 'style-loader',
-        loader: 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader'
+        loader: [
+          'css-loader?',
+          'modules&importLoaders=1&',
+          'localIdentName=[name]__[local]___[hash:base64:5]!',
+          'postcss-loader'
+        ].join('')
       })
     }]
   }

frontend/webpack/test.js

@@ -12,7 +12,12 @@ module.exports = {
   module: {
     loaders: [{
       test: /\.css?$/,
-      loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader'
+      loader: [
+        'css-loader?',
+        'modules&importLoaders=1&',
+        'localIdentName=[name]__[local]___[hash:base64:5]!',
+        'postcss-loader'
+      ].join('')
     }]
   }
 };

ui/.eslintrc

@@ -1,5 +1,8 @@
 {
-  "extends": "semistandard",
+  "extends": [
+    "semistandard",
+    "eslint:recommended"
+  ],
   "parser": "babel-eslint",
   "parserOptions": {
     "ecmaVersion": 7,
@@ -13,6 +16,11 @@
     "react",
     "jsx-a11y"
   ],
+  "env": {
+    "node": true,
+    "browser": true,
+    "es6": true
+  },
   "rules": {
     "react/jsx-no-undef": 2,
     "react/jsx-uses-react": 2,
@@ -95,6 +103,24 @@
     }],
     "sort-vars": [2, {
       "ignoreCase": true
-    }]
+    }],
+    "prefer-const": 2,
+    "no-mixed-spaces-and-tabs": 2,
+    "new-cap": 2,
+    "no-use-before-define": [2, "nofunc"],
+    "semi": [2, "always"],
+    "camelcase": 2,
+    "curly": 2,
+    "eqeqeq": 2,
+    "no-extend-native": 2,
+    "indent": [2, 2, {
+      "SwitchCase": 1
+    }],
+    "quotes": [2, "single"],
+    "max-depth": [2, 3],
+    "max-statements": [2, 60],
+    "max-len": [2, 80],
+    "no-eq-null": 2,
+    "block-scoped-var": 2
   }
 }

ui/src/components/column/index.js

@@ -1,6 +1,6 @@
 /*
  * based on
- * https://github.com/roylee0704/react-flexbox-grid/blob/master/src/components/Col.js
+ * github.com/roylee0704/react-flexbox-grid/blob/master/src/components/Col.js
  */
 
 const flatten = require('lodash.flatten');

ui/src/components/container/index.js

@@ -1,6 +1,6 @@
 /*
  * based on
- * https://github.com/roylee0704/react-flexbox-grid/blob/master/src/components/Grid.js
+ * github.com/roylee0704/react-flexbox-grid/blob/master/src/components/Grid.js
  */
 
 const React = require('react');

ui/src/components/row/index.js

@@ -1,6 +1,6 @@
 /*
  * based on
- * https://github.com/roylee0704/react-flexbox-grid/blob/master/src/components/Row.js
+ * github.com/roylee0704/react-flexbox-grid/blob/master/src/components/Row.js
  */
 
 const flatten = require('lodash.flatten');

ui/webpack/base.js

@@ -75,7 +75,12 @@ exports.config = {
       ],
       loader: ExtractTextPlugin.extract({
         fallbackLoader: 'style-loader',
-        loader: 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader'
+        loader: [
+          'css-loader?',
+          'modules&importLoaders=1&',
+          'localIdentName=[name]__[local]___[hash:base64:5]!',
+          'postcss-loader'
+        ].join('')
       })
     }]
   }

ui/webpack/test.js

@@ -11,7 +11,12 @@ module.exports = {
   module: {
     loaders: [{
       test: /\.css?$/,
-      loader: 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader'
+      loader: [
+        'css-loader?',
+        'modules&importLoaders=1&',
+        'localIdentName=[name]__[local]___[hash:base64:5]!',
+        'postcss-loader'
+      ].join('')
     }]
   }
 };