\n \n \n \n",[],[89,121],"3fe6d758-b011-4acb-bf6a-d673682e39f0","favicon.svg","019f18de-eb89-739a-ae0b-4ce6efd4ecb9",["D",1782828690190],"\n",[],[89,129],"0e32d054-d94f-477c-8342-53df70c418c5","components","019f18de-eb89-739a-ae0b-489c72bc838e",["D",1782828690190],[141,142],[89,136],{"_35":151,"_13":152,"_64":153,"_66":137,"_67":68,"_69":154,"_70":71,"_37":155,"_17":73,"_74":116,"_76":156,"_78":50,"_79":-5,"_99":157,"_18":158},{"_35":143,"_13":144,"_64":145,"_66":137,"_67":68,"_69":146,"_70":71,"_37":147,"_17":92,"_74":116,"_76":148,"_78":50,"_79":-5,"_99":149,"_18":150},"73e7730a-8295-4e69-9f43-474fa37a75f0","TodoApp.tsx","a83552b2-748d-11f1-bcc6-1607ee4eb77e",3,["D",1782828718639],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ntype Todo = {\n id: number;\n text: string;\n done: boolean;\n};\n\nexport function TodoApp() {\n const [todos, setTodos] = useState([]);\n const [input, setInput] = useState(\"\");\n const [loading, setLoading] = useState(true);\n\n const fetchTodos = useCallback(async () => {\n const res = await fetch(\"/api/todos\");\n const data = await res.json();\n setTodos(data.todos ?? []);\n setLoading(false);\n }, []);\n\n useEffect(() => {\n fetchTodos();\n }, [fetchTodos]);\n\n const addTodo = async (e: React.FormEvent) => {\n e.preventDefault();\n const text = input.trim();\n if (!text) 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 todo = await res.json();\n setTodos((prev) => [todo, ...prev]);\n setInput(\"\");\n };\n\n const toggleTodo = async (id: number, done: boolean) => {\n await fetch(`/api/todos/${id}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ done: !done }),\n });\n setTodos((prev) =>\n prev.map((t) => t.id === id ? { ...t, done: !done } : t)\n );\n };\n\n const deleteTodo = async (id: number) => {\n await fetch(`/api/todos/${id}`, { method: \"DELETE\" });\n setTodos((prev) => prev.filter((t) => t.id !== id));\n };\n\n const remaining = todos.filter((t) => !t.done).length;\n\n return (\n

\n setInput(e.target.value)}\n placeholder=\"What needs to be done?\"\n class=\"flex-1 border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\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.id, todo.done)}\n class=\"w-5 h-5 cursor-pointer accent-blue-500\"\n />\n \n {todo.text}\n \n deleteTodo(todo.id)}\n class=\"text-gray-400 hover:text-red-500 transition-colors cursor-pointer text-lg\"\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",[],[89,136,144],"88b47de5-9474-42d3-985e-63d0aa1d54db","App.tsx","019f18de-eb89-739a-ae0b-40f83b82ced0",4,["D",1782828722706],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { TodoApp } from \"./TodoApp.tsx\";\n\nexport function App() {\n return (\n

📝 Todo List

\n \n

\n View source\n

