\n \n \n \n\n",[],[96,139],"d1a572f3-1a50-40a4-bd9b-2fd0f15e94fd","favicon.svg","019f0594-e762-709d-bcd4-e5248efd08af",["D",1782505072423],"\n",[],[96,147],"99a38126-ca12-44bc-b88f-bc015696ea5b","components","019f0594-e762-709d-bcd4-e076aae9ad15",["D",1782505072423],[159,160],[96,154],{"_35":168,"_13":169,"_65":170,"_67":155,"_68":69,"_70":171,"_71":72,"_37":172,"_17":74,"_75":120,"_77":173,"_79":50,"_80":-5,"_105":174,"_18":175},{"_35":161,"_13":162,"_65":163,"_67":155,"_68":69,"_70":74,"_71":72,"_37":164,"_17":86,"_75":120,"_77":165,"_79":50,"_80":-5,"_105":166,"_18":167},"aa85801a-6b8c-48d0-9478-5745e06089b5","Counter.tsx","019f0594-e762-709d-bcd4-df3bad74b386",["D",1782505072423],"/** @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",[],[96,154,162],"6882dd10-de73-4bd0-bda2-a0f2ed5c5534","App.tsx","019f0594-e762-709d-bcd4-dbf591fa996b",3,["D",1782505146495],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst COLOR_STYLES: Record = {\n yellow: { bg: \"bg-yellow-100 border-yellow-300\", dot: \"bg-yellow-400\", label: \"Yellow\" },\n green: { bg: \"bg-green-100 border-green-300\", dot: \"bg-green-500\", label: \"Green\" },\n blue: { bg: \"bg-blue-100 border-blue-300\", dot: \"bg-blue-400\", label: \"Blue\" },\n purple: { bg: \"bg-purple-100 border-purple-300\", dot: \"bg-purple-500\", label: \"Purple\" },\n};\n\nconst COLOR_ORDER = [\"yellow\", \"green\", \"blue\", \"purple\"];\n\ntype Group = { color: string; category: string; words: string[] };\ntype PuzzleResult = { puzzle_number: number; puzzle_date: string; groups: Group[] };\n\nfunction formatDate(dateStr: string): string {\n try {\n const d = new Date(dateStr + \"T12:00:00Z\");\n return d.toLocaleDateString(\"en-US\", { year: \"numeric\", month: \"long\", day: \"numeric\", timeZone: \"UTC\" });\n } catch {\n return dateStr;\n }\n}\n\nfunction highlight(text: string, query: string, mode: string): JSX.Element {\n if (!query) return <>{text};\n const needle = query.toLowerCase();\n const haystack = text.toLowerCase();\n if (mode === \"exact\") {\n if (haystack === needle) {\n return {text};\n }\n return <>{text};\n }\n const idx = haystack.indexOf(needle);\n if (idx === -1) return <>{text};\n return (\n <>\n {text.slice(0, idx)}\n {text.slice(idx, idx + query.length)}\n {text.slice(idx + query.length)}\n \n );\n}\n\nfunction PuzzleCard({ puzzle, query, mode }: { puzzle: PuzzleResult; query: string; mode: string }) {\n const sorted = [...puzzle.groups].sort((a, b) => {\n const ai = COLOR_ORDER.indexOf(a.color.toLowerCase());\n const bi = COLOR_ORDER.indexOf(b.color.toLowerCase());\n return (ai === -1 ? 99 : ai) - (bi === -1 ? 99 : bi);\n });\n\n return (\n

\n {formatDate(puzzle.puzzle_date)}, #{puzzle.puzzle_number}\n

\n {sorted.map((g) => {\n const style = COLOR_STYLES[g.color.toLowerCase()] ?? {\n bg: \"bg-gray-100 border-gray-300\",\n dot: \"bg-gray-400\",\n label: g.color,\n };\n return (\n

\n \n

\n {g.category}:\n {g.words.map((w, i) => (\n \n {highlight(w, query, mode)}\n {i < g.words.length - 1 ? \", \" : \"\"}\n \n ))}\n

\n );\n })}\n

\n );\n}\n\ntype Tab = \"search\" | \"add\";\n\nexport function App() {\n const [tab, setTab] = useState(\"search\");\n const [stats, setStats] = useState<{ puzzles: number; clues: number } | null>(null);\n\n useEffect(() => {\n fetch(\"/api/stats\")\n .then((r) => r.json())\n .then(setStats)\n .catch(console.error);\n }, [tab]);\n\n return (\n

\n {/* Header */}\n

