\n \n \n \n\n",[],[97,139],"6da89ea4-4564-11f1-bfed-42b51c65c3df","favicon.svg","019de3cc-3d7d-7038-84fe-500a0ecf9bc7",["D",1777643306241],"\n",[],[97,147],"6da89b66-4564-11f1-bfed-42b51c65c3df","components","019de3cc-3d7d-7038-84fe-4fb284662031",["D",1777643306241],[159,160],[97,154],{"_35":169,"_13":170,"_65":171,"_67":155,"_68":69,"_70":172,"_72":73,"_37":173,"_17":71,"_76":120,"_78":174,"_80":50,"_81":-5,"_106":175,"_18":176},{"_35":161,"_13":162,"_65":163,"_67":155,"_68":69,"_70":164,"_72":73,"_37":165,"_17":93,"_76":120,"_78":166,"_80":50,"_81":-5,"_106":167,"_18":168},"87f59488-4564-11f1-9529-42b51c65c3df","TodoList.tsx","87f59532-4564-11f1-9529-42b51c65c3df",4,["D",1777643350513],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Todo } from \"../../shared/types.ts\";\n\nexport function TodoList() {\n const [todos, setTodos] = useState([]);\n const [text, setText] = useState(\"\");\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n fetch(\"/api/todos\")\n .then((r) => r.json())\n .then((data) => {\n setTodos(data);\n setLoading(false);\n });\n }, []);\n\n async function addTodo(e: React.FormEvent) {\n e.preventDefault();\n if (!text.trim()) return;\n const res = await fetch(\"/api/todos\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text }),\n });\n const newTodo: Todo = await res.json();\n setTodos((prev) => [newTodo, ...prev]);\n setText(\"\");\n }\n\n async function toggleTodo(todo: Todo) {\n // optimistic update\n setTodos((prev) => prev.map((t) => (t.id === todo.id ? { ...t, done: !t.done } : t)));\n await fetch(`/api/todos/${todo.id}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ done: !todo.done }),\n });\n }\n\n async function deleteTodo(id: number) {\n setTodos((prev) => prev.filter((t) => t.id !== id));\n await fetch(`/api/todos/${id}`, { method: \"DELETE\" });\n }\n\n const remaining = todos.filter((t) => !t.done).length;\n\n return (\n

\n setText((e.target as HTMLInputElement).value)}\n placeholder=\"What needs to be done?\"\n class=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n Add\n \n \n\n {loading ? (\n

Loading…

\n ) : todos.length === 0 ? (\n

No todos yet — add one above!

\n ) : (\n

\n toggleTodo(todo)}\n class=\"w-5 h-5 cursor-pointer\"\n />\n \n {todo.text}\n \n deleteTodo(todo.id)}\n class=\"text-gray-400 hover:text-red-600 opacity-0 group-hover:opacity-100 transition-opacity\"\n aria-label=\"Delete\"\n >\n ✕\n \n \n ))}\n

\n )}\n\n {todos.length > 0 && (\n

\n {remaining} of {todos.length} remaining\n

\n )}\n

\n );\n}\n",[],[97,154,162],"6adab8d6-4584-11f1-b2cc-42b51c65c3df","App.tsx","019de3cc-3d7d-7038-84fe-47c850c8848d",9,["D",1777657045566],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { TodoList } from \"./TodoList.tsx\";\n\nexport function App() {\n return (\n

📝 Todos!!!!

\n \n

\n View source\n

