merge branch 'release/1.5'

#2534 Hotfix - WA WE Meldenummern ändern Item wird vor Patch Aufruf aktualisiert

Related work items: #2534

.vscode/settings.json

@@ -8,5 +8,8 @@
   },
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
+  },
+  "css.validate": false,
+"less.validate": false,
+"scss.validate": false
 }

Dockerfile

@@ -1,7 +1,9 @@
 #stage 1
-FROM node:10-stretch as node
+FROM node:14 as node
 ARG IS_PRODUCTION=false
 ARG SEMVERSION=1.0.0
+ARG BuildUniqueID
+LABEL build.uniqueid="${BuildUniqueID:-1}"
 WORKDIR /app
 COPY . .
 RUN umask 0022
@@ -11,5 +13,7 @@ RUN if [ "${IS_PRODUCTION}" = "true" ] ; then npm run-script build-prod ; else n
 
 # stage 2
 FROM nginx:alpine
+ARG BuildUniqueID
+LABEL build.uniqueid="${BuildUniqueID:-1}"
 COPY --from=node /app/dist/sales /usr/share/nginx/html
-COPY --from=node /app/nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=node /app/nginx.conf /etc/nginx/conf.d/default.conf

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/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/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/lib/product-image.module.ts

@@ -0,0 +1,9 @@
+import { NgModule } from '@angular/core';
+import { ProductImagePipe } from './product-image.pipe';
+
+@NgModule({
+  declarations: [ProductImagePipe],
+  imports: [],
+  exports: [ProductImagePipe],
+})
+export class ProductImageModule {}

apps/cdn/product-image/src/lib/product-image.pipe.ts

@@ -0,0 +1,12 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { ProductImageService } from './product-image.service';
+
+@Pipe({
+  name: 'productImage',
+})
+export class ProductImagePipe implements PipeTransform {
+  constructor(private imageService: ProductImageService) {}
+  transform(imageId: string, width?: number, height?: number, showDummy?: boolean): any {
+    return this.imageService.getImageUrl({ imageId, width, height, showDummy });
+  }
+}

apps/cdn/product-image/src/lib/product-image.service.spec.ts

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

apps/cdn/product-image/src/lib/product-image.service.ts

@@ -0,0 +1,23 @@
+import { Inject, Injectable } from '@angular/core';
+import { CDN_PRODUCT_IMAGE } from './tokens';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ProductImageService {
+  constructor(@Inject(CDN_PRODUCT_IMAGE) private imageUrl: string) {}
+
+  getImageUrl({
+    imageId,
+    width = 150,
+    height = 150,
+    showDummy = true,
+  }: {
+    imageId: string;
+    width?: number;
+    height?: number;
+    showDummy?: boolean;
+  }): string {
+    return `${this.imageUrl}/${imageId}_${width}x${height}.jpg?showDummy=${showDummy}`;
+  }
+}

apps/cdn/product-image/src/lib/tokens.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+
+export const CDN_PRODUCT_IMAGE = new InjectionToken<string>('cdn.product.image');

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/src/test.ts

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

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

apps/cdn/product-image/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/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/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,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/application'),
+      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/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/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.module.ts

@@ -0,0 +1,18 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { StoreModule } from '@ngrx/store';
+import { applicationReducer } from './store';
+import { ApplicationService } from './application.service';
+
+@NgModule({
+  declarations: [],
+  imports: [],
+  exports: [],
+})
+export class CoreApplicationModule {
+  static forRoot(): ModuleWithProviders<CoreApplicationModule> {
+    return {
+      ngModule: CoreApplicationModule,
+      providers: [ApplicationService, StoreModule.forFeature('core-application', applicationReducer).providers],
+    };
+  }
+}

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

@@ -0,0 +1,32 @@
+import { TestBed } from '@angular/core/testing';
+import { isObservable } from 'rxjs';
+
+import { ApplicationService } from './application.service';
+
+describe('ApplicationService', () => {
+  let service: ApplicationService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [ApplicationService],
+    });
+    service = TestBed.inject(ApplicationService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+
+  describe('activatedProcessId', () => {
+    it('should return the processId', () => {
+      service.setActivatedProcessId(100);
+      expect(service.activatedProcessId).toEqual(100);
+    });
+  });
+
+  describe('activatedProcessId$', () => {
+    it('should return an observable', () => {
+      expect(isObservable(service.activatedProcessId$)).toBeTruthy();
+    });
+  });
+});

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

