Dependency Clean Up

src/eslint.config.mjs

@@ -0,0 +1,57 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all
+});
+
+export default [{
+    ignores: ["projects/**/*"],
+}, ...compat.extends(
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@angular-eslint/recommended",
+    "plugin:@angular-eslint/template/process-inline-templates",
+).map(config => ({
+    ...config,
+    files: ["**/*.ts"],
+})), {
+    files: ["**/*.ts"],
+
+    rules: {
+        "no-unused-vars": "off",
+
+        "@typescript-eslint/no-unused-vars": ["warn", {
+            argsIgnorePattern: "^_",
+            varsIgnorePattern: "^_",
+            caughtErrorsIgnorePattern: "^_",
+        }],
+
+        "@angular-eslint/directive-selector": ["error", {
+            type: "attribute",
+            prefix: "app",
+            style: "camelCase",
+        }],
+
+        "@angular-eslint/component-selector": ["error", {
+            type: "element",
+            prefix: "app",
+            style: "kebab-case",
+        }],
+    },
+}, ...compat.extends(
+    "plugin:@angular-eslint/template/recommended",
+    "plugin:@angular-eslint/template/accessibility",
+).map(config => ({
+    ...config,
+    files: ["**/*.html"],
+})), {
+    files: ["**/*.html"],
+    rules: {},
+}];

src/src/app/common/components/standard-banner/standard-banner.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { LogoComponent } from '../logo/logo.component';
 import { environment } from '../../../../environments/environment';
 import { Router } from '@angular/router';
 import { MatButton } from '@angular/material/button';
 
 @Component({
@@ -17,7 +17,7 @@
 export class StandardBannerComponent implements OnInit {
   public userIsLoggedIn: boolean = false;
 
-  constructor(private router: Router) {
+  constructor() {
   }
 
   ngOnInit(): void {

src/src/app/view/home/home.component.scss

@@ -10,8 +10,3 @@
   padding: 10px;
   margin: 10px;
 }
-
-.logout-button {
-  text-align: right;
-  margin-right: 10px;
-}

src/src/app/view/login/login.component.scss

@@ -8,22 +8,6 @@ g_id_onload {
   width: fit-content;
 }
 
-.twitch-login-button {
-  text-align: center;
-  align-content: center;
-  vertical-align: middle;
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: 5px;
-  width: 200px;
-  height: 40px;
-  background: rgb(191, 148, 255);
-  color: $background-color;
-  font-weight: bold;
-  border-radius: 3px;
-  cursor: pointer;
-}
-
 .side-by-side {
   display: inline-block;
   vertical-align: middle;

src/src/app/view/twitch/twitch-bot-config/twitch-bot-config.component.scss

@@ -14,8 +14,3 @@
 .save {
   text-align: right;
 }
-
-.snack-bar-error {
-  --mdc-snackbar-container-color: green;
-  --mat-mdc-snack-bar-button-color: white;
-}

src/src/app/view/twitch/twitch-bot-config/twitch-bot-config.component.ts

@@ -73,9 +73,9 @@ export class TwitchBotConfigComponent implements OnInit, OnDestroy {
           return;
         }
 
-        // Get the token, if there isn't one then they didn't get here by hitting the login button. Lets send them back
-        // to the login page if that's the case. It'll help us keep people synced on updates the permissions we request
-        // from their tokens.
+        // Get the token, if there isn't one then they didn't get here by hitting the login button. Let's send them back
+        // to the login page if that's the case. It'll help us keep people synced on updates to the permissions we
+        // request from their tokens.
         const token = params.get('token');
         if (!token) {
           this.router.navigate(['twitch-bot']);

src/src/app/view/vm-manager/interface/ActionableDockerResource.ts

@@ -3,3 +3,4 @@ import { DockerResource } from '../../../common/interface/docker-resource';
 export interface ActionableDockerResource extends DockerResource {
   isRunning: boolean;
 }
+

src/src/styles.scss

@@ -190,7 +190,7 @@ body {
   }
 }
 
-// A common class fixure for starting a flex container.
+// A common class fixture for starting a flex container.
 .flex-container {
   display: flex;
   flex-wrap: wrap;