angular 18 -> 19 + migrations

client/angular-proxy.json

@@ -1,10 +1,10 @@
 {
   "/Api": {
-    "target": "http://localhost:6500/",
+    "target": "http://sativus.local:6500/",
     "secure": false
   },
   "/hub": {
-    "target": "http://localhost:6500/",
+    "target": "http://sativus.local:6500/",
     "secure": false,
     "ws": true
   }

client/package.json

@@ -12,16 +12,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^19.2.0",
-    "@angular/cdk": "^18.2.14",
+    "@angular/cdk": "^19.2.1",
-    "@angular/common": "^18.2.13",
+    "@angular/common": "^19.2.0",
-    "@angular/compiler": "^18.2.13",
+    "@angular/compiler": "^19.2.0",
-    "@angular/core": "^18.2.13",
+    "@angular/core": "^19.2.0",
     "@angular/flex-layout": "^15.0.0-beta.42",
-    "@angular/forms": "^18.2.13",
+    "@angular/forms": "^19.2.0",
-    "@angular/platform-browser": "^18.2.13",
+    "@angular/platform-browser": "^19.2.0",
-    "@angular/platform-browser-dynamic": "^18.2.13",
+    "@angular/platform-browser-dynamic": "^19.2.0",
-    "@angular/router": "^18.2.13",
+    "@angular/router": "^19.2.0",
     "@fortawesome/fontawesome-free": "^6.4.2",
     "@microsoft/signalr": "^6.0.21",
     "bulma": "^0.9.4",
@@ -30,18 +30,18 @@
     "ngx-filesize": "^3.0.5",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.2",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-eslint/builder": "18.4.3",
+    "@angular-eslint/builder": "19.1.0",
-    "@angular-eslint/eslint-plugin": "18.4.3",
+    "@angular-eslint/eslint-plugin": "19.1.0",
-    "@angular-eslint/eslint-plugin-template": "18.4.3",
+    "@angular-eslint/eslint-plugin-template": "19.1.0",
-    "@angular-eslint/schematics": "18.4.3",
+    "@angular-eslint/schematics": "19.1.0",
-    "@angular-eslint/template-parser": "18.4.3",
+    "@angular-eslint/template-parser": "19.1.0",
-    "@angular/build": "^18.2.14",
+    "@angular/build": "^19.2.0",
-    "@angular/cli": "^18.2.14",
+    "@angular/cli": "^19.2.0",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular/compiler-cli": "^19.2.0",
-    "@angular/language-service": "^18.2.13",
+    "@angular/language-service": "^19.2.0",
     "@types/file-saver": "^2.0.5",
     "@types/file-saver-es": "^2.0.1",
     "@types/node": "^20.5.8",
@@ -49,6 +49,6 @@
     "@typescript-eslint/parser": "^7.2.0",
     "eslint": "^8.57.0",
     "prettier": "^3.0.3",
-    "typescript": "5.4.5"
+    "typescript": "5.7.3"
   }
 }

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

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

client/src/app/app.component.ts

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

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

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

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

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

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

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

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

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

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

@@ -5,9 +5,10 @@ import { Profile } from '../models/profile.model';
 import { SettingsService } from '../settings.service';
 
 @Component({
-  selector: 'app-navbar',
+    selector: 'app-navbar',
-  templateUrl: './navbar.component.html',
+    templateUrl: './navbar.component.html',
-  styleUrls: ['./navbar.component.scss'],
+    styleUrls: ['./navbar.component.scss'],
+    standalone: false
 })
 export class NavbarComponent implements OnInit {
   public showMobileMenu = false;

client/src/app/nl2br.pipe.ts

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

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

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

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

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

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

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

client/src/app/sort.pipe.ts

@@ -1,7 +1,8 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
-  name: 'sort',
+    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,7 +3,8 @@ import { FileSizePipe } from 'ngx-filesize';
 import { RealDebridStatus, Torrent } from './models/torrent.model';
 
 @Pipe({
-  name: 'status',
+    name: 'status',
+    standalone: false
 })
 export class TorrentStatusPipe implements PipeTransform {
   constructor(private pipe: FileSizePipe) {}

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

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

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

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