[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_292":293,"_294":295},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_217":-5,"_20":218,"_22":219,"_220":221,"_222":223,"_26":224,"_24":225,"_226":227,"_228":229,"_230":52,"_231":232,"_233":72,"_234":-5,"_235":-5,"_236":237},"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","main","version","path","frontend/components","project",{"_36":173,"_13":14,"_38":174,"_50":-5,"_175":52,"_53":54,"_176":54,"_177":178,"_179":-5,"_180":181,"_182":166,"_183":72,"_184":72,"_185":-5,"_186":34,"_56":57,"_187":-5,"_188":-5,"_189":-5,"_190":125,"_191":192,"_193":192,"_194":195,"_196":195,"_197":195,"_198":192,"_199":192,"_200":201,"_202":203,"_204":205,"_51":52},"tree",[89,90,91,92,93],"file",{"_36":83,"_67":68,"_63":66,"_13":82,"_76":-5,"_74":84,"_17":34,"_65":85,"_38":86,"_69":87,"_79":-5,"_18":88},"contents",[60],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":46,"_47":34,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":59},"pull","ahead",3,"behind",0,"envVars","id","b8984c5a-1c5e-11f0-8f90-569c3dd06744","createdAt",["D",1744985359792],"updatedAt",["D",1762725391675],"projectId","b897eb5c-1c5e-11f0-8f90-569c3dd06744",64,"forkedBranchId","c707a092-2799-11f0-9d52-569c3dd06744","forkedBranchVersion","lockfileKey","1762725395458-esm.town_v_alexwein_loopyLetters@64-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","875ed3cd-ae4b-40bb-a45f-6a1970e11689","projectName","loopyLetters",{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":32,"_74":75,"_76":77,"_78":52,"_79":-5,"_18":80},"d1eaa626-bdb7-11f0-bd75-42dde27851f2","GameApp.tsx","fileId","74456906-3807-11f0-93cc-9e149126039e","parentId","5685ead9-33ca-446d-b1ff-87130446c22e","branchId","c216a542-332e-11f0-81f8-9e149126039e","branchVersion",45,"latest",true,["D",1762725764684],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n CENTER,\n coneyIsAdjacent,\n createDonutSegment,\n createStar,\n getAdjacencyChecker,\n getLetterIndexFromPoint,\n getRelativeCoordinates,\n INNER_RADIUS,\n INNER_RADIUS_BIRDS,\n isAdjacent,\n isReverseSubstring,\n lettersOnly,\n OUTER_RADIUS,\n prepareWordDisplay,\n randomRotate,\n type Star,\n tryReverse,\n type WordItem,\n} from \"/shared/gameLogic.ts\";\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface GameAppProps {\n gameType: \"main\" | \"coney\" | \"birds\";\n}\n\nfunction InstructionsModal({ onClose, gameType }: { onClose: () => void; gameType: \"main\" | \"coney\" | \"birds\" }) {\n if (gameType === \"birds\") {\n return (\n

Return to Loopy Letters:

The Birdy Version

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

\n \n

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

How to play Coney Letters:

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

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

\n \n

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

How to play Loopy Letters:

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

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

\n \n

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

Game Over!

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

\n\n

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

\n {word.word}\n

\n ))}\n

\n\n \n

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

Game Over!

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

\n \n

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

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

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

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

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

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

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

{Math.round(elapsedTime)} s

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

- {selectedWord} -

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

