feat(tsconfig): update paths and throwError

src/app/core/core-routing.module.ts

@@ -4,7 +4,7 @@ import { Routes, RouterModule } from '@angular/router';
 
 // Components Imports
 import { CoreComponent } from './core.component';
-import { ManageAppListComponent } from '@app/core/pages';
+import { ManageAppListComponent } from '@core/pages';
 
 const routes: Routes = [
   {

src/app/core/core.module.ts

@@ -11,11 +11,11 @@ import { DataTableModule } from '@projects/data-table';
 
 // Components Imports
 import { CoreComponent } from './core.component';
-import { ManageAppListComponent } from '@app/core/pages';
+import { ManageAppListComponent } from '@core/pages';
 import { ModalFormAppComponent } from './components';
 
 // Services Imports
-import { ManageAppService } from '@app/core/services';
+import { ManageAppService } from '@core/services';
 
 @NgModule({
   declarations: [

src/app/core/pages/manage-app-list/manage-app-list.component.ts

@@ -96,10 +96,9 @@ export class ManageAppListComponent implements OnInit, OnDestroy {
   }
 
   private openUrl(url: string): void {
-    this.electronService.ipcRenderer.invoke('url-channel', { url })
-      .then((result) => {
-        console.log(result);
-      });
+    this.manageAppService.openManageAPP(url)
+      .pipe(takeUntil(this.ngUnSubscribe))
+      .subscribe();
   }
 
   private openModal(item?: IManageApp): void {

src/app/core/services/manage-app.service.ts

@@ -3,74 +3,85 @@ import { Injectable } from '@angular/core';
 import { IpcRenderer } from 'electron';
 
 // External Libs
-import { Observable, of } from 'rxjs';
+import { Observable, throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
 
 // Models Imports
 import { IManageApp } from '@app/core/models';
 
 // Services Imports
 import { ElectronService } from '@app/services';
+
+// DB Keys Imports
 import { __STORE_KEY_CREATE__, __STORE_KEY_DELETE__, __STORE_KEY_LIST__, __STORE_KEY_UPDATE__ } from '../../../../main-process/store/keys';
 
 @Injectable()
 export class ManageAppService {
 
-  private ipcRenderer: IpcRenderer;
+  private readonly ipcRenderer: IpcRenderer;
 
   constructor(private electronService: ElectronService) {
     this.ipcRenderer = this.electronService.ipcRenderer;
-    console.log('[ipcRenderer]', this.ipcRenderer);
   }
 
   list(): Observable<IManageApp[]> {
     return new Observable<IManageApp[]>((obs) => {
       this.ipcRenderer.invoke(__STORE_KEY_LIST__, null)
-        .then((result) => {
-          obs.next(result);
-        })
-        .catch(reason => {
-          obs.error(reason);
-        })
+        .then((result) => obs.next(result))
+        .catch(reason => obs.error(reason))
         .finally(() => obs.complete());
-    });
+    }).pipe(catchError(this.handleError));
   }
 
   create(manageApp: IManageApp): Observable<IManageApp> {
     return new Observable<IManageApp>((obs) => {
       this.ipcRenderer.invoke(__STORE_KEY_CREATE__, manageApp)
-        .then((result) => {
-          obs.next(result);
-        })
-        .catch(reason => {
-          obs.error(reason);
-        })
+        .then((result) => obs.next(result))
+        .catch(reason => obs.error(reason))
         .finally(() => obs.complete());
-    });
+    }).pipe(catchError(this.handleError));
   }
 
   update(manageApp: IManageApp): Observable<IManageApp> {
     return new Observable<IManageApp>((obs) => {
       this.ipcRenderer.invoke(__STORE_KEY_UPDATE__, manageApp)
-        .then((result) => {
-          obs.next(result);
-        })
-        .catch(reason => {
-          obs.error(reason);
-        })
+        .then((result) => obs.next(result))
+        .catch(reason => obs.error(reason))
         .finally(() => obs.complete());
-    });
+    }).pipe(catchError(this.handleError));
   }
 
   delete(id: string): Observable<IManageApp> {
     return new Observable<IManageApp>((obs) => {
       this.ipcRenderer.invoke(__STORE_KEY_DELETE__, id)
-        .then((result) => {
-          obs.next(result);
-        })
-        .catch(reason => {
-          obs.error(reason);
-        })
+        .then((result) => obs.next(result))
+        .catch(reason => obs.error(reason))
+        .finally(() => obs.complete());
+    }).pipe(catchError(this.handleError));
+  }
+
+  openManageAPP(url: string): Observable<any> {
+    return new Observable<any>((obs) => {
+      this.ipcRenderer.invoke('url-channel', { url })
+        .then((result) => obs.next(result))
         .finally(() => obs.complete());
-    });
+    }).pipe(catchError(this.handleError));
+  }
+
+  private handleError(error): Observable<any> {
+    const isElectron = (this.electronService && this.electronService.isElectron);
+
+    let errorMessage = '';
+    if (!isElectron) {
+      errorMessage = 'Error: Not Electron APP';
+    } else if (error.error instanceof ErrorEvent) {
+      // client-side error
+      errorMessage = `Error: ${error.error.message}`;
+    } else {
+      // server-side error
+      errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
+    }
+
+    return throwError(errorMessage);
   }
 }

src/app/services/electron.service.ts

@@ -1,7 +1,10 @@
+// Angular Imports
 import { Injectable } from '@angular/core';
-// If you import a module but never use any of the imported values other than as TypeScript types,
-// the resulting javascript file will look as if you never imported the module at all.
+
+// Electron Import
 import { IpcRenderer, WebFrame, Remote } from 'electron';
+
+// External Imports
 import { ChildProcess } from 'child_process';
 import * as fs from 'fs';
 

tsconfig.json

@@ -18,7 +18,9 @@
     "paths": {
       "@projects/*": ["./projects/*"],
       "@data-table/*": ["./projects/data-table/*"],
-      "@app/*": ["./src/app/*"]
+      "@app/*": ["./src/app/*"],
+      "@services/*": ["./src/app/services/*"],
+      "@core/*": ["./src/app/core/*"]
     }
   },
   "angularCompilerOptions": {