@@ -0,0 +1,37 @@
+import { Injectable } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { BehaviorSubject } from 'rxjs';
+import { processRemoved, selectSection, setSection } from './store';
+
+@Injectable()
+export class ApplicationService {
+  private activatedProcessIdSubject = new BehaviorSubject<number>(undefined);
+
+  get activatedProcessId() {
+    return this.activatedProcessIdSubject.value;
+  }
+
+  get activatedProcessId$() {
+    return this.activatedProcessIdSubject.asObservable();
+  }
+
+  readonly section$ = this.store.select(selectSection);
+
+  constructor(private store: Store) {}
+
+  setActivatedProcessId(processId: number) {
+    if (this.activatedProcessId !== processId) {
+      this.activatedProcessIdSubject.next(processId);
+    }
+  }
+
+  removeProcess(processId: number) {
+    this.store.dispatch(processRemoved({ processId }));
+  }
+
+  createProcess() {}
+
+  setSection(section: 'customer' | 'branch') {
+    this.store.dispatch(setSection({ section }));
+  }
+}

apps/core/application/src/lib/defs/application-process.ts

@@ -0,0 +1,5 @@
+export interface ApplicationProcess {
+  id: number;
+  name: string;
+  data: { [key: string]: any };
+}

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

@@ -0,0 +1,3 @@
+// start:ng42.barrel
+export * from './application-process';
+// end:ng42.barrel

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

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

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

@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({ providedIn: 'root' })
+export class ProcessService {
+  constructor() {}
+
+  updateName(processId: number, name: string) {}
+}

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

@@ -0,0 +1,10 @@
+import { createAction, props } from '@ngrx/store';
+
+const prefix = '[CORE-APPLICATION]';
+
+/**
+ * Action nach Entfernung eines Prozesses
+ */
+export const processRemoved = createAction(`${prefix} Process Removed`, props<{ processId: number }>());
+
+export const setSection = createAction(`${prefix} Set Section`, props<{ section: 'customer' | 'branch' }>());

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

@@ -0,0 +1,12 @@
+import { Action, createReducer, on } from '@ngrx/store';
+import { setSection } from './application.actions';
+import { ApplicationState, INITIAL_APPLICATION_STATE } from './application.state';
+
+const _applicationReducer = createReducer(
+  INITIAL_APPLICATION_STATE,
+  on(setSection, (state, { section }) => ({ ...state, section }))
+);
+
+export function applicationReducer(state: ApplicationState, action: Action) {
+  return _applicationReducer(state, action);
+}

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

@@ -0,0 +1,5 @@
+import { createFeatureSelector, createSelector } from '@ngrx/store';
+import { ApplicationState } from './application.state';
+export const selectApplicationState = createFeatureSelector<ApplicationState>('core-application');
+
+export const selectSection = createSelector(selectApplicationState, (s) => s.section);

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

@@ -0,0 +1,7 @@
+export interface ApplicationState {
+  section: 'customer' | 'branch';
+}
+
+export const INITIAL_APPLICATION_STATE: ApplicationState = {
+  section: 'customer',
+};

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

@@ -0,0 +1,6 @@
+// start:ng42.barrel
+export * from './application.actions';
+export * from './application.reducer';
+export * from './application.selectors';
+export * from './application.state';
+// end:ng42.barrel

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

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

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/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/core/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/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/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/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

@@ -0,0 +1,42 @@
+import { TestBed } from '@angular/core/testing';
+import { Store } from '@ngrx/store';
+import { isNumber } from '@utils/common';
+import { of } from 'rxjs';
+import { BreadcrumbService } from './breadcrumb.service';
+import { Breadcrumb } from './defs';
+
+import * as actions from './store/breadcrumb.actions';
+import * as selectors from './store/breadcrumb.selectors';
+
+describe('Breadcrumb Service', () => {
+  let store: jasmine.SpyObj<Store<any>>;
+  let service: BreadcrumbService;
+
+  beforeEach(() => {
+    store = jasmine.createSpyObj<Store<any>>('Store', ['select', 'dispatch']);
+
+    TestBed.configureTestingModule({
+      providers: [BreadcrumbService, { provide: Store, useValue: store }],
+    });
+
+    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' };
+      breadcrumb = service.addBreadcrumb(breadcrumb);
+      expect(store.dispatch).toHaveBeenCalledWith(actions.addBreadcrumb({ breadcrumb }));
+      expect(isNumber(breadcrumb.id)).toBeTruthy();
+      expect(isNumber(breadcrumb.timestamp)).toBeTruthy();
+    });
+  });
+});

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

