update angular version to 19

Yuangwang · Yuangwang · commit a6bd6fff8eb0 · 2025-02-05T18:03:13.000-05:00
diff --git a/starters/angular/basic/package-lock.json b/starters/angular/basic/package-lock.json
diff --git a/starters/angular/basic/package.json b/starters/angular/basic/package.json
@@ -11,26 +11,26 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@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/ssr": "^18.2.14",
+    "@angular/animations": "^19.1.4",
+    "@angular/common": "^19.1.4",
+    "@angular/compiler": "^19.1.4",
+    "@angular/core": "^19.1.4",
+    "@angular/forms": "^19.1.4",
+    "@angular/platform-browser": "^19.1.4",
+    "@angular/platform-browser-dynamic": "^19.1.4",
+    "@angular/platform-server": "^19.1.4",
+    "@angular/router": "^19.1.4",
+    "@angular/ssr": "^19.1.6",
     "express": "^4.18.2",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "uuid": "^9.0.1",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.14",
-    "@angular/cli": "^18.2.14",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular-devkit/build-angular": "^19.1.6",
+    "@angular/cli": "^19.1.6",
+    "@angular/compiler-cli": "^19.1.4",
     "@types/express": "^4.17.21",
     "@types/jasmine": "~5.1.0",
     "@types/uuid": "^9.0.8",
