chore(setup): Add and configure prettier (!4)

Co-authored-by: Phan Huy Tran <p.tran@neusta.de>
Reviewed-on: https://git.simonis.lol/projects/casino/pulls/4
Reviewed-by: Hop In, I Have Puppies AND WiFi <jleibl@noreply@simonis.lol>

frontend/src/app/app.component.html

@@ -1,4 +1 @@
 <router-outlet></router-outlet>
-
-
-

frontend/src/app/app.component.ts

@@ -1,22 +1,16 @@
-import {APP_INITIALIZER, Component} from '@angular/core';
+import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterOutlet } from '@angular/router';
-import {HelloListComponent} from "./hello-list/hello-list.component";
-import {KeycloakAngularModule} from "keycloak-angular";
+import { KeycloakAngularModule } from 'keycloak-angular';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [CommonModule, HelloListComponent, RouterOutlet, KeycloakAngularModule],
-  providers: [ ],
+  imports: [CommonModule, RouterOutlet, KeycloakAngularModule],
+  providers: [],
   templateUrl: './app.component.html',
-  styleUrl: './app.component.css'
+  styleUrl: './app.component.css',
 })
-export class AppComponent{
-
-  constructor() {
-    }
-
-
-
+export class AppComponent {
+  constructor() {}
 }

frontend/src/app/app.config.ts

@@ -1,9 +1,13 @@
-import {APP_INITIALIZER, ApplicationConfig} from '@angular/core';
+import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
-import {KeycloakAngularModule, KeycloakBearerInterceptor, KeycloakService} from "keycloak-angular";
-import {HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi} from "@angular/common/http";
+import {
+  KeycloakAngularModule,
+  KeycloakBearerInterceptor,
+  KeycloakService,
+} from 'keycloak-angular';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 export const initializeKeycloak = (keycloak: KeycloakService) => async () =>
   keycloak.init({
@@ -15,34 +19,32 @@ export const initializeKeycloak = (keycloak: KeycloakService) => async () =>
     loadUserProfileAtStartUp: true,
     initOptions: {
       onLoad: 'check-sso',
-      silentCheckSsoRedirectUri:
-        window.location.origin + '/silent-check-sso.html',
+      silentCheckSsoRedirectUri: window.location.origin + '/silent-check-sso.html',
       checkLoginIframe: false,
       redirectUri: 'http://localhost:4200',
     },
   });
 
-
 function initializeApp(keycloak: KeycloakService): () => Promise<boolean> {
   return () => initializeKeycloak(keycloak)();
 }
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes),
-      KeycloakAngularModule,
-      {
-        provide: APP_INITIALIZER,
-        useFactory: initializeApp,
-        multi: true,
-        deps: [KeycloakService]
-      },
-      KeycloakService,
-      provideHttpClient(withInterceptorsFromDi()),
-      {
-        provide: HTTP_INTERCEPTORS,
-        useClass: KeycloakBearerInterceptor,
-        multi: true
-      }
-    ]
-  };
-
+  providers: [
+    provideRouter(routes),
+    KeycloakAngularModule,
+    {
+      provide: APP_INITIALIZER,
+      useFactory: initializeApp,
+      multi: true,
+      deps: [KeycloakService],
+    },
+    KeycloakService,
+    provideHttpClient(withInterceptorsFromDi()),
+    {
+      provide: HTTP_INTERCEPTORS,
+      useClass: KeycloakBearerInterceptor,
+      multi: true,
+    },
+  ],
+};

frontend/src/app/app.routes.ts

@@ -1,4 +1,3 @@
-import {Routes} from '@angular/router';
+import { Routes } from '@angular/router';
 
-export const routes: Routes = [
-];
+export const routes: Routes = [];

frontend/src/app/auth.guard.ts

@@ -1,7 +1,6 @@
-
 import { CanActivateFn } from '@angular/router';
 import { inject } from '@angular/core';
-import {KeycloakService} from "keycloak-angular";
+import { KeycloakService } from 'keycloak-angular';
 
 export const authGuard: CanActivateFn = async (route, state) => {
   const keycloakService = inject(KeycloakService);

frontend/src/index.html

@@ -1,13 +1,13 @@
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Lf10StarterNew</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Lf10StarterNew</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>

frontend/src/main.ts

@@ -2,10 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
 
-
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch((err) => console.error(err));
-
-
-
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));