From f3be3eedff94e23a7cc399d085a00e31804b29ed Mon Sep 17 00:00:00 2001 From: thomas Date: Fri, 6 Dec 2024 21:34:43 +0100 Subject: [PATCH] feat(nx): upgrade nx 20 and angular 19 --- .eslintrc.json | 7 +- apps/angular/1-projection/project.json | 6 +- .../1-projection/src/app/app.component.ts | 7 +- .../city-card/city-card.component.ts | 1 - .../student-card/student-card.component.ts | 1 - .../teacher-card/teacher-card.component.ts | 1 - .../src/app/ui/card/card.component.ts | 1 - apps/angular/1-projection/src/main.ts | 2 +- .../src/app/app.component.ts | 1 - .../src/app/page.component.ts | 1 - .../src/app/static-text.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/foo.component.ts | 1 - .../src/app/home.component.ts | 1 - .../22-router-input/src/app/app.component.ts | 1 - .../22-router-input/src/app/home.component.ts | 1 - .../22-router-input/src/app/test.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 + .../src/app/app.component.ts | 1 - .../src/app/main-navigation.component.ts | 2 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/phone.component.ts | 1 - .../src/app/timer-container.component.ts | 1 - .../src/app/video.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/list.component.ts | 1 - .../src/app/person.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/blog/blog.component.ts | 1 - .../app/blog/thumbnail-header.component.ts | 1 - .../src/app/blog/thumbnail.component.ts | 1 - .../src/app/post/post-header.component.ts | 1 - .../src/app/post/post.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 + .../src/app/placeholder.component.ts | 1 + .../src/app/top.component.ts | 1 + .../src/app/app.component.ts | 1 - .../src/app/dialog/dialog.component.ts | 1 - .../src/app/home/home.component.ts | 1 - .../sensitive-action.component.ts | 1 - .../simple-action/simple-action.component.ts | 1 - .../55-back-button-navigation/src/styles.scss | 3 +- .../src/app/app.component.ts | 1 - .../src/app/dashboard/admin.component.ts | 1 - .../src/app/information.component.ts | 1 - .../src/app/login.component.ts | 1 - .../8-pure-pipe/src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../feedback-form/feedback-form.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/pages/join.component.ts | 1 - .../src/app/ui/form.component.ts | 1 - .../src/app/ui/nav.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../7-power-of-effect/src/app/app.config.ts | 28 +- .../src/app/school/school.component.ts | 1 - .../src/app/student/student.component.ts | 1 - .../src/app/teacher/teacher.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/person-list.component.ts | 1 - .../src/app/random.component.ts | 1 - .../35-memoization/src/app/app.component.ts | 1 - .../src/app/person-list.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/person-list.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/person-list.component.ts | 1 - .../40-web-workers/src/app/app.component.ts | 1 - .../src/app/app.component.ts | 2 - .../src/app/topic-dialog.component.ts | 1 - apps/rxjs/14-race-condition/src/styles.scss | 3 +- .../38-catch-error/src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/detail/detail.component.ts | 1 - .../src/app/list/photos.component.ts | 1 - .../src/app/list/photos.store.ts | 4 +- .../43-signal-input/src/app/app.component.ts | 4 +- .../43-signal-input/src/app/user.component.ts | 1 - .../50-bug-in-effect/src/app/app.component.ts | 1 - .../src/app/action.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/address.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/job.component.ts | 1 - .../src/app/name.component.ts | 1 - .../src/app/note.component.ts | 1 - .../src/app/user-form.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/product-row.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/checkout.component.ts | 1 - .../src/app/dashboard.component.ts | 1 - .../src/app/order.component.ts | 1 - .../src/app/payment.component.ts | 1 - .../17-router/src/app/app.component.ts | 1 - .../17-router/src/app/search.component.ts | 1 - .../17-router/src/app/shelf.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/child.component.ts | 2 - .../19-input-output/src/app/app.component.ts | 1 - .../src/app/counter.component.ts | 1 - .../testing/20-modal/src/app/app.component.ts | 1 - apps/testing/20-modal/src/app/error.dialog.ts | 1 - .../src/app/profil-confirmation.dialog.ts | 1 - .../23-harness/src/app/app.component.ts | 1 - .../23-harness/src/app/child.component.ts | 1 - apps/testing/23-harness/src/styles.scss | 3 +- .../src/app/app.component.ts | 1 - .../src/app/slider.component.ts | 1 - .../24-harness-creation/src/styles.scss | 3 +- .../src/app/app.component.ts | 1 - .../src/app/detail/detail.component.ts | 1 - .../src/app/list/list.component.ts | 1 - .../src/app/list/ui/add.component.ts | 1 - .../src/app/list/ui/row.component.ts | 1 - .../src/app/app.component.ts | 1 - .../docs/challenges/nx/26-generator-comp.md | 3 +- jest.config.ts | 8 +- .../lib/create-user/create-user.component.ts | 1 + .../src/lib/dashboard/dashboard.component.ts | 1 + .../forbidden/src/lib/forbidden.component.ts | 1 + .../home/src/lib/home.component.ts | 1 + .../create-contact.component.ts | 1 + .../src/lib/dashboard/dashboard.component.ts | 1 + .../user/home/src/lib/home.component.ts | 1 + .../shell/src/lib/user-shell.component.ts | 1 + libs/shared/ui/src/lib/table.component.ts | 1 - .../users/src/lib/user.component.ts | 1 - .../users/src/lib/users.component.ts | 1 - migrations.json | 143 +- package-lock.json | 15067 ++++++++-------- package.json | 95 +- 143 files changed, 7652 insertions(+), 7864 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index 3bd2a22..de9b234 100644 --- a/.eslintrc.json +++ b/.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 - } ] } }, diff --git a/apps/angular/1-projection/project.json b/apps/angular/1-projection/project.json index da67b52..d40912c 100644 --- a/apps/angular/1-projection/project.json +++ b/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 diff --git a/apps/angular/1-projection/src/app/app.component.ts b/apps/angular/1-projection/src/app/app.component.ts index b1d076a..df654bb 100644 --- a/apps/angular/1-projection/src/app/app.component.ts +++ b/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: `
- - - + + +
`, - standalone: true, imports: [TeacherCardComponent, StudentCardComponent, CityCardComponent], }) export class AppComponent {} diff --git a/apps/angular/1-projection/src/app/component/city-card/city-card.component.ts b/apps/angular/1-projection/src/app/component/city-card/city-card.component.ts index 30c8f88..47b0896 100644 --- a/apps/angular/1-projection/src/app/component/city-card/city-card.component.ts +++ b/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 { diff --git a/apps/angular/1-projection/src/app/component/student-card/student-card.component.ts b/apps/angular/1-projection/src/app/component/student-card/student-card.component.ts index 441cda1..dae48a2 100644 --- a/apps/angular/1-projection/src/app/component/student-card/student-card.component.ts +++ b/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"> `, - standalone: true, styles: [ ` ::ng-deep .bg-light-green { diff --git a/apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts b/apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts index 995cb7c..815cde9 100644 --- a/apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts +++ b/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 { diff --git a/apps/angular/1-projection/src/app/ui/card/card.component.ts b/apps/angular/1-projection/src/app/ui/card/card.component.ts index f06c9ae..ca3c661 100644 --- a/apps/angular/1-projection/src/app/ui/card/card.component.ts +++ b/apps/angular/1-projection/src/app/ui/card/card.component.ts @@ -36,7 +36,6 @@ import { ListItemComponent } from '../list-item/list-item.component'; `, - standalone: true, imports: [NgIf, NgFor, ListItemComponent], }) export class CardComponent { diff --git a/apps/angular/1-projection/src/main.ts b/apps/angular/1-projection/src/main.ts index 9cd15da..31c5da4 100644 --- a/apps/angular/1-projection/src/main.ts +++ b/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)); diff --git a/apps/angular/10-utility-wrapper-pipe/src/app/app.component.ts b/apps/angular/10-utility-wrapper-pipe/src/app/app.component.ts index d91fc74..764d4b9 100644 --- a/apps/angular/10-utility-wrapper-pipe/src/app/app.component.ts +++ b/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: ` diff --git a/apps/angular/13-highly-customizable-css/src/app/page.component.ts b/apps/angular/13-highly-customizable-css/src/app/page.component.ts index 0674532..029ca52 100644 --- a/apps/angular/13-highly-customizable-css/src/app/page.component.ts +++ b/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: ` diff --git a/apps/angular/13-highly-customizable-css/src/app/static-text.component.ts b/apps/angular/13-highly-customizable-css/src/app/static-text.component.ts index cdfd1c1..70d57d9 100644 --- a/apps/angular/13-highly-customizable-css/src/app/static-text.component.ts +++ b/apps/angular/13-highly-customizable-css/src/app/static-text.component.ts @@ -6,7 +6,6 @@ export type StaticTextType = 'normal' | 'warning' | 'error'; @Component({ selector: 'static-text', - standalone: true, imports: [TextComponent], template: ` This is a static text diff --git a/apps/angular/16-master-dependency-injection/src/app/app.component.ts b/apps/angular/16-master-dependency-injection/src/app/app.component.ts index f808517..5bb91c2 100644 --- a/apps/angular/16-master-dependency-injection/src/app/app.component.ts +++ b/apps/angular/16-master-dependency-injection/src/app/app.component.ts @@ -23,7 +23,6 @@ export class ProductDirective { } @Component({ - standalone: true, imports: [TableComponent, CurrencyPipe, AsyncPipe, NgFor, ProductDirective], providers: [CurrencyService], selector: 'app-root', diff --git a/apps/angular/21-anchor-navigation/src/app/app.component.ts b/apps/angular/21-anchor-navigation/src/app/app.component.ts index 3fb7c5d..5caca02 100644 --- a/apps/angular/21-anchor-navigation/src/app/app.component.ts +++ b/apps/angular/21-anchor-navigation/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet], selector: 'app-root', template: ` diff --git a/apps/angular/21-anchor-navigation/src/app/foo.component.ts b/apps/angular/21-anchor-navigation/src/app/foo.component.ts index 87f9b59..6744c36 100644 --- a/apps/angular/21-anchor-navigation/src/app/foo.component.ts +++ b/apps/angular/21-anchor-navigation/src/app/foo.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { NavButtonComponent } from './nav-button.component'; @Component({ - standalone: true, imports: [NavButtonComponent], selector: 'app-foo', template: ` diff --git a/apps/angular/21-anchor-navigation/src/app/home.component.ts b/apps/angular/21-anchor-navigation/src/app/home.component.ts index 0f24ff6..6ef9bc2 100644 --- a/apps/angular/21-anchor-navigation/src/app/home.component.ts +++ b/apps/angular/21-anchor-navigation/src/app/home.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { NavButtonComponent } from './nav-button.component'; @Component({ - standalone: true, imports: [NavButtonComponent], selector: 'app-home', template: ` diff --git a/apps/angular/22-router-input/src/app/app.component.ts b/apps/angular/22-router-input/src/app/app.component.ts index 1ef7e32..9dfc112 100644 --- a/apps/angular/22-router-input/src/app/app.component.ts +++ b/apps/angular/22-router-input/src/app/app.component.ts @@ -3,7 +3,6 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { RouterLink, RouterModule } from '@angular/router'; @Component({ - standalone: true, imports: [RouterLink, RouterModule, ReactiveFormsModule], selector: 'app-root', template: ` diff --git a/apps/angular/22-router-input/src/app/home.component.ts b/apps/angular/22-router-input/src/app/home.component.ts index 2ef8c5e..0ddc150 100644 --- a/apps/angular/22-router-input/src/app/home.component.ts +++ b/apps/angular/22-router-input/src/app/home.component.ts @@ -1,7 +1,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-home', - standalone: true, imports: [], template: `
Home
diff --git a/apps/angular/22-router-input/src/app/test.component.ts b/apps/angular/22-router-input/src/app/test.component.ts index 88c1465..747ab44 100644 --- a/apps/angular/22-router-input/src/app/test.component.ts +++ b/apps/angular/22-router-input/src/app/test.component.ts @@ -5,7 +5,6 @@ import { map } from 'rxjs'; @Component({ selector: 'app-subscription', - standalone: true, imports: [AsyncPipe], template: `
TestId: {{ testId$ | async }}
diff --git a/apps/angular/3-directive-enhancement/src/app/app.component.ts b/apps/angular/3-directive-enhancement/src/app/app.component.ts index cd1d5f2..8d37369 100644 --- a/apps/angular/3-directive-enhancement/src/app/app.component.ts +++ b/apps/angular/3-directive-enhancement/src/app/app.component.ts @@ -6,7 +6,6 @@ interface Person { } @Component({ - standalone: true, imports: [NgFor, NgIf], selector: 'app-root', template: ` diff --git a/apps/angular/31-module-to-standalone/src/app/app.component.ts b/apps/angular/31-module-to-standalone/src/app/app.component.ts index 95eeab5..986df84 100644 --- a/apps/angular/31-module-to-standalone/src/app/app.component.ts +++ b/apps/angular/31-module-to-standalone/src/app/app.component.ts @@ -25,5 +25,6 @@ import { Component } from '@angular/core'; host: { class: 'flex flex-col p-4 gap-3', }, + standalone: false, }) export class AppComponent {} diff --git a/apps/angular/32-change-detection-bug/src/app/app.component.ts b/apps/angular/32-change-detection-bug/src/app/app.component.ts index 046492f..217999c 100644 --- a/apps/angular/32-change-detection-bug/src/app/app.component.ts +++ b/apps/angular/32-change-detection-bug/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet], selector: 'app-root', template: ` diff --git a/apps/angular/32-change-detection-bug/src/app/main-navigation.component.ts b/apps/angular/32-change-detection-bug/src/app/main-navigation.component.ts index c8a6f6d..3d5ce20 100644 --- a/apps/angular/32-change-detection-bug/src/app/main-navigation.component.ts +++ b/apps/angular/32-change-detection-bug/src/app/main-navigation.component.ts @@ -10,7 +10,6 @@ interface MenuItem { @Component({ selector: 'app-nav', - standalone: true, imports: [RouterLink, RouterLinkActive, NgFor], template: ` @@ -38,7 +37,6 @@ export class NavigationComponent { } @Component({ - standalone: true, imports: [NavigationComponent, NgIf, AsyncPipe], template: ` diff --git a/apps/angular/33-decoupling-components/src/app/app.component.ts b/apps/angular/33-decoupling-components/src/app/app.component.ts index 34082c3..0d78f4d 100644 --- a/apps/angular/33-decoupling-components/src/app/app.component.ts +++ b/apps/angular/33-decoupling-components/src/app/app.component.ts @@ -3,7 +3,6 @@ import { BtnHelmetDirective } from '@angular-challenges/decoupling/helmet'; import { Component } from '@angular/core'; @Component({ - standalone: true, imports: [BtnDisabledDirective, BtnHelmetDirective], selector: 'app-root', template: ` diff --git a/apps/angular/39-injection-token/src/app/app.component.ts b/apps/angular/39-injection-token/src/app/app.component.ts index 5ac8087..280dc09 100644 --- a/apps/angular/39-injection-token/src/app/app.component.ts +++ b/apps/angular/39-injection-token/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterLink, RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet, RouterLink], selector: 'app-root', template: ` diff --git a/apps/angular/39-injection-token/src/app/phone.component.ts b/apps/angular/39-injection-token/src/app/phone.component.ts index a58b3cd..41ee3cf 100644 --- a/apps/angular/39-injection-token/src/app/phone.component.ts +++ b/apps/angular/39-injection-token/src/app/phone.component.ts @@ -3,7 +3,6 @@ import { TimerContainerComponent } from './timer-container.component'; @Component({ selector: 'app-phone', - standalone: true, imports: [TimerContainerComponent], template: `
diff --git a/apps/angular/39-injection-token/src/app/timer-container.component.ts b/apps/angular/39-injection-token/src/app/timer-container.component.ts index 30af693..67db605 100644 --- a/apps/angular/39-injection-token/src/app/timer-container.component.ts +++ b/apps/angular/39-injection-token/src/app/timer-container.component.ts @@ -3,7 +3,6 @@ import { DEFAULT_TIMER } from './data'; import { TimerComponent } from './timer.component'; @Component({ selector: 'timer-container', - standalone: true, imports: [TimerComponent], template: `
diff --git a/apps/angular/39-injection-token/src/app/video.component.ts b/apps/angular/39-injection-token/src/app/video.component.ts index 2c21807..ba0a218 100644 --- a/apps/angular/39-injection-token/src/app/video.component.ts +++ b/apps/angular/39-injection-token/src/app/video.component.ts @@ -3,7 +3,6 @@ import { TimerContainerComponent } from './timer-container.component'; @Component({ selector: 'app-video', - standalone: true, imports: [TimerContainerComponent], template: `
diff --git a/apps/angular/4-typed-context-outlet/src/app/app.component.ts b/apps/angular/4-typed-context-outlet/src/app/app.component.ts index 2683ba9..23be9da 100644 --- a/apps/angular/4-typed-context-outlet/src/app/app.component.ts +++ b/apps/angular/4-typed-context-outlet/src/app/app.component.ts @@ -4,7 +4,6 @@ import { ListComponent } from './list.component'; import { PersonComponent } from './person.component'; @Component({ - standalone: true, imports: [NgTemplateOutlet, PersonComponent, ListComponent], selector: 'app-root', template: ` diff --git a/apps/angular/4-typed-context-outlet/src/app/list.component.ts b/apps/angular/4-typed-context-outlet/src/app/list.component.ts index 5212a42..b9946e4 100644 --- a/apps/angular/4-typed-context-outlet/src/app/list.component.ts +++ b/apps/angular/4-typed-context-outlet/src/app/list.component.ts @@ -9,7 +9,6 @@ import { @Component({ selector: 'list', - standalone: true, imports: [CommonModule], template: `
diff --git a/apps/angular/4-typed-context-outlet/src/app/person.component.ts b/apps/angular/4-typed-context-outlet/src/app/person.component.ts index 1550cf2..59eb00a 100644 --- a/apps/angular/4-typed-context-outlet/src/app/person.component.ts +++ b/apps/angular/4-typed-context-outlet/src/app/person.component.ts @@ -7,7 +7,6 @@ interface Person { } @Component({ - standalone: true, imports: [NgTemplateOutlet], selector: 'person', template: ` diff --git a/apps/angular/44-view-transition/src/app/app.component.ts b/apps/angular/44-view-transition/src/app/app.component.ts index da56c04..1fcb0c5 100644 --- a/apps/angular/44-view-transition/src/app/app.component.ts +++ b/apps/angular/44-view-transition/src/app/app.component.ts @@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet], selector: 'app-root', template: ` diff --git a/apps/angular/44-view-transition/src/app/blog/blog.component.ts b/apps/angular/44-view-transition/src/app/blog/blog.component.ts index 68ffcde..29291d2 100644 --- a/apps/angular/44-view-transition/src/app/blog/blog.component.ts +++ b/apps/angular/44-view-transition/src/app/blog/blog.component.ts @@ -4,7 +4,6 @@ import { ThumbnailComponent } from './thumbnail.component'; @Component({ selector: 'blog', - standalone: true, imports: [ThumbnailComponent], template: `
diff --git a/apps/angular/44-view-transition/src/app/blog/thumbnail.component.ts b/apps/angular/44-view-transition/src/app/blog/thumbnail.component.ts index 6263e97..dd2e25e 100644 --- a/apps/angular/44-view-transition/src/app/blog/thumbnail.component.ts +++ b/apps/angular/44-view-transition/src/app/blog/thumbnail.component.ts @@ -6,7 +6,6 @@ import { ThumbnailHeaderComponent } from './thumbnail-header.component'; @Component({ selector: 'blog-thumbnail', - standalone: true, imports: [NgOptimizedImage, ThumbnailHeaderComponent, RouterLinkWithHref], template: ` diff --git a/apps/angular/44-view-transition/src/app/post/post-header.component.ts b/apps/angular/44-view-transition/src/app/post/post-header.component.ts index 8b62a6c..6d5f30e 100644 --- a/apps/angular/44-view-transition/src/app/post/post-header.component.ts +++ b/apps/angular/44-view-transition/src/app/post/post-header.component.ts @@ -3,7 +3,6 @@ import { Component, input } from '@angular/core'; @Component({ selector: 'post-header', - standalone: true, imports: [NgOptimizedImage], template: `
diff --git a/apps/angular/44-view-transition/src/app/post/post.component.ts b/apps/angular/44-view-transition/src/app/post/post.component.ts index 1e1c6fd..edb87f7 100644 --- a/apps/angular/44-view-transition/src/app/post/post.component.ts +++ b/apps/angular/44-view-transition/src/app/post/post.component.ts @@ -12,7 +12,6 @@ import { PostHeaderComponent } from './post-header.component'; @Component({ selector: 'post', - standalone: true, imports: [ ThumbnailHeaderComponent, NgOptimizedImage, diff --git a/apps/angular/45-react-in-angular/src/app/app.component.ts b/apps/angular/45-react-in-angular/src/app/app.component.ts index a914cc6..87b9675 100644 --- a/apps/angular/45-react-in-angular/src/app/app.component.ts +++ b/apps/angular/45-react-in-angular/src/app/app.component.ts @@ -4,7 +4,6 @@ import { PostComponent } from './react/post.component'; type Post = { title: string; description: string }; @Component({ - standalone: true, imports: [PostComponent], selector: 'app-root', template: ` diff --git a/apps/angular/46-simple-animations/src/app/app.component.ts b/apps/angular/46-simple-animations/src/app/app.component.ts index 9f537b3..ae63db4 100644 --- a/apps/angular/46-simple-animations/src/app/app.component.ts +++ b/apps/angular/46-simple-animations/src/app/app.component.ts @@ -1,7 +1,6 @@ import { Component } from '@angular/core'; @Component({ - standalone: true, imports: [], selector: 'app-root', styles: ` diff --git a/apps/angular/5-crud-application/src/app/app.component.ts b/apps/angular/5-crud-application/src/app/app.component.ts index 8c3d1b8..9152ff5 100644 --- a/apps/angular/5-crud-application/src/app/app.component.ts +++ b/apps/angular/5-crud-application/src/app/app.component.ts @@ -4,7 +4,6 @@ import { Component, OnInit } from '@angular/core'; import { randText } from '@ngneat/falso'; @Component({ - standalone: true, imports: [CommonModule], selector: 'app-root', template: ` diff --git a/apps/angular/52-lazy-load-component/src/app/app.component.ts b/apps/angular/52-lazy-load-component/src/app/app.component.ts index ccad632..6d8c03d 100644 --- a/apps/angular/52-lazy-load-component/src/app/app.component.ts +++ b/apps/angular/52-lazy-load-component/src/app/app.component.ts @@ -16,6 +16,7 @@ import { Component, signal } from '@angular/core'; }
`, + standalone: false, }) export class AppComponent { topLoaded = signal(false); diff --git a/apps/angular/52-lazy-load-component/src/app/placeholder.component.ts b/apps/angular/52-lazy-load-component/src/app/placeholder.component.ts index 051e394..cbb2b5f 100644 --- a/apps/angular/52-lazy-load-component/src/app/placeholder.component.ts +++ b/apps/angular/52-lazy-load-component/src/app/placeholder.component.ts @@ -13,5 +13,6 @@ import { Component } from '@angular/core'; height: 50%; } `, + standalone: false, }) export class PlaceholderComponent {} diff --git a/apps/angular/52-lazy-load-component/src/app/top.component.ts b/apps/angular/52-lazy-load-component/src/app/top.component.ts index d9104be..e1ca901 100644 --- a/apps/angular/52-lazy-load-component/src/app/top.component.ts +++ b/apps/angular/52-lazy-load-component/src/app/top.component.ts @@ -13,5 +13,6 @@ import { Component } from '@angular/core'; height: 50%; } `, + standalone: false, }) export class TopComponent {} diff --git a/apps/angular/55-back-button-navigation/src/app/app.component.ts b/apps/angular/55-back-button-navigation/src/app/app.component.ts index 22c15ea..baffdae 100644 --- a/apps/angular/55-back-button-navigation/src/app/app.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterLink, RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet, RouterLink], selector: 'app-root', templateUrl: './app.component.html', diff --git a/apps/angular/55-back-button-navigation/src/app/dialog/dialog.component.ts b/apps/angular/55-back-button-navigation/src/app/dialog/dialog.component.ts index e114296..9a9dd0f 100644 --- a/apps/angular/55-back-button-navigation/src/app/dialog/dialog.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/dialog/dialog.component.ts @@ -11,7 +11,6 @@ import { @Component({ selector: 'app-dialog-dialog', templateUrl: './dialog.component.html', - standalone: true, imports: [ MatButtonModule, MatDialogActions, diff --git a/apps/angular/55-back-button-navigation/src/app/home/home.component.ts b/apps/angular/55-back-button-navigation/src/app/home/home.component.ts index 0e68bbd..18c4147 100644 --- a/apps/angular/55-back-button-navigation/src/app/home/home.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/home/home.component.ts @@ -3,7 +3,6 @@ import { MatButtonModule } from '@angular/material/button'; import { RouterLink } from '@angular/router'; @Component({ - standalone: true, imports: [MatButtonModule, RouterLink], selector: 'app-home', templateUrl: './home.component.html', diff --git a/apps/angular/55-back-button-navigation/src/app/sensitive-action/sensitive-action.component.ts b/apps/angular/55-back-button-navigation/src/app/sensitive-action/sensitive-action.component.ts index a44a1ea..a97282c 100644 --- a/apps/angular/55-back-button-navigation/src/app/sensitive-action/sensitive-action.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/sensitive-action/sensitive-action.component.ts @@ -4,7 +4,6 @@ import { MatDialog } from '@angular/material/dialog'; import { DialogComponent } from '../dialog/dialog.component'; @Component({ - standalone: true, imports: [MatButtonModule], selector: 'app-sensitive-action', templateUrl: './sensitive-action.component.html', diff --git a/apps/angular/55-back-button-navigation/src/app/simple-action/simple-action.component.ts b/apps/angular/55-back-button-navigation/src/app/simple-action/simple-action.component.ts index 458e0b1..fe97e73 100644 --- a/apps/angular/55-back-button-navigation/src/app/simple-action/simple-action.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/simple-action/simple-action.component.ts @@ -4,7 +4,6 @@ import { MatDialog } from '@angular/material/dialog'; import { DialogComponent } from '../dialog/dialog.component'; @Component({ - standalone: true, imports: [MatButtonModule], selector: 'app-simple-action', templateUrl: './simple-action.component.html', diff --git a/apps/angular/55-back-button-navigation/src/styles.scss b/apps/angular/55-back-button-navigation/src/styles.scss index b204289..acd2900 100644 --- a/apps/angular/55-back-button-navigation/src/styles.scss +++ b/apps/angular/55-back-button-navigation/src/styles.scss @@ -6,7 +6,8 @@ @tailwind components; @tailwind utilities; -@include mat.core(); +@include mat.elevation-classes(); +@include mat.app-background(); $theme-primary: mat.m2-define-palette(mat.$m2-indigo-palette); $theme-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400); diff --git a/apps/angular/6-structural-directive/src/app/app.component.ts b/apps/angular/6-structural-directive/src/app/app.component.ts index d89a2f5..a3d63b3 100644 --- a/apps/angular/6-structural-directive/src/app/app.component.ts +++ b/apps/angular/6-structural-directive/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet], selector: 'app-root', template: ` diff --git a/apps/angular/6-structural-directive/src/app/dashboard/admin.component.ts b/apps/angular/6-structural-directive/src/app/dashboard/admin.component.ts index 72e4b3b..26bb232 100644 --- a/apps/angular/6-structural-directive/src/app/dashboard/admin.component.ts +++ b/apps/angular/6-structural-directive/src/app/dashboard/admin.component.ts @@ -4,7 +4,6 @@ import { ButtonComponent } from '../button.component'; @Component({ selector: 'app-dashboard', - standalone: true, imports: [RouterLink, ButtonComponent], template: `

dashboard for Admin works!

diff --git a/apps/angular/6-structural-directive/src/app/information.component.ts b/apps/angular/6-structural-directive/src/app/information.component.ts index e4adeb1..81b3395 100644 --- a/apps/angular/6-structural-directive/src/app/information.component.ts +++ b/apps/angular/6-structural-directive/src/app/information.component.ts @@ -4,7 +4,6 @@ import { UserStore } from './user.store'; @Component({ selector: 'app-information', - standalone: true, imports: [CommonModule], template: `

Information Panel

diff --git a/apps/angular/6-structural-directive/src/app/login.component.ts b/apps/angular/6-structural-directive/src/app/login.component.ts index cd36d96..b8644ed 100644 --- a/apps/angular/6-structural-directive/src/app/login.component.ts +++ b/apps/angular/6-structural-directive/src/app/login.component.ts @@ -14,7 +14,6 @@ import { import { UserStore } from './user.store'; @Component({ - standalone: true, imports: [InformationComponent, RouterLink, ButtonComponent], selector: 'app-login', template: ` diff --git a/apps/angular/8-pure-pipe/src/app/app.component.ts b/apps/angular/8-pure-pipe/src/app/app.component.ts index 3c19fa1..41dd38e 100644 --- a/apps/angular/8-pure-pipe/src/app/app.component.ts +++ b/apps/angular/8-pure-pipe/src/app/app.component.ts @@ -2,7 +2,6 @@ import { NgFor } from '@angular/common'; import { Component } from '@angular/core'; @Component({ - standalone: true, imports: [NgFor], selector: 'app-root', template: ` diff --git a/apps/angular/9-wrap-function-pipe/src/app/app.component.ts b/apps/angular/9-wrap-function-pipe/src/app/app.component.ts index d9c163c..dd576ae 100644 --- a/apps/angular/9-wrap-function-pipe/src/app/app.component.ts +++ b/apps/angular/9-wrap-function-pipe/src/app/app.component.ts @@ -2,7 +2,6 @@ import { NgFor } from '@angular/common'; import { Component } from '@angular/core'; @Component({ - standalone: true, imports: [NgFor], selector: 'app-root', template: ` diff --git a/apps/forms/41-control-value-accessor/src/app/app.component.ts b/apps/forms/41-control-value-accessor/src/app/app.component.ts index f56b5d7..69134b8 100644 --- a/apps/forms/41-control-value-accessor/src/app/app.component.ts +++ b/apps/forms/41-control-value-accessor/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { FeedbackFormComponent } from './feedback-form/feedback-form.component'; @Component({ - standalone: true, imports: [FeedbackFormComponent], selector: 'app-root', template: ` diff --git a/apps/forms/41-control-value-accessor/src/app/feedback-form/feedback-form.component.ts b/apps/forms/41-control-value-accessor/src/app/feedback-form/feedback-form.component.ts index d99700d..4110d6c 100644 --- a/apps/forms/41-control-value-accessor/src/app/feedback-form/feedback-form.component.ts +++ b/apps/forms/41-control-value-accessor/src/app/feedback-form/feedback-form.component.ts @@ -8,7 +8,6 @@ import { import { RatingControlComponent } from '../rating-control/rating-control.component'; @Component({ - standalone: true, imports: [RatingControlComponent, ReactiveFormsModule], selector: 'app-feedback-form', templateUrl: 'feedback-form.component.html', diff --git a/apps/forms/48-avoid-losing-form-data/src/app/app.component.ts b/apps/forms/48-avoid-losing-form-data/src/app/app.component.ts index 6ac465e..2b5adc4 100644 --- a/apps/forms/48-avoid-losing-form-data/src/app/app.component.ts +++ b/apps/forms/48-avoid-losing-form-data/src/app/app.component.ts @@ -3,7 +3,6 @@ import { RouterOutlet } from '@angular/router'; import { NavComponent } from './ui/nav.component'; @Component({ - standalone: true, imports: [RouterOutlet, NavComponent], selector: 'app-root', template: ` diff --git a/apps/forms/48-avoid-losing-form-data/src/app/pages/join.component.ts b/apps/forms/48-avoid-losing-form-data/src/app/pages/join.component.ts index 6f5fea9..51449a7 100644 --- a/apps/forms/48-avoid-losing-form-data/src/app/pages/join.component.ts +++ b/apps/forms/48-avoid-losing-form-data/src/app/pages/join.component.ts @@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormComponent } from '../ui/form.component'; @Component({ - standalone: true, imports: [FormComponent], template: `
diff --git a/apps/forms/48-avoid-losing-form-data/src/app/ui/form.component.ts b/apps/forms/48-avoid-losing-form-data/src/app/ui/form.component.ts index 2b28c54..f3190d5 100644 --- a/apps/forms/48-avoid-losing-form-data/src/app/ui/form.component.ts +++ b/apps/forms/48-avoid-losing-form-data/src/app/ui/form.component.ts @@ -3,7 +3,6 @@ import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms'; @Component({ selector: 'app-form', - standalone: true, imports: [ReactiveFormsModule], template: `
diff --git a/apps/forms/48-avoid-losing-form-data/src/app/ui/nav.component.ts b/apps/forms/48-avoid-losing-form-data/src/app/ui/nav.component.ts index 491aeca..2692972 100644 --- a/apps/forms/48-avoid-losing-form-data/src/app/ui/nav.component.ts +++ b/apps/forms/48-avoid-losing-form-data/src/app/ui/nav.component.ts @@ -3,7 +3,6 @@ import { RouterLink, RouterLinkActive } from '@angular/router'; @Component({ selector: 'app-nav', - standalone: true, imports: [RouterLink, RouterLinkActive], template: `