\n \n \n \n",[103,117],"ad7f6cf63f5382cd403406924e594117c70ee36c06668fb4876264086875a647","538a58d0-3261-11f0-9414-569c3dd06744","5404b440-f52b-11ef-99f0-569c3dd06744",42,["D",1747405404319],7,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[103,117],"00b049f0bfc288e5f73af71007507eb30ded9090b8988a106e817586af9897c9","frontend/favicon.svg",{"_32":144,"_13":137,"_84":145,"_86":106,"_88":33,"_89":146,"_91":26,"_34":147,"_40":148,"_94":95,"_96":149,"_66":48,"_98":-5,"_99":-7,"_76":150,"_101":151},{"_32":136,"_13":137,"_84":138,"_86":87,"_88":58,"_89":57,"_91":26,"_34":139,"_40":140,"_94":95,"_96":141,"_66":48,"_98":-5,"_99":-7,"_76":142,"_101":143},"bf7962fa-5743-11f0-bd32-f69ea79377d9","favicon.svg","266ef955-f81b-4a2b-b528-117a49775db9",["D",1751460893520],4,"\n",[103,137],"cec62c59cf4741e0449dee9d56575d052e2950865da06c08cfcabfa11559c84c","82a730d4-3261-11f0-aa46-569c3dd06744","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],1,"\n",[103,137],"1b9cfa9bc87dc0db12471f908bb8438c469ac9b2a59379157b627909cb30fc53","frontend/components/App.tsx",{"_32":167,"_13":156,"_84":168,"_86":169,"_88":33,"_89":170,"_91":48,"_34":171,"_40":140,"_94":162,"_96":172,"_66":48,"_98":-5,"_99":-7,"_76":173,"_101":174},{"_32":155,"_13":156,"_84":157,"_86":158,"_88":58,"_89":159,"_91":26,"_34":160,"_40":161,"_94":162,"_96":163,"_66":48,"_98":-5,"_99":-7,"_76":164,"_101":165},"f9c56bf6-5604-11f0-b52a-f69ea79377d9","App.tsx","5d72fcff-d180-4e46-8e1d-da8e75754a5c","8c2398a1-6a4d-42b0-814f-1cd6d4944e5f",69,["D",1751323981861],25,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { CurrentWord } from \"/frontend/components/CurrentWord.tsx\";\nimport { GameOver } from \"/frontend/components/GameOver.tsx\";\nimport { LastWord } from \"/frontend/components/LastWord.tsx\";\nimport { Menu } from \"/frontend/components/Menu.tsx\";\nimport { NextWord } from \"/frontend/components/NextWord.tsx\";\nimport { ScoreBoard } from \"/frontend/components/ScoreBoard.tsx\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n type View = \"newGame\" | \"gameplay\" | \"gameOver\";\n\n const [gameStarted, setGameStarted] = useState(false);\n const [wordlist, setWordlist] = useState([]);\n const [fullWordlist, setFullWordlist] = useState([]); // Store the complete wordlist\n const [selectedSet, setSelectedSet] = useState(null);\n const [loading, setLoading] = useState(true);\n const [path, setPath] = useState([]);\n const [currentWordIndex, setCurrentWordIndex] = useState(0);\n const [history, setHistory] = useState([]);\n const [timer, setTimer] = useState(0);\n const [lastWord, setLastWord] = useState({ word: \"\", path: \"\", timeBonus: null });\n const [gameStartTime, setGameStartTime] = useState(null);\n const [gameEndTime, setGameEndTime] = useState(null);\n const [timeAdjustment, setTimeAdjustment] = useState(0); // Track bonus/penalty seconds\n const [lastTimeBonus, setLastTimeBonus] = useState(null); // Track last bonus for display (temporary for scoreboard)\n const [currentView, setCurrentView] = useState(\"newGame\");\n\n // Fetch wordlist from backend\n useEffect(() => {\n const fetchWordlist = async () => {\n try {\n const response = await fetch(\"/api/wordlist\");\n const data = await response.json();\n setFullWordlist(data);\n } catch (error) {\n console.error(\"Failed to fetch wordlist:\", error);\n // Fallback to simple word objects if fetch fails\n setFullWordlist([\n { text: \"elpmaxe\", ltr: false, rtl: true, palindrome: false },\n { text: \"string\", ltr: true, rtl: false, palindrome: false },\n { text: \"radar\", ltr: true, rtl: true, palindrome: true },\n { text: \"dessert\", ltr: true, rtl: true, palindrome: false },\n ]);\n } finally {\n setLoading(false);\n }\n };\n\n fetchWordlist();\n }, []);\n\n const getWordSet = (setNumber: number) => {\n if (setNumber === 1) {\n return fullWordlist.slice(0, 25); // First 25 words\n } else if (setNumber === 2) {\n return fullWordlist.slice(25, 50); // Next 25 words (indices 25-49)\n } else {\n return fullWordlist.slice(50); // Remaining words (from index 50 onwards)\n }\n };\n\n const handleStartGame = (setNumber: number) => {\n const selectedWordSet = getWordSet(setNumber);\n setWordlist(selectedWordSet);\n setSelectedSet(setNumber);\n setCurrentWordIndex(0); // Reset to first word of the set\n setHistory([]); // Clear history\n setTimeAdjustment(0); // Reset time adjustment\n setLastWord({ word: \"\", path: \"\", timeBonus: null }); // Reset last word\n setCurrentView(\"gameplay\");\n setGameStartTime(Date.now());\n };\n\n const handleBackToMenu = () => {\n setCurrentView(\"newGame\");\n setSelectedSet(null);\n setWordlist([]);\n setCurrentWordIndex(0);\n setHistory([]);\n setTimeAdjustment(0);\n setLastWord({ word: \"\", path: \"\", timeBonus: null });\n setGameStartTime(null);\n setGameEndTime(null);\n };\n\n const handlePathUpdate = (newPath) => {\n setPath(newPath);\n };\n\n const validateWord = (word, path) => {\n // only consider the first 3 hits of the path\n switch (path.slice(0, 3)) {\n case \"LR\":\n if (word.ltr === true) return { valid: true, bonus: 0 };\n return { valid: false, bonus: 4 };\n case \"RL\":\n if (word.rtl === true) return { valid: true, bonus: 0 };\n return { valid: false, bonus: 4 };\n case \"RLR\":\n if (word.ltr === true && word.rtl === true) return { valid: true, bonus: -2 }; // +2 seconds\n return { valid: false, bonus: 4 };\n case \"LRL\":\n if (word.ltr === true && word.rtl === true) return { valid: true, bonus: -2 }; // +2 seconds\n return { valid: false, bonus: 4 };\n default:\n return { valid: false, bonus: 4 }; // -4 seconds\n }\n };\n\n const handleWordComplete = () => {\n if (path.length === 1) {\n setPath([]);\n return;\n }\n // When word is completed, log current word and path to history, then move to next word\n const currentWord = wordlist[currentWordIndex];\n const pathString = path.join(\"\");\n const validation = validateWord(currentWord, pathString);\n\n // Apply time adjustment\n setTimeAdjustment(prev => prev + validation.bonus);\n\n // Only set lastTimeBonus if it's not zero\n if (validation.bonus !== 0) {\n setLastTimeBonus(validation.bonus);\n // Clear the bonus display after 2 seconds\n setTimeout(() => setLastTimeBonus(null), 2000);\n }\n\n setHistory(prev => [...prev, { word: currentWord.text, path: pathString, validation: validation }]);\n setLastWord({ word: currentWord, path: pathString, timeBonus: validation.bonus });\n setPath([]); // Reset path\n\n if (currentWordIndex === wordlist.length - 1) {\n setCurrentView(\"gameOver\");\n setGameEndTime(Date.now());\n }\n setCurrentWordIndex(prev => (prev + 1)); // Move to next word, wrap around\n };\n\n // Show menu if game hasn't started\n if (currentView === \"newGame\") {\n return ;\n }\n\n if (currentView === \"gameOver\") {\n return (\n \n );\n }\n\n // Show loading state while fetching wordlist\n if (loading) {\n return (\n

