Invalid or expired token

;\n source?: string;\n };\n\n // Check habit exists and belongs to user\n const habitResult = await sqlite.execute(\n `SELECT id FROM ${DB_TABLES.HABITS} WHERE id = ? AND userId = ?`,\n [habitId, user.id],\n );\n\n if (habitResult.rows.length === 0) {\n return c.json({ error: \"Habit not found\" }, 404);\n }\n\n // Get schema and validate context\n const schemaResult = await sqlite.execute(\n `SELECT schema FROM ${DB_TABLES.HABIT_SCHEMAS} WHERE habitId = ? LIMIT 1`,\n [habitId],\n );\n\n const schema = schemaResult.rows[0]?.schema;\n if (schema && context) {\n if (!validateContextAgainstSchema(context, schema)) {\n return c.json({ error: \"Context does not match habit schema\" }, 400);\n }\n }\n\n const eventId = crypto.randomUUID();\n const now = Date.now();\n const contextStr = context ? JSON.stringify(context) : null;\n\n await sqlite.execute(\n `INSERT INTO ${DB_TABLES.HABIT_EVENTS} \n (id, habitId, userId, timestamp, context, source, createdAt) \n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n [eventId, habitId, user.id, now, contextStr, source, now],\n );\n\n return c.json({\n success: true,\n eventId,\n timestamp: now,\n context: context || null,\n });\n});\n\n// Get habit history (last N days)\napp.get(\"/api/habits/:id/history\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n\n const habitId = c.req.param(\"id\");\n const days = parseInt(c.req.query(\"days\") || \"7\");\n\n // Check habit exists\n const habitResult = await sqlite.execute(\n `SELECT id FROM ${DB_TABLES.HABITS} WHERE id = ? AND userId = ?`,\n [habitId, user.id],\n );\n\n if (habitResult.rows.length === 0) {\n return c.json({ error: \"Habit not found\" }, 404);\n }\n\n const nDaysAgo = getTodayStartTime() - days * 24 * 60 * 60 * 1000;\n\n const result = await sqlite.execute(\n `SELECT timestamp, context FROM ${DB_TABLES.HABIT_EVENTS}\n WHERE habitId = ? AND userId = ? AND timestamp >= ?\n ORDER BY timestamp DESC`,\n [habitId, user.id, nDaysAgo],\n );\n\n // Group by day\n const byDay = new Map();\n\n for (const row of result.rows) {\n const dayStart = getDayStartTime(row.timestamp as number);\n const dateKey = new Date(dayStart).toISOString().split(\"T\")[0];\n const current = byDay.get(dateKey) || 0;\n byDay.set(dateKey, current + 1);\n }\n\n const history = Array.from(byDay.entries())\n .sort(([dateA], [dateB]) => dateB.localeCompare(dateA))\n .map(([date, count]) => ({\n date,\n count,\n }));\n\n return c.json({ history });\n});\n\n// Delete a habit event\napp.delete(\"/api/habits/:habitId/events/:eventId\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n\n const { habitId, eventId } = {\n habitId: c.req.param(\"habitId\"),\n eventId: c.req.param(\"eventId\"),\n };\n\n const result = await sqlite.execute(\n `DELETE FROM ${DB_TABLES.HABIT_EVENTS} \n WHERE id = ? AND habitId = ? AND userId = ?`,\n [eventId, habitId, user.id],\n );\n\n if (result.rowsAffected === 0) {\n return c.json({ error: \"Event not found\" }, 404);\n }\n\n return c.json({ success: true });\n});\n\n// ============ NFC TAGS ENDPOINTS ============\n\n// Create NFC tag\napp.post(\"/api/nfc/tag\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n\n const { habitId, name, contextTemplate } = await c.req.json() as {\n habitId?: string;\n name?: string;\n contextTemplate?: string;\n };\n\n if (!habitId) {\n return c.json({ error: \"Habit ID required\" }, 400);\n }\n\n // Check habit exists\n const habitResult = await sqlite.execute(\n `SELECT id FROM ${DB_TABLES.HABITS} WHERE id = ? AND userId = ?`,\n [habitId, user.id],\n );\n\n if (habitResult.rows.length === 0) {\n return c.json({ error: \"Habit not found\" }, 404);\n }\n\n const tagId = crypto.randomUUID();\n const token = crypto.randomUUID();\n const now = Date.now();\n\n await sqlite.execute(\n `INSERT INTO ${DB_TABLES.NFC_TAGS} \n (id, userId, habitId, token, name, contextTemplate, createdAt, updatedAt) \n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n tagId,\n user.id,\n habitId,\n token,\n name || `NFC Tag ${tagId.slice(0, 8)}`,\n contextTemplate || null,\n now,\n now,\n ],\n );\n\n const origin = new URL(c.req.url).origin;\n const tapUrl = `${origin}/api/nfc/tap/${token}`;\n\n return c.json({\n success: true,\n tagId,\n token,\n name: name || `NFC Tag ${tagId.slice(0, 8)}`,\n tapUrl,\n });\n});\n\n// Get user's NFC tags\napp.get(\"/api/nfc/tags\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n\n const result = await sqlite.execute(\n `SELECT id, habitId, token, name, contextTemplate, createdAt \n FROM ${DB_TABLES.NFC_TAGS} \n WHERE userId = ? \n ORDER BY createdAt DESC`,\n [user.id],\n );\n\n const tags = result.rows.map((row) => ({\n id: row.id,\n habitId: row.habitId,\n token: row.token,\n name: row.name,\n contextTemplate: row.contextTemplate ? JSON.parse(row.contextTemplate as string) : null,\n createdAt: row.createdAt,\n }));\n\n return c.json({ tags });\n});\n\n// Delete NFC tag\napp.delete(\"/api/nfc/tag/:id\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n\n const result = await sqlite.execute(\n `DELETE FROM ${DB_TABLES.NFC_TAGS} WHERE id = ? AND userId = ?`,\n [c.req.param(\"id\"), user.id],\n );\n\n if (result.rowsAffected === 0) {\n return c.json({ error: \"Tag not found\" }, 404);\n }\n\n return c.json({ success: true });\n});\n\n// NFC tap endpoint (public)\napp.get(\"/api/nfc/tap/:token\", async (c) => {\n const token = c.req.param(\"token\");\n\n const tagResult = await sqlite.execute(\n `SELECT id, habitId, userId, contextTemplate FROM ${DB_TABLES.NFC_TAGS} \n WHERE token = ?`,\n [token],\n );\n\n if (tagResult.rows.length === 0) {\n return c.text(\"NFC tag not found\", 404);\n }\n\n const tag = tagResult.rows[0];\n const habitId = tag.habitId as string;\n const userId = tag.userId as string;\n\n // Get habit name\n const habitResult = await sqlite.execute(\n `SELECT name FROM ${DB_TABLES.HABITS} WHERE id = ?`,\n [habitId],\n );\n\n const habitName = habitResult.rows[0]?.name || \"Unknown Habit\";\n\n // Log event\n const eventId = crypto.randomUUID();\n const now = Date.now();\n\n await sqlite.execute(\n `INSERT INTO ${DB_TABLES.HABIT_EVENTS} \n (id, habitId, userId, timestamp, context, source, createdAt) \n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n [eventId, habitId, userId, now, null, \"nfc\", now],\n );\n\n // Redirect to success page\n return c.redirect(`/success?habit=${encodeURIComponent(habitName)}`);\n});\n\n// Success page\napp.get(\"/success\", (c) => serveFile(\"/frontend/success.html\"));\n\n// ============ FRONTEND ============\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Error handler\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n",[167],"db58b308-0a57-47fe-8583-92b391935552","README.md","019fa052-72c3-77de-a27b-73c90a5f7372",["D",1785101185629],"# 💧 Water Intake Tracker\n\nA modern web app to track your daily water intake with a 2L daily goal. Features manual logging, NFC device registration for quick taps, and automatic daily reset at 5 AM UTC.\n\n## Features\n\n- ✅ **Daily Goal Tracking** - Visual progress bar towards 2L daily target\n- 📱 **Quick Add Buttons** - Log common amounts (250ml, 500ml, 750ml, 1L) with one tap\n- 🎯 **Custom Amount** - Add any custom amount you drank\n- 🏷️ **Water Log History** - View all today's entries with timestamps\n- 📴 **NFC Integration** - Register NFC devices/tags that auto-log water on tap\n- 🔄 **Daily Reset** - Automatic reset at 5 AM UTC each day\n- 🔐 **Authentication** - Magic link sign-in via Better Auth\n- 📊 **Stats** - Track your water intake over time\n\n## Architecture\n\n```\n├── config/\n│ └── constants.ts # All configuration constants in one place\n├── backend/\n│ ├── schema.ts # SQLite schema with water & NFC tables\n│ ├── water-utils.ts # Utility functions for water tracking\n│ └── auth.ts # Better Auth configuration\n├── frontend/\n│ ├── index.html # Main HTML template\n│ └── index.tsx # React app with tab-based UI\n└── index.ts # Hono API server with all endpoints\n```\n\n## Configuration\n\nAll constants are defined in `config/constants.ts`:\n\n```typescript\nexport const WATER_CONFIG = {\n DAILY_TARGET_ML: 2000, // Change daily goal here (in ml)\n RESET_HOUR_UTC: 5, // Change reset time here (UTC)\n QUICK_ADD_AMOUNTS: [250, 500, 750, 1000],\n MIN_ML_PER_TAP: 100, // Minimum per NFC tap\n MAX_ML_PER_TAP: 1000, // Maximum per NFC tap\n DEFAULT_ML_PER_TAP: 500, // Default amount for new NFC devices\n};\n```\n\n## API Endpoints\n\n### Water Tracking\n\n- `POST /api/water/log` - Log water intake\n ```json\n { \"milliliters\": 500, \"source\": \"manual\" }\n ```\n\n- `GET /api/water/today` - Get today's intake and logs\n- `GET /api/water/history?days=7` - Get intake history\n- `DELETE /api/water/:id` - Delete a log entry\n\n### NFC Devices\n\n- `POST /api/nfc/register` - Start NFC device registration (returns registration URL)\n- `POST /api/nfc/device` - Complete NFC device registration\n- `GET /api/nfc/devices` - Get user's registered NFC devices\n- `PATCH /api/nfc/device/:id` - Update device settings\n- `DELETE /api/nfc/device/:id` - Delete a device\n- `GET /api/nfc/tap/:token` - NFC tap endpoint (logs water automatically)\n\n## How NFC Works\n\n1. **Register Device**\n - Click \"Start Registration\" in NFC Devices tab\n - A QR code is generated with a registration URL\n - Share/scan the QR with your NFC device/app\n\n2. **Complete Registration**\n - When the device scans the link, you specify the water amount (default 500ml)\n - Device is saved and ready to use\n\n3. **Log Water**\n - Each tap of the registered NFC device logs water automatically\n - Shows success page with logged amount\n\n## Database Schema\n\n### water_logs\n- `id` - Auto-increment primary key\n- `userId` - User who logged the water\n- `timestamp` - When water was logged\n- `milliliters` - Amount of water (in ml)\n- `source` - \"manual\" or \"nfc\"\n- `createdAt` - Record creation time\n\n### nfc_devices\n- `id` - Device UUID\n- `userId` - Owner of the device\n- `token` - Unique tap token\n- `milliliters` - Amount logged per tap\n- `name` - Device name\n- `createdAt` - When registered\n- `updatedAt` - Last update time\n\n### nfc_tokens\n- `token` - Registration token (UUID)\n- `userId` - User registering the device\n- `createdAt` - Token creation time\n\n## Daily Reset\n\nThe app automatically treats the day as starting at **5 AM UTC** and ending at the next 5 AM UTC. This is calculated server-side in `getTodayStartTime()` so it works regardless of user timezone.\n\nTo change the reset time, edit `RESET_HOUR_UTC` in `config/constants.ts`.\n\n## Usage\n\n1. Sign in with magic link\n2. Click quick-add buttons or enter custom amount\n3. Watch your progress bar fill up\n4. Optionally register NFC devices for one-tap logging\n5. Check history anytime\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript)\n- **Database**: SQLite with Val Town blob storage\n- **Frontend**: React with Twind CSS\n- **Auth**: Better Auth with magic links\n- **Runtime**: Deno on Val Town\n",[173],"0063e924-fc41-4a85-b18b-506c9baaa855","frontend","019fa052-72c3-77de-a27b-6d985c205c8b",["D",1785101185629],"directory",[179],"3727f68f-8366-4c00-8f0a-821f3b2e8ac5","config","019fa052-72c3-77de-a27b-498e259b0394",["D",1785101185629],[185],"b5a08741-5625-4fce-b632-34886c1010c8","backend","019fa052-72c3-77de-a27b-42eeba02b904",["D",1785101185629],[190],"pulls","branches","forks","envVars",{"_201":203,"_204":68},"connections",{"_201":68,"_202":68},"count","unfilledCount",2,"emptyCount",{"_48":189,"_37":190,"_35":191,"_158":-5,"_46":47,"_45":159,"_160":64,"_43":386,"_13":68,"_39":182,"_41":-5,"_29":30,"_164":-5,"_232":387,"_32":388},{"_48":379,"_37":380,"_35":381,"_158":191,"_46":47,"_45":159,"_160":30,"_43":382,"_13":68,"_39":40,"_41":383,"_29":30,"_164":-5,"_232":384,"_32":385},{"_48":372,"_37":373,"_35":374,"_158":191,"_46":47,"_45":159,"_160":30,"_43":375,"_13":68,"_39":40,"_41":376,"_29":30,"_164":-5,"_232":377,"_32":378},{"_48":364,"_37":365,"_35":366,"_158":191,"_46":47,"_45":367,"_160":64,"_43":368,"_13":68,"_39":40,"_41":369,"_29":30,"_164":-5,"_232":370,"_32":371},{"_48":357,"_37":358,"_35":359,"_158":191,"_46":47,"_45":159,"_160":30,"_43":360,"_13":68,"_39":40,"_41":361,"_29":30,"_164":-5,"_232":362,"_32":363},{"_48":349,"_37":350,"_35":351,"_158":191,"_46":47,"_45":352,"_160":64,"_43":353,"_13":159,"_39":40,"_41":354,"_29":30,"_164":-5,"_232":355,"_32":356},{"_48":342,"_37":343,"_35":344,"_158":191,"_46":47,"_45":159,"_160":30,"_43":345,"_13":68,"_39":40,"_41":346,"_29":30,"_164":-5,"_232":347,"_32":348},{"_48":184,"_37":185,"_35":186,"_158":-5,"_46":47,"_45":159,"_160":64,"_43":339,"_13":68,"_39":182,"_41":-5,"_29":30,"_164":-5,"_232":340,"_32":341},{"_48":333,"_37":270,"_35":334,"_158":186,"_46":47,"_45":203,"_160":64,"_43":335,"_13":159,"_39":40,"_41":336,"_29":30,"_164":-5,"_232":337,"_32":338},{"_48":178,"_37":179,"_35":180,"_158":-5,"_46":47,"_45":159,"_160":64,"_43":330,"_13":68,"_39":182,"_41":-5,"_29":30,"_164":-5,"_232":331,"_32":332},{"_48":326,"_37":290,"_35":285,"_158":180,"_46":47,"_45":159,"_160":64,"_43":327,"_13":68,"_39":182,"_41":-5,"_29":30,"_164":-5,"_232":328,"_32":329},{"_48":319,"_37":320,"_35":321,"_158":285,"_46":47,"_45":159,"_160":30,"_43":322,"_13":68,"_39":40,"_41":323,"_29":30,"_164":-5,"_232":324,"_32":325},{"_48":311,"_37":312,"_35":313,"_158":285,"_46":47,"_45":314,"_160":30,"_43":315,"_13":68,"_39":40,"_41":316,"_29":30,"_164":-5,"_232":317,"_32":318},{"_48":303,"_37":304,"_35":305,"_158":285,"_46":47,"_45":306,"_160":30,"_43":307,"_13":159,"_39":40,"_41":308,"_29":30,"_164":-5,"_232":309,"_32":310},{"_48":295,"_37":296,"_35":297,"_158":285,"_46":47,"_45":298,"_160":30,"_43":299,"_13":68,"_39":40,"_41":300,"_29":30,"_164":-5,"_232":301,"_32":302},{"_48":291,"_37":38,"_35":36,"_158":285,"_46":47,"_45":14,"_160":30,"_43":292,"_13":68,"_39":40,"_41":42,"_29":30,"_164":-5,"_232":293,"_32":294},{"_48":282,"_37":283,"_35":284,"_158":285,"_46":47,"_45":159,"_160":30,"_43":286,"_13":68,"_39":40,"_41":287,"_29":30,"_164":-5,"_232":288,"_32":289},{"_48":278,"_37":185,"_35":272,"_158":180,"_46":47,"_45":273,"_160":64,"_43":279,"_13":68,"_39":182,"_41":-5,"_29":30,"_164":-5,"_232":280,"_32":281},{"_48":269,"_37":270,"_35":271,"_158":272,"_46":47,"_45":273,"_160":64,"_43":274,"_13":68,"_39":40,"_41":275,"_29":30,"_164":-5,"_232":276,"_32":277},{"_48":262,"_37":263,"_35":264,"_158":180,"_46":47,"_45":159,"_160":64,"_43":265,"_13":68,"_39":26,"_41":266,"_29":30,"_164":-5,"_232":267,"_32":268},{"_48":255,"_37":256,"_35":257,"_158":180,"_46":47,"_45":159,"_160":30,"_43":258,"_13":68,"_39":26,"_41":259,"_29":30,"_164":-5,"_232":260,"_32":261},{"_48":248,"_37":249,"_35":250,"_158":180,"_46":47,"_45":159,"_160":30,"_43":251,"_13":68,"_39":40,"_41":252,"_29":30,"_164":-5,"_232":253,"_32":254},{"_48":241,"_37":242,"_35":243,"_158":180,"_46":47,"_45":159,"_160":30,"_43":244,"_13":68,"_39":26,"_41":245,"_29":30,"_164":-5,"_232":246,"_32":247},{"_48":172,"_37":173,"_35":174,"_158":-5,"_46":47,"_45":159,"_160":30,"_43":238,"_13":68,"_39":26,"_41":176,"_29":30,"_164":-5,"_232":239,"_32":240},{"_48":166,"_37":167,"_35":62,"_158":-5,"_46":47,"_45":168,"_160":30,"_43":235,"_13":159,"_39":162,"_41":170,"_29":30,"_164":-5,"_232":236,"_32":237},{"_48":155,"_37":156,"_35":157,"_158":-5,"_46":47,"_45":159,"_160":30,"_43":231,"_13":68,"_39":162,"_41":163,"_29":30,"_164":-5,"_232":233,"_32":234},["D",1785101185629],"children",[],[156],["D",1785102121901],[],[167],["D",1785101185629],[],[173],"b98889c7-bc85-4589-8c5a-1eabdd5f786a","success.html","019fa052-72c3-77de-a27b-68e150e9d9dc",["D",1785101185629],"\n\n \n \n \n Water Logged\n \n \n \n

