From 850b99d87113980af9f6d05d3d06ed0342390fe7 Mon Sep 17 00:00:00 2001
From: "Z. Charles Dziura" <zachary@dziura.email>
Date: Mon, 30 Jun 2025 21:14:20 -0400
Subject: [PATCH] Create app state selector

---
 src/app/app.html                 |  1 +
 src/app/app.ts                   | 16 ++++++++++++----
 src/app/state/state.reducer.ts   | 12 ++++++++++--
 src/app/state/state.selectors.ts |  6 ++++++
 4 files changed, 29 insertions(+), 6 deletions(-)
 create mode 100644 src/app/state/state.selectors.ts

diff --git a/src/app/app.html b/src/app/app.html
index 7fc4e60..15d93c0 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -1,3 +1,4 @@
 <main>
 	<h1>Hello, world!</h1>
+	<p>Current View: {{ currentView$ | async }}</p>
 </main>
diff --git a/src/app/app.ts b/src/app/app.ts
index a3848b6..c30b0ed 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -1,10 +1,18 @@
-import { Component } from '@angular/core';
-import { StoreModule } from '@ngrx/store';
-import { appStateReducer } from './state/state.reducer';
+import { AsyncPipe } from '@angular/common';
+import { Component, inject, OnInit } from '@angular/core';
+import { select, Store } from '@ngrx/store';
+import { selectCurrentView } from './state/state.selectors';
 
 @Component({
 	selector: 'app-root',
 	templateUrl: './app.html',
 	styleUrl: './app.scss',
+	imports: [AsyncPipe],
 })
-export class App {}
+export class App implements OnInit {
+	private readonly store$ = inject(Store);
+
+	readonly currentView$ = this.store$.pipe(select(selectCurrentView));
+
+	ngOnInit(): void {}
+}
diff --git a/src/app/state/state.reducer.ts b/src/app/state/state.reducer.ts
index cddf38b..21c6052 100644
--- a/src/app/state/state.reducer.ts
+++ b/src/app/state/state.reducer.ts
@@ -1,7 +1,15 @@
 import { createReducer } from '@ngrx/store';
 
-export interface AppState {}
+export interface AppState {
+	currentView: CurrentView;
+}
 
-export const initialState: AppState = {};
+export enum CurrentView {
+	StartingPoint = 0,
+}
+
+export const initialState: AppState = {
+	currentView: CurrentView.StartingPoint,
+};
 
 export const appStateReducer = createReducer(initialState);
diff --git a/src/app/state/state.selectors.ts b/src/app/state/state.selectors.ts
new file mode 100644
index 0000000..e248254
--- /dev/null
+++ b/src/app/state/state.selectors.ts
@@ -0,0 +1,6 @@
+import { createFeatureSelector, createSelector } from '@ngrx/store';
+import { AppState } from './state.reducer';
+
+export const selectAppState = createFeatureSelector<AppState>('app');
+
+export const selectCurrentView = createSelector(selectAppState, (state: AppState) => state.currentView);