@@ -0,0 +1,120 @@
+import { Injectable } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { getNumberId } from '@utils/id';
+
+import { Observable } from 'rxjs';
+import { map, take } from 'rxjs/operators';
+import { Breadcrumb } from './defs';
+
+import * as actions from './store/breadcrumb.actions';
+import * as selectors from './store/breadcrumb.selectors';
+
+@Injectable()
+export class BreadcrumbService {
+  constructor(private store: Store<any>) {}
+
+  getAll$() {
+    return this.store.select(selectors.selectBreadcrumbs);
+  }
+
+  getByKey$(key: string): Observable<Breadcrumb[]> {
+    return this.store.select(selectors.selectBreadcrumbsByKey, key);
+  }
+
+  getBreadcrumbById$(id: number): Observable<Breadcrumb> {
+    return this.store.select(selectors.selectBreadcrumbById, id);
+  }
+
+  getBreadcrumbByKey$(key: string | number): Observable<Breadcrumb[]> {
+    return this.store.select(selectors.selectBreadcrumbsByKey, key);
+  }
+
+  addBreadcrumb(breadcrumb: Breadcrumb): Breadcrumb {
+    const newBreadcrumb: Breadcrumb = { ...breadcrumb, id: getNumberId(), timestamp: Date.now(), changed: Date.now() };
+    this.store.dispatch(actions.addBreadcrumb({ breadcrumb: newBreadcrumb }));
+    return newBreadcrumb;
+  }
+
+  patchBreadcrumb(breadcrumbId: number, changes: Partial<Breadcrumb>) {
+    this.store.dispatch(actions.updateBreadcrumb({ id: breadcrumbId, changes: { ...changes, changed: Date.now() } }));
+  }
+
+  async addBreadcrumbIfNotExists(breadcrumb: Breadcrumb) {
+    const crumbs = await this.getBreadcrumbsByKeyAndTags$(breadcrumb.key, breadcrumb.tags).pipe(take(1)).toPromise();
+    if (crumbs.length === 0) {
+      return this.addBreadcrumb(breadcrumb);
+    }
+    return crumbs[0];
+  }
+
+  async addOrUpdateBreadcrumbIfNotExists(breadcrumb: Breadcrumb) {
+    const crumbs = await this.getBreadcrumbsByKeyAndTags$(breadcrumb.key, breadcrumb.tags).pipe(take(1)).toPromise();
+    if (crumbs.length === 0) {
+      return this.addBreadcrumb(breadcrumb);
+    }
+    return this.patchBreadcrumb(crumbs[0].id, breadcrumb);
+  }
+
+  getBreadcrumbsByKeyAndTag$(key: string | number, tag: string): Observable<Breadcrumb[]> {
+    return this.store.select(selectors.selectBreadcrumbsByKeyAndTag, { key, tag });
+  }
+
+  getBreadcrumbsByKeyAndTags$(key: string | number, tags: string[]): Observable<Breadcrumb[]> {
+    return this.store.select(selectors.selectBreadcrumbsByKeyAndTags, { key, tags });
+  }
+
+  async removeBreadcrumbsAfter(breadcrumbId: number, withTags: string[] = []) {
+    const breadcrumb = await this.getBreadcrumbById$(breadcrumbId).pipe(take(1)).toPromise();
+
+    if (!breadcrumb) {
+      return;
+    }
+
+    let breadcrumbs: Breadcrumb[];
+
+    if (withTags?.length > 0) {
+      breadcrumbs = await this.getBreadcrumbsByKeyAndTags$(breadcrumb.key, withTags).pipe(take(1)).toPromise();
+    } else {
+      breadcrumbs = await this.getBreadcrumbByKey$(breadcrumb.key).pipe(take(1)).toPromise();
+    }
+
+    if (!breadcrumbs?.length) {
+      return;
+    }
+
+    const breadcrumbsToRemove = breadcrumbs.filter((crumb) => crumb.timestamp > breadcrumb.timestamp);
+
+    if (!breadcrumbsToRemove.length) {
+      return;
+    }
+
+    this.store.dispatch(actions.removeManyBreadcrumb({ ids: breadcrumbsToRemove.map((crumb) => crumb.id) }));
+  }
+
+  async removeBreadcrumb(breadcrumbId: number, recursive: boolean = true) {
+    const breadcrumb = await this.getBreadcrumbById$(breadcrumbId).pipe(take(1)).toPromise();
+
+    if (!breadcrumb) {
+      return;
+    }
+
+    let breadcrumbsToRemove = [breadcrumb];
+
+    if (recursive) {
+      const breadcrumbs = await this.getBreadcrumbByKey$(breadcrumb.key).pipe(take(1)).toPromise();
+      breadcrumbsToRemove = [...breadcrumbsToRemove, ...breadcrumbs.filter((crumb) => crumb.timestamp > breadcrumb.timestamp)];
+    }
+
+    if (!breadcrumbsToRemove.length) {
+      return;
+    }
+
+    this.store.dispatch(actions.removeManyBreadcrumb({ ids: breadcrumbsToRemove.map((crumb) => crumb.id) }));
+  }
+
+  getLatestBreadcrumbForSection(section: 'customer' | 'branch') {
+    return this.store
+      .select(selectors.selectBreadcrumbsBySection, { section })
+      .pipe(map((crumbs) => crumbs.sort((a, b) => b.changed - a.changed).find((f) => true)));
+  }
+}

