Zxing ask for camera permission

.browserslistrc

@@ -1,7 +0,0 @@
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 iOS major versions
-safari > 11
-Firefox ESR
-not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

.gitignore

@@ -31,7 +31,6 @@ speed-measure-plugin.json
 .history/*
 
 # misc
-/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage
@@ -47,4 +46,4 @@ testem.log
 .DS_Store
 Thumbs.db
 
-libs/swagger/src/lib/*
+libs/swagger/src/lib/*

.npmrc

@@ -1 +1,3 @@
-@paragondata:registry=https://npm.pkg.github.com
+@isa:registry=https://pkgs.dev.azure.com/hugendubel/_packaging/hugendubel%40Local/npm/registry/
+@cmf:registry=https://pkgs.dev.azure.com/hugendubel/_packaging/hugendubel%40Local/npm/registry/
+always-auth=true

.prettierignore

@@ -5,6 +5,7 @@
 /helmvalues
 /apps/swagger
 /ng-swagger-gen
+/apps/isa-app/src/assets
 
 *.json
 *.yml

.vscode/launch.json

@@ -1,15 +1,22 @@
 {
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "chrome",
-            "request": "launch",
-            "name": "ISA-App Chrome",
-            "url": "https://localhost:4200",
-            "webRoot": "${workspaceFolder}",
-        }
-    ]
-}
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.11.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Launch Chrome",
+      "url": "https://192.168.2.112:4200",
+      "webRoot": "${workspaceFolder}",
+      "sourceMaps": true,
+      "sourceMapPathOverrides": {
+        "/./*": "${webRoot}/*",
+        "/src/*": "${webRoot}/*",
+        "/*": "*",
+        "/./~/*": "${webRoot}/node_modules/*"
+      }
+    }
+  ]
+}

Dockerfile

@@ -1,5 +1,5 @@
 #stage 1
-FROM node:18 as base
+FROM node:14 as base
 ARG IS_PRODUCTION=false
 ARG SEMVERSION=1.0.0
 ARG BuildUniqueID

apps/adapter/scan/karma.conf.js

@@ -0,0 +1,41 @@
+// 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'),
+      require('@angular-devkit/build-angular/plugins/karma'),
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true, // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../../coverage/adapter/scan'),
+      subdir: '.',
+      reporters: [{ type: 'html' }, { type: 'text-summary' }],
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true,
+  });
+};

apps/adapter/scan/src/lib/dev.scan-adapter.ts

@@ -1,19 +1,22 @@
-import { Injectable, isDevMode } from '@angular/core';
-import { EnvironmentService } from '@core/environment';
+import { Injectable } from '@angular/core';
 import { PromptModalData, UiModalService, UiPromptModalComponent } from '@ui/modal';
 import { Observable } from 'rxjs';
 import { ScanAdapter } from './scan-adapter';
 
 @Injectable()
 export class DevScanAdapter implements ScanAdapter {
-  readonly name = 'Dev';
+  constructor(private _modal: UiModalService) {}
 
-  constructor(private _modal: UiModalService, private _environmentService: EnvironmentService) {}
+  getName(): string {
+    return 'Dev Scanner';
+  }
 
-  async init(): Promise<boolean> {
-    return new Promise((resolve, reject) => {
-      resolve(isDevMode());
-    });
+  isPrimary(): boolean {
+    return true;
+  }
+
+  isReady(): boolean {
+    return true;
   }
 
   scan(): Observable<string> {

apps/adapter/scan/src/lib/dummy.spec.ts

@@ -1,5 +0,0 @@
-describe('Dummy', () => {
-  it('should work', () => {
-    expect(true).toBeTruthy();
-  });
-});

apps/adapter/scan/src/lib/native.scan-adapter.ts

@@ -6,14 +6,20 @@ import { ScanAdapter } from './scan-adapter';
 
 @Injectable()
 export class NativeScanAdapter implements ScanAdapter {
-  readonly name = 'Native';
-
   constructor(private readonly nativeContainerService: NativeContainerService) {}
 
-  init(): Promise<boolean> {
-    return new Promise((resolve, reject) => {
-      resolve(this.nativeContainerService.isNative);
-    });
+  getName(): string {
+    return 'Native Scanner';
+  }
+
+  isPrimary(): boolean {
+    return true;
+  }
+
+  isReady(): boolean {
+    // TODO: Fix Login Keycard Dauerschleife
+    return this.nativeContainerService.isUiWebview().isNative;
+    // return false;
   }
 
   scan(): Observable<string> {

apps/adapter/scan/src/lib/scan-adapter.ts

@@ -1,18 +1,11 @@
 import { Observable } from 'rxjs';
 
 export interface ScanAdapter {
-  /**
-   * Name to identify the adapter
-   */
-  readonly name: string;
+  getName(): string;
 
-  /**
-   * @returns true if this adapter can be used
-   */
-  init(): Promise<boolean>;
+  isPrimary(): boolean;
+
+  isReady(): boolean;
 
-  /**
-   * scan for a barcode
-   */
   scan(): Observable<string>;
 }

apps/adapter/scan/src/lib/scan.module.ts

@@ -1,16 +1,23 @@
 import { NgModule } from '@angular/core';
 import { DevScanAdapter } from './dev.scan-adapter';
 import { NativeScanAdapter } from './native.scan-adapter';
+import { ScanditModalModule } from './scandit-modal';
+import { ScanditScanAdapter } from './scandit.scan-adapter';
 import { SCAN_ADAPTER } from './tokens';
+import { ZxingModalModule } from './zxing-modal';
+import { ZxingScanAdapter } from './zxing.scan-adapter';
 
