✅

Event Logged!

\n Successfully logged to your habit\n

\n \n Back to Habit Tracker\n \n

\n\n \n \n\n",[],[171,251],"2a80c28a-9c9c-45cb-8a9a-b6d3ba354b9a","styles.css","0598042e-893b-11f1-979b-1607ee4eb77e",17,["D",1785102201502],"* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n/* Smooth transitions */\n* {\n transition: background-color 150ms ease-in-out, color 150ms ease-in-out,\n border-color 150ms ease-in-out;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n transition: none;\n}\n\n/* Custom scrollbar */\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n background: rgba(100, 116, 139, 0.5);\n border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: rgba(100, 116, 139, 0.8);\n}\n",[],[171,259],"90564577-ed1d-4c1f-963a-2ed2ffb29849","index.tsx","019fa052-72c3-77de-a27b-643641f529a2",33,["D",1785102646769],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"app\")!);\nroot.render();\n",[],[171,267],"826dcce9-5df7-4d6d-be49-7b36705a8cc8","index.html","019fa052-72c3-77de-a27b-6199761c2eec",13,["D",1785102182618],"\n\n \n \n \n Habit Tracker\n \n \n \n \n

\n \n \n\n",[],[171,276],"6cf46ea7-94cb-4655-a33e-0013a1920e79","favicon.svg","019fa052-72c3-77de-a27b-5ffe199f2feb",["D",1785101185629],"\n",[],[171,284],["D",1785102147973],[],[171,73,65],["D",1785102147973],[207],[171,73],"1a829fc8-ea08-4416-84e3-6fe762f82e9d","SignIn.tsx","019fa052-72c3-77de-a27b-540144cdcb5b","019fa052-72c3-77de-a27b-583a2fcc819a",["D",1785102659143],"/** @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\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setStatus(\"sending\");\n\n try {\n const { error } = await authClient.signIn.magicLink({\n email,\n callbackURL: \"/\",\n });\n\n if (error) {\n setStatus(\"error\");\n } else {\n setStatus(\"sent\");\n }\n } catch (err) {\n console.error(\"Sign in error:\", err);\n setStatus(\"error\");\n }\n };\n\n return (\n

Habit Tracker

\n Track your custom habits with contextual data\n

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

📬 Check your email

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

\n ) : (\n

\n \n Email\n \n setEmail(e.target.value)}\n placeholder=\"you@example.com\"\n className=\"w-full px-4 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-blue-500\"\n disabled={status === \"sending\"}\n />\n

\n\n \n {status === \"sending\"\n ? \"Sending magic link...\"\n : \"Send magic link\"}\n \n\n {status === \"error\" && (\n

\n Failed to send magic link. Please try again.\n

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

\n We'll send you a link to sign in without a password\n

\n );\n}\n",[],[171,304,297],"components","309e6809-6443-4566-b8fb-e16bb9d6b9b9","NFCManagement.tsx","f5fdbafe-893a-11f1-88d3-1607ee4eb77e",40,["D",1785102673520],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Habit } from \"./Dashboard.tsx\";\n\ninterface NFCTag {\n id: string;\n habitId: string;\n token: string;\n name: string;\n contextTemplate?: Record;\n createdAt: number;\n}\n\ninterface NFCManagementProps {\n habits: Habit[];\n}\n\nexport function NFCManagement({ habits }: NFCManagementProps) {\n const [tags, setTags] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showCreateForm, setShowCreateForm] = useState(false);\n const [selectedHabitId, setSelectedHabitId] = useState(\"\");\n const [tagName, setTagName] = useState(\"\");\n\n useEffect(() => {\n fetchTags();\n }, []);\n\n const fetchTags = async () => {\n try {\n const res = await fetch(\"/api/nfc/tags\");\n if (!res.ok) throw new Error(\"Failed to fetch tags\");\n const data = await res.json();\n setTags(data.tags || []);\n } catch (err) {\n console.error(\"Error fetching tags:\", err);\n } finally {\n setLoading(false);\n }\n };\n\n const handleCreateTag = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedHabitId) {\n alert(\"Please select a habit\");\n return;\n }\n\n try {\n const res = await fetch(\"/api/nfc/tag\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n habitId: selectedHabitId,\n name: tagName || undefined,\n }),\n });\n\n if (!res.ok) throw new Error(\"Failed to create tag\");\n\n const data = await res.json();\n alert(`NFC Tag created!\\n\\nTap URL:\\n${data.tapUrl}`);\n\n setSelectedHabitId(\"\");\n setTagName(\"\");\n setShowCreateForm(false);\n fetchTags();\n } catch (err) {\n console.error(\"Error creating tag:\", err);\n alert(\"Failed to create tag\");\n }\n };\n\n const handleDeleteTag = async (tagId: string) => {\n if (!confirm(\"Delete this NFC tag?\")) return;\n\n try {\n const res = await fetch(`/api/nfc/tag/${tagId}`, { method: \"DELETE\" });\n if (!res.ok) throw new Error(\"Failed to delete tag\");\n fetchTags();\n } catch (err) {\n console.error(\"Error deleting tag:\", err);\n alert(\"Failed to delete tag\");\n }\n };\n\n const getHabitName = (habitId: string) => {\n return habits.find((h) => h.id === habitId)?.name || \"Unknown\";\n };\n\n return (\n

\n setShowCreateForm(!showCreateForm)}\n className=\"px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition\"\n >\n + Create NFC Tag\n \n

\n\n {showCreateForm && (\n

Create NFC Tag

\n \n Habit *\n \n setSelectedHabitId(e.target.value)}\n className=\"w-full px-3 py-2 bg-slate-600 border border-slate-500 rounded text-white focus:outline-none focus:border-blue-500\"\n >\n \n {habits.map((habit) => (\n \n ))}\n \n

\n\n

\n \n Tag Name\n \n setTagName(e.target.value)}\n placeholder=\"e.g., Kitchen Water Bottle\"\n className=\"w-full px-3 py-2 bg-slate-600 border border-slate-500 rounded text-white placeholder-slate-400 focus:outline-none focus:border-blue-500\"\n />\n

\n\n

\n {\n setShowCreateForm(false);\n setSelectedHabitId(\"\");\n setTagName(\"\");\n }}\n className=\"flex-1 px-4 py-2 bg-slate-600 text-white rounded hover:bg-slate-500 transition\"\n >\n Cancel\n \n \n Create Tag\n \n

\n )}\n\n {/* Tags List */}\n {loading ? (\n

Loading tags...

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

No NFC tags yet

\n ) : (\n

\n {tags.map((tag) => (\n \n

{tag.name}

\n Habit: {getHabitName(tag.habitId)}\n

\n Token: {tag.token}\n

\n handleDeleteTag(tag.id)}\n className=\"px-3 py-1 bg-red-600 text-white rounded hover:bg-red-700 transition text-sm\"\n >\n Delete\n \n

\n ))}\n

\n )}\n \n );\n}\n",[],[171,304,306],"d077884b-9f99-4538-8d92-7ad7f2741992","HabitDetail.tsx","efdc9f1e-893a-11f1-80a8-1607ee4eb77e",38,["D",1785102673526],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Habit, HabitEvent } from \"./Dashboard.tsx\";\n\ninterface HabitDetailProps {\n habit: Habit;\n onBack: () => void;\n}\n\nexport function HabitDetail({ habit, onBack }: HabitDetailProps) {\n const [events, setEvents] = useState([]);\n const [history, setHistory] = useState>(\n [],\n );\n const [loading, setLoading] = useState(true);\n const [showContextForm, setShowContextForm] = useState(false);\n const [contextData, setContextData] = useState>({});\n const [schema, setSchema] = useState | null>(null);\n\n useEffect(() => {\n fetchHabitData();\n }, [habit.id]);\n\n const fetchHabitData = async () => {\n try {\n setLoading(true);\n const [detailRes, historyRes] = await Promise.all([\n fetch(`/api/habits/${habit.id}`),\n fetch(`/api/habits/${habit.id}/history?days=30`),\n ]);\n\n const detailData = await detailRes.json();\n const historyData = await historyRes.json();\n\n setEvents(detailData.todayEvents || []);\n setHistory(historyData.history || []);\n\n if (detailData.habit.schema) {\n try {\n setSchema(JSON.parse(detailData.habit.schema));\n } catch {\n console.error(\"Failed to parse schema\");\n }\n }\n } catch (err) {\n console.error(\"Error fetching habit data:\", err);\n } finally {\n setLoading(false);\n }\n };\n\n const handleLogEvent = async () => {\n try {\n const res = await fetch(`/api/habits/${habit.id}/log`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n context: Object.keys(contextData).length > 0 ? contextData : undefined,\n }),\n });\n\n if (!res.ok) throw new Error(\"Failed to log event\");\n\n setContextData({});\n setShowContextForm(false);\n fetchHabitData();\n } catch (err) {\n console.error(\"Error logging event:\", err);\n alert(\"Failed to log event\");\n }\n };\n\n const handleDeleteEvent = async (eventId: string) => {\n if (!confirm(\"Delete this event?\")) return;\n\n try {\n const res = await fetch(`/api/habits/${habit.id}/events/${eventId}`, {\n method: \"DELETE\",\n });\n\n if (!res.ok) throw new Error(\"Failed to delete event\");\n\n fetchHabitData();\n } catch (err) {\n console.error(\"Error deleting event:\", err);\n alert(\"Failed to delete event\");\n }\n };\n\n const formatTime = (ms: number) => {\n const date = new Date(ms);\n return date.toLocaleTimeString();\n };\n\n const formatContext = (context: Record | null) => {\n if (!context) return \"—\";\n return Object.entries(context)\n .map(([key, val]) => `${key}: ${val}`)\n .join(\" • \");\n };\n\n const todayCount = events.length;\n const thisWeekCount = history.slice(0, 7).reduce((sum, h) => sum + h.count, 0);\n\n return (\n

