\n \n \n \n\n",[120,111],"376b7839bd1cbe597bbcf99867a2fb5550c2c89044d03aa8a4011430810315a4","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[120,111],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/components/App.tsx",{"_32":144,"_13":134,"_81":145,"_83":146,"_84":33,"_85":147,"_87":26,"_34":148,"_40":149,"_90":139,"_92":150,"_66":48,"_94":-5,"_95":-7,"_74":151,"_97":152},{"_32":133,"_13":134,"_81":135,"_83":136,"_84":58,"_85":137,"_87":26,"_34":138,"_40":115,"_90":139,"_92":140,"_66":48,"_94":-5,"_95":-7,"_74":141,"_97":142},"83750a58-31a8-4a1c-ba83-a857cc986e26","App.tsx","019eb212-024b-76cb-b6de-98c8e8354317","019eb212-024b-76cb-b6de-a07a79a79e4d",10,["D",1781104101312],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Game } from \"./Game.tsx\";\n\nexport function App() {\n return (\n

\n \n

\n );\n}\n",[120,143,134],"3e35ee10ea7dbf697a3d4fc327de8a13bbdc39bd3602ed26fa3904191f369850","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[120,143,134],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":162,"_13":153,"_81":163,"_83":-5,"_84":33,"_85":60,"_87":48,"_34":164,"_40":165,"_90":116,"_92":166,"_66":48,"_94":-5,"_95":-7,"_74":167,"_97":168},{"_32":156,"_13":153,"_81":157,"_83":-5,"_84":58,"_85":57,"_87":26,"_34":158,"_40":115,"_90":116,"_92":159,"_66":48,"_94":-5,"_95":-7,"_74":160,"_97":161},"5bbb0cfd-3c6c-4182-9cef-2279115f1494","019eb212-024b-76cb-b6de-b726652702d0",["D",1781104150489],"# 🎡 Idiom Wheel\n\nA Wheel of Fortune–style, **one-turn** idiom guessing game. Each round picks a\nrandom three-word phrase, reveals about **30% of its letters**, and hides the\nrest as blank tiles. You get a single guess (case-insensitive) — then the answer\nis revealed and you can play again.\n\n## How to play\n\n1. A random three-word idiom is loaded with ~30% of letters showing.\n2. Type the full phrase and hit **Guess**.\n3. Right or wrong, the answer is shown. Hit **Play again** for a fresh round.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"frontend/index.html\"]\n HTML --> Game[\"Game.tsx\"]\n Game -->|\"GET /api/new\"| Hono\n Game -->|\"POST /api/guess\"| Hono\n Hono --> Puzzle[\"puzzle.ts
(mask + check)\"]\n Hono --> Idioms[\"idioms.ts
(phrase list)\"]\n Game --> Board[\"Board.tsx
(letter tiles)\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend: serves frontend + /api routes\nidioms.ts ← The list of three-word phrases\npuzzle.ts ← Puzzle generation (~30% reveal) + guess checking\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n components/\n App.tsx ← Root layout\n Game.tsx ← Game state, input, result, \"play again\"\n Board.tsx ← Renders the revealed/blank letter tiles\n```\n\n## How it works\n\n- **`/api/new`** picks a random phrase, reveals ~30% of its letters, and returns\n the masked board plus an opaque base64 `token` of the answer. The full answer\n is never sent in plaintext until the round ends.\n- **`/api/guess`** decodes the token server-side and compares it to the player's\n guess after normalizing (lowercase, collapse whitespace, strip punctuation),\n so matching is case-insensitive and forgiving.\n\n## Customizing\n\nAdd or edit phrases in [`idioms.ts`](/idioms.ts). Tweak the reveal percentage via\n`REVEAL_FRACTION` in [`puzzle.ts`](/puzzle.ts).\n",[153],"a9d7c3bed6151029581bcd918ba83f060cba58dbf3cb8616d21d8a60af30c464","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[153],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_74":170,"_76":171,"_78":-7},"frontend/components/Counter.tsx",{"_32":172,"_13":173,"_81":174,"_83":146,"_84":33,"_85":175,"_87":26,"_34":176,"_40":177,"_90":139,"_92":178,"_66":48,"_94":-5,"_95":-7,"_74":179,"_97":180},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[120,143,173],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_74":212,"_76":-7,"_78":213},{"_74":202,"_76":-7,"_78":203},{"_74":194,"_76":-7,"_78":195},{"_74":185,"_76":-7,"_78":186},"puzzle.ts",{"_32":187,"_13":185,"_81":188,"_83":-5,"_84":58,"_85":189,"_87":26,"_34":190,"_40":115,"_90":139,"_92":191,"_66":48,"_94":-5,"_95":-7,"_74":192,"_97":193},"9890de2d-2277-4baf-814b-066a23c98416","09a06a24-64de-11f1-a158-1607ee4eb77e",4,["D",1781104028629],"// Puzzle generation + checking, shared types.\n\nexport type Tile =\n | { kind: \"space\" }\n | { kind: \"letter\"; char: string; revealed: boolean };\n\nexport interface Puzzle {\n // The board, as rows of words. Each word is an array of tiles.\n words: Tile[][];\n // Opaque token holding the answer (base64). Sent to the client so we stay\n // stateless; checked server-side on guess.\n token: string;\n // How many letters were revealed, for display.\n revealedCount: number;\n totalLetters: number;\n}\n\nconst REVEAL_FRACTION = 0.3;\n\nfunction encodeToken(answer: string): string {\n return btoa(unescape(encodeURIComponent(answer.toLowerCase())));\n}\n\nexport function decodeToken(token: string): string {\n try {\n return decodeURIComponent(escape(atob(token)));\n } catch {\n return \"\";\n }\n}\n\n// Build a puzzle from a phrase, revealing ~30% of its letters at random.\nexport function buildPuzzle(phrase: string): Puzzle {\n const letterPositions: number[] = [];\n for (let i = 0; i < phrase.length; i++) {\n if (/[a-z]/i.test(phrase[i])) letterPositions.push(i);\n }\n\n const totalLetters = letterPositions.length;\n // Reveal at least 1 letter, but never the whole phrase.\n const target = Math.max(1, Math.round(totalLetters * REVEAL_FRACTION));\n const toReveal = Math.min(target, Math.max(1, totalLetters - 1));\n\n // Shuffle positions and pick the first `toReveal`.\n const shuffled = [...letterPositions];\n for (let i = shuffled.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n }\n const revealedSet = new Set(shuffled.slice(0, toReveal));\n\n // Walk the phrase, splitting into words and assigning tiles.\n const result: Tile[][] = [];\n let current: Tile[] = [];\n for (let i = 0; i < phrase.length; i++) {\n const ch = phrase[i];\n if (ch === \" \") {\n result.push(current);\n current = [];\n continue;\n }\n current.push({\n kind: \"letter\",\n char: ch,\n revealed: revealedSet.has(i),\n });\n }\n result.push(current);\n\n return {\n words: result,\n token: encodeToken(phrase),\n revealedCount: toReveal,\n totalLetters,\n };\n}\n\n// Normalize for comparison: lowercase, collapse whitespace, strip punctuation.\nfunction normalize(s: string): string {\n return s\n .toLowerCase()\n .replace(/[^a-z0-9\\s]/g, \"\")\n .replace(/\\s+/g, \" \")\n .trim();\n}\n\nexport function checkGuess(token: string, guess: string): boolean {\n const answer = decodeToken(token);\n if (!answer) return false;\n return normalize(answer) === normalize(guess);\n}\n",[185],"c2412a023bbbd15175b1798b1ff5137787fa5f2fada3dd1015000a16df1fb689","idioms.ts",{"_32":196,"_13":194,"_81":197,"_83":-5,"_84":58,"_85":22,"_87":26,"_34":198,"_40":177,"_90":139,"_92":199,"_66":48,"_94":-5,"_95":-7,"_74":200,"_97":201},"bfe8a4df-9758-4d17-9572-afdb6b99ff29","fc56e316-64dd-11f1-a47a-1607ee4eb77e",["D",1781104000919],"// A collection of well-known three-word idioms / phrases.\nexport const IDIOMS: string[] = [\n \"piece of cake\",\n \"break a leg\",\n \"bite the bullet\",\n \"hit the hay\",\n \"spill the beans\",\n \"under the weather\",\n \"cost an arm\",\n \"barking up tree\",\n \"call it quits\",\n \"burn the midnight\",\n \"kill two birds\",\n \"let the cat\",\n \"once in blue\",\n \"out of hand\",\n \"raining cats dogs\",\n \"speak of devil\",\n \"the whole nine\",\n \"back to square\",\n \"best of both\",\n \"cut to chase\",\n \"down to earth\",\n \"easy as pie\",\n \"go the distance\",\n \"hang in there\",\n \"jump the gun\",\n \"keep your chin\",\n \"miss the boat\",\n \"no pain gain\",\n \"on the fence\",\n \"pull your weight\",\n \"rule of thumb\",\n \"see eye eye\",\n \"take it easy\",\n \"throw in towel\",\n \"up in air\",\n \"wrap your head\",\n \"a blessing disguise\",\n \"actions speak louder\",\n \"all ears now\",\n \"beat around bush\",\n];\n\nexport function pickRandomIdiom(): string {\n return IDIOMS[Math.floor(Math.random() * IDIOMS.length)];\n}\n",[194],"fe3a2cb4380435f14d3c50b3ad126ac6bff12d76020032fb7ad2603e5d390f0b","frontend/components/Game.tsx",{"_32":204,"_13":205,"_81":206,"_83":136,"_84":58,"_85":207,"_87":26,"_34":208,"_40":177,"_90":139,"_92":209,"_66":48,"_94":-5,"_95":-7,"_74":210,"_97":211},"2d1e3f13-93d8-48d1-a735-2d950b30fe16","Game.tsx","2f8c3a42-64de-11f1-a055-1607ee4eb77e",9,["D",1781104086832],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Puzzle } from \"../../puzzle.ts\";\nimport { Board } from \"./Board.tsx\";\n\ntype Result = { correct: boolean; answer: string } | null;\n\nexport function Game() {\n const [puzzle, setPuzzle] = useState(null);\n const [guess, setGuess] = useState(\"\");\n const [result, setResult] = useState(null);\n const [loading, setLoading] = useState(true);\n const [submitting, setSubmitting] = useState(false);\n\n async function newRound() {\n setLoading(true);\n setResult(null);\n setGuess(\"\");\n const res = await fetch(\"/api/new\");\n setPuzzle(await res.json());\n setLoading(false);\n }\n\n useEffect(() => {\n newRound();\n }, []);\n\n async function submitGuess(e: React.FormEvent) {\n e.preventDefault();\n if (!puzzle || !guess.trim() || result || submitting) return;\n setSubmitting(true);\n const res = await fetch(\"/api/guess\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ token: puzzle.token, guess }),\n });\n setResult(await res.json());\n setSubmitting(false);\n }\n\n return (\n

