Make the world a better, linted, place

Author: dannyrb

.eslintrc.json

@@ -0,0 +1,21 @@
+{
+  "extends": [
+    "react-app",
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "parser": "babel-eslint",
+  "env": {
+    "jest": true
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "globals": {
+    "context": true,
+    "assert": true
+  }
+}

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "trailingComma": "es5",
+  "printWidth": 80,
+  "proseWrap": "always",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true
+}

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["esbenp.prettier-vscode", "dbaeumer.vscode-eslint"]
+}

.vscode/settings.json

@@ -0,0 +1,30 @@
+{
+  "editor.rulers": [80, 120],
+
+  // ===
+  // Spacing
+  // ===
+
+  "editor.insertSpaces": true,
+  "editor.tabSize": 2,
+  "editor.trimAutoWhitespace": true,
+  "files.trimTrailingWhitespace": true,
+  "files.eol": "\n",
+  "files.insertFinalNewline": true,
+  "files.trimFinalNewlines": true,
+
+  // ===
+  // Event Triggers
+  // ===
+
+  "editor.formatOnSave": true,
+  "eslint.autoFixOnSave": true,
+  "eslint.run": "onSave",
+  "eslint.validate": [
+    { "language": "javascript", "autoFix": true },
+    { "language": "javascriptreact", "autoFix": true }
+  ],
+  "prettier.disableLanguages": [],
+  "prettier.endOfLine": "lf",
+  "workbench.colorCustomizations": {}
+}

babel.config.js

@@ -1,14 +1,17 @@
 module.exports = {
   presets: [
-    ["@babel/preset-env", {
-      targets: {
-        ie: "11"
-      }
-    }],
-    "@babel/preset-react"
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          ie: '11',
+        },
+      },
+    ],
+    '@babel/preset-react',
   ],
   plugins: [
-    "@babel/plugin-proposal-class-properties",
-    "@babel/plugin-transform-runtime"
-  ]
-}
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-transform-runtime',
+  ],
+};

package.json

@@ -45,16 +45,17 @@
     "dicom-parser": "^1.8.3",
     "dicomweb-client": "^0.5.2",
     "eslint": "5.16.0",
+    "eslint-config-react-app": "^4.0.1",
     "eslint-plugin-import": "^2.17.3",
     "eslint-plugin-node": "^9.1.0",
     "eslint-plugin-promise": "^4.1.1",
     "eslint-plugin-react": "^7.13.0",
     "gh-pages": "^2.0.1",
     "hammerjs": "^2.0.8",
     "html-webpack-plugin": "^3.2.0",
-    "husky": "^2.4.1",
+    "husky": "^3.0.0",
     "kw-web-suite": "^8.0.0",
-    "lint-staged": "^8.2.1",
+    "lint-staged": "^9.2.5",
     "postcss-loader": "^3.0.0",
     "prettier": "^1.18.2",
     "prop-types": "^15.7.2",
@@ -71,6 +72,7 @@
     "webpack": "4.34.0",
     "webpack-cli": "^3.3.4",
     "webpack-dev-server": "^3.8.0",
+    "webpack-merge": "^4.2.2",
     "worker-loader": "^2.0.0"
   },
   "husky": {
@@ -80,7 +82,8 @@
   },
   "lint-staged": {
     "src/**/*.{js,jsx,json,css}": [
-      "prettier --single-quote --write",
+      "eslint --fix",
+      "prettier --write",
       "git add"
     ]
   },

webpack.config.js

@@ -65,6 +65,8 @@ module.exports = {
         amd: 'cornerstone-math',
         root: 'cornerstoneMath',
       },
+      // 
+      react: 'react',
     },
   ],
   plugins: [