feat: update to angular 19

Author: WeihanLi

angular.json

@@ -26,7 +26,8 @@
             "i18nMissingTranslation": "error",
             "index": "src/index.html",
             "polyfills": [
-              "zone.js"
+              "zone.js",
+              "@angular/localize/init"
             ],
             "tsConfig": "tsconfig.app.json",
             "assets": [

package.json

@@ -12,32 +12,32 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^19.0.5",
     "@angular/cdk": "^18.2.14",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/localize": "^18.2.13",
+    "@angular/common": "^19.0.5",
+    "@angular/compiler": "^19.0.5",
+    "@angular/core": "^19.0.5",
+    "@angular/forms": "^19.0.5",
+    "@angular/localize": "^19.0.5",
     "@angular/material": "^18.2.14",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/platform-server": "^18.2.13",
-    "@angular/router": "^18.2.13",
-    "@angular/service-worker": "^18.2.13",
-    "@angular/ssr": "^18.2.12",
+    "@angular/platform-browser": "^19.0.5",
+    "@angular/platform-browser-dynamic": "^19.0.5",
+    "@angular/platform-server": "^19.0.5",
+    "@angular/router": "^19.0.5",
+    "@angular/service-worker": "^19.0.5",
+    "@angular/ssr": "^19.0.6",
     "@sentry/browser": "^5.5.0",
     "angular-oauth2-oidc": "^15.0.1",
     "express": "^4.18.2",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
-    "@angular/cli": "^18.2.12",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/language-service": "^18.2.13",
+    "@angular-devkit/build-angular": "^19.0.6",
+    "@angular/cli": "^19.0.6",
+    "@angular/compiler-cli": "^19.0.5",
+    "@angular/language-service": "^19.0.5",
     "@types/express": "^4.17.17",
     "@types/jasmine": "~3.3.8",
     "@types/jasminewd2": "~2.0.3",
@@ -50,6 +50,6 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "protractor": "~7.0.0",
     "tslint": "~6.1.0",
-    "typescript": "~5.4.5"
+    "typescript": "~5.6.3"
   }
 }

server.ts

@@ -1,5 +1,5 @@
 import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
+import { CommonEngine } from '@angular/ssr/node';
 import * as express from 'express';
 import { fileURLToPath } from 'node:url';
 import { dirname, join, resolve } from 'node:path';

src/app/about/about.component.ts

@@ -2,9 +2,10 @@ import { Component, OnInit } from '@angular/core';
 import { LoadingService } from '../services/LoadingService';
 
 @Component({
-  selector: 'app-about',
-  templateUrl: './about.component.html',
-  styleUrls: ['./about.component.less']
+    selector: 'app-about',
+    templateUrl: './about.component.html',
+    styleUrls: ['./about.component.less'],
+    standalone: false
 })
 export class AboutComponent implements OnInit {
 

src/app/account/auth-callback/auth-callback.component.ts

@@ -3,9 +3,10 @@ import { OAuthService } from 'angular-oauth2-oidc';
 import { Router } from '@angular/router';
 
 @Component({
-  selector: 'app-auth-callback',
-  templateUrl: './auth-callback.component.html',
-  styleUrls: ['./auth-callback.component.less']
+    selector: 'app-auth-callback',
+    templateUrl: './auth-callback.component.html',
+    styleUrls: ['./auth-callback.component.less'],
+    standalone: false
 })
 export class AuthCallbackComponent implements OnInit {
 

src/app/account/login/login.component.ts

@@ -2,9 +2,10 @@ import { Component, OnInit } from '@angular/core';
 import { OAuthService } from 'angular-oauth2-oidc';
 
 @Component({
-  selector: 'app-login',
-  templateUrl: './login.component.html',
-  styleUrls: ['./login.component.less']
+    selector: 'app-login',
+    templateUrl: './login.component.html',
+    styleUrls: ['./login.component.less'],
+    standalone: false
 })
 export class LoginComponent implements OnInit {
 

src/app/account/my-reservation/my-reservation.component.ts

@@ -5,9 +5,10 @@ import { Reservation } from 'src/app/models/Reservation';
 import { ColumnInfo } from 'src/app/models/ColumnInfo';
 
 @Component({
-  selector: 'app-my-reservation',
-  templateUrl: './my-reservation.component.html',
-  styleUrls: ['./my-reservation.component.less']
+    selector: 'app-my-reservation',
+    templateUrl: './my-reservation.component.html',
+    styleUrls: ['./my-reservation.component.less'],
+    standalone: false
 })
 export class MyReservationComponent implements OnInit {
 

src/app/app.component.ts

@@ -6,9 +6,10 @@ import { OAuthService } from 'angular-oauth2-oidc';
 import * as authConfig from './shared/authConfig';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.less']
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.less'],
+    standalone: false
 })
 export class AppComponent {
   constructor(public loadingSvc: LoadingService,

src/app/notice/notice-detail/notice-detail.component.ts

@@ -6,8 +6,9 @@ import { Notice } from '../../models/Notice';
 import { Router } from '@angular/router';
 
 @Component({
-  selector: 'app-notice-detail',
-  templateUrl: './notice-detail.component.html'
+    selector: 'app-notice-detail',
+    templateUrl: './notice-detail.component.html',
+    standalone: false
 })
 export class NoticeDetailComponent implements OnInit {
 

src/app/notice/notice-list/notice-list.component.ts

@@ -4,8 +4,9 @@ import { NoticeService } from '../../services/NoticeService';
 import { LoadingService } from '../../services/LoadingService';
 
 @Component({
-  selector: 'app-notice-list',
-  templateUrl: './notice-list.component.html'
+    selector: 'app-notice-list',
+    templateUrl: './notice-list.component.html',
+    standalone: false
 })
 export class NoticeListComponent implements OnInit {