From ad3f831936d9b0f80dd92968d92af56bbe6c075e Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Mon, 24 Jan 2022 09:07:29 +0800
Subject: [PATCH] comments for readability

---
 src/Game.vue | 46 +++++++++++++++++++++-------------------------
 src/words.ts | 13 ++++++++++++-
 2 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/src/Game.vue b/src/Game.vue
index e4f051c..a6a05f1 100644
--- a/src/Game.vue
+++ b/src/Game.vue
@@ -1,40 +1,36 @@
 <script setup lang="ts">
 import { onUnmounted } from 'vue'
-import { answers, allWords } from './words'
+import { getWordOfTheDay, allWords } from './words'
 import Keyboard from './Keyboard.vue'
 import { LetterState } from './types'
 
-// get word of the day
-const now = new Date()
-const start = new Date(2022, 0, 0)
-const diff = Number(now) - Number(start)
-let day = Math.floor(diff / (1000 * 60 * 60 * 24))
-while (day > answers.length) {
-  day -= answers.length
-}
-const answer = answers[day]
-
-// board state
-class Tile {
-  letter = ''
-  state = LetterState.INITIAL
-}
+// Get word of the day
+const answer = getWordOfTheDay()
 
+// Board state. Each tile is represented as { letter, state }
 const board = $ref(
-  Array.from({ length: 6 }, () => {
-    return Array.from({ length: 5 }, () => new Tile())
-  })
+  Array.from({ length: 6 }, () =>
+    Array.from({ length: 5 }, () => ({
+      letter: '',
+      state: LetterState.INITIAL
+    }))
+  )
 )
 
-let message = $ref('')
-let allowInput = true
+// Current active row.
 let currentRowIndex = $ref(0)
-let shakeRowIndex = $ref(-1)
 const currentRow = $computed(() => board[currentRowIndex])
 
-// keep track of revealed letter state for the keyboard
+// Feedback state: message and shake
+let message = $ref('')
+let shakeRowIndex = $ref(-1)
+
+// Keep track of revealed letters for the virtual keyboard
 const letterStates: Record<string, LetterState> = $ref({})
 
+// Handle keyboard input.
+let allowInput = true
+
 const onKeyup = (e: KeyboardEvent) => onKey(e.key)
 
 window.addEventListener('keyup', onKeyup)
@@ -45,8 +41,8 @@ onUnmounted(() => {
 
 function onKey(key: string) {
   if (!allowInput) return
-  if (/^[a-z]$/.test(key)) {
-    fillTile(key)
+  if (/^[a-zA-Z]$/.test(key)) {
+    fillTile(key.toLowerCase())
   } else if (key === 'Backspace') {
     clearTile()
   } else if (key === 'Enter') {
diff --git a/src/words.ts b/src/words.ts
index dc003db..c53c408 100644
--- a/src/words.ts
+++ b/src/words.ts
@@ -1,5 +1,16 @@
+export function getWordOfTheDay() {
+  const now = new Date()
+  const start = new Date(2022, 0, 0)
+  const diff = Number(now) - Number(start)
+  let day = Math.floor(diff / (1000 * 60 * 60 * 24))
+  while (day > answers.length) {
+    day -= answers.length
+  }
+  return answers[day]
+}
+
 // copied from Wordle source
-export const answers = [
+const answers = [
   'cigar',
   'rebut',
   'sissy',