hermes-web-angular/src/app/app.component.ts

import { CommonModule, isPlatformBrowser } from '@angular/common';
import { Component, OnInit, Inject, PLATFORM_ID, NgZone, OnDestroy } from '@angular/core';
import { Router, RouterOutlet } from '@angular/router';
import { FormsModule } from '@angular/forms'
import { HermesClientService } from './hermes-client.service';
import { AuthUserGuard } from './shared/auth/auth.user.guard'
import { Subscription } from 'rxjs';
import { NavigationComponent } from "./navigation/navigation.component";
import EventService from './shared/services/EventService';
import { ApiAuthenticationService } from './shared/services/api/api-authentication.service';
import { PoliciesModule } from './policies/policies.module';
import { TtsFiltersModule } from './tts-filters/tts-filters.module';
import { AuthModule } from './auth/auth.module';

@Component({
    selector: 'app-root',
    standalone: true,
    imports: [RouterOutlet, CommonModule, FormsModule, PoliciesModule, TtsFiltersModule, AuthModule, NavigationComponent],
    providers: [AuthUserGuard],
    templateUrl: './app.component.html',
    styleUrl: './app.component.scss'
})
export class AppComponent implements OnInit, OnDestroy {
    private isBrowser: boolean;
    private ngZone: NgZone;
    private subscriptions: Subscription[];


    constructor(private auth: ApiAuthenticationService, private client: HermesClientService, private events: EventService, private router: Router, ngZone: NgZone, @Inject(PLATFORM_ID) private platformId: Object) {
        this.ngZone = ngZone;
        this.isBrowser = isPlatformBrowser(this.platformId);
        this.subscriptions = [];
    }

    ngOnInit(): void {
        if (!this.isBrowser)
            return;

        this.auth.update();

        this.addSubscription(this.events.listen('logoff', (message) => {
            localStorage.removeItem('jwt');
            if (!document.location.href.includes('/login')) {
                this.router.navigate(['/login?warning=' + message]);
            }
        }));

        this.addSubscription(this.events.listen('login', (_) => {
            if (document.location.href.includes('/login')) {
                this.router.navigate(['/tts-login']);
            }
        }));

        this.client.connect();
        this.ngZone.runOutsideAngular(() => setInterval(() => this.client.heartbeat(), 15000));
    }

    ngOnDestroy() {
        for (let s of this.subscriptions) {
            s.unsubscribe();
        }
    }

    private addSubscription(s: Subscription) {
        this.subscriptions.push(s);
    }
}