From 52cd50b879a947095b02341fb7bd0c6efbd4991a Mon Sep 17 00:00:00 2001
From: carlkuesters <carl.kuesters@youengineering.com>
Date: Tue, 21 Dec 2021 12:24:55 +0100
Subject: [PATCH] Add hidden apps and possibility of toggling them.

---
 README.md                                          |  6 ++++++
 package-lock.json                                  |  2 +-
 package.json                                       |  2 +-
 .../core/components/header/header.component.html   |  2 +-
 src/app/core/components/header/header.component.ts | 14 ++++++++++++--
 .../app-store-facade/app-store-facade.service.ts   | 10 +++++++---
 src/app/model/app.model.ts                         |  1 +
 src/app/pages/store/store.component.ts             |  2 +-
 src/app/store/actions/app.actions.ts               |  1 +
 src/app/store/reducers/app.reducers.ts             |  5 +++++
 src/app/store/selectors/app.selectors.ts           | 10 ++++++++++
 src/app/store/state/app-state.model.ts             |  1 +
 src/package.json                                   |  2 +-
 13 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 9724d96..bff0f66 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,8 @@
 # launcher
 Our cross-game launcher, offering the possibility to login, download, update and start games.
+
+## How to release a new version
+- Increase package.json versions (both `/package.json` and `/src/package.json`)
+- git push
+- npm run deploy
+- Manually release the drafted github release 
diff --git a/package-lock.json b/package-lock.json
index 6d129fa..f52d5a3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "destrostudios",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index b36f9c3..4368509 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "destrostudios",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "description": "destrostudios cross-game launcher, offering the possibility to login, download, update and start games.",
   "author": "destrostudios",
   "license": "MIT",
diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html
index e84f31d..37a1960 100644
--- a/src/app/core/components/header/header.component.html
+++ b/src/app/core/components/header/header.component.html
@@ -1,5 +1,5 @@
 <header>
-  <img src="assets/images/logo.png">
+  <img src="assets/images/logo.png" (auxclick)="onLogoClick($event)">
   <nav>
     <a routerLink="/home" routerLinkActive="active" translate="HOME"></a>
     <a routerLink="/store" routerLinkActive="active" translate="STORE"></a>
diff --git a/src/app/core/components/header/header.component.ts b/src/app/core/components/header/header.component.ts
index bcaca05..bd273ed 100644
--- a/src/app/core/components/header/header.component.ts
+++ b/src/app/core/components/header/header.component.ts
@@ -2,6 +2,7 @@ import {Component, OnInit} from '@angular/core';
 
 import {Observable} from 'rxjs';
 