diff --git a/starters/angular/basic/server.ts b/starters/angular/basic/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';
diff --git a/starters/angular/basic/src/app/app.component.ts b/starters/angular/basic/src/app/app.component.ts
@@ -7,11 +7,10 @@ import { FirebaseIconComponent } from './components/icons/firebase-icon.componen
 import { ArrowBackIconComponent } from './components/icons/arrow-back-icon.component';
 
 @Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [RouterOutlet, AngularIconComponent, FirebaseIconComponent, ArrowBackIconComponent, RouterLink],
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.scss'
+    selector: 'app-root',
+    imports: [RouterOutlet, AngularIconComponent, FirebaseIconComponent, ArrowBackIconComponent, RouterLink],
+    templateUrl: './app.component.html',
+    styleUrl: './app.component.scss'
 })
 export class AppComponent {
   private readonly router = inject(Router);
diff --git a/starters/angular/basic/src/app/components/card/card.component.ts b/starters/angular/basic/src/app/components/card/card.component.ts
@@ -3,11 +3,10 @@ import { UpdateContentIfNotGeneratedByServerDirective } from '../../directives/u
 import { getDateString, getRandomUUID } from '../../utils/metadata-generator';
 
 @Component({
-  selector: 'app-card',
-  standalone: true,
-  imports: [UpdateContentIfNotGeneratedByServerDirective],
-  templateUrl: './card.component.html',
-  styleUrl: './card.component.scss'
+    selector: 'app-card',
+    imports: [UpdateContentIfNotGeneratedByServerDirective],
+    templateUrl: './card.component.html',
+    styleUrl: './card.component.scss'
 })
 export class CardComponent {
   dateString = signal(getDateString());
diff --git a/starters/angular/basic/src/app/components/icons/angular-icon.component.ts b/starters/angular/basic/src/app/components/icons/angular-icon.component.ts
@@ -1,10 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-angular-icon',
-  standalone: true,
-  imports: [],
-  template: `
+    selector: 'app-angular-icon',
+    imports: [],
+    template: `
     <svg width="138" height="34" viewBox="0 0 138 34" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M22.1833 24.4295H8.80891L7.10692 28.5298L15.5018 33.3652L23.8967 28.5298L22.1833 24.4295Z" fill="currentColor"/>
       <path d="M19.8948 19.0658L15.5018 8.39586L11.0974 19.0658H19.8948Z" fill="currentColor"/>
@@ -18,7 +17,7 @@ import { Component } from '@angular/core';
       <path d="M125.05 10.9571C124.394 10.5207 123.658 10.2106 122.865 10.0268C122.071 9.84303 121.266 9.73966 120.461 9.73966C119.288 9.73966 118.23 9.91194 117.264 10.2565C116.298 10.6011 115.482 11.1179 114.815 11.7956C114.148 12.4847 113.665 13.3346 113.377 14.3453L117.057 14.8622C117.253 14.2879 117.632 13.794 118.196 13.3691C118.759 12.9441 119.518 12.7374 120.484 12.7374C121.404 12.7374 122.094 12.9671 122.589 13.415C123.072 13.8629 123.313 14.4946 123.313 15.3216V15.3905C123.313 15.7695 123.175 16.0452 122.899 16.2174C122.623 16.3897 122.175 16.5276 121.565 16.608C120.956 16.6884 120.162 16.7802 119.185 16.8836C118.368 16.9755 117.586 17.1133 116.827 17.2971C116.068 17.4923 115.39 17.768 114.792 18.1355C114.194 18.503 113.711 18.9969 113.366 19.6171C113.021 20.2374 112.848 21.0184 112.848 21.9602C112.848 23.0513 113.09 23.9701 113.584 24.7167C114.079 25.4632 114.746 26.026 115.585 26.405C116.436 26.7841 117.379 26.9793 118.437 26.9793C119.311 26.9793 120.07 26.853 120.714 26.6118C121.358 26.3706 121.899 26.049 122.336 25.647C122.773 25.245 123.106 24.8086 123.348 24.3491H123.474V26.6462H127.258V15.4709C127.258 14.3568 127.051 13.438 126.648 12.7029C126.246 11.9793 125.705 11.3936 125.05 10.9571ZM123.325 20.6738C123.325 21.294 123.164 21.8568 122.853 22.3851C122.543 22.902 122.094 23.3269 121.508 23.637C120.933 23.9472 120.243 24.1079 119.449 24.1079C118.633 24.1079 117.954 23.9242 117.425 23.5566C116.896 23.1891 116.632 22.6378 116.632 21.9142C116.632 21.4089 116.77 20.9954 117.034 20.6738C117.299 20.3522 117.667 20.0995 118.138 19.9158C118.598 19.732 119.127 19.6057 119.714 19.5253C119.978 19.4908 120.289 19.4449 120.634 19.3989C120.99 19.353 121.347 19.2955 121.715 19.2266C122.083 19.1577 122.405 19.0888 122.704 18.9969C123.003 18.905 123.21 18.8132 123.325 18.7098V20.6738Z" fill="currentColor"/>
       <path d="M137.32 9.75114C137.044 9.72817 136.803 9.72817 136.584 9.72817C135.63 9.72817 134.779 9.99234 134.031 10.5207C133.284 11.049 132.766 11.7956 132.456 12.7603H132.283V9.96937H128.465V26.6692H132.41V16.8491C132.41 16.137 132.571 15.5168 132.904 14.9655C133.226 14.4257 133.675 14.0008 134.25 13.6906C134.825 13.3805 135.469 13.2312 136.182 13.2312C136.515 13.2312 136.86 13.2542 137.217 13.3001C137.573 13.3461 137.838 13.4035 138.01 13.4609V9.83154C137.815 9.79708 137.585 9.77411 137.32 9.75114Z" fill="currentColor"/>
     </svg>
-  `,
+  `
 })
 export class AngularIconComponent {
 
diff --git a/starters/angular/basic/src/app/components/icons/arrow-back-icon.component.ts b/starters/angular/basic/src/app/components/icons/arrow-back-icon.component.ts
@@ -1,10 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-arrow-back-icon',
-  standalone: true,
-  imports: [],
-  template: `
+    selector: 'app-arrow-back-icon',
+    imports: [],
+    template: `
   <svg
     width="16"
     height="16"
@@ -25,7 +24,7 @@ import { Component } from '@angular/core';
     </defs>
   </svg>
   `,
-  styles: `
+    styles: `
     :host {
       display: flex;
     }
diff --git a/starters/angular/basic/src/app/components/icons/arrow-box-icon.component.ts b/starters/angular/basic/src/app/components/icons/arrow-box-icon.component.ts
@@ -1,10 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-arrow-box',
-  standalone: true,
-  imports: [],
-  template: `
+    selector: 'app-arrow-box',
+    imports: [],
+    template: `
     <svg
       width="16"
       height="16"
@@ -24,7 +23,7 @@ import { Component } from '@angular/core';
         </clipPath>
       </defs>
     </svg>
-  `,
+  `
 })
 export class ArrowBoxIconComponent {
 
diff --git a/starters/angular/basic/src/app/components/icons/firebase-icon.component.ts b/starters/angular/basic/src/app/components/icons/firebase-icon.component.ts
@@ -1,10 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-firebase-icon',
-  standalone: true,
-  imports: [],
-  template: `
+    selector: 'app-firebase-icon',
+    imports: [],
+    template: `
     <svg
       width="115"
       height="32"
@@ -51,6 +50,6 @@ import { Component } from '@angular/core';
         fill="currentColor"
       />
     </svg>
-  `,
+  `
 })
 export class FirebaseIconComponent {}
diff --git a/starters/angular/basic/src/app/components/icons/github-icon.component.ts b/starters/angular/basic/src/app/components/icons/github-icon.component.ts
@@ -1,10 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-github-icon',
-  standalone: true,
-  imports: [],
-  template: `
+    selector: 'app-github-icon',
+    imports: [],
+    template: `
     <svg
       width="20"
       height="20"
diff --git a/starters/angular/basic/src/app/components/icons/twitter-icon.component.ts b/starters/angular/basic/src/app/components/icons/twitter-icon.component.ts
@@ -1,10 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-twitter-icon',
-  standalone: true,
-  imports: [],
-  template: `
+    selector: 'app-twitter-icon',
+    imports: [],
+    template: `
     <svg
       width="20"
       height="18"
diff --git a/starters/angular/basic/src/app/components/icons/youtube-icon.component.ts b/starters/angular/basic/src/app/components/icons/youtube-icon.component.ts
@@ -1,10 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-youtube-icon',
-  standalone: true,
-  imports: [],
-  template: `
+    selector: 'app-youtube-icon',
+    imports: [],
+    template: `
     <svg
       width="22"
       height="16"
diff --git a/starters/angular/basic/src/app/pages/deferrable-views/deferrable-views.component.ts b/starters/angular/basic/src/app/pages/deferrable-views/deferrable-views.component.ts
@@ -2,14 +2,13 @@ import { Component } from '@angular/core';
 import { CardComponent } from '../../components/card/card.component';
 
 @Component({
-  selector: 'app-deferrable-views',
-  standalone: true,
-  imports: [CardComponent],
-  templateUrl: './deferrable-views.component.html',
-  styleUrl: './deferrable-views.component.scss',
-  host: {
-    'class': 'content'
-  }
+    selector: 'app-deferrable-views',
+    imports: [CardComponent],
+    templateUrl: './deferrable-views.component.html',
+    styleUrl: './deferrable-views.component.scss',
+    host: {
+        'class': 'content'
+    }
 })
 export class DeferrableViewsComponent {
 
diff --git a/starters/angular/basic/src/app/pages/home/home.component.ts b/starters/angular/basic/src/app/pages/home/home.component.ts
@@ -9,14 +9,13 @@ import { YouTubeIconComponent } from '../../components/icons/youtube-icon.compon
 const icons = [ArrowBoxIconComponent, GithubIconComponent, TwitterIconComponent, YouTubeIconComponent];
 
 @Component({
-  selector: 'app-home',
-  standalone: true,
-  imports: [RouterLink, ExternalLinkDirective, ...icons],
-  templateUrl: './home.component.html',
-  styleUrl: './home.component.scss',
-  host: {
-    'class': 'content'
-  }
+    selector: 'app-home',
+    imports: [RouterLink, ExternalLinkDirective, ...icons],
+    templateUrl: './home.component.html',
+    styleUrl: './home.component.scss',
+    host: {
+        'class': 'content'
+    }
 })
 export class HomeComponent {
 
diff --git a/starters/angular/basic/src/app/pages/not-found/not-found.component.ts b/starters/angular/basic/src/app/pages/not-found/not-found.component.ts
@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-not-found',
-  standalone: true,
-  imports: [],
-  templateUrl: './not-found.component.html',
-  styleUrl: './not-found.component.scss'
+    selector: 'app-not-found',
+    imports: [],
+    templateUrl: './not-found.component.html',
+    styleUrl: './not-found.component.scss'
 })
 export class NotFoundComponent {
 
diff --git a/starters/angular/basic/src/app/pages/ssg/ssg.component.ts b/starters/angular/basic/src/app/pages/ssg/ssg.component.ts
@@ -2,13 +2,12 @@ import { Component } from '@angular/core';
 import { CardComponent } from '../../components/card/card.component';
 
 @Component({
-  selector: 'app-ssg',
-  standalone: true,
-  imports: [CardComponent],
-  templateUrl: './ssg.component.html',
-  styleUrl: './ssg.component.scss',
-  host: {
-    'class': 'content'
-  }
+    selector: 'app-ssg',
+    imports: [CardComponent],
+    templateUrl: './ssg.component.html',
+    styleUrl: './ssg.component.scss',
+    host: {
+        'class': 'content'
+    }
 })
 export class SsgComponent {}
diff --git a/starters/angular/basic/src/app/pages/ssr/ssr.component.ts b/starters/angular/basic/src/app/pages/ssr/ssr.component.ts
@@ -2,13 +2,12 @@ import { Component } from '@angular/core';
 import { CardComponent } from '../../components/card/card.component';
 
 @Component({
-  selector: 'app-ssr',
-  standalone: true,
-  imports: [CardComponent],
-  templateUrl: './ssr.component.html',
-  styleUrl: './ssr.component.scss',
-  host: {
-    'class': 'content'
-  }
+    selector: 'app-ssr',
+    imports: [CardComponent],
+    templateUrl: './ssr.component.html',
+    styleUrl: './ssr.component.scss',
+    host: {
+        'class': 'content'
+    }
 })
 export class SsrComponent {}