-@NgModule({})
+@NgModule({
+  imports: [ScanditModalModule, ZxingModalModule],
+})
 export class ScanAdapterModule {
-  static forRoot() {
+  static forRoot(dev?: boolean) {
     return {
       ngModule: ScanAdapterModule,
       providers: [
         { provide: SCAN_ADAPTER, useClass: NativeScanAdapter, multi: true },
-        { provide: SCAN_ADAPTER, useClass: DevScanAdapter, multi: true },
+        // { provide: SCAN_ADAPTER, useClass: ScanditScanAdapter, multi: true },
+        { provide: SCAN_ADAPTER, useClass: ZxingScanAdapter, multi: true },
       ],
       // Use for testing:
       // providers: [{ provide: SCAN_ADAPTER, useClass: dev ? DevScanAdapter : NativeScanAdapter, multi: true }],

apps/adapter/scan/src/lib/scan.service.ts

@@ -1,5 +1,4 @@
 import { Inject, Injectable } from '@angular/core';
-import { Observable, throwError } from 'rxjs';
 import { ScanAdapter } from './scan-adapter';
 import { SCAN_ADAPTER } from './tokens';
 
@@ -7,46 +6,25 @@ import { SCAN_ADAPTER } from './tokens';
   providedIn: 'root',
 })
 export class ScanAdapterService {
-  private _readyAdapters: Record<string, boolean> = {};
-
   constructor(@Inject(SCAN_ADAPTER) private readonly scanAdapters: ScanAdapter[]) {}
 
-  async init(): Promise<void> {
-    for (const adapter of this.scanAdapters) {
-      const isReady = await adapter.init();
-      this._readyAdapters[adapter.name] = isReady;
+  scanners() {
+    return this.scanAdapters.filter((adapter) => adapter.isReady());
+  }
+
+  scanner() {
+    return this.scanners().find((scanner) => scanner.isPrimary()) || this.scanners().find(() => true);
+  }
+
+  isReady() {
+    return this.scanAdapters.some((adapter) => adapter.isReady());
+  }
+
+  scan() {
+    const primaryScanner = this.scanner();
+    if (primaryScanner) {
+      return primaryScanner.scan();
     }
-  }
-
-  adapters(): ScanAdapter[] {
-    return [...this.scanAdapters];
-  }
-
-  getAdapter(name: string): ScanAdapter | undefined {
-    return this._readyAdapters[name] && this.scanAdapters.find((adapter) => adapter.name === name);
-  }
-
-  isReady(): boolean {
-    return Object.values(this._readyAdapters).some((ready) => ready);
-  }
-
-  scan(): Observable<string> {
-    const adapterOrder = ['Native', 'Scandit', 'Dev'];
-
-    let adapter: ScanAdapter;
-
-    for (const name of adapterOrder) {
-      adapter = this.getAdapter(name);
-
-      if (adapter) {
-        break;
-      }
-    }
-
-    if (!adapter) {
-      return throwError('No adapter found');
-    }
-
-    return adapter.scan();
+    return null;
   }
 }

apps/adapter/scan/src/lib/scandit-modal/index.ts

@@ -0,0 +1,2 @@
+export * from './scandit-modal.component';
+export * from './scandit-modal.module';

apps/adapter/scan/src/lib/scandit-modal/scandit-modal.component.html

@@ -0,0 +1 @@
+<div class="scanner-container" #scanContainer></div>

apps/adapter/scan/src/lib/scandit-modal/scandit-modal.component.scss

@@ -0,0 +1,4 @@
+.scanner-container {
+  @apply mt-8;
+  max-height: calc(100vh - 10rem);
+}

apps/adapter/scan/src/lib/scandit-modal/scandit-modal.component.ts

@@ -0,0 +1,86 @@
+import { Component, ChangeDetectionStrategy, ViewChild, ElementRef, AfterViewInit, NgZone, Inject, OnDestroy } from '@angular/core';
+import { UiMessageModalComponent, UiModalRef, UiModalService } from '@ui/modal';
+import { Barcode, BarcodePicker, ScanSettings } from 'scandit-sdk';
+
+@Component({
+  selector: 'scandit-modal',
+  templateUrl: 'scandit-modal.component.html',
+  styleUrls: ['scandit-modal.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ScanditModalComponent implements AfterViewInit, OnDestroy {
+  private _barcodePicker: BarcodePicker;
+
+  @ViewChild('scanContainer', { read: ElementRef, static: true }) scanContainer: ElementRef;
+
+  constructor(private _modalRef: UiModalRef, private readonly _zone: NgZone, private readonly _modal: UiModalService) {}
+
+  ngAfterViewInit(): void {
+    this._zone.runOutsideAngular(() => {
+      BarcodePicker.create(this.scanContainer.nativeElement, {
+        playSoundOnScan: true,
+        vibrateOnScan: true,
+      })
+        .then(async (picker) => {
+          this._barcodePicker = picker;
+
+          var scanSettings = new ScanSettings({
+            blurryRecognition: false,
+
+            enabledSymbologies: [
+              Barcode.Symbology.EAN8,
+              Barcode.Symbology.EAN13,
+              Barcode.Symbology.UPCA,
+              Barcode.Symbology.UPCE,
+              Barcode.Symbology.CODE128,
+              Barcode.Symbology.CODE39,
+              Barcode.Symbology.CODE93,
+              Barcode.Symbology.INTERLEAVED_2_OF_5,
+              Barcode.Symbology.QR,
+            ],
+            codeDuplicateFilter: 1000,
+          });
+          picker.applyScanSettings(scanSettings);
+
+          picker.on('scan', (barcode) => {
+            this._zone.run(() => {
+              if (barcode.barcodes.length) {
+                this._modalRef.close(barcode.barcodes[0].data);
+              } else if (barcode.texts.length) {
+                this._modalRef.close(barcode.texts[0].value);
+              }
+            });
+          });
+        })
+        .catch((err) => {
+          this._zone.run(() => {
+            this.cancel();
+
+            this._modal
+              .open({
+                content: UiMessageModalComponent,
+                data: {
+                  message: `
+              Scanner kann nicht aktiviert werden.
+              Bitte stellen Sie sicher, dass der zugriff auf die Kamera erlaubt ist.
+            `,
+                },
+              })
+              .afterClosed$.subscribe(() => {
+                this.cancel();
+              });
+          });
+        });
+    });
+  }
+
+  cancel() {
+    this._modalRef.close();
+  }
+
+  ngOnDestroy(): void {
+    this._zone.runOutsideAngular(() => {
+      this._barcodePicker?.destroy(true);
+    });
+  }
+}

apps/adapter/scan/src/lib/scandit-modal/scandit-modal.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ScanditModalComponent } from './scandit-modal.component';
+
+@NgModule({
+  imports: [CommonModule],
+  exports: [ScanditModalComponent],
+  declarations: [ScanditModalComponent],
+})
+export class ScanditModalModule {}

apps/adapter/scan/src/lib/scandit.scan-adapter.ts

@@ -0,0 +1,49 @@
+import { Injectable } from '@angular/core';
+import { UiModalService } from '@ui/modal';
+import { Observable } from 'rxjs';
+import { ScanAdapter } from './scan-adapter';
+
+import { configure } from 'scandit-sdk';
+import { ScanditModalComponent } from './scandit-modal';
+import { filter, map } from 'rxjs/operators';
+import { Config } from '@core/config';
+
+@Injectable()
+export class ScanditScanAdapter implements ScanAdapter {
+  private _isReady = false;
+
+  constructor(private readonly _modal: UiModalService, private readonly _config: Config) {
+    this.configure();
+  }
+
+  private async configure() {
+    await configure(this._config.get('licence.scandit'), {
+      engineLocation: '/assets/scandit/',
+    });
+
+    this._isReady = true;
+  }
+
+  getName(): string {
+    return 'Scandit';
+  }
+
+  isPrimary(): boolean {
+    return false;
+  }
+
+  isReady(): boolean {
+    return this._isReady;
+  }
+
+  scan(): Observable<string> {
+    return this._modal
+      .open({
+        content: ScanditModalComponent,
+      })
+      .afterClosed$.pipe(
+        map((result) => result.data),
+        filter((result) => !!result)
+      );
+  }
+}

apps/adapter/scan/src/lib/scandit/index.ts

@@ -1,3 +0,0 @@
-export * from './scandit-overlay.component';
-export * from './scandit-scan-adapter.module';
-export * from './scandit.scan-adapter';

apps/adapter/scan/src/lib/scandit/scandit-overlay.component.css

@@ -1,20 +0,0 @@
-:host {
-  @apply block relative;
-}
-
-.scanner-container {
-  width: 100vw;
-  max-width: 95vw;
-  max-height: calc(95vh - 120px);
-}
-
-.close-scanner {
-  @apply block px-6 py-4 bg-white text-brand border-2 border-solid border-brand rounded-full text-lg font-bold mx-auto mt-4;
-}
-
-@screen desktop {
-  .scanner-container {
-    max-width: 900px;
-    max-height: 900px;
-  }
-}

apps/adapter/scan/src/lib/scandit/scandit-overlay.component.html

@@ -1,4 +0,0 @@
-<div class="scanner-container" #scanContainer></div>
-<button class="close-scanner" type="button" (click)="close()">
-  Scan abbrechen
-</button>

apps/adapter/scan/src/lib/scandit/scandit-overlay.component.ts

@@ -1,100 +0,0 @@
-import { Component, ChangeDetectionStrategy, ElementRef, ViewChild, NgZone, AfterViewInit, OnDestroy } from '@angular/core';
-import { UiMessageModalComponent, UiModalService } from '@ui/modal';
-import { Barcode, BarcodePicker, ScanResult, ScanSettings } from 'scandit-sdk';
-
-@Component({
-  selector: 'app-scandit-overlay',
-  templateUrl: 'scandit-overlay.component.html',
-  styleUrls: ['scandit-overlay.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ScanditOverlayComponent implements AfterViewInit, OnDestroy {
-  private _barcodePicker: BarcodePicker;
-
-  private _onScan?: (code: string) => void;
-
-  private _onClose?: () => void;
-
-  @ViewChild('scanContainer', { read: ElementRef, static: true }) scanContainer: ElementRef;
-
-  constructor(private _zone: NgZone, private _modal: UiModalService) {}
-
-  ngAfterViewInit(): void {
-    this.createBarcodePicker()
-      .then(() => {
-        this._barcodePicker.on('scan', (scanResult) => {
-          this._zone.run(() => this.handleScanrResult(scanResult));
-        });
-      })
-      .catch((err: Error) => {
-        this._modal
-          .open({
-            content: UiMessageModalComponent,
-            title: 'Zugriff auf Kamera verweigert',
-            data: { message: 'Falls Sie den Zugriff erlauben möchten, können Sie das über die Webseiteinstellung Ihres Browsers.' },
-          })
-          .afterClosed$.subscribe(() => {
-            this._onClose?.();
-          });
-      });
-  }
-
-  async createBarcodePicker() {
-    this._barcodePicker = await BarcodePicker.create(this.scanContainer.nativeElement, {
-      playSoundOnScan: true,
-      vibrateOnScan: true,
-    });
-
-    this._barcodePicker.applyScanSettings(this.getScanSettings());
-  }
-
-  getScanSettings(): ScanSettings {
-    return new ScanSettings({
-      blurryRecognition: false,
-
-      enabledSymbologies: [
-        Barcode.Symbology.EAN8,
-        Barcode.Symbology.EAN13,
-        Barcode.Symbology.UPCA,
-        Barcode.Symbology.UPCE,
-        Barcode.Symbology.CODE128,
-        Barcode.Symbology.CODE39,
-        Barcode.Symbology.CODE93,
-        Barcode.Symbology.INTERLEAVED_2_OF_5,
-        Barcode.Symbology.QR,
-      ],
-      codeDuplicateFilter: 1000,
-    });
-  }
-
-  onScan(fn: (code: string) => void) {
-    this._onScan = fn;
-  }
-
-  onClose(fn: () => void) {
-    this._onClose = fn;
-  }
-
-  handleScanrResult(scanRestul: ScanResult) {
-    let result: string | undefined;
-    if (scanRestul.barcodes.length) {
-      result = scanRestul.barcodes[0].data;
-    } else if (scanRestul.texts.length) {
-      result = scanRestul.texts[0].value;
-    }
-
-    if (result) {
-      this._onScan?.(result);
-    }
-  }
-
-  close() {
-    this._onClose?.();
-  }
-
-  ngOnDestroy(): void {
-    this._zone.runOutsideAngular(() => {
-      this._barcodePicker?.destroy(true);
-    });
-  }
-}

apps/adapter/scan/src/lib/scandit/scandit-scan-adapter.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { ScanditOverlayComponent } from './scandit-overlay.component';
-import { ScanditScanAdapter } from './scandit.scan-adapter';
-import { SCAN_ADAPTER } from '../tokens';
-
-@NgModule({
-  imports: [CommonModule],
-  exports: [ScanditOverlayComponent],
-  declarations: [ScanditOverlayComponent],
-})
-export class ScanditScanAdapterModule {
-  static forRoot() {
-    return {
-      ngModule: ScanditScanAdapterModule,
-      providers: [{ provide: SCAN_ADAPTER, useClass: ScanditScanAdapter, multi: true }],
-    };
-  }
-}

apps/adapter/scan/src/lib/scandit/scandit.scan-adapter.ts

@@ -1,82 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Observable, Subscriber } from 'rxjs';
-import { ScanAdapter } from '../scan-adapter';
-import { Overlay } from '@angular/cdk/overlay';
-
-import { configure } from 'scandit-sdk';
-// import { ScanditModalComponent } from './scandit-modal';
-import { Config } from '@core/config';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { ScanditOverlayComponent } from './scandit-overlay.component';
-import { EnvironmentService } from '@core/environment';
-
-@Injectable()
-export class ScanditScanAdapter implements ScanAdapter {
-  readonly name = 'Scandit';
-
-  constructor(private readonly _config: Config, private _overlay: Overlay, private _environmentService: EnvironmentService) {}
-
-  async init(): Promise<boolean> {
-    if (this._environmentService.isTablet()) {
-      await configure(this._config.get('licence.scandit'), {
-        engineLocation: '/scandit/',
-      });
-
-      return true;
-    }
-
-    return false;
-  }
-
-  scan(): Observable<string> {
-    return new Observable((observer) => {
-      const overlay = this.createOverlay();
-
-      const portal = this.createPortal();
-
-      const ref = overlay.attach(portal);
-
-      const sub = new Subscriber();
-
-      const complete = () => {
-        overlay.detach();
-        ref.destroy();
-        sub.unsubscribe();
-        sub.complete();
-        observer.complete();
-      };
-
-      sub.add(
-        overlay.backdropClick().subscribe(() => {
-          complete();
-        })
-      );
-
-      ref.instance.onScan((code) => {
-        observer.next(code);
-        complete();
-      });
-
-      ref.instance.onClose(() => {
-        complete();
-      });
-
-      return complete;
-    });
-  }
-
-  createOverlay() {
-    const overlay = this._overlay.create({
-      positionStrategy: this._overlay.position().global().centerHorizontally().centerVertically(),
-      hasBackdrop: true,
-    });
-
-    return overlay;
-  }
-
-  createPortal() {
-    const portal = new ComponentPortal(ScanditOverlayComponent);
-
-    return portal;
-  }
-}

apps/adapter/scan/src/lib/zxing-modal/index.ts

@@ -0,0 +1,2 @@
+export * from './zxing-modal.component';
+export * from './zxing-modal.module';

apps/adapter/scan/src/lib/zxing-modal/zxing-modal.component.html

@@ -0,0 +1,17 @@
+<!-- <select>
+    <options [value]="dev.deviceId" *ngFor="let dev in devices$ | async">
+        {{ dev.label }}
+    </options>
+</select> -->
+
+<div class="device-container">
+  <button
+    [class.selected]="(selectedDevice$ | async) === dev.deviceId"
+    *ngFor="let dev of devices$ | async"
+    (click)="setSelectedDevice(dev.deviceId)"
+  >
+    {{ dev.label }}
+  </button>
+</div>
+
+<video class="scanner-container" #scanContainer></video>

apps/adapter/scan/src/lib/zxing-modal/zxing-modal.component.scss

@@ -0,0 +1,17 @@
+.scanner-container {
+  // @apply mt-8;
+  max-height: calc(100vh - 10rem);
+  width: 100%;
+}
+
+button {
+  @apply bg-white text-brand px-3 py-2;
+
+  &.selected {
+    @apply bg-brand text-white;
+  }
+}
+
+.device-container {
+  @apply flex flex-row items-center justify-center my-4;
+}

apps/adapter/scan/src/lib/zxing-modal/zxing-modal.component.ts

@@ -0,0 +1,104 @@
+import { Component, ChangeDetectionStrategy, ViewChild, ElementRef, AfterViewInit, NgZone, Inject, OnDestroy, OnInit } from '@angular/core';
+import { UiMessageModalComponent, UiModalRef, UiModalService } from '@ui/modal';
+import { BarcodeFormat, DecodeHintType, BrowserMultiFormatReader } from '@zxing/library';
+import { BehaviorSubject, from, ReplaySubject, Subject } from 'rxjs';
+import { filter, takeUntil, tap } from 'rxjs/operators';
+
+@Component({
+  selector: 'zxing-modal',
+  templateUrl: 'zxing-modal.component.html',
+  styleUrls: ['zxing-modal.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ZxingModalComponent implements OnInit, OnDestroy {
+  private _reader: BrowserMultiFormatReader;
+
+  @ViewChild('scanContainer', { read: ElementRef, static: true }) scanContainer: ElementRef;
+
+  devices$ = new ReplaySubject<MediaDeviceInfo[]>();
+
+  selectedDevice$ = new BehaviorSubject<string>(null);
+
+  get selectedDevice() {
+    return this.selectedDevice$.value;
+  }
+
+  private _onDestroy$ = new Subject<void>();
+
+  constructor(private _modalRef: UiModalRef, private readonly _zone: NgZone, private readonly _modal: UiModalService) {}
+
+  async ngOnInit() {
+    try {
+      const mediaStream: MediaStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: false });
+      mediaStream.getVideoTracks().forEach((track) => track.stop());
+
+      const hints = new Map<DecodeHintType, any>();
+
+      const formats = [
+        BarcodeFormat.EAN_8,
+        BarcodeFormat.EAN_13,
+        BarcodeFormat.UPC_A,
+        BarcodeFormat.UPC_E,
+        BarcodeFormat.CODE_128,
+        BarcodeFormat.CODE_39,
+        BarcodeFormat.CODE_93,
+        BarcodeFormat.ITF,
+        BarcodeFormat.QR_CODE,
+      ];
+
+      hints.set(DecodeHintType.POSSIBLE_FORMATS, formats);
+
+      this._reader = new BrowserMultiFormatReader(hints, 1000);
+
+      from(this._reader.listVideoInputDevices()).subscribe((devices) => {
+        this.devices$.next(devices);
+        this.selectedDevice$.next(devices[0].deviceId);
+      });
+
+      this.selectedDevice$
+        .pipe(
+          takeUntil(this._onDestroy$),
+          filter((v) => !!v),
+          tap(() => {
+            this._reader?.reset();
+          })
+        )
+        .subscribe((device) => {
+          this._reader.decodeFromVideoDevice(device, this.scanContainer.nativeElement, (result) => {
+            if (result) {
+              this._modalRef.close(result.getText());
+            }
+          });
+        });
+    } catch (error) {
+      this.cancel();
+      this._modal
+        .open({
+          content: UiMessageModalComponent,
+          data: {
+            message: `
+    Scanner kann nicht aktiviert werden.
+    Bitte stellen Sie sicher, dass der zugriff auf die Kamera erlaubt ist.
+  `,
+          },
+        })
+        .afterClosed$.subscribe(() => {
+          this.cancel();
+        });
+    }
+  }
+
+  cancel() {
+    this._modalRef.close();
+  }
+
+  ngOnDestroy(): void {
+    this._onDestroy$.next();
+
+    this._reader?.reset();
+  }
+
+  setSelectedDevice(id: string) {
+    this.selectedDevice$.next(id);
+  }
+}

apps/adapter/scan/src/lib/zxing-modal/zxing-modal.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ZxingModalComponent } from './zxing-modal.component';
+
+@NgModule({
+  imports: [CommonModule],
+  exports: [ZxingModalComponent],
+  declarations: [ZxingModalComponent],
+})
+export class ZxingModalModule {}

apps/adapter/scan/src/lib/zxing.scan-adapter.ts

@@ -0,0 +1,38 @@
+import { Injectable } from '@angular/core';
+import { UiModalService } from '@ui/modal';
+import { Observable } from 'rxjs';
+import { ScanAdapter } from './scan-adapter';
+
+import { filter, map } from 'rxjs/operators';
+import { Config } from '@core/config';
+import { ZxingModalComponent } from './zxing-modal/zxing-modal.component';
+
+@Injectable()
+export class ZxingScanAdapter implements ScanAdapter {
+  private _isReady = true;
+
+  constructor(private readonly _modal: UiModalService, private readonly _config: Config) {}
+
+  getName(): string {
+    return 'Zxing';
+  }
+
+  isPrimary(): boolean {
+    return false;
+  }
+
+  isReady(): boolean {
+    return this._isReady;
+  }
+
+  scan(): Observable<string> {
+    return this._modal
+      .open({
+        content: ZxingModalComponent,
+      })
+      .afterClosed$.pipe(
+        map((result) => result.data),
+        filter((result) => !!result)
+      );
+  }
+}

apps/adapter/scan/src/public-api.ts

@@ -2,10 +2,5 @@
  * Public API Surface of scan
  */
 
-export * from './lib/scandit';
-export * from './lib/dev.scan-adapter';
-export * from './lib/native.scan-adapter';
-export * from './lib/scan-adapter';
-export * from './lib/scan.module';
 export * from './lib/scan.service';
-export * from './lib/tokens';
+export * from './lib/scan.module';

apps/adapter/scan/src/test.ts

@@ -0,0 +1,25 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/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(), { teardown: { destroyAfterEach: true } });
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/adapter/scan/tsconfig.lib.json

@@ -3,6 +3,7 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../../out-tsc/lib",
+    "target": "es2015",
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,

apps/adapter/scan/tsconfig.spec.json

@@ -7,8 +7,11 @@
       "jasmine"
     ]
   },
+  "files": [
+    "src/test.ts"
+  ],
   "include": [
     "**/*.spec.ts",
     "**/*.d.ts"
   ]
-}
+}