apps/core/breadcrumb/src/lib/core-breadcrumb.module.ts

@@ -0,0 +1,22 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { EffectsModule } from '@ngrx/effects';
+import { StoreModule } from '@ngrx/store';
+import { BreadcrumbService } from './breadcrumb.service';
+import { BreadcrumbEffects } from './store/breadcrumb.effect';
+import { breadcrumbReducer } from './store/breadcrumb.reducer';
+import { featureName } from './store/breadcrumb.state';
+
+@NgModule()
+export class CoreBreadcrumbModule {
+  static forRoot(): ModuleWithProviders<CoreBreadcrumbModule> {
+    return {
+      ngModule: CoreBreadcrumbForRootModule,
+    };
+  }
+}
+
+@NgModule({
+  imports: [StoreModule.forFeature(featureName, breadcrumbReducer), EffectsModule.forFeature([BreadcrumbEffects])],
+  providers: [BreadcrumbService],
+})
+export class CoreBreadcrumbForRootModule {}

apps/core/breadcrumb/src/lib/defs/breadcrumb.model.ts

@@ -0,0 +1,46 @@
+export interface Breadcrumb {
+  /**
+   * Eindeutige ID für die Entity
+   */
+  id?: number;
+
+  /**
+   * Identifier für ein Teilbereich/ProzessId der Applikation
+   */
+  key: number | string;
+
+  /**
+   * Tags
+   */
+  tags?: string[];
+
+  /**
+   * Anzeigename
+   */
+  name: string;
+
+  /**
+   * Url
+   */
+  path: string;
+
+  /**
+   * Query Parameter
+   */
+  params?: Object;
+
+  /**
+   * Timestamp
+   */
+  timestamp?: number;
+
+  /**
+   * Cahnged
+   */
+  changed?: number;
+
+  /**
+   * Applicatiuon Section
+   */
+  section: 'branch' | 'customer';
+}

apps/core/breadcrumb/src/lib/defs/index.ts

@@ -0,0 +1,3 @@
+// start:ng42.barrel
+export * from './breadcrumb.model';
+// end:ng42.barrel

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

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

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

@@ -0,0 +1,24 @@
+import { createAction, props } from '@ngrx/store';
+import { Breadcrumb } from '../defs';
+
+const prefix = '[CORE-BREADCRUMB]';
+
+/**
+ * Action um Breadcrumb zum State hinzufügen
+ */
+export const addBreadcrumb = createAction(`${prefix} Add Breadcrumb`, props<{ breadcrumb: Breadcrumb }>());
+
+/**
+ * Action um Breadcrumb im State zu ändern
+ */
+export const updateBreadcrumb = createAction(`${prefix} Update Breadcrumb`, props<{ id: number; changes: Partial<Breadcrumb> }>());
+
+/**
+ * Action um Breadcrumb im State zu entfernen
+ */
+export const removeBreadcrumb = createAction(`${prefix} Remove Breadcrumb`, props<{ id: number }>());
+
+/**
+ * Action um mehrere Breadcrumbs im State zu entfernen
+ */
+export const removeManyBreadcrumb = createAction(`${prefix} Remove Many Breadcrumb`, props<{ ids: number[] }>());

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