\n 🎡 Idiom Wheel\n

\n Guess the three-word phrase. You get{\" \"}\n one guess — good luck!\n

\n\n

\n {loading || !puzzle\n ? (\n

\n Spinning the wheel…\n

\n )\n : (\n <>\n \n\n

\n {puzzle.revealedCount} of {puzzle.totalLetters} letters revealed\n

\n\n {!result\n ? (\n

\n setGuess(e.target.value)}\n placeholder=\"Type the full phrase…\"\n class=\"flex-1 px-4 py-3 rounded-lg text-lg text-gray-800 outline-none focus:ring-4 focus:ring-amber-300\"\n />\n \n {submitting ? \"…\" : \"Guess\"}\n \n \n )\n : (\n

\n \n {result.correct ? \"🎉 Correct!\" : \"❌ Not quite!\"}\n

\n The phrase was{\" \"}\n \n {result.answer}\n \n

\n \n Play again →\n \n

\n )}\n \n )}\n

\n\n

\n View source\n

\n \n );\n}\n",[120,143,205],"60b6f5dc357e03accd03104c7aeed08bdb9957b37d1934a531a083622176dae4","frontend/components/Board.tsx",{"_32":214,"_13":215,"_81":216,"_83":136,"_84":58,"_85":126,"_87":26,"_34":217,"_40":177,"_90":139,"_92":218,"_66":48,"_94":-5,"_95":-7,"_74":219,"_97":220},"dcb72e75-b855-45a2-9cd7-6605be0cbb78","Board.tsx","1f7d2b34-64de-11f1-84a1-1607ee4eb77e",["D",1781104059889],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Tile } from \"../../puzzle.ts\";\n\nexport function Board({ words }: { words: Tile[][] }) {\n return (\n