\n 🔗 Connections Archive\n

\n Search all words from past NYT Connections puzzles\n

\n {stats && (\n

\n {stats.puzzles} puzzle{stats.puzzles !== 1 ? \"s\" : \"\"} · {stats.clues} clues archived\n

\n )}\n

\n\n {/* Tabs */}\n

\n {([\"search\", \"add\"] as Tab[]).map((t) => (\n setTab(t)}\n class={`flex-1 py-1.5 text-sm font-medium rounded-md transition-all capitalize ${\n tab === t ? \"bg-white text-gray-900 shadow-sm\" : \"text-gray-500 hover:text-gray-700\"\n }`}\n >\n {t === \"search\" ? \"🔍 Search\" : \"➕ Add Puzzle\"}\n \n ))}\n

\n\n {tab === \"search\" ? : setTab(\"search\")} />}\n

\n );\n}\n\nfunction SearchTab() {\n const [query, setQuery] = useState(\"\");\n const [mode, setMode] = useState<\"substring\" | \"exact\">(\"substring\");\n const [results, setResults] = useState(null);\n const [loading, setLoading] = useState(false);\n const inputRef = useRef(null);\n\n useEffect(() => {\n inputRef.current?.focus();\n }, []);\n\n async function search(q: string, m: string) {\n if (!q.trim()) { setResults(null); return; }\n setLoading(true);\n try {\n const r = await fetch(`/api/search?q=${encodeURIComponent(q)}&mode=${m}`);\n const data = await r.json();\n setResults(data.results);\n } finally {\n setLoading(false);\n }\n }\n\n function handleSubmit(e: Event) {\n e.preventDefault();\n search(query, mode);\n }\n\n function handleModeChange(m: \"substring\" | \"exact\") {\n setMode(m);\n if (results !== null) search(query, m);\n }\n\n return (\n

\n setQuery((e.target as HTMLInputElement).value)}\n placeholder=\"Search for a word…\"\n class=\"flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n \n Search\n \n \n\n {/* Mode toggle */}\n

\n \n handleModeChange(\"substring\")}\n class=\"accent-blue-600\"\n />\n Substring match\n \n \n handleModeChange(\"exact\")}\n class=\"accent-blue-600\"\n />\n Exact match\n \n

\n\n {loading && (\n

Searching…

\n )}\n\n {!loading && results !== null && (\n

\n {results.length === 0\n ? `No puzzles found for \"${query}\"`\n : `${results.length} puzzle${results.length !== 1 ? \"s\" : \"\"} found for \"${query}\"`}\n

\n {results.map((p) => (\n \n ))}\n

\n )}\n\n {!loading && results === null && (\n

🔍

Type a word and hit Search

\n )}\n

\n );\n}\n\nfunction AddTab({ onAdded }: { onAdded: () => void }) {\n const [puzzleNumber, setPuzzleNumber] = useState(\"\");\n const [puzzleDate, setPuzzleDate] = useState(\"\");\n const [groups, setGroups] = useState([\n { color: \"yellow\", category: \"\", words: \"\" },\n { color: \"green\", category: \"\", words: \"\" },\n { color: \"blue\", category: \"\", words: \"\" },\n { color: \"purple\", category: \"\", words: \"\" },\n ]);\n const [status, setStatus] = useState<{ type: \"success\" | \"error\"; msg: string } | null>(null);\n const [loading, setLoading] = useState(false);\n\n async function handleSubmit(e: Event) {\n e.preventDefault();\n setStatus(null);\n setLoading(true);\n try {\n const payload = {\n puzzle_number: parseInt(puzzleNumber),\n puzzle_date: puzzleDate,\n groups: groups.map((g) => ({\n color: g.color,\n category: g.category.trim(),\n words: g.words.split(\",\").map((w) => w.trim().toUpperCase()).filter(Boolean),\n })),\n };\n const r = await fetch(\"/api/puzzles\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n const data = await r.json();\n if (!r.ok) throw new Error(data.error ?? \"Unknown error\");\n setStatus({ type: \"success\", msg: `Puzzle #${data.puzzle_number} added (${data.clues_inserted} clues)` });\n setPuzzleNumber(\"\");\n setPuzzleDate(\"\");\n setGroups([\n { color: \"yellow\", category: \"\", words: \"\" },\n { color: \"green\", category: \"\", words: \"\" },\n { color: \"blue\", category: \"\", words: \"\" },\n { color: \"purple\", category: \"\", words: \"\" },\n ]);\n } catch (err: unknown) {\n setStatus({ type: \"error\", msg: String(err) });\n } finally {\n setLoading(false);\n }\n }\n\n return (\n

\n Puzzle #\n setPuzzleNumber((e.target as HTMLInputElement).value)}\n required\n placeholder=\"e.g. 365\"\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n

\n Date\n setPuzzleDate((e.target as HTMLInputElement).value)}\n required\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n

\n\n {groups.map((g, i) => {\n const style = COLOR_STYLES[g.color] ?? { dot: \"bg-gray-400\", bg: \"\", label: g.color };\n return (\n

\n \n {g.color}\n

\n {\n const updated = [...groups];\n updated[i] = { ...g, category: (e.target as HTMLInputElement).value };\n setGroups(updated);\n }}\n required\n placeholder=\"Category name (e.g. TIGHTLY PACKED)\"\n class=\"w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n {\n const updated = [...groups];\n updated[i] = { ...g, words: (e.target as HTMLInputElement).value };\n setGroups(updated);\n }}\n required\n placeholder=\"Words, comma-separated (e.g. COMPACT, DENSE, SQUASHED, COMPRESSED)\"\n class=\"w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n

\n );\n })}\n\n {status && (\n \n {status.msg}\n \n )}\n\n \n {loading ? \"Adding…\" : \"Add Puzzle\"}\n \n \n );\n}\n",[],[96,154,169],"fcd5a565-8cff-4b4a-886e-c6decfe884f2",["D",1782505072423],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789567199&sig=be2da3e537d6269cefeedcb88843ac66f83d7a4623f50e71633938e44918ec3c","userId","4672fa32-1c6f-4907-899e-57b7e45b1dcb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019e83d1-d41f-725b-9693-b632d430a029","tursoName","fcd5a5658cff4b4a886ec6decfe884f2","tursoHostname","fcd5a5658cff4b4a886ec6decfe884f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789500689328],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_225":221},"org",{"_11":12,"_218":219,"_220":221,"_184":185,"_222":223,"_224":50},"branch",{"_17":118,"_13":16,"_35":69,"_41":176,"_44":36,"_45":214,"_215":52,"_216":42,"_217":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Potluck Mittal","avatar","https://lh3.googleusercontent.com/a/ACg8ocJYeiSQ8_eyVYtUAg9f5qRwEXzS1AreFm572a1csvZx7c6b_S8=s96-c","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":176,"_13":14,"_37":300,"_48":-5,"_178":50,"_51":52,"_179":52,"_180":181,"_182":183,"_184":185,"_186":66,"_187":72,"_188":-5,"_189":-5,"_190":86,"_55":191,"_192":193,"_194":195,"_196":301,"_198":-5,"_199":200,"_201":200,"_202":203,"_204":203,"_205":203,"_206":200,"_207":200,"_208":302,"_210":303,"_212":304,"_49":50},[267,274,276,277],"files",[267,268,269,270,271,272,273,274,275,276,277],"counts",{"_258":86,"_259":74,"_260":86,"_34":261,"_262":263},[250,251,252,253],"upstreamProject",{"_35":42,"_13":58,"_180":181,"_182":183,"_51":52,"_208":248},"upstreamBranch",{"_35":36,"_37":246,"_39":247,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":54,"_225":249},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789567199&sig=d8af4f1d5d6ef07a152f6225f86a0227f22fe92650a7f9572d94a5f64256bba9",{"_35":95,"_13":96,"_65":97,"_67":-5,"_68":69,"_70":74,"_71":72,"_37":98,"_17":86,"_75":93,"_77":-5,"_79":50,"_80":-5,"_18":257},{"_35":89,"_13":90,"_65":91,"_67":-5,"_68":69,"_70":31,"_71":72,"_37":92,"_17":86,"_75":93,"_77":-5,"_79":50,"_80":-5,"_18":256},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":74,"_71":72,"_37":85,"_17":86,"_75":24,"_77":87,"_79":50,"_80":-5,"_18":255},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":33,"_71":72,"_37":73,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":254},[64],[83],[90],[96],"pulls","branches","forks",{"_264":86,"_266":86},"connections",{"_264":86,"_265":86},"count","unfilledCount","emptyCount",{"_35":95,"_13":96,"_65":97,"_67":-5,"_68":69,"_70":74,"_71":72,"_37":124,"_17":86,"_75":93,"_77":-5,"_79":50,"_80":-5,"_105":298,"_18":299},{"_35":153,"_13":154,"_65":155,"_67":97,"_68":69,"_70":74,"_71":72,"_37":156,"_17":86,"_75":93,"_77":-5,"_79":50,"_80":-5,"_105":296,"_18":297},{"_35":168,"_13":169,"_65":170,"_67":155,"_68":69,"_70":171,"_71":72,"_37":172,"_17":74,"_75":120,"_77":173,"_79":50,"_80":-5,"_105":294,"_18":295},{"_35":161,"_13":162,"_65":163,"_67":155,"_68":69,"_70":74,"_71":72,"_37":164,"_17":86,"_75":120,"_77":165,"_79":50,"_80":-5,"_105":292,"_18":293},{"_35":146,"_13":147,"_65":148,"_67":97,"_68":69,"_70":74,"_71":72,"_37":149,"_17":86,"_75":24,"_77":150,"_79":50,"_80":-5,"_105":290,"_18":291},{"_35":138,"_13":139,"_65":140,"_67":97,"_68":69,"_70":141,"_71":72,"_37":142,"_17":74,"_75":24,"_77":143,"_79":50,"_80":-5,"_105":288,"_18":289},{"_35":131,"_13":132,"_65":133,"_67":97,"_68":69,"_70":74,"_71":72,"_37":134,"_17":86,"_75":120,"_77":135,"_79":50,"_80":-5,"_105":286,"_18":287},{"_35":89,"_13":90,"_65":91,"_67":-5,"_68":69,"_70":31,"_71":72,"_37":111,"_17":86,"_75":93,"_77":-5,"_79":50,"_80":-5,"_105":284,"_18":285},{"_35":115,"_13":116,"_65":117,"_67":91,"_68":69,"_70":118,"_71":72,"_37":119,"_17":74,"_75":120,"_77":121,"_79":50,"_80":-5,"_105":282,"_18":283},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":74,"_71":72,"_37":108,"_17":86,"_75":24,"_77":87,"_79":50,"_80":-5,"_105":280,"_18":281},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":33,"_71":72,"_37":104,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_105":278,"_18":279},[],[64],[],[83],[],[90,116],[275],[90],[],[96,132],[],[96,139],[],[96,147],[],[96,154,162],[],[96,154,169],[269,270],[96,154],[268,271,272,273],[96],["D",1782505072423],["D",1789500689328],{"_11":12,"_225":221},{"_11":12,"_218":219,"_220":221,"_184":185,"_222":223,"_224":50},{"_17":118,"_13":16,"_35":69,"_41":176,"_44":36,"_45":214,"_215":52,"_216":42,"_217":56,"_57":14,"_53":12},"ctx",{"_208":-5,"_243":338,"_339":340,"_341":342,"_343":50,"_344":50,"_345":50,"_346":72,"_347":-5,"_348":-7,"_349":-7,"_350":86,"_351":50,"_352":50,"_353":-5,"_354":50,"_355":50,"_356":50,"_357":-5},"ENV",{"_309":310,"_311":312,"_313":16,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337},"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"]

Code