@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+import { processRemoved } from '@core/application';
+import { Actions, createEffect, ofType } from '@ngrx/effects';
+import { NEVER } from 'rxjs';
+import { mergeMap, tap, first, map } from 'rxjs/operators';
+import { BreadcrumbService } from '../breadcrumb.service';
+
+@Injectable()
+export class BreadcrumbEffects {
+  removeProcess$ = createEffect(
+    () =>
+      this.actions$.pipe(
+        ofType(processRemoved),
+        mergeMap((action) =>
+          this.breadcrumb.getBreadcrumbByKey$(action.processId).pipe(
+            first(),
+            tap((breadcrumbs) => {
+              breadcrumbs?.forEach((crumb) => this.breadcrumb.removeBreadcrumb(crumb.id));
+            })
+          )
+        )
+      ),
+    { dispatch: false }
+  );
+
+  constructor(private actions$: Actions, private breadcrumb: BreadcrumbService) {}
+}

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

@@ -0,0 +1,88 @@
+import { Breadcrumb } from '../defs';
+import * as action from './breadcrumb.actions';
+import { breadcrumbReducer } from './breadcrumb.reducer';
+import { INIT } from './breadcrumb.state';
+
+describe('Breadcrumb Reducer', () => {
+  it('should return the initial state if the current state is empty', () => {
+    const fixture = breadcrumbReducer(undefined, { type: '' });
+
+    expect(fixture).toEqual(INIT);
+  });
+
+  describe('addBreadcrumb', () => {
+    it('should add the breadcrumb to the state', () => {
+      const breadcrumb: Breadcrumb = {
+        id: 1,
+        key: 'unit-test',
+        name: 'Test Name',
+        path: 'Test Patch',
+      };
+
+      const fixture = breadcrumbReducer(INIT, action.addBreadcrumb({ breadcrumb }));
+
+      expect(fixture.entities[1]).toEqual(breadcrumb);
+    });
+  });
+
+  describe('updateBreadcrumb', () => {
+    it('should update an existing breadcrumb', () => {
+      const breadcrumb: Breadcrumb = {
+        id: 1,
+        key: 'unit-test',
+        name: 'Test Name',
+        path: 'Test Patch',
+      };
+
+      const expected = {
+        ...breadcrumb,
+        name: 'Test Name 2',
+      };
+
+      const state = breadcrumbReducer(INIT, action.addBreadcrumb({ breadcrumb }));
+
+      const fixture = breadcrumbReducer(state, action.updateBreadcrumb({ id: breadcrumb.id, changes: { name: 'Test Name 2' } }));
+
+      expect(fixture.entities[breadcrumb.id]).toEqual(expected);
+    });
+  });
+
+  describe('removeBreadcrumb', () => {
+    it('should remove the breadcrumb', () => {
+      const breadcrumb: Breadcrumb = {
+        id: 1,
+        key: 'unit-test',
+        name: 'Test Name',
+        path: 'Test Patch',
+      };
+
+      const state = breadcrumbReducer(INIT, action.addBreadcrumb({ breadcrumb }));
+
+      const fixture = breadcrumbReducer(state, action.removeBreadcrumb({ id: breadcrumb.id }));
+
+      expect(fixture.entities[breadcrumb.id]).toBeUndefined();
+    });
+  });
+
+  describe('removeManyBreadcrumb', () => {
+    it('should remove all breadcrumbs for the given ids', () => {
+      const breadcrumb1: Breadcrumb = {
+        id: 1,
+        key: 'unit-test',
+        name: 'Test Name',
+        path: 'Test Patch',
+      };
+      const breadcrumb2 = { ...breadcrumb1, id: 2 };
+      const breadcrumb3 = { ...breadcrumb1, id: 3 };
+
+      let state = breadcrumbReducer(INIT, action.addBreadcrumb({ breadcrumb: breadcrumb1 }));
+      state = breadcrumbReducer(state, action.addBreadcrumb({ breadcrumb: breadcrumb2 }));
+      state = breadcrumbReducer(state, action.addBreadcrumb({ breadcrumb: breadcrumb3 }));
+
+      const fixture = breadcrumbReducer(state, action.removeManyBreadcrumb({ ids: [1, 3] }));
+
+      expect(Object.keys(fixture.entities).length).toEqual(1);
+      expect(fixture.entities[breadcrumb2.id]).toEqual(breadcrumb2);
+    });
+  });
+});

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