\n );\n}","deleted","label",[81,82,62],"frontend","components","7445a204-3807-11f0-93cc-9e149126039e","directory","5d6a1f64-003d-403c-8a18-76dbf5bf1727",["D",1748026511498],34,[81,82],{"_36":157,"_13":158,"_63":159,"_65":-5,"_67":68,"_69":87,"_71":72,"_38":160,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_101":161,"_18":162},{"_36":129,"_13":81,"_63":85,"_65":-5,"_67":68,"_69":87,"_71":72,"_38":130,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_101":131,"_18":132},{"_36":113,"_13":114,"_63":115,"_65":-5,"_67":68,"_69":87,"_71":72,"_38":116,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_101":117,"_18":118},{"_36":104,"_13":105,"_63":106,"_65":-5,"_67":68,"_69":107,"_71":72,"_38":108,"_17":109,"_74":24,"_76":110,"_78":52,"_79":-5,"_101":111,"_18":112},{"_36":94,"_13":95,"_63":96,"_65":-5,"_67":68,"_69":97,"_71":72,"_38":98,"_17":99,"_74":24,"_76":100,"_78":52,"_79":-5,"_101":102,"_18":103},"f3a366c8-bdb6-11f0-bc5c-42dde27851f2","todos.md","e171af68-332e-11f0-ae27-9e149126039e",43,["D",1762725391764],12,"## todo:\n\n\n## completed:\n\n1. [x] refactor into a react/hono app\n - [x] logic shared between birds.tsx and main.tsx should be brought together into libraries\n - [x] \"/\" should serve the version in main.tsx\n - [x] \"/birds\" should serve the version in birds.tsx\n - [x] add a link to \"/birds\" on the main \"/\" page","children",[],[95],"88dcad80-be7f-11f0-960a-42dde27851f2","README.md","602f2730-7466-4f4f-8567-38928f6b9372",46,["D",1762811541464],8,"# Loopy Letters - A Word Game\n\nA word game with a small gameplay loop. Plays best on your phone. (I used LLM coding tools somewhat with the project, including obviously this boring-ass readme).\n\n\n## Games\n\n- **Main Game** (`/`) - Classic Loopy Letters: Use every letter on the donut to spell words. Letters must be adjacent (clockwise or counterclockwise).\n- **Coney Letters** (`/coney`) - One letter from each word is randomly selected as the \"coney letter\" and displayed as an interactive circle in the center of the donut. This special letter is adjacent to every other letter on the donut.\n- **Birds** (`/birds`) - With random birds instead of random words.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server with API routes\n├── frontend/\n│ ├── components/\n│ │ └── GameApp.tsx # Main game component\n│ ├── index.html # HTML template\n│ └── index.tsx # Frontend entry point\n├── shared/\n│ └── gameLogic.ts # Shared game logic and utilities\n└── README.md\n```\n\n### Rules\n\n#### Classic Loopy Letters (`/`)\n1. Use every letter on the donut to spell a word.\n2. Letters in the word must be adjacent to each other on the donut.\n3. You can go **clockwise** or **counterclockwise**.\n4. When you find a word, the next word to find appears.\n5. Go fast. Go slow. Enjoy.\n\n#### Coney Letters (`/coney`)\n1. Use every letter to spell a word.\n2. Letters in the word must be adjacent on the circle. The middle letter is adjacent to all the others.\n3. When you find a word, the next word to find appears.\n4. Go fast. Go slow. Enjoy.\n\n**Coney Letter Feature**: One letter from each word is randomly selected as the \"coney letter\" and displayed as an interactive circle in the center of the donut. This special letter is adjacent to every other letter on the donut, making it easier to form words. You can click and drag from/to the center circle just like the donut segments.\n\n### Game Logic Functions\n\n- `isAdjacent()` - Standard adjacency check for letters on the donut (used in classic mode)\n- `coneyIsAdjacent()` - Special adjacency check where a designated \"coney letter\" is adjacent to every other letter (used in coney mode)\n- `prepareWordDisplay()` - Prepares word display based on game mode (classic vs coney)\n- `getAdjacencyChecker()` - Returns the appropriate adjacency function for the game mode\n\n### Technical Implementation\n\nThe coney letter system works by:\n1. Randomly selecting one letter from each target word as the \"coney letter\"\n2. Removing that letter from the donut display (creating a complete circle with remaining letters)\n3. Displaying the coney letter as an interactive circle in the center\n4. Using special adjacency rules where the center letter connects to any donut letter\n5. Validating completed words against the full original target word\n\nThis revisits the gameplay from a 2002 Observable notebook I made called\n[\"find a (big) word, rings\"](https://observablehq.com/@a-lexwein/find-a-big-word-rings).\n\n## Data Sources\n\n- Main game uses random words from the Wordnik word game list\n- Birds version uses Wikipedia's List of Birds By Common Name with images",[],[105],"7445a362-3807-11f0-93cc-9e149126039e","shared","eaca10d2-09b6-47e6-a7ca-02860c19d201",["D",1748026511498],[119],[114],{"_36":120,"_13":121,"_63":122,"_65":115,"_67":68,"_69":123,"_71":72,"_38":124,"_17":125,"_74":75,"_76":126,"_78":52,"_79":-5,"_101":127,"_18":128},"a3bd1900-bdb7-11f0-a8ba-42dde27851f2","gameLogic.ts","74459bf6-3807-11f0-93cc-9e149126039e",44,["D",1762725687207],2,"// Shared game logic between main and birds versions\n\nexport const OUTER_RADIUS = 146;\nexport const INNER_RADIUS = 60;\nexport const INNER_RADIUS_BIRDS = 75;\nexport const CENTER = { x: 150, y: 150 };\n\nexport const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\",\n \"CONSECRATION\",\n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n];\n\nexport const FALLBACK_BIRDS_WORDLIST = [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n\nexport const isReverseSubstring = (substr: string, board: string): boolean =>\n (board + board).includes(substr) || (board + board).includes(substr.split(\"\").reverse().join(\"\"));\n\nexport const tryReverse = (str: string): string => {\n return Math.random() < 0.5 ? str.split(\"\").reverse().join(\"\") : str;\n};\n\nexport const randomRotate = (str: string): string => {\n const i = Math.floor(Math.random() * str.length);\n return str.slice(i) + str.slice(0, i);\n};\n\nexport const lettersOnly = (str: string): string => str.replace(/[^a-zA-Z]/g, \"\");\n\nexport const createDonutSegment = (\n startAngle: number, \n endAngle: number, \n index: number, \n selection: number[],\n innerRadius: number = INNER_RADIUS\n) => {\n const isSelected = selection.includes(index);\n const largeArcFlag = endAngle - startAngle <= Math.PI ? \"0\" : \"1\";\n\n const startOuterX = CENTER.x + OUTER_RADIUS * Math.cos(startAngle);\n const startOuterY = CENTER.y + OUTER_RADIUS * Math.sin(startAngle);\n const endOuterX = CENTER.x + OUTER_RADIUS * Math.cos(endAngle);\n const endOuterY = CENTER.y + OUTER_RADIUS * Math.sin(endAngle);\n\n const startInnerX = CENTER.x + innerRadius * Math.cos(endAngle);\n const startInnerY = CENTER.y + innerRadius * Math.sin(endAngle);\n const endInnerX = CENTER.x + innerRadius * Math.cos(startAngle);\n const endInnerY = CENTER.y + innerRadius * Math.sin(startAngle);\n\n const path = [\n `M ${startOuterX} ${startOuterY}`,\n `A ${OUTER_RADIUS} ${OUTER_RADIUS} 0 ${largeArcFlag} 1 ${endOuterX} ${endOuterY}`,\n `L ${startInnerX} ${startInnerY}`,\n `A ${innerRadius} ${innerRadius} 0 ${largeArcFlag} 0 ${endInnerX} ${endInnerY}`,\n \"Z\",\n ].join(\" \");\n\n return { path, isSelected };\n};\n\nexport const createStar = (cx: number, cy: number, spikes = 5, outerRadius = 20, innerRadius = 10) => {\n let points = [];\n for (let i = 0; i < spikes * 2; i++) {\n const radius = i % 2 === 0 ? outerRadius : innerRadius;\n const angle = (Math.PI * i) / spikes;\n const x = cx + Math.cos(angle) * radius;\n const y = cy + Math.sin(angle) * radius;\n points.push(`${x},${y}`);\n }\n return points.join(\" \");\n};\n\nexport const getRelativeCoordinates = (event: PointerEvent, svgRef: SVGSVGElement) => {\n const pt = svgRef.createSVGPoint();\n pt.x = event.clientX;\n pt.y = event.clientY;\n return pt.matrixTransform(svgRef.getScreenCTM()!.inverse());\n};\n\nexport const getLetterIndexFromPoint = (\n point: { x: number; y: number }, \n currentWordLength: number,\n innerRadius: number = INNER_RADIUS\n) => {\n const dx = point.x - CENTER.x;\n const dy = point.y - CENTER.y;\n const distance = Math.sqrt(dx * dx + dy * dy);\n if (distance < innerRadius || distance > OUTER_RADIUS) return -1;\n\n let angle = Math.atan2(dy, dx);\n if (angle < 0) angle += 2 * Math.PI;\n const segmentAngle = (2 * Math.PI) / currentWordLength;\n return Math.floor(angle / segmentAngle) % currentWordLength;\n};\n\nexport const isAdjacent = (index1: number, index2: number, wordLength: number): boolean => {\n const diff = Math.abs(index1 - index2);\n return diff === 1 || diff === wordLength - 1;\n};\n\nexport const coneyIsAdjacent = (\n index1: number, \n index2: number, \n wordLength: number, \n coneyLetter: string, \n currentWord: string\n): boolean => {\n // If either index is -1 (center coney letter), they are adjacent to any other letter\n if (index1 === -1 || index2 === -1) {\n return true;\n }\n \n // Get the letters at the given indices (for donut segments)\n const letter1 = currentWord[index1];\n const letter2 = currentWord[index2];\n \n // If either letter is the coney letter, they are adjacent to any other letter\n if (letter1 === coneyLetter || letter2 === coneyLetter) {\n return true;\n }\n \n // Otherwise, use the normal adjacency rules (but with adjusted word length since coney letter is removed)\n return isAdjacent(index1, index2, wordLength - 1);\n};\n\n// Helper function to prepare word display for different game modes\nexport const prepareWordDisplay = (word: string, gameMode: \"main\" | \"coney\" | \"birds\"): {\n displayWord: string;\n coneyLetter: string;\n} => {\n if (gameMode === \"coney\") {\n // Coney mode: randomly select one letter as the center coney letter\n const coneyLetterIndex = Math.floor(Math.random() * word.length);\n const coneyLetterChar = word.charAt(coneyLetterIndex);\n const wordMissingConeyLetterChunks = [word.slice(0, coneyLetterIndex), word.slice(coneyLetterIndex + 1)];\n const wordMissingConeyLetterFlipped = wordMissingConeyLetterChunks.map(tryReverse).join(\"\");\n return {\n displayWord: randomRotate(wordMissingConeyLetterFlipped),\n coneyLetter: coneyLetterChar\n };\n } else {\n // Main/birds mode: use the full word, randomly rotated and potentially reversed\n return {\n displayWord: randomRotate(tryReverse(word)),\n coneyLetter: \"\"\n };\n }\n};\n\n// Helper function to get the appropriate adjacency checker\nexport const getAdjacencyChecker = (gameMode: \"main\" | \"coney\" | \"birds\") => {\n return gameMode === \"coney\" ? coneyIsAdjacent : isAdjacent;\n};\n\nexport interface WordItem {\n word: string;\n img_url?: string;\n url?: string;\n id?: number;\n sorted_letters?: string;\n valid_anagrams?: string;\n}\n\nexport interface Star {\n x: number;\n y: number;\n key: number;\n fading: boolean;\n}",[],[114,121],"7445a092-3807-11f0-93cc-9e149126039e",["D",1748026511498],[133,134,135],[81],{"_36":83,"_13":82,"_63":66,"_65":85,"_67":68,"_69":87,"_71":72,"_38":150,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_101":151,"_18":152},{"_36":143,"_13":144,"_63":145,"_65":85,"_67":68,"_69":123,"_71":72,"_38":146,"_17":125,"_74":24,"_76":147,"_78":52,"_79":-5,"_101":148,"_18":149},{"_36":136,"_13":137,"_63":138,"_65":85,"_67":68,"_69":123,"_71":72,"_38":139,"_17":125,"_74":75,"_76":140,"_78":52,"_79":-5,"_101":141,"_18":142},"a3bd131a-bdb7-11f0-a8ba-42dde27851f2","index.tsx","74459a52-3807-11f0-93cc-9e149126039e",["D",1762725687207],"/** @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 // Get game type from injected script\n const gameType = (window as any).__GAME_TYPE__ || \"main\";\n \n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}",[],[81,137],"a3bd0f32-bdb7-11f0-a8ba-42dde27851f2","index.html","74457748-3807-11f0-93cc-9e149126039e",["D",1762725687207],"\n\n \n Loopy Letters\n \n \n \n \n

\n \n \n \n",[],[81,144],["D",1748026511498],[153],[81,82],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":154,"_17":32,"_74":75,"_76":77,"_78":52,"_79":-5,"_101":155,"_18":156},["D",1762725764684],[],[81,82,62],"74459ed0-3807-11f0-93cc-9e149126039e","backend","88d05142-37db-4d5c-ab45-59a8a78112e7",["D",1748026511498],[163],[158],{"_36":164,"_13":165,"_63":166,"_65":159,"_67":68,"_69":123,"_71":72,"_38":167,"_17":32,"_74":168,"_76":169,"_78":52,"_79":170,"_101":171,"_18":172},"a3bcebba-bdb7-11f0-a8ba-42dde27851f2","index.ts","74453af8-3807-11f0-93cc-9e149126039e",["D",1762725687207],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main game route (classic loopy letters)\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject game type\n const gameScript = ``;\n \n html = html.replace(\"\", `${gameScript}`);\n return c.html(html);\n});\n\n// Coney letters game route\napp.get(\"/coney\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject game type\n const gameScript = ``;\n \n html = html.replace(\"\", `${gameScript}`);\n return c.html(html);\n});\n\n// Birds game route\napp.get(\"/birds\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject game type\n const gameScript = ``;\n \n html = html.replace(\"\", `${gameScript}`);\n return c.html(html);\n});\n\n// API routes\napp.get(\"/api/words\", async c => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n const randRowsQ = `\n with\n words as (\n select * from judgments\n where length(word) >= 5\n and length(word) <= 15\n order by random()\n limit 7\n ),\n\n anagrams as (\n select words.id, upper(words.word) as word, words.sorted_letters,\n upper(judgments.word) as valid_anagram\n from words\n left join judgments\n on words.sorted_letters = judgments.sorted_letters\n)\n\nselect\n id, word, sorted_letters,\n json_group_array(valid_anagram) as valid_anagrams\n from anagrams\n group by id, word, sorted_letters\n `;\n\n try {\n const result = await sqlite.execute(randRowsQ);\n const wordlist = result.rows\n .filter(x => x?.word !== null);\n\n // Use fallback wordlist if no words are found\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\", \n \"CONSECRATION\",\n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n const finalWordlist = wordlist.length > 0 ? wordlist : FALLBACK_WORDLIST;\n\n return c.json(finalWordlist);\n } catch (error) {\n console.error(\"Error fetching words:\", error);\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\",\n \"CONSECRATION\", \n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n return c.json(FALLBACK_WORDLIST);\n }\n});\n\napp.get(\"/api/coneywords\", async c => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n // Separate SQL query for coney mode - you can modify this independently\n const coneyRandRowsQ = `\n with\n words as (\n select * from judgments\n where length(word) >= 7\n and length(word) <= 14\n order by random()\n limit 7\n ),\n\n anagrams as (\n select words.id, upper(words.word) as word, words.sorted_letters,\n upper(judgments.word) as valid_anagram\n from words\n left join judgments\n on words.sorted_letters = judgments.sorted_letters\n)\n\nselect\n id, word, sorted_letters,\n json_group_array(valid_anagram) as valid_anagrams\n from anagrams\n group by id, word, sorted_letters\n `;\n\n try {\n const result = await sqlite.execute(coneyRandRowsQ);\n const wordlist = result.rows\n .filter(x => x?.word !== null);\n\n // Use fallback wordlist if no words are found\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\", \n \"CONSECRATION\",\n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n const finalWordlist = wordlist.length > 0 ? wordlist : FALLBACK_WORDLIST;\n\n return c.json(finalWordlist);\n } catch (error) {\n console.error(\"Error fetching coney words:\", error);\n const FALLBACK_WORDLIST = [\n \"WATERFALL\",\n \"UNDERGROUND\",\n \"CONSECRATION\", \n \"DECONSECRATION\",\n \"PANDAS\",\n \"RATION\",\n \"ITERATION\",\n \"REITERATE\",\n ];\n return c.json(FALLBACK_WORDLIST);\n }\n});\n\napp.get(\"/api/birds\", async c => {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n const randRowsQ = `\n select id, name as word, img_url, url\n from birds\n where\n img_url != 'null'\n and name_length <= 25\n order by random()\n limit 4\n `;\n\n try {\n const result = await sqlite.execute(randRowsQ);\n const wordlist = result.rows\n .map(row => row?.word ? { \n word: row.word.toUpperCase(), \n img_url: row.img_url, \n url: row.url \n } : null)\n .filter(item => item !== null);\n\n const FALLBACK_WORDLIST = [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n return c.json(wordlist.length > 0 ? wordlist : FALLBACK_WORDLIST);\n } catch (error) {\n console.error(\"Error fetching birds:\", error);\n const FALLBACK_WORDLIST = [{ word: \"WATERFALL\", img_url: \"\", url: \"\" }];\n return c.json(FALLBACK_WORDLIST);\n }\n});\n\nexport default app.fetch;","loopyletters",[],[158,165],"c214e284-332e-11f0-81f8-9e149126039e",["D",1747493636610],"legacyEnvVars","httpPrivacy","description","find big words with a small gameplay loop","imageUrl","userId","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_216":212},"org",{"_11":12,"_209":210,"_211":212,"_180":181,"_213":214,"_215":52},"branch",{"_17":107,"_13":16,"_36":68,"_42":173,"_45":37,"_47":44,"_206":54,"_207":43,"_208":57,"_58":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":173,"_13":14,"_38":288,"_50":-5,"_175":52,"_53":54,"_176":54,"_177":178,"_179":-5,"_180":181,"_182":166,"_183":72,"_184":72,"_185":-5,"_186":34,"_56":57,"_187":-5,"_188":-5,"_189":-5,"_190":125,"_191":192,"_193":192,"_194":195,"_196":195,"_197":195,"_198":192,"_199":192,"_200":289,"_202":290,"_204":291,"_51":52},[255,257,262,264,265],"files",[255,256,257,258,259,260,261,262,263,264,265],"counts",{"_245":34,"_246":247,"_248":34,"_35":249,"_250":251},[243],{"_36":83,"_13":82,"_63":66,"_65":85,"_67":68,"_69":87,"_71":72,"_38":241,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_18":242},"upstreamProject",{"_36":43,"_13":59,"_177":-5,"_179":-5,"_53":54,"_200":240},"upstreamBranch",{"_36":37,"_38":238,"_40":239,"_13":16,"_42":43,"_17":44,"_45":46,"_47":34,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744985359792],["D",1762725391675],{"_11":12,"_216":212},["D",1748026511498],[81,82],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":32,"_74":75,"_76":77,"_78":52,"_79":-5,"_18":244},[81,82,62],"pulls","branches",5,"forks",{"_252":34,"_254":34},"connections",{"_252":34,"_253":34},"count","unfilledCount","emptyCount",{"_36":157,"_13":158,"_63":159,"_65":-5,"_67":68,"_69":87,"_71":72,"_38":160,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_101":286,"_18":287},{"_36":164,"_13":165,"_63":166,"_65":159,"_67":68,"_69":123,"_71":72,"_38":167,"_17":32,"_74":168,"_76":169,"_78":52,"_79":170,"_101":284,"_18":285},{"_36":129,"_13":81,"_63":85,"_65":-5,"_67":68,"_69":87,"_71":72,"_38":130,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_101":282,"_18":283},{"_36":83,"_13":82,"_63":66,"_65":85,"_67":68,"_69":87,"_71":72,"_38":150,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_101":280,"_18":281},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":154,"_17":32,"_74":75,"_76":77,"_78":52,"_79":-5,"_101":278,"_18":279},{"_36":143,"_13":144,"_63":145,"_65":85,"_67":68,"_69":123,"_71":72,"_38":146,"_17":125,"_74":24,"_76":147,"_78":52,"_79":-5,"_101":276,"_18":277},{"_36":136,"_13":137,"_63":138,"_65":85,"_67":68,"_69":123,"_71":72,"_38":139,"_17":125,"_74":75,"_76":140,"_78":52,"_79":-5,"_101":274,"_18":275},{"_36":113,"_13":114,"_63":115,"_65":-5,"_67":68,"_69":87,"_71":72,"_38":116,"_17":34,"_74":84,"_76":-5,"_78":52,"_79":-5,"_101":272,"_18":273},{"_36":120,"_13":121,"_63":122,"_65":115,"_67":68,"_69":123,"_71":72,"_38":124,"_17":125,"_74":75,"_76":126,"_78":52,"_79":-5,"_101":270,"_18":271},{"_36":104,"_13":105,"_63":106,"_65":-5,"_67":68,"_69":107,"_71":72,"_38":108,"_17":109,"_74":24,"_76":110,"_78":52,"_79":-5,"_101":268,"_18":269},{"_36":94,"_13":95,"_63":96,"_65":-5,"_67":68,"_69":97,"_71":72,"_38":98,"_17":99,"_74":24,"_76":100,"_78":52,"_79":-5,"_101":266,"_18":267},[],[95],[],[105],[],[114,121],[263],[114],[],[81,137],[],[81,144],[],[81,82,62],[259],[81,82],[258,260,261],[81],[],[158,165],[256],[158],["D",1747493636610],{"_11":12,"_216":212},{"_11":12,"_209":210,"_211":212,"_180":181,"_213":214,"_215":52},{"_17":107,"_13":16,"_36":68,"_42":173,"_45":37,"_47":44,"_206":54,"_207":43,"_208":57,"_58":14,"_55":12},"ctx",{"_200":-5,"_235":325,"_326":327,"_328":329,"_330":52,"_331":52,"_332":52,"_333":72,"_334":-5,"_335":-7,"_336":-7,"_337":34,"_338":52,"_339":52,"_340":-5,"_341":52,"_342":52,"_343":52,"_344":-5},"ENV",{"_296":297,"_298":299,"_300":16,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]