💧

Water Logged!

—

added to your daily intake

\n Go to Dashboard\n

\n \n \n\n",[],[179,242],"0b1d5617-f923-45bb-bfe5-72914ab349ce","index.tsx","019fa052-72c3-77de-a27b-643641f529a2",["D",1785101185629],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { createAuthClient } from \"https://esm.sh/better-auth@1.6.9/react?deps=react@18.2.0,react-dom@18.2.0\";\nimport { magicLinkClient } from \"https://esm.sh/better-auth@1.6.9/client/plugins?deps=react@18.2.0,react-dom@18.2.0\";\n\nconst authClient = createAuthClient({\n plugins: [magicLinkClient()],\n});\n\nconst WATER_CONFIG = {\n DAILY_TARGET_ML: 2000,\n QUICK_ADD_AMOUNTS: [250, 500, 750, 1000],\n RESET_HOUR_UTC: 5,\n};\n\ninterface WaterLog {\n id: number;\n timestamp: number;\n milliliters: number;\n source: string;\n}\n\ninterface TodayData {\n totalToday: number;\n target: number;\n percentage: number;\n logs: WaterLog[];\n resetHour: number;\n}\n\ninterface NFCDevice {\n id: string;\n token: string;\n milliliters: number;\n name: string;\n createdAt: number;\n}\n\ninterface HistoryEntry {\n date: string;\n total: number;\n percentage: number;\n}\n\nfunction App() {\n const [isAuthenticated, setIsAuthenticated] = useState(false);\n const [loading, setLoading] = useState(true);\n const [todayData, setTodayData] = useState(null);\n const [nfcDevices, setNfcDevices] = useState([]);\n const [activeTab, setActiveTab] = useState<\"today\" | \"history\" | \"nfc\">(\"today\");\n const [toast, setToast] = useState<{ message: string; type: \"success\" | \"error\" } | null>(null);\n const [customMl, setCustomMl] = useState(\"\");\n const [history, setHistory] = useState([]);\n const [newNfcName, setNewNfcName] = useState(\"\");\n const [newNfcMl, setNewNfcMl] = useState(\"500\");\n const [createdTapUrl, setCreatedTapUrl] = useState(null);\n const [editingDeviceId, setEditingDeviceId] = useState(null);\n const [editMl, setEditMl] = useState(\"\");\n\n const [email, setEmail] = useState(\"\");\n const [signInStatus, setSignInStatus] = useState<\"idle\" | \"sending\" | \"sent\" | \"error\">(\"idle\");\n\n // Check authentication\n useEffect(() => {\n const checkAuth = async () => {\n try {\n const res = await fetch(\"/api/auth/get-session\");\n const data = await res.json();\n setIsAuthenticated(!!data.session);\n if (data.session) {\n await loadTodayData();\n await loadNfcDevices();\n await loadHistory();\n }\n } catch (err) {\n console.error(\"Auth check failed:\", err);\n } finally {\n setLoading(false);\n }\n };\n checkAuth();\n }, []);\n\n const loadTodayData = async () => {\n try {\n const res = await fetch(\"/api/water/today\");\n if (res.ok) {\n const data = await res.json();\n setTodayData(data);\n }\n } catch (err) {\n console.error(\"Failed to load today data:\", err);\n }\n };\n\n const loadNfcDevices = async () => {\n try {\n const res = await fetch(\"/api/nfc/devices\");\n if (res.ok) {\n const data = await res.json();\n setNfcDevices(data.devices);\n }\n } catch (err) {\n console.error(\"Failed to load NFC devices:\", err);\n }\n };\n\n const loadHistory = async () => {\n try {\n const res = await fetch(\"/api/water/history?days=7\");\n if (res.ok) {\n const data = await res.json();\n setHistory(data.history || []);\n }\n } catch (err) {\n console.error(\"Failed to load history:\", err);\n }\n };\n\n const handleQuickAdd = async (ml: number) => {\n try {\n const res = await fetch(\"/api/water/log\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ milliliters: ml, source: \"manual\" }),\n });\n\n if (res.ok) {\n showToast(`Added ${ml}ml of water!`, \"success\");\n await loadTodayData();\n await loadHistory();\n setCustomMl(\"\");\n }\n } catch (err) {\n showToast(\"Failed to log water\", \"error\");\n }\n };\n\n const handleCustomAdd = async () => {\n const ml = parseInt(customMl);\n if (!ml || ml < 1) {\n showToast(\"Please enter a valid amount\", \"error\");\n return;\n }\n await handleQuickAdd(ml);\n };\n\n const handleDeleteLog = async (id: number) => {\n try {\n const res = await fetch(`/api/water/${id}`, { method: \"DELETE\" });\n if (res.ok) {\n showToast(\"Log deleted\", \"success\");\n await loadTodayData();\n await loadHistory();\n }\n } catch (err) {\n showToast(\"Failed to delete log\", \"error\");\n }\n };\n\n const handleCreateNfc = async () => {\n const ml = parseInt(newNfcMl);\n if (!ml || ml < 1) {\n showToast(\"Enter a valid amount\", \"error\");\n return;\n }\n try {\n const res = await fetch(\"/api/nfc/device\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name: newNfcName || undefined, milliliters: ml }),\n });\n if (res.ok) {\n const data = await res.json();\n setCreatedTapUrl(data.tapUrl);\n setNewNfcName(\"\");\n setNewNfcMl(\"500\");\n await loadNfcDevices();\n showToast(\"NFC device created! Copy the link below.\", \"success\");\n }\n } catch (err) {\n showToast(\"Failed to create NFC device\", \"error\");\n }\n };\n\n const handleUpdateDeviceMl = async (id: string) => {\n const ml = parseInt(editMl);\n if (!ml || ml < 1) {\n showToast(\"Enter a valid amount\", \"error\");\n return;\n }\n try {\n const res = await fetch(`/api/nfc/device/${id}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ milliliters: ml }),\n });\n if (res.ok) {\n setEditingDeviceId(null);\n await loadNfcDevices();\n showToast(\"Amount updated\", \"success\");\n }\n } catch (err) {\n showToast(\"Failed to update\", \"error\");\n }\n };\n\n const handleDeleteDevice = async (id: string) => {\n try {\n const res = await fetch(`/api/nfc/device/${id}`, { method: \"DELETE\" });\n if (res.ok) {\n showToast(\"Device deleted\", \"success\");\n await loadNfcDevices();\n }\n } catch (err) {\n showToast(\"Failed to delete device\", \"error\");\n }\n };\n\n const showToast = (message: string, type: \"success\" | \"error\") => {\n setToast({ message, type });\n setTimeout(() => setToast(null), 3000);\n };\n\n if (loading) {\n return (\n

