Persist vegas stores (the house doesn't forget)

package.json

@@ -48,6 +48,7 @@
     "react-dom": "^16.8.3",
     "react-redux": "^5.1.1",
     "redux-logger": "^3.0.6",
+    "redux-subscribe-reselect": "^1.0.2",
     "redux-thunk": "^2.3.0",
     "reselect": "^3.0.1"
   }

src/ts/lib/persist.ts

@@ -0,0 +1,30 @@
+import { ScoreStore } from '../redux/score'
+import { ScoringType } from '../redux/globals'
+
+export function saveScore(score: ScoreStore): void {
+  try {
+    if (score.scoringType === ScoringType.vegas) {
+      localStorage.setItem('score', score.score.toString())
+    }
+  } catch (err) {
+    // ehh, that sucks
+  }
+}
+
+export function getSavedScore(): number {
+  try {
+    let score = localStorage.getItem('score')
+    if (score == null) {
+      return 0
+    }
+
+    let parsed = parseInt(score, 10)
+    if (Number.isNaN(parsed)) {
+      return 0
+    }
+
+    return parsed
+  } catch (err) {
+    return 0
+  }
+}

src/ts/redux/score.ts

@@ -1,5 +1,6 @@
 import { INITIALIZE, GlobalActions, ScoreType, ScoringType } from './globals'
 import { undoable } from './undoable'
+import { getSavedScore } from '../lib/persist'
 
 const INCREMENT_SCORE = 'INCREMENT_SCORE'
 type INCREMENT_SCORE = typeof INCREMENT_SCORE
@@ -20,15 +21,18 @@ export type ScoreStore = {
 
 export type ScoreActions = IncrementAction
 
-const initialState: ScoreStore = { score: 0, scoringType: ScoringType.regular }
+const score = getSavedScore()
+const initialState: ScoreStore = { score, scoringType: ScoringType.regular }
 
 function scoreReducer(
   state: ScoreStore = initialState,
   action: ScoreActions | GlobalActions
 ): ScoreStore {
   if (action.type === INITIALIZE) {
+    const oldScore = getSavedScore()
+
     return {
-      score: action.scoringType === ScoringType.vegas ? state.score - 52 : 0,
+      score: action.scoringType === ScoringType.vegas ? oldScore - 52 : 0,
       scoringType: action.scoringType
     }
   }

src/ts/store.ts

@@ -2,6 +2,10 @@ import { createStore, applyMiddleware } from 'redux'
 import thunk, { ThunkMiddleware } from 'redux-thunk'
 import { createLogger } from 'redux-logger'
 import reducer, { StoreState, StoreActions } from './redux'
+import subscribe from 'redux-subscribe-reselect'
+import { ScoreStore } from './redux/score'
+import { getScore } from './redux/selectors'
+import { saveScore } from './lib/persist'
 
 export default function configStore(state?: object) {
   const middleware = []
@@ -12,5 +16,7 @@ export default function configStore(state?: object) {
     middleware.push(createLogger())
   }
 
-  return createStore(reducer, state!, applyMiddleware(...middleware))
+  const store = createStore(reducer, state!, applyMiddleware(...middleware))
+  subscribe(store, getScore, (score: ScoreStore) => saveScore(score))
+  return store
 }