Updated @angular/cli

nise-frontend/angular.json

@@ -11,11 +11,12 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/nise-frontend",
+            "outputPath": {
+              "base": "dist/nise-frontend"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "polyfills": [
               "zone.js"
             ],
@@ -29,7 +30,8 @@
             ],
             "scripts": [
               "src/assets/oneko.js"
-            ]
+            ],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -50,9 +52,7 @@
             },
             "development": {
               "statsJson": true,
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true,

nise-frontend/package.json

@@ -11,14 +11,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.2.2",
+    "@angular/animations": "^18.0.2",
-    "@angular/common": "^17.2.2",
+    "@angular/common": "^18.0.2",
-    "@angular/compiler": "^17.2.2",
+    "@angular/compiler": "^18.0.2",
-    "@angular/core": "^17.2.2",
+    "@angular/core": "^18.0.2",
-    "@angular/forms": "^17.2.2",
+    "@angular/forms": "^18.0.2",
-    "@angular/platform-browser": "^17.2.2",
+    "@angular/platform-browser": "^18.0.2",
-    "@angular/platform-browser-dynamic": "^17.2.2",
+    "@angular/platform-browser-dynamic": "^18.0.2",
-    "@angular/router": "^17.2.2",
+    "@angular/router": "^18.0.2",
     "@popperjs/core": "^2.11.8",
     "@stomp/rx-stomp": "^2.0.0",
     "chart.js": "^4.4.1",
@@ -32,10 +32,10 @@
     "zone.js": "^0.14.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.2.1",
+    "@angular-devkit/build-angular": "^18.0.3",
-    "@angular/cli": "~17.2.1",
+    "@angular/cli": "~18.0.3",
-    "@angular/compiler-cli": "^17.2.2",
+    "@angular/compiler-cli": "^18.0.2",
-    "@angular/localize": "^17.2.2",
+    "@angular/localize": "^18.0.2",
     "@types/jasmine": "~4.3.0",
     "@types/uuid": "^9.0.8",
     "jasmine-core": "~4.6.0",
@@ -44,7 +44,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.0.0",
-    "typescript": "~5.2.2",
+    "typescript": "~5.4.5",
     "webpack-bundle-analyzer": "^4.10.1"
   }
-}
+}

nise-frontend/src/app/banlist/banlist.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnInit} from '@angular/core';
-import {HttpClient} from "@angular/common/http";
+import { HttpClient } from "@angular/common/http";
 import {environment} from "../../environments/environment";
 import {DatePipe, DecimalPipe, JsonPipe, NgForOf, NgIf} from "@angular/common";
 import {calculateTimeAgo, formatDuration} from "../format";

nise-frontend/src/app/home/home.component.ts

@@ -6,7 +6,7 @@ import {Message} from "@stomp/stompjs/esm6";
 import {ReplayData} from "../replays";
 import {DecimalPipe, NgForOf, NgIf} from "@angular/common";
 import {Router, RouterLink} from "@angular/router";
-import {HttpClient} from "@angular/common/http";
+import { HttpClient } from "@angular/common/http";
 import {CuteLoadingComponent} from "../../corelib/components/cute-loading/cute-loading.component";
 
 interface AnalyzeReplayResponse {

nise-frontend/src/app/profile/profile.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnInit} from '@angular/core';
-import {HttpClient} from "@angular/common/http";
+import { HttpClient } from "@angular/common/http";
 import {environment} from "../../environments/environment";
 import {DatePipe, DecimalPipe, JsonPipe, NgForOf, NgIf} from "@angular/common";
 import {calculateTimeAgo, formatDuration} from "../format";

nise-frontend/src/app/search/search.component.ts

@@ -1,7 +1,7 @@
 import {Component, OnInit} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from "@angular/forms";
 import {DecimalPipe, JsonPipe, NgForOf, NgIf} from "@angular/common";
-import {HttpClient} from "@angular/common/http";
+import { HttpClient } from "@angular/common/http";
 import {environment} from "../../environments/environment";
 import {countryCodeToFlag, formatDuration} from "../format";
 import {OsuGradeComponent} from "../../corelib/components/osu-grade/osu-grade.component";

nise-frontend/src/app/view-replay-pair/view-replay-pair.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnInit} from '@angular/core';
-import {HttpClient} from "@angular/common/http";
+import { HttpClient } from "@angular/common/http";
 import {ActivatedRoute, RouterLink} from "@angular/router";
 import {ReplayData} from "../replays";
 import {catchError, throwError} from "rxjs";

nise-frontend/src/app/view-score/view-score.component.ts

@@ -1,6 +1,6 @@
 import {Component, OnInit, ViewChild} from '@angular/core';
 import {BaseChartDirective, NgChartsModule} from 'ng2-charts';
-import {HttpClient} from "@angular/common/http";
+import { HttpClient } from "@angular/common/http";
 import {environment} from "../../environments/environment";
 import {DecimalPipe, JsonPipe, NgForOf, NgIf, NgOptimizedImage} from "@angular/common";
 import {ActivatedRoute, RouterLink} from "@angular/router";

nise-frontend/src/app/view-user/view-user.component.ts

@@ -1,6 +1,6 @@
 import {Component, OnChanges, OnDestroy, OnInit} from '@angular/core';
 import {SimilarReplay, SuspiciousScore} from "../replays";
-import {HttpClient} from "@angular/common/http";
+import { HttpClient } from "@angular/common/http";
 import {catchError, EMPTY, finalize, Observable, Subscription} from "rxjs";
 import {environment} from "../../environments/environment";
 import {DecimalPipe, JsonPipe, NgForOf, NgIf, NgOptimizedImage} from "@angular/common";

nise-frontend/src/corelib/nise-http.interceptor.ts

@@ -1,5 +1,5 @@
 import {Injectable} from '@angular/core';
-import {HttpEvent, HttpHandler, HttpInterceptor, HttpRequest} from '@angular/common/http';
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
 import {Observable} from 'rxjs';
 
 @Injectable()

nise-frontend/src/corelib/service/follow.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import {HttpClient} from "@angular/common/http";
+import { HttpClient } from "@angular/common/http";
 import {environment} from "../../environments/environment";
 import {UserService} from "./user.service";
 

nise-frontend/src/main.ts

@@ -8,7 +8,7 @@ import {NgChartsModule} from 'ng2-charts';
 import {AppRoutingModule} from './app/app-routing.module';
 import {bootstrapApplication, BrowserModule} from '@angular/platform-browser';
 import {NiseHttpInterceptor} from './corelib/nise-http.interceptor';
-import {HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi} from '@angular/common/http';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import {rxStompServiceFactory} from './corelib/stomp/stomp.factory';
 import {RxStompService} from './corelib/stomp/stomp.service';
 

nise-frontend/tsconfig.json

@@ -6,14 +6,13 @@
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
     "strict": true,
-    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,