[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_525":526,"_527":528},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_389":-5,"_20":390,"_22":391,"_392":393,"_394":395,"_26":396,"_24":397,"_398":399,"_400":401,"_402":54,"_403":404,"_405":75,"_406":-5,"_407":-5,"_408":409},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","alexwein","name","loopyLettersApp","branchName","custom-cones","version","path","frontend","project",{"_36":44,"_13":14,"_38":345,"_52":-5,"_346":54,"_55":56,"_347":56,"_348":349,"_350":-5,"_351":352,"_353":354,"_355":75,"_356":75,"_357":-5,"_358":34,"_58":59,"_359":-5,"_360":-5,"_361":-5,"_362":77,"_363":364,"_365":364,"_366":367,"_368":367,"_369":367,"_370":364,"_371":364,"_372":373,"_374":375,"_376":377,"_53":54},"tree",[102,103,104,105,106],"file",{"_36":99,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":90,"_74":75,"_38":100,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_18":101},"contents",[61,62,63],"upstream",{"_36":37,"_38":39,"_40":41,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"pull","ahead",62,"behind",0,"envVars","id","c216a542-332e-11f0-81f8-9e149126039e","createdAt",["D",1747493636610],"updatedAt",["D",1762811541464],"main","projectId","c214e284-332e-11f0-81f8-9e149126039e",46,"forkedBranchId","b8984c5a-1c5e-11f0-8f90-569c3dd06744","forkedBranchVersion",64,"lockfileKey","1774455451475-esm.town_v_alexwein_loopyLettersApp@46-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","875ed3cd-ae4b-40bb-a45f-6a1970e11689","projectName",{"_36":93,"_13":94,"_66":95,"_68":69,"_70":71,"_72":90,"_74":75,"_38":96,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_18":98},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":90,"_78":24,"_80":91,"_82":54,"_83":-5,"_18":92},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":54,"_83":-5,"_18":84},"6a10de12-1dfe-467e-8e89-7fbba6a9ec41","index.tsx","fileId","019f09d7-b28f-75db-ad6a-aac640ba8076","parentId","019f09d7-b28f-75db-ad6a-aca5500c1f75","branchId","eb47067a-9f3f-4ada-a6fb-e17b11feca87","branchVersion",59,"latest",true,["D",1782658144905],2,"fileType","script","content","/** @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","deleted","label",[19,65],"fc2f5c25-246c-455f-80cf-692b20122651","index.html","019f09d7-b28f-75db-ad6a-a5de86df5cfe",60,["D",1782658161881],1,"\n\n \n Loopy Letters\n \n \n \n \n

