Upgrade to latest packages, ran prettier.

client/package.json

@@ -6,48 +6,48 @@
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
-    "update": "ng update --force --allow-dirty @angular/cli @angular/core @angular/cdk @angular/flex-layout",
+    "update": "ng update --force --allow-dirty @angular/cli @angular/core @angular/cdk",
     "lint": "ng lint",
     "prettier": "prettier --write \"./**/*.{ts,html,json}\""
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^19.2.0",
-    "@angular/cdk": "^19.2.1",
-    "@angular/common": "^19.2.0",
-    "@angular/compiler": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@angular/forms": "^19.2.0",
-    "@angular/platform-browser": "^19.2.0",
-    "@angular/platform-browser-dynamic": "^19.2.0",
-    "@angular/router": "^19.2.0",
-    "@fortawesome/fontawesome-free": "^6.4.2",
-    "@microsoft/signalr": "^6.0.21",
-    "bulma": "^0.9.4",
-    "curray": "^1.0.11",
+    "@angular/animations": "^19.2.3",
+    "@angular/cdk": "^19.2.6",
+    "@angular/common": "^19.2.3",
+    "@angular/compiler": "^19.2.3",
+    "@angular/core": "^19.2.3",
+    "@angular/forms": "^19.2.3",
+    "@angular/platform-browser": "^19.2.3",
+    "@angular/platform-browser-dynamic": "^19.2.3",
+    "@angular/router": "^19.2.3",
+    "@fortawesome/fontawesome-free": "^6.7.2",
+    "@microsoft/signalr": "^8.0.7",
+    "bulma": "^1.0.3",
+    "curray": "^1.0.12",
     "file-saver-es": "^2.0.5",
     "ngx-filesize": "^3.0.5",
-    "rxjs": "~7.8.1",
-    "tslib": "^2.6.2",
-    "zone.js": "~0.15.0"
+    "rxjs": "^7.8.2",
+    "tslib": "^2.8.1",
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-eslint/builder": "19.1.0",
-    "@angular-eslint/eslint-plugin": "19.1.0",
-    "@angular-eslint/eslint-plugin-template": "19.1.0",
-    "@angular-eslint/schematics": "19.1.0",
-    "@angular-eslint/template-parser": "19.1.0",
-    "@angular/build": "^19.2.0",
-    "@angular/cli": "^19.2.0",
-    "@angular/compiler-cli": "^19.2.0",
-    "@angular/language-service": "^19.2.0",
-    "@types/file-saver": "^2.0.5",
-    "@types/file-saver-es": "^2.0.1",
-    "@types/node": "^20.5.8",
-    "@typescript-eslint/eslint-plugin": "^7.2.0",
-    "@typescript-eslint/parser": "^7.2.0",
-    "eslint": "^8.57.0",
-    "prettier": "^3.0.3",
-    "typescript": "5.7.3"
+    "@angular-eslint/builder": "19.2.1",
+    "@angular-eslint/eslint-plugin": "19.2.1",
+    "@angular-eslint/eslint-plugin-template": "19.2.1",
+    "@angular-eslint/schematics": "19.2.1",
+    "@angular-eslint/template-parser": "19.2.1",
+    "@angular/build": "^19.2.4",
+    "@angular/cli": "^19.2.4",
+    "@angular/compiler-cli": "^19.2.3",
+    "@angular/language-service": "^19.2.3",
+    "@types/file-saver": "^2.0.7",
+    "@types/file-saver-es": "^2.0.3",
+    "@types/node": "^22.13.11",
+    "@typescript-eslint/eslint-plugin": "^8.27.0",
+    "@typescript-eslint/parser": "^8.27.0",
+    "eslint": "^9.23.0",
+    "prettier": "^3.5.3",
+    "typescript": "5.8.2"
   }
 }

client/src/app/add-new-torrent/add-new-torrent.component.ts

@@ -5,10 +5,10 @@ import { Torrent, TorrentFileAvailability } from '../models/torrent.model';
 import { SettingsService } from '../settings.service';
 
 @Component({
-    selector: 'app-add-new-torrent',
-    templateUrl: './add-new-torrent.component.html',
-    styleUrls: ['./add-new-torrent.component.scss'],
-    standalone: false
+  selector: 'app-add-new-torrent',
+  templateUrl: './add-new-torrent.component.html',
+  styleUrls: ['./add-new-torrent.component.scss'],
+  standalone: false,
 })
 export class AddNewTorrentComponent implements OnInit {
   public fileName: string;

client/src/app/app.component.ts

@@ -1,9 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'app-root',
-    template: '<router-outlet></router-outlet>',
-    styles: [],
-    standalone: false
+  selector: 'app-root',
+  template: '<router-outlet></router-outlet>',
+  styles: [],
+  standalone: false,
 })
 export class AppComponent {}

