\n \n \n \n",[],[125,142],"034b04ff-51bf-42d5-a1ad-e1c7d334e8b0","favicon.svg","019f76c9-48ec-747c-8230-30a96bf481c2",["D",1784404330602],"\n",[],[125,150],"1f35f3e6-6deb-4bcf-be5d-4586c6af4f7e","components","019f76c9-48ec-747c-8230-2dcaac3b7e51",["D",1784404330602],[162,163,164],[125,157],{"_36":181,"_13":182,"_63":183,"_65":158,"_67":68,"_69":184,"_71":72,"_38":185,"_17":96,"_75":76,"_77":186,"_79":51,"_80":-5,"_99":187,"_18":188},{"_36":173,"_13":174,"_63":175,"_65":158,"_67":68,"_69":176,"_71":72,"_38":177,"_17":74,"_75":76,"_77":178,"_79":51,"_80":-5,"_99":179,"_18":180},{"_36":165,"_13":166,"_63":167,"_65":158,"_67":68,"_69":168,"_71":72,"_38":169,"_17":74,"_75":76,"_77":170,"_79":51,"_80":-5,"_99":171,"_18":172},"92c760e2-8423-4a18-9a9e-5db1a68d10b2","TodoItem.tsx","4ff57344-82e2-11f1-8733-1607ee4eb77e",6,["D",1784404394083],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Todo } from \"../../shared/types.ts\";\n\ninterface Props {\n todo: Todo;\n onToggle: (todo: Todo) => void;\n onDelete: (id: number) => void;\n onEdit: (id: number, text: string) => Promise;\n}\n\nexport function TodoItem({ todo, onToggle, onDelete, onEdit }: Props) {\n const [editing, setEditing] = useState(false);\n const [draft, setDraft] = useState(todo.text);\n\n async function commitEdit() {\n const trimmed = draft.trim();\n if (!trimmed) {\n setDraft(todo.text);\n setEditing(false);\n return;\n }\n if (trimmed !== todo.text) {\n await onEdit(todo.id, trimmed);\n }\n setEditing(false);\n }\n\n return (\n

\n onToggle(todo)}\n aria-label={todo.completed ? \"Mark as active\" : \"Mark as completed\"}\n class={`w-6 h-6 shrink-0 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer ${\n todo.completed\n ? \"bg-emerald-500 border-emerald-500 text-white\"\n : \"border-gray-300 hover:border-indigo-400 text-transparent\"\n }`}\n >\n ✓\n \n\n {editing\n ? (\n setDraft(e.target.value)}\n onBlur={commitEdit}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") commitEdit();\n if (e.key === \"Escape\") {\n setDraft(todo.text);\n setEditing(false);\n }\n }}\n autoFocus\n class=\"flex-1 px-2 py-1 rounded border border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-400\"\n />\n )\n : (\n setEditing(true)}\n title=\"Double-click to edit\"\n class={`flex-1 cursor-text break-words min-w-0 ${\n todo.completed ? \"line-through text-gray-400\" : \"text-gray-800\"\n }`}\n >\n {todo.text}\n \n )}\n\n onDelete(todo.id)}\n aria-label=\"Delete todo\"\n class=\"opacity-0 group-hover:opacity-100 focus:opacity-100 text-gray-300 hover:text-red-500 transition-all text-xl leading-none cursor-pointer px-1\"\n >\n ×\n \n

\n );\n}\n",[],[125,157,166],"4d06a363-5284-4530-9465-6e9ef3f9c8e2","TodoInput.tsx","4a6dd7ae-82e2-11f1-98d1-1607ee4eb77e",5,["D",1784404384799],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Props {\n onAdd: (text: string) => Promise;\n disabled?: boolean;\n}\n\nexport function TodoInput({ onAdd, disabled }: Props) {\n const [text, setText] = useState(\"\");\n const [submitting, setSubmitting] = useState(false);\n\n async function handleSubmit(e: { preventDefault: () => void }) {\n e.preventDefault();\n const trimmed = text.trim();\n if (!trimmed || submitting) return;\n setSubmitting(true);\n try {\n await onAdd(trimmed);\n setText(\"\");\n } finally {\n setSubmitting(false);\n }\n }\n\n return (\n