+import {AppStoreFacadeService} from '../../services/app-store-facade/app-store-facade.service';
 import {UserStoreFacadeService} from '../../services/user-store-facade/user-store-facade.service';
 
 @Component({
@@ -13,13 +14,22 @@ export class HeaderComponent implements OnInit {
 
   login: Observable<string>;
 
-  constructor(private userStoreFacadeService: UserStoreFacadeService) {
-  }
+  constructor(
+      private userStoreFacadeService: UserStoreFacadeService,
+      private appStoreFacadeService: AppStoreFacadeService,
+  ) { }
 
   ngOnInit(): void {
     this.login = this.userStoreFacadeService.getLogin();
   }
 
+  onLogoClick(event: MouseEvent): void {
+    // Middle
+    if (event.button === 1) {
+      this.appStoreFacadeService.toggleHiddenAppsInStore();
+    }
+  }
+
   logout() {
     this.userStoreFacadeService.logout();
   }
diff --git a/src/app/core/services/app-store-facade/app-store-facade.service.ts b/src/app/core/services/app-store-facade/app-store-facade.service.ts
index cc5087e..c97d4d7 100644
--- a/src/app/core/services/app-store-facade/app-store-facade.service.ts
+++ b/src/app/core/services/app-store-facade/app-store-facade.service.ts
@@ -8,13 +8,13 @@ import {LocalAppVersion} from '../../../model/local-app-version.enum';
 import * as AppActions from '../../../store/actions/app.actions';
 import {getFeaturedApp, isSelectedAppOwned_Store} from '../../../store/selectors/aggregation.selectors';
 import {
-  getApps,
   getLibrarySearchText,
   getSelectedApp_Library,
   getSelectedApp_Library_IsStarting,
   getSelectedApp_Library_LocalVersion,
   getSelectedApp_Library_UpdateProgressText,
   getSelectedApp_Store,
+  getStoreApps,
   isSomeLocalAppUpdating
 } from '../../../store/selectors/app.selectors';
 import {AppState} from '../../../store/state/app-state.model';
@@ -29,8 +29,8 @@ export class AppStoreFacadeService {
     return this.store.select(getFeaturedApp);
   }
 
-  getApps(): Observable<App[]> {
-    return this.store.select(getApps);
+  getStoreApps(): Observable<App[]> {
+    return this.store.select(getStoreApps);
   }
 
   getSelectedApp_Store(): Observable<App> {
@@ -92,4 +92,8 @@ export class AppStoreFacadeService {
   updateApp(appId: number): void {
     this.store.dispatch(AppActions.updateApp({ appId }));
   }
+
+  toggleHiddenAppsInStore(): void {
+    this.store.dispatch(AppActions.toggleHiddenAppsInStore());
+  }
 }
diff --git a/src/app/model/app.model.ts b/src/app/model/app.model.ts
index 8a5e86e..64564ea 100644
--- a/src/app/model/app.model.ts
+++ b/src/app/model/app.model.ts
@@ -9,4 +9,5 @@ export interface App {
   readonly date: string;
   readonly description: string;
   readonly executable: string;
+  readonly hidden: boolean;
 }
diff --git a/src/app/pages/store/store.component.ts b/src/app/pages/store/store.component.ts
index 9f64c38..1dfa105 100644
--- a/src/app/pages/store/store.component.ts
+++ b/src/app/pages/store/store.component.ts
@@ -28,7 +28,7 @@ export class StoreComponent implements OnInit, OnDestroy {
 
   ngOnInit(): void {
     this.featuredApp = this.appStoreFacadeService.getFeaturedApp();
-    this.apps = this.appStoreFacadeService.getApps();
+    this.apps = this.appStoreFacadeService.getStoreApps();
     this.selectedApp = this.appStoreFacadeService.getSelectedApp_Store();
 
     this.subscriptions = [
diff --git a/src/app/store/actions/app.actions.ts b/src/app/store/actions/app.actions.ts
index 22dec5d..f97ad9f 100644
--- a/src/app/store/actions/app.actions.ts
+++ b/src/app/store/actions/app.actions.ts
@@ -21,3 +21,4 @@ export const updateApp = createAction('[App] Update app', props<{ appId: number
 export const setUpdateProgress = createAction('[App] Set update progress', props<{ appId: number, updateProgress: number }>());
 export const setUpdateError = createAction('[App] Set update error', props<{ appId: number }>());
 export const setUpdateFinished = createAction('[App] Set update finished', props<{ appId: number }>());
+export const toggleHiddenAppsInStore = createAction('[App] Toggle hidden apps in store');
diff --git a/src/app/store/reducers/app.reducers.ts b/src/app/store/reducers/app.reducers.ts
index 2da14f8..ffe3ac3 100644
--- a/src/app/store/reducers/app.reducers.ts
+++ b/src/app/store/reducers/app.reducers.ts
@@ -10,6 +10,7 @@ import {AppState} from '../state/app-state.model';
 const initialState: AppState = {
   apps: null,
   localApps: null,
+  displayHiddenAppsInStore: false,
   selectedAppId_Store: null,
   selectedAppId_Library: null,
   librarySearchText: '',
@@ -147,6 +148,10 @@ const reducer = createReducer(
       updateProgress: null
     }))
   })),
+  on(AppActions.toggleHiddenAppsInStore, state => ({
+    ...state,
+    displayHiddenAppsInStore: !state.displayHiddenAppsInStore,
+  })),
 );
 
 // @ts-ignore
diff --git a/src/app/store/selectors/app.selectors.ts b/src/app/store/selectors/app.selectors.ts
index 3ca6ca0..18693c5 100644
--- a/src/app/store/selectors/app.selectors.ts
+++ b/src/app/store/selectors/app.selectors.ts
@@ -22,6 +22,16 @@ export const isSomeLocalAppUpdating = createSelector(
   getLocalApps, localApps => localApps ? localApps.some(localApp => localApp.version === LocalAppVersion.UPDATING) : null
 );
 
+export const isDisplayHiddenAppsInStore = createSelector(
+  getUserState, state => state.displayHiddenAppsInStore
+);
+
+export const getStoreApps = createSelector(
+  getApps, isDisplayHiddenAppsInStore, (apps, displayHiddenAppsInStore) => {
+    return (displayHiddenAppsInStore ? apps : apps.filter(app => !app.hidden));
+  }
+);
+
 export const getSelectedApp_Store = createSelector(
   getUserState, state => (state.apps && state.apps.data) ? getApp(state.apps.data, state.selectedAppId_Store) : null
 );
diff --git a/src/app/store/state/app-state.model.ts b/src/app/store/state/app-state.model.ts
index 30ca6b4..67cf968 100644
--- a/src/app/store/state/app-state.model.ts
+++ b/src/app/store/state/app-state.model.ts
@@ -5,6 +5,7 @@ import {HttpData} from './http-data.model';
 export interface AppState {
   readonly apps: HttpData<App[]>;
   readonly localApps: LocalApp[];
+  readonly displayHiddenAppsInStore: boolean;
   readonly selectedAppId_Store: number;
   readonly selectedAppId_Library: number;
   readonly librarySearchText: string;
diff --git a/src/package.json b/src/package.json
index 5e228af..b86c040 100644
--- a/src/package.json
+++ b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "destrostudios",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "description": "Destrostudios cross-game launcher, offering the possibility to login, download, update and start games.",
   "author": "destrostudios",
   "main": "electron-main.js",