[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_173":174,"_175":176},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_109":90,"_27":53,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":59,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",17,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","habit-sky.ts","latestPath","fileId","eaa2e62e-83c3-11f1-81cf-1607ee4eb77e","name","fileType","http","content","// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}","/**\n * Habit Sky — commitments as constellations\n * --------------------------------------------\n * A separate app from Habit Garden. Paste this whole file into a NEW\n * HTTP val on val.town (don't overwrite your garden val), deploy it,\n * then share the URL with a friend like:\n *\n * https://yourname-habitsky.val.run/?me=You&key=YOUR_SECRET\n * https://yourname-habitsky.val.run/?me=Friend&key=YOUR_SECRET\n *\n * How it works:\n * - When you commit to something, you say how many times (\"gym, 5x\").\n * That immediately creates 5 dim, unlit dots.\n * - Each time you actually do it, you submit that one instance\n * (optionally with a photo) for your friend to verify.\n * - Verified instances glow, and connect by a line to the other glowing\n * stars in order — a constellation growing over time.\n * - A constellation belongs to a PAIR of people. Whether you commit to\n * Alex or Alex commits to you, it's the same shared sky between you\n * two. Different pairs get their own separate constellations.\n * - You can't submit a new instance (or start a new commitment) while\n * anything is waiting on your own verification.\n * - Rejecting an instance just returns its star to unlit, free to try\n * again.\n *\n * Photos are optional and wiped from storage the moment a star is\n * verified or rejected — nothing lingers.\n *\n * SHARED SECRET SETUP (do this before sharing the link):\n * 1. On val.town, open this val → sidebar → Environment Variables.\n * 2. Add a variable named APP_SECRET with any password-like value you pick.\n * 3. Every URL you share must include &key=that-same-value, or requests\n * are rejected with 401. Links inside the app carry the key forward\n * automatically once you're in.\n * 4. If you don't set APP_SECRET at all, the key check is skipped —\n * handy for your first local test, but do set it before sending\n * the link to friends.\n */\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABLE = \"habit_sky_stars_v1\";\nconst CHART_COLORS = [\n \"#F5E6B8\",\n \"#8AB0C6\",\n \"#D8A499\",\n \"#9B7AA0\",\n \"#A8BE95\",\n \"#E0BD4A\",\n \"#D98166\",\n \"#B0678A\",\n \"#C88B6B\",\n \"#6C90A8\",\n];\n\nasync function ensureTable() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE} (\n id TEXT PRIMARY KEY,\n commitment_id TEXT NOT NULL,\n constellation_key TEXT NOT NULL,\n creator TEXT NOT NULL,\n verifier TEXT NOT NULL,\n description TEXT NOT NULL,\n target_count INTEGER NOT NULL,\n star_order INTEGER NOT NULL,\n status TEXT NOT NULL DEFAULT 'unlit',\n photo_data TEXT,\n created_at TEXT NOT NULL,\n submitted_at TEXT,\n lit_at TEXT\n )\n `);\n}\n\nfunction uid() {\n return crypto.randomUUID();\n}\n\nfunction qs(me: string, key: string) {\n const params = new URLSearchParams({ me });\n if (key) params.set(\"key\", key);\n return `?${params.toString()}`;\n}\n\nfunction escapeHtml(s: string) {\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n\nfunction formatDate(iso: string | null) {\n if (!iso) return \"\";\n try {\n return new Date(iso).toLocaleDateString(undefined, {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n });\n } catch {\n return iso;\n }\n}\n\nfunction constellationKey(a: string, b: string) {\n return [a.trim().toLowerCase(), b.trim().toLowerCase()].sort().join(\"::\");\n}\n\n// Phyllotaxis spiral — deterministic from index alone, never overlaps,\n// grows outward naturally as more stars are added over time.\nfunction spiralPos(index: number) {\n const goldenAngle = 137.508 * (Math.PI / 180);\n const c = 13;\n const angle = index * goldenAngle;\n const radius = c * Math.sqrt(index + 1);\n return { x: radius * Math.cos(angle), y: radius * Math.sin(angle) };\n}\n\nconst PARCHMENT_TEXTURE =\n \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E\" +\n \"%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E\" +\n \"%3CfeColorMatrix type='matrix' values='0 0 0 0 0.16 0 0 0 0 0.14 0 0 0 0 0.11 0 0 0 0.05 0'/%3E%3C/filter%3E\" +\n \"%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\";\n\nfunction page(title: string, body: string) {\n return `\n\n\n\n\n${escapeHtml(title)}\n\n\n\n\n\n\n${body}\n\n`;\n}\n\nfunction buildBarChart(\n idPrefix: string,\n segments: { key: string; label: string; value: number }[],\n) {\n const total = segments.reduce((s, x) => s + x.value, 0) || 1;\n return segments\n .map((seg, i) => {\n const percent = Math.round((seg.value / total) * 100);\n const color = CHART_COLORS[i % CHART_COLORS.length];\n return `

${\n escapeHtml(seg.label)\n }${percent}%

`;\n })\n .join(\"\");\n}\n\n// Renders one constellation's night-sky SVG: every star of the pair,\n// positioned on a spiral by overall creation order, with a connecting\n// line drawn through however many have lit up so far, in the order they\n// lit up.\nfunction buildConstellationSvg(stars: any[], me: string) {\n const ordered = [...stars].sort((a, b) => {\n if (a.created_at !== b.created_at) {\n return a.created_at < b.created_at\n ? -1\n : 1;\n }\n return a.star_order - b.star_order;\n });\n const positioned = ordered.map((s, i) => ({ ...s, pos: spiralPos(i) }));\n const maxRadius = positioned.length\n ? Math.max(...positioned.map((p) => Math.hypot(p.pos.x, p.pos.y)))\n : 20;\n const half = maxRadius + 24;\n const size = half * 2;\n\n const litInOrder = positioned\n .filter((p) => p.status === \"lit\")\n .sort((a, b) => (a.lit_at < b.lit_at ? -1 : 1));\n const linePoints = litInOrder.map((p) =>\n `${p.pos.x + half},${p.pos.y + half}`\n ).join(\" \");\n\n const dots = positioned\n .map((p) => {\n const cx = p.pos.x + half;\n const cy = p.pos.y + half;\n const info = `${p.creator} — ${p.description} (${\n formatDate(p.lit_at || p.submitted_at || p.created_at)\n })`;\n\n if (p.status === \"lit\") {\n return `${\n escapeHtml(info)\n }`;\n }\n if (p.status === \"pending\") {\n const clickable = p.verifier === me || p.creator === me;\n return `${\n escapeHtml(info)\n }`;\n }\n // unlit\n if (p.creator === me) {\n return ``;\n }\n return ``;\n })\n .join(\"\");\n\n return ``;\n}\n\nasync function renderSkyPage(me: string, key: string) {\n const pendingRes = await sqlite.execute(\n `SELECT * FROM ${TABLE} WHERE verifier = ? AND status = 'pending' ORDER BY submitted_at ASC`,\n [me],\n );\n const pendingItems = pendingRes.rows as any[];\n const pendingCount = pendingItems.length;\n\n const allRes = await sqlite.execute(\n `SELECT * FROM ${TABLE} ORDER BY created_at ASC`,\n );\n const allStars = allRes.rows as any[];\n\n const byConstellation = new Map();\n for (const s of allStars) {\n const arr = byConstellation.get(s.constellation_key) || [];\n arr.push(s);\n byConstellation.set(s.constellation_key, arr);\n }\n\n const pastGoals = await sqlite.execute(\n `SELECT DISTINCT description FROM ${TABLE} WHERE creator = ? ORDER BY created_at DESC LIMIT 25`,\n [me],\n );\n const pastVerifiers = await sqlite.execute(\n `SELECT DISTINCT verifier FROM ${TABLE} WHERE creator = ? ORDER BY created_at DESC LIMIT 25`,\n [me],\n );\n const goalSelectOptions = (pastGoals.rows as any[])\n .map((r) =>\n ``\n )\n .join(\"\");\n const verifierSelectOptions = (pastVerifiers.rows as any[])\n .map((r) =>\n ``\n )\n .join(\"\");\n\n // Constellation panels.\n let constellationsHtml = \"\";\n if (byConstellation.size === 0) {\n constellationsHtml =\n `

No constellations yet — start a commitment with a friend below.

`;\n } else {\n for (const [ckey, stars] of byConstellation.entries()) {\n const names = new Set();\n for (const s of stars) {\n names.add(s.creator);\n names.add(s.verifier);\n }\n const title = Array.from(names).join(\" & \");\n const litCount = stars.filter((s) => s.status === \"lit\").length;\n constellationsHtml += `\n

\n ${escapeHtml(title)}\n ${litCount} of ${stars.length} lit\n

\n ${buildConstellationSvg(stars, me)}\n

`;\n }\n }\n\n // Detail blocks for every star.\n let detailsHtml = \"\";\n for (const s of allStars) {\n if (s.status === \"lit\") {\n detailsHtml += `\n

${escapeHtml(s.creator)} — ${\n escapeHtml(s.description)\n }

Verified ${formatDate(s.lit_at)}

\n \n

`;\n } else if (s.status === \"pending\") {\n if (s.verifier === me) {\n detailsHtml += `\n

${escapeHtml(s.creator)} — ${\n escapeHtml(s.description)\n }

Waiting on your verification, submitted ${\n formatDate(s.submitted_at)\n }.

\n ${\n s.photo_data\n ? `

`\n : `

No photo attached.

`\n }\n

\n \n \n

\n \n

`;\n } else {\n detailsHtml += `\n

${escapeHtml(s.creator)} — ${\n escapeHtml(s.description)\n }

Waiting on ${\n escapeHtml(s.verifier)\n } to verify. Submitted ${formatDate(s.submitted_at)}.

\n \n

`;\n }\n } else if (s.status === \"unlit\" && s.creator === me) {\n detailsHtml += `\n

${escapeHtml(s.description)}

Mark this instance done — ${\n escapeHtml(s.verifier)\n } will verify it.

\n \n \n

`;\n }\n }\n\n if (pendingCount > 0) {\n const pendingListHtml = pendingItems\n .map(\n (s) => `\n

${escapeHtml(s.creator)} — ${\n escapeHtml(s.description)\n }

\n ${\n s.photo_data\n ? `

`\n : `

No photo attached.

`\n }\n

\n \n \n

`,\n )\n .join(\"\");\n detailsHtml += `\n

Clear your queue first

You can't submit a new instance or start a new commitment until you've verified or rejected everything waiting on you.

\n ${pendingListHtml}\n \n

`;\n }\n\n detailsHtml += `\n

New commitment

\n \n \n

`;\n\n // Contributions — count lit stars only.\n const litRows = allStars.filter((s) => s.status === \"lit\");\n const byPerson = new Map();\n const byType = new Map();\n for (const s of litRows) {\n byPerson.set(s.creator, (byPerson.get(s.creator) || 0) + 1);\n byType.set(s.description, (byType.get(s.description) || 0) + 1);\n }\n const personSegments = Array.from(byPerson.entries())\n .sort((a, b) => b[1] - a[1])\n .map(([k, v]) => ({ key: k, label: k, value: v }));\n const typeSegments = Array.from(byType.entries())\n .sort((a, b) => b[1] - a[1])\n .map(([k, v]) => ({ key: k, label: k, value: v }));\n\n const chartsHtml = litRows.length\n ? `\n

By person

\n ${buildBarChart(\"person\", personSegments)}\n

By commitment type

\n ${buildBarChart(\"desc\", typeSegments)}\n

\n `\n : `

Bars will appear once stars have lit up.

`;\n\n return page(\n \"Habit Sky\",\n `\n

Habit Sky

Signed in as ${\n escapeHtml(me)\n }${\n pendingCount > 0 ? ` · ${pendingCount} waiting on your verification` : \"\"\n }

\n\n ${constellationsHtml}\n\n

\n \n

\n\n ${detailsHtml}\n\n

Contributions

\n ${chartsHtml}\n

\n\n \n `,\n );\n}\n\nexport default async function (req: Request): Promise {\n await ensureTable();\n const url = new URL(req.url);\n const path = url.pathname;\n const me = (url.searchParams.get(\"me\") || \"\").trim();\n const key = (url.searchParams.get(\"key\") || \"\").trim();\n\n const requiredSecret = Deno.env.get(\"APP_SECRET\");\n if (requiredSecret && key !== requiredSecret) {\n return new Response(\n page(\n \"Locked\",\n `

Locked

This link needs a valid key. Ask whoever set up the app for the shared link.

`,\n ),\n { status: 401, headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n if (path === \"/\" && req.method === \"GET\") {\n if (!me) {\n return new Response(\n page(\n \"Habit Sky\",\n `

Habit Sky

Open this link with your name, e.g. ?me=Sahana

\n `,\n ),\n { headers: { \"content-type\": \"text/html\" } },\n );\n }\n return new Response(await renderSkyPage(me, key), {\n headers: { \"content-type\": \"text/html\" },\n });\n }\n\n if (path === \"/api/commitments\" && req.method === \"POST\") {\n const form = await req.formData();\n const description = String(form.get(\"description\") || \"\").trim();\n const verifier = String(form.get(\"verifier\") || \"\").trim();\n const targetCount = Math.max(\n 1,\n Math.min(\n 30,\n Number.parseInt(String(form.get(\"target_count\") || \"0\"), 10) || 0,\n ),\n );\n\n if (!description || !verifier || !me || targetCount < 1) {\n return new Response(\"Missing or invalid fields\", { status: 400 });\n }\n\n const pendingToVerify = await sqlite.execute(\n `SELECT COUNT(*) as cnt FROM ${TABLE} WHERE verifier = ? AND status = 'pending'`,\n [me],\n );\n const pendingCount = Number((pendingToVerify.rows[0] as any)?.cnt || 0);\n if (pendingCount > 0) {\n return new Response(\n page(\n \"Verify first\",\n `

Verify first

You have ${pendingCount} thing${\n pendingCount === 1 ? \"\" : \"s\"\n } waiting on your verification. Clear those before starting a new commitment.

\n `,\n ),\n { status: 409, headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n const commitmentId = uid();\n const ckey = constellationKey(me, verifier);\n const now = new Date().toISOString();\n for (let i = 0; i < targetCount; i++) {\n await sqlite.execute(\n `INSERT INTO ${TABLE} (id, commitment_id, constellation_key, creator, verifier, description, target_count, star_order, status, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, 'unlit', ?)`,\n [\n uid(),\n commitmentId,\n ckey,\n me,\n verifier,\n description,\n targetCount,\n i,\n now,\n ],\n );\n }\n return Response.redirect(url.origin + \"/\" + qs(me, key), 303);\n }\n\n const submitMatch = path.match(/^\\/api\\/stars\\/([\\w-]+)\\/submit$/);\n if (submitMatch && req.method === \"POST\") {\n const starId = submitMatch[1];\n const form = await req.formData();\n const photoData = String(form.get(\"photo_data\") || \"\").trim() || null;\n\n const existing = await sqlite.execute(\n `SELECT * FROM ${TABLE} WHERE id = ?`,\n [starId],\n );\n const star = existing.rows[0] as any;\n if (!star || star.creator !== me) {\n return new Response(\"Not authorized to submit this instance\", {\n status: 403,\n });\n }\n if (star.status !== \"unlit\") {\n return new Response(\"This instance isn't available to submit\", {\n status: 400,\n });\n }\n\n const pendingToVerify = await sqlite.execute(\n `SELECT COUNT(*) as cnt FROM ${TABLE} WHERE verifier = ? AND status = 'pending'`,\n [me],\n );\n const pendingCount = Number((pendingToVerify.rows[0] as any)?.cnt || 0);\n if (pendingCount > 0) {\n return new Response(\n page(\n \"Verify first\",\n `

Verify first

Clear what's waiting on your verification before submitting a new instance.

\n `,\n ),\n { status: 409, headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n await sqlite.execute(\n `UPDATE ${TABLE} SET status = 'pending', submitted_at = ?, photo_data = ? WHERE id = ?`,\n [new Date().toISOString(), photoData, starId],\n );\n return Response.redirect(url.origin + \"/\" + qs(me, key), 303);\n }\n\n const verifyMatch = path.match(/^\\/api\\/stars\\/([\\w-]+)\\/verify$/);\n if (verifyMatch && req.method === \"POST\") {\n const starId = verifyMatch[1];\n const form = await req.formData();\n const decision = String(form.get(\"decision\") || \"\");\n\n const existing = await sqlite.execute(\n `SELECT * FROM ${TABLE} WHERE id = ?`,\n [starId],\n );\n const star = existing.rows[0] as any;\n if (!star || star.verifier !== me) {\n return new Response(\"Not authorized to verify this instance\", {\n status: 403,\n });\n }\n if (star.status !== \"pending\") {\n return new Response(\"This instance is not awaiting verification\", {\n status: 400,\n });\n }\n\n if (decision === \"approve\") {\n await sqlite.execute(\n `UPDATE ${TABLE} SET status = 'lit', lit_at = ?, photo_data = NULL WHERE id = ?`,\n [new Date().toISOString(), starId],\n );\n } else {\n // Rejected — free the star back up so it can be resubmitted.\n await sqlite.execute(\n `UPDATE ${TABLE} SET status = 'unlit', submitted_at = NULL, photo_data = NULL WHERE id = ?`,\n [starId],\n );\n }\n return Response.redirect(url.origin + \"/\" + qs(me, key), 303);\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","createdAt",["D",1784501317819],"branchVersion","branchId","efe493e9-1375-40d5-b64b-21a7897524dc","id","b82a2490-3698-48ab-891d-4350bbac0100","sahana",["D",1784490986084],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","3bdcfd42-ff69-4074-adab-66c464655abd","pinnedFileId","ecd1ee8a-83ab-11f1-b2dc-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f7bf1-7aaa-775b-94a7-41c5a0aea91d","tursoName","b82a2490369848ab891d4350bbac0100","tursoHostname","b82a2490369848ab891d4350bbac0100-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789472446807],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"isOwned",40,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","sahanasbrmnym","handle","displayName","Sahana Subramanyam","avatar","https://avatars.githubusercontent.com/u/41452026?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":168,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":169,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":170,"_84":171,"_86":172,"_88":25},"tree",[159,160],"files",[159,160],"counts",{"_148":63,"_149":150,"_151":63,"_152":153,"_154":155},"contents",[130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":143,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":25,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_140":146,"_27":147},{"_43":132,"_32":133,"_30":57,"_134":-5,"_41":42,"_40":135,"_136":25,"_38":137,"_13":138,"_33":34,"_35":139,"_24":25,"_140":141,"_27":142},"dfb4bbc4-8d77-478a-9da2-d4e1f796a8ba","main.ts","parentId",12,"latest",["D",1784500168348],11,"/**\n * Habit Garden — One-screen garden interface\n * --------------------------------------------\n * Paste this whole file into a new HTTP val on val.town, deploy it,\n * then share the URL with a friend like:\n *\n * https://yourname-habitgarden.val.run/?me=You&key=YOUR_SECRET\n * https://yourname-habitgarden.val.run/?me=Friend&key=YOUR_SECRET\n *\n * The garden IS the app — no separate tabs:\n * - Click an empty plot to plant a new goal there.\n * - New goals appear dulled/grayed until verified.\n * - Click a dulled plot that's yours to verify → approve/reject inline.\n * - Click a dulled plot that's not yours to verify → see who it's\n * waiting on.\n * - Click a bloomed (verified) plot → see who/what/when. If you planted\n * it, you can also change its flower color/icon right there.\n * - You can't plant a new goal while anything is waiting on your own\n * verification — empty plots lock until you clear your queue.\n * - Rejected goals free their plot back up for someone else to use.\n *\n * Photos are optional at creation time and wiped from storage the moment\n * a goal is verified or rejected — nothing lingers.\n *\n * SHARED SECRET SETUP (do this before sharing the link):\n * 1. On val.town, open this val → sidebar → Environment Variables.\n * 2. Add a variable named APP_SECRET with any password-like value you pick.\n * 3. Every URL you share must include &key=that-same-value, or requests\n * are rejected with 401. Links inside the app carry the key forward\n * automatically once you're in.\n * 4. If you don't set APP_SECRET at all, the key check is skipped —\n * handy for your first local test, but do set it before sending\n * the link to friends.\n */\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABLE = \"habit_garden_goals_v1\";\n\nconst FLOWER_COLORS: { key: string; label: string; hex: string }[] = [\n { key: \"blush\", label: \"Blush\", hex: \"#D8A499\" },\n { key: \"clay\", label: \"Clay\", hex: \"#C88B6B\" },\n { key: \"amber\", label: \"Amber\", hex: \"#D9A441\" },\n { key: \"plum\", label: \"Plum\", hex: \"#9B7AA0\" },\n { key: \"sky\", label: \"Sky\", hex: \"#8AB0C6\" },\n { key: \"gold\", label: \"Gold\", hex: \"#E0BD4A\" },\n { key: \"coral\", label: \"Coral\", hex: \"#D98166\" },\n { key: \"sage\", label: \"Sage\", hex: \"#A8BE95\" },\n { key: \"berry\", label: \"Berry\", hex: \"#B0678A\" },\n];\nconst DEFAULT_FLOWER_KEY = \"blush\";\n\nconst CHART_COLORS = [\n \"#28372B\",\n \"#D8A499\",\n \"#C9A227\",\n \"#6C90A8\",\n \"#7A5C7E\",\n \"#8FA37E\",\n \"#C8674A\",\n \"#D9A441\",\n \"#C88B6B\",\n \"#8E4B62\",\n];\n\nconst MIN_SLOTS = 24;\nconst BUFFER_SLOTS = 8;\n\nasync function ensureTable() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE} (\n id TEXT PRIMARY KEY,\n creator TEXT NOT NULL,\n verifier TEXT NOT NULL,\n description TEXT NOT NULL,\n flower_emoji TEXT NOT NULL DEFAULT 'blush',\n status TEXT NOT NULL DEFAULT 'submitted',\n photo_data TEXT,\n plot_index INTEGER,\n created_at TEXT NOT NULL,\n verified_at TEXT\n )\n `);\n for (\n const stmt of [\n `ALTER TABLE ${TABLE} ADD COLUMN flower_emoji TEXT NOT NULL DEFAULT 'blush'`,\n `ALTER TABLE ${TABLE} ADD COLUMN photo_data TEXT`,\n `ALTER TABLE ${TABLE} ADD COLUMN plot_index INTEGER`,\n ]\n ) {\n try {\n await sqlite.execute(stmt);\n } catch {\n // Column already exists — fine, ignore.\n }\n }\n try {\n const needsBackfill = await sqlite.execute(\n `SELECT COUNT(*) as cnt FROM ${TABLE} WHERE plot_index IS NULL AND status != 'rejected'`,\n );\n const cnt = Number((needsBackfill.rows[0] as any)?.cnt || 0);\n if (cnt > 0) {\n const maxRow = await sqlite.execute(\n `SELECT MAX(plot_index) as m FROM ${TABLE}`,\n );\n let nextIdx = ((maxRow.rows[0] as any)?.m ?? -1) + 1;\n const toAssign = await sqlite.execute(\n `SELECT id FROM ${TABLE} WHERE plot_index IS NULL AND status != 'rejected' ORDER BY created_at ASC`,\n );\n for (const r of toAssign.rows as any[]) {\n await sqlite.execute(\n `UPDATE ${TABLE} SET plot_index = ? WHERE id = ?`,\n [nextIdx, r.id],\n );\n nextIdx++;\n }\n }\n } catch {\n // best effort — not fatal if this doesn't fully succeed\n }\n}\n\nfunction uid() {\n return crypto.randomUUID();\n}\n\nfunction qs(me: string, key: string) {\n const params = new URLSearchParams({ me });\n if (key) params.set(\"key\", key);\n return `?${params.toString()}`;\n}\n\nfunction escapeHtml(s: string) {\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n\nfunction jsonForScript(value: unknown) {\n return JSON.stringify(value).replace(/ f.key === key);\n return found\n ? found.hex\n : FLOWER_COLORS.find((f) => f.key === DEFAULT_FLOWER_KEY)!.hex;\n}\n\nfunction flowerHtml(value: string, sizePx: number, dulled: boolean) {\n const dulledStyle = dulled ? \"filter:grayscale(1) opacity(0.55);\" : \"\";\n if (value && value.startsWith(\"data:\")) {\n return `

`;\n }\n const hex = flowerColorHex(value);\n return ``;\n}\n\n// Reusable flower color picker (dropdown + custom upload + live preview).\n// Multiple can exist on one page — JS wires them up generically via the\n// .flower-picker / .flower-select / .flower-file / .flower-hidden classes.\nfunction flowerPickerHtml(inputName: string, currentValue: string) {\n const optionsHtml = FLOWER_COLORS\n .map((f) =>\n ``\n )\n .join(\"\");\n return `\n

\n \n

Or upload your own small flower icon.

\n \n

\n `;\n}\n\nconst PARCHMENT_TEXTURE =\n \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E\" +\n \"%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E\" +\n \"%3CfeColorMatrix type='matrix' values='0 0 0 0 0.16 0 0 0 0 0.14 0 0 0 0 0.11 0 0 0 0.05 0'/%3E%3C/filter%3E\" +\n \"%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\";\n\nfunction page(title: string, body: string) {\n return `\n\n\n\n\n${escapeHtml(title)}\n\n\n\n\n\n\n${body}\n\n`;\n}\n\nfunction buildBarChart(\n idPrefix: string,\n segments: { key: string; label: string; value: number }[],\n) {\n const total = segments.reduce((s, x) => s + x.value, 0) || 1;\n return segments\n .map((seg, i) => {\n const percent = Math.round((seg.value / total) * 100);\n const color = CHART_COLORS[i % CHART_COLORS.length];\n return `

${\n escapeHtml(seg.label)\n }${percent}%

`;\n })\n .join(\"\");\n}\n\n// --- The one-screen garden ---\n\nasync function renderMainPage(me: string, key: string) {\n const pendingRes = await sqlite.execute(\n `SELECT * FROM ${TABLE} WHERE verifier = ? AND status = 'submitted' ORDER BY created_at ASC`,\n [me],\n );\n const pendingItems = pendingRes.rows as any[];\n const pendingCount = pendingItems.length;\n\n const occupantsRes = await sqlite.execute(\n `SELECT * FROM ${TABLE} WHERE status IN ('submitted','verified') ORDER BY plot_index ASC`,\n );\n const occupants = occupantsRes.rows as any[];\n const occupantMap = new Map();\n let maxIndex = -1;\n for (const g of occupants) {\n if (g.plot_index !== null && g.plot_index !== undefined) {\n occupantMap.set(Number(g.plot_index), g);\n maxIndex = Math.max(maxIndex, Number(g.plot_index));\n }\n }\n const usedSlots = maxIndex + 1;\n const totalSlots = Math.max(MIN_SLOTS, usedSlots + BUFFER_SLOTS);\n\n const pastGoals = await sqlite.execute(\n `SELECT description, flower_emoji, MAX(created_at) as last_used\n FROM ${TABLE} WHERE creator = ? GROUP BY description ORDER BY last_used DESC LIMIT 25`,\n [me],\n );\n const pastVerifiers = await sqlite.execute(\n `SELECT verifier, MAX(created_at) as last_used\n FROM ${TABLE} WHERE creator = ? GROUP BY verifier ORDER BY last_used DESC LIMIT 25`,\n [me],\n );\n const goalSelectOptions = (pastGoals.rows as any[])\n .map((r) =>\n ``\n )\n .join(\"\");\n const verifierSelectOptions = (pastVerifiers.rows as any[])\n .map((r) =>\n ``\n )\n .join(\"\");\n const descToEmoji = Object.fromEntries(\n (pastGoals.rows as any[]).map((\n r,\n ) => [r.description, r.flower_emoji || DEFAULT_FLOWER_KEY]),\n );\n\n // Build the grid.\n let gridHtml = \"\";\n for (let i = 0; i < totalSlots; i++) {\n const occ = occupantMap.get(i);\n if (occ) {\n const isBloomed = occ.status === \"verified\";\n const cls = isBloomed ? \"plot bloomed\" : \"plot dulled\";\n gridHtml +=\n ``;\n } else if (pendingCount > 0) {\n gridHtml +=\n ``;\n } else {\n gridHtml +=\n ``;\n }\n }\n\n // Build detail blocks for every occupant.\n let detailsHtml = \"\";\n for (const occ of occupants) {\n const isBloomed = occ.status === \"verified\";\n if (isBloomed) {\n const isMine = occ.creator === me;\n detailsHtml += `\n

${escapeHtml(occ.creator)} — ${\n escapeHtml(occ.description)\n }

Verified ${formatDate(occ.verified_at)}

\n ${\n isMine\n ? ``\n : \"\"\n }\n \n

`;\n } else if (occ.verifier === me) {\n detailsHtml += `\n

${escapeHtml(occ.creator)} — ${\n escapeHtml(occ.description)\n }

Waiting on your verification, planted ${\n formatDate(occ.created_at)\n }.

\n ${\n occ.photo_data\n ? `

`\n : `

No photo attached.

`\n }\n

\n \n \n

\n \n

`;\n } else {\n detailsHtml += `\n

${escapeHtml(occ.creator)} — ${\n escapeHtml(occ.description)\n }

Waiting on ${\n escapeHtml(occ.verifier)\n } to verify. Planted ${formatDate(occ.created_at)}.

\n \n

`;\n }\n }\n\n if (pendingCount > 0) {\n const pendingListHtml = pendingItems\n .map(\n (g) => `\n

${\n flowerHtml(g.flower_emoji, 24, true)\n }${escapeHtml(g.creator)} — ${\n escapeHtml(g.description)\n }

\n ${\n g.photo_data\n ? `

`\n : `

No photo attached.

`\n }\n

\n \n \n

`,\n )\n .join(\"\");\n detailsHtml += `\n

Clear your queue first

You can't plant a new goal until you've verified or rejected everything waiting on you.

\n ${pendingListHtml}\n \n

`;\n }\n\n detailsHtml += `\n

Plant a goal

\n \n \n

`;\n\n const verifiedRows = occupants.filter((g) => g.status === \"verified\");\n const byPerson = new Map();\n const byType = new Map();\n for (const g of verifiedRows) {\n byPerson.set(g.creator, (byPerson.get(g.creator) || 0) + 1);\n byType.set(g.description, (byType.get(g.description) || 0) + 1);\n }\n const personSegments = Array.from(byPerson.entries())\n .sort((a, b) => b[1] - a[1])\n .map(([k, v]) => ({ key: k, label: k, value: v }));\n const typeSegments = Array.from(byType.entries())\n .sort((a, b) => b[1] - a[1])\n .map(([k, v]) => ({ key: k, label: k, value: v }));\n\n const chartsHtml = verifiedRows.length\n ? `\n

By person

\n ${buildBarChart(\"person\", personSegments)}\n

By goal type

\n ${buildBarChart(\"desc\", typeSegments)}\n

\n `\n : `

Bars will appear once flowers have bloomed.

`;\n\n return page(\n \"Habit Garden\",\n `\n

Habit Garden

Signed in as ${\n escapeHtml(me)\n }${\n pendingCount > 0 ? ` · ${pendingCount} waiting on your verification` : \"\"\n }

\n\n

${gridHtml}

\n\n ${detailsHtml}\n\n

Contributions

\n ${chartsHtml}\n

Locked

This link needs a valid key. Ask whoever set up the app for the shared link.

`,\n ),\n { status: 401, headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n if ((path === \"/garden\" || path === \"/verify\") && req.method === \"GET\") {\n return Response.redirect(url.origin + \"/\" + qs(me, key), 302);\n }\n\n if (path === \"/\" && req.method === \"GET\") {\n if (!me) {\n return new Response(\n page(\n \"Habit Garden\",\n `

Habit Garden

Open this link with your name, e.g. ?me=Sahana

\n `,\n ),\n { headers: { \"content-type\": \"text/html\" } },\n );\n }\n return new Response(await renderMainPage(me, key), {\n headers: { \"content-type\": \"text/html\" },\n });\n }\n\n if (path === \"/api/goals\" && req.method === \"POST\") {\n const form = await req.formData();\n const description = String(form.get(\"description\") || \"\").trim();\n const verifier = String(form.get(\"verifier\") || \"\").trim();\n const flowerEmoji =\n String(form.get(\"flower_emoji\") || DEFAULT_FLOWER_KEY).trim() ||\n DEFAULT_FLOWER_KEY;\n const photoData = String(form.get(\"photo_data\") || \"\").trim() || null;\n const plotIndexRaw = String(form.get(\"plot_index\") || \"\").trim();\n const plotIndex = Number.parseInt(plotIndexRaw, 10);\n\n if (\n !description || !verifier || !me || Number.isNaN(plotIndex) ||\n plotIndex < 0\n ) {\n return new Response(\"Missing or invalid fields\", { status: 400 });\n }\n\n const pendingToVerify = await sqlite.execute(\n `SELECT COUNT(*) as cnt FROM ${TABLE} WHERE verifier = ? AND status = 'submitted'`,\n [me],\n );\n const pendingCount = Number((pendingToVerify.rows[0] as any)?.cnt || 0);\n if (pendingCount > 0) {\n return new Response(\n page(\n \"Verify first\",\n `

Verify first

You have ${pendingCount} thing${\n pendingCount === 1 ? \"\" : \"s\"\n } waiting on your verification. Clear those before planting a new goal.

\n `,\n ),\n { status: 409, headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n const occupied = await sqlite.execute(\n `SELECT id FROM ${TABLE} WHERE plot_index = ? AND status IN ('submitted','verified')`,\n [plotIndex],\n );\n if (occupied.rows.length > 0) {\n return new Response(\n page(\n \"Spot taken\",\n `

That spot's taken

Someone just planted there. Head back and pick another spot.

\n `,\n ),\n { status: 409, headers: { \"content-type\": \"text/html\" } },\n );\n }\n\n await sqlite.execute(\n `INSERT INTO ${TABLE} (id, creator, verifier, description, flower_emoji, status, photo_data, plot_index, created_at)\n VALUES (?, ?, ?, ?, ?, 'submitted', ?, ?, ?)`,\n [\n uid(),\n me,\n verifier,\n description,\n flowerEmoji,\n photoData,\n plotIndex,\n new Date().toISOString(),\n ],\n );\n return Response.redirect(url.origin + \"/\" + qs(me, key), 303);\n }\n\n const verifyMatch = path.match(/^\\/api\\/goals\\/([\\w-]+)\\/verify$/);\n if (verifyMatch && req.method === \"POST\") {\n const goalId = verifyMatch[1];\n const form = await req.formData();\n const decision = String(form.get(\"decision\") || \"\");\n\n const existing = await sqlite.execute(\n `SELECT * FROM ${TABLE} WHERE id = ?`,\n [goalId],\n );\n const goal = existing.rows[0] as any;\n if (!goal || goal.verifier !== me) {\n return new Response(\"Not authorized to verify this goal\", {\n status: 403,\n });\n }\n if (goal.status !== \"submitted\") {\n return new Response(\"Goal is not awaiting verification\", { status: 400 });\n }\n\n const newStatus = decision === \"approve\" ? \"verified\" : \"rejected\";\n await sqlite.execute(\n `UPDATE ${TABLE} SET status = ?, verified_at = ?, photo_data = NULL WHERE id = ?`,\n [newStatus, new Date().toISOString(), goalId],\n );\n return Response.redirect(url.origin + \"/\" + qs(me, key), 303);\n }\n\n // Let the original creator restyle a flower after it's already bloomed.\n const flowerMatch = path.match(/^\\/api\\/goals\\/([\\w-]+)\\/flower$/);\n if (flowerMatch && req.method === \"POST\") {\n const goalId = flowerMatch[1];\n const form = await req.formData();\n const flowerEmoji = String(form.get(\"flower_emoji\") || \"\").trim();\n\n const existing = await sqlite.execute(\n `SELECT * FROM ${TABLE} WHERE id = ?`,\n [goalId],\n );\n const goal = existing.rows[0] as any;\n if (!goal || goal.creator !== me) {\n return new Response(\"Not authorized to edit this goal's flower\", {\n status: 403,\n });\n }\n if (goal.status !== \"verified\") {\n return new Response(\"Only verified goals can have their flower changed\", {\n status: 400,\n });\n }\n if (!flowerEmoji) {\n return new Response(\"Missing flower value\", { status: 400 });\n }\n\n await sqlite.execute(`UPDATE ${TABLE} SET flower_emoji = ? WHERE id = ?`, [\n flowerEmoji,\n goalId,\n ]);\n return Response.redirect(url.origin + \"/\" + qs(me, key), 303);\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","label","habitgarden",[133],"a1486f73-6da6-44c3-9d37-f65130bf668b",["D",1784501317819],4,"habitsky",[28],"pulls","branches",1,"forks","envVars",{"_156":150,"_158":63},"connections",{"_156":63,"_157":63},"count","unfilledCount","emptyCount",{"_43":143,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":25,"_38":165,"_13":145,"_33":34,"_35":37,"_24":25,"_140":146,"_162":166,"_27":167},{"_43":132,"_32":133,"_30":57,"_134":-5,"_41":42,"_40":135,"_136":25,"_38":161,"_13":138,"_33":34,"_35":139,"_24":25,"_140":141,"_162":163,"_27":164},["D",1784500168348],"children",[],[133],["D",1784501317819],[],[28],["D",1784490986084],["D",1789472446807],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_127":206,"_207":208,"_209":210,"_211":25,"_212":25,"_213":25,"_214":59,"_215":-5,"_216":-7,"_217":-7,"_218":63,"_219":25,"_220":25,"_221":-5,"_222":25,"_223":25,"_224":25,"_225":-5},"ENV",{"_177":178,"_179":180,"_181":90,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205},"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 · v17