\n );\n}",[],[97,154,170],"6d93883e-4564-11f1-bfed-42b51c65c3df",["D",1777643306241],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","6d93883e456411f1bfed42b51c65c3df","tursoHostname","6d93883e456411f1bfed42b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789498239291],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_224":220},"org",{"_11":12,"_218":-5,"_219":220,"_184":185,"_221":222,"_223":50},"branch",{"_17":172,"_13":16,"_35":69,"_41":177,"_44":36,"_45":214,"_215":52,"_216":42,"_217":56,"_57":14,"_53":12},88,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":177,"_13":14,"_37":300,"_48":-5,"_179":50,"_51":52,"_180":52,"_181":182,"_183":-5,"_184":185,"_186":66,"_187":73,"_188":-5,"_189":-5,"_190":93,"_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":93,"_259":75,"_260":93,"_34":261,"_262":263},[250,251,252,253],"upstreamProject",{"_35":42,"_13":58,"_181":182,"_183":247,"_51":52,"_208":248},"upstreamBranch",{"_35":36,"_37":245,"_39":246,"_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],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789563599&sig=c3b06339283e4bc07165fa54c09036aa25cea7ac6108dec2f68b1acc60fad95f",{"_11":54,"_224":249},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789563599&sig=a969511699ef574c42d646a130422bcd8ffa020e1e59bd8fb5bde6db2cea72c1",{"_35":96,"_13":97,"_65":98,"_67":-5,"_68":69,"_70":75,"_72":73,"_37":99,"_17":93,"_76":94,"_78":-5,"_80":50,"_81":-5,"_18":257},{"_35":89,"_13":90,"_65":91,"_67":-5,"_68":69,"_70":33,"_72":73,"_37":92,"_17":93,"_76":94,"_78":-5,"_80":50,"_81":-5,"_18":256},{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":31,"_72":73,"_37":86,"_17":75,"_76":24,"_78":87,"_80":50,"_81":-5,"_18":255},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":75,"_76":77,"_78":79,"_80":50,"_81":-5,"_18":254},[64],[84],[90],[97],"pulls","branches","forks",{"_264":93,"_266":93},"connections",{"_264":93,"_265":93},"count","unfilledCount","emptyCount",{"_35":96,"_13":97,"_65":98,"_67":-5,"_68":69,"_70":75,"_72":73,"_37":124,"_17":93,"_76":94,"_78":-5,"_80":50,"_81":-5,"_106":298,"_18":299},{"_35":153,"_13":154,"_65":155,"_67":98,"_68":69,"_70":75,"_72":73,"_37":156,"_17":93,"_76":94,"_78":-5,"_80":50,"_81":-5,"_106":296,"_18":297},{"_35":169,"_13":170,"_65":171,"_67":155,"_68":69,"_70":172,"_72":73,"_37":173,"_17":71,"_76":120,"_78":174,"_80":50,"_81":-5,"_106":294,"_18":295},{"_35":161,"_13":162,"_65":163,"_67":155,"_68":69,"_70":164,"_72":73,"_37":165,"_17":93,"_76":120,"_78":166,"_80":50,"_81":-5,"_106":292,"_18":293},{"_35":146,"_13":147,"_65":148,"_67":98,"_68":69,"_70":75,"_72":73,"_37":149,"_17":93,"_76":24,"_78":150,"_80":50,"_81":-5,"_106":290,"_18":291},{"_35":138,"_13":139,"_65":140,"_67":98,"_68":69,"_70":141,"_72":73,"_37":142,"_17":75,"_76":24,"_78":143,"_80":50,"_81":-5,"_106":288,"_18":289},{"_35":131,"_13":132,"_65":133,"_67":98,"_68":69,"_70":75,"_72":73,"_37":134,"_17":93,"_76":120,"_78":135,"_80":50,"_81":-5,"_106":286,"_18":287},{"_35":89,"_13":90,"_65":91,"_67":-5,"_68":69,"_70":33,"_72":73,"_37":112,"_17":93,"_76":94,"_78":-5,"_80":50,"_81":-5,"_106":284,"_18":285},{"_35":116,"_13":117,"_65":118,"_67":91,"_68":69,"_70":33,"_72":73,"_37":119,"_17":93,"_76":120,"_78":121,"_80":50,"_81":-5,"_106":282,"_18":283},{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":31,"_72":73,"_37":109,"_17":75,"_76":24,"_78":87,"_80":50,"_81":-5,"_106":280,"_18":281},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":105,"_17":75,"_76":77,"_78":79,"_80":50,"_81":-5,"_106":278,"_18":279},[],[64],[],[84],[],[90,117],[275],[90],[],[97,132],[],[97,139],[],[97,147],[],[97,154,162],[],[97,154,170],[269,270],[97,154],[268,271,272,273],[97],["D",1777643306241],["D",1789498239291],{"_11":12,"_224":220},{"_11":12,"_218":-5,"_219":220,"_184":185,"_221":222,"_223":50},{"_17":172,"_13":16,"_35":69,"_41":177,"_44":36,"_45":214,"_215":52,"_216":42,"_217":56,"_57":14,"_53":12},"ctx",{"_208":-5,"_242":338,"_339":340,"_341":342,"_343":50,"_344":50,"_345":50,"_346":73,"_347":-5,"_348":-7,"_349":-7,"_350":93,"_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