\n \n \n \n",[121,133],"72de24789ba471b932ecec4d030dd3dce2c3bf61d325d5b87d5187645c050e32","f39599ee-bdb6-11f0-9987-42dde27851f2","f3959a84-bdb6-11f0-9987-42dde27851f2",["D",1762725391675],"\n\n \n Loopy Letters\n \n \n \n \n

\n \n \n \n",[121,133],"54ca3f13a4debb08a1d393e8a9f764b9780e6adc6778494b7b9e63ff06588fa3","frontend/components/GameApp.tsx",{"_32":159,"_13":150,"_83":160,"_85":161,"_87":33,"_88":41,"_90":26,"_34":162,"_40":22,"_93":94,"_95":163,"_65":49,"_97":-5,"_98":-7,"_75":164,"_100":165},{"_32":149,"_13":150,"_83":151,"_85":152,"_87":58,"_88":153,"_90":26,"_34":154,"_40":20,"_93":94,"_95":155,"_65":49,"_97":-5,"_98":-7,"_75":156,"_100":157},"d1eaa626-bdb7-11f0-bd75-42dde27851f2","GameApp.tsx","74456906-3807-11f0-93cc-9e149126039e","5685ead9-33ca-446d-b1ff-87130446c22e",45,["D",1762725764684],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n CENTER,\n coneyIsAdjacent,\n createDonutSegment,\n createStar,\n getAdjacencyChecker,\n getLetterIndexFromPoint,\n getRelativeCoordinates,\n INNER_RADIUS,\n INNER_RADIUS_BIRDS,\n isAdjacent,\n isReverseSubstring,\n lettersOnly,\n OUTER_RADIUS,\n prepareWordDisplay,\n randomRotate,\n type Star,\n tryReverse,\n type WordItem,\n} from \"/shared/gameLogic.ts\";\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface GameAppProps {\n gameType: \"main\" | \"coney\" | \"birds\";\n}\n\nfunction InstructionsModal({ onClose, gameType }: { onClose: () => void; gameType: \"main\" | \"coney\" | \"birds\" }) {\n if (gameType === \"birds\") {\n return (\n

Return to Loopy Letters:

The Birdy Version

Use every letter on the donut to spell the name of the bird in the center.
Consectuive letters in the word must be adjacent to each other on the donut.
\n You can go clockwise or counterclockwise.\n
\n Birds via Wikipedia's{\" \"}\n List of Birds By Common Name.\n
\n Hate birds? Check out the original Loopy Letters or try Coney Letters!\n

\n \n

\n );\n }\n\n if (gameType === \"coney\") {\n return (\n

How to play Coney Letters:

Use every letter to spell a word.
Consecutive letters in the word must be adjacent on the circle. The middle letter is adjacent to all the others.
When you find a word, the next word to find appears.
Go fast? Go slow? Enjoy!

\n Want the classic experience? Try the original Loopy Letters or Loopy Letters: Birds!\n

\n \n

\n );\n }\n\n // Main/classic mode\n return (\n

How to play Loopy Letters:

Use every letter on the donut to spell a word.
Consecutive letters in the word must be adjacent to each other on the donut.
\n You can go clockwise or counterclockwise.\n
When you find a word, the next word to find appears.
Go fast? Go slow? Enjoy!

\n There's also a birdy version and coney letters!\n

\n \n

