✨ Add preview invalid words option, closes #26

vegeta897 · Nov 23, 2024 · e9cf916 · e9cf916
1 parent 7a9c3ba
commit e9cf916
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 7 deletions.
diff --git a/src/components/Options.svelte b/src/components/Options.svelte
@@ -55,6 +55,11 @@
 			label: 'main.options.show_all_hints',
 			click: toggle(showAllHints),
 		},
+		{
+			bind: store.previewInvalidWords,
+			label: 'main.options.preview_invalid_words',
+			click: toggle(store.previewInvalidWords),
+		},
 		{
 			bind: store.swapEnterBackspace,
 			label: 'main.options.swap_enter_backspace',

diff --git a/src/lib/board.ts b/src/lib/board.ts
@@ -29,7 +29,7 @@ export function resetGuess() {
 	store.notEnoughLetters.set(false)
 }
 
-export function typeLetter(letter: string) {
+export async function typeLetter(letter: string) {
 	if (get(store.gameFinished)) return
 	loadDictionary().catch((_) => {
 		showError(get(t)('main.messages.need_reload'), () => {}, 8000)
@@ -55,12 +55,10 @@ export function typeLetter(letter: string) {
 	if (letter || _currentTile < WORD_LENGTH - 1) {
 		store.currentTile.update((ct) => ct + 1)
 		const typedWord = getBoardRowString(get(store.boardContent)[_currentRow])
-		if (typedWord.length === WORD_LENGTH) {
-			loadDictionary().then(async () => {
-				if (typedWord !== get(store.answer) && !(await isValidWord(typedWord))) {
-					store.invalidWordPreview.set(true)
-				}
-			})
+		if (typedWord.length === WORD_LENGTH && get(store.previewInvalidWords)) {
+			if (typedWord !== get(store.answer) && !(await isValidWord(typedWord))) {
+				store.invalidWordPreview.set(true)
+			}
 		}
 	}
 }
@@ -116,6 +114,7 @@ export async function submitRow() {
 	}
 	if (submittedWord !== get(store.answer) && !validWord) {
 		store.invalidWord.set(true)
+		store.invalidWordPreview.set(true)
 		showError(get(t)('main.messages.invalid_word'), () => store.invalidWord.set(false))
 		submitting = false
 		return

diff --git a/src/lib/translations/en/main.json b/src/lib/translations/en/main.json
@@ -79,6 +79,7 @@
 		"hard_mode": "Hard mode",
 		"high_contrast_mode": "High contrast mode",
 		"show_all_hints": "Show all hints in row",
+		"preview_invalid_words": "Preview invalid words",
 		"swap_enter_backspace": "Swap Enter/Backspace keys",
 		"alphabetic": "Alphabetic",
 		"alphabetic_reversed": "Alphabetic (reversed)",

diff --git a/src/store/app.ts b/src/store/app.ts
@@ -15,6 +15,10 @@ export const openScreen: Writable<null | 'options' | 'tutorial' | 'stats'> =
 
 export const highContrast: Writable<boolean> = storageWritable('wp-highContrast', false)
 export const showAllHints: Writable<boolean> = storageWritable('wp-showAllHints', false)
+export const previewInvalidWords: Writable<boolean> = storageWritable(
+	'wp-previewInvalidWords',
+	true
+)
 export const swapEnterBackspace: Writable<boolean> = storageWritable(
 	'wp-swapEnterBackspace',
 	false