[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_369":370,"_371":372},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_273":-5,"_20":274,"_22":275,"_276":277,"_278":279,"_26":280,"_24":281,"_282":-5,"_283":-5,"_284":59,"_285":286,"_287":50,"_288":-5,"_289":-5,"_290":291},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","callmepotluck","name","habits-claude-aug19u","branchName","main","version","path","frontend","project",{"_38":215,"_13":14,"_51":216,"_217":-5,"_218":59,"_219":220,"_221":220,"_222":223,"_224":-5,"_225":226,"_227":101,"_228":50,"_229":-5,"_230":-5,"_231":67,"_232":233,"_234":235,"_236":237,"_238":239,"_240":-5,"_241":242,"_243":242,"_244":245,"_246":245,"_247":245,"_248":242,"_249":242,"_250":251,"_252":253,"_254":255,"_256":59},"tree",[95,96,97,98],"file",{"_38":91,"_45":46,"_41":44,"_13":19,"_56":-5,"_54":89,"_17":67,"_43":-5,"_51":92,"_47":93,"_60":-5,"_18":94},"contents",[33,34,35,36,37],"upstream","pull","ahead","behind","envVars",{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":88,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_18":90},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":81,"_17":67,"_54":55,"_56":82,"_58":59,"_60":-5,"_18":83},{"_38":70,"_13":71,"_41":72,"_43":44,"_45":46,"_47":73,"_49":50,"_51":74,"_17":67,"_54":55,"_56":75,"_58":59,"_60":-5,"_18":76},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":66,"_17":67,"_54":55,"_56":68,"_58":59,"_60":-5,"_18":69},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":61},"id","d94d9b4c-88b1-4a86-ab43-0f176901d8d3","root.tsx","fileId","7b0b2c90-9bce-11f1-8844-1607ee4eb77e","parentId","c0cf2da9-2ece-4d55-ad2b-269089f943ee","branchId","f85d9548-38c1-4389-be75-11ee53f90618","branchVersion",16,"latest",true,"createdAt",["D",1787145333034],1,"fileType","script","content","/** @jsxImportSource npm:hono/jsx */\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst FAVICON =\n \"data:image/svg+xml,\";\n\nfunction Shell() {\n return (\n \n \n \n \n Habit Tracker\n \n \n \n \n \n \n