@@ -0,0 +1,16 @@
+import { Action, createReducer, on } from '@ngrx/store';
+import { breadcrumbAdapter, BreadcrumbState, INIT } from './breadcrumb.state';
+
+import * as actions from './breadcrumb.actions';
+
+const _breadcrumbReducer = createReducer(
+  INIT,
+  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))
+);
+
+export function breadcrumbReducer(state: BreadcrumbState, action: Action) {
+  return _breadcrumbReducer(state, action);
+}

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

@@ -0,0 +1,44 @@
+import * as selector from './breadcrumb.selectors';
+import * as action from './breadcrumb.actions';
+import { breadcrumbReducer } from './breadcrumb.reducer';
+
+import { BreadcrumbState, INIT } from './breadcrumb.state';
+
+describe('Breadcrumb Selectors', () => {
+  let state: BreadcrumbState;
+
+  beforeEach(() => {
+    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'] } })
+    );
+    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: 5, key: 'unit-test-3', path: '', name: 'Unit Test 1', tags: ['details'] } })
+    );
+  });
+
+  describe('selectBreadcrumbsByKey', () => {
+    it('should return all breadcrumbs with the key unit-test-1', () => {
+      const fixture = selector.selectBreadcrumbsByKey.projector(Object.values(state.entities), 'unit-test-1');
+      expect(fixture.length).toBe(2);
+      expect(fixture[0].key).toBe('unit-test-1');
+      expect(fixture[1].key).toBe('unit-test-1');
+    });
+  });
+
+  describe('selectBreadcrumbsByKeyAndTag', () => {
+    it('should return all breadcrumbs with the key unit-test-3 and tag details', () => {
+      const fixture = selector.selectBreadcrumbsByKeyAndTag.projector(Object.values(state.entities), {
+        key: 'unit-test-3',
+        tag: 'details',
+      });
+      expect(fixture.length).toBe(1);
+      expect(fixture[0].key).toBe('unit-test-3');
+      expect(fixture[0].tags).toContain('details');
+    });
+  });
+});

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

