#4552 Added whitespace

.gitignore

@@ -5,8 +5,6 @@
 /tmp
 /out-tsc
 
-/
-
 # dependencies
 /node_modules
 
@@ -49,5 +47,4 @@ testem.log
 .DS_Store
 Thumbs.db
 
-libs/swagger/src/lib/*
-*storybook.log
+libs/swagger/src/lib/*

.husky/pre-commit

@@ -1 +0,0 @@
-npm run pretty-quick

Dockerfile

@@ -24,6 +24,6 @@ ARG BuildUniqueID
 LABEL build.uniqueid="${BuildUniqueID:-1}"
 RUN wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb -q -O /tmp/chrome.deb && apt update && apt install -y /tmp/chrome.deb
 # ignore exitcode, sonst gibts keinen container
-RUN npm run ci || true
+RUN npm test || true
 ENTRYPOINT [ "/bin/sleep", "60000" ]
 

TASKS.md

@@ -0,0 +1,4 @@
+- Neue Icon Module (z.B. mit SVG sprites)
+- Breadcrumb Navigation (Neu)
+- Remissions Produkt Liste (Refactoring / Neu)
+- Angular Version (Upgrade)

apps/adapter/scan/README.md

@@ -0,0 +1,25 @@
+# Scan
+
+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 scan` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project scan`.
+
+> Note: Don't forget to add `--project scan` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build scan` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build scan`, go to the dist folder `cd dist/scan` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test scan` 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/adapter/scan/ng-package.json

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

apps/adapter/scan/package.json

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

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

@@ -0,0 +1,44 @@
+import { Injectable, isDevMode } from '@angular/core';
+import { EnvironmentService } from '@core/environment';
+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, private _environmentService: EnvironmentService) {}
+
+  async init(): Promise<boolean> {
+    return Promise.resolve(false);
+    // return new Promise((resolve, reject) => {
+    //   resolve(isDevMode());
+    // });
+  }
+
+  scan(): Observable<string> {
+    return new Observable((observer) => {
+      const modalRef = this._modal.open({
+        content: UiPromptModalComponent,
+        title: 'Scannen',
+        data: {
+          message: 'Diese Eingabemaske dient nur zu Entwicklungs und Testzwecken.',
+          placeholder: 'Scan Code',
+          confirmText: 'weiter',
+          cancelText: 'abbrechen',
+        } as PromptModalData,
+      });
+
+      const sub = modalRef.afterClosed$.subscribe((result) => {
+        observer.next(result.data);
+        observer.complete();
+      });
+
+      return () => {
+        modalRef.close();
+        sub.unsubscribe();
+      };
+    });
+  }
+}

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

@@ -1,13 +1,9 @@
 import { Injectable } from '@angular/core';
-import { NativeContainerService } from '@external/native-container';
+import { NativeContainerService } from 'native-container';
 import { Observable } from 'rxjs';
 import { filter, map, take } from 'rxjs/operators';
 import { ScanAdapter } from './scan-adapter';
 
-/**
- * @deprecated This service will be removed in future versions.
- * Please use the new ScanService instead.
- */
 @Injectable()
 export class NativeScanAdapter implements ScanAdapter {
   readonly name = 'Native';
@@ -24,7 +20,7 @@ export class NativeScanAdapter implements ScanAdapter {
     return this.nativeContainerService.openScanner('scanBook').pipe(
       filter((result) => result.status === 'SUCCESS'),
       map((result) => result.data),
-      take(1),
+      take(1)
     );
   }
 }

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

