You've unlocked the next level!

\n \n Play\n \n \n );\n}\n\nfunction ProposalModal({ isOpen }) {\n return (\n \n

\n Will you marry me?\n

💍

\n \n );\n}\n\nfunction App() {\n const [games, setGames] = useState(SOLUTION_WORDS.map(word => ({\n word,\n guesses: [],\n completed: false,\n })));\n const [currentGuess, setCurrentGuess] = useState(\"\");\n const [usedLetters, setUsedLetters] = useState({});\n const [validWords, setValidWords] = useState(new Set());\n const [invalidGuess, setInvalidGuess] = useState(false);\n const [correctGuesses, setCorrectGuesses] = useState(Array(NUM_GAMES).fill(false));\n const [lastPlayedLetter, setLastPlayedLetter] = useState(null);\n const [allGamesCompleted, setAllGamesCompleted] = useState(false);\n const [showWinModal, setShowWinModal] = useState(false)\n\n useEffect(() => {\n let f = e => handleKeyDown(e, currentGuess);\n window.addEventListener(\"keydown\", f);\n const validWordsList = document.getElementById(\"validWords\").textContent.split(\" \");\n setValidWords(new Set(validWordsList));\n return () => window.removeEventListener(\"keydown\", f);\n }, [currentGuess]);\n\n useEffect(() => {\n if (currentGuess.length === WORD_LENGTH && !validWords.has(currentGuess)) {\n setInvalidGuess(true);\n } else {\n setInvalidGuess(false);\n }\n }, [currentGuess, validWords]);\n\n useEffect(() => {\n if (games.every(game => game.completed)) {\n setShowWinModal(true);\n }\n }, [games]);\n\n const handleKeyDown = (event, currentGuess) => {\n if (allGamesCompleted) return;\n console.log(currentGuess.length === WORD_LENGTH);\n if (event.key === \"Enter\" && currentGuess.length === WORD_LENGTH) {\n submitGuess();\n } else if (event.key === \"Backspace\") {\n setCurrentGuess(prev => prev.slice(0, -1));\n } else if (event.key.match(/^[a-z]$/i) && currentGuess.length < WORD_LENGTH) {\n setCurrentGuess(prev => prev + event.key.toUpperCase());\n setLastPlayedLetter(event.key.toUpperCase());\n }\n };\n\n const submitGuess = () => {\n if (!validWords.has(currentGuess)) {\n setCurrentGuess(\"\");\n return;\n }\n\n const newGames = games.map(game => {\n if (game.completed || game.guesses.length >= MAX_GUESSES) return game;\n\n const newGuesses = [...game.guesses, currentGuess];\n const completed = currentGuess === game.word;\n\n return { ...game, guesses: newGuesses, completed };\n });\n\n setGames(newGames);\n updateUsedLetters(currentGuess);\n\n const newCorrectGuesses = newGames.map((game, index) =>\n game.completed && game.guesses[game.guesses.length - 1] === currentGuess\n );\n setCorrectGuesses(newCorrectGuesses);\n\n setCurrentGuess(\"\");\n setLastPlayedLetter(null);\n };\n\n const updateUsedLetters = (guess) => {\n const newUsedLetters = { ...usedLetters };\n games.forEach((game, gameIndex) => {\n for (let i = 0; i < WORD_LENGTH; i++) {\n const letter = guess[i];\n if (game.word[i] === letter) {\n newUsedLetters[letter] = { ...(newUsedLetters[letter] || {}), [gameIndex]: \"correct\" };\n } else if (game.word.includes(letter)) {\n newUsedLetters[letter] = { ...(newUsedLetters[letter] || {}), [gameIndex]: \"present\" };\n } else {\n newUsedLetters[letter] = { ...(newUsedLetters[letter] || {}), [gameIndex]: \"absent\" };\n }\n }\n });\n setUsedLetters(newUsedLetters);\n };\n\n const handlePlay = () => {\n setShowWinModal(false);\n setAllGamesCompleted(true)\n };\n\n return (\n

Emilrdle

\n {games.map((game, gameIndex) => (\n \n ))}\n

\n handleKeyDown({ key }, currentGuess)}\n disabled={allGamesCompleted}\n />\n

\n \n made with ❤️ by evie for ily\n \n

\n \n

\n );\n}\n\nfunction GameBoard(\n {\n word,\n guesses,\n currentGuess,\n gameIndex,\n invalidGuess,\n correctGuess,\n lastPlayedLetter,\n completed,\n allGamesCompleted,\n },\n) {\n const getLetterClass = (letter, index, rowIndex) => {\n if (rowIndex >= guesses.length) return \"bg-[#121213]\";\n if (correctGuess && rowIndex === guesses.length - 1) return `bg-[#538d4e] animate-win-${index}`;\n if (word[index] === letter) return \"bg-[#538d4e]\";\n if (word.includes(letter)) return \"bg-[#b59f3b]\";\n return \"bg-[#3a3a3c]\";\n };\n\n const proposalWords = [\"WILL\", \"YOU\", \"MARRY\", \"ME\"];\n const proposalWord = proposalWords[gameIndex];\n\n const isProposalLetter = (letter, index, rowIndex) => {\n if (rowIndex !== guesses.length - 1) return false;\n return (\n proposalWord[index] === guesses[rowIndex][index]\n );\n };\n\n return (\n

\n {[...Array(MAX_GUESSES)].map((_, rowIndex) => {\n if (rowIndex < guesses.length) {\n return (\n

\n {guesses[rowIndex].split(\"\").map((letter, colIndex) => (\n \n {letter}\n

\n ))}\n

\n );\n } else if (rowIndex === guesses.length && !completed) {\n return (\n

\n {[...Array(WORD_LENGTH)].map((_, colIndex) => (\n \n {currentGuess[colIndex] || \"\"}\n \n ))}\n

\n );\n } else {\n return

;\n }\n })}\n \n );\n}\n\nfunction Keyboard({ usedLetters, onKeyPress, disabled }) {\n const rows = [\n [\"Q\", \"W\", \"E\", \"R\", \"T\", \"Y\", \"U\", \"I\", \"O\", \"P\"],\n [\"A\", \"S\", \"D\", \"F\", \"G\", \"H\", \"J\", \"K\", \"L\"],\n [\"⌫\", \"Z\", \"X\", \"C\", \"V\", \"B\", \"N\", \"M\", \"Enter\"],\n ];\n\n const [clickedKey, setClickedKey] = useState(null);\n\n const getKeyClass = (key) => {\n if (key === \"Enter\" || key === \"⌫\") return \"bg-[#6b7280]\";\n return \"bg-[#6b7280] relative\";\n };\n\n const getQuadrantClass = (status) => {\n if (status === \"correct\") return \"bg-[#538d4e]\";\n if (status === \"present\") return \"bg-[#b59f3b]\";\n if (status === \"absent\") return \"bg-[#3a3a3c]\";\n return \"bg-transparent\";\n };\n\n const isLetterUsed = (key) => {\n return usedLetters[key] && Object.values(usedLetters[key]).some(status => status !== \"absent\");\n };\n\n const handleKeyClick = (key) => {\n if (disabled) return;\n setClickedKey(key);\n onKeyPress(key === \"⌫\" ? \"Backspace\" : key);\n setTimeout(() => setClickedKey(null), 100);\n };\n\n return (\n

\n {rows.map((row, rowIndex) => (\n

\n {row.map((key) => (\n handleKeyClick(key)}\n disabled={disabled}\n >\n {key !== \"Enter\" && key !== \"⌫\" && isLetterUsed(key) && (\n <>\n

\n \n )}\n {key}\n \n ))}\n

\n ))}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const wordList = await (await blob.get(\"quordle\")).text();\n\n return new Response(\n `\n \n \n Emilrdle\n \n \n \n \n \n

\n \n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/stevekrouse/emilrdle/code/main.tsx","extension","actionData","errors"]