chore(setup): convert package.json to Bun and add bun.lockb (!2)

Co-authored-by: Phan Huy Tran <p.tran@neusta.de>
Reviewed-on: https://git.simonis.lol/projects/casino/pulls/2
Reviewed-by: Constantin Simonis <constantin@simonis.lol>

frontend/package.json

@@ -2,11 +2,11 @@
   "name": "lf10-starter2024",
   "version": "0.0.0",
   "scripts": {
-    "ng": "ng",
-    "start": "ng serve  --proxy-config src/proxy.conf.json",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "ng": "bunx @angular/cli",
+    "start": "bunx @angular/cli serve --proxy-config src/proxy.conf.json",
+    "build": "bunx @angular/cli build",
+    "watch": "bunx @angular/cli build --watch --configuration development",
+    "test": "bunx @angular/cli test"
   },
   "private": true,
   "dependencies": {

frontend/src/app/Hello.ts

@@ -1,6 +0,0 @@
-export class Hello {
-  constructor(public id?: number,
-              public message?: string,
-             ) {
-  }
-}

frontend/src/app/app.component.html

@@ -1,7 +1,3 @@
-<h1>LF12 Starter</h1>
-
-<a href="/hello">hello</a>
-
 <router-outlet></router-outlet>
 
 

frontend/src/app/app.routes.ts

@@ -1,7 +1,4 @@
-import { Routes } from '@angular/router';
-import {HelloListComponent} from "./hello-list/hello-list.component";
-import {authGuard} from "./auth.guard";
+import {Routes} from '@angular/router';
 
 export const routes: Routes = [
-  { path: 'hello', component: HelloListComponent , canActivate: [authGuard] }
 ];

frontend/src/app/hello-list/hello-list.component.html

@@ -1,8 +0,0 @@
-<h3>List of Hellos</h3>
-<ul>
-  @for(e of employees$ | async; track e.id) {
-    <li>
-      {{e.id }}, {{e.message}}
-    </li>
-  }
-</ul>

frontend/src/app/hello-list/hello-list.component.ts

@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import {Observable, of} from "rxjs";
-import {Hello} from "../Hello";
-import {HttpClient, HttpClientModule, HttpHeaders, provideHttpClient} from "@angular/common/http";
-import {AsyncPipe} from "@angular/common";
-import {KeycloakService} from "keycloak-angular";
-
-@Component({
-  selector: 'app-hello-list',
-  standalone: true,
-  imports: [
-    AsyncPipe
-  ],
-  providers: [KeycloakService],
-  templateUrl: './hello-list.component.html',
-  styleUrl: './hello-list.component.css'
-})
-export class HelloListComponent {
-  employees$: Observable<Hello[]>;
-
-  constructor(private http: HttpClient) {
-    this.employees$ = of([]);
-    this.fetchData();
-  }
-
-  fetchData() {
-    this.employees$ = this.http.get<Hello[]>('/backend/hellos');
-  }
-
-
-}