Added ability to parse JS files with tsconfig

- make eslint scripts run per file & add that to lint-staged

Author: rajatkantinandi

.eslintignore

@@ -1,3 +1,5 @@
 internals/scripts
+internals/generators
+server/
 **/types.d.ts
 *.html

.eslintrc.js

@@ -21,7 +21,7 @@ module.exports = {
     ecmaFeatures: {
       jsx: true,
     },
-    project: './tsconfig.json',
+    project: './tsconfig.eslint.json',
   },
   rules: {
     'jsx-no-lambda': 0,

docs/general/commands.md

@@ -136,14 +136,22 @@ about the bundle size.
 
 ## Linting
 
+To lint all source files js, ts & css files run
+
 ```Shell
 npm run lint
 ```
 
-Lints your JavaScript and your CSS.
+To lint individual js, ts, jsx, tsx file run
+
+```Shell
+npm run lint:eslint <file-path>
+```
+
+To lint & fix staged files run
 
 ```Shell
-npm run lint:eslint:fix -- .
+npx lint-staged
 ```
 
 Lints your code and tries to fix any errors it finds.

package.json

@@ -31,11 +31,11 @@
     "clean": "shjs ./internals/scripts/clean.js",
     "clean:all": "npm run analyze:clean && npm run test:clean && npm run build:clean",
     "generate": "plop --plopfile internals/generators/index.js",
-    "lint": "npm run lint:css && npm run lint:eslint:quiet",
+    "lint": "npm run lint:css && npm run lint:eslint:quiet app/**",
     "lint:css": "stylelint './app/**/*.{js,ts}'",
-    "lint:eslint:quiet": "eslint app/** --ext .ts,.tsx,.js,.jsx --no-error-on-unmatched-pattern --quiet",
-    "lint:eslint": "eslint app/** --ext .ts,.tsx,.js,.jsx --no-error-on-unmatched-pattern",
-    "lint:eslint:fix": "eslint app/** --ext .ts,.tsx,.js,.jsx --no-error-on-unmatched-pattern --quiet --fix",
+    "lint:eslint:quiet": "eslint --ext .ts,.tsx,.js,.jsx --no-error-on-unmatched-pattern --quiet",
+    "lint:eslint": "eslint --ext .ts,.tsx,.js,.jsx --no-error-on-unmatched-pattern",
+    "lint:eslint:fix": "eslint --ext .ts,.tsx,.js,.jsx --no-error-on-unmatched-pattern --quiet --fix",
     "typecheck": "tsc --noEmit",
     "pretest": "npm run test:clean && npm run lint",
     "test:clean": "rimraf ./coverage",
@@ -45,8 +45,8 @@
     "prettify": "prettier --write"
   },
   "lint-staged": {
-    "*.{ts,tsx}": [
-      "eslint --fix --quiet",
+    "*.{ts,tsx,js,jsx}": [
+      "npm run lint:eslint:fix",
       "git add --force"
     ],
     "*.{md,json}": [
@@ -56,7 +56,7 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "npm run lint"
+      "pre-commit": "npx lint-staged && npm run typecheck"
     }
   },
   "resolutions": {

tsconfig.eslint.json

@@ -0,0 +1,12 @@
+{
+  // extend your base config so you don't have to redefine your compilerOptions
+  "extends": "./tsconfig.json",
+  "include": [
+    "app/**/*.ts",
+    "app/**/*.tsx",
+    "app/**/*.js",
+    "app/**/*.jsx",
+    "internals/**/*.js",
+    "internals/**/*.jsx"
+  ]
+}