\n );\n }\n\n if (!isAuthenticated) {\n return (\n

💧 Water Tracker

\n {signInStatus === \"sent\" ? (\n

📬 Check your email

\n We sent a sign-in link to {email}.\n

\n ) : (\n {\n e.preventDefault();\n setSignInStatus(\"sending\");\n const { error } = await authClient.signIn.magicLink({\n email,\n callbackURL: \"/\",\n });\n if (error) {\n setSignInStatus(\"error\");\n } else {\n setSignInStatus(\"sent\");\n }\n }}\n className=\"space-y-3\"\n >\n setEmail(e.target.value)}\n placeholder=\"you@example.com\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n disabled={signInStatus === \"sending\"}\n />\n \n {signInStatus === \"sending\" ? \"Sending…\" : \"Send magic link\"}\n \n {signInStatus === \"error\" && (\n

Failed to send magic link. Try again.

\n )}\n \n )}\n

\n );\n }\n\n const percentage = todayData?.percentage || 0;\n const total = todayData?.totalToday || 0;\n const target = todayData?.target || WATER_CONFIG.DAILY_TARGET_ML;\n\n return (\n

\n {/* Header */}\n

💧 Water Tracker

\n authClient.signOut().then(() => location.reload())}\n className=\"text-sm text-gray-600 hover:text-gray-900\"\n >\n Sign out\n \n