\n \n \n \n );\n}\n\nexport function renderRoot(): string {\n return \"\" + Shell().toString();\n}\n","deleted",false,"label",[19,40],"e0412b97-39e5-4f20-a1e9-be0b7f160e11","index.tsx","f078d0f8-9bcf-11f1-b9bb-1607ee4eb77e",15,["D",1787145282008],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./App.tsx\";\n\nconst el = document.getElementById(\"root\");\nif (el) createRoot(el).render();\n",[19,63],"4687c8bb-82b2-4736-978d-61c1add9ea23","api.ts","8ede5f08-9bce-11f1-9ba3-1607ee4eb77e",7,["D",1787144688733],"export type Habit = {\n id: number;\n name: string;\n emoji: string;\n color: string;\n createdAt: string;\n};\n\nexport type Entry = { habitId: number; day: string };\n\nasync function request(url: string, init?: RequestInit): Promise {\n const res = await fetch(url, {\n ...init,\n headers: { \"Content-Type\": \"application/json\", ...(init?.headers ?? {}) },\n });\n const text = await res.text();\n let body: any = null;\n try {\n body = text ? JSON.parse(text) : null;\n } catch {\n throw new Error(`Unexpected response from ${url}`);\n }\n if (!res.ok) throw new Error(body?.error ?? `Request failed (${res.status})`);\n return body as T;\n}\n\nexport const api = {\n state: (since: string) =>\n request<{ habits: Habit[]; entries: Entry[] }>(`/api/state?since=${since}`),\n createHabit: (habit: { name: string; emoji: string; color: string; createdAt: string }) =>\n request(\"/api/habits\", { method: \"POST\", body: JSON.stringify(habit) }),\n renameHabit: (id: number, name: string) =>\n request<{ ok: true }>(`/api/habits/${id}`, { method: \"PATCH\", body: JSON.stringify({ name }) }),\n deleteHabit: (id: number) => request<{ ok: true }>(`/api/habits/${id}`, { method: \"DELETE\" }),\n toggle: (habitId: number, day: string) =>\n request<{ done: boolean }>(\"/api/entries/toggle\", {\n method: \"POST\",\n body: JSON.stringify({ habitId, day }),\n }),\n};\n\nexport const key = (habitId: number, day: string) => `${habitId}|${day}`;\n",[19,71],"1bcac4fb-15b1-4a1e-bb75-f0a1ae0ebdd6","App.tsx","edca1010-9bcf-11f1-8cab-1607ee4eb77e",14,["D",1787145277510],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, type Entry, type Habit, key } from \"./api.ts\";\nimport { addDays, currentStreak, longestStreak, prettyDay, todayStr } from \"../shared/dates.ts\";\nimport { AddHabitForm } from \"./components/AddHabitForm.tsx\";\nimport { HabitCard } from \"./components/HabitCard.tsx\";\nimport { CompletionChart } from \"./components/CompletionChart.tsx\";\nimport { StreakChart } from \"./components/StreakChart.tsx\";\n\nexport function App() {\n const today = todayStr();\n const [habits, setHabits] = useState([]);\n const [done, setDone] = useState>(new Set());\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n const load = useCallback(async () => {\n try {\n const since = addDays(today, -400);\n const data = await api.state(since);\n setHabits(data.habits);\n setDone(new Set(data.entries.map((e: Entry) => key(e.habitId, e.day))));\n setError(null);\n } catch (e: any) {\n setError(e?.message ?? \"Could not load your habits.\");\n } finally {\n setLoading(false);\n }\n }, [today]);\n\n useEffect(() => {\n load();\n }, [load]);\n\n const toggle = useCallback(async (habitId: number, day: string) => {\n const k = key(habitId, day);\n setDone((prev) => {\n const next = new Set(prev);\n next.has(k) ? next.delete(k) : next.add(k);\n return next;\n });\n try {\n await api.toggle(habitId, day);\n } catch (e: any) {\n setError(e?.message ?? \"That change didn't save.\");\n load();\n }\n }, [load]);\n\n const addHabit = useCallback(async (h: { name: string; emoji: string; color: string }) => {\n const created = await api.createHabit({ ...h, createdAt: today });\n setHabits((prev) => [...prev, created]);\n }, [today]);\n\n const rename = useCallback(async (id: number, name: string) => {\n setHabits((prev) => prev.map((h) => (h.id === id ? { ...h, name } : h)));\n try {\n await api.renameHabit(id, name);\n } catch {\n load();\n }\n }, [load]);\n\n const remove = useCallback(async (id: number) => {\n setHabits((prev) => prev.filter((h) => h.id !== id));\n try {\n await api.deleteHabit(id);\n } catch {\n load();\n }\n }, [load]);\n\n const perHabit = useMemo(() =>\n habits.map((habit) => {\n const days = new Set();\n const prefix = `${habit.id}|`;\n for (const k of done) if (k.startsWith(prefix)) days.add(k.slice(prefix.length));\n return {\n habit,\n days,\n current: currentStreak(days, today),\n best: longestStreak(days),\n };\n }), [habits, done, today]);\n\n const doneToday = perHabit.filter((p) => p.days.has(today)).length;\n const bestStreak = perHabit.reduce((m, p) => Math.max(m, p.current), 0);\n\n return (\n

🌱 Habit Tracker

{prettyDay(today)} · your private, single-user dashboard

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n \n \n

\n\n

\n \n\n {loading\n ?

Loading…

\n : habits.length === 0\n ? (\n

\n No habits yet. Add your first one above and start a streak today.\n

\n )\n : (\n <>\n \n ({ habit, current, best }))} />\n\n

\n {perHabit.map(({ habit, days }) => (\n \n ))}\n

\n \n )}\n

\n\n \n