@@ -37,7 +37,7 @@ export class ScanAdapterService {
 
     for (const name of adapterOrder) {
       adapter = this.getAdapter(name);
-      console.log('adapter', adapter);
+
       if (adapter) {
         break;
       }

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

@@ -0,0 +1,20 @@
+: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,2 +1,4 @@
 <div class="scanner-container" #scanContainer></div>
-<button class="close-scanner" type="button" (click)="close()">Scan abbrechen</button>
+<button class="close-scanner" type="button" (click)="close()">
+  Scan abbrechen
+</button>

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

@@ -0,0 +1,100 @@
+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.ts

@@ -0,0 +1,82 @@
+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/public-api.ts

@@ -0,0 +1,11 @@
+/*
+ * 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';

apps/adapter/scan/tsconfig.lib.json

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

apps/adapter/scan/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": {
+    "compilationMode": "partial"
+  }
+}

apps/adapter/scan/tsconfig.spec.json

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

apps/cdn/product-image/README.md

@@ -0,0 +1,25 @@
+# ProductImage
+
+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 product-image` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project product-image`.
+
+> Note: Don't forget to add `--project product-image` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build product-image` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build product-image`, go to the dist folder `cd dist/product-image` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test product-image` 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/cdn/product-image/ng-package.json

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

apps/cdn/product-image/package.json

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

apps/cdn/product-image/src/public-api.ts

@@ -0,0 +1,8 @@
+/*
+ * Public API Surface of product-image
+ */
+
+export * from './lib/product-image.service';
+export * from './lib/product-image.module';
+export * from './lib/product-image.pipe';
+export * from './lib/tokens';

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

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

apps/cdn/product-image/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": {
+    "compilationMode": "partial"
+  }
+}

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

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

apps/cdn/product-image/tslint.json

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

apps/core/README.md

@@ -0,0 +1,25 @@
+# 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/ng-package.json

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

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

@@ -50,7 +50,7 @@ export class ApplicationService {
     return this.getSection$().pipe(
       map((section) => {
         return section === 'customer' ? 'Kundenbereich' : 'Filialbereich';
-      }),
+      })
     );
   }
 
@@ -79,7 +79,7 @@ export class ApplicationService {
   getSelectedBranch$(processId?: number): Observable<BranchDTO> {
     if (!processId) {
       return this.activatedProcessId$.pipe(
-        switchMap((processId) => this.getProcessById$(processId).pipe(map((process) => process?.data?.selectedBranch))),
+        switchMap((processId) => this.getProcessById$(processId).pipe(map((process) => process?.data?.selectedBranch)))
       );
     }
 
@@ -145,8 +145,8 @@ export class ApplicationService {
               return current;
             }
             return latest?.activated > current?.activated ? latest : current;
-          }, undefined),
-      ),
+          }, undefined)
+      )
     );
   }
 
@@ -158,8 +158,8 @@ export class ApplicationService {
             return current;
           }
           return latest?.activated > current?.activated ? latest : current;
-        }, undefined),
-      ),
+        }, undefined)
+      )
     );
   }
 

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

@@ -0,0 +1,6 @@
+// start:ng42.barrel
+export * from './application.module';
+export * from './application.service';
+export * from './defs';
+export * from './store';
+// end:ng42.barrel

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

@@ -66,7 +66,7 @@ describe('applicationReducer', () => {
           ...initialState,
           processes: [process],
         },
-        action,
+        action
       );
       expect(state.processes[0].name).toEqual('Test');
     });
@@ -87,7 +87,7 @@ describe('applicationReducer', () => {
           ...initialState,
           processes: [process],
         },
-        action,
+        action
       );
       expect(state.processes).toEqual([process]);
     });

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

@@ -48,7 +48,7 @@ const _applicationReducer = createReducer(
     });
 
     return { ...state, processes };
-  }),
+  })
 );
 
 export function applicationReducer(state: ApplicationState, action: Action) {

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

@@ -0,0 +1,35 @@
+import { ApplicationState } from './application.state';
+import { ApplicationProcess } from '../defs';
+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 = {
+      processes,
+      section: 'customer',
+    };
+    expect(selectors.selectProcesses.projector(state)).toEqual(processes);
+  });
+
+  it('should select the section', () => {
+    const state: ApplicationState = {
+      processes: [],
+      section: 'customer',
+    };
+    expect(selectors.selectSection.projector(state)).toEqual('customer');
+  });
+
+  it('should select the activatedProcess', () => {
+    const processes: ApplicationProcess[] = [
+      { id: 1, name: 'Vorgang 1', section: 'customer', activated: 100 },
+      { id: 2, name: 'Vorgang 2', section: 'customer', activated: 300 },
+      { id: 3, name: 'Vorgang 3', section: 'customer', activated: 200 },
+    ];
+    const state: ApplicationState = {
+      processes,
+      section: 'customer',
+    };
+    expect(selectors.selectActivatedProcess.projector(state)).toEqual(processes[1]);
+  });
+});

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

