migrate to eslint

Author: SAINIAbhishek

.eslintrc.json

@@ -0,0 +1,91 @@
+{
+  "root": true,
+  "ignorePatterns": [
+    "projects/**/*"
+  ],
+  "overrides": [
+    {
+      "plugins": [
+        "jsdoc",
+        "prefer-arrow"
+      ],
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "project": [
+          "tsconfig.json",
+          "e2e/tsconfig.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "plugin:import/recommended",
+        "plugin:jsdoc/recommended",
+        "plugin:@angular-eslint/ng-cli-compat",
+        "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
+        ],
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
+        ],
+        "@typescript-eslint/explicit-member-accessibility": [
+          "off",
+          {
+            "accessibility": "explicit"
+          }
+        ],
+        "arrow-parens": [
+          "off",
+          "always"
+        ],
+        "import/order": "off",
+        "@typescript-eslint/no-unused-vars": "error",
+        "@typescript-eslint/no-var-requires": "error",
+        "no-trailing-spaces": "off",
+        "no-underscore-dangle": "off",
+        "no-duplicate-imports": "error",
+        "no-unused-expressions": "error",
+        "@typescript-eslint/consistent-type-definitions": "error",
+        "@typescript-eslint/dot-notation": "off",
+        "max-len": [
+          "error",
+          {
+            "code": 180
+          }
+        ],
+        "prefer-arrow/prefer-arrow-functions": [
+          "warn",
+          {
+            "disallowPrototype": true,
+            "singleReturnOnly": false,
+            "classPropertiesAllowed": false
+          }
+        ]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/recommended"
+      ],
+      "rules": {}
+    }
+  ]
+}

README.md

@@ -19,6 +19,7 @@ This project was generated with [Angular CLI](https://github.com/angular/angular
 - Migrate to Angular 10
 - Named and multiple router outlets
 - Migrate to Angular 11
+- Migrate tslint to esLint
 
 ## Unit Tests
 

angular.json

@@ -76,7 +76,9 @@
               "ngswConfigPath": "ngsw-config.json"
             },
             "fr": {
-              "localize": ["fr"],
+              "localize": [
+                "fr"
+              ],
               "outputPath": "dist/fr"
             }
           }
@@ -102,15 +104,11 @@
           }
         },
         "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
+          "builder": "@angular-eslint/builder:lint",
           "options": {
-            "tsConfig": [
-              "tsconfig.app.json",
-              "tsconfig.spec.json",
-              "e2e/tsconfig.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
             ]
           }
         },
@@ -186,5 +184,8 @@
     "@schematics/angular:directive": {
       "prefix": "app"
     }
+  },
+  "cli": {
+    "defaultCollection": "@angular-eslint/schematics"
   }
 }

package.json

@@ -23,6 +23,16 @@
     "i18n:extract": "ng xi18n --output-path assets/i18n"
   },
   "license": "ISC",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged --relative"
+    }
+  },
+  "lint-staged": {
+    "src/**/*.{ts,html}": [
+      "eslint --fix"
+    ]
+  },
   "dependencies": {
     "@angular/animations": "~11.2.14",
     "@angular/cdk": "^11.2.13",
@@ -55,6 +65,11 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.1102.19",
+    "@angular-eslint/builder": "4.3.1",
+    "@angular-eslint/eslint-plugin": "4.3.1",
+    "@angular-eslint/eslint-plugin-template": "4.3.1",
+    "@angular-eslint/schematics": "4.3.1",
+    "@angular-eslint/template-parser": "4.3.1",
     "@angular/cli": "~11.2.19",
     "@angular/compiler-cli": "~11.2.14",
     "@nguniversal/builders": "^9.1.1",
@@ -64,21 +79,27 @@
     "@types/jest": "^27.0.1",
     "@types/mime-types": "^2.1.1",
     "@types/node": "^12.11.1",
+    "@typescript-eslint/eslint-plugin": "4.16.1",
+    "@typescript-eslint/parser": "4.16.1",
     "babel-jest": "^27.1.1",
-    "codelyzer": "^6.0.0",
     "compression": "^1.7.4",
+    "eslint": "^7.6.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsdoc": "^39.3.2",
+    "eslint-plugin-prefer-arrow": "^1.2.3",
+    "husky": "^8.0.1",
     "http-server": "^0.12.3",
     "jest": "^27.1.1",
     "jest-html-reporter": "^3.1.0",
     "jest-jasmine2": "^27.5.1",
     "jest-preset-angular": "^9.0.7",
     "mime-types": "^2.1.34",
+    "lint-staged": "^13.0.2",
     "protractor": "~7.0.0",
     "sass": "^1.52.3",
     "ts-loader": "^8.2.0",
     "ts-node": "~8.3.0",
-    "tslint": "~6.1.0",
-    "typescript": "4.0.8",
+    "typescript": "4.1.6",
     "webpack": "^4.46.0",
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-cli": "^4.4.0",