Merge pull request #9 from cre8/fix/webauthn

add webauthn to keycloak + link to settings page

apps/holder/projects/browser-extension/src/environments/environment.ts

@@ -1,3 +1,15 @@
+// eslint-disable-next-line @typescript-eslint/no-namespace
+export declare namespace globalThis {
+  let environment: {
+    backendUrl: string;
+    keycloakHost: string;
+    keycloakClient: string;
+    keycloakRealm: string;
+    demoIssuer: string;
+    demoVerifier: string;
+  };
+}
+
 export const environment = {
   backendUrl: 'http://localhost:3000',
   keycloakHost: 'http://localhost:8080',
@@ -6,3 +18,5 @@ export const environment = {
   demoIssuer: 'http://localhost:3001',
   demoVerifier: 'http://localhost:3002',
 };
+
+globalThis.environment = environment;

apps/holder/projects/shared/settings/settings.component.html

@@ -4,6 +4,9 @@
       >Automate issuance and verify process</mat-slide-toggle
     >
   </mat-list-item>
+  <mat-list-item>
+    <a [href]="keycloakLink" target="_blank">Update password</a>
+  </mat-list-item>
   <mat-list-item>
     <button mat-button (click)="authService.logout()">Logout</button>
   </mat-list-item>

apps/holder/projects/shared/settings/settings.component.ts

@@ -10,6 +10,18 @@ import { HttpClient, HttpClientModule } from '@angular/common/http';
 import { firstValueFrom } from 'rxjs';
 import { SettingsApiService } from '../api/kms';
 
+// eslint-disable-next-line @typescript-eslint/no-namespace
+export declare namespace globalThis {
+  let environment: {
+    backendUrl: string;
+    keycloakHost: string;
+    keycloakClient: string;
+    keycloakRealm: string;
+    demoIssuer: string;
+    demoVerifier: string;
+  };
+}
+
 @Component({
   selector: 'app-settings',
   standalone: true,
@@ -26,6 +38,7 @@ import { SettingsApiService } from '../api/kms';
 })
 export class SettingsComponent implements OnInit {
   automateControl!: FormControl<boolean | null>;
+  keycloakLink: string;
 
   constructor(
     public authService: AuthService,
@@ -34,6 +47,7 @@ export class SettingsComponent implements OnInit {
     private settingsApiService: SettingsApiService
   ) {
     this.automateControl = new FormControl();
+    this.keycloakLink = `${globalThis.environment.keycloakHost}/realms/${globalThis.environment.keycloakRealm}/account`;
   }
 
   async ngOnInit(): Promise<void> {