\n \n \n \n",[121,134],"fa6f46d651734e2c3beb3bc895502a7f227af36676331a0be4c87b17e9d2dfad","a3bd0f32-bdb7-11f0-a8ba-42dde27851f2","74457748-3807-11f0-93cc-9e149126039e",["D",1762725687207],"\n\n \n Loopy Letters\n \n \n \n \n

\n \n \n \n",[121,134],"72de24789ba471b932ecec4d030dd3dce2c3bf61d325d5b87d5187645c050e32","frontend/components/GameApp.tsx",{"_32":162,"_13":152,"_82":163,"_84":164,"_85":33,"_86":165,"_87":26,"_34":166,"_41":157,"_90":117,"_92":167,"_65":51,"_94":-5,"_95":-7,"_75":168,"_97":169},{"_32":151,"_13":152,"_82":153,"_84":154,"_85":59,"_86":155,"_87":26,"_34":156,"_41":157,"_90":117,"_92":158,"_65":51,"_94":-5,"_95":-7,"_75":159,"_97":160},"6c3e5df6-73f2-4622-ab49-410d1ea7ec0b","GameApp.tsx","019f09d7-b28f-75db-ad6a-9f2bd3669646","019f09d7-b28f-75db-ad6a-a005489f610c",58,["D",1782658137181],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { CENTER, getLetterIndexFromPoint, getRelativeCoordinates } from \"../../shared/geometry.ts\";\nimport { getMode } from \"../../shared/modes/index.ts\";\nimport { makeHandmadeConesMode } from \"../../shared/modes/handmade-cones.tsx\";\nimport type { GameMode, ModeId } from \"../../shared/modes/index.ts\";\nimport type { Star, WordEntry } from \"../../shared/types.ts\";\nimport GameHeader from \"./GameHeader.tsx\";\nimport Donut from \"./Donut.tsx\";\nimport InstructionsModal from \"./modals/InstructionsModal.tsx\";\nimport GameOverModal from \"./modals/GameOverModal.tsx\";\nimport PuzzleSelectScreen from \"./PuzzleSelectScreen.tsx\";\n\ninterface GameAppProps {\n gameType: ModeId;\n /** 1-based puzzle number (only meaningful for handmade-cones). */\n puzzleId?: number;\n /** Total puzzles available (injected by backend for handmade-cones). */\n totalPuzzles?: number;\n}\n\nexport default function GameApp({ gameType, puzzleId = 1, totalPuzzles = 15 }: GameAppProps) {\n const isHandmadeCones = gameType === \"handmade-cones\";\n\n // For handmade-cones, track the active puzzle and whether we're on the select screen.\n const [activePuzzleId, setActivePuzzleId] = useState(puzzleId);\n const [showPuzzleSelect, setShowPuzzleSelect] = useState(false);\n\n // Build the mode. For handmade-cones, rebuild whenever activePuzzleId changes.\n const mode: GameMode = isHandmadeCones\n ? makeHandmadeConesMode(activePuzzleId)\n : getMode(gameType);\n\n const [wordlist, setWordlist] = useState([]);\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 // Fetch words whenever the mode's apiEndpoint changes (i.e. puzzle switches).\n useEffect(() => {\n fetchWords();\n }, [mode.apiEndpoint]);\n\n useEffect(() => {\n if (currentWord) {\n const { displayWord, coneyLetter } = mode.prepareWordDisplay(currentWord);\n setDisplayWord(displayWord);\n setConeyLetter(coneyLetter);\n }\n }, [currentWord, mode]);\n\n // Star fade-out lifecycle.\n useEffect(() => {\n const timeout = setTimeout(() => {\n setStars((prev) => prev.map((star) => ({ ...star, fading: true })));\n }, 300);\n const removeTimeout = setTimeout(() => {\n setStars((prev) => prev.filter((star) => !star.fading));\n }, 600);\n return () => {\n clearTimeout(timeout);\n clearTimeout(removeTimeout);\n };\n }, [stars]);\n\n // Timer.\n useEffect(() => {\n if (gameStarted && currentWordIndex < wordlist.length) {\n timerRef.current = setInterval(() => setElapsedTime((prev) => prev + 1), 1000);\n return () => {\n if (timerRef.current) clearInterval(timerRef.current);\n };\n }\n }, [gameStarted, currentWordIndex, wordlist.length]);\n\n // Game over detection.\n useEffect(() => {\n if (!isLoading && currentWordIndex === wordlist.length && wordlist.length > 0) {\n if (timerRef.current) clearInterval(timerRef.current);\n setShowGameOverModal(true);\n }\n }, [currentWordIndex, wordlist.length, isLoading]);\n\n const applyWordState = (state: { currentWord: string; validAnagrams: string[]; imgUrl: string }) => {\n setCurrentWord(state.currentWord);\n setCurrentValidAnagrams(state.validAnagrams);\n setImgUrl(state.imgUrl);\n };\n\n const fetchWords = async () => {\n setIsLoading(true);\n try {\n const response = await fetch(mode.apiEndpoint);\n const data: WordEntry[] = await response.json();\n setWordlist(data);\n applyWordState(mode.parseFirstWord(data));\n setIsLoading(false);\n } catch (error) {\n console.error(\"Error fetching words:\", error);\n const fallback = mode.fallbackWordlist();\n setWordlist(fallback);\n applyWordState(mode.parseFirstWord(fallback));\n setIsLoading(false);\n }\n };\n\n // Map a pointer event to a donut segment index (or -1 for the center coney letter, -2 for none).\n const indexFromEvent = (event: React.PointerEvent): number => {\n if (!svgRef.current) return -2;\n const point = getRelativeCoordinates(event.nativeEvent, svgRef.current);\n\n if (mode.hasCenterLetter && coneyLetter) {\n const centerDistance = Math.sqrt((point.x - CENTER.x) ** 2 + (point.y - CENTER.y) ** 2);\n if (centerDistance <= mode.innerRadius) return -1;\n }\n\n const segmentCount = mode.donutSegmentCount(currentWord, Boolean(coneyLetter), coneyLetter);\n const segmentIndex = getLetterIndexFromPoint(point, segmentCount, mode.innerRadius);\n return segmentIndex === -1 ? -2 : segmentIndex;\n };\n\n const letterAt = (index: number): string => {\n if (index === -1) return coneyLetter;\n return mode.donutLetters(displayWord)[index];\n };\n\n const handlePointerDown = (event: React.PointerEvent) => {\n if (!gameStarted) return;\n const index = indexFromEvent(event);\n if (index === -2) return;\n setSelectedWord(letterAt(index));\n setSelection([index]);\n };\n\n const handlePointerMove = (event: React.PointerEvent) => {\n if (!gameStarted || selection.length === 0) return;\n const newIndex = indexFromEvent(event);\n if (newIndex === -2) return;\n\n const lastSelectedIndex = selection[selection.length - 1];\n if (newIndex === lastSelectedIndex || selection.includes(newIndex)) return;\n\n const targetLetterCount = mode.targetLetterCount(currentWord);\n if (mode.isAdjacent(newIndex, lastSelectedIndex, targetLetterCount, coneyLetter, currentWord)) {\n const newSelection = [...selection, newIndex];\n setSelection(newSelection);\n setSelectedWord(newSelection.map(letterAt).join(\"\"));\n }\n };\n\n const handlePointerUp = () => {\n if (!gameStarted) return;\n\n if (selectedWord && mode.isValidAnswer(selectedWord, currentWord, currentValidAnagrams)) {\n if (mode.awardsStars) {\n setStars((prev) => [...prev, { x: CENTER.x, y: CENTER.y, key: Date.now(), fading: false }]);\n }\n\n setFoundWords([mode.foundWordLabel(selectedWord, currentWord)]);\n setWordCount((prev) => prev + 1);\n\n const nextIndex = currentWordIndex + 1;\n setCurrentWordIndex(nextIndex);\n if (nextIndex < wordlist.length) {\n applyWordState(mode.parseWordAt(wordlist, nextIndex));\n }\n }\n setSelectedWord(\"\");\n setSelection([]);\n };\n\n const startGame = () => {\n setShowInstructionsModal(false);\n setGameStarted(true);\n };\n\n const resetGame = () => {\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 fetchWords();\n };\n\n // Switch to a different puzzle (handmade-cones only).\n const loadPuzzle = (newPuzzleId: number) => {\n setActivePuzzleId(newPuzzleId);\n setShowPuzzleSelect(false);\n setCurrentWordIndex(0);\n setDisplayWord(\"\");\n setConeyLetter(\"\");\n setCurrentValidAnagrams([]);\n setSelectedWord(\"\");\n setSelection([]);\n setStars([]);\n setFoundWords([]);\n setWordCount(0);\n setShowGameOverModal(false);\n setShowInstructionsModal(false); // skip instructions on subsequent puzzles\n setGameStarted(true);\n setElapsedTime(0);\n // fetchWords is triggered by the useEffect on mode.apiEndpoint change.\n };\n\n const goToNextPuzzle = () => {\n const nextId = activePuzzleId + 1;\n if (nextId <= totalPuzzles) {\n loadPuzzle(nextId);\n }\n };\n\n // --- Puzzle select screen ---\n if (showPuzzleSelect) {\n return (\n \n );\n }\n\n if (isLoading) {\n return

;\n }\n\n const letters = mode.donutLetters(displayWord);\n\n const hasNextPuzzle = isHandmadeCones && activePuzzleId < totalPuzzles;\n\n return (\n

\n {showInstructionsModal && }\n {showGameOverModal && (\n setShowPuzzleSelect(true) : undefined}\n />\n )}\n \n

\n {mode.noun} Found: {wordCount}/{wordlist.length}\n

{Math.round(elapsedTime)} s

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

- {selectedWord} -

\n \n

\n {isHandmadeCones && (\n

\n setShowPuzzleSelect(true)}\n >\n All Puzzles\n \n

\n )}\n

