Add typescript support to eslint.

Axighi · Oct 25, 2019 · 5c70816 · 5c70816
1 parent aae3e7e
commit 5c70816
Show file tree

Hide file tree

Showing 5 changed files with 234 additions and 119 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,6 +1,31 @@
 {
   "editor.tabSize": 2,
   "files.trimTrailingWhitespace": true,
+  // eslint
   "eslint.autoFixOnSave": true,
-  "editor.formatOnSave": false,
-}
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    {
+      "language": "typescript",
+      "autoFix": true
+    },
+    {
+      "language": "typescriptreact",
+      "autoFix": true
+    }
+  ],
+  "editor.formatOnSave": true,
+  "[javascript]": {
+    "editor.formatOnSave": false,
+  },
+  "[javascriptreact]": {
+    "editor.formatOnSave": false,
+  },
+  "[typescript]": {
+    "editor.formatOnSave": false,
+  },
+  "[typescriptreact]": {
+    "editor.formatOnSave": false,
+  },
+}
diff --git a/packages/eslint-config-hammer/index.js b/packages/eslint-config-hammer/index.js
@@ -14,7 +14,19 @@
 module.exports = {
   parser: 'babel-eslint',
   plugins: ['prettier', 'babel', 'import', 'jsx-a11y', 'react', 'react-hooks'],
-  extends: ['eslint:recommended', 'plugin:react/recommended'],
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier/@typescript-eslint',
+    'plugin:prettier/recommended',
+  ],
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      parser: '@typescript-eslint/parser',
+    },
+  ],
   settings: {
     react: {
       version: 'detect',
@@ -33,7 +45,7 @@ module.exports = {
   globals: {
     gql: 'readonly',
     React: 'readonly',
-    __HAMMER__: 'readyonly',
+    __HAMMER__: 'readonly',
   },
   rules: {
     'prettier/prettier': 'error',

diff --git a/packages/eslint-config-hammer/package.json b/packages/eslint-config-hammer/package.json
@@ -2,10 +2,16 @@
   "name": "@hammerframework/eslint-config-hammer",
   "version": "0.0.1-alpha.10",
   "main": "index.js",
+  "files": [
+    "./typescript.js"
+  ],
   "license": "MIT",
   "dependencies": {
+    "@typescript-eslint/eslint-plugin": "^2.5.0",
+    "@typescript-eslint/parser": "^2.5.0",
     "babel-eslint": "^10.0.3",
     "eslint": "5.16.0",
+    "eslint-config-prettier": "^6.4.0",
     "eslint-import-resolver-babel-module": "^5.1.0",
     "eslint-plugin-babel": "^5.3.0",
     "eslint-plugin-import": "^2.18.2",