Conversation
There was a problem hiding this comment.
Pull request overview
This PR updates the web workspace dependencies (notably Angular/Taiga UI) and performs the necessary Angular migrations to the modern standalone bootstrap/configuration style across the UI and setup-wizard apps.
Changes:
- Upgrade Angular packages and Taiga UI versions in
web/package.json. - Migrate apps from
NgModule-based bootstrapping tobootstrapApplication+ApplicationConfig(app.config.ts) and route-only configs. - Remove/adjust various standalone component
importsand minor template/style tweaks related to the migration.
Reviewed changes
Copilot reviewed 28 out of 29 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| web/tsconfig.json | Removes explicit lib configuration (defaults now apply). |
| web/projects/ui/src/main.ts | Switches UI app bootstrap to bootstrapApplication(AppComponent, APP_CONFIG). |
| web/projects/ui/src/app/routes/portal/routes/system/routes/gateways/gateways.component.ts | Removes CommonModule from component imports. |
| web/projects/ui/src/app/routes/portal/routes/system/routes/dns/dns.component.ts | Removes CommonModule from component imports. |
| web/projects/ui/src/app/routes/portal/routes/sideload/package.component.ts | Removes CommonModule from component imports. |
| web/projects/ui/src/app/routes/portal/routes/marketplace/components/tile.component.ts | Removes CommonModule from component imports. |
| web/projects/ui/src/app/routes/portal/routes/marketplace/components/controls.component.ts | Formatting change for alert call. |
| web/projects/ui/src/app/routes/portal/components/header/header.component.ts | Adds clip-path and tweaks filter styling. |
| web/projects/ui/src/app/routes/login/login.page.ts | Converts login page to standalone-style imports + default export; removes module usage. |
| web/projects/ui/src/app/routes/login/login.module.ts | Removes the login page NgModule. |
| web/projects/ui/src/app/routes/initializing/initializing.page.ts | Inline template formatting tweak. |
| web/projects/ui/src/app/routes/diagnostic/home/home.page.ts | Converts diagnostic home to standalone-style imports + default export. |
| web/projects/ui/src/app/routes/diagnostic/home/home.module.ts | Removes diagnostic home NgModule. |
| web/projects/ui/src/app/routes/diagnostic/diagnostic.routes.ts | Introduces standalone route definitions for diagnostic area. |
| web/projects/ui/src/app/routes/diagnostic/diagnostic.module.ts | Removes diagnostic routing NgModule. |
| web/projects/ui/src/app/app.routes.ts | Refactors to export ROUTES and updates diagnostic/login loading strategy. |
| web/projects/ui/src/app/app.providers.ts | Removes old providers array file (replaced by app.config.ts). |
| web/projects/ui/src/app/app.module.ts | Removes old root NgModule (replaced by standalone bootstrap). |
| web/projects/ui/src/app/app.config.ts | Adds new ApplicationConfig providers setup (router, http, SW, app init, etc.). |
| web/projects/ui/src/app/app.component.ts | Updates root component to declare standalone imports. |
| web/projects/setup-wizard/src/main.ts | Switches setup-wizard bootstrap to bootstrapApplication(AppComponent, APP_CONFIG). |
| web/projects/setup-wizard/src/app/components/unlock-password.dialog.ts | Removes explicit standalone: true. |
| web/projects/setup-wizard/src/app/components/select-network-backup.dialog.ts | Removes explicit standalone: true. |
| web/projects/setup-wizard/src/app/components/remove-media.dialog.ts | Removes explicit standalone: true. |
| web/projects/setup-wizard/src/app/components/preserve-overwrite.dialog.ts | Removes explicit standalone: true. |
| web/projects/setup-wizard/src/app/app.config.ts | Migrates setup-wizard to ApplicationConfig-based configuration. |
| web/projects/setup-wizard/src/app/app.component.ts | Adds standalone imports + implements OnInit. |
| web/package.json | Updates Angular/Taiga UI and related dependency versions. |
Comments suppressed due to low confidence (1)
web/projects/ui/src/app/app.routes.ts:2
NgModule,RouterModule, andPreloadAllModulesare imported here but no longer used after switching toprovideRouter+APP_CONFIG. Please remove these unused imports to avoid eslint/TS unused-import failures and keep the routes file focused on route definitions.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| @Component({ | ||
| selector: 'diagnostic-home', | ||
| templateUrl: 'home.component.html', | ||
| styleUrls: ['home.page.scss'], | ||
| standalone: false, | ||
| imports: [CommonModule, TuiButton, i18nPipe], | ||
| }) |
There was a problem hiding this comment.
home.component.html uses the routerLink directive (e.g. the “View logs” link), but HomePage's imports array does not include RouterLink. This will cause an unknown-property/template compilation error. Import RouterLink from @angular/router and add it to the component imports.
No description provided.