[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_349":350,"_351":352},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_258":-5,"_20":259,"_22":260,"_261":262,"_263":264,"_26":265,"_24":266,"_267":-5,"_268":-5,"_269":60,"_270":271,"_272":51,"_273":-5,"_274":-5,"_275":276},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","nsivukhin","name","words","branchName","main","version","path","frontend","project",{"_39":200,"_13":14,"_52":201,"_202":-5,"_203":60,"_204":205,"_206":205,"_207":208,"_209":-5,"_210":211,"_212":106,"_213":51,"_214":-5,"_215":-5,"_216":54,"_217":218,"_219":220,"_221":222,"_223":224,"_225":-5,"_226":227,"_228":227,"_229":230,"_231":230,"_232":230,"_233":227,"_234":227,"_235":236,"_237":238,"_239":240,"_241":60},"tree",[100,101,102,103],"file",{"_39":97,"_13":19,"_42":45,"_44":-5,"_46":47,"_48":66,"_50":51,"_52":98,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_18":99},"contents",[33,34,35,36,37,38],"upstream","pull","ahead","behind","envVars",{"_39":91,"_13":92,"_42":93,"_44":45,"_46":47,"_48":66,"_50":51,"_52":94,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_18":96},{"_39":84,"_13":85,"_42":86,"_44":45,"_46":47,"_48":87,"_50":51,"_52":88,"_17":54,"_55":56,"_57":89,"_59":60,"_61":-5,"_18":90},{"_39":78,"_13":79,"_42":80,"_44":45,"_46":47,"_48":66,"_50":51,"_52":81,"_17":54,"_55":24,"_57":82,"_59":60,"_61":-5,"_18":83},{"_39":70,"_13":71,"_42":72,"_44":45,"_46":47,"_48":73,"_50":51,"_52":74,"_17":75,"_55":24,"_57":76,"_59":60,"_61":-5,"_18":77},{"_39":63,"_13":64,"_42":65,"_44":45,"_46":47,"_48":66,"_50":51,"_52":67,"_17":54,"_55":56,"_57":68,"_59":60,"_61":-5,"_18":69},{"_39":40,"_13":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_17":54,"_55":56,"_57":58,"_59":60,"_61":-5,"_18":62},"id","bb7db1f0-082b-4736-b8dd-627fb747114a","types.ts","fileId","74825994-885e-11f1-ba79-1607ee4eb77e","parentId","019f9aba-fced-74dc-b6a6-06336ef108cb","branchId","962e1183-810a-43f3-b35e-f55556d3753b","branchVersion",8,"latest",true,"createdAt",["D",1785007468809],0,"fileType","script","content","export interface Cell {\n r: number;\n c: number;\n}\n\nexport interface Puzzle {\n id: string;\n rows: number;\n cols: number;\n grid: (string | null)[][];\n clues: number[]; // sorted word lengths\n wordCount: number;\n}\n\nexport interface CheckResult {\n correct: boolean;\n wordIndex?: number;\n word?: string;\n path?: Cell[];\n}\n\n// A word the player has already found.\nexport interface Found {\n word: string;\n path: Cell[];\n}\n","deleted",false,"label",[19,41],"182d49d0-d4a7-48b4-ba9c-e29ee943e0a1","index.tsx","019f9aba-fced-74dc-b6a6-1d6826eff6e2",2,["D",1785007373549],"/** @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();",[19,64],"acad0f99-5ea1-4fb4-8416-a77f16ab4d7e","index.html","019f9aba-fced-74dc-b6a6-1b7a2cfca7b8",13,["D",1785007551525],1,"\n\n \n \n \n 🐍 Word Snake\n \n \n \n \n