@@ -14,5 +14,5 @@ export const selectActivatedProcess = createSelector(selectApplicationState, (s)
       return current;
     }
     return process.activated > current.activated ? process : current;
-  }, undefined),
+  }, undefined)
 );

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

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

apps/core/auth/ng-package.json

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

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

@@ -0,0 +1,125 @@
+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';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AuthService {
+  private readonly _initialized = new BehaviorSubject<boolean>(false);
+  get initialized$() {
+    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()));
+      }
+    });
+  }
+
+  async init() {
+    if (this._initialized.getValue()) {
+      throw new Error('AuthService is already initialized');
+    }
+
+    this._authConfig = this._config.get('@core/auth');
+
+    this._authConfig.redirectUri = window.location.origin;
+
+    this._authConfig.silentRefreshRedirectUri = window.location.origin + '/silent-refresh.html';
+    this._authConfig.useSilentRefresh = true;
+
+    this._oAuthService.configure(this._authConfig);
+    this._oAuthService.tokenValidationHandler = new JwksValidationHandler();
+
+    this._oAuthService.setupAutomaticSilentRefresh();
+    try {
+      await this._oAuthService.loadDiscoveryDocumentAndTryLogin();
+    } catch (error) {
+      this.login();
+    }
+
+    this._initialized.next(true);
+  }
+
+  isAuthenticated() {
+    return this._oAuthService.hasValidIdToken();
+  }
+
+  getToken() {
+    return this._oAuthService.getAccessToken();
+  }
+
+  getClaims() {
+    const token = this._oAuthService.getAccessToken();
+    return this.parseJwt(token);
+  }
+
+  getClaimByKey(key: string) {
+    const claims = this.getClaims();
+    if (isNullOrUndefined(claims)) {
+      return null;
+    }
+    return claims[key];
+  }
+
+  parseJwt(token: string) {
+    if (isNullOrUndefined(token)) {
+      return null;
+    }
+    const base64Url = token.split('.')[1];
+    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+
+    const encoded = window.atob(base64);
+    return JSON.parse(encoded);
+  }
+
+  login() {
+    this._oAuthService.initLoginFlow();
+  }
+
+  setKeyCardToken(token: string) {
+    this._oAuthService.customQueryParams = {
+      temp_token: token,
+    };
+  }
+
+  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.ts

@@ -31,11 +31,7 @@ export class IfRoleDirective implements OnChanges {
     return this.ifRoleElse || this.ifNotRoleElse;
   }
 
-  constructor(
-    private _templateRef: TemplateRef<any>,
-    private _viewContainer: ViewContainerRef,
-    private _authService: AuthService,
-  ) {}
+  constructor(private _templateRef: TemplateRef<any>, private _viewContainer: ViewContainerRef, private _authService: AuthService) {}
 
   ngOnChanges() {
     this.render();

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

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

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

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

apps/core/breadcrumb/ng-package.json

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

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

@@ -37,8 +37,8 @@ export class BreadcrumbService {
             return current;
           }
           return latest.timestamp > current.timestamp ? latest : current;
-        }, undefined),
-      ),
+        }, undefined)
+      )
     );
   }
 

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

@@ -0,0 +1 @@
+describe('Breadcrumb Actions', () => {});

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

@@ -16,15 +16,12 @@ export class BreadcrumbEffects {
             first(),
             tap((breadcrumbs) => {
               breadcrumbs?.forEach((crumb) => this.breadcrumb.removeBreadcrumb(crumb.id));
-            }),
-          ),
-        ),
+            })
+          )
+        )
       ),
-    { dispatch: false },
+    { dispatch: false }
   );
 
-  constructor(
-    private actions$: Actions,
-    private breadcrumb: BreadcrumbService,
-  ) {}
+  constructor(private actions$: Actions, private breadcrumb: BreadcrumbService) {}
 }

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

