Added SignalR lib and created Notifications Hub

angular.json

@@ -3176,6 +3176,86 @@
           }
         }
       }
+    },
+    "@core/signalr": {
+      "projectType": "library",
+      "root": "apps/core/signalr",
+      "sourceRoot": "apps/core/signalr/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "tsConfig": "apps/core/signalr/tsconfig.lib.json",
+            "project": "apps/core/signalr/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "apps/core/signalr/tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "apps/core/signalr/src/test.ts",
+            "tsConfig": "apps/core/signalr/tsconfig.spec.json",
+            "karmaConfig": "apps/core/signalr/karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "apps/core/signalr/tsconfig.lib.json",
+              "apps/core/signalr/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
+    "@hub/notifications": {
+      "projectType": "library",
+      "root": "apps/hub/notifications",
+      "sourceRoot": "apps/hub/notifications/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "tsConfig": "apps/hub/notifications/tsconfig.lib.json",
+            "project": "apps/hub/notifications/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "apps/hub/notifications/tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "apps/hub/notifications/src/test.ts",
+            "tsConfig": "apps/hub/notifications/tsconfig.spec.json",
+            "karmaConfig": "apps/hub/notifications/karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "apps/hub/notifications/tsconfig.lib.json",
+              "apps/hub/notifications/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
     }
   },
   "defaultProject": "sales"

apps/core/signalr/README.md

@@ -0,0 +1,25 @@
+# Signalr
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.4.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project signalr` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project signalr`.
+
+> Note: Don't forget to add `--project signalr` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build signalr` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build signalr`, go to the dist folder `cd dist/signalr` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test signalr` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

apps/core/signalr/karma.conf.js

@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma'),
+    ],
+    client: {
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../../../coverage/core/signalr'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true,
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true,
+  });
+};

apps/core/signalr/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/core/signalr",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

apps/core/signalr/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@core/signalr",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^10.2.4",
+    "@angular/core": "^10.2.4"
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  }
+}

apps/core/signalr/src/lib/signalr-hub-options.ts

@@ -0,0 +1,10 @@
+import { IHttpConnectionOptions, IRetryPolicy } from '@microsoft/signalr';
+
+export interface SignalRHubOptions {
+  url: string;
+
+  enableAutomaticReconnect?: boolean;
+  automaticReconnect?: number[] | IRetryPolicy;
+
+  httpOptions?: IHttpConnectionOptions;
+}

apps/core/signalr/src/lib/signalr.hub.ts

@@ -0,0 +1,69 @@
+import { HubConnection, HubConnectionBuilder, HubConnectionState } from '@microsoft/signalr';
+import { Observable } from 'rxjs';
+import { SignalRHubOptions } from './signalr-hub-options';
+
+export abstract class SignalrHub {
+  private readonly _hubConnection: HubConnection;
+
+  get connected() {
+    return this._hubConnection.state === HubConnectionState.Connected;
+  }
+
+  get connecting() {
+    return this._hubConnection.state === HubConnectionState.Connecting;
+  }
+
+  get disconnected() {
+    return this._hubConnection.state === HubConnectionState.Disconnected;
+  }
+
+  get disconnecting() {
+    return this._hubConnection.state === HubConnectionState.Disconnecting;
+  }
+
+  get reconnecting() {
+    return this._hubConnection.state === HubConnectionState.Reconnecting;
+  }
+
+  constructor(options: SignalRHubOptions) {
+    let builder = new HubConnectionBuilder();
+
+    builder = builder.withUrl(options.url, options.httpOptions);
+
+    if (options?.automaticReconnect) {
+      if (options.enableAutomaticReconnect) {
+        builder = builder.withAutomaticReconnect(options.automaticReconnect as any);
+      }
+    }
+
+    this._hubConnection = builder.build();
+  }
+
+  async connect(): Promise<void> {
+    if (this.connected || this.connecting || this.reconnecting) {
+      return;
+    }
+
+    await this._hubConnection.start();
+  }
+
+  disconnect(): Promise<void> {
+    return this._hubConnection.stop();
+  }
+
+  protected listen<TData>(methodName: string) {
+    return new Observable<TData>((observer) => {
+      const handler = (data) => {
+        observer.next(data);
+      };
+
+      this._hubConnection.on(methodName, handler);
+
+      this.connect();
+
+      return () => {
+        this._hubConnection.off(methodName, handler);
+      };
+    });
+  }
+}