\n \n \n \n",[19,71],"85d3e2f7-481e-49c3-9a18-f565a8d98166","favicon.svg","019f9aba-fced-74dc-b6a6-170a808d083c",["D",1785007373549],"\n",[19,79],"905e2e85-8aa8-484c-b77f-29e32c67dea6","api.ts","773cffa4-885e-11f1-b759-1607ee4eb77e",9,["D",1785007473389],"import type { Cell, CheckResult, Puzzle } from \"./types.ts\";\n\nexport interface PuzzleOptions {\n rows?: number;\n cols?: number;\n wordCount?: number;\n minLen?: number;\n maxLen?: number;\n}\n\nexport async function newPuzzle(opts: PuzzleOptions = {}): Promise {\n const res = await fetch(\"/api/puzzle\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(opts),\n });\n if (!res.ok) throw new Error(`Failed to create puzzle (${res.status})`);\n return res.json();\n}\n\nexport async function checkPath(id: string, path: Cell[]): Promise {\n const res = await fetch(\"/api/check\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id, path }),\n });\n if (!res.ok) throw new Error(`Check failed (${res.status})`);\n return res.json();\n}\n\nexport async function getSolution(id: string): Promise<{ word: string; path: Cell[] }[]> {\n const res = await fetch(`/api/solution/${id}`);\n if (!res.ok) throw new Error(`Failed to load solution (${res.status})`);\n const data = await res.json();\n return data.words;\n}\n",[19,85],"dde1f63f-8943-4245-92b3-52bf459eba05","components","019f9aba-fced-74dc-b6a6-0a1ae671be68",["D",1785007373549],"directory",[19,92],"2f9e8e7d-4e5a-4d85-b1d9-42ec889c4c77",["D",1785007373549],[19],{"_39":176,"_13":177,"_42":178,"_44":-5,"_46":47,"_48":179,"_50":51,"_52":180,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_111":181,"_18":182},{"_39":97,"_13":19,"_42":45,"_44":-5,"_46":47,"_48":66,"_50":51,"_52":122,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_111":123,"_18":124},{"_39":114,"_13":115,"_42":116,"_44":-5,"_46":47,"_48":117,"_50":51,"_52":118,"_17":54,"_55":24,"_57":119,"_59":60,"_61":-5,"_111":120,"_18":121},{"_39":104,"_13":105,"_42":106,"_44":-5,"_46":47,"_48":107,"_50":51,"_52":108,"_17":75,"_55":109,"_57":110,"_59":60,"_61":-5,"_111":112,"_18":113},"d8ca29ba-7ea9-4ad5-9dc1-f5ea2603859b","index.ts","019f9aba-fced-74dc-b6a6-034297d72dc9",7,["D",1785007444088],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { generatePuzzle } from \"./backend/generatePuzzle.ts\";\nimport { loadPuzzle, savePuzzle } from \"./backend/store.ts\";\nimport type { Cell } from \"./backend/generatePuzzle.ts\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// --- Game API ---\n\n// Create a new puzzle. Returns the visible grid + clues, but NOT the solution paths.\napp.post(\"/api/puzzle\", async (c) => {\n let opts: Record = {};\n try {\n opts = await c.req.json();\n } catch {\n // no body / not json — use defaults\n }\n const puzzle = await generatePuzzle({\n rows: opts.rows,\n cols: opts.cols,\n wordCount: opts.wordCount,\n minLen: opts.minLen,\n maxLen: opts.maxLen,\n });\n const id = await savePuzzle(puzzle);\n\n // Clues: sorted list of word lengths only. The words themselves are hidden.\n const clues = puzzle.words.map((w) => w.word.length).sort((a, b) => a - b);\n\n return c.json({\n id,\n rows: puzzle.rows,\n cols: puzzle.cols,\n grid: puzzle.grid, // letters (or null) only\n clues,\n wordCount: puzzle.words.length,\n });\n});\n\nconst sameCell = (a: Cell, b: Cell) => a.r === b.r && a.c === b.c;\nconst samePath = (a: Cell[], b: Cell[]) =>\n a.length === b.length && a.every((cell, i) => sameCell(cell, b[i]));\n\n// Check a submitted path against the placed words. A guess is accepted only if\n// its exact cell sequence matches a placed word's path (forward or reversed) —\n// existing in the dictionary or spelling a real word is NOT enough.\napp.post(\"/api/check\", async (c) => {\n const body = await c.req.json().catch(() => null) as\n | { id?: string; path?: Cell[] }\n | null;\n if (!body?.id || !Array.isArray(body.path)) {\n return c.json({ error: \"id and path are required\" }, 400);\n }\n const puzzle = await loadPuzzle(body.id);\n if (!puzzle) return c.json({ error: \"puzzle not found\" }, 404);\n\n const guess = body.path;\n const reversed = guess.slice().reverse();\n\n for (let i = 0; i < puzzle.words.length; i++) {\n const placed = puzzle.words[i];\n if (samePath(guess, placed.path) || samePath(reversed, placed.path)) {\n return c.json({ correct: true, wordIndex: i, word: placed.word, path: placed.path });\n }\n }\n return c.json({ correct: false });\n});\n\n// Reveal the full solution (used by the \"give up\" button).\napp.get(\"/api/solution/:id\", async (c) => {\n const puzzle = await loadPuzzle(c.req.param(\"id\"));\n if (!puzzle) return c.json({ error: \"puzzle not found\" }, 404);\n return c.json({ words: puzzle.words });\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[105],"edbec180-3d1f-4947-a0ff-02a6de0aab06","README.md","bdc7ca6c-885e-11f1-9222-1607ee4eb77e",14,["D",1785007591674],"# 🐍 Word Snake\n\nA word-search game where hidden words are placed on a grid as **snake-paths**\n(each word winds through king-adjacent cells — horizontal, vertical, or\ndiagonal). Some cells are left empty. Your only clues are **how many words** are\nhidden and **their lengths**.\n\nDrag your finger/mouse from letter to letter to trace a path. A guess is\naccepted **only if it matches where a word was actually placed** — spelling a\nword that merely exists in the dictionary, or exists elsewhere on the grid,\ndoesn't count. This is enforced server-side: the browser never sees the\nsolution.\n\n## How it works\n\n```mermaid\nflowchart LR\n A[Browser] -- \"POST /api/puzzle\" --> B[index.ts]\n B --> C[generatePuzzle.ts
place words as snake-paths]\n C -- reads --> D[(words table)]\n B -- saves solution --> E[(puzzles_v1 table)]\n B -- \"grid + clues only
(no solution)\" --> A\n A -- \"POST /api/check
{id, path}\" --> B\n B -- \"load solution\" --> E\n B -- \"correct? + word\" --> A\n```\n\n- **`backend/generatePuzzle.ts`** — picks random words from the `words`\n dictionary table and lays each one as a self-avoiding snake-path via\n backtracking DFS. Words never share cells; unused cells stay empty.\n- **`backend/store.ts`** — persists each generated puzzle (including the exact\n placed paths) in SQLite so the server can validate guesses. The client only\n receives letters + clues.\n- **`index.ts`** — Hono HTTP server. Routes:\n - `POST /api/puzzle` → new puzzle (grid + word-length clues, no solution)\n - `POST /api/check` → `{ id, path }`; accepted only if `path` exactly matches\n a placed word's cells (forward or reversed)\n - `GET /api/solution/:id` → full solution (used by \"Give up\")\n- **`frontend/`** — client-side React (via Twind/Tailwind). `Grid.tsx` handles\n the pointer/touch drag; `Clues.tsx` shows the length clues that fill in as you\n solve; `App.tsx` orchestrates difficulty, state, and win detection.\n\n## Difficulty\n\n| Level | Grid | Words | Lengths |\n| ------ | ---- | ----- | ------- |\n| Easy | 6×6 | 3 | 4–6 |\n| Medium | 7×7 | 5 | 4–7 |\n| Hard | 8×8 | 7 | 5–8 |\n\n## Dictionary\n\nWords come from the `words` table (`CREATE TABLE words (word TEXT)`). Add more\nrows to expand the vocabulary — nothing else needs to change.\n",[],[115],["D",1785007373549],[125,126,127,128,129,130],[19],{"_39":91,"_13":92,"_42":93,"_44":45,"_46":47,"_48":66,"_50":51,"_52":146,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_111":147,"_18":148},{"_39":84,"_13":85,"_42":86,"_44":45,"_46":47,"_48":87,"_50":51,"_52":143,"_17":54,"_55":56,"_57":89,"_59":60,"_61":-5,"_111":144,"_18":145},{"_39":78,"_13":79,"_42":80,"_44":45,"_46":47,"_48":66,"_50":51,"_52":140,"_17":54,"_55":24,"_57":82,"_59":60,"_61":-5,"_111":141,"_18":142},{"_39":70,"_13":71,"_42":72,"_44":45,"_46":47,"_48":73,"_50":51,"_52":137,"_17":75,"_55":24,"_57":76,"_59":60,"_61":-5,"_111":138,"_18":139},{"_39":63,"_13":64,"_42":65,"_44":45,"_46":47,"_48":66,"_50":51,"_52":134,"_17":54,"_55":56,"_57":68,"_59":60,"_61":-5,"_111":135,"_18":136},{"_39":40,"_13":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":131,"_17":54,"_55":56,"_57":58,"_59":60,"_61":-5,"_111":132,"_18":133},["D",1785007468809],[],[19,41],["D",1785007373549],[],[19,64],["D",1785007551525],[],[19,71],["D",1785007373549],[],[19,79],["D",1785007473389],[],[19,85],["D",1785007373549],[149,150,151],[19,92],{"_39":168,"_13":169,"_42":170,"_44":93,"_46":47,"_48":171,"_50":51,"_52":172,"_17":75,"_55":56,"_57":173,"_59":60,"_61":-5,"_111":174,"_18":175},{"_39":160,"_13":161,"_42":162,"_44":93,"_46":47,"_48":163,"_50":51,"_52":164,"_17":54,"_55":56,"_57":165,"_59":60,"_61":-5,"_111":166,"_18":167},{"_39":152,"_13":153,"_42":154,"_44":93,"_46":47,"_48":155,"_50":51,"_52":156,"_17":54,"_55":56,"_57":157,"_59":60,"_61":-5,"_111":158,"_18":159},"5bf89419-41b2-4103-bd1c-cd2230c722d0","Grid.tsx","8a03ab88-885e-11f1-bfd2-1607ee4eb77e",10,["D",1785007504888],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Cell, Found } from \"../types.ts\";\n\ninterface GridProps {\n grid: (string | null)[][];\n found: Found[]; // already-solved words, drawn permanently\n onSubmit: (path: Cell[]) => void;\n flash: { path: Cell[]; ok: boolean } | null; // transient wrong/right feedback\n}\n\nconst CELL = 48; // px\nconst GAP = 6; // px\n\nconst cellKey = (c: Cell) => `${c.r},${c.c}`;\nconst adjacent = (a: Cell, b: Cell) =>\n Math.max(Math.abs(a.r - b.r), Math.abs(a.c - b.c)) === 1;\n\n// A palette of pleasant colors for solved words.\nconst WORD_COLORS = [\n \"#f97316\",\n \"#0ea5e9\",\n \"#22c55e\",\n \"#a855f7\",\n \"#ec4899\",\n \"#eab308\",\n \"#14b8a6\",\n \"#ef4444\",\n];\n\nexport function Grid({ grid, found, onSubmit, flash }: GridProps) {\n const rows = grid.length;\n const cols = grid[0]?.length ?? 0;\n const [drag, setDrag] = useState([]);\n const dragging = useRef(false);\n const wrapRef = useRef(null);\n\n // Map every cell that belongs to a solved word -> its color.\n const solvedColor = new Map();\n found.forEach((f, i) => {\n const color = WORD_COLORS[i % WORD_COLORS.length];\n for (const cell of f.path) solvedColor.set(cellKey(cell), color);\n });\n\n const inDrag = new Set(drag.map(cellKey));\n\n const cellFromPoint = useCallback((x: number, y: number): Cell | null => {\n const el = document.elementFromPoint(x, y) as HTMLElement | null;\n const attr = el?.closest(\"[data-cell]\")?.getAttribute(\"data-cell\");\n if (!attr) return null;\n const [r, c] = attr.split(\",\").map(Number);\n if (grid[r]?.[c] == null) return null; // empty cell — not selectable\n return { r, c };\n }, [grid]);\n\n const extend = useCallback((cell: Cell) => {\n setDrag((prev) => {\n if (prev.length === 0) return [cell];\n const last = prev[prev.length - 1];\n if (last.r === cell.r && last.c === cell.c) return prev;\n // Backtrack: hovering the previous cell removes the last one.\n if (prev.length >= 2) {\n const prevPrev = prev[prev.length - 2];\n if (prevPrev.r === cell.r && prevPrev.c === cell.c) return prev.slice(0, -1);\n }\n // Otherwise only extend to an adjacent, unused cell.\n if (!adjacent(last, cell)) return prev;\n if (prev.some((p) => p.r === cell.r && p.c === cell.c)) return prev;\n return [...prev, cell];\n });\n }, []);\n\n const start = useCallback((cell: Cell) => {\n dragging.current = true;\n setDrag([cell]);\n }, []);\n\n const end = useCallback(() => {\n if (!dragging.current) return;\n dragging.current = false;\n setDrag((prev) => {\n if (prev.length >= 2) onSubmit(prev);\n return [];\n });\n }, [onSubmit]);\n\n // Global pointer listeners so the drag keeps working outside a single cell.\n useEffect(() => {\n const move = (e: PointerEvent) => {\n if (!dragging.current) return;\n e.preventDefault();\n const cell = cellFromPoint(e.clientX, e.clientY);\n if (cell) extend(cell);\n };\n const up = () => end();\n globalThis.addEventListener(\"pointermove\", move, { passive: false });\n globalThis.addEventListener(\"pointerup\", up);\n globalThis.addEventListener(\"pointercancel\", up);\n return () => {\n globalThis.removeEventListener(\"pointermove\", move);\n globalThis.removeEventListener(\"pointerup\", up);\n globalThis.removeEventListener(\"pointercancel\", up);\n };\n }, [cellFromPoint, extend, end]);\n\n const flashSet = new Set((flash?.path ?? []).map(cellKey));\n\n const width = cols * CELL + (cols - 1) * GAP;\n const height = rows * CELL + (rows - 1) * GAP;\n const center = (i: number) => i * (CELL + GAP) + CELL / 2;\n\n // Build SVG polyline points for the in-progress drag path.\n const dragPoints = drag.map((c) => `${center(c.c)},${center(c.r)}`).join(\" \");\n\n return (\n \n {/* Connector lines for solved words + current drag */}\n \n {found.map((f, i) => (\n `${center(c.c)},${center(c.r)}`).join(\" \")}\n fill=\"none\"\n stroke={WORD_COLORS[i % WORD_COLORS.length]}\n strokeWidth={10}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n opacity={0.35}\n />\n ))}\n {drag.length >= 2 && (\n \n )}\n \n\n {/* Cells */}\n {grid.map((row, r) =>\n row.map((letter, c) => {\n if (letter == null) {\n return (\n \n );\n }\n const k = `${r},${c}`;\n const solved = solvedColor.get(k);\n const selected = inDrag.has(k);\n const isFlash = flashSet.has(k);\n let bg = \"#ffffff\";\n let fg = \"#1f2937\";\n let border = \"#e5e7eb\";\n if (solved) {\n bg = solved;\n fg = \"#ffffff\";\n border = solved;\n }\n if (selected) {\n bg = \"#2563eb\";\n fg = \"#ffffff\";\n border = \"#1d4ed8\";\n }\n if (isFlash) {\n bg = flash!.ok ? \"#16a34a\" : \"#dc2626\";\n fg = \"#ffffff\";\n border = bg;\n }\n return (\n {\n e.preventDefault();\n start({ r, c });\n }}\n className=\"absolute rounded-lg flex items-center justify-center font-bold text-lg cursor-pointer transition-colors\"\n style={{\n left: c * (CELL + GAP),\n top: r * (CELL + GAP),\n width: CELL,\n height: CELL,\n background: bg,\n color: fg,\n border: `2px solid ${border}`,\n boxShadow: \"0 1px 2px rgba(0,0,0,0.06)\",\n }}\n >\n {letter}\n \n );\n })\n )}\n \n );\n}\n",[],[19,92,153],"6127248d-980a-4a58-9eb3-c838663ef559","Clues.tsx","91941e3c-885e-11f1-a9a0-1607ee4eb77e",11,["D",1785007517565],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Found } from \"../types.ts\";\n\ninterface CluesProps {\n clues: number[]; // sorted word lengths\n found: Found[];\n}\n\n/**\n * Show one \"slot\" per word. Each slot displays either the word's length (as\n * boxes) if unsolved, or the revealed word once found. We greedily match found\n * words to clue slots by length so each found word ticks off one clue.\n */\nexport function Clues({ clues, found }: CluesProps) {\n // Count how many found words we have of each length, to mark slots solved.\n const foundByLen = new Map();\n for (const f of found) {\n const arr = foundByLen.get(f.word.length) ?? [];\n arr.push(f.word);\n foundByLen.set(f.word.length, arr);\n }\n // Clone so we can pop as we assign.\n const remaining = new Map();\n for (const [len, arr] of foundByLen) remaining.set(len, arr.slice());\n\n return (\n

