chore: update packages (#3132)

* chore: update packages

* start tunnel messaging

* chore: standalone

* pbpaste instead

---------

Co-authored-by: Matt Hill <mattnine@protonmail.com>

web/projects/setup-wizard/src/app/app.component.ts

@@ -1,15 +1,17 @@
-import { Component, inject, DOCUMENT } from '@angular/core'
-import { Router } from '@angular/router'
+import { Component, DOCUMENT, inject, OnInit } from '@angular/core'
+import { Router, RouterOutlet } from '@angular/router'
 import { ErrorService } from '@start9labs/shared'
+import { TuiRoot } from '@taiga-ui/core'
+
 import { ApiService } from './services/api.service'
 import { StateService } from './services/state.service'
 
 @Component({
   selector: 'app-root',
   template: '<tui-root tuiTheme="dark"><router-outlet /></tui-root>',
-  standalone: false,
+  imports: [TuiRoot, RouterOutlet],
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
   private readonly api = inject(ApiService)
   private readonly errorService = inject(ErrorService)
   private readonly router = inject(Router)

web/projects/setup-wizard/src/app/app.config.ts

@@ -3,9 +3,20 @@ import {
   withFetch,
   withInterceptorsFromDi,
 } from '@angular/common/http'
-import { inject, NgModule, provideAppInitializer } from '@angular/core'
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
-import { PreloadAllModules, RouterModule } from '@angular/router'
+import {
+  ApplicationConfig,
+  inject,
+  provideAppInitializer,
+  provideZoneChangeDetection,
+  signal,
+} from '@angular/core'
+import { provideAnimations } from '@angular/platform-browser/animations'
+import {
+  PreloadAllModules,
+  provideRouter,
+  withDisabledInitialNavigation,
+  withPreloading,
+} from '@angular/router'
 import { WA_LOCATION } from '@ng-web-apis/common'
 import initArgon from '@start9labs/argon2'
 import {
@@ -15,13 +26,16 @@ import {
   VERSION,
   WorkspaceConfig,
 } from '@start9labs/shared'
-import { tuiButtonOptionsProvider, TuiRoot } from '@taiga-ui/core'
-import { NG_EVENT_PLUGINS } from '@taiga-ui/event-plugins'
+import {
+  tuiButtonOptionsProvider,
+  tuiTextfieldOptionsProvider,
+} from '@taiga-ui/core'
+import { provideEventPlugins } from '@taiga-ui/event-plugins'
+
+import { ROUTES } from './app.routes'
 import { ApiService } from './services/api.service'
 import { LiveApiService } from './services/live-api.service'
 import { MockApiService } from './services/mock-api.service'
-import { AppComponent } from './app.component'
-import { ROUTES } from './app.routes'
 
 const {
   useMocks,
@@ -30,18 +44,16 @@ const {
 
 const version = require('../../../../package.json').version
 
-@NgModule({
-  declarations: [AppComponent],
-  imports: [
-    BrowserAnimationsModule,
-    RouterModule.forRoot(ROUTES, {
-      preloadingStrategy: PreloadAllModules,
-      initialNavigation: 'disabled',
-    }),
-    TuiRoot,
-  ],
+export const APP_CONFIG: ApplicationConfig = {
   providers: [
-    NG_EVENT_PLUGINS,
+    provideZoneChangeDetection(),
+    provideAnimations(),
+    provideEventPlugins(),
+    provideRouter(
+      ROUTES,
+      withDisabledInitialNavigation(),
+      withPreloading(PreloadAllModules),
+    ),
     I18N_PROVIDERS,
     provideSetupLogsService(ApiService),
     tuiButtonOptionsProvider({ size: 'm' }),
@@ -64,7 +76,6 @@ const version = require('../../../../package.json').version
 
       initArgon({ module_or_path })
     }),
+    tuiTextfieldOptionsProvider({ cleaner: signal(false) }),
   ],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
+}

web/projects/setup-wizard/src/app/components/preserve-overwrite.dialog.ts

@@ -5,7 +5,6 @@ import { TuiDialogContext } from '@taiga-ui/core'
 import { injectContext } from '@taiga-ui/polymorpheus'
 
 @Component({
-  standalone: true,
   imports: [TuiButton, i18nPipe],
   template: `
     <p>{{ 'This drive contains existing StartOS data.' | i18n }}</p>

web/projects/setup-wizard/src/app/components/remove-media.dialog.ts

@@ -4,7 +4,6 @@ import { TuiButton, TuiDialogContext } from '@taiga-ui/core'
 import { injectContext } from '@taiga-ui/polymorpheus'
 
 @Component({
-  standalone: true,
   imports: [TuiButton, i18nPipe],
   template: `
     <div class="animation-container">

web/projects/setup-wizard/src/app/components/select-network-backup.dialog.ts

@@ -11,7 +11,6 @@ interface Data {
 }
 
 @Component({
-  standalone: true,
   imports: [FormsModule, TuiTextfield, TuiSelect, TuiDataListWrapper, i18nPipe],
   template: `
     <p>{{ 'Multiple backups found. Select which one to restore.' | i18n }}</p>

web/projects/setup-wizard/src/app/components/unlock-password.dialog.ts

@@ -11,7 +11,6 @@ import { TuiPassword } from '@taiga-ui/kit'
 import { injectContext } from '@taiga-ui/polymorpheus'
 
 @Component({
-  standalone: true,
   imports: [
     FormsModule,
     TuiButton,

web/projects/setup-wizard/src/main.ts

@@ -1,13 +1,11 @@
 import { enableProdMode } from '@angular/core'
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
-
-import { AppModule } from './app/app.module'
-import { environment } from './environments/environment'
+import { bootstrapApplication } from '@angular/platform-browser'
+import { AppComponent } from 'src/app/app.component'
+import { APP_CONFIG } from 'src/app/app.config'
+import { environment } from 'src/environments/environment'
 
 if (environment.production) {
   enableProdMode()
 }
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch(err => console.error(err))
+bootstrapApplication(AppComponent, APP_CONFIG).catch(console.error)