@@ -0,0 +1,48 @@
+import { createSelector, createFeatureSelector } from '@ngrx/store';
+import { Breadcrumb } from '../defs';
+import { breadcrumbAdapter, BreadcrumbState, featureName } from './breadcrumb.state';
+import { isArray } from '@utils/common';
+
+const selectFeature = createFeatureSelector<BreadcrumbState>(featureName);
+
+const { selectAll, selectEntities } = breadcrumbAdapter.getSelectors(selectFeature);
+
+/**
+ * Gibt alle Breadcrumb Entities als Array zurück
+ */
+export const selectBreadcrumbs = selectAll;
+
+/**
+ * Gibt alle Breadcrumb Entities als Array zurück die den key enthalten
+ */
+export const selectBreadcrumbById = createSelector(selectEntities, (entities, id: number) => 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));
+
+/**
+ * Gibt alle Breadcrumb Entities als Array zurück die den key und tag enthalten
+ */
+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))
+);
+
+/**
+ * Gibt alle Breadcrumb Entities als Array zurück die den key und tags enthalten
+ */
+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)))
+);
+
+/**
+ * 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)
+);

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

@@ -0,0 +1,12 @@
+import { createEntityAdapter, EntityState } from '@ngrx/entity';
+import { Breadcrumb } from '../defs';
+
+export interface BreadcrumbState extends EntityState<Breadcrumb> {}
+
+export const featureName = 'core-breadcrumb';
+
+export const breadcrumbAdapter = createEntityAdapter<Breadcrumb>();
+
+export const INIT: BreadcrumbState = {
+  ...breadcrumbAdapter.getInitialState(),
+};

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/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/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/core/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/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/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-options.ts

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

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

@@ -0,0 +1,8 @@
+import { NgModule } from '@angular/core';
+
+@NgModule({
+  declarations: [],
+  imports: [],
+  exports: [],
+})
+export class CacheModule {}

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

@@ -0,0 +1,73 @@
+import { Injectable } from '@angular/core';
+import { CacheOptions } from './cache-options';
+import { Cached } from './cached';
+import { sha1 } from 'object-hash';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class CacheService {
+  constructor() {}
+
+  set(token: Object, data: any, options?: CacheOptions) {
+    const persist = options?.persist;
+    const ttl = options?.ttl;
+    const cached: Cached = {
+      data,
+    };
+
+    if (ttl) {
+      cached.until = Date.now() + ttl;
+    }
+
+    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' = 'session'): 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)));
+    }
+
+    if (!cached) {
+      return undefined;
+    }
+
+    if (cached.until < Date.now()) {
+      this.delete(token, from);
+      return undefined;
+    }
+
+    return cached.data;
+  }
+
+  private 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) {
+    return sha1(token);
+  }
+
+  private serialize(data: Cached): string {
+    return JSON.stringify(data);
+  }
+
+  private deserialize(data: string): Cached {
+    return JSON.parse(data);
+  }
+}

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/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/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/core/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/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/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

@@ -0,0 +1,4 @@
+export abstract class ActionHandler<T = any> {
+  constructor(readonly action: string) {}
+  abstract handler(data: T): Promise<T>;
+}

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

@@ -0,0 +1,21 @@
+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';
+
+@NgModule({})
+export class CoreCommandModule {
+  static forRoot(actionHandlers: Type<ActionHandler>[]): ModuleWithProviders<CoreCommandModule> {
+    return {
+      ngModule: CoreCommandModule,
+      providers: [CommandService, actionHandlers.map((handler) => ({ provide: ROOT_ACTION_HANDLERS, useClass: handler, multi: true }))],
+    };
+  }
+
+  static forChild(actionHandlers: Type<ActionHandler>[]): ModuleWithProviders<CoreCommandModule> {
+    return {
+      ngModule: CoreCommandModule,
+      providers: [CommandService, actionHandlers.map((handler) => ({ provide: FEATURE_ACTION_HANDLERS, useClass: handler, multi: true }))],
+    };
+  }
+}

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

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

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

@@ -0,0 +1,34 @@
+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) {}
+
+  async handleCommand<T>(command: string, data?: T): Promise<T> {
+    const actions = this.getActions(command);
+
+    for (const action of actions) {
+      const handler = this.getActionHandler(action);
+      if (!handler) {
+        console.error('CommandService.handleCommand', 'Action Handler does not exist', { action });
+        throw new Error('Action Handler does not exist');
+      }
+      console.log('handle command', handler, data);
+      data = await handler.handler(data);
+    }
+    return data;
+  }
+
+  getActions(command: string) {
+    return command?.split('|') || [];
+  }
+
+  getActionHandler(action: string): ActionHandler {
+    const featureActionHandlers: ActionHandler[] = this.injector.get(FEATURE_ACTION_HANDLERS, []);
+    const rootActionHandlers: ActionHandler[] = this.injector.get(ROOT_ACTION_HANDLERS, []);
+
+    return [...featureActionHandlers, ...rootActionHandlers].find((handler) => handler.action === action);
+  }
+}

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/lib/tokens.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+import { ActionHandler } from './action-handler.interface';
+
+export const ROOT_ACTION_HANDLERS = new InjectionToken<ActionHandler[]>('@core/domain ROOT_ACTION_HANDLER');
+
+export const FEATURE_ACTION_HANDLERS = new InjectionToken<ActionHandler[]>('@core/domain FEATURE_ACTION_HANDLER');

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

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

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/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/core/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"
+    ]
+  }
+}

apps/core/environment/README.md

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

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

apps/core/environment/package.json

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

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

@@ -0,0 +1,8 @@
+import { NgModule } from '@angular/core';
+
+@NgModule({
+  declarations: [],
+  imports: [],
+  exports: [],
+})
+export class EnvironmentModule {}

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

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

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

@@ -0,0 +1,32 @@
+import { Injectable } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { map, take, tap } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class EnvironmentService {
+  constructor() {}
+
+  // /** Returns whether app is used within native container*/
+  // isNative(): Promise<boolean> {
+  //   return fromEvent(window, 'message')
+  //     .pipe(
+  //       map((evt: MessageEvent) => evt.data),
+  //       tap(console.log.bind(window)),
+  //       map((data) => data.status === 'INIT'),
+  //       take(1)
+  //     )
+  //     .toPromise();
+  // }
+
+  /** Returns whether current device is mobile phone or tablet */
+  async isMobile(): Promise<boolean> {
+    return 'orientation' in window;
+  }
+
+  /** Returns whether current device is desktop */
+  async isDesktop(): Promise<boolean> {
+    return !(await this.isMobile());
+  }
+}