Loading words...

\n );\n }\n\n // Don't render if wordlist is empty\n if (wordlist.length === 0) {\n return (\n

No words available

\n );\n }\n\n if (currentView === \"gameplay\") {\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n \n \n \n\n {/*

Current Path: {path.join(\"\")}

*/}\n\n \n

\n );\n }\n}",[103,166,156],"872363a5fe51a3a52ef7d2b6d16e206ac73ea4d0e9568d857c2d9530ba7dc63e","components","5cb7a1f2-f53e-11ef-937e-569c3dd06744","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",27,["D",1740683366401],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[103,166,156],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4","backend/index.ts",{"_32":189,"_13":179,"_84":190,"_86":191,"_88":33,"_89":192,"_91":48,"_34":193,"_40":194,"_94":183,"_96":195,"_66":48,"_98":-5,"_99":-7,"_76":196,"_101":197},{"_32":178,"_13":179,"_84":180,"_86":181,"_88":58,"_89":107,"_91":26,"_34":182,"_40":140,"_94":183,"_96":184,"_66":48,"_98":185,"_99":-7,"_76":186,"_101":187},"5fcde5c4-55b3-11f0-8b4e-f69ea79377d9","index.ts","28015561-01b3-426c-9a3e-35cb76970cae","a573a2a2-3bfd-4c81-b9ce-1b41cc01ce78",["D",1751288934313],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport wordlist from \"./wordlist.tsx\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\napp.get(\"/api/wordlist\", c => c.json(wordlist));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;","twowords",[188,179],"491710e0bda9b0182f8e86e5dbaa3ac24d96e09cff571e8e0f31b2c68afad1af","backend","d8603fe6-13af-11f0-a754-569c3dd06744","a9b2b20a-f528-11ef-9e98-569c3dd06744","a1c25866-f528-11ef-8bc0-569c3dd06744",39,["D",1744030641875],11,"import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[188,179],"1fe3293a95b653dc8edac73588099097b9ae05f0f81c610ed28eb5700f113cd3","README.md",{"_32":209,"_13":198,"_84":210,"_86":-5,"_88":33,"_89":60,"_91":48,"_34":211,"_40":212,"_94":95,"_96":213,"_66":48,"_98":-5,"_99":-7,"_76":214,"_101":215},{"_32":201,"_13":198,"_84":202,"_86":-5,"_88":58,"_89":203,"_91":26,"_34":204,"_40":205,"_94":95,"_96":206,"_66":48,"_98":-5,"_99":-7,"_76":207,"_101":208},"9819bc16-5679-11f0-836e-f69ea79377d9","29ee1cf0-abef-4cb8-9e22-49d1fbb5cdbf",74,["D",1751374069120],20,"## Is It *Two* Words\n\nHere's another little word game.\nIdentify whether the letters in the middle box spell a word going forwards, backwards or both.\n\n### How to Play\n\n1. Choose a word set from the main menu\n2. For each word displayed:\n - If it's a word reading left-to-right: **swipe left to right**\n - If it's a word reading right-to-left: **swipe right to left** \n - If it's both: **swipe back and forth**\n3. There's a time bonus if you correctly swipe both ways. And a penalty if you swipe something that isn't a word.\n\n### todos:\n\n- think through colors\n- capitalize words?\n- pick an okay font\n- display a little more info in LastWord ✅\n- split wordlist into chunks? ✅\n- add game over state ✅\n - count number of incorrect guesses\n - count number of bonuses\n - share link ✅\n - record plays in db\n- should I name it \"Stressed Desserts\"?\n - is it two words?\n - stressed desserts\n - this might have too much search volume already\n - emagdrow",[198],"6ef69416ad0f0739c475135a2426db0e2fd11d9a630b79cff333912d07ab23ae","07154b6e-3bca-11f0-9fc0-9e149126039e","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1748439933668],18,"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the top-right.\n\n## How it works\n\n- The **entrypoint** is [`/backend/index.ts`](/backend/index.ts). That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest reading the files in this order: \n\n[`/backend/index.ts`](/backend/index.ts) -> [`/frontend/index.html`](/frontend/index.html) -> [`/frontend/index.tsx`](/frontend/index.tsx) -> [`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.",[198],"e021efc233b82184fe895bf7f2dd5cf86d8abf91773174c21bd7792e6007df06",{"_76":291,"_78":-7,"_80":292},{"_76":282,"_78":-7,"_80":283},{"_76":273,"_78":-7,"_80":274},{"_76":263,"_78":-7,"_80":264},{"_76":253,"_78":-7,"_80":254},{"_76":243,"_78":-7,"_80":244},{"_76":233,"_78":-7,"_80":234},{"_76":224,"_78":-7,"_80":225},"frontend/components/ScoreBoard.tsx",{"_32":226,"_13":227,"_84":228,"_86":158,"_88":58,"_89":159,"_91":26,"_34":229,"_40":121,"_94":162,"_96":230,"_66":48,"_98":-5,"_99":-7,"_76":231,"_101":232},"f9c57dd0-5604-11f0-b52a-f69ea79377d9","ScoreBoard.tsx","08ae265a-54e6-11f0-9ba8-f69ea79377d9",["D",1751323981861],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface ScoreBoardProps {\n currentWordIndex: number;\n totalWords: number;\n gameStartTime: number | null;\n timeAdjustment: number;\n lastTimeBonus: number | null;\n}\n\nexport function ScoreBoard(\n { currentWordIndex, totalWords, gameStartTime, timeAdjustment, lastTimeBonus }: ScoreBoardProps,\n) {\n const [elapsedTime, setElapsedTime] = useState(0);\n\n useEffect(() => {\n if (!gameStartTime) {\n setElapsedTime(0);\n return;\n }\n\n const interval = setInterval(() => {\n const now = Date.now();\n const elapsed = Math.floor((now - gameStartTime) / 1000);\n // Apply time adjustment (subtract because bonuses reduce displayed time, penalties increase it)\n setElapsedTime(elapsed + timeAdjustment);\n }, 1000);\n\n return () => clearInterval(interval);\n }, [gameStartTime, timeAdjustment]);\n\n const formatTime = (seconds: number) => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins}:${secs.toString().padStart(2, \"0\")}`;\n };\n\n return (\n

