${body}

\n \n`;\n return new Response(html, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n}\n\n// New game.\napp.get(\"/\", () => {\n const puzzle = newPuzzle();\n return page(puzzle.masked, puzzle.token, { kind: \"playing\" });\n});\n\n// One-turn guess. Parse the urlencoded body directly so we accept submissions\n// regardless of how the form content-type is presented.\napp.post(\"/guess\", async (c) => {\n const raw = await c.req.text();\n const params = new URLSearchParams(raw);\n const token = params.get(\"token\") ?? \"\";\n const guess = params.get(\"guess\") ?? \"\";\n\n const puzzle = puzzleFromToken(token);\n if (!puzzle) {\n // Token tampered/expired — just start fresh.\n const fresh = newPuzzle();\n return page(fresh.masked, fresh.token, { kind: \"playing\" });\n }\n\n const correct = checkGuess(token, guess);\n const result: Result = correct\n ? { kind: \"correct\", phrase: puzzle.phrase, guess }\n : { kind: \"wrong\", phrase: puzzle.phrase, guess };\n return page(puzzle.masked, token, result);\n});\n\napp.get(\"/source\", () => {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n});\n\nexport default app.fetch;\n","deleted","label",[120],"2f800ddd-6d84-430a-8358-0355a75f458d","idioms.ts","415bfd44-64dd-11f1-97d9-1607ee4eb77e",["D",1781103687208],"script","// A collection of common three-word idioms / phrases.\nexport const IDIOMS: string[] = [\n \"piece of cake\",\n \"break a leg\",\n \"cost an arm\",\n \"bite the bullet\",\n \"barking up tree\",\n \"spill the beans\",\n \"under the weather\",\n \"hit the hay\",\n \"call it day\",\n \"back to basics\",\n \"best of both\",\n \"beat around bush\",\n \"burn the midnight\",\n \"by the book\",\n \"catch some rays\",\n \"cut to chase\",\n \"down to earth\",\n \"easy as pie\",\n \"face the music\",\n \"feel under weather\",\n \"fish out water\",\n \"get cold feet\",\n \"go with flow\",\n \"hang in there\",\n \"hit the sack\",\n \"in hot water\",\n \"jump the gun\",\n \"keep your chin\",\n \"kill two birds\",\n \"let the cat\",\n \"miss the boat\",\n \"on cloud nine\",\n \"once in blue\",\n \"out of blue\",\n \"pull your leg\",\n \"rain or shine\",\n \"see eye eye\",\n \"speak of devil\",\n \"steal the show\",\n \"take it easy\",\n \"the whole nine\",\n \"through thick thin\",\n \"time will tell\",\n \"under your nose\",\n \"wrap your head\",\n \"your guess mine\",\n \"all in all\",\n \"blessing in disguise\",\n \"burning the candle\",\n \"devil is detail\",\n];\n",[137],"d2d00e3a-008e-4501-8aff-4cc213c1b29d","game.ts","4b9db7ca-64dd-11f1-9222-1607ee4eb77e",5,["D",1781103704397],"import { IDIOMS } from \"./idioms.ts\";\n\nexport interface Puzzle {\n // The original phrase (lowercased).\n phrase: string;\n // The masked display: revealed letters shown, hidden letters as \"_\".\n // Spaces are preserved as \" \".\n masked: string;\n // base64 token that encodes the phrase + which positions are revealed,\n // so the puzzle survives a round-trip without server-side state.\n token: string;\n}\n\nconst REVEAL_FRACTION = 0.3;\n\n// Pick a random idiom and reveal ~30% of its (non-space) letters.\nexport function newPuzzle(): Puzzle {\n const phrase = IDIOMS[Math.floor(Math.random() * IDIOMS.length)].toLowerCase();\n const revealed = chooseRevealedPositions(phrase);\n const token = encodeToken(phrase, revealed);\n return { phrase, masked: maskPhrase(phrase, revealed), token };\n}\n\n// Decode a token back into a puzzle (used when checking a guess so we can\n// re-show the same masked board if the guess is wrong).\nexport function puzzleFromToken(token: string): Puzzle | null {\n const decoded = decodeToken(token);\n if (!decoded) return null;\n const { phrase, revealed } = decoded;\n return { phrase, masked: maskPhrase(phrase, revealed), token };\n}\n\nexport function checkGuess(token: string, guess: string): boolean {\n const decoded = decodeToken(token);\n if (!decoded) return false;\n return normalize(guess) === normalize(decoded.phrase);\n}\n\nfunction normalize(s: string): string {\n return s.trim().toLowerCase().replace(/\\s+/g, \" \");\n}\n\n// Returns a set of letter indices to reveal. Spaces are never counted.\nfunction chooseRevealedPositions(phrase: string): Set {\n const letterIndices: number[] = [];\n for (let i = 0; i < phrase.length; i++) {\n if (phrase[i] !== \" \") letterIndices.push(i);\n }\n // Reveal at least 1 letter, ~30% of the rest, but never the whole phrase.\n const target = Math.max(1, Math.round(letterIndices.length * REVEAL_FRACTION));\n const count = Math.min(target, Math.max(1, letterIndices.length - 1));\n\n // Shuffle and take the first `count`.\n for (let i = letterIndices.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [letterIndices[i], letterIndices[j]] = [letterIndices[j], letterIndices[i]];\n }\n return new Set(letterIndices.slice(0, count));\n}\n\nfunction maskPhrase(phrase: string, revealed: Set): string {\n let out = \"\";\n for (let i = 0; i < phrase.length; i++) {\n if (phrase[i] === \" \") out += \" \";\n else out += revealed.has(i) ? phrase[i] : \"_\";\n }\n return out;\n}\n\n// Token format (before base64): \"|\"\nfunction encodeToken(phrase: string, revealed: Set): string {\n const raw = `${phrase}|${[...revealed].sort((a, b) => a - b).join(\",\")}`;\n return btoa(unescape(encodeURIComponent(raw)));\n}\n\nfunction decodeToken(token: string): { phrase: string; revealed: Set } | null {\n try {\n const raw = decodeURIComponent(escape(atob(token)));\n const sep = raw.lastIndexOf(\"|\");\n if (sep === -1) return null;\n const phrase = raw.slice(0, sep);\n const indices = raw.slice(sep + 1);\n const revealed = new Set(\n indices.length ? indices.split(\",\").map((n) => parseInt(n, 10)) : [],\n );\n return { phrase, revealed };\n } catch {\n return null;\n }\n}\n",[144],"6aac6e13-2a36-4d06-84cd-9759190ff760","README.md","91275de6-64dd-11f1-b44e-1607ee4eb77e",["D",1781103821058],"# 🎡 Idiom Wheel\n\nA Wheel of Fortune–style, **one-turn** idiom guessing game.\n\n- A random three-word idiom is chosen.\n- About **30%** of its letters are revealed; the rest show as blank tiles.\n- Type your guess (not case-sensitive). You get **one** turn — then the answer is revealed and you can play again.\n\n## How it works\n\nThe game is fully stateless — no database. The chosen phrase and which\nletters are revealed are encoded into a base64 `token` carried in a hidden\nform field, so a guess can be checked on the server without storing anything.\n\n```mermaid\nflowchart LR\n A[\"GET /\"] --> B[\"newPuzzle(): pick idiom,
reveal ~30% of letters\"]\n B --> C[\"render board + token\"]\n C --> D[\"POST /guess (token + guess)\"]\n D --> E[\"checkGuess(): normalize
+ compare (case-insensitive)\"]\n E --> F[\"reveal full phrase
✅ correct / ❌ wrong\"]\n F --> A\n```\n\n## Files\n\n| File | Purpose |\n| ------------ | -------------------------------------------------- |\n| `main.ts` | Hono HTTP handler + HTML shell (`/`, `/guess`) |\n| `game.ts` | Puzzle generation, masking, token encode/decode |\n| `idioms.ts` | The list of three-word idioms |\n| `App.tsx` | Server-rendered React page |\n| `Board.tsx` | The letter-tile board component |\n",[151],"744940f1-563b-40d7-b02b-b082c60d1a35","Board.tsx","541fba2e-64dd-11f1-be08-1607ee4eb77e",6,["D",1781103718682],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\n// Renders the masked phrase as Wheel-of-Fortune style letter tiles.\n// `masked` uses \"_\" for hidden letters, real characters for revealed ones,\n// and \" \" to separate words.\nexport function Board({ masked }: { masked: string }) {\n const words = masked.split(\" \");\n return (\n

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

\n {word.split(\"\").map((ch, ci) => {\n const revealed = ch !== \"_\";\n return (\n \n {revealed ? ch : \"_\"}\n

\n );\n })}\n