\n\n {/* Toast */}\n {toast && (\n \n {toast.message}\n

\n )}\n\n

\n {/* Tabs */}\n

\n setActiveTab(\"today\")}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n activeTab === \"today\"\n ? \"bg-blue-500 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n Today\n \n setActiveTab(\"history\")}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n activeTab === \"history\"\n ? \"bg-blue-500 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n History\n \n setActiveTab(\"nfc\")}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n activeTab === \"nfc\"\n ? \"bg-blue-500 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n NFC Devices\n \n

\n\n {/* Today Tab */}\n {activeTab === \"today\" && (\n

\n {/* Progress Card */}\n

{total}ml

of {target}ml daily goal

\n {percentage < 100 ? \"🥛\" : \"🎉\"}\n

\n\n {/* Progress Bar */}\n

\n {percentage}% complete\n

\n\n {/* Quick Add Buttons */}\n

\n {WATER_CONFIG.QUICK_ADD_AMOUNTS.map((ml) => (\n handleQuickAdd(ml)}\n className=\"bg-blue-500 hover:bg-blue-600 text-white py-3 rounded-lg font-medium transition-colors\"\n >\n +{ml}ml\n \n ))}\n

\n\n {/* Custom Amount */}\n

\n setCustomMl(e.target.value)}\n className=\"flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n Add\n \n

💡 1g of water = 1ml — so 500g on the scale is 500ml

\n\n {/* Today's Logs */}\n

Today's Logs

\n {todayData?.logs && todayData.logs.length > 0 ? (\n

\n {todayData.logs.map((log) => (\n \n

\n {log.milliliters}ml\n

\n {new Date(log.timestamp).toLocaleTimeString()} · {log.source}\n

\n handleDeleteLog(log.id)}\n className=\"text-red-500 hover:text-red-700 text-sm font-medium ml-4\"\n >\n Delete\n \n

\n ))}\n

\n ) : (\n

No water logged yet today

\n )}\n

\n \n )}\n\n {/* History Tab */}\n {activeTab === \"history\" && (\n

Last 7 Days

\n {history.length > 0 ? (() => {\n const maxTotal = Math.max(...history.map((d) => d.total), WATER_CONFIG.DAILY_TARGET_ML);\n const chartData = [...history].reverse();\n return (\n

\n {chartData.map((entry, i) => {\n const barHeight = maxTotal > 0 ? (entry.total / maxTotal) * 100 : 0;\n const metGoal = entry.percentage >= 100;\n const dayLabel = new Date(entry.date + \"T00:00:00\").toLocaleDateString(undefined, { weekday: \"short\", day: \"numeric\" });\n return (\n

{entry.total}ml

{dayLabel}

\n );\n })}\n

\n );\n })() : (\n

No history yet

\n )}\n {history.length > 0 && (\n

\n \n \n Below goal\n \n \n \n Goal met\n \n

\n )}\n \n )}\n\n {/* NFC Devices Tab */}\n {activeTab === \"nfc\" && (\n

\n {/* Add New NFC Device */}\n

Add NFC Device

\n Create a tap link to write to your NFC tag. Tapping the tag will log water automatically — no sign-in needed.\n

\n setNewNfcName(e.target.value)}\n placeholder=\"Device name (e.g. Water Bottle)\"\n className=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n setNewNfcMl(e.target.value)}\n placeholder=\"ml per tap\"\n className=\"flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n Create\n \n