\n );\n}\n",[],[89,136,152],"8ea9927f-9a0c-4951-a7b8-8c3d18a738df",["D",1782828690190],"legacyEnvVars","httpPrivacy","description","Simple todo list app with React UI and SQLite persistence","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789710497&sig=b4fba534fc42e55323e7ab7ceba0d6d7913f9f417f941d65c08244fc25c00eaa","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","8ea9927f9a0c4951a7b88c3d18a738df","tursoHostname","8ea9927f9a0c4951a7b88c3d18a738df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789696237964],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_207":203},"org",{"_11":12,"_201":-5,"_202":203,"_167":168,"_204":205,"_206":50},"branch",{"_17":84,"_13":16,"_35":68,"_41":159,"_44":36,"_45":197,"_198":52,"_199":42,"_200":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":159,"_13":14,"_37":275,"_48":-5,"_161":50,"_51":52,"_162":52,"_163":164,"_165":166,"_167":168,"_169":65,"_170":71,"_171":-5,"_172":-5,"_173":92,"_55":174,"_175":176,"_177":178,"_179":276,"_181":-5,"_182":183,"_184":183,"_185":186,"_187":186,"_188":186,"_189":183,"_190":183,"_191":277,"_193":278,"_195":279,"_49":50},[248,255,256],"files",[248,249,250,251,252,253,254,255,256],"counts",{"_239":92,"_240":73,"_241":92,"_34":242,"_243":244},[233,234,235],"upstreamProject",{"_35":42,"_13":58,"_163":230,"_165":166,"_51":52,"_191":231},"upstreamBranch",{"_35":36,"_37":228,"_39":229,"_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],"Starter template with client-side React & Hono server",{"_11":54,"_207":232},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789710497&sig=51f98985d850feb07f6a9426e0b87d9b9e803da1834167fa47dc28079fdd2c5e",{"_35":88,"_13":89,"_64":90,"_66":-5,"_67":68,"_69":73,"_70":71,"_37":91,"_17":92,"_74":93,"_76":-5,"_78":50,"_79":-5,"_18":238},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":84,"_70":71,"_37":85,"_17":73,"_74":24,"_76":86,"_78":50,"_79":-5,"_18":237},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":33,"_70":71,"_37":72,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":236},[63],[82],[89],"pulls","branches","forks",{"_245":92,"_247":92},"connections",{"_245":92,"_246":92},"count","unfilledCount","emptyCount",{"_35":88,"_13":89,"_64":90,"_66":-5,"_67":68,"_69":73,"_70":71,"_37":105,"_17":92,"_74":93,"_76":-5,"_78":50,"_79":-5,"_99":273,"_18":274},{"_35":135,"_13":136,"_64":137,"_66":90,"_67":68,"_69":73,"_70":71,"_37":138,"_17":92,"_74":93,"_76":-5,"_78":50,"_79":-5,"_99":271,"_18":272},{"_35":151,"_13":152,"_64":153,"_66":137,"_67":68,"_69":154,"_70":71,"_37":155,"_17":73,"_74":116,"_76":156,"_78":50,"_79":-5,"_99":269,"_18":270},{"_35":143,"_13":144,"_64":145,"_66":137,"_67":68,"_69":146,"_70":71,"_37":147,"_17":92,"_74":116,"_76":148,"_78":50,"_79":-5,"_99":267,"_18":268},{"_35":128,"_13":129,"_64":130,"_66":90,"_67":68,"_69":73,"_70":71,"_37":131,"_17":92,"_74":24,"_76":132,"_78":50,"_79":-5,"_99":265,"_18":266},{"_35":120,"_13":121,"_64":122,"_66":90,"_67":68,"_69":123,"_70":71,"_37":124,"_17":73,"_74":24,"_76":125,"_78":50,"_79":-5,"_99":263,"_18":264},{"_35":112,"_13":113,"_64":114,"_66":90,"_67":68,"_69":73,"_70":71,"_37":115,"_17":92,"_74":116,"_76":117,"_78":50,"_79":-5,"_99":261,"_18":262},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":84,"_70":71,"_37":102,"_17":73,"_74":24,"_76":86,"_78":50,"_79":-5,"_99":259,"_18":260},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":33,"_70":71,"_37":98,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_99":257,"_18":258},[],[63],[],[82],[],[89,113],[],[89,121],[],[89,129],[],[89,136,144],[],[89,136,152],[250,251],[89,136],[249,252,253,254],[89],["D",1782828690190],["D",1789696237964],{"_11":12,"_207":203},{"_11":12,"_201":-5,"_202":203,"_167":168,"_204":205,"_206":50},{"_17":84,"_13":16,"_35":68,"_41":159,"_44":36,"_45":197,"_198":52,"_199":42,"_200":56,"_57":14,"_53":12},"ctx",{"_191":-5,"_225":313,"_314":315,"_316":317,"_318":50,"_319":50,"_320":50,"_321":71,"_322":-5,"_323":-7,"_324":-7,"_325":92,"_326":50,"_327":50,"_328":-5,"_329":50,"_330":50,"_331":50,"_332":-5},"ENV",{"_284":285,"_286":287,"_288":16,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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