apps/core/signalr/src/public-api.ts

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of signalr
+ */
+
+export * from './lib/signalr-hub-options';
+export * from './lib/signalr.hub';

apps/core/signalr/src/test.ts

@@ -0,0 +1,24 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/core/signalr/tsconfig.lib.json

@@ -0,0 +1,25 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/lib",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": [
+      "dom",
+      "es2018"
+    ]
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

apps/core/signalr/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "enableIvy": false
+  }
+}

apps/core/signalr/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

apps/core/signalr/tslint.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "lib",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "lib",
+      "kebab-case"
+    ]
+  }
+}

apps/hub/notifications/README.md

@@ -0,0 +1,25 @@
+# Notifications
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.4.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project notifications` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project notifications`.
+
+> Note: Don't forget to add `--project notifications` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build notifications` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build notifications`, go to the dist folder `cd dist/notifications` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test notifications` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

apps/hub/notifications/karma.conf.js

@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma'),
+    ],
+    client: {
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../../../coverage/hub/notifications'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true,
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true,
+  });
+};

apps/hub/notifications/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/hub/notifications",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

apps/hub/notifications/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@hub/notifications",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^10.2.4",
+    "@angular/core": "^10.2.4"
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  }
+}

apps/hub/notifications/src/lib/hub-notification.module.ts

@@ -0,0 +1,12 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NotificationsHub } from './notifications.hub';
+
+@NgModule({})
+export class NotificationsHubModule {
+  static forRoot(): ModuleWithProviders<NotificationsHubModule> {
+    return {
+      ngModule: NotificationsHubModule,
+      providers: [NotificationsHub],
+    };
+  }
+}

apps/hub/notifications/src/lib/index.ts

@@ -0,0 +1,4 @@
+// start:ng42.barrel
+export * from './hub-notification.module';
+export * from './notifications.hub';
+// end:ng42.barrel

apps/hub/notifications/src/lib/notifications.hub.ts

@@ -0,0 +1,13 @@
+import { Inject, Injectable, InjectionToken } from '@angular/core';
+import { SignalrHub, SignalRHubOptions } from '@core/signalr';
+
+export const NOTIFICATIONS_HUB_OPTIONS = new InjectionToken<SignalRHubOptions>('hub.notifications.options');
+
+@Injectable()
+export class NotificationsHub extends SignalrHub {
+  constructor(@Inject(NOTIFICATIONS_HUB_OPTIONS) options: SignalRHubOptions) {
+    super(options);
+  }
+
+  notifications$ = this.listen('messageBoard');
+}

apps/hub/notifications/src/public-api.ts

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of notifications
+ */
+
+export * from './lib';

apps/hub/notifications/src/test.ts

@@ -0,0 +1,24 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/hub/notifications/tsconfig.lib.json

@@ -0,0 +1,25 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/lib",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": [
+      "dom",
+      "es2018"
+    ]
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

apps/hub/notifications/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "enableIvy": false
+  }
+}

apps/hub/notifications/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

apps/hub/notifications/tslint.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "lib",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "lib",
+      "kebab-case"
+    ]
+  }
+}

apps/sales/src/app/app-configuration.ts

@@ -1,4 +1,5 @@
 import { Injectable } from '@angular/core';
+import { SignalRHubOptions } from '@core/signalr';
 import { AuthConfig } from 'angular-oauth2-oidc';
 
 @Injectable()
