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",[],[93,153,174],"42c98132-ae84-46bb-9ab6-313ab219fff2","index.ts","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",[],[93,153,182],"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",[],[93,153,190],"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",[],[93,153,198],"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};",[],[93,153,207],"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",[],[93,153,214],"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",[],[93,153,222],["D",1782576558746],[232,233,234],[100],{"_35":251,"_13":252,"_67":253,"_69":101,"_70":71,"_72":95,"_74":75,"_37":254,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_115":255,"_18":256},{"_35":243,"_13":244,"_67":245,"_69":101,"_70":71,"_72":246,"_74":75,"_37":247,"_17":95,"_78":24,"_79":248,"_81":53,"_82":-5,"_115":249,"_18":250},{"_35":235,"_13":236,"_67":237,"_69":101,"_70":71,"_72":238,"_74":75,"_37":239,"_17":89,"_78":133,"_79":240,"_81":53,"_82":-5,"_115":241,"_18":242},"6a10de12-1dfe-467e-8e89-7fbba6a9ec41","index.tsx","019f09d7-b28f-75db-ad6a-aac640ba8076",59,["D",1782658144905],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport GameApp from \"/frontend/components/GameApp.tsx\";\n\nfunction App() {\n const w = window as any;\n // The active mode id is injected by the backend (see backend/index.ts).\n const gameType = w.__GAME_TYPE__ || \"main\";\n // Handmade-cones: puzzle number and total puzzles are injected by the backend.\n const puzzleId: number = w.__PUZZLE_ID__ ?? 1;\n const totalPuzzles: number = w.__TOTAL_PUZZLES__ ?? 15;\n\n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n",[],[100,236],"fc2f5c25-246c-455f-80cf-692b20122651","index.html","019f09d7-b28f-75db-ad6a-a5de86df5cfe",60,["D",1782658161881],"\n\n \n Loopy Letters\n \n \n \n \n

