Isa Error Logging

apps/isa-app/src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { DOCUMENT } from '@angular/common';
-import { Component, Inject, OnInit, Renderer2 } from '@angular/core';
+import { Component, HostListener, Inject, OnInit, Renderer2 } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { SwUpdate, UpdateAvailableEvent } from '@angular/service-worker';
 import { ApplicationService } from '@core/application';
@@ -9,6 +9,8 @@ import packageInfo from 'package';
 import { interval, Observable, Subscription } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { Platform } from '@angular/cdk/platform';
+import { UserStateService } from '@swagger/isa';
+import { IsaLogProvider } from './providers';
 
 @Component({
   selector: 'app-root',
@@ -38,16 +40,17 @@ export class AppComponent implements OnInit {
     private readonly _renderer: Renderer2,
     private readonly _swUpdate: SwUpdate,
     private readonly _notifications: NotificationsHub,
-    private readonly _platform: Platform
+    private readonly _platform: Platform,
+    private infoService: UserStateService
   ) {
     this.updateClient();
+    IsaLogProvider.InfoService = infoService;
   }
 
   ngOnInit() {
     this.setTitle();
     this.logVersion();
     this.determinePlatform();
-
     this._appService.getSection$().subscribe(this.sectionChangeHandler.bind(this));
   }
 

apps/isa-app/src/app/app.module.ts

@@ -33,6 +33,7 @@ import { ScanAdapterModule } from '@adapter/scan';
 import { RootStateService } from './store/root-state.service';
 import * as Commands from './commands';
 import { UiIconModule } from '@ui/icon';
+import { UserStateService } from '@swagger/isa';
 
 registerLocaleData(localeDe, localeDeExtra);
 registerLocaleData(localeDe, 'de', localeDeExtra);

apps/isa-app/src/app/interceptors/http-error.interceptor.ts

@@ -4,10 +4,12 @@ import { Observable, throwError } from 'rxjs';
 import { UiMessageModalComponent, UiModalService } from '@ui/modal';
 import { catchError, mergeMap, tap } from 'rxjs/operators';
 import { AuthService } from '@core/auth';
+import { IsaLogProvider } from '../providers';
+import { LogLevel } from '@core/logger';
 
 @Injectable()
 export class HttpErrorInterceptor implements HttpInterceptor {
-  constructor(private _modal: UiModalService, private _auth: AuthService) {}
+  constructor(private _modal: UiModalService, private _auth: AuthService, private _isaLogProvider: IsaLogProvider) {}
 
   intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
     return next.handle(req).pipe(catchError((error: HttpErrorResponse, caught: any) => this.handleError(error)));
@@ -37,6 +39,8 @@ export class HttpErrorInterceptor implements HttpInterceptor {
         );
     }
 
+    this._isaLogProvider.log(LogLevel.ERROR, 'Http Error', error);
+
     return throwError(error);
   }
 }

apps/isa-app/src/app/providers/isa.error-handler.ts

@@ -2,10 +2,12 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { ErrorHandler, Injectable } from '@angular/core';
 import { AuthService } from '@core/auth';
 import { DialogModel, UiDialogModalComponent, UiErrorModalComponent, UiModalService } from '@ui/modal';
+import { IsaLogProvider } from './isa.log-provider';
+import { LogLevel } from '@core/logger';
 
-@Injectable()
+@Injectable({ providedIn: 'root' })
 export class IsaErrorHandler implements ErrorHandler {
-  constructor(private _modal: UiModalService, private _authService: AuthService) {}
+  constructor(private _modal: UiModalService, private _authService: AuthService, private _isaLogProvider: IsaLogProvider) {}
 
   async handleError(error: any): Promise<void> {
     console.error(error);
@@ -33,6 +35,8 @@ export class IsaErrorHandler implements ErrorHandler {
       return;
     }
 
+    this._isaLogProvider.log(LogLevel.ERROR, 'Client Error', error);
+
     this._modal.open({
       content: UiErrorModalComponent,
       title:

apps/isa-app/src/app/providers/isa.log-provider.ts

@@ -1,20 +1,26 @@
-import { Injectable } from '@angular/core';
+import { Injectable, Injector } from '@angular/core';
 import { LogLevel, LogProvider } from '@core/logger';
 import { UserStateService } from '@swagger/isa';
 import { environment } from '../../environments/environment';
 
-@Injectable()
+@Injectable({ providedIn: 'root' })
 export class IsaLogProvider implements LogProvider {
-  constructor(private readonly _infoService: UserStateService) {}
+  static InfoService: UserStateService | undefined;
 
-  log(logLevel: LogLevel, message: string, ...optionalParams: any[]): void {
+  constructor() {}
+
+  log(logLevel: LogLevel, message: string, error: Error, ...optionalParams: any[]): void {
     if (!environment.production && (logLevel === LogLevel.WARN || logLevel === LogLevel.ERROR)) {
-      this._infoService
-        .UserStateSaveLog({
-          logType: logLevel,
-          message: message,
-          content: JSON.stringify(optionalParams),
-        })
+      IsaLogProvider.InfoService?.UserStateSaveLog({
+        logType: logLevel,
+        message: message,
+        content: JSON.stringify({
+          error: error?.name,
+          message: error?.message,
+          stack: error?.stack,
+          data: optionalParams,
+        }),
+      })
         .toPromise()
         .catch(() => {});
     }