[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_229":230,"_231":232},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_173":-5,"_20":174,"_22":175,"_176":177,"_178":179,"_26":180,"_24":181,"_182":-5,"_183":-5,"_184":68,"_185":186,"_187":62,"_188":-5,"_189":-5,"_190":191},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","ocarater","name","per-user-todos","branchName","main","version","path","frontend/components/App.tsx","project",{"_33":115,"_13":14,"_47":116,"_117":-5,"_118":68,"_119":120,"_121":120,"_122":123,"_124":-5,"_125":126,"_127":59,"_128":62,"_129":-5,"_130":-5,"_131":75,"_132":133,"_134":135,"_136":137,"_138":139,"_140":-5,"_141":142,"_143":142,"_144":145,"_146":145,"_147":145,"_148":142,"_149":142,"_150":151,"_152":153,"_154":155,"_156":68},"tree",[55,56],"file",{"_33":34,"_35":36,"_37":38,"_13":39,"_40":41,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_18":52},"contents",[],"upstream","pull","ahead","behind","envVars","id","d232f09b-bf18-47f3-be0f-2d563b4f4a86","branchId","f5b6e2f0-ecfe-43de-b706-6197bf74aca4","fileId","f130d28a-9c05-11f1-877e-1607ee4eb77e","App.tsx","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { FormEvent } from \"https://esm.sh/react@18.2.0\";\n\ntype Todo = { id: number; user: string; text: string; done: number };\n\nexport function App() {\n const [todos, setTodos] = useState([]);\n const [me, setMe] = useState(\"\");\n const [text, setText] = useState(\"\");\n\n async function load() {\n const res = await fetch(\"/api/todos\");\n setTodos(await res.json());\n }\n\n useEffect(() => {\n fetch(\"/api/me\").then((r) => r.json()).then((d) => setMe(d.user));\n load();\n }, []);\n\n async function add(e: FormEvent) {\n e.preventDefault();\n if (!text.trim()) return;\n await fetch(\"/api/todos\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text: text.trim() }),\n });\n setText(\"\");\n load();\n }\n\n async function toggle(todo: Todo) {\n await fetch(\"/api/todos\", {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id: todo.id, done: !todo.done }),\n });\n load();\n }\n\n async function remove(id: number) {\n await fetch(\"/api/todos\", {\n method: \"DELETE\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id }),\n });\n load();\n }\n\n const loggedIn = me !== \"anonymous\";\n\n return (\n

Team Todos

\n {loggedIn ? (\n \n ) : (\n \n Log in with Val Town\n \n )}\n

\n A shared list — everyone can see and check off todos. You can only delete your own.\n

\n\n

\n setText(e.target.value)}\n placeholder=\"What needs doing?\"\n autocomplete=\"off\"\n class=\"flex-1 border border-gray-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n \n \n\n

\n toggle(todo)}\n class=\"w-4 h-4\"\n />\n \n {todo.text}\n \n \n @{todo.user}\n \n {todo.user === me && (\n remove(todo.id)}\n class=\"text-gray-400 hover:text-red-600\"\n aria-label={`Delete ${todo.text}`}\n >\n ✕\n \n )}\n \n ))}\n

\n\n {todos.length === 0 && (\n

Nothing here yet — add a todo above!

\n )}\n\n

\n View source\n

