chore: bump deps and nx version

.eslintrc.json

@@ -31,18 +31,12 @@
 					{
 						"allowExpressions": true
 					}
-				],
-				"@typescript-eslint/no-extra-semi": "error",
-				"no-extra-semi": "off"
+				]
 			}
 		},
 		{
 			"files": ["*.js", "*.jsx"],
-			"extends": ["plugin:@nx/javascript"],
-			"rules": {
-				"@typescript-eslint/no-extra-semi": "error",
-				"no-extra-semi": "off"
-			}
+			"extends": ["plugin:@nx/javascript"]
 		},
 		{
 			"files": [

CONTRIBUTING.md

@@ -67,11 +67,11 @@ generate a new component, run
 `npx nx g @nrwl/angular:component --project=spa-<lib> --name=<component name>`.
 This will generate a new component in the correct folder. For more information,
 check out the [NX documentation]https://nx.dev/more-concepts/nx-and-angular). By
-default the Component will be standalone and with `OnPush` Change Detection. Please
-try to stick to this as much as possible. You can serve the SPA with `npm run serve:spa`.
-Instead of an OAuth Provider, in development environments you will get redirected
-to a login page where you can choose a persona. This will set a JWT in the local
-storage.
+default the Component will be standalone and with `OnPush` Change Detection.
+Please try to stick to this as much as possible. You can serve the SPA with
+`npm run serve:spa`. Instead of an OAuth Provider, in development environments
+you will get redirected to a login page where you can choose a persona. This
+will set a JWT in the local storage.
 
 We agreed on supporting only Chromium based browsers with their 2 latest major
 versions. This allows us to use features that are available for these browsers

apps/spa/.eslintrc.json

@@ -20,7 +20,8 @@
 						"prefix": "kordis",
 						"style": "kebab-case"
 					}
-				]
+				],
+				"@angular-eslint/prefer-standalone": "off"
 			},
 			"extends": [
 				"plugin:@nx/angular",

apps/spa/src/app/component/app.component.ts

@@ -10,6 +10,7 @@ import { TraceComponent } from '@kordis/spa/core/observability';
 	selector: 'kordis-root',
 	template: ` <router-outlet></router-outlet> `,
 	changeDetection: ChangeDetectionStrategy.OnPush,
+	standalone: false,
 })
 @TraceComponent()
 export class AppComponent {

jest.config.ts

@@ -1,5 +1,5 @@
-import { getJestProjects } from '@nx/jest';
+import { getJestProjectsAsync } from '@nx/jest';
 
-export default {
-	projects: getJestProjects(),
-};
+export default async () => ({
+	projects: await getJestProjectsAsync(),
+});

libs/api/tetra/project.json

@@ -5,7 +5,7 @@
 	"projectType": "library",
 	"targets": {
 		"lint": {
-			"executor": "@nx/linter:eslint",
+			"executor": "@nx/eslint:lint",
 			"outputs": ["{options.outputFile}"],
 			"options": {
 				"lintFilePatterns": ["libs/api/tetra/**/*.ts"]

libs/api/unit/project.json

@@ -5,7 +5,7 @@
 	"projectType": "library",
 	"targets": {
 		"lint": {
-			"executor": "@nx/linter:eslint",
+			"executor": "@nx/eslint:lint",
 			"outputs": ["{options.outputFile}"],
 			"options": {
 				"lintFilePatterns": ["libs/api/unit/**/*.ts"]

libs/api/user/project.json

@@ -5,7 +5,7 @@
 	"projectType": "library",
 	"targets": {
 		"lint": {
-			"executor": "@nx/linter:eslint",
+			"executor": "@nx/eslint:lint",
 			"outputs": ["{options.outputFile}"],
 			"options": {
 				"lintFilePatterns": ["libs/api/user/**/*.ts"]

libs/shared/test-helpers/project.json

@@ -5,7 +5,7 @@
 	"projectType": "library",
 	"targets": {
 		"lint": {
-			"executor": "@nx/linter:eslint",
+			"executor": "@nx/eslint:lint",
 			"outputs": ["{options.outputFile}"],
 			"options": {
 				"lintFilePatterns": ["libs/shared/test-helpers/**/*.ts"]

libs/spa/core/auth/.eslintrc.json

@@ -27,7 +27,8 @@
 						"prefix": "krd",
 						"style": "kebab-case"
 					}
-				]
+				],
+				"@angular-eslint/prefer-standalone": "off"
 			}
 		},
 		{

libs/spa/core/auth/src/lib/auth.module.ts

@@ -1,6 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core';
+import {
+	ModuleWithProviders,
+	NgModule,
+	inject,
+	provideAppInitializer,
+} from '@angular/core';
 import { RouterModule } from '@angular/router';
 import {
 	AuthConfig,
@@ -33,19 +38,17 @@ export class AuthModule {
 					provide: OAuthStorage,
 					useFactory: () => localStorage,
 				},
-				{
-					provide: APP_INITIALIZER,
-					useFactory: (oauthService: OAuthService) => {
+				provideAppInitializer(() => {
+					const initializerFn = ((oauthService: OAuthService) => {
 						return async () => {
 							oauthService.configure(authConfig);
 							oauthService.setupAutomaticSilentRefresh();
 							await oauthService.loadDiscoveryDocument(discoveryDocumentUrl);
 							await oauthService.tryLoginCodeFlow();
 						};
-					},
-					deps: [OAuthService, AUTH_SERVICE],
-					multi: true,
-				},
+					})(inject(OAuthService));
+					return initializerFn();
+				}),
 				{
 					provide: HTTP_INTERCEPTORS,
 					useClass: DefaultOAuthInterceptor,

libs/spa/core/auth/src/lib/components/dev-login.component.ts

@@ -15,7 +15,6 @@ import { DevAuthService } from '../services/dev-auth.service';
 
 @Component({
 	selector: 'krd-auth',
-	standalone: true,
 	styles: [
 		`
 			.container {

libs/spa/core/graphql/.eslintrc.json

@@ -23,7 +23,8 @@
 						"prefix": "krd",
 						"style": "kebab-case"
 					}
-				]
+				],
+				"@angular-eslint/prefer-standalone": "off"
 			},
 			"extends": [
 				"plugin:@nx/angular",

libs/spa/core/graphql/project.json

@@ -21,7 +21,7 @@
 			}
 		},
 		"lint": {
-			"executor": "@nx/linter:eslint",
+			"executor": "@nx/eslint:lint",
 			"outputs": ["{options.outputFile}"],
 			"options": {
 				"lintFilePatterns": [

libs/spa/core/observability/.eslintrc.json

@@ -23,7 +23,8 @@
 						"prefix": "krd",
 						"style": "kebab-case"
 					}
-				]
+				],
+				"@angular-eslint/prefer-standalone": "off"
 			},
 			"extends": [
 				"plugin:@nx/angular",

libs/spa/core/observability/src/lib/sentry-observability.module.ts

@@ -1,9 +1,10 @@
 import { CommonModule } from '@angular/common';
 import {
-	APP_INITIALIZER,
 	ErrorHandler,
 	ModuleWithProviders,
 	NgModule,
+	inject,
+	provideAppInitializer,
 } from '@angular/core';
 import { Router } from '@angular/router';
 import {
@@ -41,13 +42,13 @@ export class SentryObservabilityModule {
 					provide: TraceService,
 					deps: [Router],
 				},
-				{
-					provide: APP_INITIALIZER,
-					// eslint-disable-next-line @typescript-eslint/no-empty-function
-					useFactory: () => () => {},
-					deps: [TraceService],
-					multi: true,
-				},
+				provideAppInitializer(() => {
+					// eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
+					const initializerFn = ((_: TraceService) => () => {})(
+						inject(TraceService),
+					);
+					return initializerFn();
+				}),
 				{
 					provide: OBSERVABILITY_SERVICE,
 					useClass: SentryObservabilityService,

libs/spa/feature/deployment/src/lib/components/alert-group-edit-modal/alert-group-edit-modal.component.ts

@@ -22,7 +22,6 @@ import { alertGroupMinUnitsValidator } from '../rescue-station/rescue-station-ed
 
 @Component({
 	selector: 'krd-alert-group-edit-modal',
-	standalone: true,
 	imports: [
 		NzButtonComponent,
 		NzSpinComponent,

libs/spa/feature/deployment/src/lib/components/deployment/alert-group/deployment-alert-group.component.ts

@@ -8,7 +8,6 @@ import { DeploymentUnitComponent } from '../unit/deployment-unit.component';
 
 @Component({
 	selector: 'krd-deployment-alert-group',
-	standalone: true,
 	imports: [CommonModule, DeploymentUnitComponent, NzCardComponent],
 	template: `
 		<nz-card>

libs/spa/feature/deployment/src/lib/components/deployment/deployment-note-popup.component.ts

@@ -12,7 +12,6 @@ import { NzSpinComponent } from 'ng-zorro-antd/spin';
 
 @Component({
 	selector: 'krd-note-popup',
-	standalone: true,
 	imports: [
 		FormsModule,
 		NzInputDirective,

libs/spa/feature/deployment/src/lib/components/deployment/deployment-search-wrapper.component.spec.ts

@@ -8,6 +8,8 @@ import { DeploymentSearchWrapperComponent } from './deployment-search-wrapper.co
 
 @Component({
 	selector: 'krd-search-wrapper-child',
+	/* eslint-disable @angular-eslint/prefer-standalone  */
+	standalone: false,
 	template: `
 		<krd-deployment-search-wrapper
 			[assignments]="assignments()"

libs/spa/feature/deployment/src/lib/components/deployment/deployment-search-wrapper.component.ts

@@ -16,7 +16,6 @@ import { DeploymentsSearchStateService } from '../../services/deployments-search
 
 @Component({
 	selector: 'krd-deployment-search-wrapper',
-	standalone: true,
 	imports: [NgTemplateOutlet],
 	template: `
 		@if (isVisible()) {
@@ -52,7 +51,6 @@ export class DeploymentSearchWrapperComponent {
 				return this.assignments();
 			}
 			// otherwise we have a search term, return filtered assignments
-
 			return this.assignments().filter((assignment) => {
 				const hasUnitMatch = (unit: Unit): boolean => {
 					return (

libs/spa/feature/deployment/src/lib/components/deployment/deployments.component.ts

@@ -59,7 +59,6 @@ const DEPLOYMENTS_QUERY = gql`
 
 @Component({
 	selector: 'krd-deployments',
-	standalone: true,
 	imports: [
 		DeploymentCardComponent,
 		DeploymentSearchWrapperComponent,

libs/spa/feature/deployment/src/lib/components/deployment/deplyoment-card.component.ts

@@ -25,7 +25,6 @@ const STATUS_SORT_ORDER: Readonly<Record<number, number>> = Object.freeze({
 
 @Component({
 	selector: 'krd-deployment-card',
-	standalone: true,
 	imports: [
 		DeploymentAlertGroupComponent,
 		DeploymentUnitComponent,

libs/spa/feature/deployment/src/lib/components/deployment/name-search-wrapper.component.spec.ts

@@ -6,6 +6,8 @@ import { NameSearchWrapperComponent } from './name-search-wrapper.component';
 
 @Component({
 	selector: 'krd-name-search-wrapper-child',
+	/* eslint-disable @angular-eslint/prefer-standalone  */
+	standalone: false,
 	template: `
 		<krd-name-search-wrapper [name]="name()">
 			<span data-testid="child-content">hello</span>

libs/spa/feature/deployment/src/lib/components/deployment/name-search-wrapper.component.ts

@@ -3,7 +3,6 @@ import { Component, computed, inject, input } from '@angular/core';
 import { DeploymentsSearchStateService } from '../../services/deployments-search-state.service';
 
 @Component({
-	standalone: true,
 	selector: 'krd-name-search-wrapper',
 	template: `
 		@if (isVisible()) {

libs/spa/feature/deployment/src/lib/components/deployment/note-indicator.component.ts

@@ -5,7 +5,6 @@ import { NzTooltipDirective } from 'ng-zorro-antd/tooltip';
 
 @Component({
 	selector: 'krd-note-indicator',
-	standalone: true,
 	imports: [NzIconDirective, NzTooltipDirective],
 	template: `<i
 		nz-icon

libs/spa/feature/deployment/src/lib/components/deployment/rescue-station/rescue-station-deployment-card-header.component.ts

@@ -6,7 +6,6 @@ import { NoteIndicatorComponent } from '../note-indicator.component';
 
 @Component({
 	selector: 'krd-rescue-station-deployment-card-header',
-	standalone: true,
 	imports: [NoteIndicatorComponent],
 	template: `
 		<span

libs/spa/feature/deployment/src/lib/components/deployment/signed-in-rescue-stations.component.ts

@@ -20,7 +20,6 @@ import { DeploymentCardComponent } from './deplyoment-card.component';
 import { RescueStationDeploymentCardHeaderComponent } from './rescue-station/rescue-station-deployment-card-header.component';
 
 @Component({
-	standalone: true,
 	selector: 'krd-signed-in-deployments',
 	template: `
 		@if (showNoSearchResults()) {

libs/spa/feature/deployment/src/lib/components/deployment/signed-off-deployments.component.ts

@@ -13,7 +13,6 @@ import { DeploymentsSearchStateService } from '../../services/deployments-search
 import { NameSearchWrapperComponent } from './name-search-wrapper.component';
 
 @Component({
-	standalone: true,
 	selector: 'krd-signed-off-deployments',
 	template: `
 		@if (showNoSearchResults()) {

libs/spa/feature/deployment/src/lib/components/deployment/unit/deployment-unit.component.ts

@@ -13,7 +13,6 @@ import { StatusBadgeComponent } from './status-badge.component';
 
 @Component({
 	selector: 'krd-deployment-unit',
-	standalone: true,
 	imports: [
 		DeploymentNotePopupComponent,
 		NoteIndicatorComponent,

libs/spa/feature/deployment/src/lib/components/deployment/unit/status-badge.component.ts

@@ -11,7 +11,6 @@ import { STATUS_EXPLANATIONS } from '../../../status-explanations';
 
 @Component({
 	selector: 'krd-status-badge',
-	standalone: true,
 	imports: [NzTooltipDirective, NgClass],
 	template: `
 		@if (hasStatus()) {

libs/spa/feature/deployment/src/lib/components/rescue-station/rescue-station-edit-modal/component/alert-group/alert-group-autocomplete.component.ts

@@ -16,7 +16,6 @@ import { PossibleAlertGroupSelectionsService } from '../../service/alert-group-s
 
 @Component({
 	selector: 'krd-alert-group-autocomplete',
-	standalone: true,
 	imports: [
 		AsyncPipe,
 		NzAutocompleteModule,

libs/spa/feature/deployment/src/lib/components/rescue-station/rescue-station-edit-modal/component/alert-group/alert-group-selection.component.ts

@@ -19,7 +19,6 @@ import { UnitsSelectComponent } from '../unit/units-select.component';
 
 @Component({
 	selector: 'krd-alert-group-selection',
-	standalone: true,
 	imports: [
 		NzFormControlComponent,
 		NzFormItemComponent,

libs/spa/feature/deployment/src/lib/components/rescue-station/rescue-station-edit-modal/component/alert-group/alert-group-selections.component.ts

@@ -28,7 +28,6 @@ import { AlertGroupSelectionComponent } from './alert-group-selection.component'
 
 @Component({
 	selector: 'krd-alert-group-selections',
-	standalone: true,
 	imports: [
 		AlertGroupAutocompleteComponent,
 		AlertGroupSelectionComponent,

libs/spa/feature/deployment/src/lib/components/rescue-station/rescue-station-edit-modal/component/protocol-data.component.ts

@@ -17,7 +17,6 @@ import { Unit } from '@kordis/shared/model';
 // placeholder until we have the protocol frontend ready!
 @Component({
 	selector: 'krd-protocol-data',
-	standalone: true,
 	imports: [CommonModule, ReactiveFormsModule, NzInputDirective],
 	template: `
 		<div [formGroup]="formGroup()">

libs/spa/feature/deployment/src/lib/components/rescue-station/rescue-station-edit-modal/component/strength.component.ts

@@ -18,7 +18,6 @@ import { Subject, map, of, startWith, takeUntil } from 'rxjs';
 
 @Component({
 	selector: 'krd-strength',
-	standalone: true,
 	template: `
 		<div [formGroup]="formGroup()" nz-form nzLayout="inline">
 			<nz-form-item>

libs/spa/feature/deployment/src/lib/components/rescue-station/rescue-station-edit-modal/component/unit/unit-selection-option.component.ts

@@ -6,7 +6,6 @@ import { StatusBadgeComponent } from '../../../../deployment/unit/status-badge.c
 
 @Component({
 	selector: 'krd-unit-selection-option',
-	standalone: true,
 	imports: [StatusBadgeComponent],
 	template: `
 		<div class="result-item">