upgrade to angular 18

This commit is contained in:
Alex Shnitman 2025-06-02 22:41:53 +03:00
parent 607c10c16e
commit 91f1e21df0
3 changed files with 2257 additions and 1375 deletions

3547
ui/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -11,33 +11,33 @@
}, },
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular/animations": "^17.3.4", "@angular/animations": "^18.2.13",
"@angular/common": "^17.3.4", "@angular/common": "^18.2.13",
"@angular/compiler": "^17.3.4", "@angular/compiler": "^18.2.13",
"@angular/core": "^17.3.4", "@angular/core": "^18.2.13",
"@angular/forms": "^17.3.4", "@angular/forms": "^18.2.13",
"@angular/localize": "^17.3.4", "@angular/localize": "^18.2.13",
"@angular/platform-browser": "^17.3.4", "@angular/platform-browser": "^18.2.13",
"@angular/platform-browser-dynamic": "^17.3.4", "@angular/platform-browser-dynamic": "^18.2.13",
"@angular/router": "^17.3.4", "@angular/router": "^18.2.13",
"@angular/service-worker": "^17.3.4", "@angular/service-worker": "^18.2.13",
"@fortawesome/angular-fontawesome": "~0.14.0", "@fortawesome/angular-fontawesome": "~0.15.0",
"@fortawesome/fontawesome-svg-core": "^6.5.0", "@fortawesome/fontawesome-svg-core": "^6.5.0",
"@fortawesome/free-regular-svg-icons": "^6.5.0", "@fortawesome/free-regular-svg-icons": "^6.5.0",
"@fortawesome/free-solid-svg-icons": "^6.5.0", "@fortawesome/free-solid-svg-icons": "^6.5.0",
"@ng-bootstrap/ng-bootstrap": "^16.0.0", "@ng-bootstrap/ng-bootstrap": "^17.0.0",
"@ng-select/ng-select": "^12.0.0", "@ng-select/ng-select": "^13.0.0",
"bootstrap": "^5.3.0", "bootstrap": "^5.3.0",
"ngx-cookie-service": "^17.0.0", "ngx-cookie-service": "^18.0.0",
"ngx-socket-io": "~4.6.0", "ngx-socket-io": "~4.7.0",
"rxjs": "~7.8.0", "rxjs": "~7.8.0",
"tslib": "^2.6.0", "tslib": "^2.6.0",
"zone.js": "~0.14.4" "zone.js": "~0.14.4"
}, },
"devDependencies": { "devDependencies": {
"@angular-devkit/build-angular": "^17.3.4", "@angular-devkit/build-angular": "^18.2.19",
"@angular/cli": "^17.3.4", "@angular/cli": "^18.2.19",
"@angular/compiler-cli": "^17.3.4", "@angular/compiler-cli": "^18.2.13",
"@types/node": "^18.15.0", "@types/node": "^18.15.0",
"codelyzer": "^6.0.2", "codelyzer": "^6.0.2",
"ts-node": "~10.9.1", "ts-node": "~10.9.1",

View File

@ -2,7 +2,7 @@ import { BrowserModule } from '@angular/platform-browser';
import { NgModule, isDevMode } from '@angular/core'; import { NgModule, isDevMode } from '@angular/core';
import { FormsModule } from '@angular/forms'; import { FormsModule } from '@angular/forms';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { HttpClientModule } from '@angular/common/http'; import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome'; import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { CookieService } from 'ngx-cookie-service'; import { CookieService } from 'ngx-cookie-service';
@ -13,31 +13,24 @@ import { MeTubeSocket } from './metube-socket';
import { NgSelectModule } from '@ng-select/ng-select'; import { NgSelectModule } from '@ng-select/ng-select';
import { ServiceWorkerModule } from '@angular/service-worker'; import { ServiceWorkerModule } from '@angular/service-worker';
@NgModule({ @NgModule({ declarations: [
declarations: [ AppComponent,
AppComponent, EtaPipe,
EtaPipe, SpeedPipe,
SpeedPipe, FileSizePipe,
FileSizePipe, EncodeURIComponent,
EncodeURIComponent, MasterCheckboxComponent,
MasterCheckboxComponent, SlaveCheckboxComponent
SlaveCheckboxComponent ],
], bootstrap: [AppComponent], imports: [BrowserModule,
imports: [ FormsModule,
BrowserModule, NgbModule,
FormsModule, FontAwesomeModule,
NgbModule, NgSelectModule,
HttpClientModule, ServiceWorkerModule.register('custom-service-worker.js', {
FontAwesomeModule, enabled: !isDevMode(),
NgSelectModule, // Register the ServiceWorker as soon as the application is stable
ServiceWorkerModule.register('custom-service-worker.js', { // or after 30 seconds (whichever comes first).
enabled: !isDevMode(), registrationStrategy: 'registerWhenStable:30000'
// Register the ServiceWorker as soon as the application is stable })], providers: [CookieService, MeTubeSocket, provideHttpClient(withInterceptorsFromDi())] })
// or after 30 seconds (whichever comes first).
registrationStrategy: 'registerWhenStable:30000'
})
],
providers: [CookieService, MeTubeSocket],
bootstrap: [AppComponent]
})
export class AppModule { } export class AppModule { }