Moved to Angular v20 and Tailwind v4 plus all related dependencies

Renamed Docker directory.

Also serving static files from FastAPI.

overlord/src/app/auth/auth-guard.service.ts

@@ -1,8 +1,6 @@
 import { inject } from '@angular/core';
-import { CanActivateFn } from '@angular/router';
-import { Router } from '@angular/router';
-
 import { MatSnackBar } from '@angular/material/snack-bar';
+import { CanActivateFn, Router } from '@angular/router';
 
 import { AuthService } from './auth.service';
 

overlord/src/app/auth/auth.service.ts

@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { inject, Injectable } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 
@@ -12,11 +12,13 @@ const JWT_USER = 'JWT_USER';
 
 @Injectable({ providedIn: 'root' })
 export class AuthService {
+  private http = inject(HttpClient);
+
   public currentUser: Observable<User | null>;
   private currentUserSubject: BehaviorSubject<User | null> = new BehaviorSubject<User | null>(null);
   public isRefreshing = false;
 
-  constructor(private http: HttpClient) {
+  constructor() {
     this.checkStorage();
     this.currentUser = this.currentUserSubject.asObservable();
   }

overlord/src/app/auth/login/login.component.ts

@@ -1,14 +1,14 @@
-import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
-import { FormControl, FormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import { AfterViewInit, Component, ElementRef, inject, OnInit, ViewChild } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
-import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card';
+import { MatCard, MatCardActions, MatCardContent, MatCardHeader, MatCardTitle } from '@angular/material/card';
 import { MatDivider } from '@angular/material/divider';
 import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field';
 import { MatIcon } from '@angular/material/icon';
 import { MatInput } from '@angular/material/input';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { CookieService } from '../../shared/cookie.service';
 import { AuthService } from '../auth.service';
 
@@ -16,7 +16,6 @@ import { AuthService } from '../auth.service';
   selector: 'app-login',
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.css'],
-  standalone: true,
   imports: [
     MatCard,
     MatCardHeader,
@@ -34,6 +33,12 @@ import { AuthService } from '../auth.service';
   ],
 })
 export class LoginComponent implements OnInit, AfterViewInit {
+  private route = inject(ActivatedRoute);
+  private auth = inject(AuthService);
+  private router = inject(Router);
+  private snackBar = inject(MatSnackBar);
+  private cs = inject(CookieService);
+
   @ViewChild('nameElement', { static: true }) nameElement!: ElementRef<HTMLInputElement>;
   form: FormGroup<{
     username: FormControl<string>;
@@ -46,13 +51,7 @@ export class LoginComponent implements OnInit, AfterViewInit {
   clientId = '';
   private returnUrl = '';
 
-  constructor(
-    private route: ActivatedRoute,
-    private auth: AuthService,
-    private router: Router,
-    private snackBar: MatSnackBar,
-    private cs: CookieService,
-  ) {
+  constructor() {
     this.hide = true;
     this.showOtp = false;
     this.form = new FormGroup({

overlord/src/app/auth/logout/logout.component.ts

@@ -1,7 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, inject, OnInit } from '@angular/core';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { Router } from '@angular/router';
 
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { AuthService } from '../auth.service';
 
 @Component({
@@ -10,11 +10,9 @@ import { AuthService } from '../auth.service';
   standalone: true,
 })
 export class LogoutComponent implements OnInit {
-  constructor(
-    private auth: AuthService,
-    private router: Router,
-    private snackBar: MatSnackBar,
-  ) {}
+  private auth = inject(AuthService);
+  private router = inject(Router);
+  private snackBar = inject(MatSnackBar);
 
   ngOnInit() {
     this.auth.logout();