\n {/* Header */}\n \n ← Back to Habits\n \n\n

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

{habit.name}

\n {habit.description && (\n

{habit.description}

\n )}\n

{todayCount}

today

\n\n {/* Stats */}\n

\n \n

{thisWeekCount}

this week

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

\n {(\n history.reduce((sum, h) => sum + h.count, 0) / history.length\n ).toFixed(1)}\n

avg per day

\n )}\n

\n\n {/* Log Button */}\n

\n {showContextForm && schema ? (\n // Context Form\n

Add Context

\n {Object.entries(schema).map(([key, fieldInfo]: [string, any]) => (\n

\n \n {key}\n {fieldInfo.required && *}\n \n \n setContextData({\n ...contextData,\n [key]: fieldInfo.type === \"number\"\n ? parseFloat(e.target.value) || \"\"\n : e.target.value,\n })\n }\n placeholder={fieldInfo.placeholder || key}\n className=\"w-full px-3 py-2 bg-slate-600 border border-slate-500 rounded text-white placeholder-slate-400 focus:outline-none focus:border-blue-500\"\n />\n

\n ))}\n

\n {\n setShowContextForm(false);\n setContextData({});\n }}\n className=\"flex-1 px-4 py-2 bg-slate-600 text-white rounded hover:bg-slate-500 transition\"\n >\n Cancel\n \n \n Log with Context\n \n

\n ) : (\n

\n {\n if (schema) {\n setShowContextForm(true);\n } else {\n handleLogEvent();\n }\n }}\n className=\"flex-1 px-4 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition\"\n >\n {schema ? \"Log with Context\" : \"Log Event\"}\n \n {schema && (\n {\n await handleLogEvent();\n }}\n className=\"flex-1 px-4 py-3 bg-slate-700 text-white rounded-lg font-medium hover:bg-slate-600 transition\"\n >\n Log without Context\n \n )}\n

\n )}\n

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