apps/cdn/product-image/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/cdn/product-image'),
+      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/cdn/product-image/src/lib/product-image.service.spec.ts

@@ -1,20 +1,16 @@
-import { Config } from '@core/config';
-import { createServiceFactory, SpectatorService } from '@ngneat/spectator';
+import { TestBed } from '@angular/core/testing';
 
 import { ProductImageService } from './product-image.service';
 
 describe('ProductImageService', () => {
-  let spectator: SpectatorService<ProductImageService>;
-  const createService = createServiceFactory({
-    service: ProductImageService,
-    mocks: [Config],
-  });
+  let service: ProductImageService;
 
   beforeEach(() => {
-    spectator = createService();
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ProductImageService);
   });
 
   it('should be created', () => {
-    expect(spectator.service).toBeTruthy();
+    expect(service).toBeTruthy();
   });
 });

apps/cdn/product-image/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';
+import 'zone.js/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/cdn/product-image/tsconfig.lib.json

@@ -3,6 +3,7 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../../out-tsc/lib",
+    "target": "es2015",
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,

apps/cdn/product-image/tsconfig.lib.prod.json

@@ -5,6 +5,6 @@
     "declarationMap": false
   },
   "angularCompilerOptions": {
-    "compilationMode": "partial"
+    "enableIvy": false
   }
 }

