🛒 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","label",[18],"pulls","branches",1,"forks","envVars",{"_160":26,"_162":26},"connections",{"_160":26,"_161":26},"count","unfilledCount","emptyCount",{"_32":177,"_13":178,"_63":179,"_42":-5,"_34":35,"_145":180,"_146":85,"_36":181,"_38":26,"_65":21,"_148":182,"_67":24,"_150":-5,"_171":183,"_17":184},{"_32":144,"_13":18,"_63":64,"_42":-5,"_34":35,"_145":39,"_146":85,"_36":174,"_38":26,"_65":66,"_148":149,"_67":24,"_150":-5,"_171":175,"_17":176},{"_32":166,"_13":167,"_63":83,"_42":-5,"_34":35,"_145":108,"_146":85,"_36":168,"_38":169,"_65":66,"_148":170,"_67":24,"_150":14,"_171":172,"_17":173},"b9b8cb57-7d6b-4408-bc2e-52640e7b91c4","main.ts",["D",1789212740716],17,"// Val Town HTTP val — współdzielone listy zakupów, bez logowania.\n// Jeśli ten import zawiedzie, podmień na: import sqlite from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nconst WEEK = 7 * 24 * 3600 * 1000;\nconst ALPHABET = \"abcdefghijkmnopqrstuvwxyz23456789\"; // bez l/1/0/o\n\nlet ready: Promise | null = null;\nfunction init() {\n if (!ready) {\n ready = (async () => {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS lists (\n id TEXT PRIMARY KEY, seq INTEGER NOT NULL DEFAULT 0, last_active INTEGER NOT NULL)`);\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS items (\n list_id TEXT NOT NULL, id TEXT NOT NULL,\n name TEXT, name_c INTEGER, name_d TEXT,\n ord REAL, ord_c INTEGER, ord_d TEXT,\n checked INTEGER, checked_c INTEGER, checked_d TEXT,\n deleted INTEGER, deleted_c INTEGER, deleted_d TEXT,\n seq INTEGER NOT NULL, PRIMARY KEY (list_id, id))`);\n await sqlite.execute(\n `CREATE INDEX IF NOT EXISTS items_by_seq ON items(list_id, seq)`,\n );\n // migracja: nazwa listy z własnym stemplem HLC (istniejące listy dostają NULL)\n for (const col of [\"name TEXT\", \"name_c INTEGER\", \"name_d TEXT\"]) {\n try {\n await sqlite.execute(`ALTER TABLE lists ADD COLUMN ${col}`);\n } catch (_) { /* kolumna już jest */ }\n }\n })();\n }\n return ready;\n}\n\nasync function q(sql: string, args: any[] = []) {\n const res: any = await sqlite.execute({ sql, args });\n const cols: string[] = res.columns ?? [];\n return (res.rows ?? []).map((r: any) =>\n Object.fromEntries(cols.map((c, i) => [c, Array.isArray(r) ? r[i] : r[c]]))\n );\n}\n\n// usuwa listy nietknięte od tygodnia (razem z pozycjami)\nasync function sweep() {\n const cutoff = Date.now() - WEEK;\n await sqlite.execute({\n sql:\n `DELETE FROM items WHERE list_id IN (SELECT id FROM lists WHERE last_active < ?)`,\n args: [cutoff],\n });\n await sqlite.execute({\n sql: `DELETE FROM lists WHERE last_active < ?`,\n args: [cutoff],\n });\n}\n\nconst token = () =>\n Array.from(crypto.getRandomValues(new Uint8Array(10)))\n .map((n) => ALPHABET[n % ALPHABET.length])\n .join(\"\");\n\nconst FIELDS = [\"name\", \"ord\", \"checked\", \"deleted\"] as const;\nconst wins = (ac: number, ad: string, bc: number, bd: string) =>\n ac !== bc ? ac > bc : (ad ?? \"\") > (bd ?? \"\");\n\nasync function merge(listId: string, incoming: any[]) {\n const ids = incoming.map((i) => i.id);\n const ph = ids.map(() => \"?\").join(\",\");\n const existing = ids.length\n ? await q(`SELECT * FROM items WHERE list_id = ? AND id IN (${ph})`, [\n listId,\n ...ids,\n ])\n : [];\n const byId = new Map(existing.map((r: any) => [r.id, r]));\n\n const row = await q(`SELECT seq FROM lists WHERE id = ?`, [listId]);\n let seq = Number(row[0]?.seq ?? 0);\n\n for (const inc of incoming) {\n const cur: any = byId.get(inc.id);\n const out: any = { id: inc.id };\n let changed = false;\n for (const f of FIELDS) {\n const ic = Number(inc[f + \"_c\"] ?? 0), id_ = String(inc[f + \"_d\"] ?? \"\");\n const cc = Number(cur?.[f + \"_c\"] ?? -1),\n cd = String(cur?.[f + \"_d\"] ?? \"\");\n if (!cur || wins(ic, id_, cc, cd)) {\n out[f] = inc[f];\n out[f + \"_c\"] = ic;\n out[f + \"_d\"] = id_;\n changed = true;\n } else {\n out[f] = cur[f];\n out[f + \"_c\"] = cc;\n out[f + \"_d\"] = cd;\n }\n }\n if (!changed) continue;\n seq++;\n await sqlite.execute({\n sql: `INSERT INTO items (list_id,id,name,name_c,name_d,ord,ord_c,ord_d,\n checked,checked_c,checked_d,deleted,deleted_c,deleted_d,seq)\n VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)\n ON CONFLICT(list_id,id) DO UPDATE SET\n name=excluded.name,name_c=excluded.name_c,name_d=excluded.name_d,\n ord=excluded.ord,ord_c=excluded.ord_c,ord_d=excluded.ord_d,\n checked=excluded.checked,checked_c=excluded.checked_c,checked_d=excluded.checked_d,\n deleted=excluded.deleted,deleted_c=excluded.deleted_c,deleted_d=excluded.deleted_d,\n seq=excluded.seq`,\n args: [\n listId,\n out.id,\n out.name,\n out.name_c,\n out.name_d,\n out.ord,\n out.ord_c,\n out.ord_d,\n out.checked ? 1 : 0,\n out.checked_c,\n out.checked_d,\n out.deleted ? 1 : 0,\n out.deleted_c,\n out.deleted_d,\n seq,\n ],\n });\n }\n return seq;\n}\n\nconst json = (data: any) =>\n new Response(JSON.stringify(data), {\n headers: {\n \"content-type\": \"application/json\",\n \"referrer-policy\": \"no-referrer\",\n },\n });\n\nexport default async function (req: Request): Promise {\n await init();\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (path === \"/api/new\" && req.method === \"POST\") {\n await sweep();\n const id = token();\n await sqlite.execute({\n sql: `INSERT INTO lists (id, seq, last_active) VALUES (?, 0, ?)`,\n args: [id, Date.now()],\n });\n return json({ id });\n }\n\n const api = path.match(/^\\/api\\/([a-z2-9]{10})$/);\n if (api) {\n const listId = api[1];\n const cur = await q(\n `SELECT seq, name, name_c, name_d FROM lists WHERE id = ?`,\n [listId],\n );\n if (!cur.length) return json({ gone: true });\n\n // nazwa listy jest osobnym rejestrem LWW — nie przechodzi przez merge() pozycji\n let nm: string | null = cur[0].name ?? null;\n let nmC = Number(cur[0].name_c ?? 0);\n let nmD = String(cur[0].name_d ?? \"\");\n\n let seq: number | null = null;\n if (req.method === \"POST\") {\n const body = await req.json();\n seq = await merge(listId, body.items ?? []);\n const L = body.list;\n if (L && wins(Number(L.name_c ?? 0), String(L.name_d ?? \"\"), nmC, nmD)) {\n nm = L.name ?? null;\n nmC = Number(L.name_c ?? 0);\n nmD = String(L.name_d ?? \"\");\n }\n }\n await sqlite.execute({\n sql: `UPDATE lists SET last_active = ?, seq = COALESCE(?, seq),\n name = ?, name_c = ?, name_d = ? WHERE id = ?`,\n args: [Date.now(), seq, nm, nmC, nmD, listId],\n });\n\n const since = Number(url.searchParams.get(\"since\") ?? 0);\n const items = await q(\n `SELECT id,name,name_c,name_d,ord,ord_c,ord_d,checked,checked_c,checked_d,\n deleted,deleted_c,deleted_d,seq FROM items WHERE list_id = ? AND seq > ?`,\n [listId, since],\n );\n const head = await q(`SELECT seq FROM lists WHERE id = ?`, [listId]);\n if (Math.random() < 0.02) await sweep();\n return json({\n seq: Number(head[0]?.seq ?? 0),\n name: nm,\n name_c: nmC,\n name_d: nmD,\n items,\n });\n }\n\n return new Response(HTML, {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"referrer-policy\": \"no-referrer\",\n },\n });\n}\n\nconst HTML = `\nZakupy\n\n\n\n

`;","children",[],[167],["D",1789209904283],[],[18],"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",[],[178],["D",1789209842682],{"_11":12,"_122":70},{"_11":12,"_117":118,"_69":70,"_30":68,"_119":120,"_121":24},{"_38":108,"_13":16,"_32":35,"_109":72,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":14,"_116":12},"ctx",{"_53":-5,"_141":222,"_223":224,"_225":226,"_227":24,"_228":24,"_229":24,"_230":85,"_231":-5,"_232":-7,"_233":-7,"_234":26,"_235":24,"_236":24,"_237":-5,"_238":24,"_239":24,"_240":24,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":16,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

History · index.ts