\n {found.length} / {clues.length} found\n

\n {clues.map((len, i) => {\n const pool = remaining.get(len);\n const solvedWord = pool && pool.length ? pool.shift() : undefined;\n return (\n

\n {len}\n {Array.from({ length: len }).map((_, j) => (\n \n {solvedWord ? solvedWord[j] : \"•\"}\n \n ))}\n

\n );\n })}\n

\n );\n}\n",[],[19,92,161],"2815097a-2f61-456a-b030-be969cfe60bb","App.tsx","019f9aba-fced-74dc-b6a6-0c8462cc2e84",12,["D",1785007545826],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Grid } from \"./Grid.tsx\";\nimport { Clues } from \"./Clues.tsx\";\nimport { checkPath, getSolution, newPuzzle, type PuzzleOptions } from \"../api.ts\";\nimport type { Cell, Found, Puzzle } from \"../types.ts\";\n\ntype Difficulty = \"easy\" | \"medium\" | \"hard\";\n\nconst DIFFICULTIES: Record = {\n easy: { label: \"Easy\", rows: 6, cols: 6, wordCount: 3, minLen: 4, maxLen: 6 },\n medium: { label: \"Medium\", rows: 7, cols: 7, wordCount: 5, minLen: 4, maxLen: 7 },\n hard: { label: \"Hard\", rows: 8, cols: 8, wordCount: 7, minLen: 5, maxLen: 8 },\n};\n\nconst cellKey = (c: Cell) => `${c.r},${c.c}`;\n\nexport function App() {\n const [difficulty, setDifficulty] = useState(\"medium\");\n const [puzzle, setPuzzle] = useState(null);\n const [found, setFound] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [flash, setFlash] = useState<{ path: Cell[]; ok: boolean } | null>(null);\n const [message, setMessage] = useState(null);\n const [revealed, setRevealed] = useState(false);\n const flashTimer = useRef(null);\n\n const load = useCallback(async (diff: Difficulty) => {\n setLoading(true);\n setError(null);\n setFound([]);\n setFlash(null);\n setMessage(null);\n setRevealed(false);\n try {\n const p = await newPuzzle(DIFFICULTIES[diff]);\n setPuzzle(p);\n } catch (e) {\n setError(e instanceof Error ? e.message : String(e));\n } finally {\n setLoading(false);\n }\n }, []);\n\n useEffect(() => {\n load(difficulty);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const showFlash = useCallback((path: Cell[], ok: boolean) => {\n if (flashTimer.current) clearTimeout(flashTimer.current);\n setFlash({ path, ok });\n flashTimer.current = globalThis.setTimeout(() => setFlash(null), 600);\n }, []);\n\n const foundKeys = new Set(found.flatMap((f) => f.path.map(cellKey)));\n\n const onSubmit = useCallback(async (path: Cell[]) => {\n if (!puzzle || revealed) return;\n // Ignore paths that touch already-solved cells.\n if (path.some((c) => foundKeys.has(cellKey(c)))) return;\n try {\n const res = await checkPath(puzzle.id, path);\n if (res.correct && res.word && res.path) {\n // Avoid double-adding the same word.\n setFound((prev) =>\n prev.some((f) => f.word === res.word && f.path[0].r === res.path![0].r)\n ? prev\n : [...prev, { word: res.word!, path: res.path! }]\n );\n showFlash(res.path, true);\n setMessage(`Nice! Found \"${res.word}\"`);\n } else {\n showFlash(path, false);\n setMessage(\"Not a placed word there — try again.\");\n }\n } catch (e) {\n setError(e instanceof Error ? e.message : String(e));\n }\n }, [puzzle, revealed, found, showFlash]);\n\n const reveal = useCallback(async () => {\n if (!puzzle) return;\n try {\n const words = await getSolution(puzzle.id);\n setFound(words.map((w) => ({ word: w.word, path: w.path })));\n setRevealed(true);\n setMessage(\"Solution revealed.\");\n } catch (e) {\n setError(e instanceof Error ? e.message : String(e));\n }\n }, [puzzle]);\n\n const won = puzzle != null && !revealed && found.length === puzzle.wordCount;\n\n return (\n

🐍 Word Snake

\n Trace each hidden word as a snake-path through adjacent letters.\n

\n\n {/* Controls */}\n

\n {(Object.keys(DIFFICULTIES) as Difficulty[]).map((d) => (\n {\n setDifficulty(d);\n load(d);\n }}\n className={`px-3 py-1.5 rounded-full text-sm font-semibold border transition-colors ${\n difficulty === d\n ? \"bg-gray-900 text-white border-gray-900\"\n : \"bg-white text-gray-700 border-gray-300 hover:border-gray-500\"\n }`}\n >\n {DIFFICULTIES[d].label}\n \n ))}\n load(difficulty)}\n className=\"px-3 py-1.5 rounded-full text-sm font-semibold bg-blue-600 text-white hover:bg-blue-700\"\n >\n New puzzle\n \n \n Give up\n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n {loading && (\n