\n {createdTapUrl && (\n

📋 Copy this link to your NFC tag:

\n \n {\n navigator.clipboard.writeText(createdTapUrl);\n showToast(\"Link copied!\", \"success\");\n }}\n className=\"bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap\"\n >\n Copy\n \n

\n setCreatedTapUrl(null)}\n className=\"mt-2 text-xs text-gray-500 underline\"\n >\n Dismiss\n \n

\n )}\n

\n\n {/* Device List */}\n

Your Devices

\n {nfcDevices.length > 0 ? (\n

\n {nfcDevices.map((device) => {\n const tapUrl = `${location.origin}/api/nfc/tap/${device.token}`;\n return (\n

{device.name}

{device.milliliters}ml per tap

\n {/* Copy tap link */}\n

\n \n {\n navigator.clipboard.writeText(tapUrl);\n showToast(\"Link copied!\", \"success\");\n }}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1.5 rounded text-xs font-medium whitespace-nowrap\"\n >\n Copy\n \n

\n {/* Edit amount */}\n {editingDeviceId === device.id ? (\n

\n setEditMl(e.target.value)}\n placeholder=\"ml\"\n className=\"w-24 px-3 py-1.5 text-sm border border-gray-300 rounded-lg\"\n />\n handleUpdateDeviceMl(device.id)}\n className=\"bg-emerald-500 hover:bg-emerald-600 text-white px-3 py-1.5 rounded-lg text-sm font-medium\"\n >\n Save\n \n setEditingDeviceId(null)}\n className=\"text-gray-500 text-sm px-2\"\n >\n Cancel\n \n

\n ) : (\n

\n {\n setEditingDeviceId(device.id);\n setEditMl(String(device.milliliters));\n }}\n className=\"text-blue-500 hover:text-blue-700 text-sm font-medium\"\n >\n Edit amount\n \n handleDeleteDevice(device.id)}\n className=\"text-red-500 hover:text-red-700 text-sm font-medium\"\n >\n Delete\n \n

\n )}\n

\n );\n })}\n

\n ) : (\n

No NFC devices yet. Create one above!

\n )}\n

\n )}\n \n \n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[179,249],"61a7f930-6cf8-4c44-bfaf-ae8eb0c2d0de","index.html","019fa052-72c3-77de-a27b-6199761c2eec",["D",1785101185629],"\n\n \n \n \n Water Intake Tracker\n \n \n \n \n \n

\n \n \n \n\n",[],[179,256],"6cf46ea7-94cb-4655-a33e-0013a1920e79","favicon.svg","019fa052-72c3-77de-a27b-5ffe199f2feb",["D",1785101185629],"\n",[],[179,263],"6d2475df-0834-41a5-b877-7744fb8781a5","constants.ts","e5b0751a-893a-11f1-93c4-1607ee4eb77e","055b97ed-3971-44c0-800d-ef76faaf8645",9,["D",1785102147973],"export const HABIT_CONFIG = {\n HABIT_COLORS: [\n \"#3b82f6\", // blue\n \"#10b981\", // emerald\n \"#f59e0b\", // amber\n \"#ef4444\", // red\n \"#8b5cf6\", // violet\n \"#ec4899\", // pink\n \"#06b6d4\", // cyan\n \"#f97316\", // orange\n ] as const,\n} as const;\n",[],[179,185,270],"92f9f8c2-1862-4741-a925-f51bf62f21fc",["D",1785102147973],[223],[179,185],"97d6dc1b-b965-4ebe-a90c-fe9d9e160881","SignIn.tsx","019fa052-72c3-77de-a27b-540144cdcb5b","019fa052-72c3-77de-a27b-583a2fcc819a",["D",1785101185629],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createAuthClient } from \"https://esm.sh/better-auth@1.6.9/react?deps=react@18.2.0,react-dom@18.2.0\";\nimport { magicLinkClient } from \"https://esm.sh/better-auth@1.6.9/client/plugins?deps=react@18.2.0,react-dom@18.2.0\";\n\nconst authClient = createAuthClient({\n plugins: [magicLinkClient()],\n});\n\nexport function SignIn() {\n const [email, setEmail] = useState(\"\");\n const [status, setStatus] = useState<\"idle\" | \"sending\" | \"sent\" | \"error\">(\n \"idle\",\n );\n const [errorMsg, setErrorMsg] = useState(\"\");\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n setStatus(\"sending\");\n setErrorMsg(\"\");\n const { error } = await authClient.signIn.magicLink({\n email,\n callbackURL: \"/\",\n });\n if (error) {\n setStatus(\"error\");\n setErrorMsg(error.message ?? \"Failed to send magic link\");\n } else {\n setStatus(\"sent\");\n }\n }\n\n if (status === \"sent\") {\n return (\n

📬 Check your email

\n We sent a sign-in link to {email}.\n

\n );\n }\n\n return (\n

\n \n Email\n setEmail((e.target as HTMLInputElement).value)}\n placeholder=\"you@example.com\"\n class=\"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none\"\n disabled={status === \"sending\"}\n />\n \n \n {status === \"sending\" ? \"Sending…\" : \"Send magic link\"}\n \n {status === \"error\" &&

{errorMsg}

}\n \n );\n}",[],[179,290,283],"components","e1ef0c25-cca5-4964-b330-8c24f3a8b6f0",["D",1785102164953],[],[179,290,38],"f0ad7cb2-c516-40c3-8afb-83dd1c7b43ba","HabitCard.tsx","dda2b0ae-893a-11f1-b7bd-1607ee4eb77e",7,["D",1785102134462],"import React from \"react\";\nimport type { Habit } from \"./Dashboard.tsx\";\n\ninterface HabitCardProps {\n habit: Habit;\n onClick: () => void;\n}\n\nexport function HabitCard({ habit, onClick }: HabitCardProps) {\n return (\n \n

{habit.name}

\n {habit.description && (\n

{habit.description}

\n )}\n

\n {habit.icon && {habit.icon}}\n

\n\n {habit.schema && (\n

\n Has custom context schema\n

\n )}\n\n

\n Click to view →\n

\n \n );\n}\n",[],[179,290,296],"46204da3-b9d1-439d-8dbf-f31a24e8c9c8","Dashboard.tsx","019fa052-72c3-77de-a27b-529516d7cedd",6,["D",1785102130299],"import React, { useState, useEffect } from \"react\";\nimport { HabitCard } from \"./HabitCard.tsx\";\nimport { CreateHabitModal } from \"./CreateHabitModal.tsx\";\nimport { HabitDetail } from \"./HabitDetail.tsx\";\nimport { NFCManagement } from \"./NFCManagement.tsx\";\n\nexport interface Habit {\n id: string;\n name: string;\n description?: string;\n icon?: string;\n color: string;\n schema?: string;\n createdAt: number;\n}\n\nexport interface HabitEvent {\n id: string;\n timestamp: number;\n context?: Record;\n source: string;\n}\n\nexport function Dashboard() {\n const [habits, setHabits] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showCreateModal, setShowCreateModal] = useState(false);\n const [selectedHabitId, setSelectedHabitId] = useState(null);\n const [tab, setTab] = useState<\"habits\" | \"nfc\">(\"habits\");\n\n useEffect(() => {\n fetchHabits();\n }, []);\n\n const fetchHabits = async () => {\n try {\n const res = await fetch(\"/api/habits\");\n if (!res.ok) throw new Error(\"Failed to fetch habits\");\n const data = await res.json();\n setHabits(data.habits || []);\n } catch (err) {\n console.error(\"Error fetching habits:\", err);\n } finally {\n setLoading(false);\n }\n };\n\n const handleHabitCreated = () => {\n setShowCreateModal(false);\n fetchHabits();\n };\n\n if (selectedHabitId) {\n const habit = habits.find((h) => h.id === selectedHabitId);\n if (habit) {\n return (\n {\n setSelectedHabitId(null);\n fetchHabits();\n }}\n />\n );\n }\n }\n\n return (\n

\n {/* Header */}\n

Habit Tracker

\n Track your custom habits with contextual data\n

\n\n {/* Tabs */}\n