Today's Events

\n\n {loading ? (\n

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

No events logged yet today

\n ) : (\n

\n {events.map((event) => (\n \n

\n {formatTime(event.timestamp)}\n

\n {event.context && (\n

\n {formatContext(event.context)}\n

\n )}\n {event.source !== \"manual\" && (\n

\n via {event.source}\n

\n )}\n

\n handleDeleteEvent(event.id)}\n className=\"text-red-400 hover:text-red-300 text-sm\"\n >\n Delete\n \n

\n ))}\n

\n )}\n \n\n {/* History Chart */}\n {history.length > 0 && (\n

History

\n {history.slice(0, 30).map((day, idx) => {\n const maxCount = Math.max(...history.map((h) => h.count), 1);\n return (\n \n 0 ? \"4px\" : \"2px\",\n }}\n title={`${day.date}: ${day.count} events`}\n />\n \n {day.date.split(\"-\").slice(1).join(\"/\")}\n \n

\n );\n })}\n

\n \n )}\n \n \n );\n}\n",[],[171,304,314],"b91e53b7-47e8-4c40-816f-416f46848107","HabitCard.tsx","dda2b0ae-893a-11f1-b7bd-1607ee4eb77e",39,["D",1785102673520],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\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",[],[171,304,322],"5cebb3ee-63bc-41d3-ac45-f7c45166cd56","Dashboard.tsx","019fa052-72c3-77de-a27b-529516d7cedd",36,["D",1785102669211],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\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",[],[171,304,330],"23ed55fb-aeb3-4589-976d-c0c2b00fcdd6","CreateHabitModal.tsx","e3da4982-893a-11f1-93c4-1607ee4eb77e",37,["D",1785102673519],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\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",[],[171,304,338],"9c11b7b5-c08a-438e-8fb4-cb7e7b6f8697","App.tsx","019fa052-72c3-77de-a27b-4c2029375635",34,["D",1785102652885],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, 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\";\nimport { SignIn } from \"./SignIn.tsx\";\nimport { Dashboard } from \"./Dashboard.tsx\";\n\ntype User = {\n id: string;\n email: string;\n name: string;\n image?: string | null;\n};\n\nconst authClient = createAuthClient({\n plugins: [magicLinkClient()],\n});\n\nexport function App() {\n const [user, setUser] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const getSession = async () => {\n try {\n const { data } = await authClient.getSession();\n setUser(data?.user ?? null);\n } catch (error) {\n console.error(\"Session error:\", error);\n setUser(null);\n } finally {\n setLoading(false);\n }\n };\n\n getSession();\n }, []);\n\n if (loading) {\n return (\n

