[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_124":-5,"_20":125,"_22":126,"_127":128,"_129":130,"_25":131,"_24":-5,"_132":-5,"_133":134,"_135":48,"_136":137,"_138":66,"_139":-5,"_140":-5,"_141":142},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":31,"_33":-5},"handle","maniacgeek","name","happyPeachCougar","branchName","main","version","path","","project",{"_34":81,"_13":14,"_36":82,"_46":-5,"_83":48,"_49":84,"_85":84,"_86":-5,"_87":-5,"_88":89,"_90":60,"_91":66,"_92":-5,"_93":-5,"_94":68,"_52":53,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":109,"_110":111,"_112":113,"_47":48},"tree",[76],"file","contents",[56],"upstream",{"_34":35,"_36":37,"_38":39,"_13":16,"_40":41,"_17":31,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":12,"_52":53,"_54":55},"pull","ahead",1,"behind","envVars","id","fe7129c6-2768-11f0-86ff-569c3dd06744","createdAt",["D",1746199234735],"updatedAt",["D",1740413747869],"projectId","fe70d4da-2768-11f0-86ff-569c3dd06744","forkedBranchId","forkedBranchVersion","lockfileKey","1769277143372-esm.town_v_maniacgeek_todoListAppPython@1-main","deletedAt","isOwned",false,"privacy","unlisted","userHandle","orgId","83be3e1e-aa3d-4684-a277-86580d079062","projectName","todoListAppPython",{"_34":57,"_13":58,"_59":60,"_61":-5,"_62":63,"_64":31,"_65":66,"_36":67,"_17":68,"_69":70,"_71":72,"_73":48,"_74":-5,"_18":75},"fe7faf00-2768-11f0-86ff-569c3dd06744","main.tsx","fileId","fe7fafaa-2768-11f0-86ff-569c3dd06744","parentId","branchId","fe7bd010-2768-11f0-86ff-569c3dd06744","branchVersion","latest",true,["D",1740414056307],0,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [todos, setTodos] = useState([]);\n const [newTodo, setNewTodo] = useState(\"\");\n\n useEffect(() => {\n fetchTodos();\n }, []);\n\n const fetchTodos = async () => {\n const response = await fetch(\"/todos\");\n const data = await response.json();\n setTodos(data);\n };\n\n const handleAddTodo = async (e) => {\n e.preventDefault();\n if (!newTodo.trim()) return;\n\n await fetch(\"/todos\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text: newTodo })\n });\n\n setNewTodo(\"\");\n fetchTodos();\n };\n\n const handleDeleteTodo = async (id) => {\n await fetch(`/todos/${id}`, { method: \"DELETE\" });\n fetchTodos();\n };\n\n return (\n

📝 Todo List

\n \n

\n {todo.text}\n \n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"happyPeachCougar\";\n const SCHEMA_VERSION = 1;\n\n // Create todos table if not exists\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_todos_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Handle different routes\n if (request.method === \"GET\" && new URL(request.url).pathname === \"/todos\") {\n const todos = await sqlite.execute(`\n SELECT * FROM ${KEY}_todos_${SCHEMA_VERSION} ORDER BY created_at DESC\n `);\n return new Response(JSON.stringify(todos.rows), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/todos\") {\n const { text } = await request.json();\n await sqlite.execute(`\n INSERT INTO ${KEY}_todos_${SCHEMA_VERSION} (text) VALUES (?)\n `, [text]);\n return new Response(\"Todo added\", { status: 201 });\n }\n\n if (request.method === \"DELETE\" && /^\\/todos\\/\\d+$/.test(new URL(request.url).pathname)) {\n const id = new URL(request.url).pathname.split(\"/\").pop();\n await sqlite.execute(`\n DELETE FROM ${KEY}_todos_${SCHEMA_VERSION} WHERE id = ?\n `, [id]);\n return new Response(\"Todo deleted\", { status: 200 });\n }\n\n return new Response(`\n \n \n Todo List\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 500px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\n.todo-container {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n padding: 20px;\n}\n\n.todo-form {\n display: flex;\n margin-bottom: 20px;\n}\n\n.todo-form input {\n flex-grow: 1;\n padding: 10px;\n margin-right: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.todo-form button {\n padding: 10px 15px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n\n.todo-list {\n list-style-type: none;\n padding: 0;\n}\n\n.todo-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: #f9f9f9;\n padding: 10px;\n margin-bottom: 10px;\n border-radius: 4px;\n}\n\n.delete-btn {\n background: none;\n border: none;\n cursor: pointer;\n}\n\nfooter {\n text-align: center;\n margin-top: 20px;\n font-size: 0.8em;\n color: #666;\n}\n`;","deleted","label",[58],{"_34":57,"_13":58,"_59":60,"_61":-5,"_62":63,"_64":31,"_65":66,"_36":77,"_17":68,"_69":70,"_71":72,"_73":48,"_74":-5,"_78":79,"_18":80},["D",1740414056307],"children",[],[58],"fe7b7962-2768-11f0-86ff-569c3dd06744",["D",1746199234804],"legacyEnvVars","public","httpPrivacy","description","imageUrl","userId","6311c800-f2ca-11ef-aedd-39792cb2f397","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_123":119},"org",{"_11":12,"_117":-5,"_118":119,"_88":89,"_120":121,"_122":48},"branch",{"_17":31,"_13":16,"_34":63,"_40":81,"_42":35,"_43":68,"_114":50,"_115":41,"_116":53,"_54":14,"_51":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydFVqY3R3c1ZIMHZUVnpNMGw5WHFlMkhWUTkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":81,"_13":14,"_36":159,"_46":-5,"_83":48,"_49":84,"_85":84,"_86":-5,"_87":-5,"_88":89,"_90":60,"_91":66,"_92":-5,"_93":-5,"_94":68,"_52":53,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":160,"_110":161,"_112":162,"_47":48},[156],"files",[156],"counts",{"_147":68,"_148":31,"_149":68,"_33":150,"_151":152},[145],"upstreamProject","upstreamBranch",{"_34":35,"_36":143,"_38":144,"_13":16,"_40":41,"_17":31,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":12,"_52":53,"_54":55},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746199234735],["D",1740413747869],{"_34":57,"_13":58,"_59":60,"_61":-5,"_62":63,"_64":31,"_65":66,"_36":67,"_17":68,"_69":70,"_71":72,"_73":48,"_74":-5,"_18":146},[58],"pulls","branches","forks",{"_153":68,"_155":68},"connections",{"_153":68,"_154":68},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_59":60,"_61":-5,"_62":63,"_64":31,"_65":66,"_36":77,"_17":68,"_69":70,"_71":72,"_73":48,"_74":-5,"_78":157,"_18":158},[],[58],["D",1746199234804],{"_11":12,"_123":119},{"_11":12,"_117":-5,"_118":119,"_88":89,"_120":121,"_122":48},{"_17":31,"_13":16,"_34":63,"_40":81,"_42":35,"_43":68,"_114":50,"_115":41,"_116":53,"_54":14,"_51":12},"ctx",{"_108":-5,"_140":196,"_197":198,"_199":200,"_201":48,"_202":48,"_203":48,"_204":66,"_205":-5,"_206":-7,"_207":-7,"_208":68,"_209":48,"_210":48,"_211":-5,"_212":48,"_213":48,"_214":48,"_215":-5},"ENV",{"_167":168,"_169":170,"_171":16,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195},"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