\n {words.map((word, wi) => (\n

\n {word.map((tile, ti) => {\n if (tile.kind !== \"letter\") return null;\n const shown = tile.revealed ? tile.char.toUpperCase() : \"\";\n return (\n \n {shown}\n

\n );\n })}\n

\n ))}\n \n );\n}\n",[120,143,215],"5ae982cd27cb12a6ca7e399ec1761129f919dbefe31ecffd3a50e971a8b3a94a",["D",1781103985091],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789559999&sig=919739a563bb9acb90fc6bc4f6c1789207958a7e1bd397d82b192d76e7e11de2","userId","4672fa32-1c6f-4907-899e-57b7e45b1dcb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019e83d1-d41f-725b-9693-b632d430a029","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_261":257},"org",{"_11":12,"_254":255,"_256":257,"_228":229,"_258":259,"_260":48},"branch","displayName","Potluck Mittal","avatar","https://lh3.googleusercontent.com/a/ACg8ocJYeiSQ8_eyVYtUAg9f5qRwEXzS1AreFm572a1csvZx7c6b_S8=s96-c","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":365,"_46":-5,"_222":48,"_49":50,"_223":50,"_224":225,"_226":227,"_228":229,"_230":82,"_231":26,"_232":-5,"_233":-5,"_234":177,"_53":235,"_236":-5,"_237":-5,"_238":-5,"_239":-5,"_240":241,"_242":241,"_243":244,"_245":244,"_246":244,"_247":241,"_248":241,"_249":366,"_251":367,"_253":368,"_47":48},"tree",[316,324,325,326,327],"files",[316,317,318,319,320,321,322,323,324,325,326,327],"counts",{"_306":177,"_307":115,"_308":177,"_309":310,"_311":312},"contents",[289,290,291,292,293],"upstreamProject",{"_32":39,"_13":56,"_224":225,"_226":227,"_49":50,"_249":287},"upstreamBranch",{"_32":33,"_34":285,"_36":286,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":52,"_261":288},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789559999&sig=5c07b77d973a9a7831cc1779f4bd4ec152796753863d0aeae4088e1e0ae03921",{"_32":302,"_13":120,"_81":113,"_83":-5,"_84":58,"_85":115,"_87":26,"_34":303,"_40":177,"_90":304,"_92":-5,"_66":48,"_94":-5,"_74":305},{"_32":156,"_13":153,"_81":157,"_83":-5,"_84":58,"_85":57,"_87":26,"_34":300,"_40":115,"_90":116,"_92":159,"_66":48,"_94":-5,"_74":301},{"_32":196,"_13":194,"_81":197,"_83":-5,"_84":58,"_85":22,"_87":26,"_34":298,"_40":177,"_90":139,"_92":199,"_66":48,"_94":-5,"_74":299},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":86,"_87":26,"_34":296,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_74":297},{"_32":187,"_13":185,"_81":188,"_83":-5,"_84":58,"_85":189,"_87":26,"_34":294,"_40":115,"_90":139,"_92":191,"_66":48,"_94":-5,"_74":295},["D",1781104028629],[185],["D",1781104050314],[75],["D",1781104000919],[194],["D",1781104150489],[153],"6dc88fce-ed86-40d2-8c73-d18ce7441d26",["D",1781103985091],"directory",[120],"pulls","branches","forks","envVars",{"_313":177,"_315":177},"connections",{"_313":177,"_314":177},"count","unfilledCount","emptyCount",{"_32":302,"_13":120,"_81":113,"_83":-5,"_84":58,"_85":115,"_87":26,"_34":362,"_40":177,"_90":304,"_92":-5,"_66":48,"_94":-5,"_95":363,"_74":364},{"_32":358,"_13":143,"_81":136,"_83":113,"_84":58,"_85":115,"_87":26,"_34":359,"_40":177,"_90":304,"_92":-5,"_66":48,"_94":-5,"_95":360,"_74":361},{"_32":133,"_13":134,"_81":135,"_83":136,"_84":58,"_85":137,"_87":26,"_34":138,"_40":115,"_90":139,"_92":140,"_66":48,"_94":-5,"_95":356,"_74":357},{"_32":214,"_13":215,"_81":216,"_83":136,"_84":58,"_85":126,"_87":26,"_34":217,"_40":177,"_90":139,"_92":218,"_66":48,"_94":-5,"_95":354,"_74":355},{"_32":204,"_13":205,"_81":206,"_83":136,"_84":58,"_85":207,"_87":26,"_34":208,"_40":177,"_90":139,"_92":209,"_66":48,"_94":-5,"_95":352,"_74":353},{"_32":345,"_13":346,"_81":347,"_83":113,"_84":58,"_85":115,"_87":26,"_34":348,"_40":177,"_90":116,"_92":349,"_66":48,"_94":-5,"_95":350,"_74":351},{"_32":110,"_13":111,"_81":112,"_83":113,"_84":58,"_85":20,"_87":26,"_34":114,"_40":115,"_90":116,"_92":117,"_66":48,"_94":-5,"_95":343,"_74":344},{"_32":336,"_13":337,"_81":338,"_83":113,"_84":58,"_85":115,"_87":26,"_34":339,"_40":177,"_90":139,"_92":340,"_66":48,"_94":-5,"_95":341,"_74":342},{"_32":156,"_13":153,"_81":157,"_83":-5,"_84":58,"_85":57,"_87":26,"_34":158,"_40":115,"_90":116,"_92":159,"_66":48,"_94":-5,"_95":334,"_74":335},{"_32":196,"_13":194,"_81":197,"_83":-5,"_84":58,"_85":22,"_87":26,"_34":198,"_40":177,"_90":139,"_92":199,"_66":48,"_94":-5,"_95":332,"_74":333},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":86,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":330,"_74":331},{"_32":187,"_13":185,"_81":188,"_83":-5,"_84":58,"_85":189,"_87":26,"_34":190,"_40":115,"_90":139,"_92":191,"_66":48,"_94":-5,"_95":328,"_74":329},[],[185],[],[75],[],[194],[],[153],"2276bdad-6206-4acf-a76d-245c5a4b754b","index.tsx","019eb212-024b-76cb-b6de-ae5e5873a160",["D",1781103985091],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[120,337],[],[120,111],"399846a8-a0da-46be-94cc-5b409f10eb63","favicon.svg","019eb212-024b-76cb-b6de-a57d89835ed6",["D",1781103985091],"\n",[],[120,346],[],[120,143,205],[],[120,143,215],[],[120,143,134],"70742e7c-abd6-4e06-ab13-4603f919522c",["D",1781103985091],[318,319,320],[120,143],["D",1781103985091],[317,321,322,323],[120],["D",1781103985091],{"_11":12,"_261":257},{"_11":12,"_254":255,"_256":257,"_228":229,"_258":259,"_260":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_249":-5,"_282":402,"_403":404,"_405":406,"_407":48,"_408":48,"_409":48,"_410":26,"_411":-5,"_412":-7,"_413":-7,"_414":177,"_415":48,"_416":48,"_417":-5,"_418":48,"_419":48,"_420":48,"_421":-5},"ENV",{"_373":374,"_375":376,"_377":16,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergepotluck/mainintotemplates/main

README.md+33-41

frontend/components/App.tsx+3-7

frontend/index.html+3-3

Hindex.ts+15-4

frontend/components/Board.tsx+29-0

frontend/components/Game.tsx+120-0

idioms.ts+47-0

puzzle.ts+91-0

frontend/components/Counter.tsx+0-18