chore: migrate to inject() from constructor dep injection

Angular has moved away from constructors with their dependencies
injected in favor of using the inject() function. This migration simply
moves us from point A to point B on using inject() for parameters and
constructors for initialization above and beyond getting parameters.

Author: ProgrammingByPermutation

src/src/app/common/components/logo/logo.component.ts

@@ -1,4 +1,4 @@
-import {Component, Input} from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import {Router} from '@angular/router';
 
 @Component({
@@ -7,14 +7,13 @@ import {Router} from '@angular/router';
   templateUrl: './logo.component.html',
   styleUrl: './logo.component.scss'
 })
-export class LogoComponent {
+export class LogoComponent {
+  private router = inject(Router);
+
   @Input() height: number = 50;
   @Input() fontSize: number = 35;
   @Input() words: string[] = ['inside ;', 'tests ;', 'inside  ;', 'quality ;'];
 
-  constructor(private router: Router) {
-  }
-
   sendToIndex() {
     this.router.navigate(['/']);
   }

src/src/app/service/nullinside-null.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import {Observable} from 'rxjs';
 import {environment} from '../../environments/environment';
 import {HttpClient} from '@angular/common/http';
@@ -7,9 +7,9 @@ import {ImdbSearch} from '../common/interface/imdb-search';
 @Injectable({
   providedIn: 'root'
 })
-export class NullinsideNullService {
-  constructor(private httpClient: HttpClient) {
-  }
+export class NullinsideNullService {
+  private httpClient = inject(HttpClient);
+
 
   getImdbSearchQuick(search: string): Observable<ImdbSearch> {
     return this.httpClient.get<ImdbSearch>(`${environment.nullApiUrl}/imdb/search/quick?search=${search}`);

src/src/app/service/nullinside-twitch-bot.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import {HttpClient} from "@angular/common/http";
 import {Observable} from "rxjs";
 import {environment} from "../../environments/environment";
@@ -8,9 +8,9 @@ import {TwitchBotConfig} from "../common/interface/twitch-bot-config";
 @Injectable({
   providedIn: 'root'
 })
-export class NullinsideTwitchBotService {
-  constructor(private httpClient: HttpClient) {
-  }
+export class NullinsideTwitchBotService {
+  private httpClient = inject(HttpClient);
+
 
   getIsMod(): Observable<TwitchBotIsModResponse> {
     return this.httpClient.get<TwitchBotIsModResponse>(`${environment.twitchBotApiUrl}/bot/mod`);

src/src/app/service/nullinside.service.ts

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import {HttpClient} from "@angular/common/http";
 import {Observable} from "rxjs";
 import {environment} from "../../environments/environment";
@@ -9,10 +9,9 @@ import {FeatureToggleResponse} from "../common/interface/feature-toggle-response
 @Injectable({
   providedIn: 'root'
 })
-export class NullinsideService {
+export class NullinsideService {
+  private httpClient = inject(HttpClient);
 
-  constructor(private httpClient: HttpClient) {
-  }
 
   validateToken(token: string): Observable<boolean> {
     return this.httpClient.post<boolean>(`${environment.apiUrl}/user/token/validate`, {token: token});

src/src/app/view/home/home.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import {NullinsideService} from "../../service/nullinside.service";
 import {VM_ADMIN} from "../../common/constants";
 import {WebsiteApp} from "../../common/interface/website-app";
@@ -17,7 +17,10 @@ import {UserRolesResponse} from "../../common/interface/user-roles-response";
   templateUrl: './home.component.html',
   styleUrl: './home.component.scss'
 })
-export class HomeComponent implements OnInit {
+export class HomeComponent implements OnInit {
+  private api = inject(NullinsideService);
+  private router = inject(Router);
+
   public roles: string[] | null = null;
   public error: string | null = null;
   public userIsLoggedIn: boolean = false;
@@ -38,10 +41,6 @@ export class HomeComponent implements OnInit {
     }
   ];
 
-  constructor(private api: NullinsideService,
-              private router: Router) {
-  }
-
   ngOnInit(): void {
     this.userIsLoggedIn = null !== localStorage.getItem('auth-token');
 

src/src/app/view/imdb-search/imdb-search.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnDestroy} from '@angular/core';
+import { Component, OnDestroy, inject } from '@angular/core';
 import {LogoComponent} from '../../common/components/logo/logo.component';
 import {NullinsideNullService} from '../../service/nullinside-null.service';
 import {MatFormFieldModule} from '@angular/material/form-field';
@@ -20,16 +20,14 @@ import {ImdbSearchItems} from '../../common/interface/imdb-search';
   templateUrl: './imdb-search.component.html',
   styleUrl: './imdb-search.component.scss'
 })
-export class ImdbSearchComponent implements OnDestroy {
+export class ImdbSearchComponent implements OnDestroy {
+  private api = inject(NullinsideNullService);
+
   searching: boolean = false;
   quickSubscription: Subscription | null = null;
   longSubscription: Subscription | null = null;
   public rows: ImdbSearchItems[] = [];
 
-  constructor(private api: NullinsideNullService) {
-
-  }
-
   ngOnDestroy(): void {
     if (this.quickSubscription) {
       this.quickSubscription.unsubscribe();

src/src/app/view/login-landing-desktop/login-landing-desktop.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import {NullinsideService} from "../../service/nullinside.service";
 import {ActivatedRoute, ParamMap} from "@angular/router";
 import {Errors} from "../login-landing/errors";
@@ -20,14 +20,14 @@ import {CdkCopyToClipboard} from "@angular/cdk/clipboard";
     templateUrl: './login-landing-desktop.component.html',
     styleUrl: './login-landing-desktop.component.scss'
 })
-export class LoginLandingDesktopComponent implements OnInit {
+export class LoginLandingDesktopComponent implements OnInit {
+    private api = inject(NullinsideService);
+    private route = inject(ActivatedRoute);
+
     error: string = '';
     oAuth: OAuth | null = null;
     loading: boolean = true;
 
-    constructor(private api: NullinsideService, private route: ActivatedRoute) {
-    }
-
     ngOnInit(): void {
         this.route.queryParamMap.subscribe({
             next: (params: ParamMap) => {

src/src/app/view/login-landing/login-landing.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnDestroy, OnInit} from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import {NullinsideService} from "../../service/nullinside.service";
 import {LogoComponent} from "../../common/components/logo/logo.component";
 import {LoadingIconComponent} from "../../common/components/loading-icon/loading-icon.component";
@@ -16,13 +16,14 @@ import {Errors} from "./errors";
   templateUrl: './login-landing.component.html',
   styleUrl: './login-landing.component.scss'
 })
-export class LoginLandingComponent implements OnInit, OnDestroy {
+export class LoginLandingComponent implements OnInit, OnDestroy {
+  private api = inject(NullinsideService);
+  private route = inject(ActivatedRoute);
+  private router = inject(Router);
+
   timerId: number = -1;
   error: string = '';
 
-  constructor(private api: NullinsideService, private route: ActivatedRoute, private router: Router) {
-  }
-
   ngOnDestroy(): void {
     if (this.timerId !== -1) {
       clearTimeout(this.timerId);

src/src/app/view/login/login.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import {LogoComponent} from "../../common/components/logo/logo.component";
 import {environment} from "../../../environments/environment";
 import {NullinsideService} from "../../service/nullinside.service";
@@ -17,15 +17,19 @@ import {TwitchLoginComponent} from '../../common/components/twitch-login/twitch-
   templateUrl: './login.component.html',
   styleUrl: './login.component.scss'
 })
-export class LoginComponent implements OnInit {
+export class LoginComponent implements OnInit {
+  private api = inject(NullinsideService);
+  private router = inject(Router);
+  private route = inject(ActivatedRoute);
+
   loginUrl: string;
   checkingLogin = false;
   showGmail = true;
   pageDestinations = [
     '/home'
   ];
 
-  constructor(private api: NullinsideService, private router: Router, private route: ActivatedRoute) {
+  constructor() {
     this.loginUrl = `${environment.apiUrl}/user/login`;
   }
 

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

@@ -1,4 +1,4 @@
-import {Component, OnDestroy, OnInit} from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import {LogoComponent} from '../../../common/components/logo/logo.component';
 import {MatButton} from '@angular/material/button';
 import {NullinsideTwitchBotService} from "../../../service/nullinside-twitch-bot.service";
@@ -29,7 +29,14 @@ import {Location} from "@angular/common";
   templateUrl: './twitch-bot-config.component.html',
   styleUrl: './twitch-bot-config.component.scss'
 })
-export class TwitchBotConfigComponent implements OnInit, OnDestroy {
+export class TwitchBotConfigComponent implements OnInit, OnDestroy {
+  private twitchBotApi = inject(NullinsideTwitchBotService);
+  private api = inject(NullinsideService);
+  private snackBar = inject(MatSnackBar);
+  private location = inject(Location);
+  private router = inject(Router);
+  private route = inject(ActivatedRoute);
+
   public botIsMod: boolean | null = null;
   public timerId: number = -1;
   public error: string = '';
@@ -38,14 +45,6 @@ export class TwitchBotConfigComponent implements OnInit, OnDestroy {
   public banKnownBots = true;
   public waitingForSave = false;
 
-  constructor(private twitchBotApi: NullinsideTwitchBotService,
-              private api: NullinsideService,
-              private snackBar: MatSnackBar,
-              private location: Location,
-              private router: Router,
-              private route: ActivatedRoute) {
-  }
-
   ngOnDestroy(): void {
     if (this.timerId !== -1) {
       clearTimeout(this.timerId);