@@ -10,6 +11,8 @@ export class AppConfiguration {
 
   sso: AuthConfig;
 
+  hubs: { [key: string]: SignalRHubOptions };
+
   swagger: { [key: string]: { rootUrl: string } };
 
   remissionModuleOptions: {

apps/sales/src/app/app.module.ts

@@ -21,7 +21,7 @@ import { ModalModule, IconModule, OfflineOverlayModule } from '@libs/ui';
 import { ProductState } from './core/store/state/product.state';
 import { AppState } from './core/store/state/app.state';
 import { BranchState } from './core/store/state/branches.state';
-import { SsoModule, SsoInterface } from 'sso';
+import { SsoModule, SsoInterface, SsoService } from 'sso';
 import { SsoAuthorizationInterceptor, HttpErrorHandlerInterceptor } from './core/interceptors';
 import { DatePipe } from '@angular/common';
 import { HimaSalesErrorHandler } from './core/error/hima-sales.error-handler';
@@ -60,6 +60,8 @@ import { AppStoreModule } from './app-store.module';
 import { DomainOmsModule } from '@domain/oms';
 import { DomainAvailabilityModule } from '@domain/availability';
 import { CoreCommandModule } from '@core/command';
+import { NotificationsHubModule, NOTIFICATIONS_HUB_OPTIONS } from '@hub/notifications';
+import { SignalRHubOptions } from '@core/signalr';
 
 registerLocaleData(localeDe, localeDeExtra);
 registerLocaleData(localeDe, 'de', localeDeExtra);
@@ -91,6 +93,15 @@ export function remissionModuleOptionsFactory(config: AppConfiguration): Remissi
 export function cdnProdutctPictures(config: AppConfiguration): string {
   return config.cdn.productPictures;
 }
+
+export function _notificationsHubOptionsFactory(config: AppConfiguration, sso: SsoService): SignalRHubOptions {
+  const options = { ...config.hubs.notifications };
+
+  options.httpOptions.accessTokenFactory = () => sso.getToken();
+
+  return options;
+}
+
 @NgModule({
   declarations: [AppComponent],
   imports: [
@@ -126,7 +137,7 @@ export function cdnProdutctPictures(config: AppConfiguration): string {
     CoreCommandModule.forRoot([]),
 
     /**
-     * @core Domain
+     * @domain Modules
      */
     DomainAvailabilityModule.forRoot(),
     DomainCheckoutModule.forRoot(),
@@ -137,6 +148,11 @@ export function cdnProdutctPictures(config: AppConfiguration): string {
      * @ui Modules
      */
     UiModalModule.forRoot(),
+
+    /**
+     * @hub Modules
+     */
+    NotificationsHubModule.forRoot(),
   ],
   providers: [
     {
@@ -192,6 +208,11 @@ export function cdnProdutctPictures(config: AppConfiguration): string {
       useFactory: cdnProdutctPictures,
       deps: [AppConfiguration],
     },
+    {
+      provide: NOTIFICATIONS_HUB_OPTIONS,
+      useFactory: _notificationsHubOptionsFactory,
+      deps: [AppConfiguration, SsoService],
+    },
   ],
   bootstrap: [AppComponent],
 })

apps/sales/src/app/components/header/header.component.ts

@@ -10,6 +10,7 @@ import { ChangeCurrentRoute } from '../../core/store/actions/process.actions';
 import { Router } from '@angular/router';
 import { BreadcrumbService } from '@core/breadcrumb';
 import { ApplicationService } from '@core/application';
+import { NotificationsHub } from '@hub/notifications';
 
 @Component({
   selector: 'app-header',
@@ -27,7 +28,8 @@ export class HeaderComponent implements OnInit, OnDestroy {
     private router: Router,
     private breadcrumb: BreadcrumbService,
     private applicationService: ApplicationService,
-    private cdr: ChangeDetectorRef
+    private cdr: ChangeDetectorRef,
+    private _notificationsHub: NotificationsHub
   ) {}
 
   customer = 'Kunden';
@@ -56,6 +58,10 @@ export class HeaderComponent implements OnInit, OnDestroy {
       this.doubleChoiceSwitch.isFirstSwitchedOn = section === 'customer';
       this.cdr.markForCheck();
     });
+
+    this._notificationsHub.notifications$.subscribe((data) => {
+      console.log('signalr - notifications', data);
+    });
   }
 
   ngOnDestroy() {

apps/sales/src/assets/config/config.json

@@ -11,6 +11,25 @@
     "oidc": true,
     "scope": "openid profile cmf_user isa-isa-webapi isa-checkout-webapi isa-cat-webapi isa-ava-webapi isa-crm-webapi isa-review-webapi isa-kpi-webapi isa-oms-webapi isa-nbo-webapi isa-print-webapi eis-service isa-inv-webapi"
   },
+  "hubs": {
+    "notifications": {
+      "url": "https://isa-test.paragon-data.net/isa/v1/rt",
+      "automaticReconnect": [
+        5000,
+        10000,
+        15000,
+        30000,
+        60000,
+        120000
+      ],
+      "enableAutomaticReconnect": true,
+      "httpOptions": {
+        "transport": 1,
+        "logMessageContent": true,
+        "skipNegotiation": true
+      }
+    }
+  },
   "swagger": {
     "api": {
       "rootUrl": "https://isa-test.paragon-data.net/catsearch/v5"

package-lock.json

@@ -3178,6 +3178,28 @@
         "schema-utils": "^2.7.0"
       }
     },
+    "@microsoft/signalr": {
+      "version": "5.0.10",
+      "resolved": "https://registry.npmjs.org/@microsoft/signalr/-/signalr-5.0.10.tgz",
+      "integrity": "sha512-7jg6s/cmULyeVvt5/bTB4N9T30HvAF1S06hL+nPcQMODXcclRo34Zcli/dfTLR8lCX31/cVEOmVgxXBOVRQ+Dw==",
+      "requires": {
+        "abort-controller": "^3.0.0",
+        "eventsource": "^1.0.7",
+        "fetch-cookie": "^0.7.3",
+        "node-fetch": "^2.6.0",
+        "ws": "^6.0.0"
+      },
+      "dependencies": {
+        "ws": {
+          "version": "6.2.2",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+          "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
+          "requires": {
+            "async-limiter": "~1.0.0"
+          }
+        }
+      }
+    },
     "@ng-idle/core": {
       "version": "8.0.0-beta.4",
       "resolved": "https://registry.npmjs.org/@ng-idle/core/-/core-8.0.0-beta.4.tgz",
@@ -4045,6 +4067,14 @@
       "integrity": "sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==",
       "dev": true
     },
+    "abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "requires": {
+        "event-target-shim": "^5.0.0"
+      }
+    },
     "accepts": {
       "version": "1.3.7",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
@@ -4438,8 +4468,7 @@
     "async-limiter": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
-      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
-      "dev": true
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
     },
     "asynckit": {
       "version": "0.4.0",
@@ -7155,6 +7184,11 @@
         "next-tick": "~1.0.0"
       }
     },
+    "es6-denodeify": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/es6-denodeify/-/es6-denodeify-0.1.5.tgz",
+      "integrity": "sha1-MdTV/pxVA+ElRgQ5MQ4WoqPznB8="
+    },
     "es6-error": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
@@ -7270,6 +7304,11 @@
       "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
       "dev": true
     },
