fix(deps): update eslint txo packages (#285)

* fix(deps): update eslint txo packages

* fix: migrate to ts and add test setup

* chore: update scripts for typescript files

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Erik Slovak <erik.slovak@technologystudio.sk>

Author: renovate[bot]

.eslintignore

@@ -1,4 +1,3 @@
+/lib
 commitlint.config.js
-jest.config.js
-lib
 release.config.js

.eslintrc.json

@@ -1,5 +1,13 @@
 {
-  "extends": "./src/index.js",
+  "extends": "./lib/index.js",
+  "overrides": [
+    {
+      "files": ["test/**/*"],
+      "parserOptions": {
+        "project": "./tsconfig.test.json"
+      }
+    }
+  ],
   "rules": {
     "prefer-destructuring": "off"
   },

package.json

@@ -2,7 +2,7 @@
   "name": "eslint-config-txo-typescript-react",
   "version": "1.2.0",
   "description": "Technology Studio - Eslint typescript react config",
-  "main": "src/index.js",
+  "main": "lib/index.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/technology-studio/eslint-config-txo-typescript-react.git"
@@ -18,13 +18,14 @@
     "lint": "eslint --format=node_modules/eslint-formatter-pretty --ext .jsx,.js,.ts,.tsx .",
     "fixcode": "eslint --format=node_modules/eslint-formatter-pretty --ext .jsx,.js,.ts,.tsx . --fix",
     "git-hook": "yarn -s lint-staged",
-    "test": "yarn lint",
-    "prepare": "husky install",
-    "sanity": "yarn lint && tsc --noEmit && yarn outdated && echo 'success'",
+    "test": "yarn compile && yarn lint",
+    "compile": "tsc",
+    "prepare": "husky install && yarn compile",
+    "sanity": "yarn test && yarn outdated && echo 'success'",
     "semantic-release": "semantic-release"
   },
   "dependencies": {
-    "eslint-config-txo-typescript": "^3.2.55"
+    "eslint-config-txo-typescript": "^3.2.60"
   },
   "peerDependencies": {
     "eslint-plugin-jsx-a11y": "^6.7.1",
@@ -38,14 +39,14 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@types/react": "^18.2.15",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
+    "@typescript-eslint/eslint-plugin": "^6.1.0",
+    "@typescript-eslint/parser": "^6.1.0",
     "commitizen": "^4.3.0",
-    "eslint": "^8.44.0",
+    "eslint": "^8.45.0",
     "eslint-formatter-pretty": "^5.0.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jest": "^27.2.2",
+    "eslint-plugin-jest": "^27.2.3",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-n": "^16.0.1",
     "eslint-plugin-promise": "^6.1.1",

src/configs/jsx-a11y.js renamed to src/configs/jsx-a11y.ts

@@ -13,11 +13,11 @@ module.exports = {
         // NOTE: If this error triggers, either disable it or add
         // your custom components, labels and attributes via these options
         // See https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-associated-control.md
-        controlComponents: ['Input']
-      }
+        controlComponents: ['Input'],
+      },
     ],
     'jsx-a11y/mouse-events-have-key-events': 'error',
     'jsx-a11y/role-has-required-aria-props': 'error',
-    'jsx-a11y/role-supports-aria-props': 'error'
-  }
+    'jsx-a11y/role-supports-aria-props': 'error',
+  },
 }

src/configs/react.js renamed to src/configs/react.ts

@@ -10,6 +10,6 @@ module.exports = {
     'react-hooks/exhaustive-deps': 'error',
     'react/jsx-first-prop-new-line': ['error', 'multiline'],
     'react/jsx-uses-vars': 'error',
-    'react/display-name': 'off'
-  }
+    'react/display-name': 'off',
+  },
 }

src/configs/redux-saga.js renamed to src/configs/redux-saga.ts

@@ -7,6 +7,6 @@
 module.exports = {
   rules: {
     'redux-saga/no-yield-in-race': 'error',
-    'redux-saga/yield-effects': 'error'
-  }
+    'redux-saga/yield-effects': 'error',
+  },
 }

src/index.js renamed to src/index.ts

@@ -11,26 +11,26 @@ module.exports = {
     ...[
       './configs/jsx-a11y',
       './configs/react',
-      './configs/redux-saga'
-    ].map(require.resolve)
+      './configs/redux-saga',
+    ].map(relativePath => require.resolve(relativePath)),
   ],
   parser: '@typescript-eslint/parser',
   plugins: [
     '@typescript-eslint',
     'redux-saga',
     'react',
     'react-hooks',
-    'jsx-a11y'
+    'jsx-a11y',
   ],
   parserOptions: {
     ecmaVersion: 6,
     sourceType: 'module',
     ecmaFeatures: {
-      jsx: true
+      jsx: true,
     },
-    project: './tsconfig.json'
+    project: './tsconfig.json',
   },
   rules: {
-    strict: 'error'
-  }
+    strict: 'error',
+  },
 }

tsconfig.json

@@ -1,17 +1,16 @@
 {
   "compilerOptions": {
-    "esModuleInterop": true,
     "lib": ["esnext"],
     "strict": true,
     "noImplicitAny": true,
     "noImplicitThis": true,
     "alwaysStrict": true,
     "strictBindCallApply": true,
     "strictFunctionTypes": true,
-    "sourceMap": true
+    "sourceMap": true,
+    "outDir": "lib"
   },
   "include": [
-    "test/**/*",
-    "lib/**/*"
+    "src/**/*"
   ]
 }

tsconfig.test.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true,
+  },
+  "include": [
+    "test/**/*"
+  ]
+}