client/src/app/decode-uri.pipe.ts

@@ -1,8 +1,8 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
-    name: 'decodeURI',
-    standalone: false
+  name: 'decodeURI',
+  standalone: false,
 })
 export class DecodeURIPipe implements PipeTransform {
   transform(input: any) {

client/src/app/download-status.pipe.ts

@@ -3,8 +3,8 @@ import { FileSizePipe } from 'ngx-filesize';
 import { Download } from './models/download.model';
 
 @Pipe({
-    name: 'downloadStatus',
-    standalone: false
+  name: 'downloadStatus',
+  standalone: false,
 })
 export class DownloadStatusPipe implements PipeTransform {
   constructor(private pipe: FileSizePipe) {}

client/src/app/login/login.component.ts

@@ -3,10 +3,10 @@ import { Router } from '@angular/router';
 import { AuthService } from '../auth.service';
 
 @Component({
-    selector: 'app-login',
-    templateUrl: './login.component.html',
-    styleUrls: ['./login.component.scss'],
-    standalone: false
+  selector: 'app-login',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.scss'],
+  standalone: false,
 })
 export class LoginComponent {
   public userName: string;

client/src/app/main-layout/main-layout.component.ts

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'app-main-layout',
-    templateUrl: './main-layout.component.html',
-    styleUrls: ['./main-layout.component.scss'],
-    standalone: false
+  selector: 'app-main-layout',
+  templateUrl: './main-layout.component.html',
+  styleUrls: ['./main-layout.component.scss'],
+  standalone: false,
 })
 export class MainLayoutComponent {
   constructor() {}

client/src/app/navbar/navbar.component.html

@@ -64,11 +64,14 @@
 <div
   class="notification"
   [ngClass]="profile.isInsecure ? 'is-danger' : 'is-warning'"
-  *ngIf="profile && (!profile.disableUpdateNotification || profile.isInsecure) && profile.latestVersion && profile.currentVersion !== profile.latestVersion"
+  *ngIf="
+    profile &&
+    (!profile.disableUpdateNotification || profile.isInsecure) &&
+    profile.latestVersion &&
+    profile.currentVersion !== profile.latestVersion
+  "
 >
-  <span *ngIf="profile.isInsecure">
-    Your current version is insecure.
-  </span>
+  <span *ngIf="profile.isInsecure"> Your current version is insecure. </span>
   <span>
     Version {{ profile.latestVersion }} of RealDebrid Client was found. You are currently on version
     {{ profile.currentVersion }}.

client/src/app/navbar/navbar.component.ts

@@ -1,14 +1,14 @@
 import { Component, OnInit } from '@angular/core';
-import {NavigationEnd, Router} from '@angular/router';
+import { NavigationEnd, Router } from '@angular/router';
 import { AuthService } from '../auth.service';
 import { Profile } from '../models/profile.model';
 import { SettingsService } from '../settings.service';
 
 @Component({
-    selector: 'app-navbar',
-    templateUrl: './navbar.component.html',
-    styleUrls: ['./navbar.component.scss'],
-    standalone: false
+  selector: 'app-navbar',
+  templateUrl: './navbar.component.html',
+  styleUrls: ['./navbar.component.scss'],
+  standalone: false,
 })
 export class NavbarComponent implements OnInit {
   public showMobileMenu = false;
@@ -21,11 +21,11 @@ export class NavbarComponent implements OnInit {
     private authService: AuthService,
     private router: Router,
   ) {
-    this.router.events.subscribe(event => {
+    this.router.events.subscribe((event) => {
       if (event instanceof NavigationEnd) {
         this.showMobileMenu = false;
       }
-    })
+    });
   }
 
   ngOnInit(): void {

client/src/app/nl2br.pipe.ts

@@ -2,8 +2,8 @@ import { Pipe, PipeTransform, SecurityContext, VERSION } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 
 @Pipe({
-    name: 'nl2br',
-    standalone: false
+  name: 'nl2br',
+  standalone: false,
 })
 export class Nl2BrPipe implements PipeTransform {
   constructor(private sanitizer: DomSanitizer) {}

client/src/app/profile/profile.component.ts

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { AuthService } from '../auth.service';
 
 @Component({
-    selector: 'app-profile',
-    templateUrl: './profile.component.html',
-    styleUrls: ['./profile.component.scss'],
-    standalone: false
+  selector: 'app-profile',
+  templateUrl: './profile.component.html',
+  styleUrls: ['./profile.component.scss'],
+  standalone: false,
 })
 export class ProfileComponent {
   constructor(private authService: AuthService) {}

client/src/app/settings/settings.component.ts

@@ -3,10 +3,10 @@ import { SettingsService } from 'src/app/settings.service';
 import { Setting } from '../models/setting.model';
 
 @Component({
-    selector: 'app-settings',
-    templateUrl: './settings.component.html',
-    styleUrls: ['./settings.component.scss'],
-    standalone: false
+  selector: 'app-settings',
+  templateUrl: './settings.component.html',
+  styleUrls: ['./settings.component.scss'],
+  standalone: false,
 })
 export class SettingsComponent implements OnInit {
   public activeTab = 0;

client/src/app/setup/setup.component.ts

@@ -3,10 +3,10 @@ import { Router } from '@angular/router';
 import { AuthService } from '../auth.service';
 
 @Component({
-    selector: 'app-setup',
-    templateUrl: './setup.component.html',
-    styleUrls: ['./setup.component.scss'],
-    standalone: false
+  selector: 'app-setup',
+  templateUrl: './setup.component.html',
+  styleUrls: ['./setup.component.scss'],
+  standalone: false,
 })
 export class SetupComponent {
   public userName: string;

client/src/app/sort.pipe.ts

@@ -1,8 +1,8 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
-    name: 'sort',
-    standalone: false
+  name: 'sort',
+  standalone: false,
 })
 export class SortPipe implements PipeTransform {
   transform(array: any[], field: string, order: 'asc' | 'desc' = 'asc'): any[] {

client/src/app/torrent-status.pipe.ts

@@ -3,8 +3,8 @@ import { FileSizePipe } from 'ngx-filesize';
 import { RealDebridStatus, Torrent } from './models/torrent.model';
 
 @Pipe({
-    name: 'status',
-    standalone: false
+  name: 'status',
+  standalone: false,
 })
 export class TorrentStatusPipe implements PipeTransform {
   constructor(private pipe: FileSizePipe) {}

client/src/app/torrent-table/torrent-table.component.ts

@@ -5,10 +5,10 @@ import { TorrentService } from '../torrent.service';
 import { forkJoin, Observable } from 'rxjs';
 
 @Component({
-    selector: 'app-torrent-table',
-    templateUrl: './torrent-table.component.html',
-    styleUrls: ['./torrent-table.component.scss'],
-    standalone: false
+  selector: 'app-torrent-table',
+  templateUrl: './torrent-table.component.html',
+  styleUrls: ['./torrent-table.component.scss'],
+  standalone: false,
 })
 export class TorrentTableComponent implements OnInit {
   public torrents: Torrent[] = [];

client/src/app/torrent/torrent.component.html

@@ -252,7 +252,7 @@
               <td style="width: 35px"></td>
               <td colspan="5">
                 <div class="flex-container">
-                  <div style="flex: 1 1 0;">
+                  <div style="flex: 1 1 0">
                     <div class="field is-grouped">
                       <div class="control">
                         <button class="button is-primary" (click)="showDownloadRetryModal(download.downloadId)">
@@ -285,7 +285,7 @@
                       {{ download.retryCount }} / {{ torrent.downloadRetryAttempts }}
                     </div>
                   </div>
-                  <div style="flex: 1 1 0;">
+                  <div style="flex: 1 1 0">
                     <div class="field">
                       <label class="label">Added</label>
                       <ng-container *ngIf="download.added">

client/src/app/torrent/torrent.component.ts

@@ -5,10 +5,10 @@ import { Torrent } from '../models/torrent.model';
 import { TorrentService } from '../torrent.service';
 
 @Component({
-    selector: 'app-torrent',
-    templateUrl: './torrent.component.html',
-    styleUrls: ['./torrent.component.scss'],
-    standalone: false
+  selector: 'app-torrent',
+  templateUrl: './torrent.component.html',
+  styleUrls: ['./torrent.component.scss'],
+  standalone: false,
 })
 export class TorrentComponent implements OnInit {
   public torrent: Torrent;