wip

frontend/src/app/app.config.ts

@@ -3,15 +3,16 @@ import { provideRouter } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 import { routes } from './app.routes';
-import { provideHttpClient } from '@angular/common/http';
+import { provideHttpClient, withInterceptors } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideOAuthClient } from 'angular-oauth2-oidc';
+import { httpInterceptor } from './shared/interceptor/http.interceptor';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideRouter(routes),
     FontAwesomeModule,
-    provideHttpClient(),
+    provideHttpClient(withInterceptors([httpInterceptor])),
     provideExperimentalZonelessChangeDetection(),
     provideAnimationsAsync(),
     provideOAuthClient(),

frontend/src/app/feature/login-success/login-success.component.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { AuthService } from '../../service/auth.service';
+import { User } from '../../model/User';
 
 @Component({
   selector: 'app-login-success',
@@ -14,7 +15,6 @@ export default class LoginSuccessComponent implements OnInit {
   private router: Router = inject(Router);
   private authService: AuthService = inject(AuthService);
   async ngOnInit() {
-    console.log(this.authService.getAccessToken());
-    (this.authService.getUserInfo().then(console.log));
+    this.authService.getUserInfo()
   }
 }

frontend/src/app/service/auth.service.ts

@@ -1,29 +1,47 @@
 import { inject, Injectable } from '@angular/core';
 import { Subject } from 'rxjs';
 import { AuthConfig, OAuthService } from 'angular-oauth2-oidc';
+import { UserService } from './user.service';
+import { User } from '../model/User';
 
 
 @Injectable({
   providedIn: 'root',
 })
 export class AuthService {
+  private userService: UserService = inject(UserService);
+
   private readonly authConfig: AuthConfig = {
     issuer: 'https://oauth.simonis.lol/application/o/casino-dev/',
+    loginUrl: 'https://oauth.simonis.lol/application/o/authorize/',
+    tokenEndpoint: 'https://oauth.simonis.lol/application/o/token/',
+    userinfoEndpoint: 'https://oauth.simonis.lol/application/o/userinfo/',
     clientId: 'MDqjm1kcWKuZfqHJXjxwAV20i44aT7m4VhhTL3Nm',
-    redirectUri: window.location.origin + '/auth/callback',
-    responseType: 'code',
+    dummyClientSecret: 'GY2F8te6iAVYt1TNAUVLzWZEXb6JoMNp6chbjqaXNq4gS5xTDL54HqBiAlV1jFKarN28LQ7FUsYX4SbwjfEhZhgeoKuBnZKjR9eiu7RawnGgxIK9ffvUfMkjRxnmiGI5',
     scope: 'openid profile email',
-    showDebugInformation: true,
+    responseType: 'code',
+    redirectUri: window.location.origin + '/auth/callback',
     oidc: true,
     requestAccessToken: true,
+    strictDiscoveryDocumentValidation: false,
+    showDebugInformation: true,
   };
 
   private isAuthenticated = new Subject<boolean>();
-
+  private user: User | null = null;
   private oauthService: OAuthService = inject(OAuthService);
 
   constructor() {
     this.oauthService.configure(this.authConfig);
+    this.oauthService.events.subscribe((event) => {
+      if (event.type === 'token_received') {
+        this.oauthService.loadUserProfile().then((profile) => {
+          this.fromUserProfile(profile).subscribe((user) => {
+            this.user = user;
+          });
+        });
+      }
+    });
     this.oauthService.loadDiscoveryDocumentAndTryLogin().then(() => {
       this.isAuthenticated.next(this.oauthService.hasValidAccessToken());
     });
@@ -38,15 +56,19 @@ export class AuthService {
     this.isAuthenticated.next(false);
   }
 
-  getAccessToken() {
-    return this.oauthService.getAccessToken();
-  }
-
   getUserInfo() {
-    return this.oauthService.loadUserProfile();
+    return this.user;
   }
 
   isLoggedIn() {
     return this.oauthService.hasValidAccessToken();
   }
+
+  private fromUserProfile(profile: object) {
+    return this.userService.getOrCreateUser(profile);
+  }
+
+  getAccessToken() {
+    return this.oauthService.getAccessToken();
+  }
 }

frontend/src/app/service/user.service.ts

@@ -1,6 +1,6 @@
 import { inject, Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
-import { catchError, EMPTY, Observable } from 'rxjs';
+import { catchError, EMPTY, Observable, of, switchMap } from 'rxjs';
 import { User } from '../model/User';
 
 @Injectable({
@@ -23,4 +23,21 @@ export class UserService {
       username: username,
     });
   }
+
+  public getOrCreateUser(profile: any): Observable<User> {
+    console.log(profile);
+    const id = profile.info.sub;
+    const username = profile.info.preferred_username;
+
+    return this.getUser(id).pipe(
+      switchMap((user) => {
+        if (user) {
+          return of(user);
+        } else {
+          return this.createUser(id, username);
+        }
+      }),
+      catchError(() => EMPTY)
+    );
+  }
 }

frontend/src/app/shared/interceptor/http.interceptor.ts

@@ -0,0 +1,9 @@
+import { HttpInterceptorFn } from '@angular/common/http';
+import { inject } from '@angular/core';
+import { AuthService } from '../../service/auth.service';
+
+export const httpInterceptor: HttpInterceptorFn = (req, next) => {
+  return next(req.clone({
+    setHeaders: {'Authorization': 'Bearer '+inject(AuthService).getAccessToken()},
+  }));
+};