\n ))}\n \n );\n}\n",[157],"59ca1669-8247-4690-ac53-03c6abd6449b","App.tsx","6095435a-64dd-11f1-8f84-1607ee4eb77e",7,["D",1781103739577],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Board } from \"./Board.tsx\";\n\nexport type Result =\n | { kind: \"playing\" }\n | { kind: \"correct\"; phrase: string; guess: string }\n | { kind: \"wrong\"; phrase: string; guess: string };\n\nexport interface AppProps {\n masked: string;\n token: string;\n result: Result;\n}\n\n// The full page (server-rendered). The only interactive bits are two plain\n// HTML forms, so no client-side JS is required.\nexport function App({ masked, token, result }: AppProps) {\n const over = result.kind !== \"playing\";\n\n return (\n

\n 🎡 Idiom Wheel\n

\n Guess the three-word idiom. Some letters are revealed to help you.\n

\n\n

\n \n\n {result.kind === \"playing\" && (\n

\n\n \n view source\n \n

\n );\n}\n\nfunction Banner({\n tone,\n title,\n body,\n}: {\n tone: \"good\" | \"bad\";\n title: string;\n body: React.ReactNode;\n}) {\n return (\n \n

{title}

{body}

\n \n );\n}\n\n// When the round is over, show the fully-revealed phrase on the board.\nfunction finalMasked(result: Result): string {\n if (result.kind === \"correct\" || result.kind === \"wrong\") return result.phrase;\n return \"\";\n}\n",[164],"pulls",1,"forks","envVars",{"_177":53,"_179":53},"connections",{"_177":53,"_178":53},"count","unfilledCount","emptyCount",{"_20":163,"_13":164,"_121":165,"_122":-5,"_123":21,"_124":166,"_126":49,"_22":202,"_29":53,"_129":140,"_131":168,"_133":38,"_134":-5,"_187":203,"_90":204},{"_20":156,"_13":157,"_121":158,"_122":-5,"_123":21,"_124":159,"_126":49,"_22":199,"_29":53,"_129":140,"_131":161,"_133":38,"_134":-5,"_187":200,"_90":201},{"_20":150,"_13":151,"_121":152,"_122":-5,"_123":21,"_124":30,"_126":49,"_22":196,"_29":53,"_129":102,"_131":154,"_133":38,"_134":-5,"_187":197,"_90":198},{"_20":143,"_13":144,"_121":145,"_122":-5,"_123":21,"_124":146,"_126":49,"_22":193,"_29":53,"_129":140,"_131":148,"_133":38,"_134":-5,"_187":194,"_90":195},{"_20":136,"_13":137,"_121":138,"_122":-5,"_123":21,"_124":128,"_126":49,"_22":190,"_29":53,"_129":140,"_131":141,"_133":38,"_134":-5,"_187":191,"_90":192},{"_20":119,"_13":120,"_121":47,"_122":-5,"_123":21,"_124":125,"_126":49,"_22":186,"_29":128,"_129":130,"_131":132,"_133":38,"_134":-5,"_187":188,"_90":189},["D",1781103786335],"children",[],[120],["D",1781103687208],[],[137],["D",1781103704397],[],[144],["D",1781103821058],[],[151],["D",1781103718682],[],[157],["D",1781103739577],[],[164],["D",1781103576424],{"_11":12,"_88":84},{"_11":12,"_81":82,"_83":84,"_44":45,"_85":86,"_87":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_76":-5,"_77":-5,"_78":-5,"_79":14,"_80":12},"ctx",{"_69":-5,"_110":242,"_243":244,"_245":246,"_247":38,"_248":38,"_249":38,"_250":49,"_251":-5,"_252":-7,"_253":-7,"_254":53,"_255":38,"_256":38,"_257":-5,"_258":38,"_259":38,"_260":38,"_261":-5},"ENV",{"_213":214,"_215":216,"_217":26,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241},"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"]

Branches1

Branches
1