+    "event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
+    },
     "eventemitter3": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
@@ -7286,7 +7325,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.1.0.tgz",
       "integrity": "sha512-VSJjT5oCNrFvCS6igjzPAt5hBzQ2qPBFIbJ03zLI9SE0mxwZpMw6BfJrbFHm1a141AavMEB8JHmBhWAd66PfCg==",
-      "dev": true,
       "requires": {
         "original": "^1.0.0"
       }
@@ -7634,6 +7672,15 @@
         "websocket-driver": ">=0.5.1"
       }
     },
+    "fetch-cookie": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/fetch-cookie/-/fetch-cookie-0.7.3.tgz",
+      "integrity": "sha512-rZPkLnI8x5V+zYAiz8QonAHsTb4BY+iFowFBI1RFn0zrO343AVp9X7/yUj/9wL6Ef/8fLls8b/vGtzUvmyAUGA==",
+      "requires": {
+        "es6-denodeify": "^0.1.1",
+        "tough-cookie": "^2.3.3"
+      }
+    },
     "figgy-pudding": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
@@ -11490,6 +11537,35 @@
         "lodash": "^4.17.21"
       }
     },
+    "node-fetch": {
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.5.tgz",
+      "integrity": "sha512-mmlIVHJEu5rnIxgEgez6b9GgWXbkZj5YZ7fx+2r94a2E+Uirsp6HsPTPlomfdHtpt/B0cdKviwkoaM6pyvUOpQ==",
+      "requires": {
+        "whatwg-url": "^5.0.0"
+      },
+      "dependencies": {
+        "tr46": {
+          "version": "0.0.3",
+          "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+          "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
+        },
+        "webidl-conversions": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+          "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
+        },
+        "whatwg-url": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+          "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+          "requires": {
+            "tr46": "~0.0.3",
+            "webidl-conversions": "^3.0.0"
+          }
+        }
+      }
+    },
     "node-fetch-npm": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/node-fetch-npm/-/node-fetch-npm-2.0.4.tgz",
