[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_216":217,"_218":219},"routes/_app.x.$handle.$name",{"_99":98,"_32":44,"_107":89,"_27":101,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":58,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",22,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","01a054ae-03b0-77c5-a645-8f2ce60d4abe","name","fileType","content","\n\n\n\n\n\nAustralia / Perth Trip\n\n\n\n\n\n\n

\n\n

Australia / Perth Trip

Perth · Rottnest Island · Melbourne

Sep 25 – Oct 11, 2026

Loading…

\n\n

\n \n \n

\n\n

Things to fit in

Drag a card onto any day above. Everyone with the link sees the same board.

\n\n \n\n \n\n

\n\n

\n \n \n

\n\n \n

\n\n

\n \n \n \n

\n\n\n\n\n","\n\n\n\n\n\nAustralia / Perth Trip\n\n\n\n\n\n\n

\n\n

Australia / Perth Trip

Perth · Rottnest Island · Melbourne

Sep 25 – Oct 11, 2026

Loading…

\n\n

\n \n \n

\n\n

Things to fit in

Drag a card onto any day above. Everyone with the link sees the same board.

\n\n \n\n \n\n

\n\n

\n \n \n

\n\n \n

\n\n

\n \n \n \n

\n\n\n\n\n","createdAt",["D",1788132330134],"branchVersion","branchId","41c0bdee-4238-4f32-9fa3-a3f6a479e35f","id","7ea81438-569a-4129-9674-d82fd3d4ad39","perth-trip-planner",["D",1788127085274],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Shared live trip planner for Perth/Australia 2026","imageUrl","5aafc002-1474-41e7-a005-ef2b0980ac68","pinnedFileId","01a054ae-03b0-77c5-a645-939349d03850","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a0216a-159b-7797-a9b8-305654bc4861","tursoName","7ea81438569a41299674d82fd3d4ad39","tursoHostname","7ea81438569a41299674d82fd3d4ad39-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789518676100],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":101},"org",{"_99":98,"_100":101,"_102":101,"_18":54,"_103":104,"_105":25},"branch",{"_13":88,"_32":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"isOwned",50,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","elevatedmediaproductions","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_32":44,"_37":211,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":212,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":213,"_83":214,"_85":215,"_87":25},"tree",[186,187,188,189,190,191],"files",[186,187,188,189,190,191],"counts",{"_176":62,"_177":138,"_178":62,"_179":180,"_181":182},"contents",[128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":170,"_32":171,"_30":172,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":173,"_13":62,"_33":20,"_34":174,"_24":25,"_142":-5,"_27":175},{"_42":164,"_32":165,"_30":166,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":167,"_13":62,"_33":20,"_34":168,"_24":25,"_142":-5,"_27":169},{"_42":160,"_32":28,"_30":31,"_137":-5,"_40":41,"_39":14,"_139":25,"_37":161,"_13":162,"_33":20,"_34":36,"_24":25,"_142":-5,"_27":163},{"_42":151,"_32":152,"_30":56,"_137":-5,"_40":41,"_39":153,"_139":25,"_37":154,"_13":155,"_33":156,"_34":157,"_24":25,"_142":158,"_27":159},{"_42":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":147,"_13":62,"_33":148,"_34":149,"_24":25,"_142":-5,"_27":150},{"_42":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":140,"_13":62,"_33":20,"_34":141,"_24":25,"_142":-5,"_27":143},"8d55f4ea-079f-4ecc-83c7-a5293727bbb7","style.css","01a054ae-03b0-77c5-a645-9acce0c76407","parentId",1,"latest",["D",1788127085274],"/* CSS files add styling rules to your content */\n\nbody {\n font-family: Arial, sans-serif;\n margin: 2em;\n}\n\nh1 {\n font-style: italic;\n color: #373fff;\n}","label",[135],"9cc553f2-3b90-40bc-b96f-97e052a4e285","script.js","01a054ae-03b0-77c5-a645-9704e322267a",["D",1788127085274],"script","/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");",[145],"0bc0d2b7-f74f-4682-a79e-8aa73e0df622","main.tsx",20,["D",1788132315103],5,"http","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nlet ready: Promise | null = null;\nfunction init() {\n if (!ready) {\n ready = (async () => {\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS placements (\n activity_id TEXT PRIMARY KEY,\n date TEXT NOT NULL\n )`,\n );\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS activities (\n id TEXT PRIMARY KEY,\n emoji TEXT NOT NULL DEFAULT '',\n title TEXT NOT NULL,\n note TEXT NOT NULL DEFAULT '',\n people TEXT NOT NULL DEFAULT 'gavin,shannon,lm',\n created_at INTEGER NOT NULL\n )`,\n );\n // soft-deleted activity ids — covers both the built-in cards (which live in\n // the page's code, not this table) and custom ones, so anything can be restored\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS deleted (\n activity_id TEXT PRIMARY KEY,\n deleted_at INTEGER NOT NULL\n )`,\n );\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS meta (\n key TEXT PRIMARY KEY,\n value TEXT NOT NULL\n )`,\n );\n await sqlite.execute(\n `INSERT OR IGNORE INTO meta (key, value) VALUES ('rev', '1')`,\n );\n })();\n }\n return ready;\n}\n\nasync function bumpRev() {\n await sqlite.execute(`UPDATE meta SET value = CAST(CAST(value AS INTEGER) + 1 AS TEXT) WHERE key = 'rev'`);\n}\n\nasync function getState() {\n const [placements, activities, meta, trashed] = await Promise.all([\n sqlite.execute(`SELECT activity_id, date FROM placements`),\n sqlite.execute(`SELECT id, emoji, title, note, people FROM activities ORDER BY created_at ASC`),\n sqlite.execute(`SELECT value FROM meta WHERE key = 'rev'`),\n sqlite.execute(`SELECT activity_id FROM deleted ORDER BY deleted_at DESC`),\n ]);\n const placed: Record = {};\n for (const row of rowsOf(placements)) placed[row.activity_id as string] = row.date as string;\n const custom = rowsOf(activities).map((r) => ({\n id: r.id as string,\n emoji: (r.emoji as string) || \"📍\",\n title: r.title as string,\n note: (r.note as string) || \"\",\n people: String(r.people || \"\").split(\",\").filter(Boolean),\n custom: true,\n }));\n const rev = Number(rowsOf(meta)[0]?.value ?? 1);\n const deleted = rowsOf(trashed).map((r) => r.activity_id as string);\n return { rev, placed, custom, deleted };\n}\n\n// std/sqlite returns { columns, rows } where rows may be arrays or objects\n// depending on the driver version — normalize to plain objects.\nfunction rowsOf(res: any): Record[] {\n const cols: string[] = res.columns ?? [];\n return (res.rows ?? []).map((row: any) => {\n if (Array.isArray(row)) {\n const obj: Record = {};\n cols.forEach((c, i) => (obj[c] = row[i]));\n return obj;\n }\n return row as Record;\n });\n}\n\nconst json = (data: unknown, status = 200) =>\n new Response(JSON.stringify(data), {\n status,\n headers: { \"content-type\": \"application/json\", \"cache-control\": \"no-store\" },\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/state\" && req.method === \"GET\") {\n return json(await getState());\n }\n\n if (path === \"/api/rev\" && req.method === \"GET\") {\n const res = await sqlite.execute(`SELECT value FROM meta WHERE key = 'rev'`);\n return json({ rev: Number(rowsOf(res)[0]?.value ?? 1) });\n }\n\n if (path === \"/api/place\" && req.method === \"POST\") {\n const body = await req.json().catch(() => ({}));\n const id = String(body.id ?? \"\").trim();\n if (!id) return json({ error: \"missing id\" }, 400);\n if (body.date) {\n await sqlite.execute({\n sql: `INSERT INTO placements (activity_id, date) VALUES (?, ?)\n ON CONFLICT(activity_id) DO UPDATE SET date = excluded.date`,\n args: [id, String(body.date)],\n });\n } else {\n await sqlite.execute({ sql: `DELETE FROM placements WHERE activity_id = ?`, args: [id] });\n }\n await bumpRev();\n return json(await getState());\n }\n\n if (path === \"/api/activity\" && req.method === \"POST\") {\n const body = await req.json().catch(() => ({}));\n const title = String(body.title ?? \"\").trim().slice(0, 120);\n if (!title) return json({ error: \"missing title\" }, 400);\n const id = \"cust-\" + Math.random().toString(36).slice(2, 10);\n const people = Array.isArray(body.people) && body.people.length\n ? body.people.filter((p: string) => [\"gavin\", \"shannon\", \"lm\"].includes(p))\n : [\"gavin\", \"shannon\", \"lm\"];\n await sqlite.execute({\n sql: `INSERT INTO activities (id, emoji, title, note, people, created_at) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [\n id,\n String(body.emoji ?? \"📍\").slice(0, 8),\n title,\n String(body.note ?? \"\").slice(0, 200),\n people.join(\",\"),\n Date.now(),\n ],\n });\n await bumpRev();\n return json(await getState());\n }\n\n // soft delete: the card moves to the trash and its day is cleared, but the\n // definition stays put so restoring it brings everything back\n if (path === \"/api/trash\" && req.method === \"POST\") {\n const body = await req.json().catch(() => ({}));\n const id = String(body.id ?? \"\").trim();\n if (!id) return json({ error: \"missing id\" }, 400);\n if (body.action === \"restore\") {\n await sqlite.execute({ sql: `DELETE FROM deleted WHERE activity_id = ?`, args: [id] });\n } else {\n await sqlite.execute({\n sql: `INSERT INTO deleted (activity_id, deleted_at) VALUES (?, ?)\n ON CONFLICT(activity_id) DO UPDATE SET deleted_at = excluded.deleted_at`,\n args: [id, Date.now()],\n });\n await sqlite.execute({ sql: `DELETE FROM placements WHERE activity_id = ?`, args: [id] });\n }\n await bumpRev();\n return json(await getState());\n }\n\n if (path === \"/favicon.svg\") {\n return new Response(await readFile(\"/favicon.svg\", import.meta.url), {\n headers: { \"content-type\": \"image/svg+xml\" },\n });\n }\n\n return new Response(await readFile(\"/index.html\", import.meta.url), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n","perth-trip-2026",[152],"016aec47-508a-4776-8583-2f68da1fb4b5",["D",1788132330134],16,[28],"ece7ac03-0c7a-41b8-a09d-aeb3cc405c61","favicon.svg","01a054ae-03b0-77c5-a645-8a5afb9355bc",["D",1788127085274],"",[165],"e458eb4a-ed8b-4513-92cc-5ee85c8bd2bf","README.md","01a054ae-03b0-77c5-a645-843b405afe32",["D",1788127085274],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[171],"pulls","branches","forks","envVars",{"_183":62,"_185":62},"connections",{"_183":62,"_184":62},"count","unfilledCount","emptyCount",{"_42":170,"_32":171,"_30":172,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":208,"_13":62,"_33":20,"_34":174,"_24":25,"_142":-5,"_193":209,"_27":210},{"_42":164,"_32":165,"_30":166,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":205,"_13":62,"_33":20,"_34":168,"_24":25,"_142":-5,"_193":206,"_27":207},{"_42":160,"_32":28,"_30":31,"_137":-5,"_40":41,"_39":14,"_139":25,"_37":202,"_13":162,"_33":20,"_34":36,"_24":25,"_142":-5,"_193":203,"_27":204},{"_42":151,"_32":152,"_30":56,"_137":-5,"_40":41,"_39":153,"_139":25,"_37":199,"_13":155,"_33":156,"_34":157,"_24":25,"_142":158,"_193":200,"_27":201},{"_42":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":196,"_13":62,"_33":148,"_34":149,"_24":25,"_142":-5,"_193":197,"_27":198},{"_42":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":192,"_13":62,"_33":20,"_34":141,"_24":25,"_142":-5,"_193":194,"_27":195},["D",1788127085274],"children",[],[135],["D",1788127085274],[],[145],["D",1788132315103],[],[152],["D",1788132330134],[],[28],["D",1788127085274],[],[165],["D",1788127085274],[],[171],["D",1788127085274],["D",1789518676100],{"_99":98,"_106":101},{"_99":98,"_100":101,"_102":101,"_18":54,"_103":104,"_105":25},{"_13":88,"_32":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"ctx",{"_81":-5,"_125":249,"_250":251,"_252":253,"_254":25,"_255":25,"_256":25,"_257":58,"_258":-5,"_259":-7,"_260":-7,"_261":62,"_262":25,"_263":25,"_264":-5,"_265":25,"_266":25,"_267":25,"_268":-5},"ENV",{"_220":221,"_222":223,"_224":89,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248},"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 · v22