Update configurations

Improve development experience.

Author: Chalarangelo

.eslintrc.json

@@ -8,7 +8,8 @@
   },
   "extends": [
     "eslint:recommended",
-    "plugin:react/recommended"
+    "plugin:react/recommended",
+    "prettier"
   ],
   "parser": "@babel/eslint-parser",
   "parserOptions": {
@@ -30,15 +31,12 @@
     }
   },
   "rules": {
-    "indent": [
-      "error",
-      2
-    ],
+    "indent": "off",
     "comma-dangle": [
       "error", {
         "arrays": "always-multiline",
         "objects": "always-multiline",
-        "imports": "never",
+        "imports": "always-multiline",
         "exports": "only-multiline",
         "functions": "never"
       }
@@ -81,10 +79,7 @@
         "allowSingleLine": true
       }
     ],
-    "curly": [
-      "error",
-      "multi-or-nest"
-    ],
+    "curly": "off",
     "object-shorthand": [
       "warn",
       "always"
@@ -189,22 +184,11 @@
       "error",
       "never"
     ],
-    "space-before-function-paren": [
-      "error",
-      "never"
-    ],
+    "space-before-function-paren": "off",
     "spaced-comment": [
       "error",
       "always"
     ],
-    "react/jsx-curly-spacing": [
-      "error",
-      {
-        "when": "always",
-        "attributes": true,
-        "children": true
-      }
-    ],
     "react/jsx-equals-spacing": [
       "error",
       "never"

.prettierignore

@@ -0,0 +1,12 @@
+.assets
+.build
+.cache
+.content
+.cypress
+.github
+.vscode
+content/sources
+coverage
+node_modules
+public
+static

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "printWidth": 80,
+  "arrowParens": "avoid",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "jsxSingleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false
+}

.vscode/settings.json

@@ -12,5 +12,14 @@
     "source.fixAll.eslint": true
   },
   "diffEditor.ignoreTrimWhitespace": false,
-  "files.trimTrailingWhitespace": true
+  "files.trimTrailingWhitespace": true,
+  "[javascript]": {
+    "editor.formatOnSaveMode": "file",
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+  },
+  "[javascriptreact]": {
+    "editor.formatOnSaveMode": "file",
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+  },
+  "workbench.editor.labelFormat": "short"
 }

jsconfig.json

@@ -1,9 +1,10 @@
 {
   "compilerOptions": {
     "baseUrl": "./src",
-    "target": "es6"
+    "target": "es6",
+    "moduleResolution": "node"
   },
   "exclude": [
     "node_modules"
   ]
-}
+}

package-lock.json

@@ -22,6 +22,7 @@
     "css-loader": "^3.4.2",
     "cypress": "^4.12.1",
     "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-cypress": "^2.10.3",
     "eslint-plugin-react": "^7.19.0",
     "eslint-plugin-react-hooks": "^2.5.0",
@@ -42,6 +43,7 @@
     "jest-transform-stub": "^2.0.0",
     "mdast-util-to-hast": "^9.1.0",
     "node-sass": "^4.14.1",
+    "prettier": "^2.2.1",
     "prismjs": "^1.19.0",
     "prop-types": "^15.7.2",
     "react": "^16.13.0",
@@ -71,6 +73,7 @@
     "debug": "NODE_PATH=src npx --node-arg '-r esm --nolazy --inspect-brk' node_modules/.bin/gatsby develop",
     "serve": "NODE_PATH=src npx --node-arg '-r esm' gatsby serve",
     "lint": "eslint './src/**/*.js' './src/**/*.jsx'",
+    "format": "prettier --config .prettierrc --write './**/*.{js,jsx}'",
     "cy:open": "NODE_PATH=src npx --node-arg '-r esm' cypress open --config-file src/config/cypress.json",
     "cy:run": "NODE_PATH=src npx --node-arg '-r esm' cypress run --config-file src/config/cypress.json",
     "test": "cross-env NODE_PATH=src NODE_ENV=test jest --config src/config/jest.json --coverage",