\n );\n}\n\nfunction GameOverModal({\n elapsedTime,\n onPlayAgain,\n gameType,\n wordlist,\n}: {\n elapsedTime: number;\n onPlayAgain: () => void;\n gameType: \"main\" | \"coney\" | \"birds\";\n wordlist: (WordItem | string)[];\n}) {\n if (gameType === \"birds\") {\n const birdWordlist = wordlist as WordItem[];\n return (\n

Game Over!

Your time: {Math.round(elapsedTime)} seconds

\n\n

\n {birdWordlist.map((word, index) => (\n

\n {word.word}\n

\n ))}\n

\n\n \n

\n );\n }\n\n return (\n

Game Over!

Your time: {Math.round(elapsedTime)} seconds

\n \n

\n );\n}\n\nexport default function GameApp({ gameType }: GameAppProps) {\n const [wordlist, setWordlist] = useState<(WordItem | string)[]>([]);\n const [currentWordIndex, setCurrentWordIndex] = useState(0);\n const [currentWord, setCurrentWord] = useState(\"\");\n const [currentValidAnagrams, setCurrentValidAnagrams] = useState([]);\n const [displayWord, setDisplayWord] = useState(\"\");\n const [coneyLetter, setConeyLetter] = useState(\"\");\n const [selectedWord, setSelectedWord] = useState(\"\");\n const [selection, setSelection] = useState([]);\n const [stars, setStars] = useState([]);\n const [foundWords, setFoundWords] = useState([]);\n const [wordCount, setWordCount] = useState(0);\n const [showInstructionsModal, setShowInstructionsModal] = useState(true);\n const [showGameOverModal, setShowGameOverModal] = useState(false);\n const [gameStarted, setGameStarted] = useState(false);\n const [elapsedTime, setElapsedTime] = useState(0);\n const [isLoading, setIsLoading] = useState(true);\n const [imgUrl, setImgUrl] = useState(\"\");\n const svgRef = useRef(null);\n const timerRef = useRef(null);\n\n const innerRadius = gameType === \"birds\" ? INNER_RADIUS_BIRDS : INNER_RADIUS;\n const apiEndpoint = gameType === \"birds\" ? \"/api/birds\" : gameType === \"coney\" ? \"/api/coneywords\" : \"/api/words\";\n\n useEffect(() => {\n fetchWords();\n }, []);\n\n useEffect(() => {\n if (currentWord) {\n const { displayWord, coneyLetter } = prepareWordDisplay(currentWord, gameType);\n setDisplayWord(displayWord);\n setConeyLetter(coneyLetter);\n }\n }, [currentWord, gameType]);\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n setStars(prevStars => {\n const updatedStars = prevStars.map(star => ({\n ...star,\n fading: true,\n }));\n return updatedStars;\n });\n }, 300);\n\n const removeTimeout = setTimeout(() => {\n setStars(prevStars => prevStars.filter(star => !star.fading));\n }, 600);\n\n return () => {\n clearTimeout(timeout);\n clearTimeout(removeTimeout);\n };\n }, [stars]);\n\n useEffect(() => {\n if (gameStarted && currentWordIndex < wordlist.length) {\n timerRef.current = setInterval(() => {\n setElapsedTime(prev => prev + 1);\n }, 1000);\n\n return () => {\n if (timerRef.current) {\n clearInterval(timerRef.current);\n }\n };\n }\n }, [gameStarted, currentWordIndex, wordlist.length]);\n\n useEffect(() => {\n if (!isLoading && currentWordIndex === wordlist.length) {\n if (timerRef.current) {\n clearInterval(timerRef.current);\n }\n setShowGameOverModal(true);\n }\n }, [currentWordIndex, wordlist.length, isLoading]);\n\n const fetchWords = async () => {\n try {\n const response = await fetch(apiEndpoint);\n const data = await response.json();\n setWordlist(data);\n\n if (gameType === \"birds\") {\n // Birds endpoint returns WordItem objects\n const firstItem = data[0] as WordItem;\n setCurrentWord(firstItem.word);\n setImgUrl(firstItem.img_url || \"\");\n setCurrentValidAnagrams([firstItem.word]); // Birds only have one valid word\n } else {\n // Check if /words endpoint returns array of strings or array of objects\n const firstItem = data[0];\n if (typeof firstItem === \"string\") {\n // Old format: array of strings\n setCurrentWord(firstItem);\n setCurrentValidAnagrams([firstItem]);\n } else {\n // New format: array of objects with word and valid_anagrams\n const wordItem = firstItem as WordItem;\n setCurrentWord(wordItem.word);\n // Parse valid_anagrams JSON string\n try {\n const validAnagrams = JSON.parse(wordItem.valid_anagrams || \"[]\");\n setCurrentValidAnagrams(validAnagrams);\n } catch {\n setCurrentValidAnagrams([wordItem.word]);\n }\n }\n }\n\n setIsLoading(false);\n } catch (error) {\n console.error(\"Error fetching words:\", error);\n const fallback = gameType === \"birds\"\n ? [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }]\n : [\"WATERFALL\"];\n setWordlist(fallback);\n setCurrentWord(\"WATERFALL\");\n setCurrentValidAnagrams([\"WATERFALL\"]);\n setIsLoading(false);\n }\n };\n\n const isValid = (str: string) => {\n const targetWord = gameType === \"birds\" ? lettersOnly(str) : str;\n \n // Check if the player used all available letters\n let expectedLength;\n if (gameType === \"birds\") {\n expectedLength = lettersOnly(currentWord).length;\n } else {\n expectedLength = currentWord.length;\n }\n \n if (targetWord.length !== expectedLength) {\n return false;\n }\n \n // Birds mode: only one correct answer (the bird's name)\n if (gameType === \"birds\") {\n return targetWord === lettersOnly(currentWord);\n }\n \n // Main/coney modes: validate against the valid anagrams list\n return currentValidAnagrams.includes(targetWord);\n };\n\n const handlePointerDown = (event: React.PointerEvent) => {\n if (!gameStarted || !svgRef.current) return;\n const point = getRelativeCoordinates(event.nativeEvent, svgRef.current);\n \n // Check if clicking on the center coney letter (only for coney mode)\n if (gameType === \"coney\") {\n const centerDistance = Math.sqrt((point.x - CENTER.x) ** 2 + (point.y - CENTER.y) ** 2);\n if (centerDistance <= innerRadius && coneyLetter) {\n setSelectedWord(coneyLetter);\n setSelection([-1]); // Use -1 to represent the center coney letter\n return;\n }\n }\n \n // Check donut segments\n let adjustedWordLength;\n if (gameType === \"birds\") {\n // Birds mode: use letters only (no spaces/punctuation)\n adjustedWordLength = gameType === \"coney\" \n ? lettersOnly(currentWord).length - 1 // One letter in center\n : lettersOnly(currentWord).length; // All letters on donut\n } else {\n // Main/coney modes: use full word\n adjustedWordLength = gameType === \"coney\" \n ? currentWord.length - 1 // One letter in center\n : currentWord.length; // All letters on donut\n }\n const index = getLetterIndexFromPoint(point, adjustedWordLength, innerRadius);\n if (index !== -1) {\n const letters = gameType === \"birds\" ? lettersOnly(displayWord) : displayWord;\n setSelectedWord(letters[index]);\n setSelection([index]);\n }\n };\n\n const handlePointerMove = (event: React.PointerEvent) => {\n if (!gameStarted || selection.length === 0 || !svgRef.current) return;\n const point = getRelativeCoordinates(event.nativeEvent, svgRef.current);\n \n const lastSelectedIndex = selection[selection.length - 1];\n let newIndex = -2; // Initialize to invalid index\n \n // Check if hovering over center coney letter (only for coney mode)\n if (gameType === \"coney\") {\n const centerDistance = Math.sqrt((point.x - CENTER.x) ** 2 + (point.y - CENTER.y) ** 2);\n if (centerDistance <= innerRadius && coneyLetter) {\n newIndex = -1; // Center coney letter index\n }\n }\n \n // Check donut segments if not already found center\n if (newIndex === -2) {\n let adjustedWordLength;\n if (gameType === \"birds\") {\n // Birds mode: use letters only (no spaces/punctuation)\n adjustedWordLength = gameType === \"coney\" \n ? lettersOnly(currentWord).length - 1 // One letter in center\n : lettersOnly(currentWord).length; // All letters on donut\n } else {\n // Main/coney modes: use full word\n adjustedWordLength = gameType === \"coney\" \n ? currentWord.length - 1 // One letter in center\n : currentWord.length; // All letters on donut\n }\n const segmentIndex = getLetterIndexFromPoint(point, adjustedWordLength, innerRadius);\n if (segmentIndex !== -1) {\n newIndex = segmentIndex;\n }\n }\n \n if (newIndex !== -2 && newIndex !== lastSelectedIndex && !selection.includes(newIndex)) {\n // Use appropriate adjacency function based on game mode\n const fullWordLength = gameType === \"birds\" ? lettersOnly(currentWord).length : currentWord.length;\n const adjacencyChecker = getAdjacencyChecker(gameType);\n \n let isAdjacent = false;\n if (gameType === \"coney\") {\n isAdjacent = coneyIsAdjacent(newIndex, lastSelectedIndex, fullWordLength, coneyLetter, currentWord);\n } else {\n isAdjacent = adjacencyChecker(newIndex, lastSelectedIndex, fullWordLength);\n }\n \n if (isAdjacent) {\n const newSelection = [...selection, newIndex];\n setSelection(newSelection);\n \n // Build selected word from indices\n const letters = gameType === \"birds\" ? lettersOnly(displayWord) : displayWord;\n const selectedLetters = newSelection.map(i => {\n if (i === -1) return coneyLetter; // Center coney letter\n return letters[i]; // Donut letter\n });\n setSelectedWord(selectedLetters.join(\"\"));\n }\n }\n };\n\n const handlePointerUp = () => {\n if (!gameStarted) return;\n \n // For validation, we need to check if the selected word matches the target word\n // The selectedWord now includes letters from both the donut and the center coney letter\n if (selectedWord && isValid(selectedWord)) {\n // Don't add stars for birds mode\n if (gameType !== \"birds\") {\n setStars(prevStars => [...prevStars, { x: CENTER.x, y: CENTER.y, key: Date.now(), fading: false }]);\n }\n\n // Update found words (keep only the most recent word)\n // For birds mode, use the original bird name with spaces/punctuation\n const displayWord = gameType === \"birds\" ? currentWord : selectedWord;\n setFoundWords([displayWord]);\n\n // Increment word count\n setWordCount(prev => prev + 1);\n\n const nextIndex = currentWordIndex + 1;\n setCurrentWordIndex(nextIndex);\n if (nextIndex < wordlist.length) {\n const nextItem = wordlist[nextIndex];\n if (gameType === \"birds\") {\n const birdItem = nextItem as WordItem;\n setCurrentWord(birdItem.word);\n setImgUrl(birdItem.img_url || \"\");\n setCurrentValidAnagrams([birdItem.word]);\n } else {\n // Check if it's a string or object\n if (typeof nextItem === \"string\") {\n setCurrentWord(nextItem);\n setCurrentValidAnagrams([nextItem]);\n } else {\n const wordItem = nextItem as WordItem;\n setCurrentWord(wordItem.word);\n // Parse valid_anagrams JSON string\n try {\n const validAnagrams = JSON.parse(wordItem.valid_anagrams || \"[]\");\n setCurrentValidAnagrams(validAnagrams);\n } catch {\n setCurrentValidAnagrams([wordItem.word]);\n }\n }\n }\n }\n }\n setSelectedWord(\"\");\n setSelection([]);\n };\n\n const startGame = () => {\n setShowInstructionsModal(false);\n setGameStarted(true);\n };\n\n const resetGame = () => {\n setIsLoading(true);\n fetchWords();\n setCurrentWordIndex(0);\n setDisplayWord(\"\");\n setConeyLetter(\"\");\n setCurrentValidAnagrams([]);\n setSelectedWord(\"\");\n setSelection([]);\n setStars([]);\n setFoundWords([]);\n setWordCount(0);\n setShowGameOverModal(false);\n setGameStarted(true);\n setElapsedTime(0);\n };\n\n if (isLoading) {\n return

;\n }\n\n const letters = gameType === \"birds\" ? lettersOnly(displayWord) : displayWord;\n const adjustedWordLength = letters.length; // This is the actual length of letters to display on the donut\n\n return (\n

\n {showInstructionsModal && }\n {showGameOverModal && (\n \n )}\n

\n {gameType === \"birds\" \n ? \"Loopy Letters: Birds\" \n : gameType === \"coney\" \n ? \"Coney Letters\" \n : \"Loopy Letters\"\n }\n

\n a {gameType === \"birds\" ? <>~~word~~ bird : \"word\"} game by Alex Wein\n

\n {(() => {\n const links = [];\n if (gameType !== \"main\") {\n links.push(Loopy Letters);\n }\n if (gameType !== \"birds\") {\n links.push(Loopy Letters: Birds);\n }\n if (gameType !== \"coney\") {\n links.push(Coney Letters);\n }\n \n if (links.length === 0) return null;\n \n return (\n <>\n or play {links.reduce((acc, link, index) => {\n if (index > 0) acc.push(\" or \");\n acc.push(link);\n return acc;\n }, [] as React.ReactNode[])}\n \n );\n })()}\n

\n {gameType === \"birds\" ? \"Birds\" : \"Words\"} Found: {wordCount}/{wordlist.length}\n

{Math.round(elapsedTime)} s

\n {foundWords.map((word, index) => {word})}\n

- {selectedWord} -

\n \n {gameType === \"birds\" && imgUrl && (\n <>\n \n \n \n \n \n \n \n )}\n {/* Interactive coney letter in center for coney mode */}\n {gameType === \"coney\" && coneyLetter && (\n \n \n \n {coneyLetter}\n \n \n )}\n \n {letters.split(\"\").map((letter, index) => {\n const segmentAngle = (2 * Math.PI) / adjustedWordLength;\n const startAngle = index * segmentAngle;\n const endAngle = (index + 1) * segmentAngle;\n const midAngle = (startAngle + endAngle) / 2;\n const textRadius = (innerRadius + 1.1 * OUTER_RADIUS) / 2;\n const textX = CENTER.x + textRadius * Math.cos(midAngle);\n const textY = CENTER.y + textRadius * Math.sin(midAngle);\n\n const { path, isSelected } = createDonutSegment(startAngle, endAngle, index, selection, innerRadius);\n\n return (\n \n \n \n {letter}\n \n \n );\n })}\n \n {stars.map((star) => (\n \n ))}\n \n

\n );\n}",[121,158,150],"d357414e9a9e77648ebd0f2f8098ee3b9785f910a3394ae14191d6a9adf6cb0b","components","f3958684-bdb6-11f0-9987-42dde27851f2","f39586fc-bdb6-11f0-9987-42dde27851f2","019a6a9e-ed39-730b-a41a-39f991b2a117",["D",1762725391675],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n CENTER,\n createDonutSegment,\n createStar,\n getLetterIndexFromPoint,\n getRelativeCoordinates,\n INNER_RADIUS,\n INNER_RADIUS_BIRDS,\n isAdjacent,\n isReverseSubstring,\n lettersOnly,\n OUTER_RADIUS,\n randomRotate,\n type Star,\n tryReverse,\n type WordItem,\n} from \"/shared/gameLogic.ts\";\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface GameAppProps {\n gameType: \"main\" | \"birds\";\n}\n\nfunction InstructionsModal({ onClose, gameType }: { onClose: () => void; gameType: \"main\" | \"birds\" }) {\n if (gameType === \"birds\") {\n return (\n

Return to Loopy Letters:

The Birdy Version

Use every letter on the donut to spell the name of the bird in the center.
Letters in the word must be adjacent to each other on the donut.
\n You can go clockwise or counterclockwise.\n
\n Birds via Wikipedia's{\" \"}\n List of Birds By Common Name.\n
\n Hate birds? Check out the original Loopy Letters!\n

\n \n

\n );\n }\n\n return (\n

How to play Loopy Letters:

Use every letter on the donut to spell a word.
Letters in the word must be adjacent to each other on the donut.
\n You can go clockwise or counterclockwise.\n
When you find a word, the next word to find appears.
Go fast? Go slow? Enjoy!

\n There's also a birdy version\n

\n \n

\n );\n}\n\nfunction GameOverModal({\n elapsedTime,\n onPlayAgain,\n gameType,\n wordlist,\n}: {\n elapsedTime: number;\n onPlayAgain: () => void;\n gameType: \"main\" | \"birds\";\n wordlist: WordItem[];\n}) {\n if (gameType === \"birds\") {\n return (\n

Game Over!

Your time: {Math.round(elapsedTime)} seconds

\n\n

\n {wordlist.map((word, index) => (\n

\n {word.word}\n

\n ))}\n

\n\n \n

\n );\n }\n\n return (\n

Game Over!

Your time: {Math.round(elapsedTime)} seconds

\n \n

\n );\n}\n\nexport default function GameApp({ gameType }: GameAppProps) {\n const [wordlist, setWordlist] = useState([]);\n const [currentWordIndex, setCurrentWordIndex] = useState(0);\n const [currentWord, setCurrentWord] = useState(\"\");\n const [displayWord, setDisplayWord] = useState(\"\");\n const [selectedWord, setSelectedWord] = useState(\"\");\n const [selection, setSelection] = useState([]);\n const [stars, setStars] = useState([]);\n const [foundWords, setFoundWords] = useState([]);\n const [wordCount, setWordCount] = useState(0);\n const [showInstructionsModal, setShowInstructionsModal] = useState(true);\n const [showGameOverModal, setShowGameOverModal] = useState(false);\n const [gameStarted, setGameStarted] = useState(false);\n const [elapsedTime, setElapsedTime] = useState(0);\n const [isLoading, setIsLoading] = useState(true);\n const [imgUrl, setImgUrl] = useState(\"\");\n const svgRef = useRef(null);\n const timerRef = useRef(null);\n\n const innerRadius = gameType === \"birds\" ? INNER_RADIUS_BIRDS : INNER_RADIUS;\n const apiEndpoint = gameType === \"birds\" ? \"/api/birds\" : \"/api/words\";\n\n useEffect(() => {\n fetchWords();\n }, []);\n\n useEffect(() => {\n if (currentWord) {\n setDisplayWord(randomRotate(tryReverse(currentWord)));\n }\n }, [currentWord]);\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n setStars(prevStars => {\n const updatedStars = prevStars.map(star => ({\n ...star,\n fading: true,\n }));\n return updatedStars;\n });\n }, 300);\n\n const removeTimeout = setTimeout(() => {\n setStars(prevStars => prevStars.filter(star => !star.fading));\n }, 600);\n\n return () => {\n clearTimeout(timeout);\n clearTimeout(removeTimeout);\n };\n }, [stars]);\n\n useEffect(() => {\n if (gameStarted && currentWordIndex < wordlist.length) {\n timerRef.current = setInterval(() => {\n setElapsedTime(prev => prev + 1);\n }, 1000);\n\n return () => {\n if (timerRef.current) {\n clearInterval(timerRef.current);\n }\n };\n }\n }, [gameStarted, currentWordIndex, wordlist.length]);\n\n useEffect(() => {\n if (!isLoading && currentWordIndex === wordlist.length) {\n if (timerRef.current) {\n clearInterval(timerRef.current);\n }\n setShowGameOverModal(true);\n }\n }, [currentWordIndex, wordlist.length, isLoading]);\n\n const fetchWords = async () => {\n try {\n const response = await fetch(apiEndpoint);\n const data = await response.json();\n setWordlist(data);\n\n if (gameType === \"birds\") {\n setCurrentWord(data[0].word);\n setImgUrl(data[0].img_url);\n } else {\n setCurrentWord(data[0]);\n }\n\n setIsLoading(false);\n } catch (error) {\n console.error(\"Error fetching words:\", error);\n const fallback = gameType === \"birds\"\n ? [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }]\n : [\"WATERFALL\"];\n setWordlist(fallback);\n setCurrentWord(\"WATERFALL\");\n setIsLoading(false);\n }\n };\n\n const isValid = (str: string) => {\n const targetWord = gameType === \"birds\" ? lettersOnly(currentWord) : currentWord;\n return str === targetWord;\n };\n\n const handlePointerDown = (event: React.PointerEvent) => {\n if (!gameStarted || !svgRef.current) return;\n const point = getRelativeCoordinates(event.nativeEvent, svgRef.current);\n const wordLength = gameType === \"birds\" ? lettersOnly(currentWord).length : currentWord.length;\n const index = getLetterIndexFromPoint(point, wordLength, innerRadius);\n if (index !== -1) {\n const letters = gameType === \"birds\" ? lettersOnly(displayWord) : displayWord;\n setSelectedWord(letters[index]);\n setSelection([index]);\n }\n };\n\n const handlePointerMove = (event: React.PointerEvent) => {\n if (!gameStarted || selection.length === 0 || !svgRef.current) return;\n const point = getRelativeCoordinates(event.nativeEvent, svgRef.current);\n const wordLength = gameType === \"birds\" ? lettersOnly(currentWord).length : currentWord.length;\n const index = getLetterIndexFromPoint(point, wordLength, innerRadius);\n if (index !== -1 && index !== selection[selection.length - 1] && !selection.includes(index)) {\n if (isAdjacent(index, selection[selection.length - 1], wordLength)) {\n const newSelection = [...selection, index];\n setSelection(newSelection);\n const letters = gameType === \"birds\" ? lettersOnly(displayWord) : displayWord;\n setSelectedWord(newSelection.map(i => letters[i]).join(\"\"));\n }\n }\n };\n\n const handlePointerUp = () => {\n if (!gameStarted) return;\n const boardWord = gameType === \"birds\" ? lettersOnly(displayWord) : displayWord;\n if (selectedWord && isReverseSubstring(selectedWord, boardWord) && isValid(selectedWord)) {\n setStars(prevStars => [...prevStars, { x: CENTER.x, y: CENTER.y, key: Date.now(), fading: false }]);\n\n // Update found words (keep only the most recent word)\n setFoundWords([currentWord]);\n\n // Increment word count\n setWordCount(prev => prev + 1);\n\n const nextIndex = currentWordIndex + 1;\n setCurrentWordIndex(nextIndex);\n if (nextIndex < wordlist.length) {\n if (gameType === \"birds\") {\n setCurrentWord(wordlist[nextIndex].word);\n setImgUrl(wordlist[nextIndex].img_url || \"\");\n } else {\n setCurrentWord(wordlist[nextIndex] as string);\n }\n }\n }\n setSelectedWord(\"\");\n setSelection([]);\n };\n\n const startGame = () => {\n setShowInstructionsModal(false);\n setGameStarted(true);\n };\n\n const resetGame = () => {\n setIsLoading(true);\n fetchWords();\n setCurrentWordIndex(0);\n setDisplayWord(\"\");\n setSelectedWord(\"\");\n setSelection([]);\n setStars([]);\n setFoundWords([]);\n setWordCount(0);\n setShowGameOverModal(false);\n setGameStarted(true);\n setElapsedTime(0);\n };\n\n if (isLoading) {\n return

;\n }\n\n const letters = gameType === \"birds\" ? lettersOnly(displayWord) : displayWord;\n const wordLength = gameType === \"birds\" ? lettersOnly(currentWord).length : currentWord.length;\n\n return (\n

\n {showInstructionsModal && }\n {showGameOverModal && (\n \n )}\n

{gameType === \"birds\" ? \"Loopy Letters: Birds\" : \"Loopy Letters\"}

\n {gameType === \"birds\"\n ? (\n <>\n a ~~word~~ bird game by Alex Wein | or play\n Loopy Letters: Classic\n \n )\n : (\n <>\n a word game by Alex Wein | or playLoopy Letters: Birds\n \n )}\n

\n {gameType === \"birds\" ? \"Birds\" : \"Words\"} Found: {wordCount}/{wordlist.length}\n

{Math.round(elapsedTime)} s

\n {foundWords.map((word, index) => {word})}\n

- {selectedWord} -

\n \n {gameType === \"birds\" && imgUrl && (\n <>\n \n \n \n \n \n \n \n )}\n \n {letters.split(\"\").map((letter, index) => {\n const segmentAngle = (2 * Math.PI) / wordLength;\n const startAngle = index * segmentAngle;\n const endAngle = (index + 1) * segmentAngle;\n const midAngle = (startAngle + endAngle) / 2;\n const textRadius = (innerRadius + 1.1 * OUTER_RADIUS) / 2;\n const textX = CENTER.x + textRadius * Math.cos(midAngle);\n const textY = CENTER.y + textRadius * Math.sin(midAngle);\n\n const { path, isSelected } = createDonutSegment(startAngle, endAngle, index, selection, innerRadius);\n\n return (\n \n \n \n {letter}\n \n \n );\n })}\n \n {stars.map((star) => (\n \n ))}\n \n

\n );\n}",[121,158,150],"7a73d5c5edfe61fe10a4f654d6adceac300682b6f508b82fa584bcc557f45616","backend/index.ts",{"_32":180,"_13":170,"_83":181,"_85":182,"_87":33,"_88":41,"_90":26,"_34":183,"_40":22,"_93":174,"_95":184,"_65":49,"_97":-5,"_98":-7,"_75":185,"_100":186},{"_32":169,"_13":170,"_83":171,"_85":172,"_87":58,"_88":89,"_90":26,"_34":173,"_40":20,"_93":174,"_95":175,"_65":49,"_97":176,"_98":-7,"_75":177,"_100":178},"a3bcebba-bdb7-11f0-a8ba-42dde27851f2","index.ts","74453af8-3807-11f0-93cc-9e149126039e","88d05142-37db-4d5c-ab45-59a8a78112e7",["D",1762725687207],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main game route (classic loopy letters)\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject game type\n const gameScript = ``;\n \n html = html.replace(\"\", `${gameScript}`);\n return c.html(html);\n});\n\n// Coney letters game route\napp.get(\"/coney\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject game type\n const gameScript = ``;\n \n html = html.replace(\"\", `${gameScript}`);\n return c.html(html);\n});\n\n// Birds game route\napp.get(\"/birds\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject game type\n const gameScript = ``;\n \n html = html.replace(\"\", `${gameScript}`);\n return c.html(html);\n});\n\n// API routes\napp.get(\"/api/words\", async c => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n const randRowsQ = `\n with\n words as (\n select * from judgments\n where length(word) >= 5\n and length(word) <= 15\n order by random()\n limit 7\n ),\n\n anagrams as (\n select words.id, upper(words.word) as word, words.sorted_letters,\n upper(judgments.word) as valid_anagram\n from words\n left join judgments\n on words.sorted_letters = judgments.sorted_letters\n)\n\nselect\n id, word, sorted_letters,\n json_group_array(valid_anagram) as valid_anagrams\n from anagrams\n group by id, word, sorted_letters\n `;\n\n try {\n const result = await sqlite.execute(randRowsQ);\n const wordlist = result.rows\n .filter(x => x?.word !== null);\n\n // Use fallback wordlist if no words are found\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\", \n \"CONSECRATION\",\n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n const finalWordlist = wordlist.length > 0 ? wordlist : FALLBACK_WORDLIST;\n\n return c.json(finalWordlist);\n } catch (error) {\n console.error(\"Error fetching words:\", error);\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\",\n \"CONSECRATION\", \n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n return c.json(FALLBACK_WORDLIST);\n }\n});\n\napp.get(\"/api/coneywords\", async c => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n // Separate SQL query for coney mode - you can modify this independently\n const coneyRandRowsQ = `\n with\n words as (\n select * from judgments\n where length(word) >= 7\n and length(word) <= 14\n order by random()\n limit 7\n ),\n\n anagrams as (\n select words.id, upper(words.word) as word, words.sorted_letters,\n upper(judgments.word) as valid_anagram\n from words\n left join judgments\n on words.sorted_letters = judgments.sorted_letters\n)\n\nselect\n id, word, sorted_letters,\n json_group_array(valid_anagram) as valid_anagrams\n from anagrams\n group by id, word, sorted_letters\n `;\n\n try {\n const result = await sqlite.execute(coneyRandRowsQ);\n const wordlist = result.rows\n .filter(x => x?.word !== null);\n\n // Use fallback wordlist if no words are found\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\", \n \"CONSECRATION\",\n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n const finalWordlist = wordlist.length > 0 ? wordlist : FALLBACK_WORDLIST;\n\n return c.json(finalWordlist);\n } catch (error) {\n console.error(\"Error fetching coney words:\", error);\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\",\n \"CONSECRATION\", \n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n return c.json(FALLBACK_WORDLIST);\n }\n});\n\napp.get(\"/api/birds\", async c => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n const randRowsQ = `\n select id, name as word, img_url, url\n from birds\n where\n img_url != 'null'\n and name_length <= 25\n order by random()\n limit 4\n `;\n\n try {\n const result = await sqlite.execute(randRowsQ);\n const wordlist = result.rows\n .map(row => row?.word ? { \n word: row.word.toUpperCase(), \n img_url: row.img_url, \n url: row.url \n } : null)\n .filter(item => item !== null);\n\n const FALLBACK_WORDLIST = [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n return c.json(wordlist.length > 0 ? wordlist : FALLBACK_WORDLIST);\n } catch (error) {\n console.error(\"Error fetching birds:\", error);\n const FALLBACK_WORDLIST = [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n return c.json(FALLBACK_WORDLIST);\n }\n});\n\nexport default app.fetch;","loopyletters",[179,170],"68148314143f1d063226e2e52038595ab094af8fc76d54206569002a1bddb1d8","backend","f3957c34-bdb6-11f0-9987-42dde27851f2","f3957cd4-bdb6-11f0-9987-42dde27851f2","019a6a9e-ed39-730b-a41a-312ed81fc198",["D",1762725391675],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main game route\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject game type\n const gameScript = ``;\n \n html = html.replace(\"\", `${gameScript}`);\n return c.html(html);\n});\n\n// Birds game route\napp.get(\"/birds\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject game type\n const gameScript = ``;\n \n html = html.replace(\"\", `${gameScript}`);\n return c.html(html);\n});\n\n// API routes\napp.get(\"/api/words\", async c => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n const randRowsQ = `\n select id, word\n from judgments\n order by random()\n limit 7\n `;\n\n try {\n const result = await sqlite.execute(randRowsQ);\n const wordlist = result.rows\n .map(row => row?.word ? row.word.toUpperCase() : null)\n .filter(word => word !== null);\n\n // Use fallback wordlist if no words are found\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\", \n \"CONSECRATION\",\n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n const finalWordlist = wordlist.length > 0 ? wordlist : FALLBACK_WORDLIST;\n\n return c.json(finalWordlist);\n } catch (error) {\n console.error(\"Error fetching words:\", error);\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\",\n \"CONSECRATION\", \n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n return c.json(FALLBACK_WORDLIST);\n }\n});\n\napp.get(\"/api/birds\", async c => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n const randRowsQ = `\n select id, name as word, img_url, url\n from birds\n where\n img_url != 'null'\n and name_length <= 25\n order by random()\n limit 4\n `;\n\n try {\n const result = await sqlite.execute(randRowsQ);\n const wordlist = result.rows\n .map(row => row?.word ? { \n word: row.word.toUpperCase(), \n img_url: row.img_url, \n url: row.url \n } : null)\n .filter(item => item !== null);\n\n const FALLBACK_WORDLIST = [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n return c.json(wordlist.length > 0 ? wordlist : FALLBACK_WORDLIST);\n } catch (error) {\n console.error(\"Error fetching birds:\", error);\n const FALLBACK_WORDLIST = [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n return c.json(FALLBACK_WORDLIST);\n }\n});\n\nexport default app.fetch;",[179,170],"47df2e65d75926092a394d037daf2fa6bef79d4ce13b271eda94d6ddbfe050f5","README.md",{"_32":197,"_13":187,"_83":198,"_85":-5,"_87":33,"_88":41,"_90":26,"_34":199,"_40":92,"_93":136,"_95":200,"_65":49,"_97":-5,"_98":-7,"_75":201,"_100":202},{"_32":190,"_13":187,"_83":191,"_85":-5,"_87":58,"_88":57,"_90":26,"_34":192,"_40":193,"_93":136,"_95":194,"_65":49,"_97":-5,"_98":-7,"_75":195,"_100":196},"88dcad80-be7f-11f0-960a-42dde27851f2","602f2730-7466-4f4f-8567-38928f6b9372",["D",1762811541464],8,"# Loopy Letters - A Word Game\n\nA word game with a small gameplay loop. Plays best on your phone. (I used LLM coding tools somewhat with the project, including obviously this boring-ass readme).\n\n\n## Games\n\n- **Main Game** (`/`) - Classic Loopy Letters: Use every letter on the donut to spell words. Letters must be adjacent (clockwise or counterclockwise).\n- **Coney Letters** (`/coney`) - One letter from each word is randomly selected as the \"coney letter\" and displayed as an interactive circle in the center of the donut. This special letter is adjacent to every other letter on the donut.\n- **Birds** (`/birds`) - With random birds instead of random words.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server with API routes\n├── frontend/\n│ ├── components/\n│ │ └── GameApp.tsx # Main game component\n│ ├── index.html # HTML template\n│ └── index.tsx # Frontend entry point\n├── shared/\n│ └── gameLogic.ts # Shared game logic and utilities\n└── README.md\n```\n\n### Rules\n\n#### Classic Loopy Letters (`/`)\n1. Use every letter on the donut to spell a word.\n2. Letters in the word must be adjacent to each other on the donut.\n3. You can go **clockwise** or **counterclockwise**.\n4. When you find a word, the next word to find appears.\n5. Go fast. Go slow. Enjoy.\n\n#### Coney Letters (`/coney`)\n1. Use every letter to spell a word.\n2. Letters in the word must be adjacent on the circle. The middle letter is adjacent to all the others.\n3. When you find a word, the next word to find appears.\n4. Go fast. Go slow. Enjoy.\n\n**Coney Letter Feature**: One letter from each word is randomly selected as the \"coney letter\" and displayed as an interactive circle in the center of the donut. This special letter is adjacent to every other letter on the donut, making it easier to form words. You can click and drag from/to the center circle just like the donut segments.\n\n### Game Logic Functions\n\n- `isAdjacent()` - Standard adjacency check for letters on the donut (used in classic mode)\n- `coneyIsAdjacent()` - Special adjacency check where a designated \"coney letter\" is adjacent to every other letter (used in coney mode)\n- `prepareWordDisplay()` - Prepares word display based on game mode (classic vs coney)\n- `getAdjacencyChecker()` - Returns the appropriate adjacency function for the game mode\n\n### Technical Implementation\n\nThe coney letter system works by:\n1. Randomly selecting one letter from each target word as the \"coney letter\"\n2. Removing that letter from the donut display (creating a complete circle with remaining letters)\n3. Displaying the coney letter as an interactive circle in the center\n4. Using special adjacency rules where the center letter connects to any donut letter\n5. Validating completed words against the full original target word\n\nThis revisits the gameplay from a 2002 Observable notebook I made called\n[\"find a (big) word, rings\"](https://observablehq.com/@a-lexwein/find-a-big-word-rings).\n\n## Data Sources\n\n- Main game uses random words from the Wordnik word game list\n- Birds version uses Wikipedia's List of Birds By Common Name with images",[187],"9b6eb1417fa03aea2b12487d96cae54f8159143066745f812e9d0b381805291a","f395c57c-bdb6-11f0-9987-42dde27851f2","b89b7dd0-1c5e-11f0-8f90-569c3dd06744",["D",1762725391675],"# Loopy Letters - A Word Game\n\nA word game with a small gameplay loop. Plays best on your phone.\n\n\n## Games\n\n- **Main Game** (`/`) - Use every letter on the donut to spell words random words.\n- **Birds** (`/birds`) - With random birds instead of random words.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server with API routes\n├── frontend/\n│ ├── components/\n│ │ └── GameApp.tsx # Main game component\n│ ├── index.html # HTML template\n│ └── index.tsx # Frontend entry point\n├── shared/\n│ └── gameLogic.ts # Shared game logic and utilities\n└── README.md\n```\n\n### Rules\n\n1. Use every letter on the donut to spell a word.\n2. Letters in the word must be adjacent to each other on the donut.\n3. You can go **clockwise** or **counterclockwise**.\n4. When you find a word, the next word to find appears.\n5. Go fast. Go slow. Enjoy.\n\nThis revisits the gameplay from a 2002 Observable notebook I made called\n[\"find a (big) word, rings\"](https://observablehq.com/@a-lexwein/find-a-big-word-rings).\n\n## Data Sources\n\n- Main game uses random words from the Wordnik word game list\n- Birds version uses Wikipedia's List of Birds By Common Name with images",[187],"59db84114a1b708bfe21978cdafe3437a7688ab3c3003c99f28a36653769194f",["D",1747493636610],"legacyEnvVars","httpPrivacy","description","find big words with a small gameplay loop","imageUrl","userId","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_241":237},"org",{"_11":12,"_234":235,"_236":237,"_209":210,"_238":239,"_240":49},"branch","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":344,"_47":-5,"_204":49,"_50":51,"_205":51,"_206":207,"_208":-5,"_209":210,"_211":171,"_212":26,"_213":26,"_214":-5,"_215":22,"_53":54,"_216":-5,"_217":-5,"_218":-5,"_219":92,"_220":221,"_222":221,"_223":224,"_225":224,"_226":224,"_227":221,"_228":221,"_229":345,"_231":346,"_233":347,"_48":49},"tree",[305,307,312,314,315],"files",[305,306,307,308,309,310,311,312,313,314,315],"counts",{"_294":22,"_295":296,"_297":22,"_298":299,"_300":301},"contents",[268,269,270,271,272],"upstreamProject",{"_32":39,"_13":56,"_206":-5,"_208":-5,"_50":51,"_229":267},"upstreamBranch",{"_32":33,"_34":265,"_36":266,"_13":16,"_38":39,"_40":41,"_42":43,"_44":22,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744985359792],["D",1762725391675],{"_11":12,"_241":237},{"_32":291,"_13":179,"_83":172,"_85":-5,"_87":58,"_88":284,"_90":26,"_34":292,"_40":22,"_93":286,"_95":-5,"_65":49,"_97":-5,"_75":293},{"_32":288,"_13":121,"_83":116,"_85":-5,"_87":58,"_88":284,"_90":26,"_34":289,"_40":22,"_93":286,"_95":-5,"_65":49,"_97":-5,"_75":290},{"_32":283,"_13":102,"_83":86,"_85":-5,"_87":58,"_88":284,"_90":26,"_34":285,"_40":22,"_93":286,"_95":-5,"_65":49,"_97":-5,"_75":287},{"_32":190,"_13":187,"_83":191,"_85":-5,"_87":58,"_88":57,"_90":26,"_34":281,"_40":193,"_93":136,"_95":194,"_65":49,"_97":-5,"_75":282},{"_32":273,"_13":274,"_83":275,"_85":-5,"_87":58,"_88":276,"_90":26,"_34":277,"_40":278,"_93":136,"_95":279,"_65":49,"_97":-5,"_75":280},"f3a366c8-bdb6-11f0-bc5c-42dde27851f2","todos.md","e171af68-332e-11f0-ae27-9e149126039e",43,["D",1762725391764],12,"## todo:\n\n\n## completed:\n\n1. [x] refactor into a react/hono app\n - [x] logic shared between birds.tsx and main.tsx should be brought together into libraries\n - [x] \"/\" should serve the version in main.tsx\n - [x] \"/birds\" should serve the version in birds.tsx\n - [x] add a link to \"/birds\" on the main \"/\" page",[274],["D",1762811541464],[187],"7445a362-3807-11f0-93cc-9e149126039e",34,["D",1748026511498],"directory",[102],"7445a092-3807-11f0-93cc-9e149126039e",["D",1748026511498],[121],"74459ed0-3807-11f0-93cc-9e149126039e",["D",1748026511498],[179],"pulls","branches",5,"forks","envVars",{"_302":22,"_304":22},"connections",{"_302":22,"_303":22},"count","unfilledCount","emptyCount",{"_32":291,"_13":179,"_83":172,"_85":-5,"_87":58,"_88":284,"_90":26,"_34":341,"_40":22,"_93":286,"_95":-5,"_65":49,"_97":-5,"_98":342,"_75":343},{"_32":169,"_13":170,"_83":171,"_85":172,"_87":58,"_88":89,"_90":26,"_34":173,"_40":20,"_93":174,"_95":175,"_65":49,"_97":176,"_98":339,"_75":340},{"_32":288,"_13":121,"_83":116,"_85":-5,"_87":58,"_88":284,"_90":26,"_34":336,"_40":22,"_93":286,"_95":-5,"_65":49,"_97":-5,"_98":337,"_75":338},{"_32":332,"_13":158,"_83":152,"_85":116,"_87":58,"_88":284,"_90":26,"_34":333,"_40":22,"_93":286,"_95":-5,"_65":49,"_97":-5,"_98":334,"_75":335},{"_32":149,"_13":150,"_83":151,"_85":152,"_87":58,"_88":153,"_90":26,"_34":154,"_40":20,"_93":94,"_95":155,"_65":49,"_97":-5,"_98":330,"_75":331},{"_32":132,"_13":133,"_83":134,"_85":116,"_87":58,"_88":89,"_90":26,"_34":135,"_40":92,"_93":136,"_95":137,"_65":49,"_97":-5,"_98":328,"_75":329},{"_32":113,"_13":114,"_83":115,"_85":116,"_87":58,"_88":89,"_90":26,"_34":117,"_40":92,"_93":94,"_95":118,"_65":49,"_97":-5,"_98":326,"_75":327},{"_32":283,"_13":102,"_83":86,"_85":-5,"_87":58,"_88":284,"_90":26,"_34":323,"_40":22,"_93":286,"_95":-5,"_65":49,"_97":-5,"_98":324,"_75":325},{"_32":81,"_13":82,"_83":84,"_85":86,"_87":58,"_88":89,"_90":26,"_34":91,"_40":92,"_93":94,"_95":96,"_65":49,"_97":-5,"_98":321,"_75":322},{"_32":190,"_13":187,"_83":191,"_85":-5,"_87":58,"_88":57,"_90":26,"_34":192,"_40":193,"_93":136,"_95":194,"_65":49,"_97":-5,"_98":319,"_75":320},{"_32":273,"_13":274,"_83":275,"_85":-5,"_87":58,"_88":276,"_90":26,"_34":316,"_40":278,"_93":136,"_95":279,"_65":49,"_97":-5,"_98":317,"_75":318},["D",1762725391764],[],[274],[],[187],[],[102,82],["D",1748026511498],[313],[102],[],[121,114],[],[121,133],[],[121,158,150],"7445a204-3807-11f0-93cc-9e149126039e",["D",1748026511498],[309],[121,158],["D",1748026511498],[308,310,311],[121],[],[179,170],["D",1748026511498],[306],[179],["D",1747493636610],{"_11":12,"_241":237},{"_11":12,"_234":235,"_236":237,"_209":210,"_238":239,"_240":49},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_44":41,"_60":51,"_61":39,"_62":54,"_55":14,"_52":12},"ctx",{"_229":-5,"_262":381,"_382":383,"_384":385,"_386":49,"_387":49,"_388":49,"_389":26,"_390":-5,"_391":-7,"_392":-7,"_393":22,"_394":49,"_395":49,"_396":-5,"_397":49,"_398":49,"_399":49,"_400":-5},"ENV",{"_352":353,"_354":355,"_356":16,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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

MergeloopyLettersApp/mainintoloopyLetters/main

README.md+28-2

Hbackend/index.ts+99-5

frontend/components/GameApp.tsx+257-46

frontend/index.html+0-1

frontend/index.tsx+1-1

shared/gameLogic.ts+57-0