\n \n \n \n",[19,86],"0dff123c-69d0-451a-95b2-c3c933b9e61d","components","019f09d7-b28f-75db-ad6a-a005489f610c",["D",1782576558746],"directory",[19,94],"f546cf28-a2ad-4493-bd80-c2be647ef050",["D",1782576558746],[19],{"_36":312,"_13":313,"_66":314,"_68":-5,"_70":71,"_72":90,"_74":75,"_38":315,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":316,"_18":317},{"_36":99,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":90,"_74":75,"_38":235,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":236,"_18":237},{"_36":125,"_13":126,"_66":127,"_68":-5,"_70":71,"_72":90,"_74":75,"_38":128,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":129,"_18":130},{"_36":117,"_13":118,"_66":119,"_68":-5,"_70":71,"_72":120,"_74":75,"_38":121,"_17":77,"_78":24,"_80":122,"_82":54,"_83":-5,"_114":123,"_18":124},{"_36":107,"_13":108,"_66":109,"_68":-5,"_70":71,"_72":110,"_74":75,"_38":111,"_17":112,"_78":24,"_80":113,"_82":54,"_83":-5,"_114":115,"_18":116},"f1065c8b-3c87-45c1-93b6-b7e98a84dcf6","todos.md","019f09d7-b28f-75db-ad6a-bf2418f5811e",63,["D",1788108405163],4,"## todo:\n\n\n## completed:\n\n1. [x] refactor into a react/hono app\n - [x] logic shared between birds.tsx and main.tsx should be brought together into libraries\n - [x] \"/\" should serve the version in main.tsx\n - [x] \"/birds\" should serve the version in birds.tsx\n - [x] add a link to \"/birds\" on the main \"/\" page\n\n---\n## refactor\n\nrefactor into multiple files so the shared and unshared logic of the three modes are easier to navigate, and adding new modes is simplified.\nupdate readme with instructions for adding a new mode\n\n---\nwith the new mode registry architecture, add a new version mode based on coney.tsx, fancy-cone.tsx.\nthe only difference is now the middle tile can contain multiple letters (1-4, chosen randomly)\n\n## authored cones\n\nCreate a new mode based on Fancy Cone: Handmade Cones.\nThe only difference is that rather than pulling a random word, it uses a file backend/handmade-cones.tsx that contains the data.\n\nthe coney letters in the center will be distinguished by parentheses:\n\nStart with this word list:\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\nhttps://alexwein--019f09d7b28f75dbad6a9749ee17f60b.web.val.run/handmade-cones\n\n\nuse seeded randomness so that the everyone gets the same version of each puzzle, seed should be set in backend/handmade-cones.ts\n\n---\n\nFor the renderInstructions funct for handmade-cones,\ninlay a static version of one board as an example, use this string:\n\n\"wo(rdp)lay\"\n\n---\n\n\nbuild a level structure into handmade-cones.\n\n- make the current puzzle #1, and use the same word list for puzzle #2 for now, so I can extend the \"data\" file.\n- when the user completes a puzzle, there is a button to play the next puzzle. There is also a button to navigate to the puzzle select menu.\n- for now assume the the puzzle select menu will eventually have 15 puzzles, but that's not a fixed number.\n\n- Make /handmade-cones the level select.\n- The How To Modal should pop up once per session (on the mode's route),\n- but if they land on /handmade-cones/1 or /handmade-cones, the modal only should appear once","children",[],[108],"bd74086e-8f73-4194-b237-a99e2925944b","README.md","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",[],[118],"32da8f2e-dcc4-43e8-98dc-1ee64b0a7359","shared","019f09d7-b28f-75db-ad6a-b67fcba4d521",["D",1782576558746],[131,132,133,134],[126],{"_36":158,"_13":159,"_66":160,"_68":127,"_70":71,"_72":77,"_74":75,"_38":161,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":162,"_18":163},{"_36":151,"_13":152,"_66":153,"_68":127,"_70":71,"_72":112,"_74":75,"_38":154,"_17":34,"_78":79,"_80":155,"_82":54,"_83":-5,"_114":156,"_18":157},{"_36":143,"_13":144,"_66":145,"_68":127,"_70":71,"_72":146,"_74":75,"_38":147,"_17":34,"_78":79,"_80":148,"_82":54,"_83":-5,"_114":149,"_18":150},{"_36":135,"_13":136,"_66":137,"_68":127,"_70":71,"_72":138,"_74":75,"_38":139,"_17":90,"_78":79,"_80":140,"_82":54,"_83":-5,"_114":141,"_18":142},"f6eb2923-2f7a-4d14-bebe-9891a611926b","words.ts","f90d8576-7242-11f1-bd43-1607ee4eb77e",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",[],[126,136],"6e1f2e5e-9a0f-4e81-9fd9-ee64597365f9","types.ts","ea2a6d80-7242-11f1-9c71-1607ee4eb77e",3,["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",[],[126,144],"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",[],[126,152],"ccc38dd9-89df-4fab-83b2-07c72ef01856","modes","e70eaa4e-7242-11f1-80f0-1607ee4eb77e",["D",1782576709495],[164,165,166,167,168,169,170,171],[126,159],{"_36":227,"_13":228,"_66":229,"_68":160,"_70":71,"_72":230,"_74":75,"_38":231,"_17":34,"_78":79,"_80":232,"_82":54,"_83":-5,"_114":233,"_18":234},{"_36":219,"_13":220,"_66":221,"_68":160,"_70":71,"_72":222,"_74":75,"_38":223,"_17":34,"_78":79,"_80":224,"_82":54,"_83":-5,"_114":225,"_18":226},{"_36":212,"_13":213,"_66":214,"_68":160,"_70":71,"_72":45,"_74":75,"_38":215,"_17":77,"_78":79,"_80":216,"_82":54,"_83":-5,"_114":217,"_18":218},{"_36":203,"_13":204,"_66":205,"_68":160,"_70":71,"_72":206,"_74":75,"_38":207,"_17":208,"_78":79,"_80":209,"_82":54,"_83":-5,"_114":210,"_18":211},{"_36":195,"_13":196,"_66":197,"_68":160,"_70":71,"_72":198,"_74":75,"_38":199,"_17":34,"_78":79,"_80":200,"_82":54,"_83":-5,"_114":201,"_18":202},{"_36":187,"_13":188,"_66":189,"_68":160,"_70":71,"_72":190,"_74":75,"_38":191,"_17":77,"_78":79,"_80":192,"_82":54,"_83":-5,"_114":193,"_18":194},{"_36":179,"_13":180,"_66":181,"_68":160,"_70":71,"_72":182,"_74":75,"_38":183,"_17":34,"_78":79,"_80":184,"_82":54,"_83":-5,"_114":185,"_18":186},{"_36":172,"_13":144,"_66":173,"_68":160,"_70":71,"_72":174,"_74":75,"_38":175,"_17":90,"_78":79,"_80":176,"_82":54,"_83":-5,"_114":177,"_18":178},"4e89095b-32ed-455f-9032-05efb59992e1","071ca2e6-7243-11f1-8c0b-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",[],[126,159,144],"00e75752-a415-4384-9f72-2003a8c7aafd","main.tsx","13a915d0-7243-11f1-bc96-1607ee4eb77e",8,["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",[],[126,159,180],"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",[],[126,159,188],"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",[],[126,159,196],"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",[],[126,159,204],"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};",[],[126,159,213],"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",[],[126,159,220],"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",[],[126,159,228],["D",1782576558746],[238,239,240],[19],{"_36":93,"_13":94,"_66":95,"_68":69,"_70":71,"_72":90,"_74":75,"_38":247,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":248,"_18":249},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":244,"_17":90,"_78":24,"_80":91,"_82":54,"_83":-5,"_114":245,"_18":246},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":241,"_17":77,"_78":79,"_80":81,"_82":54,"_83":-5,"_114":242,"_18":243},["D",1782658144905],[],[19,65],["D",1782658161881],[],[19,86],["D",1782576558746],[250,251,252,253,254],[19,94],{"_36":287,"_13":288,"_66":289,"_68":95,"_70":71,"_72":290,"_74":75,"_38":291,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":292,"_18":293},{"_36":279,"_13":280,"_66":281,"_68":95,"_70":71,"_72":282,"_74":75,"_38":283,"_17":90,"_78":79,"_80":284,"_82":54,"_83":-5,"_114":285,"_18":286},{"_36":271,"_13":272,"_66":273,"_68":95,"_70":71,"_72":274,"_74":75,"_38":275,"_17":146,"_78":79,"_80":276,"_82":54,"_83":-5,"_114":277,"_18":278},{"_36":263,"_13":264,"_66":265,"_68":95,"_70":71,"_72":266,"_74":75,"_38":267,"_17":34,"_78":79,"_80":268,"_82":54,"_83":-5,"_114":269,"_18":270},{"_36":255,"_13":256,"_66":257,"_68":95,"_70":71,"_72":258,"_74":75,"_38":259,"_17":34,"_78":79,"_80":260,"_82":54,"_83":-5,"_114":261,"_18":262},"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",[],[19,94,256],"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",[],[19,94,264],"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",[],[19,94,272],"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",[],[19,94,280],"f8ec57d6-d672-4d1f-9772-55d8d192aa6c","modals","4ade7a22-7243-11f1-9c95-1607ee4eb77e",14,["D",1782576876957],[294,295],[19,94,288],{"_36":304,"_13":305,"_66":306,"_68":289,"_70":71,"_72":307,"_74":75,"_38":308,"_17":90,"_78":79,"_80":309,"_82":54,"_83":-5,"_114":310,"_18":311},{"_36":296,"_13":297,"_66":298,"_68":289,"_70":71,"_72":299,"_74":75,"_38":300,"_17":34,"_78":79,"_80":301,"_82":54,"_83":-5,"_114":302,"_18":303},"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",[],[19,94,288,297],"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",[],[19,94,288,305],"e0033ed7-1767-46f5-addb-e2710750c7fe","backend","019f09d7-b28f-75db-ad6a-989b88abf7bd",["D",1782576558746],[318,319,320],[313],{"_36":337,"_13":338,"_66":339,"_68":314,"_70":71,"_72":32,"_74":75,"_38":340,"_17":341,"_78":79,"_80":342,"_82":54,"_83":-5,"_114":343,"_18":344},{"_36":329,"_13":188,"_66":330,"_68":314,"_70":71,"_72":331,"_74":75,"_38":332,"_17":146,"_78":333,"_80":334,"_82":54,"_83":-5,"_114":335,"_18":336},{"_36":321,"_13":322,"_66":323,"_68":314,"_70":71,"_72":324,"_74":75,"_38":325,"_17":77,"_78":79,"_80":326,"_82":54,"_83":-5,"_114":327,"_18":328},"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",[],[313,322],"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",[],[313,188],"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}",[],[313,338],["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,"_388":384},"org",{"_11":12,"_381":382,"_383":384,"_351":352,"_385":386,"_387":54},"branch",{"_17":110,"_13":16,"_36":71,"_43":44,"_46":37,"_48":45,"_378":56,"_379":44,"_380":59,"_60":14,"_57":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":44,"_13":14,"_38":521,"_52":-5,"_346":54,"_55":56,"_347":56,"_348":349,"_350":-5,"_351":352,"_353":354,"_355":75,"_356":75,"_357":-5,"_358":34,"_58":59,"_359":-5,"_360":-5,"_361":-5,"_362":77,"_363":364,"_365":364,"_366":367,"_368":367,"_369":367,"_370":364,"_371":364,"_372":522,"_374":523,"_376":524,"_53":54},[431,435,446,459,460],"files",[431,432,433,434,435,436,437,438,439,440,441,442,443,444,445,446,447,448,449,450,451,452,453,454,455,456,457,458,459,460],"counts",{"_422":34,"_423":341,"_424":34,"_35":425,"_426":427},[416,417,418],{"_36":99,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":90,"_74":75,"_38":100,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_18":415},"upstreamProject",{"_36":412,"_13":413,"_348":-5,"_350":-5,"_55":56,"_372":414},"upstreamBranch",{"_36":37,"_38":410,"_40":411,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747493636610],["D",1762811541464],"b897eb5c-1c5e-11f0-8f90-569c3dd06744","loopyLetters",{"_11":12,"_388":384},[19],{"_36":93,"_13":94,"_66":95,"_68":69,"_70":71,"_72":90,"_74":75,"_38":96,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_18":421},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":90,"_78":24,"_80":91,"_82":54,"_83":-5,"_18":420},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":54,"_83":-5,"_18":419},[19,65],[19,86],[19,94],"pulls","branches","forks",{"_428":34,"_430":34},"connections",{"_428":34,"_429":34},"count","unfilledCount","emptyCount",{"_36":312,"_13":313,"_66":314,"_68":-5,"_70":71,"_72":90,"_74":75,"_38":315,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":519,"_18":520},{"_36":337,"_13":338,"_66":339,"_68":314,"_70":71,"_72":32,"_74":75,"_38":340,"_17":341,"_78":79,"_80":342,"_82":54,"_83":-5,"_114":517,"_18":518},{"_36":329,"_13":188,"_66":330,"_68":314,"_70":71,"_72":331,"_74":75,"_38":332,"_17":146,"_78":333,"_80":334,"_82":54,"_83":-5,"_114":515,"_18":516},{"_36":321,"_13":322,"_66":323,"_68":314,"_70":71,"_72":324,"_74":75,"_38":325,"_17":77,"_78":79,"_80":326,"_82":54,"_83":-5,"_114":513,"_18":514},{"_36":99,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":90,"_74":75,"_38":235,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":511,"_18":512},{"_36":93,"_13":94,"_66":95,"_68":69,"_70":71,"_72":90,"_74":75,"_38":247,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":509,"_18":510},{"_36":287,"_13":288,"_66":289,"_68":95,"_70":71,"_72":290,"_74":75,"_38":291,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":507,"_18":508},{"_36":304,"_13":305,"_66":306,"_68":289,"_70":71,"_72":307,"_74":75,"_38":308,"_17":90,"_78":79,"_80":309,"_82":54,"_83":-5,"_114":505,"_18":506},{"_36":296,"_13":297,"_66":298,"_68":289,"_70":71,"_72":299,"_74":75,"_38":300,"_17":34,"_78":79,"_80":301,"_82":54,"_83":-5,"_114":503,"_18":504},{"_36":279,"_13":280,"_66":281,"_68":95,"_70":71,"_72":282,"_74":75,"_38":283,"_17":90,"_78":79,"_80":284,"_82":54,"_83":-5,"_114":501,"_18":502},{"_36":271,"_13":272,"_66":273,"_68":95,"_70":71,"_72":274,"_74":75,"_38":275,"_17":146,"_78":79,"_80":276,"_82":54,"_83":-5,"_114":499,"_18":500},{"_36":263,"_13":264,"_66":265,"_68":95,"_70":71,"_72":266,"_74":75,"_38":267,"_17":34,"_78":79,"_80":268,"_82":54,"_83":-5,"_114":497,"_18":498},{"_36":255,"_13":256,"_66":257,"_68":95,"_70":71,"_72":258,"_74":75,"_38":259,"_17":34,"_78":79,"_80":260,"_82":54,"_83":-5,"_114":495,"_18":496},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":244,"_17":90,"_78":24,"_80":91,"_82":54,"_83":-5,"_114":493,"_18":494},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":241,"_17":77,"_78":79,"_80":81,"_82":54,"_83":-5,"_114":491,"_18":492},{"_36":125,"_13":126,"_66":127,"_68":-5,"_70":71,"_72":90,"_74":75,"_38":128,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":489,"_18":490},{"_36":158,"_13":159,"_66":160,"_68":127,"_70":71,"_72":77,"_74":75,"_38":161,"_17":34,"_78":97,"_80":-5,"_82":54,"_83":-5,"_114":487,"_18":488},{"_36":227,"_13":228,"_66":229,"_68":160,"_70":71,"_72":230,"_74":75,"_38":231,"_17":34,"_78":79,"_80":232,"_82":54,"_83":-5,"_114":485,"_18":486},{"_36":219,"_13":220,"_66":221,"_68":160,"_70":71,"_72":222,"_74":75,"_38":223,"_17":34,"_78":79,"_80":224,"_82":54,"_83":-5,"_114":483,"_18":484},{"_36":212,"_13":213,"_66":214,"_68":160,"_70":71,"_72":45,"_74":75,"_38":215,"_17":77,"_78":79,"_80":216,"_82":54,"_83":-5,"_114":481,"_18":482},{"_36":203,"_13":204,"_66":205,"_68":160,"_70":71,"_72":206,"_74":75,"_38":207,"_17":208,"_78":79,"_80":209,"_82":54,"_83":-5,"_114":479,"_18":480},{"_36":195,"_13":196,"_66":197,"_68":160,"_70":71,"_72":198,"_74":75,"_38":199,"_17":34,"_78":79,"_80":200,"_82":54,"_83":-5,"_114":477,"_18":478},{"_36":187,"_13":188,"_66":189,"_68":160,"_70":71,"_72":190,"_74":75,"_38":191,"_17":77,"_78":79,"_80":192,"_82":54,"_83":-5,"_114":475,"_18":476},{"_36":179,"_13":180,"_66":181,"_68":160,"_70":71,"_72":182,"_74":75,"_38":183,"_17":34,"_78":79,"_80":184,"_82":54,"_83":-5,"_114":473,"_18":474},{"_36":172,"_13":144,"_66":173,"_68":160,"_70":71,"_72":174,"_74":75,"_38":175,"_17":90,"_78":79,"_80":176,"_82":54,"_83":-5,"_114":471,"_18":472},{"_36":151,"_13":152,"_66":153,"_68":127,"_70":71,"_72":112,"_74":75,"_38":154,"_17":34,"_78":79,"_80":155,"_82":54,"_83":-5,"_114":469,"_18":470},{"_36":143,"_13":144,"_66":145,"_68":127,"_70":71,"_72":146,"_74":75,"_38":147,"_17":34,"_78":79,"_80":148,"_82":54,"_83":-5,"_114":467,"_18":468},{"_36":135,"_13":136,"_66":137,"_68":127,"_70":71,"_72":138,"_74":75,"_38":139,"_17":90,"_78":79,"_80":140,"_82":54,"_83":-5,"_114":465,"_18":466},{"_36":117,"_13":118,"_66":119,"_68":-5,"_70":71,"_72":120,"_74":75,"_38":121,"_17":77,"_78":24,"_80":122,"_82":54,"_83":-5,"_114":463,"_18":464},{"_36":107,"_13":108,"_66":109,"_68":-5,"_70":71,"_72":110,"_74":75,"_38":111,"_17":112,"_78":24,"_80":113,"_82":54,"_83":-5,"_114":461,"_18":462},[],[108],[],[118],[],[126,136],[],[126,144],[],[126,152],[],[126,159,144],[],[126,159,180],[],[126,159,188],[],[126,159,196],[],[126,159,204],[],[126,159,213],[],[126,159,220],[],[126,159,228],[448,449,450,451,452,453,454,455],[126,159],[447,456,457,458],[126],[],[19,65],[],[19,86],[],[19,94,256],[],[19,94,264],[],[19,94,272],[],[19,94,280],[],[19,94,288,297],[],[19,94,288,305],[438,439],[19,94,288],[437,440,441,442,443],[19,94],[436,444,445],[19],[],[313,322],[],[313,188],[],[313,338],[432,433,434],[313],["D",1747493636610],{"_11":12,"_388":384},{"_11":12,"_381":382,"_383":384,"_351":352,"_385":386,"_387":54},{"_17":110,"_13":16,"_36":71,"_43":44,"_46":37,"_48":45,"_378":56,"_379":44,"_380":59,"_60":14,"_57":12},"ctx",{"_372":-5,"_407":558,"_559":560,"_561":562,"_563":54,"_564":54,"_565":54,"_566":75,"_567":-5,"_568":-7,"_569":-7,"_570":34,"_571":54,"_572":54,"_573":-5,"_574":54,"_575":54,"_576":54,"_577":-5},"ENV",{"_529":530,"_531":532,"_533":42,"_534":535,"_536":537,"_538":539,"_540":541,"_542":543,"_544":545,"_546":547,"_548":549,"_550":551,"_552":553,"_554":555,"_556":557},"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"]