\n \n \n \n\n",[],[115,132],"6da89ea4-4564-11f1-bfed-42b51c65c3df","favicon.svg","019de3cc-3d7d-7038-84fe-500a0ecf9bc7",["D",1777643306241],"\n",[],[115,140],"6da89b66-4564-11f1-bfed-42b51c65c3df","components","019de3cc-3d7d-7038-84fe-4fb284662031",["D",1777643306241],[152,153],[115,147],{"_36":162,"_13":163,"_63":164,"_65":148,"_67":68,"_69":165,"_70":71,"_38":166,"_17":92,"_74":75,"_76":167,"_78":51,"_79":-5,"_97":168,"_18":169},{"_36":154,"_13":155,"_63":156,"_65":148,"_67":68,"_69":157,"_70":71,"_38":158,"_17":73,"_74":75,"_76":159,"_78":51,"_79":-5,"_97":160,"_18":161},"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",[],[115,147,155],"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}",[],[115,147,163],"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,"_217":213},"org",{"_11":12,"_211":-5,"_212":213,"_177":178,"_214":215,"_216":51},"branch",{"_17":165,"_13":16,"_36":68,"_42":170,"_45":37,"_46":207,"_208":53,"_209":43,"_210":57,"_58":14,"_54":12},88,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":170,"_13":14,"_38":289,"_49":-5,"_172":51,"_52":53,"_173":53,"_174":175,"_176":-5,"_177":178,"_179":91,"_180":71,"_181":-5,"_182":-5,"_183":73,"_56":184,"_185":186,"_187":188,"_189":290,"_191":-5,"_192":193,"_194":193,"_195":196,"_197":196,"_198":196,"_199":193,"_200":193,"_201":291,"_203":292,"_205":293,"_50":51},[256,263,265,266],"files",[256,257,258,259,260,261,262,263,264,265,266],"counts",{"_247":73,"_248":94,"_249":73,"_35":250,"_251":252},[245],{"_36":81,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":34,"_70":71,"_38":82,"_17":73,"_74":83,"_76":-5,"_78":51,"_79":-5,"_18":244},"upstreamProject",{"_36":43,"_13":59,"_174":175,"_176":241,"_52":53,"_201":242},"upstreamBranch",{"_36":37,"_38":239,"_40":240,"_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],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789541999&sig=8fad4d8ed521ff338d1e7bb443f46241d1f9e0e657d24a41f82306e6eb92823c",{"_11":55,"_217":243},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789541999&sig=156ae2b8ac752fc06f52d45eab428b512e0d31e2aab99a830d8bb32149c64f0f",[19],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":34,"_70":71,"_38":72,"_17":73,"_74":75,"_76":77,"_78":51,"_79":-5,"_18":246},[19,62],"pulls","branches","forks",{"_253":73,"_255":73},"connections",{"_253":73,"_254":73},"count","unfilledCount","emptyCount",{"_36":114,"_13":115,"_63":116,"_65":-5,"_67":68,"_69":94,"_70":71,"_38":117,"_17":73,"_74":83,"_76":-5,"_78":51,"_79":-5,"_97":287,"_18":288},{"_36":146,"_13":147,"_63":148,"_65":116,"_67":68,"_69":94,"_70":71,"_38":149,"_17":73,"_74":83,"_76":-5,"_78":51,"_79":-5,"_97":285,"_18":286},{"_36":162,"_13":163,"_63":164,"_65":148,"_67":68,"_69":165,"_70":71,"_38":166,"_17":92,"_74":75,"_76":167,"_78":51,"_79":-5,"_97":283,"_18":284},{"_36":154,"_13":155,"_63":156,"_65":148,"_67":68,"_69":157,"_70":71,"_38":158,"_17":73,"_74":75,"_76":159,"_78":51,"_79":-5,"_97":281,"_18":282},{"_36":139,"_13":140,"_63":141,"_65":116,"_67":68,"_69":94,"_70":71,"_38":142,"_17":73,"_74":24,"_76":143,"_78":51,"_79":-5,"_97":279,"_18":280},{"_36":131,"_13":132,"_63":133,"_65":116,"_67":68,"_69":134,"_70":71,"_38":135,"_17":94,"_74":24,"_76":136,"_78":51,"_79":-5,"_97":277,"_18":278},{"_36":124,"_13":125,"_63":126,"_65":116,"_67":68,"_69":94,"_70":71,"_38":127,"_17":73,"_74":75,"_76":128,"_78":51,"_79":-5,"_97":275,"_18":276},{"_36":81,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":34,"_70":71,"_38":107,"_17":73,"_74":83,"_76":-5,"_78":51,"_79":-5,"_97":273,"_18":274},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":34,"_70":71,"_38":111,"_17":73,"_74":75,"_76":77,"_78":51,"_79":-5,"_97":271,"_18":272},{"_36":100,"_13":101,"_63":102,"_65":-5,"_67":68,"_69":32,"_70":71,"_38":103,"_17":94,"_74":24,"_76":104,"_78":51,"_79":-5,"_97":269,"_18":270},{"_36":89,"_13":90,"_63":91,"_65":-5,"_67":68,"_69":92,"_70":71,"_38":93,"_17":94,"_74":95,"_76":96,"_78":51,"_79":-5,"_97":267,"_18":268},[],[90],[],[101],[],[19,62],[264],[19],[],[115,125],[],[115,132],[],[115,140],[],[115,147,155],[],[115,147,163],[258,259],[115,147],[257,260,261,262],[115],["D",1777643306241],["D",1789498239291],{"_11":12,"_217":213},{"_11":12,"_211":-5,"_212":213,"_177":178,"_214":215,"_216":51},{"_17":165,"_13":16,"_36":68,"_42":170,"_45":37,"_46":207,"_208":53,"_209":43,"_210":57,"_58":14,"_54":12},"ctx",{"_201":-5,"_236":327,"_328":329,"_330":331,"_332":51,"_333":51,"_334":51,"_335":71,"_336":-5,"_337":-7,"_338":-7,"_339":73,"_340":51,"_341":51,"_342":-5,"_343":51,"_344":51,"_345":51,"_346":-5},"ENV",{"_298":299,"_300":301,"_302":16,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326},"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"]