Generating puzzle…

\n )}\n\n {puzzle && !loading && (\n

\n \n

\n {won\n ? (\n \n 🎉 You found all {puzzle.wordCount} words!\n \n )\n : {message}}\n

\n \n

\n )}\n\n \n

\n );\n}\n",[],[19,92,169],"7ba34d46-11c0-4f85-bf6d-de4a1cca9758","backend","e4669e36-b274-4ce7-85ee-4029b751b8d7",5,["D",1785007403208],[183,184],[177],{"_39":193,"_13":194,"_42":195,"_44":178,"_46":47,"_48":179,"_50":51,"_52":196,"_17":54,"_55":56,"_57":197,"_59":60,"_61":-5,"_111":198,"_18":199},{"_39":185,"_13":186,"_42":187,"_44":178,"_46":47,"_48":188,"_50":51,"_52":189,"_17":54,"_55":56,"_57":190,"_59":60,"_61":-5,"_111":191,"_18":192},"1d020e19-c99a-4598-9450-15318c69110c","store.ts","527da93e-885e-11f1-8e70-1607ee4eb77e",6,["D",1785007411736],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport type { Puzzle } from \"./generatePuzzle.ts\";\n\nconst TABLE = \"puzzles_v1\";\n\nlet initialized = false;\nasync function init() {\n if (initialized) return;\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS ${TABLE} (\n id TEXT PRIMARY KEY,\n data TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )`,\n );\n initialized = true;\n}\n\nexport async function savePuzzle(puzzle: Puzzle): Promise {\n await init();\n const id = crypto.randomUUID();\n await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (id, data, created_at) VALUES (?, ?, ?)`,\n args: [id, JSON.stringify(puzzle), Date.now()],\n });\n return id;\n}\n\nexport async function loadPuzzle(id: string): Promise {\n await init();\n const res = await sqlite.execute({\n sql: `SELECT data FROM ${TABLE} WHERE id = ?`,\n args: [id],\n });\n if (res.rows.length === 0) return null;\n return JSON.parse(String(res.rows[0][0])) as Puzzle;\n}\n",[],[177,186],"cf32c54e-5de0-4ea5-b788-9615748feb29","generatePuzzle.ts","4d68b04c-885e-11f1-ba79-1607ee4eb77e",["D",1785007403208],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// A cell coordinate on the grid.\nexport interface Cell {\n r: number;\n c: number;\n}\n\n// A placed word: the word text plus the exact ordered snake-path of cells it occupies.\nexport interface PlacedWord {\n word: string;\n path: Cell[]; // path[i] holds word[i]\n}\n\nexport interface Puzzle {\n rows: number;\n cols: number;\n // grid[r][c] is a single uppercase letter, or null for an empty (unoccupied) cell.\n grid: (string | null)[][];\n words: PlacedWord[];\n}\n\n// 8-directional (king move) neighbors.\nconst DIRS: Cell[] = [\n { r: -1, c: -1 },\n { r: -1, c: 0 },\n { r: -1, c: 1 },\n { r: 0, c: -1 },\n { r: 0, c: 1 },\n { r: 1, c: -1 },\n { r: 1, c: 0 },\n { r: 1, c: 1 },\n];\n\nfunction shuffle(arr: T[]): T[] {\n const a = arr.slice();\n for (let i = a.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [a[i], a[j]] = [a[j], a[i]];\n }\n return a;\n}\n\nconst key = (r: number, c: number) => `${r},${c}`;\n\n/**\n * Try to lay `word` as a self-avoiding snake path on the grid, using only cells\n * that are currently empty (not occupied by a previously placed word).\n * Returns the ordered path of cells, or null if it couldn't be placed.\n */\nfunction tryPlaceWord(\n word: string,\n rows: number,\n cols: number,\n occupied: Set,\n): Cell[] | null {\n const used = new Set(); // cells used by THIS word's current path attempt\n\n // Depth-first search that grows the path one letter at a time.\n function dfs(path: Cell[]): Cell[] | null {\n if (path.length === word.length) return path.slice();\n const last = path[path.length - 1];\n for (const d of shuffle(DIRS)) {\n const nr = last.r + d.r;\n const nc = last.c + d.c;\n if (nr < 0 || nc < 0 || nr >= rows || nc >= cols) continue;\n const k = key(nr, nc);\n if (occupied.has(k) || used.has(k)) continue;\n used.add(k);\n path.push({ r: nr, c: nc });\n const res = dfs(path);\n if (res) return res;\n path.pop();\n used.delete(k);\n }\n return null;\n }\n\n // Try a number of random starting cells.\n const starts = shuffle(\n Array.from({ length: rows * cols }, (_, i) => ({ r: Math.floor(i / cols), c: i % cols })),\n );\n for (const start of starts) {\n const k = key(start.r, start.c);\n if (occupied.has(k)) continue;\n used.clear();\n used.add(k);\n const res = dfs([start]);\n if (res) return res;\n }\n return null;\n}\n\n/**\n * Fetch `count` random distinct words from the dictionary, each with length in\n * [minLen, maxLen].\n */\nasync function pickWords(count: number, minLen: number, maxLen: number): Promise {\n const res = await sqlite.execute({\n sql:\n `SELECT DISTINCT word FROM words WHERE length(word) BETWEEN ? AND ? ORDER BY RANDOM() LIMIT ?`,\n args: [minLen, maxLen, count],\n });\n return res.rows.map((row) => String(row[0]).toUpperCase());\n}\n\nexport interface GenerateOptions {\n rows?: number;\n cols?: number;\n wordCount?: number;\n minLen?: number;\n maxLen?: number;\n}\n\n/**\n * Generate a puzzle: place several words as snake-paths on a grid, leaving some\n * cells empty. Retries word selection/placement until it succeeds.\n */\nexport async function generatePuzzle(opts: GenerateOptions = {}): Promise {\n const rows = opts.rows ?? 7;\n const cols = opts.cols ?? 7;\n const wordCount = opts.wordCount ?? 5;\n const minLen = opts.minLen ?? 4;\n const maxLen = opts.maxLen ?? 7;\n\n // Try a few full attempts (fresh word sets) before giving up.\n for (let attempt = 0; attempt < 12; attempt++) {\n // Over-fetch so we have spare words to try if some don't fit.\n const pool = await pickWords(wordCount * 3, minLen, maxLen);\n if (pool.length < wordCount) continue;\n\n // Place longest words first — they're the hardest to fit.\n const sorted = pool.sort((a, b) => b.length - a.length);\n\n const occupied = new Set();\n const placed: PlacedWord[] = [];\n\n for (const word of sorted) {\n if (placed.length === wordCount) break;\n const path = tryPlaceWord(word, rows, cols, occupied);\n if (!path) continue;\n for (const cell of path) occupied.add(key(cell.r, cell.c));\n placed.push({ word, path });\n }\n\n if (placed.length < wordCount) continue;\n\n // Build the visible grid.\n const grid: (string | null)[][] = Array.from(\n { length: rows },\n () => Array.from({ length: cols }, () => null as string | null),\n );\n for (const pw of placed) {\n pw.path.forEach((cell, i) => {\n grid[cell.r][cell.c] = pw.word[i];\n });\n }\n\n return { rows, cols, grid, words: placed };\n }\n\n throw new Error(\"Could not generate a puzzle after several attempts\");\n}\n",[],[177,194],"6d7c21e6-13e7-4e47-91b0-e7169f311975",["D",1785006829408],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Word Snake — trace hidden snake-path words on a grid","imageUrl","userId","b0357dde-b3d8-4b57-ae64-48c75ed237e3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019f990f-e3e2-73af-886a-bae138a4342d","tursoName","6d7c21e613e74e4791b0e7169f311975","tursoHostname","6d7c21e613e74e4791b0e7169f311975-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789474235934],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_257":253},"org",{"_11":12,"_250":251,"_252":253,"_210":211,"_254":255,"_256":60},"branch",{"_17":117,"_13":16,"_39":47,"_242":200,"_243":-5,"_244":-5,"_245":-5,"_246":-5,"_247":-5,"_248":14,"_249":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Nikita Sivukhin","avatar","https://lh3.googleusercontent.com/a/ACg8ocLk4CcmZUgY2xqNPiDGdQH5Yi149UXPXY0titk2reTLCRsTjGI=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_39":200,"_13":14,"_52":344,"_202":-5,"_203":60,"_204":205,"_206":205,"_207":208,"_209":-5,"_210":211,"_212":106,"_213":51,"_214":-5,"_215":-5,"_216":54,"_217":218,"_219":220,"_221":222,"_223":345,"_225":-5,"_226":227,"_228":227,"_229":230,"_231":230,"_232":230,"_233":227,"_234":227,"_235":346,"_237":347,"_239":348,"_241":60},[299,302,312,313],"files",[299,300,301,302,303,304,305,306,307,308,309,310,311,312,313],"counts",{"_290":54,"_291":75,"_292":54,"_32":293,"_294":295},[278,279,280,281,282,283],{"_39":97,"_13":19,"_42":45,"_44":-5,"_46":47,"_48":66,"_50":51,"_52":98,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_18":277},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_39":91,"_13":92,"_42":93,"_44":45,"_46":47,"_48":66,"_50":51,"_52":94,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_18":289},{"_39":84,"_13":85,"_42":86,"_44":45,"_46":47,"_48":87,"_50":51,"_52":88,"_17":54,"_55":56,"_57":89,"_59":60,"_61":-5,"_18":288},{"_39":78,"_13":79,"_42":80,"_44":45,"_46":47,"_48":66,"_50":51,"_52":81,"_17":54,"_55":24,"_57":82,"_59":60,"_61":-5,"_18":287},{"_39":70,"_13":71,"_42":72,"_44":45,"_46":47,"_48":73,"_50":51,"_52":74,"_17":75,"_55":24,"_57":76,"_59":60,"_61":-5,"_18":286},{"_39":63,"_13":64,"_42":65,"_44":45,"_46":47,"_48":66,"_50":51,"_52":67,"_17":54,"_55":56,"_57":68,"_59":60,"_61":-5,"_18":285},{"_39":40,"_13":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_17":54,"_55":56,"_57":58,"_59":60,"_61":-5,"_18":284},[19,41],[19,64],[19,71],[19,79],[19,85],[19,92],"pulls","branches","forks",{"_296":54,"_298":54},"connections",{"_296":54,"_297":54},"count","unfilledCount","emptyCount",{"_39":176,"_13":177,"_42":178,"_44":-5,"_46":47,"_48":179,"_50":51,"_52":180,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_111":342,"_18":343},{"_39":193,"_13":194,"_42":195,"_44":178,"_46":47,"_48":179,"_50":51,"_52":196,"_17":54,"_55":56,"_57":197,"_59":60,"_61":-5,"_111":340,"_18":341},{"_39":185,"_13":186,"_42":187,"_44":178,"_46":47,"_48":188,"_50":51,"_52":189,"_17":54,"_55":56,"_57":190,"_59":60,"_61":-5,"_111":338,"_18":339},{"_39":97,"_13":19,"_42":45,"_44":-5,"_46":47,"_48":66,"_50":51,"_52":122,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_111":336,"_18":337},{"_39":91,"_13":92,"_42":93,"_44":45,"_46":47,"_48":66,"_50":51,"_52":146,"_17":54,"_55":95,"_57":-5,"_59":60,"_61":-5,"_111":334,"_18":335},{"_39":168,"_13":169,"_42":170,"_44":93,"_46":47,"_48":171,"_50":51,"_52":172,"_17":75,"_55":56,"_57":173,"_59":60,"_61":-5,"_111":332,"_18":333},{"_39":160,"_13":161,"_42":162,"_44":93,"_46":47,"_48":163,"_50":51,"_52":164,"_17":54,"_55":56,"_57":165,"_59":60,"_61":-5,"_111":330,"_18":331},{"_39":152,"_13":153,"_42":154,"_44":93,"_46":47,"_48":155,"_50":51,"_52":156,"_17":54,"_55":56,"_57":157,"_59":60,"_61":-5,"_111":328,"_18":329},{"_39":84,"_13":85,"_42":86,"_44":45,"_46":47,"_48":87,"_50":51,"_52":143,"_17":54,"_55":56,"_57":89,"_59":60,"_61":-5,"_111":326,"_18":327},{"_39":78,"_13":79,"_42":80,"_44":45,"_46":47,"_48":66,"_50":51,"_52":140,"_17":54,"_55":24,"_57":82,"_59":60,"_61":-5,"_111":324,"_18":325},{"_39":70,"_13":71,"_42":72,"_44":45,"_46":47,"_48":73,"_50":51,"_52":137,"_17":75,"_55":24,"_57":76,"_59":60,"_61":-5,"_111":322,"_18":323},{"_39":63,"_13":64,"_42":65,"_44":45,"_46":47,"_48":66,"_50":51,"_52":134,"_17":54,"_55":56,"_57":68,"_59":60,"_61":-5,"_111":320,"_18":321},{"_39":40,"_13":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":131,"_17":54,"_55":56,"_57":58,"_59":60,"_61":-5,"_111":318,"_18":319},{"_39":114,"_13":115,"_42":116,"_44":-5,"_46":47,"_48":117,"_50":51,"_52":118,"_17":54,"_55":24,"_57":119,"_59":60,"_61":-5,"_111":316,"_18":317},{"_39":104,"_13":105,"_42":106,"_44":-5,"_46":47,"_48":107,"_50":51,"_52":108,"_17":75,"_55":109,"_57":110,"_59":60,"_61":-5,"_111":314,"_18":315},[],[105],[],[115],[],[19,41],[],[19,64],[],[19,71],[],[19,79],[],[19,85],[],[19,92,153],[],[19,92,161],[],[19,92,169],[304,305,306],[19,92],[303,307,308,309,310,311],[19],[],[177,186],[],[177,194],[300,301],[177],["D",1785006829408],["D",1789474235934],{"_11":12,"_257":253},{"_11":12,"_250":251,"_252":253,"_210":211,"_254":255,"_256":60},{"_17":117,"_13":16,"_39":47,"_242":200,"_243":-5,"_244":-5,"_245":-5,"_246":-5,"_247":-5,"_248":14,"_249":12},"ctx",{"_235":-5,"_274":382,"_383":384,"_385":386,"_387":60,"_388":60,"_389":60,"_390":51,"_391":-5,"_392":-7,"_393":-7,"_394":54,"_395":60,"_396":60,"_397":-5,"_398":60,"_399":60,"_400":60,"_401":-5},"ENV",{"_353":354,"_355":356,"_357":16,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381},"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"]