\n {currentWordIndex}/{totalWords}\n

\n \n {lastTimeBonus !== null && lastTimeBonus !== 0\n ? (lastTimeBonus > 0 ? `+${lastTimeBonus}s` : `${lastTimeBonus}s`)\n : \"+0s\"}\n \n {formatTime(elapsedTime)}\n

\n );\n}",[103,166,227],"c4489ed6da0b300cbe52b762da7fbbfee02cc4f8d43cd087288457e047c35e20","frontend/components/NextWord.tsx",{"_32":235,"_13":236,"_84":237,"_86":158,"_88":58,"_89":238,"_91":26,"_34":239,"_40":148,"_94":162,"_96":240,"_66":48,"_98":-5,"_99":-7,"_76":241,"_101":242},"efed3f56-55ef-11f0-8ded-f69ea79377d9","NextWord.tsx","cbd7888c-55c3-11f0-bad6-f69ea79377d9",64,["D",1751314945920],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function NextWord({ word }: { word: string }) {\n return (\n

\n Next Word: {word}\n

\n );\n}",[103,166,236],"795466713adf626b1b2e32eed7e21b60e0afcdfad4eb983299af66ada8bf5abc","frontend/components/Menu.tsx",{"_32":245,"_13":246,"_84":247,"_86":158,"_88":58,"_89":248,"_91":26,"_34":249,"_40":140,"_94":162,"_96":250,"_66":48,"_98":-5,"_99":-7,"_76":251,"_101":252},"14e1a67e-5606-11f0-add7-f69ea79377d9","Menu.tsx","08ae2092-54e6-11f0-9ba8-f69ea79377d9",71,["D",1751324456852],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface MenuProps {\n onStartGame: (setNumber: number) => void;\n}\n\nexport function Menu({ onStartGame }: MenuProps) {\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n\n