@@ -12183,7 +12259,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/original/-/original-1.0.2.tgz",
       "integrity": "sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==",
-      "dev": true,
       "requires": {
         "url-parse": "^1.4.3"
       }
@@ -15162,8 +15237,7 @@
     "psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
-      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
-      "dev": true
+      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ=="
     },
     "public-encrypt": {
       "version": "4.0.3",
@@ -15223,8 +15297,7 @@
     "punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "dev": true
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
     },
     "purgecss": {
       "version": "4.0.3",
@@ -15289,8 +15362,7 @@
     "querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-      "dev": true
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
     },
     "queue-microtask": {
       "version": "1.2.3",
@@ -15904,8 +15976,7 @@
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://pkgs.dev.azure.com/hugendubel/_packaging/hugendubel/npm/registry/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
-      "dev": true
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
     },
     "resize-observer-polyfill": {
       "version": "1.5.1",
@@ -18469,7 +18540,6 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
       "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
-      "dev": true,
       "requires": {
         "psl": "^1.1.28",
         "punycode": "^2.1.1"
@@ -18947,7 +19017,6 @@
       "version": "1.5.3",
       "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.3.tgz",
       "integrity": "sha512-IIORyIQD9rvj0A4CLWsHkBBJuNqWpFQe224b6j9t/ABmquIS0qDU2pY6kl6AuOrL5OkCXHMCFNe1jBcuAggjvQ==",
-      "dev": true,
       "requires": {
         "querystringify": "^2.1.1",
         "requires-port": "^1.0.0"

package.json

@@ -41,6 +41,7 @@
     "@angular/platform-browser-dynamic": "~10.1.2",
     "@angular/router": "~10.1.2",
     "@angular/service-worker": "~10.1.2",
+    "@microsoft/signalr": "^5.0.10",
     "@ng-idle/core": "^8.0.0-beta.4",
     "@ng-idle/keepalive": "^8.0.0-beta.4",
     "@ngneat/spectator": "^8.0.1",

tsconfig.json

@@ -275,6 +275,12 @@
       ],
       "@modal/reorder": [
         "apps/modal/reorder/src/public-api.ts"
+      ],
+      "@core/signalr": [
+        "apps/core/signalr/src/public-api.ts"
+      ],
+      "@hub/notifications": [
+        "apps/hub/notifications/src/public-api.ts",
       ]
     }
   }