game.js

import { words } from './utils/words.js'

function validate(guess) {
  return words.includes(guess)
}

function check(answer, guess) {
  const result = Array.from({ length: answer.length }).fill('absent')
  const whitelist = answer.split('')

  for (let i = 0; i < answer.length; i++) {
    if (whitelist[i] === guess[i]) {
      result[i] = 'correct'
      whitelist[i] = '_'
    }
  }

  for (let i = 0; i < answer.length; i++) {
    if (whitelist.includes(guess[i])) {
      result[i] = 'present'
      whitelist[i] = '_'
    }
  }

  return result
}

function withTranstion(callback) {
  setTimeout(callback, 150)
}

export function buildGame({ $board, $keyboard }) {
  const today = new Date()
  const index = today.getDate() + today.getMonth()
  const answer = words[index]

  let row = 0

  $keyboard.on('key', key => {
    $board.row(row).write(key)
  })

  $keyboard.on('delete', () => {
    $board.row(row).erase()
  })

  $keyboard.on('enter', async () => {
    const guess = $board.row(row).read()
    const keys = guess.split('')
    const diff = check(answer, guess)

    const isValid = validate(guess)

    if (!isValid) {
      alert('Not in word list')
      return
    }

    $board.row(row).paint(diff)
    $keyboard.keys(keys).paint(diff)

    if (guess === answer) {
      withTranstion(() => alert('You won!'))
      $keyboard.disable()
      navigator.clipboard.writeText($board.read())
      return
    }

    if (row === 5) {
      withTranstion(() => alert(`You lost! The answer was ${answer}.`))
      $keyboard.disable()
      navigator.clipboard.writeText($board.read())
      return
    }

    row++
  })
}