\n );\n}\n",[121,161,152],"1086c9ade378401954b7640f499607a6df2e4ca3d4dea1c940f46205c25a5fe5","components","d1eaa626-bdb7-11f0-bd75-42dde27851f2","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,161,152],"d357414e9a9e77648ebd0f2f8098ee3b9785f910a3394ae14191d6a9adf6cb0b","backend/index.ts",{"_32":184,"_13":174,"_82":185,"_84":186,"_85":33,"_86":125,"_87":26,"_34":187,"_41":157,"_90":179,"_92":188,"_65":51,"_94":189,"_95":-7,"_75":190,"_97":191},{"_32":173,"_13":174,"_82":175,"_84":176,"_85":59,"_86":177,"_87":26,"_34":178,"_41":157,"_90":179,"_92":180,"_65":51,"_94":-5,"_95":-7,"_75":181,"_97":182},"a215ed60-97f2-487c-96b7-d0b421e9147a","index.ts","019f09d7-b28f-75db-ad6a-9749ee17f60b","019f09d7-b28f-75db-ad6a-989b88abf7bd",61,["D",1782658251021],"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\";\nimport { MODES } from \"../shared/modes/index.ts\";\nimport { WORDLIST_SOURCES } from \"./wordlists.ts\";\nimport { getPuzzle, TOTAL_PUZZLES } from \"./handmade-cones.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// Render the SPA shell for a given game mode by injecting window.__GAME_TYPE__.\nconst renderGame = async (gameType: string, extra: Record = {}) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n const entries = Object.entries(extra)\n .map(([k, v]) => `window.${k} = ${JSON.stringify(v)};`)\n .join(\"\\n \");\n const gameScript = ``;\n return html.replace(\"\", `${gameScript}`);\n};\n\n// --- Handmade Cones: per-puzzle routes ---\n\n// Metadata: total available puzzles (drive the puzzle-select UI).\napp.get(\"/api/handmade-cones/meta\", (c) =>\n c.json({ totalPuzzles: TOTAL_PUZZLES })\n);\n\n// Per-puzzle word list: /api/handmade-cones/1, /api/handmade-cones/2, ...\napp.get(\"/api/handmade-cones/:puzzleId\", (c) => {\n const puzzleId = parseInt(c.req.param(\"puzzleId\"), 10);\n const entries = getPuzzle(isNaN(puzzleId) ? 1 : puzzleId);\n return c.json(entries.map((e) => ({ word: e.encoded })));\n});\n\n// Bare route redirect: /handmade-cones → /handmade-cones/1\napp.get(\"/handmade-cones\", (c) => c.redirect(\"/handmade-cones/1\", 302));\n\n// Per-puzzle page route: /handmade-cones/1, /handmade-cones/2, ...\napp.get(\"/handmade-cones/:puzzleId\", async (c) => {\n const puzzleId = parseInt(c.req.param(\"puzzleId\"), 10);\n const safe = isNaN(puzzleId) || puzzleId < 1 ? 1 : puzzleId;\n return c.html(await renderGame(\"handmade-cones\", { __PUZZLE_ID__: safe, __TOTAL_PUZZLES__: TOTAL_PUZZLES }));\n});\n\n// Register one page route + one API route per mode, straight from the registry.\n// Adding a mode to shared/modes automatically wires up its page and API here.\nfor (const mode of MODES) {\n // handmade-cones page is handled above (with puzzle routing); skip it here.\n if (mode.id === \"handmade-cones\") continue;\n\n app.get(mode.route, async (c) => c.html(await renderGame(mode.id)));\n\n const source = WORDLIST_SOURCES[mode.id];\n if (source) {\n app.get(mode.apiEndpoint, async (c) => c.json(await source.fetch()));\n }\n}\n\nexport default app.fetch;\n",[183,174],"8f97ed4570b3e82b9b75e69602c57cad817e92417d588d7b91c3255ca505b788","backend","a3bcebba-bdb7-11f0-a8ba-42dde27851f2","74453af8-3807-11f0-93cc-9e149126039e","88d05142-37db-4d5c-ab45-59a8a78112e7",["D",1762725687207],"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",[183,174],"68148314143f1d063226e2e52038595ab094af8fc76d54206569002a1bddb1d8","README.md",{"_32":202,"_13":192,"_82":203,"_84":-5,"_85":33,"_86":42,"_87":26,"_34":204,"_41":205,"_90":91,"_92":206,"_65":51,"_94":-5,"_95":-7,"_75":207,"_97":208},{"_32":195,"_13":192,"_82":196,"_84":-5,"_85":59,"_86":197,"_87":26,"_34":198,"_41":116,"_90":91,"_92":199,"_65":51,"_94":-5,"_95":-7,"_75":200,"_97":201},"bd74086e-8f73-4194-b237-a99e2925944b","019f09d7-b28f-75db-ad6a-ba4bb11da26f",30,["D",1782578004818],"# 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## Games (modes)\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- **Fancy Cone** (`/fancy-cone`) - Like Coney Letters, but the center tile holds 1–4 letters (a random contiguous substring of the word), all picked up as a group.\n\n## Architecture: the mode registry\n\nEvery game is a **mode**. All the differences between modes (title, instructions,\nadjacency rules, word source, donut center, etc.) are captured in a single\n`GameMode` config object per mode, and shared code reads behavior off that\nconfig. There are no `if (gameType === \"coney\")` branches scattered through the\napp — the shared logic is generic, and each mode declares what it needs.\n\n```mermaid\nflowchart TD\n subgraph registry[\"shared/modes (the registry)\"]\n types[\"types.ts — GameMode interface\"]\n main[\"main.tsx\"]\n coney[\"coney.tsx\"]\n birds[\"birds.tsx\"]\n index[\"index.ts — MODES[] + getMode()\"]\n main --> index\n coney --> index\n birds --> index\n types -.implements.-> main\n types -.implements.-> coney\n types -.implements.-> birds\n end\n\n index --> backend[\"backend/index.ts
page + API routes per mode\"]\n index --> gameapp[\"frontend GameApp + components
generic, mode-driven\"]\n backend --> wordlists[\"backend/wordlists.ts
SQL per mode id\"]\n```\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Hono server: loops over MODES to register page + API routes\n│ └── wordlists.ts # Per-mode wordlist sources (SQL), keyed by mode id\n├── frontend/\n│ ├── components/\n│ │ ├── GameApp.tsx # Orchestration: state, pointer handling (generic, mode-driven)\n│ │ ├── GameHeader.tsx # Title + nav links generated from the registry\n│ │ ├── Donut.tsx # The interactive SVG donut\n│ │ └── modals/\n│ │ ├── InstructionsModal.tsx # Renders mode.renderInstructions()\n│ │ └── GameOverModal.tsx # Renders mode.renderGameOverExtra()\n│ ├── index.html # HTML template\n│ └── index.tsx # Frontend entry point\n├── shared/\n│ ├── types.ts # Core data types (WordItem, Star, WordEntry)\n│ ├── geometry.ts # Pure donut/SVG geometry helpers (mode-agnostic)\n│ ├── words.ts # Word/string + adjacency helpers (isAdjacent, coneyIsAdjacent, …)\n│ └── modes/\n│ ├── types.ts # The GameMode interface (the contract a mode implements)\n│ ├── helpers.ts # Reusable building blocks (anagram parsing, ring adjacency)\n│ ├── index.ts # The registry: MODES[], getMode(), MODE_IDS\n│ ├── main.tsx # Classic mode config\n│ ├── coney.tsx # Coney mode config\n│ └── birds.tsx # Birds mode config\n└── README.md\n```\n\n## Adding a new mode\n\nAdding a mode is meant to be a localized change — you create one config file and\nregister it. You should **not** need to touch `GameApp.tsx`, `Donut.tsx`,\n`GameHeader.tsx`, or the modal components.\n\n1. **Create the mode config** at `shared/modes/.tsx`. Copy an existing\n mode as a starting point — `main.tsx` is the simplest, `coney.tsx` shows a\n center letter, `birds.tsx` shows the most customization (image center, single\n answer, no stars, a game-over gallery). It must export a `GameMode` (see\n `shared/modes/types.ts` for the full interface). Key fields:\n\n - `id` / `route` / `apiEndpoint` — routing. `id` is also the value injected as\n `window.__GAME_TYPE__`.\n - `title` / `tagline` / `noun` / `navLabel` — header + stats chrome.\n - `innerRadius` / `awardsStars` / `hasCenterLetter` — donut behavior.\n - `prepareWordDisplay` / `donutLetters` / `donutSegmentCount` /\n `targetLetterCount` — how a target word maps onto the donut.\n - `parseFirstWord` / `parseWordAt` / `fallbackWordlist` — how to read your API\n payload. For anagram-style words, reuse `parseAnagramEntry` from\n `./helpers.ts`.\n - `isValidAnswer` / `foundWordLabel` / `isAdjacent` — gameplay rules. Reuse\n `ringAdjacency` (standard) or `coneyIsAdjacent` (center letter) where you can.\n - `renderInstructions()` and optional `renderGameOverExtra(wordlist)` — modal content.\n\n2. **Register it** in `shared/modes/index.ts`: import your config and add it to\n the `MODES` array. This automatically wires up the page route, the API route,\n and the inter-mode nav links.\n\n3. **Give it words** in `backend/wordlists.ts`: add an entry to `WORDLIST_SOURCES`\n keyed by your mode's `id`. For a new word-length range, reuse `anagramSource`\n (e.g. `anagramSource(6, 12, 7)`); for a different data set, write a custom\n `WordlistSource`. Point your mode's `apiEndpoint` at `/api/` (or any path —\n the backend registers whatever `apiEndpoint` you declare).\n\nThat's it. The backend route loop and the registry-driven UI pick up the new mode\nautomatically.\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### Key shared helpers\n\n- `shared/words.ts`\n - `isAdjacent()` — standard adjacency for letters on the donut (classic mode).\n - `coneyIsAdjacent()` — adjacency where a designated \"coney letter\" touches every other letter (coney mode).\n - `randomRotate()` / `tryReverse()` / `lettersOnly()` — word display utilities.\n- `shared/geometry.ts` — `createDonutSegment()`, `getLetterIndexFromPoint()`, `createStar()`, radii/center constants.\n- `shared/modes/helpers.ts` — `parseAnagramEntry()`, `ringAdjacency()`, `FALLBACK_WORDLIST`.\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\n",[192],"592437abd74f073254d83afa7c99c1e418da30d94382e35648a1d673611b3f48","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",[192],"9b6eb1417fa03aea2b12487d96cae54f8159143066745f812e9d0b381805291a",{"_75":210,"_77":211,"_79":-7},"shared/gameLogic.ts",{"_32":212,"_13":213,"_82":214,"_84":215,"_85":33,"_86":125,"_87":26,"_34":216,"_41":116,"_90":117,"_92":217,"_65":51,"_94":-5,"_95":-7,"_75":218,"_97":219},"a3bd1900-bdb7-11f0-a8ba-42dde27851f2","gameLogic.ts","74459bf6-3807-11f0-93cc-9e149126039e","eaca10d2-09b6-47e6-a7ca-02860c19d201",["D",1762725687207],"// Shared game logic between main and birds versions\n\nexport const OUTER_RADIUS = 146;\nexport const INNER_RADIUS = 60;\nexport const INNER_RADIUS_BIRDS = 75;\nexport const CENTER = { x: 150, y: 150 };\n\nexport const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\",\n \"CONSECRATION\",\n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n];\n\nexport const FALLBACK_BIRDS_WORDLIST = [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n\nexport const isReverseSubstring = (substr: string, board: string): boolean =>\n (board + board).includes(substr) || (board + board).includes(substr.split(\"\").reverse().join(\"\"));\n\nexport const tryReverse = (str: string): string => {\n return Math.random() < 0.5 ? str.split(\"\").reverse().join(\"\") : str;\n};\n\nexport const randomRotate = (str: string): string => {\n const i = Math.floor(Math.random() * str.length);\n return str.slice(i) + str.slice(0, i);\n};\n\nexport const lettersOnly = (str: string): string => str.replace(/[^a-zA-Z]/g, \"\");\n\nexport const createDonutSegment = (\n startAngle: number, \n endAngle: number, \n index: number, \n selection: number[],\n innerRadius: number = INNER_RADIUS\n) => {\n const isSelected = selection.includes(index);\n const largeArcFlag = endAngle - startAngle <= Math.PI ? \"0\" : \"1\";\n\n const startOuterX = CENTER.x + OUTER_RADIUS * Math.cos(startAngle);\n const startOuterY = CENTER.y + OUTER_RADIUS * Math.sin(startAngle);\n const endOuterX = CENTER.x + OUTER_RADIUS * Math.cos(endAngle);\n const endOuterY = CENTER.y + OUTER_RADIUS * Math.sin(endAngle);\n\n const startInnerX = CENTER.x + innerRadius * Math.cos(endAngle);\n const startInnerY = CENTER.y + innerRadius * Math.sin(endAngle);\n const endInnerX = CENTER.x + innerRadius * Math.cos(startAngle);\n const endInnerY = CENTER.y + innerRadius * Math.sin(startAngle);\n\n const path = [\n `M ${startOuterX} ${startOuterY}`,\n `A ${OUTER_RADIUS} ${OUTER_RADIUS} 0 ${largeArcFlag} 1 ${endOuterX} ${endOuterY}`,\n `L ${startInnerX} ${startInnerY}`,\n `A ${innerRadius} ${innerRadius} 0 ${largeArcFlag} 0 ${endInnerX} ${endInnerY}`,\n \"Z\",\n ].join(\" \");\n\n return { path, isSelected };\n};\n\nexport const createStar = (cx: number, cy: number, spikes = 5, outerRadius = 20, innerRadius = 10) => {\n let points = [];\n for (let i = 0; i < spikes * 2; i++) {\n const radius = i % 2 === 0 ? outerRadius : innerRadius;\n const angle = (Math.PI * i) / spikes;\n const x = cx + Math.cos(angle) * radius;\n const y = cy + Math.sin(angle) * radius;\n points.push(`${x},${y}`);\n }\n return points.join(\" \");\n};\n\nexport const getRelativeCoordinates = (event: PointerEvent, svgRef: SVGSVGElement) => {\n const pt = svgRef.createSVGPoint();\n pt.x = event.clientX;\n pt.y = event.clientY;\n return pt.matrixTransform(svgRef.getScreenCTM()!.inverse());\n};\n\nexport const getLetterIndexFromPoint = (\n point: { x: number; y: number }, \n currentWordLength: number,\n innerRadius: number = INNER_RADIUS\n) => {\n const dx = point.x - CENTER.x;\n const dy = point.y - CENTER.y;\n const distance = Math.sqrt(dx * dx + dy * dy);\n if (distance < innerRadius || distance > OUTER_RADIUS) return -1;\n\n let angle = Math.atan2(dy, dx);\n if (angle < 0) angle += 2 * Math.PI;\n const segmentAngle = (2 * Math.PI) / currentWordLength;\n return Math.floor(angle / segmentAngle) % currentWordLength;\n};\n\nexport const isAdjacent = (index1: number, index2: number, wordLength: number): boolean => {\n const diff = Math.abs(index1 - index2);\n return diff === 1 || diff === wordLength - 1;\n};\n\nexport const coneyIsAdjacent = (\n index1: number, \n index2: number, \n wordLength: number, \n coneyLetter: string, \n currentWord: string\n): boolean => {\n // If either index is -1 (center coney letter), they are adjacent to any other letter\n if (index1 === -1 || index2 === -1) {\n return true;\n }\n \n // Get the letters at the given indices (for donut segments)\n const letter1 = currentWord[index1];\n const letter2 = currentWord[index2];\n \n // If either letter is the coney letter, they are adjacent to any other letter\n if (letter1 === coneyLetter || letter2 === coneyLetter) {\n return true;\n }\n \n // Otherwise, use the normal adjacency rules (but with adjusted word length since coney letter is removed)\n return isAdjacent(index1, index2, wordLength - 1);\n};\n\n// Helper function to prepare word display for different game modes\nexport const prepareWordDisplay = (word: string, gameMode: \"main\" | \"coney\" | \"birds\"): {\n displayWord: string;\n coneyLetter: string;\n} => {\n if (gameMode === \"coney\") {\n // Coney mode: randomly select one letter as the center coney letter\n const coneyLetterIndex = Math.floor(Math.random() * word.length);\n const coneyLetterChar = word.charAt(coneyLetterIndex);\n const wordMissingConeyLetterChunks = [word.slice(0, coneyLetterIndex), word.slice(coneyLetterIndex + 1)];\n const wordMissingConeyLetterFlipped = wordMissingConeyLetterChunks.map(tryReverse).join(\"\");\n return {\n displayWord: randomRotate(wordMissingConeyLetterFlipped),\n coneyLetter: coneyLetterChar\n };\n } else {\n // Main/birds mode: use the full word, randomly rotated and potentially reversed\n return {\n displayWord: randomRotate(tryReverse(word)),\n coneyLetter: \"\"\n };\n }\n};\n\n// Helper function to get the appropriate adjacency checker\nexport const getAdjacencyChecker = (gameMode: \"main\" | \"coney\" | \"birds\") => {\n return gameMode === \"coney\" ? coneyIsAdjacent : isAdjacent;\n};\n\nexport interface WordItem {\n word: string;\n img_url?: string;\n url?: string;\n id?: number;\n sorted_letters?: string;\n valid_anagrams?: string;\n}\n\nexport interface Star {\n x: number;\n y: number;\n key: number;\n fading: boolean;\n}",[220,213],"2d82e9e3fce936a42a30ad86274da7d45df107fce461da8a811161768cf71cdf","shared",{"_75":423,"_77":-7,"_79":424},{"_75":413,"_77":-7,"_79":414},{"_75":403,"_77":-7,"_79":404},{"_75":393,"_77":-7,"_79":394},{"_75":383,"_77":-7,"_79":384},{"_75":377,"_77":-7,"_79":378},{"_75":367,"_77":-7,"_79":368},{"_75":355,"_77":-7,"_79":356},{"_75":346,"_77":-7,"_79":347},{"_75":340,"_77":-7,"_79":341},{"_75":330,"_77":-7,"_79":331},{"_75":320,"_77":-7,"_79":321},{"_75":311,"_77":-7,"_79":312},{"_75":300,"_77":-7,"_79":301},{"_75":290,"_77":-7,"_79":291},{"_75":281,"_77":-7,"_79":282},{"_75":272,"_77":-7,"_79":273},{"_75":261,"_77":-7,"_79":262},{"_75":252,"_77":-7,"_79":253},{"_75":241,"_77":-7,"_79":242},"shared/words.ts",{"_32":243,"_13":244,"_82":245,"_84":246,"_85":59,"_86":247,"_87":26,"_34":248,"_41":138,"_90":117,"_92":249,"_65":51,"_94":-5,"_95":-7,"_75":250,"_97":251},"f6eb2923-2f7a-4d14-bebe-9891a611926b","words.ts","f90d8576-7242-11f1-bd43-1607ee4eb77e","019f09d7-b28f-75db-ad6a-b67fcba4d521",31,["D",1782578499796],"// Small, mode-agnostic word/string utilities used by mode configs and the UI.\n\nexport const isReverseSubstring = (substr: string, board: string): boolean =>\n (board + board).includes(substr) || (board + board).includes(substr.split(\"\").reverse().join(\"\"));\n\nexport const tryReverse = (str: string): string => {\n return Math.random() < 0.5 ? str.split(\"\").reverse().join(\"\") : str;\n};\n\nexport const randomRotate = (str: string): string => {\n const i = Math.floor(Math.random() * str.length);\n return str.slice(i) + str.slice(0, i);\n};\n\nexport const lettersOnly = (str: string): string => str.replace(/[^a-zA-Z]/g, \"\");\n\n/** Standard adjacency: indices touch around a ring of `wordLength` segments. */\nexport const isAdjacent = (index1: number, index2: number, wordLength: number): boolean => {\n const diff = Math.abs(index1 - index2);\n return diff === 1 || diff === wordLength - 1;\n};\n\n/**\n * Coney adjacency: a designated \"coney letter\" (index -1, the center circle)\n * is adjacent to every other letter; everything else uses normal ring adjacency\n * on the reduced ring (the coney letter has been removed from the donut).\n */\nexport const coneyIsAdjacent = (\n index1: number,\n index2: number,\n wordLength: number,\n coneyLetter: string,\n currentWord: string,\n): boolean => {\n // If either index is -1 (center coney letter), they are adjacent to any other letter.\n if (index1 === -1 || index2 === -1) {\n return true;\n }\n\n // Get the letters at the given indices (for donut segments).\n const letter1 = currentWord[index1];\n const letter2 = currentWord[index2];\n\n // If either letter is the coney letter, they are adjacent to any other letter.\n if (letter1 === coneyLetter || letter2 === coneyLetter) {\n return true;\n }\n\n // Otherwise, use normal adjacency on the ring (coney cluster has been removed).\n // coneyLetter may be 1–N chars; subtract its length to get the actual ring size.\n return isAdjacent(index1, index2, wordLength - coneyLetter.length);\n};\n",[220,244],"02b026d87814c420c9ff9104b7b143118be7f482337e7c17b9abb6a80b3d9b8a","shared/types.ts",{"_32":254,"_13":255,"_82":256,"_84":246,"_85":59,"_86":157,"_87":26,"_34":257,"_41":22,"_90":117,"_92":258,"_65":51,"_94":-5,"_95":-7,"_75":259,"_97":260},"6e1f2e5e-9a0f-4e81-9fd9-ee64597365f9","types.ts","ea2a6d80-7242-11f1-9c71-1607ee4eb77e",["D",1782576714716],"// Core data types shared across the whole app (frontend + backend + modes).\n\nexport interface WordItem {\n word: string;\n img_url?: string;\n url?: string;\n id?: number;\n sorted_letters?: string;\n valid_anagrams?: string;\n}\n\nexport interface Star {\n x: number;\n y: number;\n key: number;\n fading: boolean;\n}\n\n// A wordlist entry can be a plain string (legacy) or a structured WordItem.\nexport type WordEntry = WordItem | string;\n",[220,255],"f2f5db8fcbd248c56d1f277291412281d5ae89cdf23417726da537d9d7738579","shared/modes/types.ts",{"_32":263,"_13":255,"_82":264,"_84":265,"_85":59,"_86":266,"_87":26,"_34":267,"_41":138,"_90":117,"_92":268,"_65":51,"_94":-5,"_95":-7,"_75":269,"_97":270},"4e89095b-32ed-455f-9032-05efb59992e1","071ca2e6-7243-11f1-8c0b-1607ee4eb77e","e70eaa4e-7242-11f1-80f0-1607ee4eb77e",24,["D",1782577917515],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type React from \"https://esm.sh/react@18.2.0\";\nimport type { WordEntry, WordItem } from \"../types.ts\";\n\nexport type ModeId = string;\n\n/**\n * The result of preparing a target word for display on the donut.\n * `coneyLetter` is \"\" for modes that don't use a center letter.\n */\nexport interface WordDisplay {\n displayWord: string;\n coneyLetter: string;\n}\n\n/** Everything the UI needs to know about the word currently being solved. */\nexport interface CurrentWordState {\n /** The raw target word (may include spaces/punctuation, e.g. bird names). */\n currentWord: string;\n /** The list of accepted answers (anagrams, or the single bird name). */\n validAnagrams: string[];\n /** Optional image URL (birds mode). */\n imgUrl: string;\n}\n\n/**\n * A GameMode bundles ALL the per-mode differences in one place. Shared game\n * code (backend routes, the GameApp component) is generic and reads behavior\n * from here. To add a new mode, implement this interface and register it in\n * ./index.ts — you should not need to edit shared logic.\n */\nexport interface GameMode {\n // --- Identity & routing ---\n /** Stable id, also used as window.__GAME_TYPE__ value. */\n id: ModeId;\n /** Page route, e.g. \"/\" or \"/coney\". */\n route: string;\n /** API route that returns this mode's wordlist, e.g. \"/api/words\". */\n apiEndpoint: string;\n\n // --- Header / chrome ---\n /** Title shown in the header and browser context. */\n title: string;\n /** Short tagline under the title (may contain JSX). */\n tagline: React.ReactNode;\n /** Label for the found-counter, e.g. \"Words\" or \"Birds\". */\n noun: string;\n /** Short label used in inter-mode nav links, e.g. \"Coney Letters\". */\n navLabel: string;\n\n // --- Donut geometry ---\n /** Inner radius of the donut for this mode. */\n innerRadius: number;\n /** Whether solving a word spawns the star burst animation. */\n awardsStars: boolean;\n\n // --- Word handling ---\n /** Pick the first word's state out of a freshly fetched wordlist. */\n parseFirstWord(data: WordEntry[]): CurrentWordState;\n /** Pull the word state for the given index out of the wordlist. */\n parseWordAt(wordlist: WordEntry[], index: number): CurrentWordState;\n /** Fallback wordlist used if the API call fails. */\n fallbackWordlist(): WordEntry[];\n\n /** Turn a target word into what's shown on the donut (+ optional center letter). */\n prepareWordDisplay(word: string): WordDisplay;\n /** The string of letters actually rendered on the donut for a display word. */\n donutLetters(displayWord: string): string;\n /** Number of segments on the donut given the current target word + coney letter string. */\n donutSegmentCount(currentWord: string, hasConeyLetter: boolean, coneyLetter?: string): number;\n /** Total letter count of the target word (used for adjacency math). */\n targetLetterCount(currentWord: string): number;\n\n /** Is the player's assembled string a correct answer for the target word? */\n isValidAnswer(selected: string, currentWord: string, validAnagrams: string[]): boolean;\n /** The string to show in the \"found words\" strip after a correct answer. */\n foundWordLabel(selected: string, currentWord: string): string;\n\n /** Are two donut indices adjacent? (-1 is the center coney letter.) */\n isAdjacent(\n a: number,\n b: number,\n targetLetterCount: number,\n coneyLetter: string,\n currentWord: string,\n ): boolean;\n /** Does this mode have an interactive center letter (coney)? */\n hasCenterLetter: boolean;\n\n // --- Modal content ---\n /** Instructions modal body (everything inside .modal-content except the Play button). */\n renderInstructions(): React.ReactNode;\n /** Optional extra content in the Game Over modal (e.g. the bird gallery). */\n renderGameOverExtra?(wordlist: WordEntry[]): React.ReactNode;\n}\n\nexport type { WordEntry, WordItem };\n",[220,271,255],"04cdbd83ca6989750bb28a1b31971380f51f22a099e918da5c0b973fa4840311","modes","shared/modes/main.tsx",{"_32":274,"_13":275,"_82":276,"_84":265,"_85":59,"_86":205,"_87":26,"_34":277,"_41":22,"_90":117,"_92":278,"_65":51,"_94":-5,"_95":-7,"_75":279,"_97":280},"00e75752-a415-4384-9f72-2003a8c7aafd","main.tsx","13a915d0-7243-11f1-bc96-1607ee4eb77e",["D",1782576784328],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { INNER_RADIUS } from \"../geometry.ts\";\nimport { randomRotate, tryReverse } from \"../words.ts\";\nimport type { GameMode } from \"./types.ts\";\nimport { FALLBACK_WORDLIST, parseAnagramEntry, ringAdjacency } from \"./helpers.ts\";\n\nexport const mainMode: GameMode = {\n id: \"main\",\n route: \"/\",\n apiEndpoint: \"/api/words\",\n\n title: \"Loopy Letters\",\n tagline: \"a word game by Alex Wein\",\n noun: \"Words\",\n navLabel: \"Loopy Letters\",\n\n innerRadius: INNER_RADIUS,\n awardsStars: true,\n hasCenterLetter: false,\n\n parseFirstWord: (data) => parseAnagramEntry(data[0]),\n parseWordAt: (wordlist, index) => parseAnagramEntry(wordlist[index]),\n fallbackWordlist: () => [...FALLBACK_WORDLIST],\n\n prepareWordDisplay: (word) => ({\n displayWord: randomRotate(tryReverse(word)),\n coneyLetter: \"\",\n }),\n donutLetters: (displayWord) => displayWord,\n donutSegmentCount: (currentWord) => currentWord.length,\n targetLetterCount: (currentWord) => currentWord.length,\n\n isValidAnswer: (selected, currentWord, validAnagrams) =>\n selected.length === currentWord.length && validAnagrams.includes(selected),\n foundWordLabel: (selected) => selected,\n\n isAdjacent: ringAdjacency,\n\n renderInstructions: () => (\n <>\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",[220,271,275],"2d1d30678d498b4ab123823af36db07bef215f6e7c6d9da549796d4018158537","shared/modes/index.ts",{"_32":283,"_13":174,"_82":284,"_84":265,"_85":59,"_86":285,"_87":26,"_34":286,"_41":116,"_90":117,"_92":287,"_65":51,"_94":-5,"_95":-7,"_75":288,"_97":289},"42c98132-ae84-46bb-9ab6-313ab219fff2","29856516-7243-11f1-9c95-1607ee4eb77e",34,["D",1782579526507],"// The mode registry. This is the ONLY place that enumerates the game modes.\n//\n// To add a new mode:\n// 1. Create ./yourMode.tsx exporting a `GameMode` (copy an existing one).\n// 2. Import it here and add it to the MODES array below.\n// Everything else (routing, API, nav links, instructions, rendering) is driven\n// off this registry — no shared logic needs to change.\n\nimport type { GameMode, ModeId } from \"./types.ts\";\nimport { mainMode } from \"./main.tsx\";\nimport { coneyMode } from \"./coney.tsx\";\nimport { birdsMode } from \"./birds.tsx\";\nimport { fancyConeMode } from \"./fancy-cone.tsx\";\nimport { handmadeConesMode } from \"./handmade-cones.tsx\";\n\nexport const MODES: GameMode[] = [mainMode, coneyMode, birdsMode, fancyConeMode, handmadeConesMode];\n\n/** Lookup by id, with a safe fallback to the first (main) mode. */\nexport const getMode = (id: ModeId | undefined | null): GameMode =>\n MODES.find((m) => m.id === id) ?? MODES[0];\n\n/** Lookup by route (used by the backend to map a URL to a mode). */\nexport const getModeByRoute = (route: string): GameMode | undefined =>\n MODES.find((m) => m.route === route);\n\nexport const MODE_IDS: ModeId[] = MODES.map((m) => m.id);\n\nexport type { GameMode, ModeId } from \"./types.ts\";\nexport type { CurrentWordState, WordDisplay } from \"./types.ts\";\n",[220,271,174],"7b883e7a2164fb26da2e77c3ff7ab9a0dcc397ee5f4db26af51a930fdea5b3ce","shared/modes/helpers.ts",{"_32":292,"_13":293,"_82":294,"_84":265,"_85":59,"_86":295,"_87":26,"_34":296,"_41":22,"_90":117,"_92":297,"_65":51,"_94":-5,"_95":-7,"_75":298,"_97":299},"8f0b4527-289c-43e8-b903-b4358f0e5656","helpers.ts","0d9f8534-7243-11f1-af5b-1607ee4eb77e",7,["D",1782576774190],"// Reusable building blocks for word-based modes (main, coney, and future ones).\n// Keeping these here lets each mode config stay tiny and declarative.\n\nimport { isAdjacent } from \"../words.ts\";\nimport type { CurrentWordState, WordEntry } from \"./types.ts\";\nimport type { WordItem } from \"../types.ts\";\n\nexport const FALLBACK_WORDLIST: string[] = [\n \"WATERFALL\",\n \"UNDERGROUND\",\n \"CONSECRATION\",\n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n];\n\n/**\n * Parse a single wordlist entry (string OR {word, valid_anagrams}) into the\n * state the UI needs. Shared by the anagram-based modes.\n */\nexport const parseAnagramEntry = (entry: WordEntry): CurrentWordState => {\n if (typeof entry === \"string\") {\n return { currentWord: entry, validAnagrams: [entry], imgUrl: \"\" };\n }\n const item = entry as WordItem;\n let validAnagrams: string[];\n try {\n validAnagrams = JSON.parse(item.valid_anagrams || \"[]\");\n } catch {\n validAnagrams = [item.word];\n }\n if (!validAnagrams.length) validAnagrams = [item.word];\n return { currentWord: item.word, validAnagrams, imgUrl: \"\" };\n};\n\n/** Standard ring adjacency wrapped to the GameMode.isAdjacent signature. */\nexport const ringAdjacency = (a: number, b: number, targetLetterCount: number): boolean =>\n isAdjacent(a, b, targetLetterCount);\n",[220,271,293],"70187169eb9a95abea36d8e44a30b6f2cc234fcff53c5047c6d9faefaf260352","shared/modes/handmade-cones.tsx",{"_32":302,"_13":303,"_82":304,"_84":265,"_85":59,"_86":305,"_87":26,"_34":306,"_41":307,"_90":117,"_92":308,"_65":51,"_94":-5,"_95":-7,"_75":309,"_97":310},"13708f26-01fa-43a5-9d73-ffca44d63979","handmade-cones.tsx","728ae758-7249-11f1-8400-1607ee4eb77e",55,["D",1782658071788],11,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { INNER_RADIUS, OUTER_RADIUS, CENTER, createDonutSegment } from \"../geometry.ts\";\nimport { coneyIsAdjacent } from \"../words.ts\";\nimport type { GameMode, CurrentWordState } from \"./types.ts\";\nimport type { WordEntry } from \"../types.ts\";\n\n// Fallback list encoded the same way as the API payload.\nconst FALLBACK: string[] = [\n \"THUNDEROUS|UNDER|TSOHU\",\n \"UNDERCOVER|UNDER|EORVC\",\n \"LAUNDERED|UNDER|ELAD\",\n];\n\n/**\n * The API serves entries as { word: \"THUNDEROUS|UNDER|SOTH\" }.\n * Split on \"|\": [0] full word, [1] center cluster, [2] pre-shuffled ring.\n */\nfunction parseEncoded(encoded: string): { fullWord: string; cluster: string; ring: string } {\n const [fullWord, cluster, ring] = encoded.split(\"|\");\n return { fullWord, cluster, ring };\n}\n\nfunction parseEntry(entry: WordEntry): CurrentWordState {\n const raw = typeof entry === \"string\" ? entry : (entry as { word: string }).word;\n return {\n currentWord: raw, // carries \"FULLWORD|CLUSTER\"\n validAnagrams: [parseEncoded(raw).fullWord], // only the exact word is valid\n imgUrl: \"\",\n };\n}\n\n/**\n * Build a GameMode for a specific puzzle number.\n * puzzleId is 1-based.\n */\nexport function makeHandmadeConesMode(puzzleId: number = 1): GameMode {\n return {\n id: \"handmade-cones\",\n route: `/handmade-cones/${puzzleId}`,\n apiEndpoint: `/api/handmade-cones/${puzzleId}`,\n\n title: \"Handmade Cones\",\n tagline: `a word game by Alex Wein — Puzzle #${puzzleId}`,\n noun: \"Words\",\n navLabel: \"Handmade Cones\",\n\n innerRadius: INNER_RADIUS,\n awardsStars: false,\n hasCenterLetter: true,\n\n parseFirstWord: (data) => parseEntry(data[0]),\n parseWordAt: (wordlist, index) => parseEntry(wordlist[index]),\n fallbackWordlist: () => FALLBACK,\n\n prepareWordDisplay: (encoded) => {\n // encoded = \"THUNDEROUS|UNDER|SOTH\"\n // The ring order is pre-shuffled server-side with a fixed seed — no client randomness.\n const { cluster, ring } = parseEncoded(encoded);\n return {\n displayWord: ring,\n coneyLetter: cluster,\n };\n },\n\n donutLetters: (displayWord) => displayWord,\n\n // Ring size = fullWord.length - cluster.length.\n // currentWord here is the encoded \"FULLWORD|CLUSTER\" string.\n donutSegmentCount: (currentWord, hasConeyLetter, coneyLetter = \"\") => {\n if (!hasConeyLetter) return currentWord.split(\"|\")[0].length;\n return currentWord.split(\"|\")[0].length - coneyLetter.length;\n },\n\n // targetLetterCount = full word length (for adjacency math).\n targetLetterCount: (currentWord) => currentWord.split(\"|\")[0].length,\n\n // The assembled string must exactly equal the full word.\n isValidAnswer: (selected, currentWord, validAnagrams) =>\n validAnagrams.includes(selected),\n\n foundWordLabel: (selected) => selected,\n\n isAdjacent: (a, b, targetLetterCount, coneyLetter, currentWord) =>\n coneyIsAdjacent(a, b, targetLetterCount, coneyLetter, currentWord),\n\n renderInstructions: () => {\n // Static example board: \"wo(rdp)lay\"\n // Ring letters: w, o, l, a, y | Center cluster: rdp\n const exampleRing = \"wolay\";\n const exampleCluster = \"rdp\";\n const segmentCount = exampleRing.length;\n\n return (\n <>\n

