feat: rehauled console (#3525)

* new console

* move npm ci to angular build

* rel path for assets

* local grpc copy

* login policy, rm clear views, features rel path

* lock

Co-authored-by: Livio Amstutz <[email protected]>

console/src/app/services/statehandler/statehandler-processor.service.ts

@@ -0,0 +1,37 @@
+import { Location } from '@angular/common';
+import { Injectable } from '@angular/core';
+import { Observable, of } from 'rxjs';
+import { v4 as uuidv4 } from 'uuid';
+
+export abstract class StatehandlerProcessorService {
+    public abstract createState(url: string): Observable<string | undefined>;
+    public abstract restoreState(state?: string): void;
+}
+
+@Injectable()
+export class StatehandlerProcessorServiceImpl
+    implements StatehandlerProcessorService {
+    constructor(private location: Location) { }
+
+    public createState(url: string): Observable<string> {
+        const externalUrl = this.location.prepareExternalUrl(url);
+        const urlId = uuidv4();
+
+        sessionStorage.setItem(urlId, externalUrl);
+
+        return of(urlId);
+    }
+
+    public restoreState(state?: string): void {
+        if (state === undefined) {
+            return;
+        }
+
+        const url = sessionStorage.getItem(state);
+        if (url === null) {
+            return;
+        }
+
+        window.location.href = window.location.origin + url;
+    }
+}

console/src/app/services/statehandler/statehandler.service.ts

@@ -0,0 +1,59 @@
+import { Injectable, Injector, OnDestroy, Type } from '@angular/core';
+import { GuardsCheckStart, Router, RouterEvent } from '@angular/router';
+import { OAuthService } from 'angular-oauth2-oidc';
+import { Observable, Subject, throwError } from 'rxjs';
+import { filter, map, shareReplay, switchMap, take, takeUntil } from 'rxjs/operators';
+
+import { StatehandlerProcessorService } from './statehandler-processor.service';
+
+export abstract class StatehandlerService {
+    public abstract createState(): Observable<string | undefined>;
+    public abstract initStateHandler(): void;
+}
+
+@Injectable()
+export class StatehandlerServiceImpl
+    implements StatehandlerService, OnDestroy {
+    private events?: Observable<string>;
+    private unsubscribe$: Subject<void> = new Subject();
+
+    constructor(
+        oauthService: OAuthService,
+        private injector: Injector,
+        private processor: StatehandlerProcessorService,
+    ) {
+        oauthService.events
+            .pipe(
+                filter(event => event.type === 'token_received'),
+                map(() => oauthService.state),
+                takeUntil(this.unsubscribe$),
+            )
+            .subscribe(state => processor.restoreState(state));
+    }
+
+    public initStateHandler(): void {
+        const router = this.injector.get(Router as Type<Router>);
+        this.events = (router.events as Observable<RouterEvent>).pipe(
+            filter(event => event instanceof GuardsCheckStart),
+            map(event => event.url),
+            shareReplay(1),
+        );
+
+        this.events.pipe(takeUntil(this.unsubscribe$)).subscribe();
+    }
+
+    public createState(): Observable<string | undefined> {
+        if (this.events === undefined) {
+            return throwError('no router events');
+        }
+
+        return this.events.pipe(
+            take(1),
+            switchMap(url => this.processor.createState(url)),
+        );
+    }
+
+    public ngOnDestroy(): void {
+        this.unsubscribe$.next();
+    }
+}