apps/cdn/product-image/tsconfig.spec.json

@@ -7,8 +7,11 @@
       "jasmine"
     ]
   },
+  "files": [
+    "src/test.ts"
+  ],
   "include": [
     "**/*.spec.ts",
     "**/*.d.ts"
   ]
-}
+}

apps/core/README.md

@@ -1,25 +0,0 @@
-# Core
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.0.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project core` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project core`.
-
-> Note: Don't forget to add `--project core` or else it will be added to the default project in your `angular.json` file.
-
-## Build
-
-Run `ng build core` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build core`, go to the dist folder `cd dist/core` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test core` 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/application/README.md

@@ -0,0 +1,25 @@
+# Application
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.2.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project application` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project application`.
+
+> Note: Don't forget to add `--project application` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build application` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build application`, go to the dist folder `cd dist/application` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test application` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).

apps/core/application/karma.conf.js

@@ -0,0 +1,43 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+const customLaunchers = require('../../../karma/custom-launchers');
+const junitReporter = require('../../../karma/junit-reporter')('core-application');
+const coverageReporter = require('../../../karma/coverage-reporter')('core-application');
+
+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'),
+      require('karma-junit-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma'),
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true, // removes the duplicated traces
+    },
+    coverageReporter,
+    junitReporter,
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    customLaunchers,
+    singleRun: false,
+    restartOnFileChange: true,
+  });
+};

apps/core/application/package.json

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

apps/core/application/src/lib/application.service.spec.ts

@@ -1,233 +1,232 @@
-// import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spectator';
-// import { Store } from '@ngrx/store';
-// import { Observable, of } from 'rxjs';
-// import { first } from 'rxjs/operators';
-// import { ApplicationProcess } from './defs';
+import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spectator';
+import { Store } from '@ngrx/store';
+import { Observable, of } from 'rxjs';
+import { first } from 'rxjs/operators';
+import { ApplicationProcess } from './defs';
 
-// import { ApplicationService } from './application.service';
-// import * as actions from './store/application.actions';
+import { ApplicationService } from './application.service';
+import * as actions from './store/application.actions';
 