\n If you see a word: swipe left to right.\n
\n If you see a word backwards: swipe right to left.\n
\n If it's a word and a backwards word: swipe back and forth.\n
\n There's a time bonus if you correctly swipe both ways. And a penalty if you swipe something that isn't a\n word.\n

\n\n

\n onStartGame(1)}\n >\n Play Set 1\n \n onStartGame(2)}\n >\n Play Set 2\n \n onStartGame(3)}\n >\n Play Set 3\n \n

\n );\n}",[103,166,246],"c3e6fb2b2a472995847c0c1b4863e51188e44de466b0e19bb7dbd9ff9b7fc4ff","frontend/components/LastWord.tsx",{"_32":255,"_13":256,"_84":257,"_86":158,"_88":58,"_89":159,"_91":26,"_34":258,"_40":259,"_94":162,"_96":260,"_66":48,"_98":-5,"_99":-7,"_76":261,"_101":262},"f9c57812-5604-11f0-b52a-f69ea79377d9","LastWord.tsx","cbd77db0-55c3-11f0-bad6-f69ea79377d9",["D",1751323981861],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface LastWordProps {\n word: any;\n path: string;\n lastTimeBonus: number | null;\n}\n\nexport function LastWord({ word, path, lastTimeBonus }: LastWordProps) {\n const validateLeft = (word, path) => {\n if (path.includes(\"LR\") && word.ltr === true) return \" ✅\";\n if (path.includes(\"LR\") && word.ltr === false) return \" ❌\";\n };\n\n const validateRight = (word, path) => {\n if (path.includes(\"RL\") && word.rtl === true) return \" ✅\";\n if (path.includes(\"RL\") && word.rtl === false) return \" ❌\";\n };\n\n return (\n