@@ -8,7 +8,7 @@ const _breadcrumbReducer = createReducer(
   on(actions.addBreadcrumb, (s, a) => breadcrumbAdapter.addOne(a.breadcrumb, s)),
   on(actions.updateBreadcrumb, (s, a) => breadcrumbAdapter.updateOne(a, s)),
   on(actions.removeBreadcrumb, (s, a) => breadcrumbAdapter.removeOne(a.id, s)),
-  on(actions.removeManyBreadcrumb, (s, a) => breadcrumbAdapter.removeMany(a.ids, s)),
+  on(actions.removeManyBreadcrumb, (s, a) => breadcrumbAdapter.removeMany(a.ids, s))
 );
 
 export function breadcrumbReducer(state: BreadcrumbState, action: Action) {

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

@@ -10,27 +10,27 @@ describe('Breadcrumb Selectors', () => {
   beforeEach(() => {
     state = breadcrumbReducer(
       INIT,
-      action.addBreadcrumb({ breadcrumb: { id: 1, key: 'unit-test-1', path: '', name: 'Unit Test 1', section: 'customer' } }),
+      action.addBreadcrumb({ breadcrumb: { id: 1, key: 'unit-test-1', path: '', name: 'Unit Test 1', section: 'customer' } })
     );
     state = breadcrumbReducer(
       state,
       action.addBreadcrumb({
         breadcrumb: { id: 2, key: 'unit-test-1', path: '', name: 'Unit Test 1', tags: ['details'], section: 'customer' },
-      }),
+      })
     );
     state = breadcrumbReducer(
       state,
-      action.addBreadcrumb({ breadcrumb: { id: 3, key: 'unit-test-2', path: '', name: 'Unit Test 1', section: 'customer' } }),
+      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' } }),
+      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' },
-      }),
+      })
     );
   });
 

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

@@ -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,12 +37,12 @@ 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)))
 );
 
 /**
  * Gibt alle Breadcrumb Entities als Array zurück die die tags enthalten
  */
 export const selectBreadcrumbsBySection = createSelector(selectAll, (entities: Breadcrumb[], { section }: { section: string }) =>
-  entities.filter((crumb) => crumb.section === section),
+  entities.filter((crumb) => crumb.section === section)
 );

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

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of breadcrumb
+ */
+
+export * from './lib/breadcrumb.service';
+export * from './lib/core-breadcrumb.module';
+export * from './lib/defs';

apps/core/cache/ng-package.json

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

apps/core/cache/src/lib/cache-options.ts

@@ -0,0 +1,4 @@
+export interface CacheOptions {
+  ttl?: number;
+  persist?: boolean;
+}

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

@@ -0,0 +1,116 @@
+import { Injectable } from '@angular/core';
+import { CacheOptions } from './cache-options';
+import { Cached } from './cached';
+import { interval } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class CacheService {
+  constructor() {
+    this._registerCleanupTask();
+  }
+
+  _registerCleanupTask() {
+    this.cleanup();
+    interval(1000 * 60).subscribe(() => {
+      this.cleanup();
+    });
+  }
+
+  set<T>(token: Object, data: T, options?: CacheOptions) {
+    const persist = options?.persist;
+    const ttl = options?.ttl;
+    const cached: Cached = {
+      data,
+    };
+
+    if (ttl) {
+      cached.until = Date.now() + ttl;
+    } else {
+      cached.until = Date.now() + 1000 * 60 * 60 * 12;
+    }
+
+    if (persist) {
+      localStorage.setItem(this.getKey(token), this.serialize(cached));
+    } else {
+      sessionStorage.setItem(this.getKey(token), this.serialize(cached));
+    }
+
+    Object.freeze(cached);
+    return cached;
+  }
+
+  get<T = any>(token: Object, from?: 'session' | 'persist'): T {
+    let cached: Cached;
+
+    if (from === 'session') {
+      cached = this.deserialize(sessionStorage.getItem(this.getKey(token)));
+    } else if (from === 'persist') {
+      cached = this.deserialize(localStorage.getItem(this.getKey(token)));
+    } else {
+      cached = this.deserialize(sessionStorage.getItem(this.getKey(token))) || this.deserialize(localStorage.getItem(this.getKey(token)));
+    }
+
+    if (!cached) {
+      return undefined;
+    }
+
+    if (cached.until < Date.now()) {
+      this.delete(token, from);
+      return undefined;
+    }
+
+    return cached.data;
+  }
+
+  delete(token: Object, from: 'session' | 'persist' = 'session') {
+    if (from === 'session') {
+      sessionStorage.removeItem(this.getKey(token));
+    } else if (from === 'persist') {
+      localStorage.removeItem(this.getKey(token));
+    }
+  }
+
+  private getKey(token: Object) {
+    const key = `CacheService_` + this.hash(JSON.stringify(token));
+    return key;
+  }
+
+  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);
+  }
+
+  private serialize(data: Cached): string {
+    return JSON.stringify(data);
+  }
+
+  private deserialize(data: string): Cached {
+    return JSON.parse(data);
+  }
+
+  cleanup() {
+    // get all keys created by this service by looking for the service name and remove the entries
+    // that ttl is expired
+    let localStorageKeys = Object.keys(localStorage).filter((key) => key.startsWith('CacheService_'));
+    let seesionStorageKeys = Object.keys(sessionStorage).filter((key) => key.startsWith('CacheService_'));
+
+    localStorageKeys.forEach((key) => {
+      const cached = this.deserialize(localStorage.getItem(key));
+      if (cached.until < Date.now()) {
+        localStorage.removeItem(key);
+      }
+    });
+
+    seesionStorageKeys.forEach((key) => {
+      const cached = this.deserialize(sessionStorage.getItem(key));
+      if (cached.until < Date.now()) {
+        sessionStorage.removeItem(key);
+      }
+    });
+  }
+}

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