How to play Handmade Cones:

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

\n\n {/* Static example board for \"wo(rdp)lay\" */}\n \n

\n Spell WORDPLAY.\n

\n\n

\n Try Fancy Cone, Coney Letters, or{\" \"}\n Loopy Letters!\n

\n \n );\n },\n };\n}\n\n// Default export for backward compatibility (puzzle 1).\nexport const handmadeConesMode: GameMode = makeHandmadeConesMode(1);\n",[220,271,303],"4c69eb52a402b9b7cc980ea1fcdc451b0dc741536c90fd5ce7fa5fbfcbb2dee2","shared/modes/fancy-cone.tsx",{"_32":313,"_13":314,"_82":315,"_84":265,"_85":59,"_86":42,"_87":26,"_34":316,"_41":116,"_90":117,"_92":317,"_65":51,"_94":-5,"_95":-7,"_75":318,"_97":319},"a0b9a920-9fe9-476d-b9cd-0cbb32046c9f","fancy-cone.tsx","b013335e-7245-11f1-b291-1607ee4eb77e",["D",1782655575052],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { INNER_RADIUS } from \"../geometry.ts\";\nimport { coneyIsAdjacent, randomRotate, tryReverse } from \"../words.ts\";\nimport type { GameMode } from \"./types.ts\";\nimport { FALLBACK_WORDLIST, parseAnagramEntry } from \"./helpers.ts\";\n\n/**\n * Pick a random contiguous substring of length 1–4 from the word to be the\n * center cluster. Guarantees at least one letter stays on the ring.\n * Returns { coneyLetter: the cluster string, ringWord: remaining letters }.\n */\nfunction pickCluster(word: string): { coneyLetter: string; ringWord: string } {\n const maxCluster = Math.min(4, word.length - 1); // keep ≥1 letter on the ring\n const clusterLen = Math.floor(Math.random() * maxCluster) + 1; // 1..maxCluster\n const startIndex = Math.floor(Math.random() * (word.length - clusterLen + 1));\n const coneyLetter = word.slice(startIndex, startIndex + clusterLen);\n const ringWord = word.slice(0, startIndex) + word.slice(startIndex + clusterLen);\n return { coneyLetter, ringWord };\n}\n\nexport const fancyConeMode: GameMode = {\n id: \"fancy-cone\",\n route: \"/fancy-cone\",\n apiEndpoint: \"/api/fancy-cone\",\n\n title: \"Fancy Cone\",\n tagline: \"a word game by Alex Wein\",\n noun: \"Words\",\n navLabel: \"Fancy Cone\",\n\n innerRadius: INNER_RADIUS,\n awardsStars: true,\n hasCenterLetter: true,\n\n parseFirstWord: (data) => parseAnagramEntry(data[0]),\n parseWordAt: (wordlist, index) => parseAnagramEntry(wordlist[index]),\n fallbackWordlist: () => [...FALLBACK_WORDLIST],\n\n prepareWordDisplay: (word) => {\n const { coneyLetter, ringWord } = pickCluster(word);\n // Randomize the ring letters independently of the cluster.\n const flipped = tryReverse(ringWord);\n return {\n displayWord: randomRotate(flipped),\n coneyLetter, // may be 1–4 characters\n };\n },\n\n donutLetters: (displayWord) => displayWord,\n\n // Ring size = currentWord.length - cluster.length.\n // coneyLetter is passed as the optional third arg (see GameApp).\n donutSegmentCount: (currentWord, hasConeyLetter, coneyLetter = \"\") =>\n hasConeyLetter ? currentWord.length - coneyLetter.length : currentWord.length,\n\n // Total letter count is the full original word (ring + cluster).\n targetLetterCount: (currentWord) => currentWord.length,\n\n // The assembled string must equal the word length (cluster contributes its full length)\n // and be a valid anagram.\n isValidAnswer: (selected, currentWord, validAnagrams) =>\n selected.length === currentWord.length && validAnagrams.includes(selected),\n\n foundWordLabel: (selected) => selected,\n\n // Index -1 = center cluster, adjacent to everything (same as coney mode).\n isAdjacent: (a, b, targetLetterCount, coneyLetter, currentWord) =>\n coneyIsAdjacent(a, b, targetLetterCount, coneyLetter, currentWord),\n\n renderInstructions: () => (\n <>\n

