chore: Add eslint

Author: QuiiBz

.eslintrc.json

@@ -0,0 +1,29 @@
+{
+  "root": true,
+  "env": {
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "parser": "@typescript-eslint/parser"
+  },
+  "plugins": [
+    "@typescript-eslint",
+    "unused-imports",
+    "eslint-plugin-tsdoc"
+  ],
+  "rules": {
+    "quotes": [2, "single", {"avoidEscape":  true}],
+    "object-curly-spacing": [2, "always"],
+    "unused-imports/no-unused-imports-ts": 2,
+    "tsdoc/syntax": 2,
+    "@typescript-eslint/consistent-type-assertions": 2,
+    "@typescript-eslint/no-empty-interface": 0,
+    "@typescript-eslint/explicit-module-boundary-types": 0
+  }
+}

app/Terminal.ts

@@ -24,6 +24,7 @@ export default class Terminal {
 		const pty = this.pty.build({
 
 			terminal: terminal,
+			// eslint-disable-next-line @typescript-eslint/no-var-requires
 			cwd: require('os').homedir(),
 		});
 

common/factories/Factory.ts

@@ -24,4 +24,5 @@ export interface Factory<T> {
     getFactoryObject(): T;
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type FactoryBuildParams = any;

package.json

@@ -14,7 +14,8 @@
     "compile": "electron-webpack",
     "dist": "yarn compile && electron-builder",
     "dist:dir": "yarn dist --dir -c.compression=store -c.mac.identity=null",
-    "rebuild": "electron-rebuild"
+    "rebuild": "electron-rebuild",
+    "lint": "eslint . --ext .ts,.tsx"
   },
   "dependencies": {
     "chokidar": "^3.4.3",
@@ -32,11 +33,17 @@
     "@babel/preset-react": "^7.12.10",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.11.0",
+    "@typescript-eslint/parser": "^4.11.0",
     "electron": "8.2.0",
     "electron-builder": "^22.4.1",
     "electron-rebuild": "^2.3.4",
     "electron-webpack": "^2.8.2",
     "electron-webpack-ts": "^4.0.1",
+    "eslint": "^7.16.0",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-tsdoc": "^0.2.10",
+    "eslint-plugin-unused-imports": "^1.0.1",
     "node-sass": "^5.0.0",
     "sass-loader": "^10.1.0",
     "typescript": "^4.1.3",

ui/App.tsx

@@ -54,7 +54,7 @@ export default class App extends Component<Props, State> {
     render() {
 
         return (
-            <div className="main" style={{backgroundColor: this.state.config.theme.background}}>
+            <div className="main" style={{ backgroundColor: this.state.config.theme.background }}>
                 <Navbar
                     terminals={this.state.terminals}
                     selectTerminal={(terminal) => this.selectTerminal(terminal)}

ui/components/terminals/AppTerminal.tsx

@@ -42,10 +42,8 @@ export default class AppTerminal extends Component<Props, State> {
 	 * we update the config of the state terminal instance.
 	 *
 	 * @param prevProps - The previous props
-	 * @param prevState - The previous state
-	 * @param snapshot
 	 */
-	componentDidUpdate(prevProps: Readonly<Props>, prevState: Readonly<State>, snapshot?: any) {
+	componentDidUpdate(prevProps: Readonly<Props>) {
 
 		this.state.terminal?.focus();