@@ -0,0 +1,4 @@
+export interface Cached {
+  until?: number;
+  data?: any;
+}

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

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of cache
+ */
+
+export * from './lib/cache.service';
+export * from './lib/cache.module';

apps/core/command/ng-package.json

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

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

@@ -4,10 +4,7 @@ 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, @Optional() @SkipSelf() private _parent: CommandService) {}
 
   async handleCommand<T>(command: string, data?: T): Promise<T> {
     const actions = this.getActions(command);

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

@@ -0,0 +1,6 @@
+// start:ng42.barrel
+export * from './action-handler.interface';
+export * from './command.module';
+export * from './command.service';
+export * from './tokens';
+// end:ng42.barrel

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

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

apps/core/config/ng-package.json

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

apps/core/config/src/lib/config-loaders/json.config-loader.spec.ts

@@ -0,0 +1,36 @@
+// unit test JsonConfigLoader
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { createServiceFactory, SpectatorService } from '@ngneat/spectator';
+import { CORE_JSON_CONFIG_LOADER_URL } from '../tokens';
+import { JsonConfigLoader } from './json.config-loader';
+
+describe('JsonConfigLoader', () => {
+  let spectator: SpectatorService<JsonConfigLoader>;
+  const createService = createServiceFactory({
+    imports: [HttpClientTestingModule],
+    service: JsonConfigLoader,
+    mocks: [],
+    providers: [{ provide: CORE_JSON_CONFIG_LOADER_URL, useValue: '/assets/config.json' }],
+  });
+  let httpTestingController: HttpTestingController;
+
+  beforeEach(() => {
+    spectator = createService();
+    httpTestingController = spectator.inject(HttpTestingController);
+  });
+
+  it('should create', () => {
+    expect(spectator.service).toBeTruthy();
+  });
+
+  describe('load', () => {
+    it('should call the provided url', async () => {
+      const reqPromise = spectator.service.load();
+      const req = httpTestingController.expectOne('/assets/config.json');
+      req.flush({ unit: 'test' });
+      const result = await reqPromise;
+      httpTestingController.verify();
+      expect(result).toEqual({ unit: 'test' });
+    });
+  });
+});

apps/core/config/src/lib/config-loaders/json.config-loader.ts

@@ -5,10 +5,7 @@ import { CORE_JSON_CONFIG_LOADER_URL } from '../tokens';
 
 @Injectable()
 export class JsonConfigLoader implements ConfigLoader {
-  constructor(
-    @Inject(CORE_JSON_CONFIG_LOADER_URL) private url: string,
-    private http: HttpClient,
-  ) {}
+  constructor(@Inject(CORE_JSON_CONFIG_LOADER_URL) private url: string, private http: HttpClient) {}
 
   load(): Promise<any> {
     return this.http.get(this.url).toPromise();