\n Last Word:\n \n {word?.text}\n {word ? validateLeft(word, path) : \"\"}\n \n \n {word ? word.text.split(\"\").reverse().join(\"\") : \"\"}\n {word ? validateRight(word, path) : \"\"}\n \n {lastTimeBonus !== null && lastTimeBonus !== 0 && (\n \n {lastTimeBonus > 0 ? `+${lastTimeBonus}s` : `${lastTimeBonus}s`}\n \n )}\n {lastTimeBonus === 0 && }\n

\n );\n}",[103,166,256],"ae630eff6ad3b4f37ff62dca40f5bcd7a61ac3fc0976ae0082915d4ab07630a3","frontend/components/History.tsx",{"_32":265,"_13":266,"_84":267,"_86":158,"_88":58,"_89":161,"_91":26,"_34":268,"_40":269,"_94":162,"_96":270,"_66":48,"_98":-5,"_99":-7,"_76":271,"_101":272},"0f9f1890-5377-11f0-b09d-f69ea79377d9","History.tsx","0f9f1958-5377-11f0-b09d-f69ea79377d9",["D",1751043127672],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface HistoryEntry {\n word: string;\n path: string;\n}\n\ninterface HistoryProps {\n history: HistoryEntry[];\n}\n\nexport function History({ history }: HistoryProps) {\n if (history.length === 0) {\n return null;\n }\n\n return (\n

History

\n \n \n \n \n \n \n \n \n {history.map((entry, index) => (\n \n \n \n \n ))}\n \n

Word	Path
{entry.word}	{entry.path}

\n );\n}",[103,166,266],"faaa98bffb5adbf2c9b10f2862ecd0818b36609ca873dc2f7cf76aea423183bd","frontend/components/GameOver.tsx",{"_32":275,"_13":276,"_84":277,"_86":158,"_88":58,"_89":159,"_91":26,"_34":278,"_40":269,"_94":162,"_96":279,"_66":48,"_98":-5,"_99":-7,"_76":280,"_101":281},"f9c55738-5604-11f0-b52a-f69ea79377d9","GameOver.tsx","f9c557e2-5604-11f0-b52a-f69ea79377d9",["D",1751323981861],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface MenuProps {\n onStartGame: (setNumber: number) => void;\n onBackToMenu: () => void;\n gameStartTime: number;\n gameEndTime: number;\n timeAdjustment: number;\n history: any[];\n selectedSet: number;\n}\n\nexport function GameOver(\n { onStartGame, onBackToMenu, gameStartTime, gameEndTime, timeAdjustment, history, selectedSet }: MenuProps,\n) {\n const elapsed = Math.floor((gameEndTime - gameStartTime) / 1000) + timeAdjustment;\n\n const shareText = `I finished Is It Two Words? Set ${selectedSet} in ${elapsed} seconds. https://twowords.val.run/`;\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n\n

\n Nice Job! You completed Set {selectedSet} in {elapsed} seconds!\n

\n {\n navigator.clipboard.writeText(shareText);\n }}\n >\n Copy results to clipboard!\n \n\n

\n onStartGame(1)}\n >\n Play Set 1\n \n onStartGame(2)}\n >\n Play Set 2\n \n onStartGame(3)}\n >\n Play Set 3\n \n