\n );\n }\n\n if (!user) {\n return ;\n }\n\n return ;\n}\n",[],[171,304,346],"1df2f64e-399b-4d8b-a0d5-2ab99ed3df28",["D",1785101185629],[199,200,201,202,203,204,205],[171,304],"0063e924-fc41-4a85-b18b-506c9baaa855",["D",1785101185629],[198,206,208,209,210,211,212],[171],"c559c6b3-f6b8-421d-b35a-ccb7547d9959","019fa052-72c3-77de-a27b-45fde0dafc38","019fa052-72c3-77de-a27b-498e259b0394",["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",[],[73,65],"3727f68f-8366-4c00-8f0a-821f3b2e8ac5",["D",1785101185629],[196],[73],"b06a3a7a-25ce-49e6-bbea-7caf4d4af5cf","schema.ts","019fa052-72c3-77de-a27b-3a8ff252d312","019fa052-72c3-77de-a27b-42eeba02b904",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",[],[381,373],"backend","f2d4544c-a034-4a0d-bfcd-247e796e1d85","schema-drizzle.ts","88230140-893c-11f1-a26b-1607ee4eb77e",42,["D",1785102849862],"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 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 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});\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",[],[381,383],"1ae334b1-7977-45a1-ac57-5b454e32982d","habit-utils.ts","c87c8fd8-893a-11f1-9108-1607ee4eb77e",["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",[],[381,391],"0e7c07ab-4027-4865-85a8-9e46acd859f7","drizzle.ts","880c2f38-893c-11f1-8590-1607ee4eb77e",41,["D",1785102849855],"import { drizzle } from \"npm:drizzle-orm@0.45.2/libsql/web\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport const db = drizzle({ client: sqlite });\n",[],[381,398],"1cded4dd-44b0-416b-a052-23a5c3c27a75","auth.ts","019fa052-72c3-77de-a27b-2ecdf78b75f7",43,["D",1785102856953],"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\";\n\nconst fallback = await httpEndpoint();\n\nconst { username, name } = parseVal();\nconst secret = Deno.env.get(\"BETTER_AUTH_SECRET\") ??\n `val-town-default-${username}-${name}`;\n\nexport const auth = betterAuth({\n baseURL: {\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 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});\n",[],[381,406],"b5a08741-5625-4fce-b632-34886c1010c8",["D",1785101185629],[190,191,192,193,194],[381],["D",1785101185629],["D",1789473745358],{"_11":12,"_130":71},{"_11":12,"_126":-5,"_70":71,"_31":69,"_127":128,"_129":30},{"_39":114,"_13":16,"_33":36,"_115":76,"_116":117,"_118":119,"_120":81,"_121":122,"_123":42,"_124":14,"_125":12},"ctx",{"_53":-5,"_151":455,"_456":457,"_458":459,"_460":30,"_461":30,"_462":30,"_463":24,"_464":-5,"_465":-7,"_466":-7,"_467":26,"_468":30,"_469":30,"_470":-5,"_471":30,"_472":30,"_473":30,"_474":-5},"ENV",{"_426":427,"_428":429,"_430":16,"_431":432,"_433":434,"_435":436,"_437":438,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454},"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"]

History · config