How to play Coney Letters:

Use every letter to spell a word.
\n Consecutive letters in the word must be adjacent on the circle. The middle letter is adjacent to all the\n others.\n
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{\" \"}\n Loopy Letters: Birds!\n

\n \n ),\n};",[220,271,314],"e7b5c857f65719f659a17556c5a4ecca9ae6c9761ef310e896dc11fad506bb36","shared/modes/coney.tsx",{"_32":322,"_13":323,"_82":324,"_84":265,"_85":59,"_86":325,"_87":26,"_34":326,"_41":22,"_90":117,"_92":327,"_65":51,"_94":-5,"_95":-7,"_75":328,"_97":329},"8974cc36-edda-40ab-bc54-6f1697f5180a","coney.tsx","1ae3cd4a-7243-11f1-940f-1607ee4eb77e",9,["D",1782576796457],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { INNER_RADIUS } from \"../geometry.ts\";\nimport { coneyIsAdjacent, randomRotate, tryReverse } from \"../words.ts\";\nimport type { GameMode } from \"./types.ts\";\nimport { FALLBACK_WORDLIST, parseAnagramEntry } from \"./helpers.ts\";\n\nexport const coneyMode: GameMode = {\n id: \"coney\",\n route: \"/coney\",\n apiEndpoint: \"/api/coneywords\",\n\n title: \"Coney Letters\",\n tagline: \"a word game by Alex Wein\",\n noun: \"Words\",\n navLabel: \"Coney Letters\",\n\n innerRadius: INNER_RADIUS,\n awardsStars: true,\n hasCenterLetter: true,\n\n parseFirstWord: (data) => parseAnagramEntry(data[0]),\n parseWordAt: (wordlist, index) => parseAnagramEntry(wordlist[index]),\n fallbackWordlist: () => [...FALLBACK_WORDLIST],\n\n prepareWordDisplay: (word) => {\n // Randomly select one letter as the center \"coney\" letter.\n const coneyLetterIndex = Math.floor(Math.random() * word.length);\n const coneyLetterChar = word.charAt(coneyLetterIndex);\n const chunks = [word.slice(0, coneyLetterIndex), word.slice(coneyLetterIndex + 1)];\n const flipped = chunks.map(tryReverse).join(\"\");\n return {\n displayWord: randomRotate(flipped),\n coneyLetter: coneyLetterChar,\n };\n },\n donutLetters: (displayWord) => displayWord,\n // One letter lives in the center, so the donut has one fewer segment.\n donutSegmentCount: (currentWord, hasConeyLetter) => currentWord.length - (hasConeyLetter ? 1 : 0),\n targetLetterCount: (currentWord) => currentWord.length,\n\n isValidAnswer: (selected, currentWord, validAnagrams) =>\n selected.length === currentWord.length && validAnagrams.includes(selected),\n foundWordLabel: (selected) => selected,\n\n isAdjacent: (a, b, targetLetterCount, coneyLetter, currentWord) =>\n coneyIsAdjacent(a, b, targetLetterCount, coneyLetter, currentWord),\n\n renderInstructions: () => (\n <>\n