\n );\n}\n","fileType","script",4,"parentId","06b696c7-0732-4b90-8cda-3f9b8f265855","createdAt",["D",1787168666492],"branchVersion",19,"label",[53,54,39],"frontend","components",{"_33":72,"_13":53,"_37":73,"_45":-5,"_35":36,"_49":44,"_61":62,"_47":74,"_17":75,"_42":76,"_40":-5,"_67":68,"_51":-5,"_69":77,"_18":78},{"_33":57,"_13":58,"_37":59,"_45":-5,"_35":36,"_49":60,"_61":62,"_47":63,"_17":64,"_42":65,"_40":66,"_67":68,"_51":-5,"_69":70,"_18":71},"e03afd2f-cccc-4b77-898f-b97ce2675d7f","main.ts","ad281d64-9c05-11f1-932d-1607ee4eb77e",20,"latest",true,["D",1787168709094],12,"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { getOAuthUserData, oauthMiddleware } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { Root } from \"./frontend/root.tsx\";\n\n// Set up the todos table\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS todos (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user TEXT NOT NULL,\n text TEXT NOT NULL,\n done INTEGER DEFAULT 0,\n created_at TEXT DEFAULT (datetime('now'))\n)`);\n\nconst app = new Hono();\n\n// Gate the whole app behind \"Log in with Val Town\".\n// The /auth/* routes are handled by oauthMiddleware before reaching here,\n// so login/logout stay reachable. Everything else requires a session.\napp.use(async (c, next) => {\n const session = await getOAuthUserData(c.req.raw);\n if (!session?.user) return c.redirect(\"/auth/login\");\n await next();\n});\n\n// Identify the current user via \"Log in with Val Town\" OAuth session\nasync function currentUser(c: { req: { raw: Request } }): Promise {\n const session = await getOAuthUserData(c.req.raw);\n return session?.user?.username ?? \"anonymous\";\n}\n\n// Serve the (never-cached) HTML shell at the root /\napp.get(\"/\", (c) => c.html(Root()));\n\n// Serve frontend files at the version-addressed URLs Root() stamps, cached immutably\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---- API endpoints ----\napp.get(\"/api/me\", async (c) => c.json({ user: await currentUser(c) }));\n\napp.get(\"/api/todos\", async (c) => {\n const result = await sqlite.execute({ sql: `SELECT * FROM todos ORDER BY id DESC LIMIT 100`, args: [] });\n return c.json(result.rows);\n});\n\napp.post(\"/api/todos\", async (c) => {\n const user = await currentUser(c);\n const { text } = await c.req.json();\n if (!text) return c.json({ error: \"text required\" }, 400);\n await sqlite.execute({ sql: `INSERT INTO todos (user, text) VALUES (?, ?)`, args: [user, text] });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/todos\", async (c) => {\n const user = await currentUser(c);\n const { id } = await c.req.json();\n await sqlite.execute({ sql: `DELETE FROM todos WHERE id = ? AND user = ?`, args: [id, user] });\n return c.json({ ok: true });\n});\n\napp.patch(\"/api/todos\", async (c) => {\n const user = await currentUser(c);\n const { id, done } = await c.req.json();\n await sqlite.execute({ sql: `UPDATE todos SET done = ? WHERE id = ? AND user = ?`, args: [done ? 1 : 0, id, user] });\n return c.json({ ok: true });\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// Wrapped in oauthMiddleware to add /auth/login, /auth/callback, /auth/logout\nexport default oauthMiddleware(app.fetch);\n","deleted",false,"children",[],[58],"1c29abe4-bade-4d40-b0a3-441350097cec","01a01b8a-98dd-7649-bb37-029616a01d29",["D",1787168463076],0,"directory",[79,80,81,82],[53],{"_33":106,"_13":54,"_37":46,"_45":73,"_35":36,"_49":107,"_61":62,"_47":108,"_17":75,"_42":76,"_40":-5,"_67":68,"_51":-5,"_69":109,"_18":110},{"_33":99,"_13":100,"_37":101,"_45":73,"_35":36,"_49":44,"_61":62,"_47":102,"_17":75,"_42":24,"_40":103,"_67":68,"_51":-5,"_69":104,"_18":105},{"_33":92,"_13":93,"_37":94,"_45":73,"_35":36,"_49":44,"_61":62,"_47":95,"_17":75,"_42":43,"_40":96,"_67":68,"_51":-5,"_69":97,"_18":98},{"_33":83,"_13":84,"_37":85,"_45":73,"_35":36,"_49":86,"_61":62,"_47":87,"_17":88,"_42":43,"_40":89,"_67":68,"_51":-5,"_69":90,"_18":91},"0c178dec-4137-4ab8-afda-70369d5b6969","root.tsx","01a01b8a-98de-71a9-9b1e-a6842e2760ae",5,["D",1787168466501],1,"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n My Todos\n