\n );\n}",[103,166,276],"64ddb3911737d361fb6ed7ee43939d00de55a7cf2c888b2d2434fd592b7885d2","frontend/components/CurrentWord.tsx",{"_32":284,"_13":285,"_84":286,"_86":158,"_88":58,"_89":238,"_91":26,"_34":287,"_40":22,"_94":162,"_96":288,"_66":48,"_98":-5,"_99":-7,"_76":289,"_101":290},"efed3844-55ef-11f0-8ded-f69ea79377d9","CurrentWord.tsx","f773731a-5376-11f0-bebf-f69ea79377d9",["D",1751314945920],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface CurrentWordProps {\n word: string;\n path: string[];\n onPathUpdate: (path: string[]) => void;\n onWordComplete: () => void;\n}\n\nexport function CurrentWord({ word, path, onPathUpdate, onWordComplete }: CurrentWordProps) {\n const containerRef = useRef(null);\n const isDragging = useRef(false);\n const lastHitbox = useRef(null);\n const [activeHitbox, setActiveHitbox] = useState(null);\n\n const getHitboxFromPoint = (x, y) => {\n const container = containerRef.current;\n if (!container) return null;\n\n const rect = container.getBoundingClientRect();\n const relativeX = x - rect.left;\n const relativeY = y - rect.top;\n\n // Check if point is within container bounds\n if (relativeX < 0 || relativeX > rect.width || relativeY < 0 || relativeY > rect.height) {\n return null;\n }\n\n // Determine which hitbox based on x position (left or right half)\n return relativeX < rect.width / 2 ? \"L\" : \"R\";\n };\n\n const handlePointerDown = (e) => {\n isDragging.current = true;\n const hitbox = getHitboxFromPoint(e.clientX, e.clientY);\n\n if (hitbox) {\n onPathUpdate([...path, hitbox]);\n lastHitbox.current = hitbox;\n setActiveHitbox(hitbox);\n }\n\n // Capture pointer to continue receiving events even if pointer moves outside element\n e.currentTarget.setPointerCapture(e.pointerId);\n };\n\n const handlePointerMove = (e) => {\n if (!isDragging.current) return;\n\n const currentHitbox = getHitboxFromPoint(e.clientX, e.clientY);\n\n // Update active hitbox based on current position\n setActiveHitbox(currentHitbox);\n\n // Only add to path if we're still inside the container and moved to a different hitbox\n if (currentHitbox && currentHitbox !== lastHitbox.current) {\n onPathUpdate([...path, currentHitbox]);\n lastHitbox.current = currentHitbox;\n }\n };\n\n const handlePointerUp = (e) => {\n isDragging.current = false;\n lastHitbox.current = null;\n setActiveHitbox(null);\n e.currentTarget.releasePointerCapture(e.pointerId);\n\n // When dragging ends, trigger word completion if there's a path\n if (path.length > 0) {\n onWordComplete();\n }\n };\n\n return (\n \n

{word}

