[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_221":222,"_223":224},"routes/_app.x.$handle.$name",{"_107":106,"_38":52,"_116":97,"_33":117,"_13":14,"_118":-5,"_11":119,"_120":121,"_122":123,"_124":125,"_126":127,"_26":-5,"_128":-5,"_129":-5,"_130":31,"_131":132,"_133":66,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":90,"_91":92,"_93":94,"_95":31},"version",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","81855aba-d05d-43e1-a725-a4661dc9f4d6","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","f130d28a-9c05-11f1-877e-1607ee4eb77e","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Todo = { id: number; text: string; done: number };\n\nexport function App() {\n const [todos, setTodos] = 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 load();\n }, []);\n\n async function add(e: React.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 return (\n

My Todos

Your todos are private to you.

\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 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 {todos.length === 0 && (\n

Nothing here yet — add a todo above!

\n )}\n\n

\n View source\n

\n );\n}\n","/** @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; text: string; done: number };\n\nexport function App() {\n const [todos, setTodos] = 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 load();\n }, []);\n\n async function add(e: React.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 return (\n

My Todos

Your todos are private to you.

\n\n

\n toggle(todo)}\n class=\"w-4 h-4\"\n />\n \n {todo.text}\n \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 {todos.length === 0 && (\n

Nothing here yet — add a todo above!

\n )}\n\n

\n View source\n

\n );\n}\n","createdAt",["D",1787168482891],"branchVersion","branchId","f5b6e2f0-ecfe-43de-b706-6197bf74aca4","id","dee36eda-d5a7-4fc5-8de4-4e94d9634713","per-user-todos",["D",1787168352197],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Todo list app where each user has their own todos","imageUrl","be579f59-6fc7-4939-b072-7d31e47ac2ab","pinnedFileId","ad281d64-9c05-11f1-932d-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a01b88-7f08-71fd-bb42-b55e8bacd525","tursoName","dee36edad5a74fc58de44e94d9634713","tursoHostname","dee36edad5a74fc58de44e94d9634713-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789517443998],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_115":111},"org",{"_107":106,"_108":109,"_110":111,"_19":62,"_112":113,"_114":31},"branch",{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ocarater","handle","displayName","João Silva","avatar","https://lh3.googleusercontent.com/a/ACg8ocJXHIU_lyI9J_43_34g5gViz084XuSJN5sj0Mgzynd033utFQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":216,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":217,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":218,"_91":219,"_93":220,"_95":31},"tree",[169,175],"files",[169,170,171,172,173,174,175],"counts",{"_158":70,"_159":160,"_161":70,"_162":163,"_164":165},"contents",[138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":151,"_38":152,"_36":153,"_142":-5,"_48":49,"_47":154,"_144":66,"_45":155,"_13":70,"_40":156,"_42":-5,"_30":31,"_149":-5,"_33":157},{"_50":140,"_38":141,"_36":64,"_142":-5,"_48":49,"_47":143,"_144":31,"_45":145,"_13":146,"_40":147,"_42":148,"_30":31,"_149":-5,"_33":150},"f9d7962c-af5e-4ba4-9d81-0b34d0420d6e","main.ts","parentId",3,"latest",["D",1787168461254],2,"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 { 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// Identify the current user via Val Town's auth header\nfunction currentUser(c: { req: { header(name: string): string | undefined } }): string {\n return c.req.header(\"X-Val-Town-User\") ?? \"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/todos\", async (c) => {\n const user = currentUser(c);\n const result = await sqlite.execute({ sql: `SELECT * FROM todos WHERE user = ? ORDER BY id`, args: [user] });\n return c.json(result.rows);\n});\n\napp.post(\"/api/todos\", async (c) => {\n const user = 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 = 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 = 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\"\nexport default app.fetch;\n","label",[141],"1c29abe4-bade-4d40-b0a3-441350097cec","frontend","01a01b8a-98dd-7649-bb37-029616a01d29",4,["D",1787168463076],"directory",[152],"pulls","branches",1,"forks","envVars",{"_166":70,"_168":70},"connections",{"_166":70,"_167":70},"count","unfilledCount","emptyCount",{"_50":151,"_38":152,"_36":153,"_142":-5,"_48":49,"_47":154,"_144":66,"_45":213,"_13":70,"_40":156,"_42":-5,"_30":31,"_149":-5,"_177":214,"_33":215},{"_50":208,"_38":207,"_36":203,"_142":153,"_48":49,"_47":209,"_144":66,"_45":210,"_13":70,"_40":156,"_42":-5,"_30":31,"_149":-5,"_177":211,"_33":212},{"_50":202,"_38":39,"_36":37,"_142":203,"_48":49,"_47":14,"_144":31,"_45":204,"_13":160,"_40":41,"_42":44,"_30":31,"_149":-5,"_177":205,"_33":206},{"_50":195,"_38":196,"_36":197,"_142":153,"_48":49,"_47":154,"_144":66,"_45":198,"_13":70,"_40":26,"_42":199,"_30":31,"_149":-5,"_177":200,"_33":201},{"_50":188,"_38":189,"_36":190,"_142":153,"_48":49,"_47":154,"_144":66,"_45":191,"_13":70,"_40":41,"_42":192,"_30":31,"_149":-5,"_177":193,"_33":194},{"_50":180,"_38":181,"_36":182,"_142":153,"_48":49,"_47":183,"_144":66,"_45":184,"_13":160,"_40":41,"_42":185,"_30":31,"_149":-5,"_177":186,"_33":187},{"_50":140,"_38":141,"_36":64,"_142":-5,"_48":49,"_47":143,"_144":31,"_45":176,"_13":146,"_40":147,"_42":148,"_30":31,"_149":-5,"_177":178,"_33":179},["D",1787168461254],"children",[],[141],"0c178dec-4137-4ab8-afda-70369d5b6969","root.tsx","01a01b8a-98de-71a9-9b1e-a6842e2760ae",5,["D",1787168466501],"/** @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

Diff · v7