Merge pull request #369 from damingerdai/feat/366

feat: bump angular v19

package.json

@@ -17,32 +17,32 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.0.4",
-    "@angular/common": "^18.0.4",
-    "@angular/compiler": "^18.0.4",
-    "@angular/core": "^18.0.4",
-    "@angular/forms": "^18.0.4",
-    "@angular/platform-browser": "^18.0.4",
-    "@angular/platform-browser-dynamic": "^18.0.4",
-    "@angular/platform-server": "^18.0.4",
-    "@angular/router": "^18.0.4",
-    "@angular/ssr": "^18.0.4",
+    "@angular/animations": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/platform-server": "^19.0.0",
+    "@angular/router": "^19.0.0",
+    "@angular/ssr": "^19.0.1",
     "@schematics/angular": "^18.0.4",
     "apexcharts": "^4.0.0",
     "rxjs": "~6.5.5",
     "tslib": "^2.0.0",
-    "zone.js": "~0.14.2"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.0.4",
+    "@angular-devkit/build-angular": "^19.0.1",
     "@angular-eslint/builder": "18.0.1",
     "@angular-eslint/eslint-plugin": "18.0.1",
     "@angular-eslint/eslint-plugin-template": "18.0.1",
     "@angular-eslint/schematics": "18.0.1",
     "@angular-eslint/template-parser": "18.0.1",
-    "@angular/cli": "^18.0.4",
-    "@angular/compiler-cli": "^18.0.4",
-    "@angular/language-service": "^18.0.4",
+    "@angular/cli": "^19.0.1",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/language-service": "^19.0.0",
     "@types/jasmine": "~3.5.10",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "~20.0.0",
@@ -58,9 +58,9 @@
     "karma-coverage": "^2.0.3",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "~1.5.0",
-    "ng-packagr": "^18.0.0",
+    "ng-packagr": "^19.0.1",
     "protractor": "~7.0.0",
     "ts-node": "~8.10.1",
-    "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 express from 'express';
 import { fileURLToPath } from 'node:url';
 import { dirname, join, resolve } from 'node:path';

src/app/app.component.ts

@@ -12,17 +12,16 @@ import { ChartComponent } from "ng-apexcharts";
 import { SeriesPipe } from "./series.pipe";
 
 @Component({
-  selector: "app-root",
-  templateUrl: "./app.component.html",
-  styleUrls: ["./app.component.less"],
-  standalone: true,
-  imports: [
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    ChartComponent,
-    SeriesPipe,
-  ],
+    selector: "app-root",
+    templateUrl: "./app.component.html",
+    styleUrls: ["./app.component.less"],
+    imports: [
+        CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        ChartComponent,
+        SeriesPipe,
+    ]
 })
 export class AppComponent {
   @ViewChild("chart", { static: true }) chart: ChartComponent;

tsconfig.json

@@ -8,7 +8,6 @@
     "esModuleInterop": true,
     "module": "ES2022",
     "moduleResolution": "Bundler",
-    "allowSyntheticDefaultImports": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": true,