tweaks

.eslintrc.json

@@ -5,18 +5,21 @@
     "node": true
   },
   "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:@typescript-eslint/recommended",
     "airbnb",
     "airbnb/hooks",
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/typescript",
+    "plugin:react/recommended",
     "prettier",
+    "prettier/@typescript-eslint",
     "prettier/react"
   ],
   "globals": {
     "NodeJS": "readonly",
     "React": "readonly"
   },
+  "ignorePatterns": ["*.config.js"],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaFeatures": {
@@ -25,20 +28,26 @@
     "ecmaVersion": 11,
     "sourceType": "module"
   },
-  "plugins": ["react", "react-hooks", "@typescript-eslint"],
+  "plugins": [
+    "@typescript-eslint",
+    "react-hooks",
+    "react"
+  ],
   "rules": {
     "comma-dangle": "off",
-    "global-require": "off",
-    "import/no-unresolved": "off",
+    "import/no-cycle": "off",
     "import/prefer-default-export": "off",
-    "jsx-a11y/click-events-have-key-events": "off",
+    "jsx-a11y/click-events-have-key-events": "warn",
     "lines-between-class-members": "off",
-    "react-hooks/exhaustive-deps": "off",
-    "react/jsx-filename-extension": [2, { "extensions": [".tsx"] }],
+    "react-hooks/exhaustive-deps": "warn",
+    "react/jsx-filename-extension":  [1, { "extensions": [".tsx"] }],
     "react/jsx-props-no-spreading": "off",
     "react/prop-types": "off"
   },
   "settings": {
+    "import/resolver": {
+      "typescript": {}
+    },
     "react": {
       "version": "detect"
     }

.postcssrc.json

@@ -8,11 +8,11 @@
         "autoprefixer": {
           "flexbox": "no-2009"
         },
-        "stage": 3,
         "features": {
           "custom-properties": false
         },
-        "parser": "safe"
+        "parser": "safe",
+        "stage": 3
       }
     ]
   ]

components/Programs/Dos.tsx

@@ -61,7 +61,7 @@ const Dos: React.FC<AppComponent> = ({
     };
   }, []);
 
-  require('js-dos');
+  require('js-dos'); /* eslint global-require: off */
 
   return (
     <div className={styles.dos} style={maximizedStyle}>

next.config.js

@@ -1,4 +1,3 @@
-/* eslint @typescript-eslint/no-var-requires: off */
 const withOptimizedImages = require('next-optimized-images');
 
 module.exports = withOptimizedImages({

package-lock.json

@@ -4394,6 +4394,19 @@
         }
       }
     },
+    "eslint-import-resolver-typescript": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-2.3.0.tgz",
+      "integrity": "sha512-MHSXvmj5e0SGOOBhBbt7C+fWj1bJbtSYFAD85Xeg8nvUtuooTod2HQb8bfhE9f5QyyNxEfgzqOYFCvmdDIcCuw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.1",
+        "glob": "^7.1.6",
+        "is-glob": "^4.0.1",
+        "resolve": "^1.17.0",
+        "tsconfig-paths": "^3.9.0"
+      }
+    },
     "eslint-module-utils": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz",

package.json

@@ -50,6 +50,7 @@
     "csscomb": "^4.3.0",
     "eslint-config-airbnb": "^18.2.0",
     "eslint-config-prettier": "^6.12.0",
+    "eslint-import-resolver-typescript": "^2.3.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-react-hooks": "^4.1.2",

types/utils/programs.d.ts

@@ -1,9 +1,7 @@
 import type { ComponentType } from 'react';
+import type { ProcessConstructor } from '@/types/utils/process';
+import type { ProcessState } from '@/types/utils/processmanager';
 import type { RndDragCallback, RndResizeCallback } from 'react-rnd';
-import type {
-  ProcessConstructor,
-  ProcessState
-} from '@/types/utils/ProcessManager';
 
 export type AppFile = {
   icon: string;