feat(pmp-web): add single repository statistics

single-repository-statistics-data.service.ts,
repository-statistics.component.ts
are not fully implemented because of missing data from API and
the desired model are not know.

angular.json

@@ -1049,6 +1049,40 @@
           "styleext": "scss"
         }
       }
+    },
+    "pmp-web-repository-data-access-single-repository-statistics": {
+      "projectType": "library",
+      "root": "libs/pmp-web/repository/data-access-single-repository-statistics",
+      "sourceRoot": "libs/pmp-web/repository/data-access-single-repository-statistics/src",
+      "prefix": "pimp-my-pr",
+      "architect": {
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "libs/pmp-web/repository/data-access-single-repository-statistics/tsconfig.lib.json",
+              "libs/pmp-web/repository/data-access-single-repository-statistics/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**",
+              "!libs/pmp-web/repository/data-access-single-repository-statistics/**"
+            ]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "options": {
+            "jestConfig": "libs/pmp-web/repository/data-access-single-repository-statistics/jest.config.js",
+            "tsConfig": "libs/pmp-web/repository/data-access-single-repository-statistics/tsconfig.spec.json",
+            "setupFile": "libs/pmp-web/repository/data-access-single-repository-statistics/src/test-setup.ts"
+          }
+        }
+      },
+      "schematics": {
+        "@nrwl/angular:component": {
+          "styleext": "scss"
+        }
+      }
     }
   },
   "cli": {

libs/pmp-web/repository/data-access-single-repository-statistics/README.md

@@ -0,0 +1,7 @@
+# pmp-web-repository-data-access-single-repository-statistics
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test pmp-web-repository-data-access-single-repository-statistics` to execute the unit tests.

libs/pmp-web/repository/data-access-single-repository-statistics/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  name: 'pmp-web-repository-data-access-single-repository-statistics',
+  preset: '../../../../jest.config.js',
+  coverageDirectory:
+    '../../../../coverage/libs/pmp-web/repository/data-access-single-repository-statistics',
+  snapshotSerializers: [
+    'jest-preset-angular/AngularSnapshotSerializer.js',
+    'jest-preset-angular/HTMLCommentSerializer.js'
+  ]
+};

libs/pmp-web/repository/data-access-single-repository-statistics/src/index.ts

@@ -0,0 +1,4 @@
+export * from './lib/+state/single-repository-statistics.facade';
+export * from './lib/+state/single-repository-statistics.reducer';
+export * from './lib/+state/single-repository-statistics.selectors';
+export * from './lib/pmp-web-repository-data-access-single-repository-statistics.module';

libs/pmp-web/repository/data-access-single-repository-statistics/src/lib/+state/single-repository-statistics.actions.ts

@@ -0,0 +1,35 @@
+import { Action } from '@ngrx/store';
+import { HttpErrorResponse } from '@angular/common/http';
+import { GetRepositoryStatisticsRequestPayload } from '../resources/request-payloads/get-repository-statistics.request-payload';
+import { RepositoryModel } from '@pimp-my-pr/shared/domain';
+
+export namespace fromSingleRepositoryStatisticsActions {
+  export enum Types {
+    GetRepositoryStatistics = '[SingleRepositoryStatistics] Get Repository Statistics',
+    GetRepositoryStatisticsFail = '[SingleRepositoryStatistics] Get Repository Statistics Fail',
+    GetRepositoryStatisticsSuccess = '[SingleRepositoryStatistics] Get Repository Statistics Success'
+  }
+
+  export class GetRepositoryStatistics implements Action {
+    readonly type = Types.GetRepositoryStatistics;
+
+    constructor(public payload: GetRepositoryStatisticsRequestPayload) {}
+  }
+
+  export class GetRepositoryStatisticsFail implements Action {
+    readonly type = Types.GetRepositoryStatisticsFail;
+
+    constructor(public payload: HttpErrorResponse) {}
+  }
+
+  export class GetRepositoryStatisticsSuccess implements Action {
+    readonly type = Types.GetRepositoryStatisticsSuccess;
+
+    constructor(public payload: RepositoryModel) {}
+  }
+
+  export type CollectiveType =
+    | GetRepositoryStatistics
+    | GetRepositoryStatisticsFail
+    | GetRepositoryStatisticsSuccess;
+}

libs/pmp-web/repository/data-access-single-repository-statistics/src/lib/+state/single-repository-statistics.effects.ts

@@ -0,0 +1,39 @@
+import { Injectable } from '@angular/core';
+import { Effect } from '@ngrx/effects';
+import { fromSingleRepositoryStatisticsActions } from './single-repository-statistics.actions';
+import { SingleRepositoryStatisticsPartialState } from './single-repository-statistics.reducer';
+import { SingleRepositoryStatisticsDataService } from '../services/single-repository-statistics-data.service';
+import { HttpErrorResponse } from '@angular/common/http';
+import { map } from 'rxjs/operators';
+import { DataPersistence } from '@nrwl/angular';
+
+@Injectable()
+export class SingleRepositoryStatisticsEffects {
+  @Effect()
+  getRepositoryStatistics$ = this.dp.fetch(
+    fromSingleRepositoryStatisticsActions.Types.GetRepositoryStatistics,
+    {
+      id: () => {},
+      run: (action: fromSingleRepositoryStatisticsActions.GetRepositoryStatistics) => {
+        return this.singleRepositoryStatisticsDataService
+          .getRepositoryStatistics(action.payload)
+          .pipe(
+            map(
+              data => new fromSingleRepositoryStatisticsActions.GetRepositoryStatisticsSuccess(data)
+            )
+          );
+      },
+      onError: (
+        action: fromSingleRepositoryStatisticsActions.GetRepositoryStatistics,
+        error: HttpErrorResponse
+      ) => {
+        return new fromSingleRepositoryStatisticsActions.GetRepositoryStatisticsFail(error);
+      }
+    }
+  );
+
+  constructor(
+    private dp: DataPersistence<SingleRepositoryStatisticsPartialState>,
+    private singleRepositoryStatisticsDataService: SingleRepositoryStatisticsDataService
+  ) {}
+}

libs/pmp-web/repository/data-access-single-repository-statistics/src/lib/+state/single-repository-statistics.facade.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { select, Store } from '@ngrx/store';
+import { SingleRepositoryStatisticsPartialState } from './single-repository-statistics.reducer';
+import { singleRepositoryStatisticsQuery } from './single-repository-statistics.selectors';
+import { fromSingleRepositoryStatisticsActions } from './single-repository-statistics.actions';
+import { GetRepositoryStatisticsRequestPayload } from '../resources/request-payloads/get-repository-statistics.request-payload';
+
+@Injectable()
+export class SingleRepositoryStatisticsFacade {
+  repositoryStatistics$ = this.store.pipe(
+    select(singleRepositoryStatisticsQuery.getRepositoryStatistics)
+  );
+  repositoryStatisticsLoading$ = this.store.pipe(
+    select(singleRepositoryStatisticsQuery.getRepositoryStatisticsLoading)
+  );
+  repositoryStatisticsLoadError$ = this.store.pipe(
+    select(singleRepositoryStatisticsQuery.getRepositoryStatisticsLoadError)
+  );
+  constructor(private store: Store<SingleRepositoryStatisticsPartialState>) {}
+
+  getRepositoryStatistics(data: GetRepositoryStatisticsRequestPayload): void {
+    this.store.dispatch(new fromSingleRepositoryStatisticsActions.GetRepositoryStatistics(data));
+  }
+}

libs/pmp-web/repository/data-access-single-repository-statistics/src/lib/+state/single-repository-statistics.reducer.ts

@@ -0,0 +1,60 @@
+import { fromSingleRepositoryStatisticsActions } from './single-repository-statistics.actions';
+import { HttpErrorResponse } from '@angular/common/http';
+import { RepositoryModel } from '@pimp-my-pr/shared/domain';
+
+export const SINGLEREPOSITORYSTATISTICS_FEATURE_KEY = 'singleRepositoryStatistics';
+
+export interface SingleRepositoryStatisticsState {
+  repositoryStatistics: RepositoryModel | null;
+  repositoryStatisticsLoading: boolean;
+  repositoryStatisticsLoadError: HttpErrorResponse | null;
+}
+
+export interface SingleRepositoryStatisticsPartialState {
+  readonly [SINGLEREPOSITORYSTATISTICS_FEATURE_KEY]: SingleRepositoryStatisticsState;
+}
+
+export const initialState: SingleRepositoryStatisticsState = {
+  repositoryStatistics: null,
+  repositoryStatisticsLoading: false,
+  repositoryStatisticsLoadError: null
+};
+
+export function singleRepositoryStatisticsReducer(
+  state: SingleRepositoryStatisticsState = initialState,
+  action: fromSingleRepositoryStatisticsActions.CollectiveType
+): SingleRepositoryStatisticsState {
+  switch (action.type) {
+    case fromSingleRepositoryStatisticsActions.Types.GetRepositoryStatistics: {
+      state = {
+        ...state,
+        repositoryStatistics: null,
+        repositoryStatisticsLoading: true,
+        repositoryStatisticsLoadError: null
+      };
+      break;
+    }
+
+    case fromSingleRepositoryStatisticsActions.Types.GetRepositoryStatisticsFail: {
+      state = {
+        ...state,
+        repositoryStatistics: null,
+        repositoryStatisticsLoading: false,
+        repositoryStatisticsLoadError: action.payload
+      };
+      break;
+    }
+
+    case fromSingleRepositoryStatisticsActions.Types.GetRepositoryStatisticsSuccess: {
+      state = {
+        ...state,
+        repositoryStatistics: action.payload,
+        repositoryStatisticsLoading: false,
+        repositoryStatisticsLoadError: null
+      };
+      break;
+    }
+  }
+
+  return state;
+}

libs/pmp-web/repository/data-access-single-repository-statistics/src/lib/+state/single-repository-statistics.selectors.ts

@@ -0,0 +1,31 @@
+import { createFeatureSelector, createSelector } from '@ngrx/store';
+import {
+  SINGLEREPOSITORYSTATISTICS_FEATURE_KEY,
+  SingleRepositoryStatisticsState
+} from './single-repository-statistics.reducer';
+
+// Lookup the 'SingleRepositoryStatistics' feature state managed by NgRx
+const getSingleRepositoryStatisticsState = createFeatureSelector<SingleRepositoryStatisticsState>(
+  SINGLEREPOSITORYSTATISTICS_FEATURE_KEY
+);
+
+const getRepositoryStatistics = createSelector(
+  getSingleRepositoryStatisticsState,
+  state => state.repositoryStatistics
+);
+
+const getRepositoryStatisticsLoading = createSelector(
+  getSingleRepositoryStatisticsState,
+  state => state.repositoryStatisticsLoading
+);
+
+const getRepositoryStatisticsLoadError = createSelector(
+  getSingleRepositoryStatisticsState,
+  state => state.repositoryStatisticsLoadError
+);
+
+export const singleRepositoryStatisticsQuery = {
+  getRepositoryStatistics,
+  getRepositoryStatisticsLoading,
+  getRepositoryStatisticsLoadError
+};

libs/pmp-web/repository/data-access-single-repository-statistics/src/lib/pmp-web-repository-data-access-single-repository-statistics.module.ts

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { StoreModule } from '@ngrx/store';
+import { EffectsModule } from '@ngrx/effects';
+import {
+  SINGLEREPOSITORYSTATISTICS_FEATURE_KEY,
+  initialState as singleRepositoryStatisticsInitialState,
+  singleRepositoryStatisticsReducer
+} from './+state/single-repository-statistics.reducer';
+import { SingleRepositoryStatisticsEffects } from './+state/single-repository-statistics.effects';
+import { SingleRepositoryStatisticsFacade } from './+state/single-repository-statistics.facade';
+import { SingleRepositoryStatisticsDataService } from './services/single-repository-statistics-data.service';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    StoreModule.forFeature(
+      SINGLEREPOSITORYSTATISTICS_FEATURE_KEY,
+      singleRepositoryStatisticsReducer,
+      { initialState: singleRepositoryStatisticsInitialState }
+    ),
+    EffectsModule.forFeature([SingleRepositoryStatisticsEffects])
+  ],
+  providers: [SingleRepositoryStatisticsFacade, SingleRepositoryStatisticsDataService]
+})
+export class PmpWebRepositoryDataAccessSingleRepositoryStatisticsModule {}

libs/pmp-web/repository/data-access-single-repository-statistics/src/lib/resources/request-payloads/get-repository-statistics.request-payload.ts

@@ -0,0 +1,3 @@
+export interface GetRepositoryStatisticsRequestPayload {
+  id: string | number;
+}

libs/pmp-web/repository/data-access-single-repository-statistics/src/lib/services/single-repository-statistics-data.service.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { GetRepositoryStatisticsRequestPayload } from '../resources/request-payloads/get-repository-statistics.request-payload';
+import { RepositoryModel } from '@pimp-my-pr/shared/domain';
+
+@Injectable()
+export class SingleRepositoryStatisticsDataService {
+  readonly endpoints = {
+    // TODO missing API url to get details about repository
+    getRepositoryStatistics: ''
+  };
+  constructor(private http: HttpClient) {}
+
+  getRepositoryStatistics(
+    payload: GetRepositoryStatisticsRequestPayload
+  ): Observable<RepositoryModel> {
+    return this.http.get<any>(this.endpoints.getRepositoryStatistics);
+  }
+}

libs/pmp-web/repository/data-access-single-repository-statistics/src/test-setup.ts

@@ -0,0 +1 @@
+import 'jest-preset-angular';

libs/pmp-web/repository/data-access-single-repository-statistics/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node", "jest"]
+  },
+  "include": ["**/*.ts"]
+}

libs/pmp-web/repository/data-access-single-repository-statistics/tsconfig.lib.json

@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../../dist/out-tsc",
+    "target": "es2015",
+    "declaration": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": ["dom", "es2018"]
+  },
+  "angularCompilerOptions": {
+    "annotateForClosureCompiler": true,
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true,
+    "enableResourceInlining": true
+  },
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts"]
+}

libs/pmp-web/repository/data-access-single-repository-statistics/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

libs/pmp-web/repository/data-access-single-repository-statistics/tslint.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../../tslint.json",
+  "rules": {
+    "directive-selector": [true, "attribute", "pimpMyPr", "camelCase"],
+    "component-selector": [true, "element", "pimp-my-pr", "kebab-case"]
+  }
+}

libs/pmp-web/repository/feature-repository-statistics/src/lib/pmp-web-repository-repository-statistics-feature.module.ts

@@ -1,9 +1,19 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RepositoryStatisticsComponent } from './repository-statistics/repository-statistics.component';
+import { PmpWebSharedUiTableStatisticModule } from '@pimp-my-pr/pmp-web/shared/ui-table-statistic';
+import { PmpWebSharedUiHeaderContainerModule } from '@pimp-my-pr/pmp-web/shared/ui-header-container';
+import { PmpWebRepositoryRepositoryStatisticsRoutingModule } from './pmp-web-repository-repository-statistics-routing.module';
+import { PmpWebRepositoryDataAccessSingleRepositoryStatisticsModule } from '@pimp-my-pr/pmp-web/repository/data-access-single-repository-statistics';
 
 @NgModule({
-  imports: [CommonModule],
+  imports: [
+    CommonModule,
+    PmpWebSharedUiHeaderContainerModule,
+    PmpWebSharedUiTableStatisticModule,
+    PmpWebRepositoryRepositoryStatisticsRoutingModule,
+    PmpWebRepositoryDataAccessSingleRepositoryStatisticsModule
+  ],
   declarations: [RepositoryStatisticsComponent]
 })
 export class PmpWebRepositoryRepositoryStatisticsFeatureModule {}