\n setText(e.target.value)}\n placeholder=\"What needs to be done?\"\n maxLength={500}\n disabled={disabled || submitting}\n autoFocus\n class=\"flex-1 px-4 py-3 rounded-xl border border-gray-200 bg-white shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:border-transparent placeholder-gray-400 disabled:opacity-50\"\n />\n \n Add\n \n \n );\n}\n",[],[125,157,174],"2f8af389-17b6-49d5-a012-62205912cdab","App.tsx","019f76c9-48eb-72d8-ad33-f2fdd02bc82a",7,["D",1784404418188],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Filter, Todo } from \"../../shared/types.ts\";\nimport { TodoInput } from \"./TodoInput.tsx\";\nimport { TodoItem } from \"./TodoItem.tsx\";\n\nasync function api(path: string, options?: RequestInit): Promise {\n const res = await fetch(path, {\n headers: { \"Content-Type\": \"application/json\" },\n ...options,\n });\n if (!res.ok) {\n const body = await res.json().catch(() => ({}));\n throw new Error(body.error || `Request failed (${res.status})`);\n }\n return res.json();\n}\n\nconst FILTERS: Filter[] = [\"all\", \"active\", \"completed\"];\n\nexport function App() {\n const [todos, setTodos] = useState([]);\n const [filter, setFilter] = useState(\"all\");\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n function showError(message: string) {\n setError(message);\n setTimeout(() => setError(null), 4000);\n }\n\n async function refresh() {\n try {\n setTodos(await api(\"/api/todos\"));\n setError(null);\n } catch (e) {\n showError(e instanceof Error ? e.message : \"Failed to load todos\");\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n refresh();\n }, []);\n\n async function addTodo(text: string) {\n try {\n const todo = await api(\"/api/todos\", {\n method: \"POST\",\n body: JSON.stringify({ text }),\n });\n setTodos((prev) => [todo, ...prev]);\n } catch (e) {\n showError(e instanceof Error ? e.message : \"Failed to add todo\");\n throw e;\n }\n }\n\n async function toggleTodo(todo: Todo) {\n // Optimistic update, roll back on failure\n setTodos((prev) =>\n prev.map((t) => t.id === todo.id ? { ...t, completed: !t.completed } : t)\n );\n try {\n await api(`/api/todos/${todo.id}`, {\n method: \"PATCH\",\n body: JSON.stringify({ completed: !todo.completed }),\n });\n } catch (e) {\n setTodos((prev) => prev.map((t) => t.id === todo.id ? todo : t));\n showError(e instanceof Error ? e.message : \"Failed to update todo\");\n }\n }\n\n async function editTodo(id: number, text: string) {\n const previous = todos;\n setTodos((prev) => prev.map((t) => t.id === id ? { ...t, text } : t));\n try {\n await api(`/api/todos/${id}`, {\n method: \"PATCH\",\n body: JSON.stringify({ text }),\n });\n } catch (e) {\n setTodos(previous);\n showError(e instanceof Error ? e.message : \"Failed to edit todo\");\n }\n }\n\n async function deleteTodo(id: number) {\n const previous = todos;\n setTodos((prev) => prev.filter((t) => t.id !== id));\n try {\n await api<{ ok: boolean }>(`/api/todos/${id}`, { method: \"DELETE\" });\n } catch (e) {\n setTodos(previous);\n showError(e instanceof Error ? e.message : \"Failed to delete todo\");\n }\n }\n\n async function clearCompleted() {\n const previous = todos;\n setTodos((prev) => prev.filter((t) => !t.completed));\n try {\n await api<{ cleared: number }>(\"/api/todos/clear-completed\", {\n method: \"POST\",\n });\n } catch (e) {\n setTodos(previous);\n showError(e instanceof Error ? e.message : \"Failed to clear completed\");\n }\n }\n\n const visible = todos.filter((t) =>\n filter === \"all\" ? true : filter === \"active\" ? !t.completed : t.completed\n );\n const activeCount = todos.filter((t) => !t.completed).length;\n const completedCount = todos.length - activeCount;\n\n return (\n

