@etchteam/eslint-config 0.0.1 → 1.1.0

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+## [1.1.0](https://github.com/etchteam/eslint/compare/v1.0.3...v1.1.0) (2022-12-22)
+
+
+### Features
+
+* move @/ alias to the parent group ([8ee69c4](https://github.com/etchteam/eslint/commit/8ee69c4b372c688628b9303adc2568a490ff6709))
+
+
+### Bug Fixes
+
+* rename mergify file ([93e057c](https://github.com/etchteam/eslint/commit/93e057cfada3644c636719251ff22dde52ab6ca4))

package/README.md

@@ -5,11 +5,70 @@ The eslint config that we use at [Etch](https://etch.co)
 ## Install
 
 ```bash
-npm install eslint @etchteam/eslint
+npm install eslint prettier @etchteam/eslint-config
 ```
 
-## Use
+## Usage
 
 ```bash
-echo "module.exports = { extends: ['@etchteam/eslint'] }" > .eslintrc.js
+echo "module.exports = { extends: ['@etchteam'] }" > .eslintrc.js
+```
+
+### With lint-staged
+
+#### New project
+
+Run the following:
+
+```bash
+npm install husky lint-staged
+
+echo "module.exports = { '*.{ts,tsx,js,jsx}': 'eslint --fix' };" > lint-staged.config.js
+
+npx husky install
+
+npx husky set .husky/pre-commit "npx --no-install -- lint-staged"
+
+```
+
+#### Existing project with husky and lint staged
+
+Add the following to your lint-staged config:
+
+`'*.{ts,tsx,js,jsx}': 'eslint --fix'`
+
+## Usage with VSCode
+
+### New project with no VSCode config
+
+Run the following:
+
+```bash
+mkdir .vscode
+
+echo "{ "editor.formatOnSave": false, "editor.codeActionsOnSave": { "source.fixAll.eslint": true } }" > .vscode/settings.json
+
+# The VSCode prettier extension doesn't read the eslint config, so specific
+# prettier overrides need to go in a prettier config for format on save
+echo "module.exports = { singleQuote: true };" > prettier.config.js
+
+```
+
+### Exisiting project with VSCode config
+
+Add the following to `.vscode/settings.json`:
+
+```json
+"editor.formatOnSave": false,
+"editor.codeActionsOnSave": {
+  "source.fixAll.eslint": true
+}
+```
+
+Run the following:
+
+```bash
+# The VSCode prettier extension doesn't read the eslint config, so specific
+# prettier overrides need to go in a prettier config for format on save
+echo "module.exports = { singleQuote: true };" > prettier.config.js
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etchteam/eslint-config",
-  "version": "0.0.1",
+  "version": "1.1.0",
   "description": "Etch's standard eslint config",
   "main": "src/index.js",
   "scripts": {
@@ -30,6 +30,8 @@
     "lint-staged": "^13.1.0"
   },
   "dependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
+    "@typescript-eslint/parser": "^5.46.1",
     "eslint": "^8.29.0",
     "eslint-config-next": "^13.0.7",
     "eslint-config-prettier": "^8.5.0",
@@ -39,5 +41,9 @@
     "eslint-plugin-storybook": "^0.6.8",
     "eslint-plugin-unused-imports": "^2.0.0",
     "prettier": "^2.8.1"
+  },
+  "peerDependencies": {
+    "eslint": "^8.29.0",
+    "prettier": "^2.8.1"
   }
 }

package/src/index.js

@@ -1,3 +1,38 @@
-import config from './.eslintrc.js';
-
-export default config;
+module.exports = {
+  extends: [
+    'next/core-web-vitals',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:storybook/recommended',
+    'plugin:security/recommended',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+    'plugin:prettier/recommended',
+  ],
+  plugins: ['unused-imports'],
+  parser: '@typescript-eslint/parser',
+  rules: {
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': 'error',
+    'unused-imports/no-unused-imports': 'error',
+    'unused-imports/no-unused-vars': 'off',
+    'import/order': ['error', {
+      'newlines-between': 'always',
+      alphabetize: {
+        order: 'asc'
+      },
+      pathGroups: [{
+        pattern: '@/**',
+        group: 'parent'
+      }]
+    }],
+  },
+  settings: {
+    'import/resolver': {
+      typescript: true,
+      node: true
+    },
+    'prettier/prettier': {
+      singleQuote: true,
+    },
+  }
+};