[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_234":235,"_236":237},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_176":-5,"_20":177,"_22":178,"_179":180,"_181":182,"_26":183,"_24":184,"_185":-5,"_186":-5,"_187":55,"_188":189,"_190":46,"_191":-5,"_192":-5,"_193":194},"routes/_app.x.$handle.$name.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","project",{"_34":118,"_13":14,"_47":119,"_120":-5,"_121":55,"_122":123,"_124":123,"_125":126,"_127":-5,"_128":129,"_130":71,"_131":46,"_132":-5,"_133":-5,"_134":62,"_135":136,"_137":138,"_139":140,"_141":142,"_143":-5,"_144":145,"_146":145,"_147":148,"_149":148,"_150":148,"_151":145,"_152":145,"_153":154,"_155":156,"_157":158,"_159":55},"tree",[67,68],"file",{"_34":60,"_41":42,"_37":40,"_13":59,"_52":-5,"_50":61,"_17":62,"_39":63,"_47":64,"_43":65,"_56":-5,"_18":66},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","d232f09b-bf18-47f3-be0f-2d563b4f4a86","App.tsx","fileId","f130d28a-9c05-11f1-877e-1607ee4eb77e","parentId","06b696c7-0732-4b90-8cda-3f9b8f265855","branchId","f5b6e2f0-ecfe-43de-b706-6197bf74aca4","branchVersion",19,"latest",true,"createdAt",["D",1787168666492],4,"fileType","script","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","deleted",false,"label",[58,59,36],"frontend","components","23a80917-dc5a-438d-8447-0e6c8419529c","directory",0,"01a01b8a-98dd-7649-bb37-029616a01d29",["D",1787168476010],6,[58,59],{"_34":80,"_13":58,"_37":63,"_39":-5,"_41":42,"_43":49,"_45":46,"_47":81,"_17":62,"_50":61,"_52":-5,"_54":55,"_56":-5,"_77":82,"_18":83},{"_34":69,"_13":70,"_37":71,"_39":-5,"_41":42,"_43":72,"_45":46,"_47":73,"_17":74,"_50":75,"_52":76,"_54":55,"_56":-5,"_77":78,"_18":79},"e03afd2f-cccc-4b77-898f-b97ce2675d7f","main.ts","ad281d64-9c05-11f1-932d-1607ee4eb77e",20,["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","children",[],[70],"1c29abe4-bade-4d40-b0a3-441350097cec",["D",1787168463076],[84,85,86,87],[58],{"_34":60,"_13":59,"_37":40,"_39":63,"_41":42,"_43":65,"_45":46,"_47":111,"_17":62,"_50":61,"_52":-5,"_54":55,"_56":-5,"_77":112,"_18":113},{"_34":104,"_13":105,"_37":106,"_39":63,"_41":42,"_43":49,"_45":46,"_47":107,"_17":62,"_50":24,"_52":108,"_54":55,"_56":-5,"_77":109,"_18":110},{"_34":97,"_13":98,"_37":99,"_39":63,"_41":42,"_43":49,"_45":46,"_47":100,"_17":62,"_50":51,"_52":101,"_54":55,"_56":-5,"_77":102,"_18":103},{"_34":88,"_13":89,"_37":90,"_39":63,"_41":42,"_43":91,"_45":46,"_47":92,"_17":93,"_50":51,"_52":94,"_54":55,"_56":-5,"_77":95,"_18":96},"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