\n setTab(\"habits\")}\n className={`px-4 py-2 rounded-lg font-medium transition ${\n tab === \"habits\"\n ? \"bg-blue-600 text-white\"\n : \"bg-slate-700 text-slate-300 hover:bg-slate-600\"\n }`}\n >\n Habits\n \n setTab(\"nfc\")}\n className={`px-4 py-2 rounded-lg font-medium transition ${\n tab === \"nfc\"\n ? \"bg-blue-600 text-white\"\n : \"bg-slate-700 text-slate-300 hover:bg-slate-600\"\n }`}\n >\n NFC Tags\n \n

\n\n {tab === \"habits\" && (\n <>\n {/* Create Habit Button */}\n

\n setShowCreateModal(true)}\n className=\"px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition\"\n >\n + New Habit\n \n

\n\n {/* Habits Grid */}\n {loading ? (\n

Loading habits...

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

\n No habits yet. Create your first one!\n

\n ) : (\n

\n {habits.map((habit) => (\n setSelectedHabitId(habit.id)}\n />\n ))}\n

\n )}\n \n )}\n\n {tab === \"nfc\" && }\n\n {/* Create Habit Modal */}\n {showCreateModal && (\n setShowCreateModal(false)}\n onCreated={handleHabitCreated}\n />\n )}\n

\n );\n}\n",[],[179,290,304],"816a6ed7-52a6-4ef5-9ddf-9efad95ac301","CreateHabitModal.tsx","e3da4982-893a-11f1-93c4-1607ee4eb77e",8,["D",1785102144892],"import React, { useState } from \"react\";\nimport { HABIT_CONFIG } from \"../config/constants.ts\";\n\ninterface CreateHabitModalProps {\n onClose: () => void;\n onCreated: () => void;\n}\n\nexport function CreateHabitModal({ onClose, onCreated }: CreateHabitModalProps) {\n const [name, setName] = useState(\"\");\n const [description, setDescription] = useState(\"\");\n const [icon, setIcon] = useState(\"\");\n const [color, setColor] = useState(HABIT_CONFIG.HABIT_COLORS[0]);\n const [schema, setSchema] = useState(\"\");\n const [schemaError, setSchemaError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const validateSchema = (schemaStr: string) => {\n if (!schemaStr.trim()) {\n setSchemaError(\"\");\n return true;\n }\n try {\n const parsed = JSON.parse(schemaStr);\n if (typeof parsed !== \"object\" || parsed === null) {\n setSchemaError(\"Schema must be a JSON object\");\n return false;\n }\n setSchemaError(\"\");\n return true;\n } catch {\n setSchemaError(\"Invalid JSON\");\n return false;\n }\n };\n\n const handleSchemaChange = (value: string) => {\n setSchema(value);\n validateSchema(value);\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!name.trim()) {\n alert(\"Habit name required\");\n return;\n }\n\n if (schema && !validateSchema(schema)) {\n return;\n }\n\n setLoading(true);\n try {\n const res = await fetch(\"/api/habits\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n name: name.trim(),\n description: description.trim() || null,\n icon: icon.trim() || null,\n color,\n schema: schema.trim() || null,\n }),\n });\n\n if (!res.ok) {\n const err = await res.json();\n alert(err.error || \"Failed to create habit\");\n return;\n }\n\n onCreated();\n } catch (err) {\n console.error(\"Error creating habit:\", err);\n alert(\"Error creating habit\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

Create New Habit

\n\n

\n {/* Name */}\n

\n \n Habit Name *\n \n setName(e.target.value)}\n placeholder=\"e.g., Water Intake, Workout\"\n className=\"w-full px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-blue-500\"\n />\n

\n\n {/* Description */}\n

\n \n Description\n \n setDescription(e.target.value)}\n placeholder=\"Optional description\"\n className=\"w-full px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-blue-500\"\n />\n

\n\n {/* Icon */}\n

\n \n Emoji Icon\n \n setIcon(e.target.value)}\n placeholder=\"e.g., 💧\"\n className=\"w-full px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-blue-500\"\n />\n

\n\n {/* Color */}\n

\n \n Color\n \n

\n {HABIT_CONFIG.HABIT_COLORS.map((c) => (\n setColor(c)}\n className={`w-8 h-8 rounded-lg transition ${\n color === c ? \"ring-2 ring-white\" : \"\"\n }`}\n style={{ background: c }}\n />\n ))}\n

\n\n {/* JSON Schema */}\n

\n \n Context Schema (JSON)\n \n

\n Optional. Define what data users provide when logging this habit.\n Example:\n

\n              {`{\n  \"amount\": {\"type\": \"number\", \"required\": true},\n  \"unit\": {\"type\": \"string\", \"required\": false}\n}`}\n

\n handleSchemaChange(e.target.value)}\n placeholder='{\"field\": {\"type\": \"string\", \"required\": true}}'\n className={`w-full px-3 py-2 bg-slate-700 border rounded-lg text-white placeholder-slate-400 focus:outline-none ${\n schemaError\n ? \"border-red-500 focus:border-red-500\"\n : \"border-slate-600 focus:border-blue-500\"\n }`}\n rows={5}\n />\n {schemaError && (\n

{schemaError}

\n )}\n

\n\n {/* Buttons */}\n

\n \n Cancel\n \n \n {loading ? \"Creating...\" : \"Create Habit\"}\n \n

\n );\n}\n",[],[179,290,312],"4476adc7-0800-4c38-9a72-798fa64d24f7","App.tsx","019fa052-72c3-77de-a27b-4c2029375635",["D",1785101185629],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { SignIn } from \"./SignIn.tsx\";\nimport { Dashboard } from \"./Dashboard.tsx\";\n\nimport { createAuthClient } from \"https://esm.sh/better-auth@1.6.9/react?deps=react@18.2.0,react-dom@18.2.0\";\nimport { magicLinkClient } from \"https://esm.sh/better-auth@1.6.9/client/plugins?deps=react@18.2.0,react-dom@18.2.0\";\n\nconst authClient = createAuthClient({\n plugins: [magicLinkClient()],\n});\n\nexport function App() {\n // Reactive session — updates automatically on sign in / sign out.\n const { data: session, isPending } = authClient.useSession();\n\n return (\n

Pill Tracker

\n Track your daily doses with ease.\n

\n\n {isPending\n ?

Loading…

\n : session?.user\n ? \n : }\n\n

\n View source\n

