Feature/eslint next config (#19)

* ✨ Next.js config support

* 3.0.0

Author: Mcalewaert

README.md

@@ -4,7 +4,7 @@ _A fair-minded way to reduce noise in Javascript_
 
 The goal of this package is to have a consistent coding style across multiple files / projects while not being overly strict and have a minimal setup procedure.
 
-The package contains our ESLint rules, including ES6, React & TypeScript.
+The package contains our ESLint rules, including Next.js, ES6, React & TypeScript.
 
 > Note: We also use [Prettier](https://github.com/prettier/prettier) and integrated [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier) within this package, so we might not meet your standards on indentation etc. If needed, you can always override the configuration with extra rules. See [Configuring ESLint](https://eslint.org/docs/user-guide/configuring) for more information.
 
@@ -13,14 +13,14 @@ The package contains our ESLint rules, including ES6, React & TypeScript.
 ### Installation
 
 ```
-yarn add --dev @codit/eslint-config eslint@^7.2.0 @babel/eslint-plugin@^7.13.0 @typescript-eslint/eslint-plugin@^4.15.2 eslint@^7.20.0 eslint-plugin-filenames@^1.3.2 eslint-plugin-import@^2.22.1 eslint-plugin-promise@^4.3.1 eslint-plugin-react@^7.22.0 eslint-plugin-react-hooks@^4.2.0 eslint-plugin-jsx-a11y@^6.4.1
+yarn add --dev @codit/eslint-config eslint@8.22.0
 ```
 
 ### Configuration
 
-The following configuration contains a setup for ES6, React, TypeScript & Prettier, add it to your `.eslintrc` file
+The following configuration contains a setup for Next.js, ES6, React, TypeScript & Prettier, add it to your `.eslintrc` file
 
-```javascript
+```json
 "extends": ["@codit"]
 ```
 
@@ -37,14 +37,15 @@ Or if you want to take more control or don't use TypeScript, you can also extend
 
 "extends": [
   "@codit/eslint-config/core",
-  "@codit/eslint-config/es5"
+  "@codit/eslint-config/next"
 ]
 ```
 
 ## Older versions
 
-Documentation for versions 1.x.x can be found in the docs folder:
+Documentation for older versions can be found in the docs folder:
 
+- [Version 2.x.x](./docs/version-2.x.x.md)
 - [Version 1.x.x](./docs/version-1.x.x.md)
 
 ## License

docs/version-2.x.x.md

@@ -0,0 +1,52 @@
+# Codit ESLint Config
+
+_A fair-minded way to reduce noise in Javascript_
+
+The goal of this package is to have a consistent coding style across multiple files / projects while not being overly strict and have a minimal setup procedure.
+
+The package contains our ESLint rules, including ES6, React & TypeScript.
+
+> Note: We also use [Prettier](https://github.com/prettier/prettier) and integrated [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier) within this package, so we might not meet your standards on indentation etc. If needed, you can always override the configuration with extra rules. See [Configuring ESLint](https://eslint.org/docs/user-guide/configuring) for more information.
+
+## Usage
+
+### Installation
+
+```
+yarn add --dev @codit/eslint-config eslint@^7.2.0 @babel/eslint-plugin@^7.13.0 @typescript-eslint/eslint-plugin@^4.15.2 eslint@^7.20.0 eslint-plugin-filenames@^1.3.2 eslint-plugin-import@^2.22.1 eslint-plugin-promise@^4.3.1 eslint-plugin-react@^7.22.0 eslint-plugin-react-hooks@^4.2.0 eslint-plugin-jsx-a11y@^6.4.1
+```
+
+### Configuration
+
+The following configuration contains a setup for ES6, React, TypeScript & Prettier, add it to your `.eslintrc` file
+
+```javascript
+"extends": ["@codit"]
+```
+
+Or if you want to take more control or don't use TypeScript, you can also extend the packages as follows (make sure to also install the correct dependencies):
+
+```javascript
+
+"extends": [
+  "@codit/eslint-config/core",
+  "@codit/eslint-config/react"
+]
+
+// or
+
+"extends": [
+  "@codit/eslint-config/core",
+  "@codit/eslint-config/es5"
+]
+```
+
+## Older versions
+
+Documentation for versions 1.x.x can be found in the docs folder:
+
+- [Version 1.x.x](version-1.x.x.md)
+
+## License
+
+[MIT](../LICENSE)

next.js

@@ -0,0 +1 @@
+module.exports = require('./packages/next.json');

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codit/eslint-config",
-  "version": "2.0.8",
+  "version": "3.0.0",
   "description": "Codit's shareable EsLint configuration",
   "main": "index.js",
   "repository": {
@@ -16,24 +16,29 @@
     "codit"
   ],
   "author": "Erwin Govaerts <erwin.govaerts@codit.eu>",
+  "contributors": [
+    "Michael Calewaert <michael.calewaert@codit.eu>"
+  ],
   "license": "MIT",
   "dependencies": {
     "@babel/eslint-parser": "^7.12.17",
-    "@typescript-eslint/parser": "^4.15.2",
-    "eslint-config-prettier": "^8.0.0"
-  },
-  "devDependencies": {
-    "typescript": "^4.1.2"
-  },
-  "peerDependencies": {
-    "@babel/eslint-plugin": "^7.13.0",
-    "@typescript-eslint/eslint-plugin": "^4.15.2",
-    "eslint": "^7.20.0",
+    "@babel/eslint-plugin": "^7.12.17",
+    "@typescript-eslint/eslint-plugin": "^5.44.0",
+    "@typescript-eslint/parser": "^5.44.0",
+    "eslint-config-next": "13.0.5",
+    "eslint-config-prettier": "^8.0.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
     "eslint-plugin-filenames": "^1.3.2",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-promise": "^4.3.1",
     "eslint-plugin-react": "^7.22.0",
     "eslint-plugin-react-hooks": "^4.2.0"
+  },
+  "devDependencies": {
+    "typescript": "^4.1.2"
+  },
+  "peerDependencies": {
+    "eslint": "8.22.0"
   }
 }

packages/base.json

@@ -4,6 +4,7 @@
     "./packages/react",
     "./packages/jsx-a11y",
     "./packages/typescript",
+    "./packages/next",
     "prettier"
   ]
 }

packages/next.json

@@ -0,0 +1,3 @@
+{
+  "extends":"plugin:@next/next/recommended"
+}

packages/react.json

@@ -103,7 +103,7 @@
       }
     ],
     "react/prop-types": 0,
-    "react/react-in-jsx-scope": 2,
+    "react/react-in-jsx-scope": 0,
     "react/jsx-closing-tag-location": 0,
     "react/no-redundant-should-component-update": 2,
     "react/require-default-props": 0,

packages/typescript.json

@@ -11,6 +11,11 @@
     "import/resolver": {
       "node": {
         "extensions": [".js", ".jsx", ".ts", ".tsx", ".json"]
+      },
+      "typescript": {
+        "alwaysTryTypes": true,
+        "project":"./tsconfig.json"
+
       }
     },
     "import/extensions": [".js", ".jsx", ".ts", ".tsx"]