More tolerant guess checking

Author: miorel

src/App.tsx

@@ -2,6 +2,7 @@ import React, { useEffect } from "react";
 
 import styles from "./App.module.css";
 import useAppState from "./useAppState";
+import normalizeString from "./util/normalizeString";
 
 function App() {
   const [state, dispatch] = useAppState();
@@ -12,10 +13,7 @@ function App() {
       .then((text) => {
         dispatch({
           type: "load-data",
-          wordPack: text
-            .split("\n")
-            .map((word) => word.toUpperCase().trim())
-            .filter(Boolean),
+          wordPack: text.split("\n").map(normalizeString).filter(Boolean),
         });
       });
   }, [dispatch]);

src/useAppState.ts

@@ -1,6 +1,7 @@
 import { useReducer, type ActionDispatch } from "react";
 
 import getRandomElement from "./util/getRandomElement";
+import normalizeString from "./util/normalizeString";
 
 export type State = Readonly<
   | {
@@ -66,7 +67,7 @@ export function reducer(state: State, action: Action): State {
         return state;
       }
 
-      if (action.newGuess === state.goal) {
+      if (normalizeString(action.newGuess) === state.goal) {
         return {
           phase: "post-game",
           goal: state.goal,

src/util/normalizeString.ts

@@ -0,0 +1,3 @@
+export default function normalizeString(s: string): string {
+  return s.toUpperCase().trim().replaceAll(/\s+/g, " ");
+}