\n );\n}",[],[179,290,320],"1df2f64e-399b-4d8b-a0d5-2ab99ed3df28",["D",1785101185629],[216,217,218,219,220,221],[179,290],["D",1785101185629],[215,222,224,225,226,227],[179],"c559c6b3-f6b8-421d-b35a-ccb7547d9959","019fa052-72c3-77de-a27b-45fde0dafc38",["D",1785102084531],"// Generic Habit Tracker configuration\nexport const HABIT_CONFIG = {\n // Daily reset time in UTC hours\n RESET_HOUR_UTC: 5,\n \n // Default habit color palette\n HABIT_COLORS: [\n \"#3b82f6\", // blue\n \"#10b981\", // emerald\n \"#f59e0b\", // amber\n \"#ef4444\", // red\n \"#8b5cf6\", // violet\n \"#ec4899\", // pink\n \"#06b6d4\", // cyan\n \"#f97316\", // orange\n ] as const,\n} as const;\n\n// UI Configuration\nexport const UI_CONFIG = {\n TOAST_DURATION: 3000,\n} as const;\n\n// Database table names\nexport const DB_TABLES = {\n USER: \"user\",\n SESSION: \"session\",\n ACCOUNT: \"account\",\n VERIFICATION: \"verification\",\n HABITS: \"habits\",\n HABIT_EVENTS: \"habit_events\",\n HABIT_SCHEMAS: \"habit_schemas\",\n NFC_TAGS: \"nfc_tags\",\n NFC_TOKENS: \"nfc_tokens\",\n} as const;\n",[],[185,270],["D",1785101185629],[213],[185],"a48ed13d-b96c-4f12-b556-5a5366990dfd","water-utils.ts","019fa052-72c3-77de-a27b-3ef565d6c02e",["D",1785101185629],"import { WATER_CONFIG } from \"../config/constants.ts\";\n\n/**\n * Get today's start time based on the reset hour (5 AM UTC)\n */\nexport function getTodayStartTime(): number {\n const now = new Date();\n const todayStart = new Date(now);\n todayStart.setUTCHours(WATER_CONFIG.RESET_HOUR_UTC, 0, 0, 0);\n\n // If we haven't reached 5 AM yet today, yesterday's 5 AM is the start\n if (todayStart.getTime() > now.getTime()) {\n todayStart.setUTCDate(todayStart.getUTCDate() - 1);\n }\n\n return todayStart.getTime();\n}\n\n/**\n * Get the end of today (tomorrow's reset time)\n */\nexport function getTodayEndTime(): number {\n return getTodayStartTime() + 24 * 60 * 60 * 1000;\n}\n\n/**\n * Check if a timestamp is in today's cycle\n */\nexport function isToday(timestamp: number): boolean {\n const start = getTodayStartTime();\n const end = getTodayEndTime();\n return timestamp >= start && timestamp < end;\n}\n\n/**\n * Format milliliters nicely (e.g., 500ml, 1.5L)\n */\nexport function formatWater(milliliters: number): string {\n if (milliliters >= 1000) {\n return `${(milliliters / 1000).toFixed(1)}L`;\n }\n return `${milliliters}ml`;\n}\n\n/**\n * Get color for progress bar based on percentage\n */\nexport function getProgressColor(percentage: number): string {\n if (percentage <= 0) return \"#e5e7eb\"; // empty - gray\n if (percentage < 100) return \"#3b82f6\"; // partial - blue\n if (percentage === 100) return \"#10b981\"; // full - emerald\n return \"#8b5cf6\"; // over - violet\n}\n\n/**\n * Calculate percentage of daily target\n */\nexport function getProgressPercentage(current: number): number {\n return Math.round((current / WATER_CONFIG.DAILY_TARGET_ML) * 100);\n}\n",[],[190,343],"b06a3a7a-25ce-49e6-bbea-7caf4d4af5cf","schema.ts","019fa052-72c3-77de-a27b-3a8ff252d312",3,["D",1785102091796],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { DB_TABLES } from \"../config/constants.ts\";\n\n// Better Auth's standard SQLite schema for core auth + magic link.\n// Magic link uses the `verification` table — no extra plugin tables needed.\n//\n// We run this on startup so the template works with zero setup.\n// Better Auth manages all reads/writes via Kysely; we just ensure the tables exist.\nexport async function ensureSchema() {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS user (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n email TEXT NOT NULL UNIQUE,\n emailVerified INTEGER NOT NULL DEFAULT 0,\n image TEXT,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL\n )`,\n `CREATE TABLE IF NOT EXISTS session (\n id TEXT PRIMARY KEY,\n userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,\n token TEXT NOT NULL UNIQUE,\n expiresAt INTEGER NOT NULL,\n ipAddress TEXT,\n userAgent TEXT,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL\n )`,\n `CREATE TABLE IF NOT EXISTS account (\n id TEXT PRIMARY KEY,\n userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,\n accountId TEXT NOT NULL,\n providerId TEXT NOT NULL,\n accessToken TEXT,\n refreshToken TEXT,\n accessTokenExpiresAt INTEGER,\n refreshTokenExpiresAt INTEGER,\n scope TEXT,\n idToken TEXT,\n password TEXT,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL\n )`,\n `CREATE TABLE IF NOT EXISTS verification (\n id TEXT PRIMARY KEY,\n identifier TEXT NOT NULL,\n value TEXT NOT NULL,\n expiresAt INTEGER NOT NULL,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL\n )`,\n // Generic habit definitions\n `CREATE TABLE IF NOT EXISTS ${DB_TABLES.HABITS} (\n id TEXT PRIMARY KEY,\n userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,\n name TEXT NOT NULL,\n description TEXT,\n color TEXT,\n icon TEXT,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL,\n UNIQUE(userId, name)\n )`,\n // JSON schema for habit context (e.g., water intake context, workout context)\n `CREATE TABLE IF NOT EXISTS ${DB_TABLES.HABIT_SCHEMAS} (\n id TEXT PRIMARY KEY,\n habitId TEXT NOT NULL REFERENCES ${DB_TABLES.HABITS}(id) ON DELETE CASCADE,\n schema TEXT NOT NULL,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL\n )`,\n // Habit event logs with polymorphic context\n `CREATE TABLE IF NOT EXISTS ${DB_TABLES.HABIT_EVENTS} (\n id TEXT PRIMARY KEY,\n habitId TEXT NOT NULL REFERENCES ${DB_TABLES.HABITS}(id) ON DELETE CASCADE,\n userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,\n timestamp INTEGER NOT NULL,\n context TEXT,\n source TEXT NOT NULL DEFAULT 'manual',\n createdAt INTEGER NOT NULL\n )`,\n // NFC tags with customizable context\n `CREATE TABLE IF NOT EXISTS ${DB_TABLES.NFC_TAGS} (\n id TEXT PRIMARY KEY,\n userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,\n habitId TEXT NOT NULL REFERENCES ${DB_TABLES.HABITS}(id) ON DELETE CASCADE,\n token TEXT NOT NULL UNIQUE,\n name TEXT,\n contextTemplate TEXT,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL\n )`,\n // NFC tokens for one-time tap registration\n `CREATE TABLE IF NOT EXISTS ${DB_TABLES.NFC_TOKENS} (\n token TEXT PRIMARY KEY,\n userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,\n createdAt INTEGER NOT NULL\n )`,\n ]);\n}\n",[],[190,350],"947403d0-3ea7-49cb-a576-8243a27c5e5d","schema-drizzle.ts","019fa052-72c3-77de-a27b-3631d6703fc9",["D",1785101185629],"import { integer, sqliteTable, text } from \"npm:drizzle-orm@0.45.2/sqlite-core\";\n\nexport const user = sqliteTable(\"user\", {\n id: text(\"id\").primaryKey(),\n name: text(\"name\").notNull(),\n email: text(\"email\").notNull().unique(),\n // Explicitly mapping the camelCase columns from your SQL\n emailVerified: integer(\"emailVerified\").notNull(),\n image: text(\"image\"),\n createdAt: integer(\"createdAt\").notNull(),\n updatedAt: integer(\"updatedAt\").notNull(),\n});\n\nexport const session = sqliteTable(\"session\", {\n id: text(\"id\").primaryKey(),\n userId: text(\"userId\").notNull().references(() => user.id, {\n onDelete: \"cascade\",\n }),\n token: text(\"token\").notNull().unique(),\n // Explicitly matching your SQL column name here!\n expiresAt: integer(\"expiresAt\").notNull(),\n ipAddress: text(\"ipAddress\"),\n userAgent: text(\"userAgent\"),\n createdAt: integer(\"createdAt\").notNull(),\n updatedAt: integer(\"updatedAt\").notNull(),\n});\n\nexport const account = sqliteTable(\"account\", {\n id: text(\"id\").primaryKey(),\n userId: text(\"userId\").notNull().references(() => user.id, {\n onDelete: \"cascade\",\n }),\n accountId: text(\"accountId\").notNull(),\n providerId: text(\"providerId\").notNull(),\n accessToken: text(\"accessToken\"),\n refreshToken: text(\"refreshToken\"),\n accessTokenExpiresAt: integer(\"accessTokenExpiresAt\"),\n refreshTokenExpiresAt: integer(\"refreshTokenExpiresAt\"),\n scope: text(\"scope\"),\n idToken: text(\"idToken\"),\n password: text(\"password\"),\n createdAt: integer(\"createdAt\").notNull(),\n updatedAt: integer(\"updatedAt\").notNull(),\n});\nexport const verification = sqliteTable(\"verification\", {\n id: text(\"id\").primaryKey(),\n identifier: text(\"identifier\").notNull(),\n value: text(\"value\").notNull(),\n expiresAt: integer(\"expiresAt\").notNull(),\n createdAt: integer(\"createdAt\").notNull(),\n updatedAt: integer(\"updatedAt\").notNull(),\n});\n",[],[190,358],"1ae334b1-7977-45a1-ac57-5b454e32982d","habit-utils.ts","c87c8fd8-893a-11f1-9108-1607ee4eb77e",4,["D",1785102098979],"import { HABIT_CONFIG } from \"../config/constants.ts\";\n\n/**\n * Get today's start time based on the reset hour (5 AM UTC)\n */\nexport function getTodayStartTime(): number {\n const now = new Date();\n const todayStart = new Date(now);\n todayStart.setUTCHours(HABIT_CONFIG.RESET_HOUR_UTC, 0, 0, 0);\n\n // If we haven't reached 5 AM yet today, yesterday's 5 AM is the start\n if (todayStart.getTime() > now.getTime()) {\n todayStart.setUTCDate(todayStart.getUTCDate() - 1);\n }\n\n return todayStart.getTime();\n}\n\n/**\n * Get the end of today (tomorrow's reset time)\n */\nexport function getTodayEndTime(): number {\n return getTodayStartTime() + 24 * 60 * 60 * 1000;\n}\n\n/**\n * Check if a timestamp is in today's cycle\n */\nexport function isToday(timestamp: number): boolean {\n const start = getTodayStartTime();\n const end = getTodayEndTime();\n return timestamp >= start && timestamp < end;\n}\n\n/**\n * Get the day start time for a given timestamp\n */\nexport function getDayStartTime(timestamp: number): number {\n const date = new Date(timestamp);\n const start = new Date(date);\n start.setUTCHours(HABIT_CONFIG.RESET_HOUR_UTC, 0, 0, 0);\n\n // If the timestamp is before the reset hour, use previous day's reset time\n if (date < start) {\n start.setUTCDate(start.getUTCDate() - 1);\n }\n\n return start.getTime();\n}\n\n/**\n * Validate JSON schema string\n */\nexport function validateJsonSchema(schemaStr: string): boolean {\n try {\n const schema = JSON.parse(schemaStr);\n // Basic validation: should be an object\n return typeof schema === \"object\" && schema !== null;\n } catch {\n return false;\n }\n}\n\n/**\n * Validate context against a schema\n */\nexport function validateContextAgainstSchema(\n context: unknown,\n schemaStr: string,\n): boolean {\n try {\n const schema = JSON.parse(schemaStr);\n const contextObj = typeof context === \"string\"\n ? JSON.parse(context as string)\n : context;\n\n // If schema is empty/null, any context is valid\n if (!schema || Object.keys(schema).length === 0) {\n return true;\n }\n\n // Basic validation: check that all required fields exist\n if (typeof contextObj !== \"object\" || contextObj === null) {\n return false;\n }\n\n // Validate required fields\n for (const key in schema) {\n if (schema[key].required && !(key in contextObj)) {\n return false;\n }\n }\n\n return true;\n } catch {\n return false;\n }\n}\n\n/**\n * Format a context object to display string\n */\nexport function formatContext(contextStr: string | null): string {\n if (!contextStr) return \"—\";\n try {\n const context = JSON.parse(contextStr);\n const pairs = Object.entries(context)\n .map(([key, val]) => `${key}: ${val}`)\n .join(\" • \");\n return pairs || \"—\";\n } catch {\n return \"—\";\n }\n}\n",[],[190,365],"324f8c71-b0d8-4b0b-9636-9a7e022f7406","drizzle.ts","019fa052-72c3-77de-a27b-316e589a9c45",["D",1785101185629],"import { drizzle } from \"npm:drizzle-orm@0.45.2/libsql/web\";\nimport { createClient } from \"npm:@libsql/client@0.17.4/web\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Export your clean, edge-safe database instance\nexport const db = drizzle({ client: sqlite });",[],[190,373],"7ab0d8f3-16b2-4072-866c-1674df396ee4","auth.ts","019fa052-72c3-77de-a27b-2ecdf78b75f7",["D",1785101185629],"import { email as sendEmail } from \"https://esm.town/v/std/email\";\nimport { httpEndpoint, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { betterAuth } from \"npm:better-auth@1.6.20\";\nimport { magicLink } from \"npm:better-auth@1.6.20/plugins\";\nimport { drizzleAdapter } from \"npm:@better-auth/drizzle-adapter@1.6.20\";\nimport { db } from \"./drizzle.ts\";\nimport * as authSchema from \"./schema-drizzle.ts\"; // Import the tables above\n\n// Vals can be reached from multiple URLs (the *.web.val.run preview URL,\n// custom domains, branch deploys, etc). Better Auth's dynamic baseURL form\n// derives the URL from each incoming request and validates it against\n// allowedHosts. The fallback is used when running outside an HTTP context\n// (e.g. cron jobs, scripts).\nconst fallback = await httpEndpoint();\n\n// A secret is required to sign session tokens. We default to a per-val auto\n// secret so the template works with zero setup — but for production you should\n// set BETTER_AUTH_SECRET so sessions survive code edits across val versions.\nconst { username, name } = parseVal();\nconst secret = Deno.env.get(\"BETTER_AUTH_SECRET\") ??\n `val-town-default-${username}-${name}`;\n\nconst validEmail = Deno.env.get(\"EMAIL\");\n\n// Val Town's `std/sqlite` is already an `@libsql/client` Client,\n// so we can hand it straight to Better Auth's Kysely libsql dialect.\n// Zero database setup required.\nexport const auth = betterAuth({\n baseURL: {\n // Accept any host so this works on the *.web.val.run preview URL,\n // custom domains, and any future deployment URL. For production you\n // should narrow this to the specific hosts you serve from, e.g.\n // [\"myapp.com\", \"*.web.val.run\"].\n allowedHosts: [\"*.web.val.run\"],\n protocol: \"auto\",\n fallback,\n },\n secret,\n database: drizzleAdapter(db, {\n provider: \"sqlite\",\n schema: authSchema,\n }),\n // Disable email+password — this template is magic link only.\n emailAndPassword: { enabled: false },\n plugins: [\n magicLink({\n sendMagicLink: async ({ email, url }) => {\n await sendEmail({\n subject: \"Your sign-in link\",\n text: `Click to sign in: ${url}\\n\\nThis link expires in 5 minutes.`,\n html: `

Click to sign in:

` +\n `

${url}

` +\n `

This link expires in 5 minutes.

`,\n });\n },\n }),\n ],\n});",[],[190,380],["D",1785101185629],[206,207,208,209,210,211],[190],["D",1785101185629],["D",1789473745358],{"_108":107,"_115":111},{"_108":107,"_109":-5,"_110":111,"_19":60,"_112":113,"_114":30},{"_13":94,"_37":95,"_48":47,"_96":49,"_97":98,"_99":100,"_101":55,"_102":103,"_104":70,"_105":50,"_106":107},"ctx",{"_87":-5,"_137":427,"_428":429,"_430":431,"_432":30,"_433":30,"_434":30,"_435":64,"_436":-5,"_437":-7,"_438":-7,"_439":68,"_440":30,"_441":30,"_442":-5,"_443":30,"_444":30,"_445":30,"_446":-5},"ENV",{"_398":399,"_400":401,"_402":95,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426},"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"]

{habit.name}

Add Context

Today's Events

History

Invalid or expired token

Water Logged!

💧 Water Tracker

💧 Water Tracker

Today's Logs

Last 7 Days

Add NFC Device

Your Devices

{habit.name}

Habit Tracker

Create New Habit

Pill Tracker

Diff · v10