-// describe('ApplicationService', () => {
-//   let spectator: SpectatorService<ApplicationService>;
-//   let store: SpyObject<Store>;
-//   const createService = createServiceFactory({
-//     service: ApplicationService,
-//     mocks: [Store],
-//   });
+describe('ApplicationService', () => {
+  let spectator: SpectatorService<ApplicationService>;
+  let store: SpyObject<Store>;
+  const createService = createServiceFactory({
+    service: ApplicationService,
+    mocks: [Store],
+  });
 
-//   beforeEach(() => {
-//     spectator = createService({});
-//     store = spectator.inject(Store);
-//   });
+  beforeEach(() => {
+    spectator = createService({});
+    store = spectator.inject(Store);
+  });
 
-//   it('should be created', () => {
-//     expect(spectator.service).toBeTruthy();
-//   });
+  it('should be created', () => {
+    expect(spectator.service).toBeTruthy();
+  });
 
-//   describe('activatedProcessId$', () => {
-//     it('should return an observable', () => {
-//       expect(spectator.service.activatedProcessId$).toBeInstanceOf(Observable);
-//     });
-//   });
+  describe('activatedProcessId$', () => {
+    it('should return an observable', () => {
+      expect(spectator.service.activatedProcessId$).toBeInstanceOf(Observable);
+    });
+  });
 
-//   describe('activatedProcessId', () => {
-//     it('should return the process id as a number', () => {
-//       spyOnProperty(spectator.service['activatedProcessIdSubject'] as any, 'value').and.returnValue(2);
-//       expect(spectator.service.activatedProcessId).toBe(2);
-//     });
-//   });
+  describe('activatedProcessId', () => {
+    it('should return the process id as a number', () => {
+      spyOnProperty(spectator.service['activatedProcessIdSubject'] as any, 'value').and.returnValue(2);
+      expect(spectator.service.activatedProcessId).toBe(2);
+    });
+  });
 
-//   describe('getProcesses$()', () => {
-//     it('should call select on store and return all selected processes', async () => {
-//       const processes: ApplicationProcess[] = [
-//         { id: 1, name: 'Vorgang', type: 'cart', section: 'customer', data: { count: 1 } },
-//         { id: 2, name: 'Vorgang', type: 'task-calendar', section: 'branch' },
-//       ];
-//       store.select.and.returnValue(of(processes));
-//       const result = await spectator.service.getProcesses$().pipe(first()).toPromise();
-//       expect(result).toEqual(processes);
-//       expect(store.select).toHaveBeenCalled();
-//     });
+  describe('getProcesses$()', () => {
+    it('should call select on store and return all selected processes', async () => {
+      const processes: ApplicationProcess[] = [
+        { id: 1, name: 'Vorgang', type: 'cart', section: 'customer', data: { count: 1 } },
+        { id: 2, name: 'Vorgang', type: 'task-calendar', section: 'branch' },
+      ];
+      store.select.and.returnValue(of(processes));
+      const result = await spectator.service.getProcesses$().pipe(first()).toPromise();
+      expect(result).toEqual(processes);
+      expect(store.select).toHaveBeenCalled();
+    });
 
-//     it('should call select on store and return all section customer processes', async () => {
-//       const processes: ApplicationProcess[] = [
-//         { id: 1, name: 'Vorgang', type: 'cart', section: 'customer', data: { count: 1 } },
-//         { id: 2, name: 'Vorgang', type: 'task-calendar', section: 'branch' },
-//       ];
-//       store.select.and.returnValue(of(processes));
-//       const result = await spectator.service.getProcesses$('customer').pipe(first()).toPromise();
-//       expect(result).toEqual([processes[0]]);
-//       expect(store.select).toHaveBeenCalled();
-//     });
+    it('should call select on store and return all section customer processes', async () => {
+      const processes: ApplicationProcess[] = [
+        { id: 1, name: 'Vorgang', type: 'cart', section: 'customer', data: { count: 1 } },
+        { id: 2, name: 'Vorgang', type: 'task-calendar', section: 'branch' },
+      ];
+      store.select.and.returnValue(of(processes));
+      const result = await spectator.service.getProcesses$('customer').pipe(first()).toPromise();
+      expect(result).toEqual([processes[0]]);
+      expect(store.select).toHaveBeenCalled();
+    });
 
-//     it('should call select on store and return all section branch processes', async () => {
-//       const processes: ApplicationProcess[] = [
-//         { id: 1, name: 'Vorgang', type: 'cart', section: 'customer', data: { count: 1 } },
-//         { id: 2, name: 'Vorgang', type: 'task-calendar', section: 'branch' },
-//       ];
-//       store.select.and.returnValue(of(processes));
-//       const result = await spectator.service.getProcesses$('branch').pipe(first()).toPromise();
-//       expect(result).toEqual([processes[1]]);
-//       expect(store.select).toHaveBeenCalled();
-//     });
-//   });
+    it('should call select on store and return all section branch processes', async () => {
+      const processes: ApplicationProcess[] = [
+        { id: 1, name: 'Vorgang', type: 'cart', section: 'customer', data: { count: 1 } },
+        { id: 2, name: 'Vorgang', type: 'task-calendar', section: 'branch' },
+      ];
+      store.select.and.returnValue(of(processes));
+      const result = await spectator.service.getProcesses$('branch').pipe(first()).toPromise();
+      expect(result).toEqual([processes[1]]);
+      expect(store.select).toHaveBeenCalled();
+    });
+  });
 
-//   describe('getProcessById$()', () => {
-//     it('should return the process by id', async () => {
-//       const processes: ApplicationProcess[] = [
-//         { id: 1, name: 'Vorgang 1', section: 'customer' },
-//         { id: 2, name: 'Vorgang 2', section: 'customer' },
-//       ];
-//       spyOn(spectator.service, 'getProcesses$').and.returnValue(of(processes));
+  describe('getProcessById$()', () => {
+    it('should return the process by id', async () => {
+      const processes: ApplicationProcess[] = [
+        { id: 1, name: 'Vorgang 1', section: 'customer' },
+        { id: 2, name: 'Vorgang 2', section: 'customer' },
+      ];
+      spyOn(spectator.service, 'getProcesses$').and.returnValue(of(processes));
 
-//       const process = await spectator.service.getProcessById$(1).toPromise();
-//       expect(process.id).toBe(1);
-//     });
-//   });
+      const process = await spectator.service.getProcessById$(1).toPromise();
+      expect(process.id).toBe(1);
+    });
+  });
 
-//   describe('getSection$()', () => {
-//     it('should return the selected section branch', async () => {
-//       const section = 'branch';
-//       store.select.and.returnValue(of(section));
-//       const result = await spectator.service.getSection$().pipe(first()).toPromise();
-//       expect(result).toEqual(section);
-//       expect(store.select).toHaveBeenCalled();
-//     });
-//   });
+  describe('getSection$()', () => {
+    it('should return the selected section branch', async () => {
+      const section = 'branch';
+      store.select.and.returnValue(of(section));
+      const result = await spectator.service.getSection$().pipe(first()).toPromise();
+      expect(result).toEqual(section);
+      expect(store.select).toHaveBeenCalled();
+    });
+  });
 
-//   describe('getActivatedProcessId$', () => {
-//     it('should return the current selected activated process id', async () => {
-//       const activatedProcessId = 2;
-//       store.select.and.returnValue(of({ id: activatedProcessId }));
-//       const result = await spectator.service.getActivatedProcessId$().pipe(first()).toPromise();
-//       expect(result).toEqual(activatedProcessId);
-//       expect(store.select).toHaveBeenCalled();
-//     });
-//   });
+  describe('getActivatedProcessId$', () => {
+    it('should return the current selected activated process id', async () => {
+      const activatedProcessId = 2;
+      store.select.and.returnValue(of({ id: activatedProcessId }));
+      const result = await spectator.service.getActivatedProcessId$().pipe(first()).toPromise();
+      expect(result).toEqual(activatedProcessId);
+      expect(store.select).toHaveBeenCalled();
+    });
+  });
 
-//   describe('activateProcess()', () => {
-//     it('should dispatch action setActivatedProcess with argument activatedProcessId and action type', () => {
-//       const activatedProcessId = 2;
-//       spectator.service.activateProcess(activatedProcessId);
-//       expect(store.dispatch).toHaveBeenCalledWith({ activatedProcessId, type: actions.setActivatedProcess.type });
-//     });
-//   });
+  describe('activateProcess()', () => {
+    it('should dispatch action setActivatedProcess with argument activatedProcessId and action type', () => {
+      const activatedProcessId = 2;
+      spectator.service.activateProcess(activatedProcessId);
+      expect(store.dispatch).toHaveBeenCalledWith({ activatedProcessId, type: actions.setActivatedProcess.type });
+    });
+  });
 
-//   describe('removeProcess()', () => {
-//     it('should dispatch action removeProcess with argument processId and action type', () => {
-//       const processId = 2;
-//       spectator.service.removeProcess(processId);
-//       expect(store.dispatch).toHaveBeenCalledWith({ processId, type: actions.removeProcess.type });
-//     });
-//   });
+  describe('removeProcess()', () => {
+    it('should dispatch action removeProcess with argument processId and action type', () => {
+      const processId = 2;
+      spectator.service.removeProcess(processId);
+      expect(store.dispatch).toHaveBeenCalledWith({ processId, type: actions.removeProcess.type });
+    });
+  });
 
-//   describe('createProcess()', () => {
-//     it('should dispatch action addProcess with process', async () => {
-//       const process: ApplicationProcess = {
-//         id: 1,
-//         name: 'Vorgang 1',
-//         section: 'customer',
-//         type: 'cart',
-//       };
+  describe('createProcess()', () => {
+    it('should dispatch action addProcess with process', async () => {
+      const process: ApplicationProcess = {
+        id: 1,
+        name: 'Vorgang 1',
+        section: 'customer',
+        type: 'cart',
+      };
 
-//       const timestamp = 100;
-//       spyOn(spectator.service as any, '_createTimestamp').and.returnValue(timestamp);
-//       spyOn(spectator.service, 'getProcessById$').and.returnValue(of(undefined));
-//       await spectator.service.createProcess(process);
+      const timestamp = 100;
+      spyOn(spectator.service as any, '_createTimestamp').and.returnValue(timestamp);
+      spyOn(spectator.service, 'getProcessById$').and.returnValue(of(undefined));
+      await spectator.service.createProcess(process);
 
-//       expect(store.dispatch).toHaveBeenCalledWith({
-//         type: actions.addProcess.type,
-//         process: {
-//           ...process,
-//           activated: 0,
-//           created: timestamp,
-//         },
-//       });
-//     });
+      expect(store.dispatch).toHaveBeenCalledWith({
+        type: actions.addProcess.type,
+        process: {
+          ...process,
+          activated: 0,
+          created: timestamp,
+        },
+      });
+    });
 
-//     it('should throw an error if the process id is already existing', async () => {
-//       const process: ApplicationProcess = {
-//         id: 1,
-//         name: 'Vorgang 1',
-//         section: 'customer',
-//         type: 'cart',
-//       };
-//       spyOn(spectator.service, 'getProcessById$').and.returnValue(of(process));
-//       await expectAsync(spectator.service.createProcess(process)).toBeRejectedWithError('Process Id existiert bereits');
-//     });
+    it('should throw an error if the process id is already existing', async () => {
+      const process: ApplicationProcess = {
+        id: 1,
+        name: 'Vorgang 1',
+        section: 'customer',
+        type: 'cart',
+      };
+      spyOn(spectator.service, 'getProcessById$').and.returnValue(of(process));
+      await expectAsync(spectator.service.createProcess(process)).toBeRejectedWithError('Process Id existiert bereits');
+    });
 
-//     it('should throw an error if the process id is not a number', async () => {
-//       const process: ApplicationProcess = {
-//         id: undefined,
-//         name: 'Vorgang 1',
-//         section: 'customer',
-//         type: 'cart',
-//       };
-//       spyOn(spectator.service, 'getProcessById$').and.returnValue(of({ id: 5, name: 'Vorgang 2', section: 'customer' }));
-//       await expectAsync(spectator.service.createProcess(process)).toBeRejectedWithError('Process Id nicht gesetzt');
-//     });
-//   });
+    it('should throw an error if the process id is not a number', async () => {
+      const process: ApplicationProcess = {
+        id: undefined,
+        name: 'Vorgang 1',
+        section: 'customer',
+        type: 'cart',
+      };
+      spyOn(spectator.service, 'getProcessById$').and.returnValue(of({ id: 5, name: 'Vorgang 2', section: 'customer' }));
+      await expectAsync(spectator.service.createProcess(process)).toBeRejectedWithError('Process Id nicht gesetzt');
+    });
+  });
 
-//   describe('patchProcess', () => {
-//     it('should dispatch action patchProcess with changes', async () => {
-//       const process: ApplicationProcess = {
-//         id: 1,
-//         name: 'Vorgang 1',
-//         section: 'customer',
-//         type: 'cart',
-//       };
+  describe('patchProcess', () => {
+    it('should dispatch action patchProcess with changes', async () => {
+      const process: ApplicationProcess = {
+        id: 1,
+        name: 'Vorgang 1',
+        section: 'customer',
+        type: 'cart',
+      };
 
-//       await spectator.service.patchProcess(process.id, process);
+      await spectator.service.patchProcess(process.id, process);
 
-//       expect(store.dispatch).toHaveBeenCalledWith({
-//         type: actions.patchProcess.type,
-//         processId: process.id,
-//         changes: {
-//           ...process,
-//         },
-//       });
-//     });
-//   });
+      expect(store.dispatch).toHaveBeenCalledWith({
+        type: actions.patchProcess.type,
+        process: {
+          ...process,
+        },
+      });
+    });
+  });
 
-//   describe('setSection()', () => {
-//     it('should dispatch action setSection with argument section and action type', () => {
-//       const section = 'customer';
-//       spectator.service.setSection(section);
-//       expect(store.dispatch).toHaveBeenCalledWith({ section, type: actions.setSection.type });
-//     });
-//   });
+  describe('setSection()', () => {
+    it('should dispatch action setSection with argument section and action type', () => {
+      const section = 'customer';
+      spectator.service.setSection(section);
+      expect(store.dispatch).toHaveBeenCalledWith({ section, type: actions.setSection.type });
+    });
+  });
 
-//   describe('getLastActivatedProcessWithSectionAndType()', () => {
-//     it('should return the last activated process by section and type', async () => {
-//       const processes: ApplicationProcess[] = [
-//         { id: 1, name: 'Vorgang 1', section: 'customer', type: 'cart', activated: 100 },
-//         { id: 2, name: 'Vorgang 2', section: 'customer', type: 'cart', activated: 200 },
-//         { id: 3, name: 'Vorgang 3', section: 'customer', type: 'goodsOut', activated: 300 },
-//       ];
-//       spyOn(spectator.service, 'getProcesses$').and.returnValue(of(processes));
+  describe('getLastActivatedProcessWithSectionAndType()', () => {
+    it('should return the last activated process by section and type', async () => {
+      const processes: ApplicationProcess[] = [
+        { id: 1, name: 'Vorgang 1', section: 'customer', type: 'cart', activated: 100 },
+        { id: 2, name: 'Vorgang 2', section: 'customer', type: 'cart', activated: 200 },
+        { id: 3, name: 'Vorgang 3', section: 'customer', type: 'goodsOut', activated: 300 },
+      ];
+      spyOn(spectator.service, 'getProcesses$').and.returnValue(of(processes));
 
-//       expect(await spectator.service.getLastActivatedProcessWithSectionAndType$('customer', 'cart').pipe(first()).toPromise()).toBe(
-//         processes[1]
-//       );
-//     });
-//   });
+      expect(await spectator.service.getLastActivatedProcessWithSectionAndType$('customer', 'cart').pipe(first()).toPromise()).toBe(
+        processes[1]
+      );
+    });
+  });
 
-//   describe('getLastActivatedProcessWithSection()', () => {
-//     it('should return the last activated process by section', async () => {
-//       const processes: ApplicationProcess[] = [
-//         { id: 1, name: 'Vorgang 1', section: 'customer', activated: 100 },
-//         { id: 2, name: 'Vorgang 2', section: 'customer', activated: 200 },
-//         { id: 3, name: 'Vorgang 3', section: 'customer', activated: 300 },
-//       ];
-//       spyOn(spectator.service, 'getProcesses$').and.returnValue(of(processes));
+  describe('getLastActivatedProcessWithSection()', () => {
+    it('should return the last activated process by section', async () => {
+      const processes: ApplicationProcess[] = [
+        { id: 1, name: 'Vorgang 1', section: 'customer', activated: 100 },
+        { id: 2, name: 'Vorgang 2', section: 'customer', activated: 200 },
+        { id: 3, name: 'Vorgang 3', section: 'customer', activated: 300 },
+      ];
+      spyOn(spectator.service, 'getProcesses$').and.returnValue(of(processes));
 
-//       expect(await spectator.service.getLastActivatedProcessWithSection$('customer').pipe(first()).toPromise()).toBe(processes[2]);
-//     });
-//   });
+      expect(await spectator.service.getLastActivatedProcessWithSection$('customer').pipe(first()).toPromise()).toBe(processes[2]);
+    });
+  });
 
-//   describe('_createTimestamp', () => {
-//     it('should return the current timestamp in ms', () => {
-//       expect(spectator.service['_createTimestamp']()).toBeCloseTo(Date.now());
-//     });
-//   });
-// });
+  describe('_createTimestamp', () => {
+    it('should return the current timestamp in ms', () => {
+      expect(spectator.service['_createTimestamp']()).toBeCloseTo(Date.now());
+    });
+  });
+});