\n );\n}\n\nfunction Stat({ label, value }: { label: string; value: string }) {\n return (\n

{value}

{label}

\n );\n}\n",[19,78],"ce671dc5-4446-43db-9403-8aa6d3de4968","components","a6f7c22e-268d-401e-942f-2a6b2af84d41",8,["D",1787144702443],"directory",[19,85],"1a25473a-0122-4c64-b10d-4fe373604d88",["D",1787144655458],5,[19],{"_38":200,"_13":201,"_41":202,"_43":-5,"_45":46,"_47":203,"_49":50,"_51":204,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_106":205,"_18":206},{"_38":91,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":93,"_49":50,"_51":133,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_106":134,"_18":135},{"_38":109,"_13":110,"_41":111,"_43":-5,"_45":46,"_47":112,"_49":50,"_51":113,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_106":114,"_18":115},{"_38":99,"_13":100,"_41":101,"_43":-5,"_45":46,"_47":102,"_49":50,"_51":103,"_17":53,"_54":104,"_56":105,"_58":59,"_60":14,"_106":107,"_18":108},"e50cdd5f-6c43-4460-a94f-7f4599926939","main.tsx","6484bf5e-9bce-11f1-a36d-1607ee4eb77e",6,["D",1787144666408],"http","// Habit tracker — single user, no login.\n// Learn more: https://docs.val.town/vals/http/\nimport { Hono } from \"npm:hono\";\nimport { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { renderRoot } from \"./frontend/root.tsx\";\nimport * as db from \"./backend/db.ts\";\nimport { safeColor } from \"./shared/palette.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html(renderRoot()));\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.get(\"/api/state\", async (c) => {\n const since = c.req.query(\"since\") ?? \"1970-01-01\";\n return c.json(await db.getState(since));\n});\n\napp.post(\"/api/habits\", async (c) => {\n const body = await c.req.json();\n const name = String(body?.name ?? \"\").trim().slice(0, 60);\n if (!name) return c.json({ error: \"Name is required\" }, 400);\n const emoji = String(body?.emoji ?? \"🌱\").slice(0, 4) || \"🌱\";\n const color = safeColor(String(body?.color ?? \"emerald\"));\n const createdAt = String(body?.createdAt ?? \"\").match(/^\\d{4}-\\d{2}-\\d{2}$/)\n ? String(body.createdAt)\n : new Date().toISOString().slice(0, 10);\n return c.json(await db.createHabit(name, emoji, color, createdAt));\n});\n\napp.patch(\"/api/habits/:id\", async (c) => {\n const body = await c.req.json();\n const name = String(body?.name ?? \"\").trim().slice(0, 60);\n if (!name) return c.json({ error: \"Name is required\" }, 400);\n await db.renameHabit(Number(c.req.param(\"id\")), name);\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/habits/:id\", async (c) => {\n await db.deleteHabit(Number(c.req.param(\"id\")));\n return c.json({ ok: true });\n});\n\napp.post(\"/api/entries/toggle\", async (c) => {\n const body = await c.req.json();\n const habitId = Number(body?.habitId);\n const day = String(body?.day ?? \"\");\n if (!Number.isFinite(habitId) || !/^\\d{4}-\\d{2}-\\d{2}$/.test(day)) {\n return c.json({ error: \"habitId and day (YYYY-MM-DD) are required\" }, 400);\n }\n return c.json(await db.toggleEntry(habitId, day));\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[100],"1f5f25dc-f89e-4689-be4a-ec4491eab285","shared","59dddf43-492c-4b7d-9534-11cc613f2870",2,["D",1787144628545],[116,117],[110],{"_38":126,"_13":127,"_41":128,"_43":111,"_45":46,"_47":112,"_49":50,"_51":129,"_17":67,"_54":55,"_56":130,"_58":59,"_60":-5,"_106":131,"_18":132},{"_38":118,"_13":119,"_41":120,"_43":111,"_45":46,"_47":121,"_49":50,"_51":122,"_17":53,"_54":55,"_56":123,"_58":59,"_60":-5,"_106":124,"_18":125},"e982d9a7-20d2-4cf8-a9e2-a6ed8746aa3b","palette.ts","6df21a50-9bce-11f1-a144-1607ee4eb77e",11,["D",1787145228943],"export const PALETTE = [\"emerald\", \"sky\", \"violet\", \"amber\", \"rose\", \"teal\"] as const;\n\nexport type Color = (typeof PALETTE)[number];\n\nexport function safeColor(c: string): Color {\n return (PALETTE as readonly string[]).includes(c) ? (c as Color) : \"emerald\";\n}\n\n/** Tailwind-500 hex values, for SVG fills where utility classes don't reach. */\nexport const COLOR_HEX: Record = {\n emerald: \"#10b981\",\n sky: \"#0ea5e9\",\n violet: \"#8b5cf6\",\n amber: \"#f59e0b\",\n rose: \"#f43f5e\",\n teal: \"#14b8a6\",\n};\n\nexport function hexFor(color: string): string {\n return COLOR_HEX[color] ?? COLOR_HEX.emerald;\n}\n\nexport const EMOJI_CHOICES = [\"🌱\", \"🏃\", \"📚\", \"💧\", \"🧘\", \"💪\", \"🎸\", \"🛏️\", \"🥗\", \"✍️\", \"🧹\", \"☎️\"];\n",[],[110,119],"fc189b5f-e6a4-490f-a29b-26282085c20b","dates.ts","6afa6fa0-9bce-11f1-97bb-1607ee4eb77e",["D",1787144628545],"// Date + streak helpers. Pure functions, shared by server and browser.\n// All day strings are local-time \"YYYY-MM-DD\".\n\nexport function toDay(d: Date): string {\n const y = d.getFullYear();\n const m = String(d.getMonth() + 1).padStart(2, \"0\");\n const day = String(d.getDate()).padStart(2, \"0\");\n return `${y}-${m}-${day}`;\n}\n\nexport function todayStr(): string {\n return toDay(new Date());\n}\n\nexport function parseDay(day: string): Date {\n const [y, m, d] = day.split(\"-\").map(Number);\n return new Date(y, m - 1, d);\n}\n\nexport function addDays(day: string, n: number): string {\n const dt = parseDay(day);\n dt.setDate(dt.getDate() + n);\n return toDay(dt);\n}\n\nexport function lastNDays(n: number, end: string = todayStr()): string[] {\n const out: string[] = [];\n for (let i = n - 1; i >= 0; i--) out.push(addDays(end, -i));\n return out;\n}\n\n/** Streak running back from today. A day not yet marked today doesn't break it. */\nexport function currentStreak(done: Set, today: string = todayStr()): number {\n let cursor = done.has(today) ? today : addDays(today, -1);\n let streak = 0;\n while (done.has(cursor)) {\n streak++;\n cursor = addDays(cursor, -1);\n }\n return streak;\n}\n\nexport function longestStreak(done: Set): number {\n const sorted = [...done].sort();\n let best = 0;\n let run = 0;\n let prev: string | null = null;\n for (const d of sorted) {\n run = prev && addDays(prev, 1) === d ? run + 1 : 1;\n if (run > best) best = run;\n prev = d;\n }\n return best;\n}\n\nexport const WEEKDAY_LABELS = [\"S\", \"M\", \"T\", \"W\", \"T\", \"F\", \"S\"];\n\nexport function monthLabel(day: string): string {\n return parseDay(day).toLocaleDateString(undefined, { month: \"short\" });\n}\n\nexport function prettyDay(day: string): string {\n return parseDay(day).toLocaleDateString(undefined, { month: \"short\", day: \"numeric\" });\n}\n",[],[110,127],["D",1787144655458],[136,137,138,139,140],[19],{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":153,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_106":154,"_18":155},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":150,"_17":67,"_54":55,"_56":82,"_58":59,"_60":-5,"_106":151,"_18":152},{"_38":70,"_13":71,"_41":72,"_43":44,"_45":46,"_47":73,"_49":50,"_51":147,"_17":67,"_54":55,"_56":75,"_58":59,"_60":-5,"_106":148,"_18":149},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":144,"_17":67,"_54":55,"_56":68,"_58":59,"_60":-5,"_106":145,"_18":146},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":141,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_106":142,"_18":143},["D",1787145333034],[],[19,40],["D",1787145282008],[],[19,63],["D",1787144688733],[],[19,71],["D",1787145277510],[],[19,78],["D",1787144702443],[156,157,158,159,160],[19,85],{"_38":193,"_13":194,"_41":195,"_43":86,"_45":46,"_47":87,"_49":50,"_51":196,"_17":67,"_54":55,"_56":197,"_58":59,"_60":-5,"_106":198,"_18":199},{"_38":185,"_13":186,"_41":187,"_43":86,"_45":46,"_47":188,"_49":50,"_51":189,"_17":67,"_54":55,"_56":190,"_58":59,"_60":-5,"_106":191,"_18":192},{"_38":177,"_13":178,"_41":179,"_43":86,"_45":46,"_47":180,"_49":50,"_51":181,"_17":67,"_54":55,"_56":182,"_58":59,"_60":-5,"_106":183,"_18":184},{"_38":169,"_13":170,"_41":171,"_43":86,"_45":46,"_47":172,"_49":50,"_51":173,"_17":67,"_54":55,"_56":174,"_58":59,"_60":-5,"_106":175,"_18":176},{"_38":161,"_13":162,"_41":163,"_43":86,"_45":46,"_47":164,"_49":50,"_51":165,"_17":67,"_54":55,"_56":166,"_58":59,"_60":-5,"_106":167,"_18":168},"30aebff8-b052-4be7-9026-74aaafe58aee","StreakChart.tsx","e0ed503c-9bcf-11f1-8f62-1607ee4eb77e",13,["D",1787145255918],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Habit } from \"../api.ts\";\nimport { hexFor } from \"../../shared/palette.ts\";\n\nexport type StreakRow = { habit: Habit; current: number; best: number };\n\nconst ROW_H = 34;\nconst LABEL_W = 150;\nconst W = 720;\n\nexport function StreakChart({ rows }: { rows: StreakRow[] }) {\n if (rows.length === 0) return null;\n\n const max = Math.max(1, ...rows.map((r) => Math.max(r.current, r.best)));\n const H = rows.length * ROW_H + 16;\n const barW = W - LABEL_W - 60;\n const scale = (n: number) => (n / max) * barW;\n\n return (\n

\n Streaks\n

\n solid = current · outline = personal best\n

\n\n \n

\n );\n}\n\nfunction truncate(s: string, n: number) {\n return s.length > n ? s.slice(0, n - 1) + \"…\" : s;\n}\n",[],[19,85,162],"69b9a419-de9d-453a-8d56-ab5f4fda90c2","Heatmap.tsx","9e2fd536-9bce-11f1-988e-1607ee4eb77e",9,["D",1787144714459],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { addDays, monthLabel, parseDay, prettyDay, todayStr } from \"../../shared/dates.ts\";\n\nconst WEEKS = 18;\n\n/** Sunday-aligned grid of the trailing ~18 weeks, as columns of 7 days. */\nexport function buildGrid(today: string): string[][] {\n const rawStart = addDays(today, -(WEEKS * 7 - 1));\n const start = addDays(rawStart, -parseDay(rawStart).getDay());\n const weeks: string[][] = [];\n let cursor = start;\n while (cursor <= today) {\n const week: string[] = [];\n for (let i = 0; i < 7; i++) {\n week.push(cursor);\n cursor = addDays(cursor, 1);\n }\n weeks.push(week);\n }\n return weeks;\n}\n\ntype Props = {\n done: Set;\n color: string;\n onToggle: (day: string) => void;\n};\n\nexport function Heatmap({ done, color, onToggle }: Props) {\n const today = todayStr();\n const weeks = buildGrid(today);\n\n return (\n

\n {weeks.map((week, wi) => {\n const firstOfMonth = week.find((d) => d.slice(-2) === \"01\" || d === week[0]);\n const showLabel = week.some((d) => d.slice(-2) === \"01\");\n return (\n

\n {showLabel && firstOfMonth ? monthLabel(week.find((d) => d.slice(-2) === \"01\")!) : \"\"}\n

\n {week.map((day) => {\n const future = day > today;\n const isDone = done.has(day);\n const base = \"w-3.5 h-3.5 rounded-sm transition-colors\";\n const cls = future\n ? \"bg-transparent\"\n : isDone\n ? `bg-${color}-500 hover:bg-${color}-600`\n : \"bg-slate-200 hover:bg-slate-300\";\n const ring = day === today ? \" ring-2 ring-slate-900 ring-offset-1\" : \"\";\n return (\n onToggle(day)}\n title={`${prettyDay(day)} — ${isDone ? \"done\" : \"not done\"}`}\n className={`${base} ${cls}${ring}`}\n />\n );\n })}\n

\n );\n })}\n

\n );\n}\n",[],[19,85,170],"95522e66-46c3-42f9-941f-f6f663d990fe","HabitCard.tsx","a76b2c36-9bce-11f1-83b6-1607ee4eb77e",10,["D",1787144729947],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Habit } from \"../api.ts\";\nimport { currentStreak, lastNDays, longestStreak, todayStr } from \"../../shared/dates.ts\";\nimport { Heatmap } from \"./Heatmap.tsx\";\n\ntype Props = {\n habit: Habit;\n done: Set;\n onToggle: (habitId: number, day: string) => void;\n onRename: (habitId: number, name: string) => void;\n onDelete: (habitId: number) => void;\n};\n\nexport function HabitCard({ habit, done, onToggle, onRename, onDelete }: Props) {\n const today = todayStr();\n const [editing, setEditing] = useState(false);\n const [draft, setDraft] = useState(habit.name);\n\n const streak = currentStreak(done, today);\n const best = longestStreak(done);\n const last30 = lastNDays(30, today);\n const rate = Math.round((last30.filter((d) => done.has(d)).length / 30) * 100);\n const doneToday = done.has(today);\n\n return (\n

\n {habit.emoji}\n

\n\n

\n {editing\n ? (\n

\n setDraft(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n onRename(habit.id, draft.trim() || habit.name);\n setEditing(false);\n }\n if (e.key === \"Escape\") setEditing(false);\n }}\n />\n {\n onRename(habit.id, draft.trim() || habit.name);\n setEditing(false);\n }}\n >\n Save\n \n

\n )\n : (\n {\n setDraft(habit.name);\n setEditing(true);\n }}\n title=\"Double-click to rename\"\n >\n {habit.name}\n \n )}\n

\n 🔥 {streak} day{streak === 1 ? \"\" : \"s\"} · best {best} · {rate}% last 30d\n

\n\n onToggle(habit.id, today)}\n className={`px-3 py-2 rounded-lg text-sm font-medium border ${\n doneToday\n ? `bg-${habit.color}-500 border-${habit.color}-500 text-white`\n : \"bg-white border-slate-300 text-slate-700 hover:bg-slate-50\"\n }`}\n >\n {doneToday ? \"✓ Done today\" : \"Mark today\"}\n \n\n {\n if (confirm(`Delete \"${habit.name}\" and all its history?`)) onDelete(habit.id);\n }}\n className=\"text-slate-300 hover:text-rose-500 text-lg leading-none px-1\"\n title=\"Delete habit\"\n >\n ×\n \n

\n\n

\n onToggle(habit.id, day)} />\n

\n );\n}\n",[],[19,85,178],"ce07c201-1d65-4ee0-babc-6619059570b2","CompletionChart.tsx","d99921a8-9bcf-11f1-af1c-1607ee4eb77e",12,["D",1787145243631],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { lastNDays, prettyDay, todayStr } from \"../../shared/dates.ts\";\nimport type { Habit } from \"../api.ts\";\nimport { key } from \"../api.ts\";\n\nconst W = 720;\nconst H = 200;\nconst PAD = { top: 16, right: 12, bottom: 26, left: 30 };\n\ntype Props = { habits: Habit[]; done: Set; days?: number };\n\nexport function CompletionChart({ habits, done, days = 30 }: Props) {\n const today = todayStr();\n const range = lastNDays(days, today);\n\n const values = range.map((day) => {\n if (habits.length === 0) return 0;\n const hit = habits.filter((h) => done.has(key(h.id, day))).length;\n return hit / habits.length;\n });\n\n const innerW = W - PAD.left - PAD.right;\n const innerH = H - PAD.top - PAD.bottom;\n const x = (i: number) => PAD.left + (values.length === 1 ? innerW / 2 : (i / (values.length - 1)) * innerW);\n const y = (v: number) => PAD.top + innerH - v * innerH;\n\n const line = values.map((v, i) => `${i === 0 ? \"M\" : \"L\"}${x(i).toFixed(1)},${y(v).toFixed(1)}`).join(\" \");\n const area = `${line} L${x(values.length - 1).toFixed(1)},${y(0)} L${x(0).toFixed(1)},${y(0)} Z`;\n\n const avg = values.reduce((a, b) => a + b, 0) / (values.length || 1);\n\n return (\n

\n Daily completion · last {days} days\n

\n {Math.round(avg * 100)}% average\n

\n\n \n

\n );\n}\n",[],[19,85,186],"fdb67191-8757-49ec-8976-c966d5168e48","AddHabitForm.tsx","970aabfa-9bce-11f1-9372-1607ee4eb77e",["D",1787144702443],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { EMOJI_CHOICES, PALETTE } from \"../../shared/palette.ts\";\n\ntype Props = {\n onAdd: (habit: { name: string; emoji: string; color: string }) => Promise;\n};\n\nexport function AddHabitForm({ onAdd }: Props) {\n const [name, setName] = useState(\"\");\n const [emoji, setEmoji] = useState(EMOJI_CHOICES[0]);\n const [color, setColor] = useState(PALETTE[0]);\n const [busy, setBusy] = useState(false);\n const [error, setError] = useState(null);\n\n async function submit() {\n const trimmed = name.trim();\n if (!trimmed) {\n setError(\"Give the habit a name.\");\n return;\n }\n setBusy(true);\n setError(null);\n try {\n await onAdd({ name: trimmed, emoji, color });\n setName(\"\");\n setEmoji(EMOJI_CHOICES[0]);\n setColor(PALETTE[0]);\n } catch (e: any) {\n setError(e?.message ?? \"Could not save that habit.\");\n } finally {\n setBusy(false);\n }\n }\n\n return (\n

\n Add a habit\n

\n\n

\n setName(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") submit();\n }}\n />\n \n {busy ? \"Adding…\" : \"Add habit\"}\n \n

\n\n

\n Icon\n {EMOJI_CHOICES.map((e) => (\n setEmoji(e)}\n className={`w-8 h-8 rounded-lg text-lg leading-none ${\n emoji === e ? \"bg-slate-900/10 ring-2 ring-slate-400\" : \"hover:bg-slate-100\"\n }`}\n aria-label={`Icon ${e}`}\n >\n {e}\n \n ))}\n

\n\n

\n Color\n {PALETTE.map((c) => (\n setColor(c)}\n className={`w-6 h-6 rounded-full bg-${c}-500 ${\n color === c ? \"ring-2 ring-offset-2 ring-slate-400\" : \"\"\n }`}\n aria-label={`Color ${c}`}\n />\n ))}\n

\n\n {error &&

{error}

}\n

\n );\n}\n",[],[19,85,194],"a04087c6-e5ee-475b-a370-6f2e40ec5592","backend","e0c0816d-d4fa-45da-8f48-514b52cf3a5d",4,["D",1787144646696],[207],[201],{"_38":208,"_13":209,"_41":210,"_43":202,"_45":46,"_47":203,"_49":50,"_51":211,"_17":67,"_54":55,"_56":212,"_58":59,"_60":-5,"_106":213,"_18":214},"653c6526-266d-455c-8da9-346faad67578","db.ts","75d24d58-9bce-11f1-80bf-1607ee4eb77e",["D",1787144646696],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport type Habit = {\n id: number;\n name: string;\n emoji: string;\n color: string;\n createdAt: string;\n};\n\nexport type Entry = { habitId: number; day: string };\n\nlet ready: Promise | null = null;\n\nexport function init(): Promise {\n if (!ready) {\n ready = (async () => {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS habits (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n emoji TEXT NOT NULL DEFAULT '🌱',\n color TEXT NOT NULL DEFAULT 'emerald',\n created_at TEXT NOT NULL\n )`);\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS entries (\n habit_id INTEGER NOT NULL,\n day TEXT NOT NULL,\n PRIMARY KEY (habit_id, day)\n )`);\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS entries_day ON entries (day)`);\n })();\n }\n return ready;\n}\n\nexport async function getState(since: string): Promise<{ habits: Habit[]; entries: Entry[] }> {\n await init();\n const h = await sqlite.execute(\"SELECT id, name, emoji, color, created_at FROM habits ORDER BY id ASC\");\n const e = await sqlite.execute({\n sql: \"SELECT habit_id, day FROM entries WHERE day >= ?\",\n args: [since],\n });\n return {\n habits: h.rows.map((r: any) => ({\n id: Number(r.id),\n name: String(r.name),\n emoji: String(r.emoji),\n color: String(r.color),\n createdAt: String(r.created_at),\n })),\n entries: e.rows.map((r: any) => ({ habitId: Number(r.habit_id), day: String(r.day) })),\n };\n}\n\nexport async function createHabit(\n name: string,\n emoji: string,\n color: string,\n createdAt: string,\n): Promise {\n await init();\n const res = await sqlite.execute({\n sql: \"INSERT INTO habits (name, emoji, color, created_at) VALUES (?, ?, ?, ?) RETURNING id\",\n args: [name, emoji, color, createdAt],\n });\n return { id: Number((res.rows[0] as any).id), name, emoji, color, createdAt };\n}\n\nexport async function renameHabit(id: number, name: string): Promise {\n await init();\n await sqlite.execute({ sql: \"UPDATE habits SET name = ? WHERE id = ?\", args: [name, id] });\n}\n\nexport async function deleteHabit(id: number): Promise {\n await init();\n await sqlite.batch([\n { sql: \"DELETE FROM entries WHERE habit_id = ?\", args: [id] },\n { sql: \"DELETE FROM habits WHERE id = ?\", args: [id] },\n ]);\n}\n\nexport async function toggleEntry(habitId: number, day: string): Promise<{ done: boolean }> {\n await init();\n const existing = await sqlite.execute({\n sql: \"SELECT 1 AS hit FROM entries WHERE habit_id = ? AND day = ?\",\n args: [habitId, day],\n });\n if (existing.rows.length > 0) {\n await sqlite.execute({\n sql: \"DELETE FROM entries WHERE habit_id = ? AND day = ?\",\n args: [habitId, day],\n });\n return { done: false };\n }\n await sqlite.execute({\n sql: \"INSERT INTO entries (habit_id, day) VALUES (?, ?)\",\n args: [habitId, day],\n });\n return { done: true };\n}\n",[],[201,209],"096cd013-9eb0-45e4-b62a-d386d83529ea",["D",1787144617655],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Single-user habit tracker: form, heatmaps, streak charts","imageUrl","userId","64a25dff-97c9-4036-a643-e4dc22e6015c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019ea8b5-62e4-71f9-94d1-1a9ae3f0ebe7","tursoName","096cd0139eb045e4b62ad386d83529ea","tursoHostname","096cd0139eb045e4b62ad386d83529ea-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789485645684],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_272":268},"org",{"_11":12,"_265":266,"_267":268,"_225":226,"_269":270,"_271":59},"branch",{"_17":48,"_13":16,"_38":46,"_257":215,"_258":-5,"_259":-5,"_260":-5,"_261":-5,"_262":-5,"_263":14,"_264":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Potluck Mittal","avatar","https://lh3.googleusercontent.com/a/ACg8ocJrC5mDbeIgKgav6s7-_mva1XAfWU7NJhGHTfS09GOohU9PsH8=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_38":215,"_13":14,"_51":364,"_217":-5,"_218":59,"_219":220,"_221":220,"_222":223,"_224":-5,"_225":226,"_227":101,"_228":50,"_229":-5,"_230":-5,"_231":67,"_232":233,"_234":235,"_236":237,"_238":365,"_240":-5,"_241":242,"_243":242,"_244":245,"_246":245,"_247":245,"_248":242,"_249":242,"_250":366,"_252":367,"_254":368,"_256":59},[313,315,326,329],"files",[313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329],"counts",{"_304":67,"_305":53,"_306":67,"_32":307,"_308":309},[294,295,296,297,298],{"_38":91,"_45":46,"_41":44,"_13":19,"_56":-5,"_54":89,"_17":67,"_43":-5,"_51":292,"_47":93,"_60":-5,"_18":293},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1787144655458],[19],{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":88,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_18":303},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":81,"_17":67,"_54":55,"_56":82,"_58":59,"_60":-5,"_18":302},{"_38":70,"_13":71,"_41":72,"_43":44,"_45":46,"_47":73,"_49":50,"_51":74,"_17":67,"_54":55,"_56":75,"_58":59,"_60":-5,"_18":301},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":66,"_17":67,"_54":55,"_56":68,"_58":59,"_60":-5,"_18":300},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":299},[19,40],[19,63],[19,71],[19,78],[19,85],"pulls","branches","forks",{"_310":67,"_312":67},"connections",{"_310":67,"_311":67},"count","unfilledCount","emptyCount",{"_38":200,"_13":201,"_41":202,"_43":-5,"_45":46,"_47":203,"_49":50,"_51":204,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_106":362,"_18":363},{"_38":208,"_13":209,"_41":210,"_43":202,"_45":46,"_47":203,"_49":50,"_51":211,"_17":67,"_54":55,"_56":212,"_58":59,"_60":-5,"_106":360,"_18":361},{"_38":91,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":93,"_49":50,"_51":133,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_106":358,"_18":359},{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":153,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_106":356,"_18":357},{"_38":193,"_13":194,"_41":195,"_43":86,"_45":46,"_47":87,"_49":50,"_51":196,"_17":67,"_54":55,"_56":197,"_58":59,"_60":-5,"_106":354,"_18":355},{"_38":185,"_13":186,"_41":187,"_43":86,"_45":46,"_47":188,"_49":50,"_51":189,"_17":67,"_54":55,"_56":190,"_58":59,"_60":-5,"_106":352,"_18":353},{"_38":177,"_13":178,"_41":179,"_43":86,"_45":46,"_47":180,"_49":50,"_51":181,"_17":67,"_54":55,"_56":182,"_58":59,"_60":-5,"_106":350,"_18":351},{"_38":169,"_13":170,"_41":171,"_43":86,"_45":46,"_47":172,"_49":50,"_51":173,"_17":67,"_54":55,"_56":174,"_58":59,"_60":-5,"_106":348,"_18":349},{"_38":161,"_13":162,"_41":163,"_43":86,"_45":46,"_47":164,"_49":50,"_51":165,"_17":67,"_54":55,"_56":166,"_58":59,"_60":-5,"_106":346,"_18":347},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":150,"_17":67,"_54":55,"_56":82,"_58":59,"_60":-5,"_106":344,"_18":345},{"_38":70,"_13":71,"_41":72,"_43":44,"_45":46,"_47":73,"_49":50,"_51":147,"_17":67,"_54":55,"_56":75,"_58":59,"_60":-5,"_106":342,"_18":343},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":144,"_17":67,"_54":55,"_56":68,"_58":59,"_60":-5,"_106":340,"_18":341},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":141,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_106":338,"_18":339},{"_38":109,"_13":110,"_41":111,"_43":-5,"_45":46,"_47":112,"_49":50,"_51":113,"_17":67,"_54":89,"_56":-5,"_58":59,"_60":-5,"_106":336,"_18":337},{"_38":126,"_13":127,"_41":128,"_43":111,"_45":46,"_47":112,"_49":50,"_51":129,"_17":67,"_54":55,"_56":130,"_58":59,"_60":-5,"_106":334,"_18":335},{"_38":118,"_13":119,"_41":120,"_43":111,"_45":46,"_47":121,"_49":50,"_51":122,"_17":53,"_54":55,"_56":123,"_58":59,"_60":-5,"_106":332,"_18":333},{"_38":99,"_13":100,"_41":101,"_43":-5,"_45":46,"_47":102,"_49":50,"_51":103,"_17":53,"_54":104,"_56":105,"_58":59,"_60":14,"_106":330,"_18":331},[],[100],[],[110,119],[],[110,127],[327,328],[110],[],[19,40],[],[19,63],[],[19,71],[],[19,78],[],[19,85,162],[],[19,85,170],[],[19,85,178],[],[19,85,186],[],[19,85,194],[317,318,319,320,321],[19,85],[316,322,323,324,325],[19],[],[201,209],[314],[201],["D",1787144617655],["D",1789485645684],{"_11":12,"_272":268},{"_11":12,"_265":266,"_267":268,"_225":226,"_269":270,"_271":59},{"_17":48,"_13":16,"_38":46,"_257":215,"_258":-5,"_259":-5,"_260":-5,"_261":-5,"_262":-5,"_263":14,"_264":12},"ctx",{"_250":-5,"_289":402,"_403":404,"_405":406,"_407":59,"_408":59,"_409":59,"_410":50,"_411":-5,"_412":-7,"_413":-7,"_414":67,"_415":59,"_416":59,"_417":-5,"_418":59,"_419":59,"_420":59,"_421":-5},"ENV",{"_373":374,"_375":376,"_377":16,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401},"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"]