Code Maintenance 20221025

- Updated type TSquare to be more concise

Signed-off-by: Lindjunne Gerard Montenegro II <[email protected]>

.eslintrc.yaml

@@ -0,0 +1,60 @@
+# OPTIMIZED FOR FRONTEND PROJECTS (REACT)
+
+env:
+    browser: true
+    node: true
+    es2022: true
+
+extends:
+    - eslint:recommended
+    - plugin:@typescript-eslint/recommended
+
+parser: '@typescript-eslint/parser'
+
+parserOptions:
+    ecmaVersion: 2022
+    sourceType: module
+
+plugins:
+    - '@typescript-eslint'
+
+overrides: [
+    {
+        files: [
+            '*.jsx',
+            '*.tsx',
+        ],
+        extends: [
+            plugin:react/recommended,
+            plugin:react-hooks/recommended,
+        ],
+        parserOptions: {
+            ecmaFeatures: {
+                jsx: true
+            },
+        },
+        plugins: [
+            react,
+            react-hooks
+        ]
+    },
+]
+
+rules:
+    # Error level must always come first before the actual option value
+    # https://eslint.org/docs/latest/rules
+    arrow-parens:
+        - error
+        - always
+    eqeqeq:
+        - error
+        - always
+    indent:
+        - error
+        - 4
+    quotes:
+        - error
+        - single
+    semi:
+        - error
+        - never

.vscode/extensions.json

@@ -2,5 +2,6 @@
     "recommendations": [
         "ms-vscode.vscode-typescript-next",
         "dbaeumer.vscode-eslint",
+        "redhat.vscode-yaml",
     ]
-}
+}

.vscode/settings.json

@@ -10,11 +10,22 @@
     "javascript.format.semicolons": "remove",
     "javascript.updateImportsOnFileMove.enabled": "always",
 
+    "json.format.keepLines": true,
+
+    "redhat.telemetry.enabled": false,
+
     "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": true,
     "typescript.format.insertSpaceBeforeFunctionParenthesis": false,
     "typescript.format.semicolons": "remove",
     "typescript.updateImportsOnFileMove.enabled": "always",
 
+    "yaml.format.enable": true,
+    "yaml.format.singleQuote": true,
+    "yaml.format.bracketSpacing": true,
+    "yaml.schemas": {
+        "https://json.schemastore.org/eslintrc.json": "/.eslintrc.yaml"
+    },
+
     "[html]": {
         "editor.formatOnSave": true,
         "editor.defaultFormatter": "vscode.html-language-features",
@@ -31,6 +42,8 @@
     },
 
     "[yaml]": {
+        "editor.formatOnSave": false,
+        "editor.defaultFormatter": "redhat.vscode-yaml",
         "editor.tabSize": 4,
     },
 }

package.json

@@ -16,15 +16,15 @@
         "react-dom": "^18.2.0"
     },
     "devDependencies": {
-        "@types/react": "^18.0.21",
-        "@types/react-dom": "^18.0.6",
-        "@typescript-eslint/eslint-plugin": "^5.40.1",
-        "@typescript-eslint/parser": "^5.40.1",
-        "@vitejs/plugin-react": "^2.1.0",
+        "@types/react": "^18.0.24",
+        "@types/react-dom": "^18.0.8",
+        "@typescript-eslint/eslint-plugin": "^5.42.0",
+        "@typescript-eslint/parser": "^5.42.0",
+        "@vitejs/plugin-react": "^2.2.0",
         "eslint": "^8.26.0",
         "eslint-plugin-react": "^7.31.10",
         "eslint-plugin-react-hooks": "^4.6.0",
         "typescript": "^4.8.4",
-        "vite": "^3.1.8"
+        "vite": "^3.2.2"
     }
 }