\n \n \n \n",[],[100,244],"0dff123c-69d0-451a-95b2-c3c933b9e61d","components","019f09d7-b28f-75db-ad6a-a005489f610c",["D",1782576558746],[257,258,259,260,261],[100,252],{"_35":294,"_13":295,"_67":296,"_69":253,"_70":71,"_72":297,"_74":75,"_37":298,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_115":299,"_18":300},{"_35":286,"_13":287,"_67":288,"_69":253,"_70":71,"_72":289,"_74":75,"_37":290,"_17":95,"_78":133,"_79":291,"_81":53,"_82":-5,"_115":292,"_18":293},{"_35":278,"_13":279,"_67":280,"_69":253,"_70":71,"_72":281,"_74":75,"_37":282,"_17":140,"_78":133,"_79":283,"_81":53,"_82":-5,"_115":284,"_18":285},{"_35":270,"_13":271,"_67":272,"_69":253,"_70":71,"_72":273,"_74":75,"_37":274,"_17":33,"_78":133,"_79":275,"_81":53,"_82":-5,"_115":276,"_18":277},{"_35":262,"_13":263,"_67":264,"_69":253,"_70":71,"_72":265,"_74":75,"_37":266,"_17":33,"_78":133,"_79":267,"_81":53,"_82":-5,"_115":268,"_18":269},"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",[],[100,252,263],"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",[],[100,252,271],"6c3e5df6-73f2-4622-ab49-410d1ea7ec0b","GameApp.tsx","019f09d7-b28f-75db-ad6a-9f2bd3669646",58,["D",1782658137181],"/** @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",[],[100,252,279],"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",[],[100,252,287],"f8ec57d6-d672-4d1f-9772-55d8d192aa6c","modals","4ade7a22-7243-11f1-9c95-1607ee4eb77e",14,["D",1782576876957],[301,302],[100,252,295],{"_35":311,"_13":312,"_67":313,"_69":296,"_70":71,"_72":314,"_74":75,"_37":315,"_17":95,"_78":133,"_79":316,"_81":53,"_82":-5,"_115":317,"_18":318},{"_35":303,"_13":304,"_67":305,"_69":296,"_70":71,"_72":306,"_74":75,"_37":307,"_17":33,"_78":133,"_79":308,"_81":53,"_82":-5,"_115":309,"_18":310},"36ea3a75-6311-4385-8557-d25808b2787d","InstructionsModal.tsx","4e21621c-7243-11f1-8aae-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",[],[100,252,295,304],"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",[],[100,252,295,312],["D",1782576558746],[322,323,324],[105],{"_35":341,"_13":342,"_67":343,"_69":106,"_70":71,"_72":31,"_74":75,"_37":344,"_17":345,"_78":133,"_79":346,"_81":53,"_82":-5,"_115":347,"_18":348},{"_35":333,"_13":182,"_67":334,"_69":106,"_70":71,"_72":335,"_74":75,"_37":336,"_17":140,"_78":337,"_79":338,"_81":53,"_82":-5,"_115":339,"_18":340},{"_35":325,"_13":326,"_67":327,"_69":106,"_70":71,"_72":328,"_74":75,"_37":329,"_17":89,"_78":133,"_79":330,"_81":53,"_82":-5,"_115":331,"_18":332},"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",[],[105,326],"a215ed60-97f2-487c-96b7-d0b421e9147a","019f09d7-b28f-75db-ad6a-9749ee17f60b",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",[],[105,182],"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}",[],[105,342],["D",1747493636610],"legacyEnvVars","httpPrivacy","description","find big words with a small gameplay loop","imageUrl","userId","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23","pinnedFileId","74453af8-3807-11f0-93cc-9e149126039e","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_392":388},"org",{"_11":12,"_385":386,"_387":388,"_355":356,"_389":390,"_391":53},"branch",{"_17":73,"_13":16,"_35":71,"_42":43,"_45":36,"_47":44,"_382":55,"_383":43,"_384":58,"_59":14,"_56":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":43,"_13":14,"_37":527,"_51":-5,"_350":53,"_54":55,"_351":55,"_352":353,"_354":-5,"_355":356,"_357":358,"_359":75,"_360":75,"_361":-5,"_362":33,"_57":58,"_363":-5,"_364":-5,"_365":-5,"_366":89,"_367":368,"_369":368,"_370":371,"_372":371,"_373":371,"_374":368,"_375":368,"_376":528,"_378":529,"_380":530,"_52":53},[437,441,452,465,466],"files",[437,438,439,440,441,442,443,444,445,446,447,448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466],"counts",{"_428":33,"_429":345,"_430":33,"_34":431,"_432":433},[418,419,420,421,422],"upstreamProject",{"_35":415,"_13":416,"_352":-5,"_354":-5,"_54":55,"_376":417},"upstreamBranch",{"_35":36,"_37":413,"_39":414,"_13":41,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_52":53,"_54":55,"_56":12,"_57":58,"_59":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747493636610],["D",1762811541464],"b897eb5c-1c5e-11f0-8f90-569c3dd06744","loopyLetters",{"_11":12,"_392":388},{"_35":104,"_13":105,"_67":106,"_69":-5,"_70":71,"_72":95,"_74":75,"_37":107,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_18":427},{"_35":99,"_13":100,"_67":101,"_69":-5,"_70":71,"_72":95,"_74":75,"_37":102,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_18":426},{"_35":92,"_13":93,"_67":94,"_69":-5,"_70":71,"_72":95,"_74":75,"_37":96,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_18":425},{"_35":84,"_13":85,"_67":86,"_69":-5,"_70":71,"_72":87,"_74":75,"_37":88,"_17":89,"_78":24,"_79":90,"_81":53,"_82":-5,"_18":424},{"_35":65,"_13":66,"_67":68,"_69":-5,"_70":71,"_72":73,"_74":75,"_37":76,"_17":77,"_78":24,"_79":80,"_81":53,"_82":-5,"_18":423},[66],[85],[93],[100],[105],"pulls","branches","forks",{"_434":33,"_436":33},"connections",{"_434":33,"_435":33},"count","unfilledCount","emptyCount",{"_35":104,"_13":105,"_67":106,"_69":-5,"_70":71,"_72":95,"_74":75,"_37":319,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_115":525,"_18":526},{"_35":341,"_13":342,"_67":343,"_69":106,"_70":71,"_72":31,"_74":75,"_37":344,"_17":345,"_78":133,"_79":346,"_81":53,"_82":-5,"_115":523,"_18":524},{"_35":333,"_13":182,"_67":334,"_69":106,"_70":71,"_72":335,"_74":75,"_37":336,"_17":140,"_78":337,"_79":338,"_81":53,"_82":-5,"_115":521,"_18":522},{"_35":325,"_13":326,"_67":327,"_69":106,"_70":71,"_72":328,"_74":75,"_37":329,"_17":89,"_78":133,"_79":330,"_81":53,"_82":-5,"_115":519,"_18":520},{"_35":99,"_13":100,"_67":101,"_69":-5,"_70":71,"_72":95,"_74":75,"_37":229,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_115":517,"_18":518},{"_35":251,"_13":252,"_67":253,"_69":101,"_70":71,"_72":95,"_74":75,"_37":254,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_115":515,"_18":516},{"_35":294,"_13":295,"_67":296,"_69":253,"_70":71,"_72":297,"_74":75,"_37":298,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_115":513,"_18":514},{"_35":311,"_13":312,"_67":313,"_69":296,"_70":71,"_72":314,"_74":75,"_37":315,"_17":95,"_78":133,"_79":316,"_81":53,"_82":-5,"_115":511,"_18":512},{"_35":303,"_13":304,"_67":305,"_69":296,"_70":71,"_72":306,"_74":75,"_37":307,"_17":33,"_78":133,"_79":308,"_81":53,"_82":-5,"_115":509,"_18":510},{"_35":286,"_13":287,"_67":288,"_69":253,"_70":71,"_72":289,"_74":75,"_37":290,"_17":95,"_78":133,"_79":291,"_81":53,"_82":-5,"_115":507,"_18":508},{"_35":278,"_13":279,"_67":280,"_69":253,"_70":71,"_72":281,"_74":75,"_37":282,"_17":140,"_78":133,"_79":283,"_81":53,"_82":-5,"_115":505,"_18":506},{"_35":270,"_13":271,"_67":272,"_69":253,"_70":71,"_72":273,"_74":75,"_37":274,"_17":33,"_78":133,"_79":275,"_81":53,"_82":-5,"_115":503,"_18":504},{"_35":262,"_13":263,"_67":264,"_69":253,"_70":71,"_72":265,"_74":75,"_37":266,"_17":33,"_78":133,"_79":267,"_81":53,"_82":-5,"_115":501,"_18":502},{"_35":243,"_13":244,"_67":245,"_69":101,"_70":71,"_72":246,"_74":75,"_37":247,"_17":95,"_78":24,"_79":248,"_81":53,"_82":-5,"_115":499,"_18":500},{"_35":235,"_13":236,"_67":237,"_69":101,"_70":71,"_72":238,"_74":75,"_37":239,"_17":89,"_78":133,"_79":240,"_81":53,"_82":-5,"_115":497,"_18":498},{"_35":92,"_13":93,"_67":94,"_69":-5,"_70":71,"_72":95,"_74":75,"_37":121,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_115":495,"_18":496},{"_35":152,"_13":153,"_67":154,"_69":94,"_70":71,"_72":89,"_74":75,"_37":155,"_17":33,"_78":97,"_79":-5,"_81":53,"_82":-5,"_115":493,"_18":494},{"_35":221,"_13":222,"_67":223,"_69":154,"_70":71,"_72":224,"_74":75,"_37":225,"_17":33,"_78":133,"_79":226,"_81":53,"_82":-5,"_115":491,"_18":492},{"_35":213,"_13":214,"_67":215,"_69":154,"_70":71,"_72":216,"_74":75,"_37":217,"_17":33,"_78":133,"_79":218,"_81":53,"_82":-5,"_115":489,"_18":490},{"_35":206,"_13":207,"_67":208,"_69":154,"_70":71,"_72":44,"_74":75,"_37":209,"_17":89,"_78":133,"_79":210,"_81":53,"_82":-5,"_115":487,"_18":488},{"_35":197,"_13":198,"_67":199,"_69":154,"_70":71,"_72":200,"_74":75,"_37":201,"_17":202,"_78":133,"_79":203,"_81":53,"_82":-5,"_115":485,"_18":486},{"_35":189,"_13":190,"_67":191,"_69":154,"_70":71,"_72":192,"_74":75,"_37":193,"_17":33,"_78":133,"_79":194,"_81":53,"_82":-5,"_115":483,"_18":484},{"_35":181,"_13":182,"_67":183,"_69":154,"_70":71,"_72":184,"_74":75,"_37":185,"_17":89,"_78":133,"_79":186,"_81":53,"_82":-5,"_115":481,"_18":482},{"_35":173,"_13":174,"_67":175,"_69":154,"_70":71,"_72":176,"_74":75,"_37":177,"_17":33,"_78":133,"_79":178,"_81":53,"_82":-5,"_115":479,"_18":480},{"_35":166,"_13":138,"_67":167,"_69":154,"_70":71,"_72":168,"_74":75,"_37":169,"_17":95,"_78":133,"_79":170,"_81":53,"_82":-5,"_115":477,"_18":478},{"_35":145,"_13":146,"_67":147,"_69":94,"_70":71,"_72":77,"_74":75,"_37":148,"_17":33,"_78":133,"_79":149,"_81":53,"_82":-5,"_115":475,"_18":476},{"_35":137,"_13":138,"_67":139,"_69":94,"_70":71,"_72":140,"_74":75,"_37":141,"_17":33,"_78":133,"_79":142,"_81":53,"_82":-5,"_115":473,"_18":474},{"_35":128,"_13":129,"_67":130,"_69":94,"_70":71,"_72":131,"_74":75,"_37":132,"_17":95,"_78":133,"_79":134,"_81":53,"_82":-5,"_115":471,"_18":472},{"_35":84,"_13":85,"_67":86,"_69":-5,"_70":71,"_72":87,"_74":75,"_37":118,"_17":89,"_78":24,"_79":90,"_81":53,"_82":-5,"_115":469,"_18":470},{"_35":65,"_13":66,"_67":68,"_69":-5,"_70":71,"_72":73,"_74":75,"_37":114,"_17":77,"_78":24,"_79":80,"_81":53,"_82":-5,"_115":467,"_18":468},[],[66],[],[85],[],[93,129],[],[93,138],[],[93,146],[],[93,153,138],[],[93,153,174],[],[93,153,182],[],[93,153,190],[],[93,153,198],[],[93,153,207],[],[93,153,214],[],[93,153,222],[454,455,456,457,458,459,460,461],[93,153],[453,462,463,464],[93],[],[100,236],[],[100,244],[],[100,252,263],[],[100,252,271],[],[100,252,279],[],[100,252,287],[],[100,252,295,304],[],[100,252,295,312],[444,445],[100,252,295],[443,446,447,448,449],[100,252],[442,450,451],[100],[],[105,326],[],[105,182],[],[105,342],[438,439,440],[105],["D",1747493636610],{"_11":12,"_392":388},{"_11":12,"_385":386,"_387":388,"_355":356,"_389":390,"_391":53},{"_17":73,"_13":16,"_35":71,"_42":43,"_45":36,"_47":44,"_382":55,"_383":43,"_384":58,"_59":14,"_56":12},"ctx",{"_376":-5,"_410":564,"_565":566,"_567":568,"_569":53,"_570":53,"_571":53,"_572":75,"_573":-5,"_574":-7,"_575":-7,"_576":33,"_577":53,"_578":53,"_579":-5,"_580":53,"_581":53,"_582":53,"_583":-5},"ENV",{"_535":536,"_537":538,"_539":41,"_540":541,"_542":543,"_544":545,"_546":547,"_548":549,"_550":551,"_552":553,"_554":555,"_556":557,"_558":559,"_560":561,"_562":563},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code