[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_181":182,"_183":184},"routes/_app.x.$handle.$name",{"_101":100,"_37":49,"_110":91,"_32":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":30,"_125":126,"_127":63,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":30},"version",3,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","8a5540ed-230d-48dd-a06c-c2c2016e8a65","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":39,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","index.ts","latestPath","fileId","033fe2e2-ae97-11f1-b3c5-1607ee4eb77e","name","fileType","http","content","import { Database } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst db = new Database(\"shopping.sqlite\");\ndb.exec(`\n CREATE TABLE IF NOT EXISTS items (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n done INTEGER NOT NULL DEFAULT 0,\n created_at INTEGER NOT NULL DEFAULT (strftime('%s','now'))\n );\n`);\n\nfunction list() {\n return db\n .prepare(\"SELECT id, name, done FROM items ORDER BY created_at DESC\")\n .all();\n}\n\nasync function handle(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/api\") {\n if (req.method === \"GET\") return Response.json(list());\n\n if (req.method === \"POST\") {\n const body = await req.json();\n const name = String(body.name ?? \"\").trim();\n if (!name) return Response.json({ error: \"empty\" }, { status: 400 });\n db.prepare(\"INSERT INTO items (name, done) VALUES (?, 0)\").run(name);\n return Response.json(list());\n }\n\n if (req.method === \"PATCH\") {\n const body = await req.json();\n db.prepare(\"UPDATE items SET done = ? WHERE id = ?\").run(\n body.done ? 1 : 0,\n Number(body.id),\n );\n return Response.json(list());\n }\n\n if (req.method === \"DELETE\") {\n const body = await req.json();\n db.prepare(\"DELETE FROM items WHERE id = ?\").run(Number(body.id));\n return Response.json(list());\n }\n }\n\n const items = list();\n const rows = items\n .map(\n (it) => `\n

\n \n \n ${escapeHtml(it.name)}\n \n \n

`,\n )\n .join(\"\");\n\n const html = `\n\n\n\n\n🛒 Shopping List\n\n\n\n

🛒 Shared Shopping List

Anyone with this link sees and changes the same list — no account needed.

\n \n

${rows}\n

\n\n\n`;\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\nfunction escapeHtml(s: string): string {\n return s.replace(/[&<>\"']/g, (c) =>\n ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c]!),\n );\n}\n\nexport default handle;\n","createdAt",["D",1789209904283],"branchVersion","branchId","d5e5aedb-f0e2-46c6-8a05-bdcaaae91856","id","7ee09195-c8e2-45b0-b671-25b8e0394316","shopping-list",["D",1789209842682],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Collaborative anonymous shopping list","imageUrl","3a05a99a-d3c1-4fe5-ae98-f493eeba0a25","pinnedFileId","e72362d2-ae96-11f1-a2ee-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a09534-ca05-73e4-a6fb-f40192267d88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_19":59,"_106":107,"_108":30},"branch",{"_13":90,"_37":91,"_47":46,"_92":48,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":49,"_99":100},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","yonee","handle","displayName","Michał Jonik","avatar","https://lh3.googleusercontent.com/a/ACg8ocJnSGA3CWWEnfMTui3cDlkDz2_2VYUzL9T_CGJUVx8-xymZ7feMUQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_37":49,"_42":177,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":178,"_85":179,"_87":180,"_89":30},"tree",[164,165,166],"files",[164,165,166],"counts",{"_154":67,"_155":138,"_156":67,"_157":158,"_159":160},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":147,"_37":148,"_35":149,"_137":-5,"_45":46,"_44":150,"_139":63,"_42":151,"_13":67,"_38":26,"_40":152,"_29":30,"_142":-5,"_32":153},{"_47":144,"_37":33,"_35":36,"_137":-5,"_45":46,"_44":14,"_139":63,"_42":145,"_13":67,"_38":39,"_40":41,"_29":30,"_142":-5,"_32":146},{"_47":135,"_37":136,"_35":61,"_137":-5,"_45":46,"_44":138,"_139":30,"_42":140,"_13":67,"_38":39,"_40":141,"_29":30,"_142":49,"_32":143},"635c6454-28eb-4ce4-a60e-eafc3f242b37","main.ts","parentId",1,"latest",["D",1789209857115],"import { Database } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst db = new Database(\"shopping.sqlite\");\ndb.exec(`\n CREATE TABLE IF NOT EXISTS items (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n done INTEGER NOT NULL DEFAULT 0,\n created_at INTEGER NOT NULL DEFAULT (strftime('%s','now'))\n );\n`);\n\nfunction list() {\n return db\n .prepare(\"SELECT id, name, done FROM items ORDER BY created_at DESC\")\n .all();\n}\n\nasync function handle(req: Request): Promise {\n const url = new URL(req.url);\n\n // --- JSON API ---\n if (url.pathname === \"/api\") {\n if (req.method === \"GET\") {\n return Response.json(list());\n }\n\n if (req.method === \"POST\") {\n const body = await req.json();\n const name = String(body.name ?? \"\").trim();\n if (!name) return Response.json({ error: \"empty\" }, { status: 400 });\n db.prepare(\"INSERT INTO items (name, done) VALUES (?, 0)\").run(name);\n return Response.json(list());\n }\n\n if (req.method === \"PATCH\") {\n const body = await req.json();\n db.prepare(\"UPDATE items SET done = ? WHERE id = ?\").run(\n body.done ? 1 : 0,\n body.id,\n );\n return Response.json(list());\n }\n\n if (req.method === \"DELETE\") {\n db.prepare(\"DELETE FROM items WHERE id = ?\").run(bodyId(req));\n return Response.json(list());\n }\n }\n\n // --- HTML app (mobile first) ---\n const items = list();\n const rows = items\n .map(\n (it) => `\n

\n \n \n ${escapeHtml(it.name)}\n \n \n

`,\n )\n .join(\"\");\n\n const html = `\n\n\n\n\n🛒 Shopping List\n\n\n\n

🛒 Shared Shopping List

Anyone with this link sees and changes the same list — no account needed.

\n \n

${rows}\n

\n\n\n`;\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\nfunction bodyId(req: Request): number {\n let n = 0;\n req\n .clone()\n .json()\n .then((b) => (n = b.id));\n return n;\n}\n\nfunction escapeHtml(s: string): string {\n return s.replace(/[&<>\"']/g, (c) =>\n ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c]!),\n );\n}\n\nexport default handle;\n","label",[136],"ebbaaf27-cf44-4a45-9c51-d1bf3a990f39",["D",1789209904283],[33],"4670abcd-f842-40a1-980a-78dd5ac399c7","README.md","f2a7ecb8-ae96-11f1-adca-1607ee4eb77e",2,["D",1789209876444],"# 🛒 Shared Shopping List\n\nA mobile-first, collaborative shopping list for friends and family. No accounts,\nno sign-in — anyone with the link sees and edits the same list.\n\n## Features\n- **Mobile-first** UI, optimized for phones (large touch targets, safe-area support)\n- **Fast sync** — polls every 2 seconds, plus an instant refresh after your own edits\n- **Anonymous** — shared purely by URL, no accounts or personal data\n- **Persistent** — items live in project-scoped SQLite\n\n## Try it\n[Open the app](url:main.ts)\n\n## API\nAll endpoints on `main.ts` under `/api`, returning the full item list as JSON.\n\n| Method | Path | Body | Effect |\n|--------|------|------|--------|\n| GET | `/api` | – | List items |\n| POST | `/api` | `{\"name\": \"Milk\"}` | Add an item |\n| PATCH| `/api` | `{\"id\": 1, \"done\": true}` | Check/uncheck |\n| DELETE | `/api` | `{\"id\": 1}` | Remove an item |\n",[148],"pulls","branches","forks","envVars",{"_161":67,"_163":67},"connections",{"_161":67,"_162":67},"count","unfilledCount","emptyCount",{"_47":147,"_37":148,"_35":149,"_137":-5,"_45":46,"_44":150,"_139":63,"_42":174,"_13":67,"_38":26,"_40":152,"_29":30,"_142":-5,"_168":175,"_32":176},{"_47":144,"_37":33,"_35":36,"_137":-5,"_45":46,"_44":14,"_139":63,"_42":171,"_13":67,"_38":39,"_40":41,"_29":30,"_142":-5,"_168":172,"_32":173},{"_47":135,"_37":136,"_35":61,"_137":-5,"_45":46,"_44":138,"_139":30,"_42":167,"_13":67,"_38":39,"_40":141,"_29":30,"_142":49,"_168":169,"_32":170},["D",1789209857115],"children",[],[136],["D",1789209904283],[],[33],["D",1789209876444],[],[148],["D",1789209842682],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_19":59,"_106":107,"_108":30},{"_13":90,"_37":91,"_47":46,"_92":48,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":49,"_99":100},"ctx",{"_83":-5,"_129":214,"_215":216,"_217":218,"_219":30,"_220":30,"_221":30,"_222":63,"_223":-5,"_224":-7,"_225":-7,"_226":67,"_227":30,"_228":30,"_229":-5,"_230":30,"_231":30,"_232":30,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":91,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v3