\n ✅ Todos\n

\n {activeCount} {activeCount === 1 ? \"task\" : \"tasks\"} remaining\n

\n\n {error && (\n \n {error}\n

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

\n {FILTERS.map((f) => (\n setFilter(f)}\n class={`px-3 py-1 rounded-lg capitalize transition-colors cursor-pointer ${\n filter === f\n ? \"bg-indigo-100 text-indigo-700 font-medium\"\n : \"text-gray-500 hover:bg-gray-100\"\n }`}\n >\n {f}\n \n ))}\n

\n {completedCount > 0 && (\n \n Clear completed ({completedCount})\n \n )}\n

\n\n {loading\n ?

Loading…

\n : visible.length === 0\n ? (\n

\n {todos.length === 0\n ? \"No todos yet. Add one above! 🎉\"\n : `No ${filter} todos.`}\n

\n )\n : (\n

\n ))}\n

\n )}\n\n \n \n );\n}\n",[],[125,157,182],["D",1784404353689],[192],[19],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":193,"_17":74,"_75":76,"_77":78,"_79":51,"_80":-5,"_99":194,"_18":195},["D",1784404353689],[],[19,62],"96de70b5-cf69-4373-88be-fba56284d53f",["D",1784404330602],"legacyEnvVars","httpPrivacy","description","Production-ready todo app with React + Hono + SQLite","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789559999&sig=919739a563bb9acb90fc6bc4f6c1789207958a7e1bd397d82b192d76e7e11de2","userId","23d6c179-74ab-40bf-910d-c9f38f237b3e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f76c7-863b-76f6-960c-e9095bbf0cf4","tursoName","96de70b5cf69437388befba56284d53f","tursoHostname","96de70b5cf69437388befba56284d53f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789472446807],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_245":241},"org",{"_11":12,"_238":239,"_240":241,"_204":205,"_242":243,"_244":51},"branch",{"_17":105,"_13":16,"_36":68,"_42":196,"_45":37,"_46":234,"_235":53,"_236":43,"_237":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Sammit Badodekar","avatar","https://lh3.googleusercontent.com/a/ACg8ocIQo7pgMGin8u5Xt1nd4WrJ3iSmUTsxwqbXj1smuSwPDnHPDUXn=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":196,"_13":14,"_38":327,"_49":-5,"_198":51,"_52":53,"_199":53,"_200":201,"_202":203,"_204":205,"_206":93,"_207":72,"_208":-5,"_209":-5,"_210":74,"_56":211,"_212":213,"_214":215,"_216":328,"_218":-5,"_219":220,"_221":220,"_222":223,"_224":223,"_225":223,"_226":220,"_227":220,"_228":329,"_230":330,"_232":331,"_50":51},[285,287,295,297,298],"files",[285,286,287,288,289,290,291,292,293,294,295,296,297,298],"counts",{"_276":74,"_277":96,"_278":74,"_35":279,"_280":281},[274],{"_36":82,"_67":68,"_63":66,"_13":19,"_77":-5,"_75":83,"_17":74,"_65":-5,"_38":272,"_69":70,"_80":-5,"_18":273},"upstreamProject",{"_36":43,"_13":59,"_200":269,"_202":203,"_52":53,"_228":270},"upstreamBranch",{"_36":37,"_38":267,"_40":268,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":55,"_245":271},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789559999&sig=5c07b77d973a9a7831cc1779f4bd4ec152796753863d0aeae4088e1e0ae03921",["D",1784404353689],[19],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":74,"_75":76,"_77":78,"_79":51,"_80":-5,"_18":275},[19,62],"pulls","branches","forks",{"_282":74,"_284":74},"connections",{"_282":74,"_283":74},"count","unfilledCount","emptyCount",{"_36":82,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":189,"_17":74,"_75":83,"_77":-5,"_79":51,"_80":-5,"_99":325,"_18":326},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":193,"_17":74,"_75":76,"_77":78,"_79":51,"_80":-5,"_99":323,"_18":324},{"_36":124,"_13":125,"_63":126,"_65":-5,"_67":68,"_69":96,"_71":72,"_38":127,"_17":74,"_75":83,"_77":-5,"_79":51,"_80":-5,"_99":321,"_18":322},{"_36":156,"_13":157,"_63":158,"_65":126,"_67":68,"_69":96,"_71":72,"_38":159,"_17":74,"_75":83,"_77":-5,"_79":51,"_80":-5,"_99":319,"_18":320},{"_36":181,"_13":182,"_63":183,"_65":158,"_67":68,"_69":184,"_71":72,"_38":185,"_17":96,"_75":76,"_77":186,"_79":51,"_80":-5,"_99":317,"_18":318},{"_36":173,"_13":174,"_63":175,"_65":158,"_67":68,"_69":176,"_71":72,"_38":177,"_17":74,"_75":76,"_77":178,"_79":51,"_80":-5,"_99":315,"_18":316},{"_36":165,"_13":166,"_63":167,"_65":158,"_67":68,"_69":168,"_71":72,"_38":169,"_17":74,"_75":76,"_77":170,"_79":51,"_80":-5,"_99":313,"_18":314},{"_36":149,"_13":150,"_63":151,"_65":126,"_67":68,"_69":96,"_71":72,"_38":152,"_17":74,"_75":24,"_77":153,"_79":51,"_80":-5,"_99":311,"_18":312},{"_36":141,"_13":142,"_63":143,"_65":126,"_67":68,"_69":144,"_71":72,"_38":145,"_17":96,"_75":24,"_77":146,"_79":51,"_80":-5,"_99":309,"_18":310},{"_36":134,"_13":135,"_63":136,"_65":126,"_67":68,"_69":96,"_71":72,"_38":137,"_17":74,"_75":76,"_77":138,"_79":51,"_80":-5,"_99":307,"_18":308},{"_36":110,"_13":111,"_63":112,"_65":-5,"_67":68,"_69":34,"_71":72,"_38":113,"_17":74,"_75":83,"_77":-5,"_79":51,"_80":-5,"_99":305,"_18":306},{"_36":117,"_13":118,"_63":119,"_65":112,"_67":68,"_69":34,"_71":72,"_38":120,"_17":74,"_75":76,"_77":121,"_79":51,"_80":-5,"_99":303,"_18":304},{"_36":102,"_13":103,"_63":104,"_65":-5,"_67":68,"_69":105,"_71":72,"_38":106,"_17":96,"_75":24,"_77":107,"_79":51,"_80":-5,"_99":301,"_18":302},{"_36":91,"_13":92,"_63":93,"_65":-5,"_67":68,"_69":94,"_71":72,"_38":95,"_17":96,"_75":97,"_77":98,"_79":51,"_80":-5,"_99":299,"_18":300},[],[92],[],[103],[],[111,118],[296],[111],[],[125,135],[],[125,142],[],[125,150],[],[125,157,166],[],[125,157,174],[],[125,157,182],[289,290,291],[125,157],[288,292,293,294],[125],[],[19,62],[286],[19],["D",1784404330602],["D",1789472446807],{"_11":12,"_245":241},{"_11":12,"_238":239,"_240":241,"_204":205,"_242":243,"_244":51},{"_17":105,"_13":16,"_36":68,"_42":196,"_45":37,"_46":234,"_235":53,"_236":43,"_237":57,"_58":14,"_54":12},"ctx",{"_228":-5,"_264":365,"_366":367,"_368":369,"_370":51,"_371":51,"_372":51,"_373":72,"_374":-5,"_375":-7,"_376":-7,"_377":74,"_378":51,"_379":51,"_380":-5,"_381":51,"_382":51,"_383":51,"_384":-5},"ENV",{"_336":337,"_338":339,"_340":16,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364},"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"]