How to play Coney Letters:

Use every letter to spell a word.
\n Consecutive letters in the word must be adjacent on the circle. The middle letter is adjacent to all the\n others.\n
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{\" \"}\n Loopy Letters: Birds!\n

\n \n ),\n};\n",[220,271,323],"506ebc7abdebf8847a6e64a21de5d26d2aba0093ef344334c6cbfa07485280fd","shared/modes/birds.tsx",{"_32":332,"_13":333,"_82":334,"_84":265,"_85":59,"_86":335,"_87":26,"_34":336,"_41":22,"_90":117,"_92":337,"_65":51,"_94":-5,"_95":-7,"_75":338,"_97":339},"6641ee80-920e-4faa-b5b2-e38289837d6b","birds.tsx","243db478-7243-11f1-bbbb-1607ee4eb77e",10,["D",1782576812150],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { INNER_RADIUS_BIRDS } from \"../geometry.ts\";\nimport { lettersOnly, randomRotate, tryReverse } from \"../words.ts\";\nimport { ringAdjacency } from \"./helpers.ts\";\nimport type { CurrentWordState, GameMode } from \"./types.ts\";\nimport type { WordEntry, WordItem } from \"../types.ts\";\n\nconst parseBird = (entry: WordEntry): CurrentWordState => {\n const item = entry as WordItem;\n return {\n currentWord: item.word,\n validAnagrams: [item.word], // Birds have exactly one correct answer.\n imgUrl: item.img_url || \"\",\n };\n};\n\nexport const birdsMode: GameMode = {\n id: \"birds\",\n route: \"/birds\",\n apiEndpoint: \"/api/birds\",\n\n title: \"Loopy Letters: Birds\",\n tagline: (\n <>\n a ~~word~~ bird game by Alex Wein\n \n ),\n noun: \"Birds\",\n navLabel: \"Loopy Letters: Birds\",\n\n innerRadius: INNER_RADIUS_BIRDS,\n awardsStars: false,\n hasCenterLetter: false,\n\n parseFirstWord: (data) => parseBird(data[0]),\n parseWordAt: (wordlist, index) => parseBird(wordlist[index]),\n fallbackWordlist: () => [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }],\n\n // Birds use the full word, randomly rotated/reversed; punctuation is kept for display\n // but stripped for the donut + adjacency math via donutLetters / targetLetterCount.\n prepareWordDisplay: (word) => ({\n displayWord: randomRotate(tryReverse(word)),\n coneyLetter: \"\",\n }),\n donutLetters: (displayWord) => lettersOnly(displayWord),\n donutSegmentCount: (currentWord) => lettersOnly(currentWord).length,\n targetLetterCount: (currentWord) => lettersOnly(currentWord).length,\n\n isValidAnswer: (selected, currentWord) => {\n const target = lettersOnly(currentWord);\n return lettersOnly(selected).length === target.length && lettersOnly(selected) === target;\n },\n // Show the bird's real name (with spaces/punctuation), not the assembled letters.\n foundWordLabel: (_selected, currentWord) => currentWord,\n\n isAdjacent: (a, b, targetLetterCount) => ringAdjacency(a, b, targetLetterCount),\n\n renderInstructions: () => (\n <>\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 renderGameOverExtra: (wordlist) => {\n const birds = wordlist as WordItem[];\n return (\n

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

