feat(nx): upgrade nx 20 and angular 19

Author: tomalaforge

.eslintrc.json

@@ -6,6 +6,7 @@
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
+        "@angular-eslint/no-host-metadata-property": "off",
         "@nx/enforce-module-boundaries": [
           "error",
           {
@@ -18,12 +19,6 @@
               }
             ]
           }
-        ],
-        "@angular-eslint/no-host-metadata-property": [
-          "error",
-          {
-            "allowStatic": true
-          }
         ]
       }
     },

apps/angular/1-projection/project.json

@@ -7,12 +7,12 @@
   "tags": [],
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:application",
+      "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/apps/angular/1-projection",
         "index": "apps/angular/1-projection/src/index.html",
-        "browser": "apps/angular/1-projection/src/main.ts",
+        "main": "apps/angular/1-projection/src/main.ts",
         "polyfills": ["apps/angular/1-projection/src/polyfills.ts"],
         "tsConfig": "apps/angular/1-projection/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
@@ -41,7 +41,9 @@
           "outputHashing": "all"
         },
         "development": {
+          "buildOptimizer": false,
           "optimization": false,
+          "vendorChunk": true,
           "extractLicenses": false,
           "sourceMap": true,
           "namedChunks": true

apps/angular/1-projection/src/app/app.component.ts

@@ -7,12 +7,11 @@ import { TeacherCardComponent } from './component/teacher-card/teacher-card.comp
   selector: 'app-root',
   template: `
     <div class="grid grid-cols-3 gap-3">
-      <app-teacher-card></app-teacher-card>
-      <app-student-card></app-student-card>
-      <app-city-card></app-city-card>
+      <app-teacher-card />
+      <app-student-card />
+      <app-city-card />
     </div>
   `,
-  standalone: true,
   imports: [TeacherCardComponent, StudentCardComponent, CityCardComponent],
 })
 export class AppComponent {}

apps/angular/1-projection/src/app/component/city-card/city-card.component.ts

@@ -3,7 +3,6 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-city-card',
   template: 'TODO City',
-  standalone: true,
   imports: [],
 })
 export class CityCardComponent implements OnInit {

apps/angular/1-projection/src/app/component/student-card/student-card.component.ts

@@ -13,7 +13,6 @@ import { CardComponent } from '../../ui/card/card.component';
       [type]="cardType"
       customClass="bg-light-green"></app-card>
   `,
-  standalone: true,
   styles: [
     `
       ::ng-deep .bg-light-green {

apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts

@@ -20,7 +20,6 @@ import { CardComponent } from '../../ui/card/card.component';
       }
     `,
   ],
-  standalone: true,
   imports: [CardComponent],
 })
 export class TeacherCardComponent implements OnInit {

apps/angular/1-projection/src/app/ui/card/card.component.ts

@@ -36,7 +36,6 @@ import { ListItemComponent } from '../list-item/list-item.component';
       </button>
     </div>
   `,
-  standalone: true,
   imports: [NgIf, NgFor, ListItemComponent],
 })
 export class CardComponent {

apps/angular/1-projection/src/main.ts

@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
 
-bootstrapApplication(AppComponent);
+bootstrapApplication(AppComponent).catch((err) => console.error(err));

apps/angular/10-utility-wrapper-pipe/src/app/app.component.ts

@@ -3,7 +3,6 @@ import { Component } from '@angular/core';
 import { PersonUtils } from './person.utils';
 
 @Component({
-  standalone: true,
   imports: [NgFor],
   selector: 'app-root',
   template: `

apps/angular/13-highly-customizable-css/src/app/page.component.ts

@@ -5,7 +5,6 @@ import { TextComponent } from './text.component';
 
 @Component({
   selector: 'page',
-  standalone: true,
   imports: [TextStaticComponent, TextComponent],
   template: `
     <static-text></static-text>