Challenge mode working; more bugs squashed

src/contexts/wordFeederContext.js

@@ -0,0 +1,46 @@
+import React, {useState, useContext} from "react"
+import { WordListPickerContext } from "./wordListPickerContext"
+const WordFeederContext = React.createContext()
+
+function WordFeederContextProvider(props) {
+
+    // let wordList = ['hi', 'morse', 'code', 'hello', 'gene']
+    const {wordList} = useContext(WordListPickerContext)
+
+    const [wordIndex, setWordIndex] = useState(0)
+    const [order, setOrder] = useState('sequential')
+    let indexCache = []
+
+    let word = wordList[wordIndex]
+
+    function resetFeeder() {
+        setWordIndex(0)
+        indexCache = []
+    }
+    
+    function getNextWord() {
+        if (order === 'sequential') {
+            setWordIndex(prev => prev + 1)
+            word = wordList[wordIndex] || null
+        } else if (order === 'random') {
+            let index = Math.floor(Math.random*wordList.length)
+            indexCache.push(index)
+            // Need to account for what to do when all words in wordList have been exhausted
+            while (indexCache.includes(index) && wordList.length !== indexCache.length) {
+                index = Math.floor(Math.random*wordList.length)
+                indexCache.push(index)
+            }
+            setWordIndex(index)
+
+            word = wordList[wordIndex]
+        }
+    }
+
+    return (
+        <WordFeederContext.Provider value={{word: word, getNextWord: getNextWord, resetFeeder: resetFeeder}}>
+            {props.children}
+        </WordFeederContext.Provider>
+    )
+}
+
+export {WordFeederContextProvider, WordFeederContext}

src/contexts/wordListPickerContext.js

@@ -0,0 +1,30 @@
+import React, {useState} from "react"
+import alphabet from '../data/alphabet.json'
+import common100 from '../data/common100.json'
+
+
+const WordListPickerContext = React.createContext()
+
+function WordListPickerContextProvider(props) {
+
+    const [wordListCategory, setWordListCategory] = useState('alphabet')
+    let wordList = []
+    const testList = ['gene', 'anya', 'ali', 'liam', 'last']
+    wordList = testList
+
+    if (wordListCategory === 'alphabet') {
+        wordList = alphabet.words
+    } else if (wordListCategory === 'common100') {
+        wordList = common100.words
+    } else if (wordListCategory === 'test') {
+        wordList = testList
+    }
+
+    return (
+        <WordListPickerContext.Provider value={{wordList: wordList, setWordListCategory: setWordListCategory}}>
+            {props.children}
+        </WordListPickerContext.Provider>
+    )
+}
+
+export {WordListPickerContextProvider, WordListPickerContext}