From c4d13604d0a8b4afdb1a0f1809131e75fab597a5 Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Fri, 19 Sep 2025 12:44:32 +0200
Subject: [PATCH] refactor: Migrated the project to standalone -- step 1

ng generate @angular/core:standalone
? Choose the type of migration: Convert all components, directives and pipes to standalone
? Which path in your project should be migrated? ./
---
 src/app/app.module.ts                         | 12 ++++++------
 src/app/chatroom/chatroom.component.spec.ts   |  2 +-
 src/app/chatroom/chatroom.component.ts        |  5 ++++-
 src/app/chatrooms/chatrooms.component.spec.ts |  6 ++++--
 src/app/chatrooms/chatrooms.component.ts      |  6 +++++-
 src/app/user/user.component.spec.ts           |  6 ++++--
 src/app/user/user.component.ts                |  6 +++++-
 7 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b2b66d61..22f37b8f 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -11,18 +11,18 @@ import { ChatroomComponent } from './chatroom/chatroom.component';
 
 @NgModule({
   declarations: [
-    AppComponent,
-    ChatroomsComponent,
-    UserComponent,
-    ChatroomComponent
+    AppComponent
   ],
   imports: [
     BrowserModule,
     ReactiveFormsModule,
     HttpClientModule,
-    AppRoutingModule
+    AppRoutingModule,
+    ChatroomsComponent,
+    UserComponent,
+    ChatroomComponent
   ],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
 export class AppModule { }
diff --git a/src/app/chatroom/chatroom.component.spec.ts b/src/app/chatroom/chatroom.component.spec.ts
index ded23f2e..843c2273 100644
--- a/src/app/chatroom/chatroom.component.spec.ts
+++ b/src/app/chatroom/chatroom.component.spec.ts
@@ -10,10 +10,10 @@ describe('ChatroomComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [
+        ChatroomComponent,
         HttpClientTestingModule,
         RouterTestingModule,
       ],
-      declarations: [ ChatroomComponent ]
     })
     .compileComponents();
 
diff --git a/src/app/chatroom/chatroom.component.ts b/src/app/chatroom/chatroom.component.ts
index ea8b1032..f47776c5 100644
--- a/src/app/chatroom/chatroom.component.ts
+++ b/src/app/chatroom/chatroom.component.ts
@@ -4,11 +4,14 @@ import { ChatroomService } from './chatroom.service';
 import { UserService } from '../user/user.service';
 import { Chatroom } from './chatroom';
 import { Message } from './message';
+import { NgFor } from '@angular/common';
 
 @Component({
   selector: 'app-chatroom',
   templateUrl: './chatroom.component.html',
-  styleUrls: ['./chatroom.component.less']
+  styleUrls: ['./chatroom.component.less'],
+  standalone: true,
+  imports: [NgFor],
 })
 export class ChatroomComponent implements OnInit, OnDestroy {
 
diff --git a/src/app/chatrooms/chatrooms.component.spec.ts b/src/app/chatrooms/chatrooms.component.spec.ts
index 2b795cf3..da84c0e6 100644
--- a/src/app/chatrooms/chatrooms.component.spec.ts
+++ b/src/app/chatrooms/chatrooms.component.spec.ts
@@ -8,8 +8,10 @@ describe('ChatroomsComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ HttpClientTestingModule ],
-      declarations: [ ChatroomsComponent ]
+      imports: [
+        HttpClientTestingModule,
+        ChatroomsComponent,
+      ],
     })
     .compileComponents();
 
diff --git a/src/app/chatrooms/chatrooms.component.ts b/src/app/chatrooms/chatrooms.component.ts
index 57cc943c..328d7e24 100644
--- a/src/app/chatrooms/chatrooms.component.ts
+++ b/src/app/chatrooms/chatrooms.component.ts
@@ -2,11 +2,15 @@ import { Component, OnInit } from '@angular/core';
 import { Chatroom } from '../chatroom/chatroom';
 import { UserService } from "../user/user.service";
 import { ChatroomService } from "../chatroom/chatroom.service";
+import { RouterLink } from '@angular/router';
+import { NgFor } from '@angular/common';
 
 @Component({
   selector: 'app-chatrooms',
   templateUrl: './chatrooms.component.html',
-  styleUrls: ['./chatrooms.component.less']
+  styleUrls: ['./chatrooms.component.less'],
+  standalone: true,
+  imports: [NgFor, RouterLink],
 })
 export class ChatroomsComponent implements OnInit
 {
diff --git a/src/app/user/user.component.spec.ts b/src/app/user/user.component.spec.ts
index 5d815c05..722cddb5 100644
--- a/src/app/user/user.component.spec.ts
+++ b/src/app/user/user.component.spec.ts
@@ -8,8 +8,10 @@ describe('UserComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ ReactiveFormsModule ],
-      declarations: [ UserComponent ]
+      imports: [
+        ReactiveFormsModule,
+        UserComponent,
+      ],
     })
     .compileComponents();
 
diff --git a/src/app/user/user.component.ts b/src/app/user/user.component.ts
index 4919f1cf..3b0c9c94 100644
--- a/src/app/user/user.component.ts
+++ b/src/app/user/user.component.ts
@@ -1,16 +1,20 @@
 import { Component } from '@angular/core';
 import {
   FormControl,
+  ReactiveFormsModule,
   Validators,
   ValidationErrors,
 } from '@angular/forms';
 import { Router } from "@angular/router";
 import { UserService } from "./user.service";
+import { NgIf } from '@angular/common';
 
 @Component({
   selector: 'app-user',
   templateUrl: './user.component.html',
-  styleUrls: ['./user.component.less']
+  styleUrls: ['./user.component.less'],
+  standalone: true,
+  imports: [ReactiveFormsModule, NgIf],
 })
 export class UserComponent {
 
-- 
2.39.5