\n \n );\n}",[103,166,285],"00e54ecf5f8483174c97bb2fe6fb5c7acbea885668157557e6709234abd3717f","backend/wordlist.tsx",{"_32":293,"_13":294,"_84":295,"_86":181,"_88":58,"_89":159,"_91":26,"_34":296,"_40":297,"_94":162,"_96":298,"_66":48,"_98":-5,"_99":-7,"_76":299,"_101":300},"f9c565c0-5604-11f0-b52a-f69ea79377d9","wordlist.tsx","91626a82-54e7-11f0-87de-f69ea79377d9",["D",1751323981861],8,"export default [\n { \"text\": \"example\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"elpmaxe\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"wow\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"tuba\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"pool\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"stun\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"tned\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"omega\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"raps\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"peek\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"level\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"deer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"beet\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"step\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"strap\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"hated\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"elbat\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"synonym\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"devil\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"sees\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"rewol\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"serif\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"drawer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"naeb\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"standard\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"refer\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"stressed\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rumel\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"reviver\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"part\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"layout\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"deeps\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"tropria\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"boost\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"tide\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"noitareti\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"karet\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"kayak\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"lewov\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"denim\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"redder\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"trapdoor\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"hood\", \"ltr\": false, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"stew\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"star\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"netae\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"ylrae\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rebut\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"buts\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"krow\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"laets\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"redden\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"ticker\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"typo\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"flesym\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"deke\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"radar\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"deified\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"tram\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"pacer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rotator\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"warp\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"repair\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"yaltuo\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"straw\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"steels\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"decal\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"sloops\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"repus\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"decaf\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"civic\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"alibi\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"track\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"layer\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"suruaseht\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"cafes\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"gator\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"spoons\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"snips\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"community\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"deed\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"reknits\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"regal\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n];",[188,294],"2d6766053650fd02822cdf03d11a1e8f7d20f90a1edfc8e27edba5a3924f2917",["D",1750792920080],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","875ed3cd-ae4b-40bb-a45f-6a1970e11689","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_339":335},"org",{"_11":12,"_332":333,"_334":335,"_306":307,"_336":337,"_338":48},"branch","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":455,"_46":-5,"_302":48,"_49":50,"_303":50,"_304":-5,"_305":-5,"_306":307,"_308":180,"_309":26,"_310":26,"_311":-5,"_312":269,"_53":313,"_314":-5,"_315":-5,"_316":-5,"_317":-5,"_318":319,"_320":319,"_321":322,"_323":322,"_324":322,"_325":319,"_326":319,"_327":456,"_329":457,"_331":458,"_47":48},"tree",[392,395,409],"files",[392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409],"counts",{"_381":269,"_382":383,"_384":269,"_385":386,"_387":388},"contents",[369,370,371],"upstreamProject",{"_32":39,"_13":56,"_304":365,"_305":366,"_49":50,"_327":367},"upstreamBranch",{"_32":33,"_34":363,"_36":364,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789588010&sig=34ac844ff239139075973f73abdd5ed30a4fd60865328497becbd255ce3f5c91",{"_11":52,"_339":368},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789588010&sig=5418e36f30525c3e3e17df64481989fc9127b5d647c273e55b775f0c404d4f7b",{"_32":378,"_13":188,"_84":181,"_86":-5,"_88":58,"_89":148,"_91":26,"_34":379,"_40":269,"_94":376,"_96":-5,"_66":48,"_98":-5,"_76":380},{"_32":374,"_13":103,"_84":87,"_86":-5,"_88":58,"_89":148,"_91":26,"_34":375,"_40":269,"_94":376,"_96":-5,"_66":48,"_98":-5,"_76":377},{"_32":201,"_13":198,"_84":202,"_86":-5,"_88":58,"_89":203,"_91":26,"_34":372,"_40":205,"_94":95,"_96":206,"_66":48,"_98":-5,"_76":373},["D",1751374069120],[198],"805313b4-5130-11f0-b402-f69ea79377d9",["D",1750792920080],"directory",[103],"80530662-5130-11f0-b402-f69ea79377d9",["D",1750792920080],[188],"pulls","branches",3,"forks","envVars",{"_389":269,"_391":269},"connections",{"_389":269,"_390":269},"count","unfilledCount","emptyCount",{"_32":378,"_13":188,"_84":181,"_86":-5,"_88":58,"_89":148,"_91":26,"_34":452,"_40":269,"_94":376,"_96":-5,"_66":48,"_98":-5,"_99":453,"_76":454},{"_32":178,"_13":179,"_84":180,"_86":181,"_88":58,"_89":107,"_91":26,"_34":182,"_40":140,"_94":183,"_96":184,"_66":48,"_98":185,"_99":450,"_76":451},{"_32":293,"_13":294,"_84":295,"_86":181,"_88":58,"_89":159,"_91":26,"_34":296,"_40":297,"_94":162,"_96":298,"_66":48,"_98":-5,"_99":448,"_76":449},{"_32":374,"_13":103,"_84":87,"_86":-5,"_88":58,"_89":148,"_91":26,"_34":445,"_40":269,"_94":376,"_96":-5,"_66":48,"_98":-5,"_99":446,"_76":447},{"_32":441,"_13":166,"_84":158,"_86":87,"_88":58,"_89":148,"_91":26,"_34":442,"_40":269,"_94":376,"_96":-5,"_66":48,"_98":-5,"_99":443,"_76":444},{"_32":155,"_13":156,"_84":157,"_86":158,"_88":58,"_89":159,"_91":26,"_34":160,"_40":161,"_94":162,"_96":163,"_66":48,"_98":-5,"_99":439,"_76":440},{"_32":284,"_13":285,"_84":286,"_86":158,"_88":58,"_89":238,"_91":26,"_34":287,"_40":22,"_94":162,"_96":288,"_66":48,"_98":-5,"_99":437,"_76":438},{"_32":275,"_13":276,"_84":277,"_86":158,"_88":58,"_89":159,"_91":26,"_34":278,"_40":269,"_94":162,"_96":279,"_66":48,"_98":-5,"_99":435,"_76":436},{"_32":265,"_13":266,"_84":267,"_86":158,"_88":58,"_89":161,"_91":26,"_34":268,"_40":269,"_94":162,"_96":270,"_66":48,"_98":-5,"_99":433,"_76":434},{"_32":255,"_13":256,"_84":257,"_86":158,"_88":58,"_89":159,"_91":26,"_34":258,"_40":259,"_94":162,"_96":260,"_66":48,"_98":-5,"_99":431,"_76":432},{"_32":245,"_13":246,"_84":247,"_86":158,"_88":58,"_89":248,"_91":26,"_34":249,"_40":140,"_94":162,"_96":250,"_66":48,"_98":-5,"_99":429,"_76":430},{"_32":235,"_13":236,"_84":237,"_86":158,"_88":58,"_89":238,"_91":26,"_34":239,"_40":148,"_94":162,"_96":240,"_66":48,"_98":-5,"_99":427,"_76":428},{"_32":226,"_13":227,"_84":228,"_86":158,"_88":58,"_89":159,"_91":26,"_34":229,"_40":121,"_94":162,"_96":230,"_66":48,"_98":-5,"_99":425,"_76":426},{"_32":136,"_13":137,"_84":138,"_86":87,"_88":58,"_89":57,"_91":26,"_34":139,"_40":140,"_94":95,"_96":141,"_66":48,"_98":-5,"_99":423,"_76":424},{"_32":116,"_13":117,"_84":118,"_86":87,"_88":58,"_89":119,"_91":26,"_34":120,"_40":121,"_94":95,"_96":122,"_66":48,"_98":-5,"_99":421,"_76":422},{"_32":414,"_13":415,"_84":416,"_86":87,"_88":58,"_89":148,"_91":26,"_34":417,"_40":269,"_94":162,"_96":418,"_66":48,"_98":-5,"_99":419,"_76":420},{"_32":82,"_13":83,"_84":85,"_86":87,"_88":58,"_89":90,"_91":26,"_34":92,"_40":93,"_94":95,"_96":97,"_66":48,"_98":-5,"_99":412,"_76":413},{"_32":201,"_13":198,"_84":202,"_86":-5,"_88":58,"_89":203,"_91":26,"_34":204,"_40":205,"_94":95,"_96":206,"_66":48,"_98":-5,"_99":410,"_76":411},[],[198],[],[103,83],"80530f7c-5130-11f0-b402-f69ea79377d9","index.tsx","69904acc-e989-49ee-8628-4bff2b45ddb0",["D",1750792920080],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[103,415],[],[103,117],[],[103,137],[],[103,166,227],[],[103,166,236],[],[103,166,246],[],[103,166,256],[],[103,166,266],[],[103,166,276],[],[103,166,285],[],[103,166,156],"80530a7c-5130-11f0-b402-f69ea79377d9",["D",1750792920080],[397,398,399,400,401,402,403,404],[103,166],["D",1750792920080],[396,405,406,407,408],[103],[],[188,294],[],[188,179],["D",1750792920080],[393,394],[188],["D",1750792920080],{"_11":12,"_339":335},{"_11":12,"_332":333,"_334":335,"_306":307,"_336":337,"_338":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_327":-5,"_360":492,"_493":494,"_495":496,"_497":48,"_498":48,"_499":48,"_500":26,"_501":-5,"_502":-7,"_503":-7,"_504":269,"_505":48,"_506":48,"_507":-5,"_508":48,"_509":48,"_510":48,"_511":-5},"ENV",{"_463":464,"_465":466,"_467":16,"_468":469,"_470":471,"_472":473,"_474":475,"_476":477,"_478":479,"_480":481,"_482":483,"_484":485,"_486":487,"_488":489,"_490":491},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergealexwein/mainintotemplates/main

README.md+26-18

Hbackend/index.ts+2-1

frontend/components/App.tsx+207-8

frontend/favicon.svg+3-3

frontend/index.html+1-1

frontend/style.css+598-4

backend/wordlist.tsx+85-0

frontend/components/CurrentWord.tsx+95-0

frontend/components/GameOver.tsx+64-0

frontend/components/History.tsx+38-0

frontend/components/LastWord.tsx+39-0

frontend/components/Menu.tsx+59-0

frontend/components/NextWord.tsx+9-0

frontend/components/ScoreBoard.tsx+60-0