apps/core/application/src/lib/application.service.ts

@@ -1,7 +1,5 @@
 import { Injectable } from '@angular/core';
-import { DomainAvailabilityService } from '@domain/availability';
 import { Store } from '@ngrx/store';
-import { BranchDTO } from '@swagger/checkout';
 import { isBoolean, isNumber } from '@utils/common';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { first, map, switchMap } from 'rxjs/operators';
@@ -70,16 +68,6 @@ export class ApplicationService {
     this.store.dispatch(patchProcessData({ processId, data }));
   }
 
-  getSelectedBranch$(processId?: number): Observable<BranchDTO> {
-    if (!processId) {
-      return this.activatedProcessId$.pipe(
-        switchMap((processId) => this.getProcessById$(processId).pipe(map((process) => process?.data?.selectedBranch)))
-      );
-    }
-
-    return this.getProcessById$(processId).pipe(map((process) => process?.data?.selectedBranch));
-  }
-
   async createProcess(process: ApplicationProcess) {
     const existingProcess = await this.getProcessById$(process?.id).pipe(first()).toPromise();
     if (existingProcess?.id === process?.id) {

apps/core/application/src/lib/store/application.reducer.spec.ts

@@ -60,7 +60,7 @@ describe('applicationReducer', () => {
         type: 'cart',
       };
 
-      const action = actions.patchProcess({ processId: process.id, changes: { ...process, name: 'Test' } });
+      const action = actions.patchProcess({ process: { ...process, name: 'Test' } });
       const state = applicationReducer(
         {
           ...initialState,
@@ -81,7 +81,7 @@ describe('applicationReducer', () => {
         type: 'cart',
       };
 
-      const action = actions.patchProcess({ processId: process.id, changes: { ...process, id: 2 } });
+      const action = actions.patchProcess({ process: { ...process, id: 2 } });
       const state = applicationReducer(
         {
           ...initialState,

apps/core/application/src/lib/store/application.reducer.ts

@@ -23,7 +23,7 @@ const _applicationReducer = createReducer(
   on(patchProcess, (state, { processId, changes }) => {
     const processes = state.processes.map((process) => {
       if (process.id === processId) {
-        return { ...process, ...changes, id: processId };
+        return { ...process, ...changes };
       }
       return process;
     });

apps/core/application/src/lib/store/application.selectors.spec.ts

@@ -5,16 +5,14 @@ import * as selectors from './application.selectors';
 describe('applicationSelectors', () => {
   it('should select the processes', () => {
     const processes: ApplicationProcess[] = [{ id: 1, name: 'Vorgang 1', section: 'customer' }];
-    const state: ApplicationState = {
+    const state: Partial<ApplicationState> = {
       processes,
-      section: 'customer',
     };
     expect(selectors.selectProcesses.projector(state)).toEqual(processes);
   });
 
   it('should select the section', () => {
-    const state: ApplicationState = {
-      processes: [],
+    const state: Partial<ApplicationState> = {
       section: 'customer',
     };
     expect(selectors.selectSection.projector(state)).toEqual('customer');
@@ -26,9 +24,8 @@ describe('applicationSelectors', () => {
       { id: 2, name: 'Vorgang 2', section: 'customer', activated: 300 },
       { id: 3, name: 'Vorgang 3', section: 'customer', activated: 200 },
     ];
-    const state: ApplicationState = {
+    const state: Partial<ApplicationState> = {
       processes,
-      section: 'customer',
     };
     expect(selectors.selectActivatedProcess.projector(state)).toEqual(processes[1]);
   });

apps/core/application/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';
+import 'zone.js/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/application/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/application/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/application/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/application/tslint.json

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

apps/core/auth/README.md

@@ -0,0 +1,25 @@
+# Auth
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project auth` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project auth`.
+
+> Note: Don't forget to add `--project auth` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build auth` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build auth`, go to the dist folder `cd dist/auth` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test auth` 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/auth/karma.conf.js

@@ -0,0 +1,43 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+const customLaunchers = require('../../../karma/custom-launchers');
+const junitReporter = require('../../../karma/junit-reporter')('core-auth');
+const coverageReporter = require('../../../karma/coverage-reporter')('core-auth');
+
+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'),
+      require('karma-junit-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma'),
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true, // removes the duplicated traces
+    },
+    coverageReporter,
+    junitReporter,
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    customLaunchers,
+    singleRun: false,
+    restartOnFileChange: true,
+  });
+};

apps/core/auth/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@core/auth",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^12.2.0",
+    "@angular/core": "^12.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

apps/core/auth/src/lib/auth.module.ts

@@ -1,11 +1,7 @@
 import { ModuleWithProviders, NgModule } from '@angular/core';
 import { AuthService } from './auth.service';
 import { OAuthModule } from 'angular-oauth2-oidc';
-import { IfRoleDirective } from './if-role.directive';
-@NgModule({
-  declarations: [IfRoleDirective],
-  exports: [IfRoleDirective],
-})
+@NgModule({})
 export class AuthModule {
   static forRoot(): ModuleWithProviders<AuthModule> {
     return {

apps/core/auth/src/lib/auth.service.ts

@@ -1,10 +1,9 @@
-import { coerceArray, coerceStringArray } from '@angular/cdk/coercion';
 import { Injectable } from '@angular/core';
 import { Config } from '@core/config';
 import { isNullOrUndefined } from '@utils/common';
 import { AuthConfig, OAuthService } from 'angular-oauth2-oidc';
 import { JwksValidationHandler } from 'angular-oauth2-oidc-jwks';
-import { asapScheduler, BehaviorSubject } from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
 
 @Injectable({
   providedIn: 'root',
@@ -15,37 +14,24 @@ export class AuthService {
     return this._initialized.asObservable();
   }
 
-  private _authConfig: AuthConfig;
-
-  constructor(private _config: Config, private readonly _oAuthService: OAuthService) {
-    this._oAuthService.events?.subscribe((event) => {
-      if (event.type === 'token_received') {
-        console.log('SSO Token Expiration:', new Date(this._oAuthService.getAccessTokenExpiration()));
-      }
-    });
-  }
+  constructor(private _config: Config, private readonly _oAuthService: OAuthService) {}
 
   async init() {
     if (this._initialized.getValue()) {
       throw new Error('AuthService is already initialized');
     }
 
-    this._authConfig = this._config.get('@core/auth');
+    const authConfig: AuthConfig = this._config.get('@core/auth');
 
-    this._authConfig.redirectUri = window.location.origin;
+    authConfig.redirectUri = window.location.origin;
+    authConfig.silentRefreshRedirectUri = window.location.origin + '/silent-refresh.html';
+    authConfig.useSilentRefresh = true;
 
-    this._authConfig.silentRefreshRedirectUri = window.location.origin + '/silent-refresh.html';
-    this._authConfig.useSilentRefresh = true;
-
-    this._oAuthService.configure(this._authConfig);
+    this._oAuthService.configure(authConfig);
     this._oAuthService.tokenValidationHandler = new JwksValidationHandler();
 
     this._oAuthService.setupAutomaticSilentRefresh();
-    try {
-      await this._oAuthService.loadDiscoveryDocumentAndTryLogin();
-    } catch (error) {
-      this.login();
-    }
+    await this._oAuthService.loadDiscoveryDocumentAndTryLogin();
 
     this._initialized.next(true);
   }
@@ -94,32 +80,5 @@ export class AuthService {
 
   async logout() {
     await this._oAuthService.revokeTokenAndLogout();
-    // asapScheduler.schedule(() => {
-    //   window.location.reload();
-    // }, 250);
-  }
-
-  hasRole(role: string | string[]) {
-    const roles = coerceArray(role);
-
-    const userRoles = this.getClaimByKey('role');
-
-    if (isNullOrUndefined(userRoles)) {
-      return false;
-    }
-
-    return roles.every((r) => userRoles.includes(r));
-  }
-
-  async refresh() {
-    try {
-      if (this._authConfig.responseType.includes('code') && this._authConfig.scope.includes('offline_access')) {
-        await this._oAuthService.refreshToken();
-      } else {
-        await this._oAuthService.silentRefresh();
-      }
-    } catch (error) {
-      console.error(error);
-    }
   }
 }

apps/core/auth/src/lib/if-role.directive.spec.ts

@@ -1,65 +0,0 @@
-// import { SpectatorDirective, createDirectiveFactory } from '@ngneat/spectator';
-// import { IfRoleDirective } from './if-role.directive';
-// import { AuthService } from './auth.service';
-// import { TemplateRef, ViewContainerRef } from '@angular/core';
-
-// describe('IfRoleDirective', () => {
-//   let spectator: SpectatorDirective<IfRoleDirective>;
-//   const createDirective = createDirectiveFactory({
-//     directive: IfRoleDirective,
-//     mocks: [AuthService],
-//   });
-
-//   it('should create an instance', () => {
-//     spectator = createDirective(`<div *ifRole="'admin'"></div>`);
-//     expect(spectator.directive).toBeTruthy();
-//   });
-
-//   it('should render template when user has the role', () => {
-//     spectator = createDirective(`<div *ifRole="'admin'"></div>`);
-//     const authService = spectator.inject(AuthService);
-//     const viewContainerRef = spectator.inject(ViewContainerRef);
-//     const templateRef = spectator.inject(TemplateRef);
-//     authService.hasRole.and.returnValue(true);
-//     spectator.directive.ngOnChanges();
-//     expect(viewContainerRef.createEmbeddedView).toHaveBeenCalledWith(templateRef, spectator.directive.getContext());
-//   });
-
-//   it('should render else template when user does not have the role', () => {
-//     authService.hasRole.and.returnValue(false);
-//     const elseTemplateRef = {} as TemplateRef<any>;
-//     spectator = createDirective(`<ng-template #elseTemplateRef></ng-template><div *ifRole="'admin'; else elseTemplateRef"></div>`, {
-//       hostProps: {
-//         elseTemplateRef,
-//       },
-//     });
-//     spectator.directive.ngOnChanges();
-//     expect(viewContainerRef.createEmbeddedView).toHaveBeenCalledWith(elseTemplateRef, spectator.directive.getContext());
-//   });
-
-//   it('should render else template when user does not have the role using ifNotRole input', () => {
-//     authService.hasRole.and.returnValue(false);
-//     const elseTemplateRef = {} as TemplateRef<any>;
-//     spectator = createDirective(`<ng-template #elseTemplateRef></ng-template><div *ifNotRole="'admin'; else elseTemplateRef"></div>`, {
-//       hostProps: {
-//         elseTemplateRef,
-//       },
-//     });
-//     spectator.directive.ngOnChanges();
-//     expect(viewContainerRef.createEmbeddedView).toHaveBeenCalledWith(elseTemplateRef, spectator.directive.getContext());
-//   });
-
-//   it('should clear view when user does not have the role and elseTemplateRef is not defined', () => {
-//     authService.hasRole.and.returnValue(false);
-//     spectator = createDirective(`<div *ifRole="'admin'"></div>`);
-//     spectator.directive.ngOnChanges();
-//     expect(viewContainerRef.clear).toHaveBeenCalled();
-//   });
-
-//   it('should set $implicit to ifRole or ifNotRole input', () => {
-//     spectator = createDirective(`<div *ifRole="'admin'"></div>`);
-//     expect(spectator.directive.getContext().$implicit).toEqual('admin');
-//     spectator.setInput('ifNotRole', 'user');
-//     expect(spectator.directive.getContext().$implicit).toEqual('user');
-//   });
-// });

apps/core/auth/src/lib/if-role.directive.ts

@@ -1,59 +0,0 @@
-import { Directive, Input, OnChanges, TemplateRef, ViewContainerRef } from '@angular/core';
-import { AuthService } from './auth.service';
-
-@Directive({
-  selector: '[ifRole],[ifRoleElse],[ifNotRole],[ifNotRoleElse]',
-})
-export class IfRoleDirective implements OnChanges {
-  @Input()
-  ifRole: string | string[];
-
-  @Input()
-  ifRoleElse: TemplateRef<any>;
-
-  @Input()
-  ifNotRole: string | string[];
-
-  @Input()
-  ifNotRoleElse: TemplateRef<any>;
-
-  get renderTemplateRef() {
-    if (this.ifRole) {
-      return this._authService.hasRole(this.ifRole);
-    }
-    if (this.ifNotRole) {
-      return !this._authService.hasRole(this.ifNotRole);
-    }
-    return false;
-  }
-
-  get elseTemplateRef() {
-    return this.ifRoleElse || this.ifNotRoleElse;
-  }
-
-  constructor(private _templateRef: TemplateRef<any>, private _viewContainer: ViewContainerRef, private _authService: AuthService) {}
-
-  ngOnChanges() {
-    this.render();
-  }
-
-  render() {
-    if (this.renderTemplateRef) {
-      this._viewContainer.createEmbeddedView(this._templateRef, this.getContext());
-      return;
-    }
-
-    if (this.elseTemplateRef) {
-      this._viewContainer.createEmbeddedView(this.elseTemplateRef, this.getContext());
-      return;
-    }
-
-    this._viewContainer.clear();
-  }
-
-  getContext(): { $implicit: string | string[] } {
-    return {
-      $implicit: this.ifRole || this.ifNotRole,
-    };
-  }
-}

apps/core/auth/src/test.ts

@@ -0,0 +1,25 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/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(), { teardown: { destroyAfterEach: true } });
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/core/auth/tsconfig.lib.json

@@ -0,0 +1,20 @@
+/* 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"
+    ]
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

apps/core/auth/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/breadcrumb/README.md

@@ -0,0 +1,25 @@
+# Breadcrumb
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.2.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project breadcrumb` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project breadcrumb`.
+
+> Note: Don't forget to add `--project breadcrumb` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build breadcrumb` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build breadcrumb`, go to the dist folder `cd dist/breadcrumb` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test breadcrumb` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).

apps/core/breadcrumb/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/breadcrumb'),
+      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/breadcrumb/package.json

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

apps/core/breadcrumb/src/lib/breadcrumb.service.spec.ts

@@ -22,9 +22,17 @@ describe('Breadcrumb Service', () => {
     service = TestBed.inject(BreadcrumbService);
   });
 
+  describe('getByKey$', () => {
+    it('should call store.select with the selectBreadcrumbsByKey selector', () => {
+      store.select.and.returnValue(of([]));
+      service.getByKey$('unit-test');
+      expect(store.select).toHaveBeenCalledWith(selectors.selectBreadcrumbsByKey, 'unit-test');
+    });
+  });
+
   describe('addBreadcrumb', () => {
     it('should call store.dispatch with the addBreadecrumb action and retuns a breadcrumb with an id', () => {
-      let breadcrumb: Breadcrumb = { name: 'unit-test', key: 'hello-key', path: 'Run The Test', section: 'customer' };
+      let breadcrumb: Breadcrumb = { name: 'unit-test', key: 'hello-key', path: 'Run The Test' };
       breadcrumb = service.addBreadcrumb(breadcrumb);
       expect(store.dispatch).toHaveBeenCalledWith(actions.addBreadcrumb({ breadcrumb }));
       expect(isNumber(breadcrumb.id)).toBeTruthy();

apps/core/breadcrumb/src/lib/store/breadcrumb.reducer.spec.ts

@@ -17,7 +17,6 @@ describe('Breadcrumb Reducer', () => {
         key: 'unit-test',
         name: 'Test Name',
         path: 'Test Patch',
-        section: 'customer',
       };
 
       const fixture = breadcrumbReducer(INIT, action.addBreadcrumb({ breadcrumb }));
@@ -33,7 +32,6 @@ describe('Breadcrumb Reducer', () => {
         key: 'unit-test',
         name: 'Test Name',
         path: 'Test Patch',
-        section: 'customer',
       };
 
       const expected = {
@@ -56,7 +54,6 @@ describe('Breadcrumb Reducer', () => {
         key: 'unit-test',
         name: 'Test Name',
         path: 'Test Patch',
-        section: 'customer',
       };
 
       const state = breadcrumbReducer(INIT, action.addBreadcrumb({ breadcrumb }));
@@ -74,7 +71,6 @@ describe('Breadcrumb Reducer', () => {
         key: 'unit-test',
         name: 'Test Name',
         path: 'Test Patch',
-        section: 'customer',
       };
       const breadcrumb2 = { ...breadcrumb1, id: 2 };
       const breadcrumb3 = { ...breadcrumb1, id: 3 };

apps/core/breadcrumb/src/lib/store/breadcrumb.selectors.spec.ts

@@ -8,29 +8,16 @@ describe('Breadcrumb Selectors', () => {
   let state: BreadcrumbState;
 
   beforeEach(() => {
-    state = breadcrumbReducer(
-      INIT,
-      action.addBreadcrumb({ breadcrumb: { id: 1, key: 'unit-test-1', path: '', name: 'Unit Test 1', section: 'customer' } })
-    );
+    state = breadcrumbReducer(INIT, action.addBreadcrumb({ breadcrumb: { id: 1, key: 'unit-test-1', path: '', name: 'Unit Test 1' } }));
     state = breadcrumbReducer(
       state,
-      action.addBreadcrumb({
-        breadcrumb: { id: 2, key: 'unit-test-1', path: '', name: 'Unit Test 1', tags: ['details'], section: 'customer' },
-      })
+      action.addBreadcrumb({ breadcrumb: { id: 2, key: 'unit-test-1', path: '', name: 'Unit Test 1', tags: ['details'] } })
     );
+    state = breadcrumbReducer(state, action.addBreadcrumb({ breadcrumb: { id: 3, key: 'unit-test-2', path: '', name: 'Unit Test 1' } }));
+    state = breadcrumbReducer(state, action.addBreadcrumb({ breadcrumb: { id: 4, key: 'unit-test-3', path: '', name: 'Unit Test 1' } }));
     state = breadcrumbReducer(
       state,
-      action.addBreadcrumb({ breadcrumb: { id: 3, key: 'unit-test-2', path: '', name: 'Unit Test 1', section: 'customer' } })
-    );
-    state = breadcrumbReducer(
-      state,
-      action.addBreadcrumb({ breadcrumb: { id: 4, key: 'unit-test-3', path: '', name: 'Unit Test 1', section: 'customer' } })
-    );
-    state = breadcrumbReducer(
-      state,
-      action.addBreadcrumb({
-        breadcrumb: { id: 5, key: 'unit-test-3', path: '', name: 'Unit Test 1', tags: ['details'], section: 'customer' },
-      })
+      action.addBreadcrumb({ breadcrumb: { id: 5, key: 'unit-test-3', path: '', name: 'Unit Test 1', tags: ['details'] } })
     );
   });
 

apps/core/breadcrumb/src/lib/store/breadcrumb.selectors.ts

@@ -20,7 +20,7 @@ export const selectBreadcrumbById = createSelector(selectEntities, (entities, id
 /**
  * Gibt alle Breadcrumb Entities als Array zurück die den key enthalten
  */
-export const selectBreadcrumbsByKey = createSelector(selectAll, (entities, key: string) => entities.filter((crumb) => crumb.key == key));
+export const selectBreadcrumbsByKey = createSelector(selectAll, (entities, key: string) => entities.filter((crumb) => crumb.key === key));
 
 /**
  * Gibt alle Breadcrumb Entities als Array zurück die den key und tag enthalten
@@ -28,7 +28,7 @@ export const selectBreadcrumbsByKey = createSelector(selectAll, (entities, key:
 export const selectBreadcrumbsByKeyAndTag = createSelector(
   selectAll,
   (entities: Breadcrumb[], { key, tag }: { key: string; tag: string }) =>
-    entities.filter((crumb) => crumb.key == key && isArray(crumb.tags) && crumb.tags.includes(tag))
+    entities.filter((crumb) => crumb.key === key && isArray(crumb.tags) && crumb.tags.includes(tag))
 );
 
 /**
@@ -37,7 +37,7 @@ export const selectBreadcrumbsByKeyAndTag = createSelector(
 export const selectBreadcrumbsByKeyAndTags = createSelector(
   selectAll,
   (entities: Breadcrumb[], { key, tags }: { key: string; tags: string[] }) =>
-    entities.filter((crumb) => crumb.key == key && isArray(crumb.tags) && tags.every((tag) => crumb.tags.includes(tag)))
+    entities.filter((crumb) => crumb.key === key && isArray(crumb.tags) && tags.every((tag) => crumb.tags.includes(tag)))
 );
 
 /**

apps/core/breadcrumb/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';
+import 'zone.js/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/breadcrumb/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/breadcrumb/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/breadcrumb/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/breadcrumb/tslint.json

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

apps/core/cache/README.md

@@ -0,0 +1,25 @@
+# Cache
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.2.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project cache` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project cache`.
+
+> Note: Don't forget to add `--project cache` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build cache` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build cache`, go to the dist folder `cd dist/cache` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test cache` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).

apps/core/cache/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/cache'),
+      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/cache/package.json

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

apps/core/cache/src/lib/cache.service.ts

@@ -1,6 +1,7 @@
 import { Injectable } from '@angular/core';
 import { CacheOptions } from './cache-options';
 import { Cached } from './cached';
+import { sha1 } from 'object-hash';
 
 @Injectable({
   providedIn: 'root',
@@ -50,7 +51,7 @@ export class CacheService {
     return cached.data;
   }
 
-  delete(token: Object, from: 'session' | 'persist' = 'session') {
+  private delete(token: Object, from: 'session' | 'persist' = 'session') {
     if (from === 'session') {
       sessionStorage.removeItem(this.getKey(token));
     } else if (from === 'persist') {
@@ -59,15 +60,7 @@ export class CacheService {
   }
 
   private getKey(token: Object) {
-    return this.hash(JSON.stringify(token));
-  }
-
-  private hash(data: string): string {
-    let hash = 0;
-    for (let i = 0; i < data.length; i++) {
-      hash = data.charCodeAt(i) + ((hash << 5) - hash);
-    }
-    return hash.toString(16);
+    return sha1(token);
   }
 
   private serialize(data: Cached): string {

apps/core/cache/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';
+import 'zone.js/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/cache/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/cache/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/cache/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/cache/tslint.json

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

apps/core/command/README.md

@@ -0,0 +1,25 @@
+# Command
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.2.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project command` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project command`.
+
+> Note: Don't forget to add `--project command` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build command` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build command`, go to the dist folder `cd dist/command` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test command` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).

apps/core/command/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/command'),
+      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/command/package.json

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

apps/core/command/src/lib/action-handler.interface.ts

@@ -1,6 +1,4 @@
-import { CommandService } from './command.service';
-
 export abstract class ActionHandler<T = any> {
   constructor(readonly action: string) {}
-  abstract handler(data: T, service?: CommandService): Promise<T>;
+  abstract handler(data: T): Promise<T>;
 }

apps/core/command/src/lib/command.module.ts

@@ -1,12 +1,8 @@
-import { ModuleWithProviders, NgModule, Provider, Type } from '@angular/core';
+import { ModuleWithProviders, NgModule, Type } from '@angular/core';
 import { ActionHandler } from './action-handler.interface';
 import { CommandService } from './command.service';
 import { FEATURE_ACTION_HANDLERS, ROOT_ACTION_HANDLERS } from './tokens';
 
-export function provideActionHandlers(actionHandlers: Type<ActionHandler>[]): Provider[] {
-  return [CommandService, actionHandlers.map((handler) => ({ provide: FEATURE_ACTION_HANDLERS, useClass: handler, multi: true }))];
-}
-
 @NgModule({})
 export class CoreCommandModule {
   static forRoot(actionHandlers: Type<ActionHandler>[]): ModuleWithProviders<CoreCommandModule> {

apps/core/command/src/lib/command.service.spec.ts

@@ -1,16 +1,16 @@
-// import { TestBed } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 
-// import { CommandService } from './command.service';
+import { CommandService } from './command.service';
 
-// describe('CommandService', () => {
-//   let service: CommandService;
+describe('CommandService', () => {
+  let service: CommandService;
 
-//   beforeEach(() => {
-//     TestBed.configureTestingModule({});
-//     service = TestBed.inject(CommandService);
-//   });
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(CommandService);
+  });
 
-//   it('should be created', () => {
-//     expect(service).toBeTruthy();
-//   });
-// });
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

apps/core/command/src/lib/command.service.ts

@@ -1,10 +1,10 @@
-import { Injectable, Injector, Optional, SkipSelf } from '@angular/core';
+import { Injectable, Injector } from '@angular/core';
 import { ActionHandler } from './action-handler.interface';
 import { FEATURE_ACTION_HANDLERS, ROOT_ACTION_HANDLERS } from './tokens';
 
 @Injectable()
 export class CommandService {
-  constructor(private injector: Injector, @Optional() @SkipSelf() private _parent: CommandService) {}
+  constructor(private injector: Injector) {}
 
   async handleCommand<T>(command: string, data?: T): Promise<T> {
     const actions = this.getActions(command);
@@ -15,8 +15,8 @@ export class CommandService {
         console.error('CommandService.handleCommand', 'Action Handler does not exist', { action });
         throw new Error('Action Handler does not exist');
       }
-
-      data = await handler.handler(data, this);
+      console.log('handle command', handler, data);
+      data = await handler.handler(data);
     }
     return data;
   }
@@ -25,16 +25,10 @@ export class CommandService {
     return command?.split('|') || [];
   }
 
-  getActionHandler(action: string): ActionHandler | undefined {
+  getActionHandler(action: string): ActionHandler {
     const featureActionHandlers: ActionHandler[] = this.injector.get(FEATURE_ACTION_HANDLERS, []);
     const rootActionHandlers: ActionHandler[] = this.injector.get(ROOT_ACTION_HANDLERS, []);
 
-    let handler = [...featureActionHandlers, ...rootActionHandlers].find((handler) => handler.action === action);
-
-    if (this._parent && !handler) {
-      handler = this._parent.getActionHandler(action);
-    }
-
-    return handler;
+    return [...featureActionHandlers, ...rootActionHandlers].find((handler) => handler.action === action);
   }
 }

apps/core/command/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';
+import 'zone.js/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/command/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/command/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/command/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/command/tslint.json

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