\n {word.word}\n

\n ))}\n

\n );\n },\n};\n",[220,271,333],"4ce27e222e1e0b69513f9e04b073b74441fb9ef8ba4c8f6a590177486930325c","shared/modes",{"_32":342,"_13":271,"_82":265,"_84":246,"_85":59,"_86":116,"_87":26,"_34":343,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_95":-7,"_75":345,"_97":-5},"ccc38dd9-89df-4fab-83b2-07c72ef01856",["D",1782576709495],"directory",[220,271],"shared/geometry.ts",{"_32":348,"_13":349,"_82":350,"_84":246,"_85":59,"_86":89,"_87":26,"_34":351,"_41":22,"_90":117,"_92":352,"_65":51,"_94":-5,"_95":-7,"_75":353,"_97":354},"16ff2d90-94e4-49fb-8db6-47b1be0e9a3e","geometry.ts","f1f5a39a-7242-11f1-aae2-1607ee4eb77e",["D",1782576727791],"// Pure geometry / SVG helpers for drawing the donut. Mode-agnostic.\n\nexport const OUTER_RADIUS = 146;\nexport const INNER_RADIUS = 60;\nexport const INNER_RADIUS_BIRDS = 75;\nexport const CENTER = { x: 150, y: 150 };\n\nexport const createDonutSegment = (\n startAngle: number,\n endAngle: number,\n index: number,\n selection: number[],\n innerRadius: number = INNER_RADIUS,\n) => {\n const isSelected = selection.includes(index);\n const largeArcFlag = endAngle - startAngle <= Math.PI ? \"0\" : \"1\";\n\n const startOuterX = CENTER.x + OUTER_RADIUS * Math.cos(startAngle);\n const startOuterY = CENTER.y + OUTER_RADIUS * Math.sin(startAngle);\n const endOuterX = CENTER.x + OUTER_RADIUS * Math.cos(endAngle);\n const endOuterY = CENTER.y + OUTER_RADIUS * Math.sin(endAngle);\n\n const startInnerX = CENTER.x + innerRadius * Math.cos(endAngle);\n const startInnerY = CENTER.y + innerRadius * Math.sin(endAngle);\n const endInnerX = CENTER.x + innerRadius * Math.cos(startAngle);\n const endInnerY = CENTER.y + innerRadius * Math.sin(startAngle);\n\n const path = [\n `M ${startOuterX} ${startOuterY}`,\n `A ${OUTER_RADIUS} ${OUTER_RADIUS} 0 ${largeArcFlag} 1 ${endOuterX} ${endOuterY}`,\n `L ${startInnerX} ${startInnerY}`,\n `A ${innerRadius} ${innerRadius} 0 ${largeArcFlag} 0 ${endInnerX} ${endInnerY}`,\n \"Z\",\n ].join(\" \");\n\n return { path, isSelected };\n};\n\nexport const createStar = (cx: number, cy: number, spikes = 5, outerRadius = 20, innerRadius = 10) => {\n let points = [];\n for (let i = 0; i < spikes * 2; i++) {\n const radius = i % 2 === 0 ? outerRadius : innerRadius;\n const angle = (Math.PI * i) / spikes;\n const x = cx + Math.cos(angle) * radius;\n const y = cy + Math.sin(angle) * radius;\n points.push(`${x},${y}`);\n }\n return points.join(\" \");\n};\n\nexport const getRelativeCoordinates = (event: PointerEvent, svgRef: SVGSVGElement) => {\n const pt = svgRef.createSVGPoint();\n pt.x = event.clientX;\n pt.y = event.clientY;\n return pt.matrixTransform(svgRef.getScreenCTM()!.inverse());\n};\n\nexport const getLetterIndexFromPoint = (\n point: { x: number; y: number },\n currentWordLength: number,\n innerRadius: number = INNER_RADIUS,\n) => {\n const dx = point.x - CENTER.x;\n const dy = point.y - CENTER.y;\n const distance = Math.sqrt(dx * dx + dy * dy);\n if (distance < innerRadius || distance > OUTER_RADIUS) return -1;\n\n let angle = Math.atan2(dy, dx);\n if (angle < 0) angle += 2 * Math.PI;\n const segmentAngle = (2 * Math.PI) / currentWordLength;\n return Math.floor(angle / segmentAngle) % currentWordLength;\n};\n",[220,349],"2fe57d5c49ad17338187fe8d6ec21e8322821e556955d6aa3d41e94420374f92","frontend/components/modals/InstructionsModal.tsx",{"_32":357,"_13":358,"_82":359,"_84":360,"_85":59,"_86":361,"_87":26,"_34":362,"_41":22,"_90":117,"_92":363,"_65":51,"_94":-5,"_95":-7,"_75":364,"_97":365},"36ea3a75-6311-4385-8557-d25808b2787d","InstructionsModal.tsx","4e21621c-7243-11f1-8aae-1607ee4eb77e","4ade7a22-7243-11f1-9c95-1607ee4eb77e",15,["D",1782576882429],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { GameMode } from \"../../../shared/modes/index.ts\";\n\n// Generic instructions modal. The per-mode body comes from mode.renderInstructions(),\n// so this component never needs to know which modes exist.\nexport default function InstructionsModal({ mode, onClose }: { mode: GameMode; onClose: () => void }) {\n return (\n

\n {mode.renderInstructions()}\n \n

\n );\n}\n",[121,161,366,358],"5a236ff1f3f9fcbef1bd047acf9bba1b46d1c80b540c168c09a847bf25839eb8","modals","frontend/components/modals/GameOverModal.tsx",{"_32":369,"_13":370,"_82":371,"_84":360,"_85":59,"_86":372,"_87":26,"_34":373,"_41":138,"_90":117,"_92":374,"_65":51,"_94":-5,"_95":-7,"_75":375,"_97":376},"504cc1f2-cbe3-49e0-8bd7-243a3237bc25","GameOverModal.tsx","507e5d4e-7243-11f1-9c95-1607ee4eb77e",57,["D",1782658091283],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { GameMode } from \"../../../shared/modes/index.ts\";\nimport type { WordEntry } from \"../../../shared/types.ts\";\n\n// Generic game-over modal. Modes can contribute extra content (e.g. the bird\n// gallery) via mode.renderGameOverExtra().\nexport default function GameOverModal({\n mode,\n elapsedTime,\n onPlayAgain,\n wordlist,\n onNextPuzzle,\n onPuzzleSelect,\n}: {\n mode: GameMode;\n elapsedTime: number;\n onPlayAgain: () => void;\n wordlist: WordEntry[];\n onNextPuzzle?: () => void;\n onPuzzleSelect?: () => void;\n}) {\n return (\n

Puzzle Complete! 🎉

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

\n {mode.renderGameOverExtra?.(wordlist)}\n

\n \n {onNextPuzzle && (\n \n )}\n {onPuzzleSelect && (\n \n )}\n

\n );\n}\n",[121,161,366,370],"922ba6c91d1293b1948b0bdfcf7905da6601bfc04e979427bdefe007e2e412e1","frontend/components/modals",{"_32":379,"_13":366,"_82":360,"_84":154,"_85":59,"_86":380,"_87":26,"_34":381,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_95":-7,"_75":382,"_97":-5},"f8ec57d6-d672-4d1f-9772-55d8d192aa6c",14,["D",1782576876957],[121,161,366],"frontend/components/PuzzleSelectScreen.tsx",{"_32":385,"_13":386,"_82":387,"_84":154,"_85":59,"_86":388,"_87":26,"_34":389,"_41":22,"_90":117,"_92":390,"_65":51,"_94":-5,"_95":-7,"_75":391,"_97":392},"f8896e33-2058-48c6-85d3-559ddc789275","PuzzleSelectScreen.tsx","5bf854c8-7300-11f1-ae53-1607ee4eb77e",56,["D",1782658080532],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface PuzzleSelectScreenProps {\n totalPuzzles: number;\n currentPuzzleId: number;\n onSelectPuzzle: (puzzleId: number) => void;\n}\n\nexport default function PuzzleSelectScreen({\n totalPuzzles,\n currentPuzzleId,\n onSelectPuzzle,\n}: PuzzleSelectScreenProps) {\n return (\n

Handmade Cones

Choose a puzzle

\n {Array.from({ length: totalPuzzles }, (_, i) => {\n const puzzleId = i + 1;\n const isCurrent = puzzleId === currentPuzzleId;\n return (\n onSelectPuzzle(puzzleId)}\n >\n {puzzleId}\n \n );\n })}\n

\n );\n}\n",[121,161,386],"df6d70a0ca74e28ffe8148dca924d8b60d35bdfb830253d25861c66a4c7b1afd","frontend/components/GameHeader.tsx",{"_32":395,"_13":396,"_82":397,"_84":154,"_85":59,"_86":398,"_87":26,"_34":399,"_41":22,"_90":117,"_92":400,"_65":51,"_94":-5,"_95":-7,"_75":401,"_97":402},"cebc2ba3-3865-4f78-8252-c6836a01953c","GameHeader.tsx","54aebfa8-7243-11f1-9c95-1607ee4eb77e",17,["D",1782576893422],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { MODES } from \"../../shared/modes/index.ts\";\nimport type { GameMode } from \"../../shared/modes/index.ts\";\n\n// Header with title, tagline, and \"play other modes\" nav links generated from\n// the registry (every mode except the current one).\nexport default function GameHeader({ mode }: { mode: GameMode }) {\n const otherModes = MODES.filter((m) => m.id !== mode.id);\n\n return (\n

{mode.title}

{mode.tagline}

\n {otherModes.length > 0 && (\n

\n or play{\" \"}\n {otherModes.map((m, index) => (\n \n {index > 0 ? \" or \" : null}\n {m.navLabel}\n \n ))}\n

\n )}\n

\n );\n}\n",[121,161,396],"0a4f4e86b112cc7f496883f57a2010861bf8f75086672ae3964d30b174d105e6","frontend/components/Donut.tsx",{"_32":405,"_13":406,"_82":407,"_84":154,"_85":59,"_86":408,"_87":26,"_34":409,"_41":138,"_90":117,"_92":410,"_65":51,"_94":-5,"_95":-7,"_75":411,"_97":412},"239e94ee-f946-4972-bfe1-baac023da8be","Donut.tsx","5e6b506a-7243-11f1-8aae-1607ee4eb77e",29,["D",1782577976986],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { CENTER, createDonutSegment, createStar, OUTER_RADIUS } from \"../../shared/geometry.ts\";\nimport type { GameMode } from \"../../shared/modes/index.ts\";\nimport type { Star } from \"../../shared/types.ts\";\n\ninterface DonutProps {\n mode: GameMode;\n svgRef: React.RefObject;\n letters: string;\n selection: number[];\n coneyLetter: string;\n imgUrl: string;\n stars: Star[];\n onPointerDown: (e: React.PointerEvent) => void;\n onPointerMove: (e: React.PointerEvent) => void;\n onPointerUp: () => void;\n}\n\n// The interactive donut SVG. The center varies by mode:\n// - birds: an image of the bird\n// - coney: the interactive center \"coney\" letter\n// - main: nothing\nexport default function Donut(props: DonutProps) {\n const { mode, svgRef, letters, selection, coneyLetter, imgUrl, stars } = props;\n const innerRadius = mode.innerRadius;\n const segmentCount = letters.length;\n\n return (\n \n {/* Bird image in the center (birds mode) */}\n {mode.id === \"birds\" && imgUrl && (\n <>\n \n \n \n \n \n \n \n )}\n\n {/* Interactive coney letter(s) in the center (coney / fancy-cone modes) */}\n {mode.hasCenterLetter && coneyLetter && (\n \n \n \n {coneyLetter}\n \n \n )}\n\n \n {letters.split(\"\").map((letter, index) => {\n const segmentAngle = (2 * Math.PI) / segmentCount;\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\n {stars.map((star) => (\n \n ))}\n \n );\n}\n",[121,161,406],"a0faf8e4b9e0943f74db17475852c1e8e0de51cfc9a2d4dfb40980b4d9996664","backend/wordlists.ts",{"_32":415,"_13":416,"_82":417,"_84":176,"_85":59,"_86":418,"_87":26,"_34":419,"_41":116,"_90":117,"_92":420,"_65":51,"_94":-5,"_95":-7,"_75":421,"_97":422},"9e9b558d-6457-466f-b43a-5b27a7d46c49","wordlists.ts","34be320a-7243-11f1-bd43-1607ee4eb77e",35,["D",1782579531719],"// Backend wordlist sources, keyed by mode id. Kept on the backend so SQL never\n// ships to the client. To give a new mode its own words, add an entry here\n// (and point the mode's `apiEndpoint` at `/api/` — see backend/index.ts).\n\nimport { FALLBACK_WORDLIST } from \"../shared/modes/helpers.ts\";\nimport type { WordEntry } from \"../shared/types.ts\";\n\n// deno-lint-ignore no-explicit-any\ntype Sqlite = { execute: (q: string) => Promise<{ rows: any[] }> };\n\nconst getSqlite = async (): Promise => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n return sqlite as Sqlite;\n};\n\n/** Anagram-style query: pick N random words in a length range + their valid anagrams. */\nconst anagramQuery = (minLen: number, maxLen: number, limit: number) => `\n with\n words as (\n select * from judgments\n where length(word) >= ${minLen}\n and length(word) <= ${maxLen}\n order by random()\n limit ${limit}\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\n select\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/** A wordlist source knows how to produce this mode's wordlist (with a fallback). */\nexport interface WordlistSource {\n fetch(): Promise;\n}\n\nconst anagramSource = (minLen: number, maxLen: number, limit: number): WordlistSource => ({\n async fetch() {\n try {\n const sqlite = await getSqlite();\n const result = await sqlite.execute(anagramQuery(minLen, maxLen, limit));\n const wordlist = result.rows.filter((x) => x?.word !== null);\n return wordlist.length > 0 ? wordlist : [...FALLBACK_WORDLIST];\n } catch (error) {\n console.error(\"Error fetching words:\", error);\n return [...FALLBACK_WORDLIST];\n }\n },\n});\n\nconst birdsSource: WordlistSource = {\n async fetch() {\n const query = `\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 try {\n const sqlite = await getSqlite();\n const result = await sqlite.execute(query);\n const wordlist = result.rows\n .map((row) => row?.word ? { word: row.word.toUpperCase(), img_url: row.img_url, url: row.url } : null)\n .filter((item) => item !== null) as WordEntry[];\n return wordlist.length > 0 ? wordlist : [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n } catch (error) {\n console.error(\"Error fetching birds:\", error);\n return [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n }\n },\n};\n\n/** Map of mode id -> wordlist source. The backend serves /api/ from this. */\nexport const WORDLIST_SOURCES: Record = {\n main: anagramSource(5, 15, 7),\n coney: anagramSource(7, 14, 7),\n birds: birdsSource,\n // fancy-cone: needs longer words (5–15) so the cluster can be 2–4 letters and\n // still leave enough ring letters to make an interesting puzzle.\n \"fancy-cone\": anagramSource(6, 15, 7),\n // handmade-cones: served directly from the static data file.\n \"handmade-cones\": {\n async fetch() {\n const { HANDMADE_CONES } = await import(\"./handmade-cones.ts\");\n // Serve as { word: \"FULLWORD|CLUSTER\" } so the mode can parse it.\n return HANDMADE_CONES.map(({ encoded }) => ({ word: encoded }));\n },\n },\n};\n",[183,416],"b13ba6adc1e19afb83a6f11ccfac5be7419cf831eabef2433460dff2062ff573","backend/handmade-cones.ts",{"_32":425,"_13":426,"_82":427,"_84":176,"_85":59,"_86":20,"_87":26,"_34":428,"_41":429,"_90":117,"_92":430,"_65":51,"_94":-5,"_95":-7,"_75":431,"_97":432},"a5574e97-8d6a-484a-a82b-5d198f416b4b","handmade-cones.ts","62f153b8-7249-11f1-9483-1607ee4eb77e",["D",1782658587466],5,"// Handmade Cones puzzle data.\n// Format: \"ring(cluster)ring\" — letters outside parens go on the donut ring,\n// letters inside parens go in the center tile.\n//\n// SEED controls the ring letter arrangement served to every player.\n// Change it to reshuffle all puzzles at once; leave it alone to keep them stable.\nexport const SEED = 20260626;\n\n// ---------------------------------------------------------------------------\n// Minimal seeded PRNG (mulberry32) — no external deps, fully deterministic.\n// ---------------------------------------------------------------------------\nfunction mulberry32(seed: number) {\n return function () {\n seed |= 0;\n seed = (seed + 0x6d2b79f5) | 0;\n let t = Math.imul(seed ^ (seed >>> 15), 1 | seed);\n t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;\n return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n };\n}\n\n// ---------------------------------------------------------------------------\n\nexport interface HandmadeConeEntry {\n /** The full word (all letters, uppercase, no parens). */\n word: string;\n /**\n * Encoded as \"FULLWORD|CLUSTER|RINGLETTERS\" — the pre-arranged ring order is\n * baked in here so every player sees the same arrangement.\n */\n encoded: string;\n}\n\n/**\n * Arrange ring letters while keeping the two arcs (before/after the cluster)\n * internally intact — so letters that are neighbors in the original word stay\n * adjacent on the donut. Randomizes:\n * 1. Whether each arc is reversed\n * 2. Which arc comes first\n * 3. The rotation start point\n *\n * \"th(under)ous\" → arcs [\"TH\", \"OUS\"] → e.g. \"SUOHT\" or \"THOUSO\" etc.\n * Any result is solvable because the arcs remain contiguous.\n */\nfunction arrangeRing(before: string, after: string, rand: () => number): string {\n const arcA = before.toUpperCase();\n const arcB = after.toUpperCase();\n\n // Randomly reverse each arc independently.\n const a = rand() < 0.5 ? arcA : arcA.split(\"\").reverse().join(\"\");\n const b = rand() < 0.5 ? arcB : arcB.split(\"\").reverse().join(\"\");\n\n // Randomly decide which arc comes first.\n const ring = rand() < 0.5 ? a + b : b + a;\n\n // Randomly rotate the ring.\n const rotateBy = Math.floor(rand() * ring.length);\n return ring.slice(rotateBy) + ring.slice(0, rotateBy);\n}\n\n/**\n * Parse \"th(under)ous\" → HandmadeConeEntry with a solvable ring arrangement.\n */\nfunction parse(raw: string, rand: () => number): HandmadeConeEntry {\n const match = raw.match(/^([^(]*)\$([^)]+)\$([^)]*)$/);\n if (!match) throw new Error(`Bad handmade-cone entry: \"${raw}\"`);\n const [, before, cluster, after] = match;\n const word = (before + cluster + after).toUpperCase();\n const ring = arrangeRing(before, after, rand);\n const encoded = `${word}|${cluster.toUpperCase()}|${ring}`;\n return { word, encoded };\n}\n\n// ---------------------------------------------------------------------------\n// Puzzle data.\n// Each puzzle is an array of raw word strings. Add new puzzles as new arrays.\n// Puzzle IDs are 1-based (puzzle 1 = index 0).\n// ---------------------------------------------------------------------------\nexport const PUZZLES_RAW: string[][] = [\n // Puzzle 1\n [\n \"ca(ke)walk\",\n \"exam(pl)e\",\n ],\n // Puzzle 2 — same word list for now; replace with unique words when ready\n [\n \"th(under)ous\",\n \"(under)cover\",\n \"la(under)ed\",\n \"cofo(under)s\",\n \"pl(under)ous\",\n \"bl(under)buss\",\n ],\n];\n\nexport const TOTAL_PUZZLES = PUZZLES_RAW.length;\n\n/**\n * Build all entries for a single puzzle. Each puzzle gets its own PRNG stream\n * derived from the global SEED + puzzleIndex so arrangements don't collide.\n */\nfunction buildPuzzle(puzzleIndex: number): HandmadeConeEntry[] {\n const rand = mulberry32(SEED + puzzleIndex * 1000003);\n return PUZZLES_RAW[puzzleIndex].map((raw) => parse(raw, rand));\n}\n\n// Pre-build all puzzles at startup (deterministic, cheap).\nexport const ALL_PUZZLES: HandmadeConeEntry[][] = PUZZLES_RAW.map((_, i) => buildPuzzle(i));\n\n/** Return entries for a 1-based puzzle number. Returns puzzle 1 if out of range. */\nexport function getPuzzle(puzzleNumber: number): HandmadeConeEntry[] {\n const idx = puzzleNumber - 1;\n if (idx < 0 || idx >= ALL_PUZZLES.length) return ALL_PUZZLES[0];\n return ALL_PUZZLES[idx];\n}",[183,426],"e40b4d650dff91b41234abb5b6f8c2c966d6df519918bf875eede33c0ff56525",["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,"_471":467},"org",{"_11":12,"_464":465,"_466":467,"_439":440,"_468":469,"_470":51},"branch","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":40,"_13":14,"_34":623,"_49":-5,"_434":51,"_52":53,"_435":53,"_436":437,"_438":-5,"_439":440,"_441":185,"_442":26,"_443":26,"_444":-5,"_445":22,"_55":56,"_446":-5,"_447":-5,"_448":-5,"_449":116,"_450":451,"_452":451,"_453":454,"_455":454,"_456":454,"_457":451,"_458":451,"_459":624,"_461":625,"_463":626,"_50":51},"tree",[528,532,543,556,557],"files",[528,529,530,531,532,533,534,535,536,537,538,539,540,541,542,543,544,545,546,547,548,549,550,551,552,553,554,555,556,557],"counts",{"_518":22,"_519":429,"_520":22,"_521":522,"_523":524},"contents",[500,501,502,503,504],"upstreamProject",{"_32":497,"_13":498,"_436":-5,"_438":-5,"_52":53,"_459":499},"upstreamBranch",{"_32":33,"_34":495,"_36":496,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747493636610],["D",1762811541464],"b897eb5c-1c5e-11f0-8f90-569c3dd06744","loopyLetters",{"_11":12,"_471":467},{"_32":515,"_13":183,"_82":176,"_84":-5,"_85":59,"_86":138,"_87":26,"_34":516,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_75":517},{"_32":512,"_13":121,"_82":113,"_84":-5,"_85":59,"_86":138,"_87":26,"_34":513,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_75":514},{"_32":509,"_13":220,"_82":246,"_84":-5,"_85":59,"_86":138,"_87":26,"_34":510,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_75":511},{"_32":195,"_13":192,"_82":196,"_84":-5,"_85":59,"_86":197,"_87":26,"_34":507,"_41":116,"_90":91,"_92":199,"_65":51,"_94":-5,"_75":508},{"_32":81,"_13":76,"_82":83,"_84":-5,"_85":59,"_86":58,"_87":26,"_34":505,"_41":89,"_90":91,"_92":93,"_65":51,"_94":-5,"_75":506},["D",1788108405163],[76],["D",1782578004818],[192],"32da8f2e-dcc4-43e8-98dc-1ee64b0a7359",["D",1782576558746],[220],"f546cf28-a2ad-4493-bd80-c2be647ef050",["D",1782576558746],[121],"e0033ed7-1767-46f5-addb-e2710750c7fe",["D",1782576558746],[183],"pulls","branches","forks","envVars",{"_525":22,"_527":22},"connections",{"_525":22,"_526":22},"count","unfilledCount","emptyCount",{"_32":515,"_13":183,"_82":176,"_84":-5,"_85":59,"_86":138,"_87":26,"_34":620,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_95":621,"_75":622},{"_32":425,"_13":426,"_82":427,"_84":176,"_85":59,"_86":20,"_87":26,"_34":428,"_41":429,"_90":117,"_92":430,"_65":51,"_94":-5,"_95":618,"_75":619},{"_32":173,"_13":174,"_82":175,"_84":176,"_85":59,"_86":177,"_87":26,"_34":178,"_41":157,"_90":179,"_92":180,"_65":51,"_94":-5,"_95":616,"_75":617},{"_32":415,"_13":416,"_82":417,"_84":176,"_85":59,"_86":418,"_87":26,"_34":419,"_41":116,"_90":117,"_92":420,"_65":51,"_94":-5,"_95":614,"_75":615},{"_32":512,"_13":121,"_82":113,"_84":-5,"_85":59,"_86":138,"_87":26,"_34":611,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_95":612,"_75":613},{"_32":607,"_13":161,"_82":154,"_84":113,"_85":59,"_86":138,"_87":26,"_34":608,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_95":609,"_75":610},{"_32":379,"_13":366,"_82":360,"_84":154,"_85":59,"_86":380,"_87":26,"_34":381,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_95":605,"_75":606},{"_32":369,"_13":370,"_82":371,"_84":360,"_85":59,"_86":372,"_87":26,"_34":373,"_41":138,"_90":117,"_92":374,"_65":51,"_94":-5,"_95":603,"_75":604},{"_32":357,"_13":358,"_82":359,"_84":360,"_85":59,"_86":361,"_87":26,"_34":362,"_41":22,"_90":117,"_92":363,"_65":51,"_94":-5,"_95":601,"_75":602},{"_32":405,"_13":406,"_82":407,"_84":154,"_85":59,"_86":408,"_87":26,"_34":409,"_41":138,"_90":117,"_92":410,"_65":51,"_94":-5,"_95":599,"_75":600},{"_32":151,"_13":152,"_82":153,"_84":154,"_85":59,"_86":155,"_87":26,"_34":156,"_41":157,"_90":117,"_92":158,"_65":51,"_94":-5,"_95":597,"_75":598},{"_32":395,"_13":396,"_82":397,"_84":154,"_85":59,"_86":398,"_87":26,"_34":399,"_41":22,"_90":117,"_92":400,"_65":51,"_94":-5,"_95":595,"_75":596},{"_32":385,"_13":386,"_82":387,"_84":154,"_85":59,"_86":388,"_87":26,"_34":389,"_41":22,"_90":117,"_92":390,"_65":51,"_94":-5,"_95":593,"_75":594},{"_32":133,"_13":134,"_82":135,"_84":113,"_85":59,"_86":136,"_87":26,"_34":137,"_41":138,"_90":91,"_92":139,"_65":51,"_94":-5,"_95":591,"_75":592},{"_32":110,"_13":111,"_82":112,"_84":113,"_85":59,"_86":114,"_87":26,"_34":115,"_41":116,"_90":117,"_92":118,"_65":51,"_94":-5,"_95":589,"_75":590},{"_32":509,"_13":220,"_82":246,"_84":-5,"_85":59,"_86":138,"_87":26,"_34":586,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_95":587,"_75":588},{"_32":342,"_13":271,"_82":265,"_84":246,"_85":59,"_86":116,"_87":26,"_34":343,"_41":22,"_90":344,"_92":-5,"_65":51,"_94":-5,"_95":584,"_75":585},{"_32":332,"_13":333,"_82":334,"_84":265,"_85":59,"_86":335,"_87":26,"_34":336,"_41":22,"_90":117,"_92":337,"_65":51,"_94":-5,"_95":582,"_75":583},{"_32":322,"_13":323,"_82":324,"_84":265,"_85":59,"_86":325,"_87":26,"_34":326,"_41":22,"_90":117,"_92":327,"_65":51,"_94":-5,"_95":580,"_75":581},{"_32":313,"_13":314,"_82":315,"_84":265,"_85":59,"_86":42,"_87":26,"_34":316,"_41":116,"_90":117,"_92":317,"_65":51,"_94":-5,"_95":578,"_75":579},{"_32":302,"_13":303,"_82":304,"_84":265,"_85":59,"_86":305,"_87":26,"_34":306,"_41":307,"_90":117,"_92":308,"_65":51,"_94":-5,"_95":576,"_75":577},{"_32":292,"_13":293,"_82":294,"_84":265,"_85":59,"_86":295,"_87":26,"_34":296,"_41":22,"_90":117,"_92":297,"_65":51,"_94":-5,"_95":574,"_75":575},{"_32":283,"_13":174,"_82":284,"_84":265,"_85":59,"_86":285,"_87":26,"_34":286,"_41":116,"_90":117,"_92":287,"_65":51,"_94":-5,"_95":572,"_75":573},{"_32":274,"_13":275,"_82":276,"_84":265,"_85":59,"_86":205,"_87":26,"_34":277,"_41":22,"_90":117,"_92":278,"_65":51,"_94":-5,"_95":570,"_75":571},{"_32":263,"_13":255,"_82":264,"_84":265,"_85":59,"_86":266,"_87":26,"_34":267,"_41":138,"_90":117,"_92":268,"_65":51,"_94":-5,"_95":568,"_75":569},{"_32":348,"_13":349,"_82":350,"_84":246,"_85":59,"_86":89,"_87":26,"_34":351,"_41":22,"_90":117,"_92":352,"_65":51,"_94":-5,"_95":566,"_75":567},{"_32":254,"_13":255,"_82":256,"_84":246,"_85":59,"_86":157,"_87":26,"_34":257,"_41":22,"_90":117,"_92":258,"_65":51,"_94":-5,"_95":564,"_75":565},{"_32":243,"_13":244,"_82":245,"_84":246,"_85":59,"_86":247,"_87":26,"_34":248,"_41":138,"_90":117,"_92":249,"_65":51,"_94":-5,"_95":562,"_75":563},{"_32":195,"_13":192,"_82":196,"_84":-5,"_85":59,"_86":197,"_87":26,"_34":198,"_41":116,"_90":91,"_92":199,"_65":51,"_94":-5,"_95":560,"_75":561},{"_32":81,"_13":76,"_82":83,"_84":-5,"_85":59,"_86":58,"_87":26,"_34":88,"_41":89,"_90":91,"_92":93,"_65":51,"_94":-5,"_95":558,"_75":559},[],[76],[],[192],[],[220,244],[],[220,255],[],[220,349],[],[220,271,255],[],[220,271,275],[],[220,271,174],[],[220,271,293],[],[220,271,303],[],[220,271,314],[],[220,271,323],[],[220,271,333],[545,546,547,548,549,550,551,552],[220,271],["D",1782576558746],[544,553,554,555],[220],[],[121,111],[],[121,134],[],[121,161,386],[],[121,161,396],[],[121,161,152],[],[121,161,406],[],[121,161,366,358],[],[121,161,366,370],[535,536],[121,161,366],"0dff123c-69d0-451a-95b2-c3c933b9e61d",["D",1782576558746],[534,537,538,539,540],[121,161],["D",1782576558746],[533,541,542],[121],[],[183,416],[],[183,174],[],[183,426],["D",1782576558746],[529,530,531],[183],["D",1747493636610],{"_11":12,"_471":467},{"_11":12,"_464":465,"_466":467,"_439":440,"_468":469,"_470":51},{"_41":58,"_13":16,"_32":59,"_39":40,"_43":33,"_45":42,"_60":53,"_61":40,"_62":56,"_57":14,"_54":12},"ctx",{"_459":-5,"_492":660,"_661":662,"_663":664,"_665":51,"_666":51,"_667":51,"_668":26,"_669":-5,"_670":-7,"_671":-7,"_672":22,"_673":51,"_674":51,"_675":-5,"_676":51,"_677":51,"_678":51,"_679":-5},"ENV",{"_631":632,"_633":634,"_635":38,"_636":637,"_638":639,"_640":641,"_642":643,"_644":645,"_646":647,"_648":649,"_650":651,"_652":653,"_654":655,"_656":657,"_658":659},"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

Mergecustom-conesintomain

README.md+95-11

Hbackend/index.ts+41-186

frontend/components/GameApp.tsx+157-475

frontend/index.html+101-0

frontend/index.tsx+9-5

todos.md+54-1

backend/handmade-cones.ts+115-0

backend/wordlists.ts+102-0

frontend/components/Donut.tsx+114-0

frontend/components/GameHeader.tsx+28-0

frontend/components/PuzzleSelectScreen.tsx+38-0

frontend/components/modals

frontend/components/modals/GameOverModal.tsx+41-0

frontend/components/modals/InstructionsModal.tsx+16-0

shared/geometry.ts+72-0

shared/modes

shared/modes/birds.tsx+97-0

shared/modes/coney.tsx+67-0

shared/modes/fancy-cone.tsx+89-0

shared/modes/handmade-cones.tsx+146-0

shared/modes/helpers.ts+40-0

shared/modes/index.ts+29-0

shared/modes/main.tsx+57-0

shared/modes/types.ts+97-0

shared/types.ts+20-0

shared/words.ts+52-0

shared/gameLogic.ts+0-174