Habit Tracker

\n \n

\n\n

\n Total XP: {userProgress.totalXP}\n Habits: {userProgress.completedHabits}/{userProgress.totalHabits}\n

\n {motivation && (\n

{motivation}

\n )}\n

\n\n

\n \n setNewHabit(e.target.value)}\n placeholder=\"Enter a new habit\"\n className=\"flex-grow p-2 border rounded-l dark:bg-gray-700\"\n />\n \n

\n\n {habits.map(habit => (\n

\n {HABIT_ICONS[habit.icon] || '✨'}\n {habit.name}\n

\n \n 🔥 {habit.streak} {determineBadge(habit.streak)}\n \n completeHabit(habit.id)} />\n \n

\n ))}\n

\n );\n}\n\n// Client initialization with error handling\nfunction client() {\n try {\n const rootElement = document.getElementById(\"root\");\n if (rootElement) {\n ReactDOM.createRoot(rootElement).render(React.createElement(HabitTracker));\n } else {\n console.error(\"Root element not found\");\n }\n } catch (err) {\n console.error(\"Client-side rendering error:\", err);\n }\n}\n\n// Ensure client runs only in browser environment\nif (typeof window !== 'undefined' && typeof document !== 'undefined') {\n window.addEventListener('load', client);\n}\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"habitTrackerApp\";\n const SCHEMA_VERSION = 6;\n\n // Enhanced table schema\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_habits_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n icon TEXT DEFAULT 'fitness',\n streak INTEGER DEFAULT 0,\n last_completed DATETIME,\n xp_earned INTEGER DEFAULT 0\n )\n `);\n\n // Existing route handlers with minor modifications to support new schema\n if (request.method === 'POST' && new URL(request.url).pathname === '/add-habit') {\n const { name, icon = 'fitness' } = await request.json();\n await sqlite.execute(\n `INSERT INTO ${KEY}_habits_${SCHEMA_VERSION} (name, icon, streak) VALUES (?, ?, 0)`, \n [name, icon]\n );\n return new Response(JSON.stringify({ success: true }), { \n headers: { 'Content-Type': 'application/json' } \n });\n }\n\n if (request.method === 'POST' && new URL(request.url).pathname === '/complete-habit') {\n const { habitId } = await request.json();\n \n await sqlite.execute(\n `UPDATE ${KEY}_habits_${SCHEMA_VERSION} \n SET streak = streak + 1, \n xp_earned = xp_earned + 10,\n last_completed = CURRENT_TIMESTAMP \n WHERE id = ?`, \n [habitId]\n );\n\n const result = await sqlite.execute(\n `SELECT streak FROM ${KEY}_habits_${SCHEMA_VERSION} WHERE id = ?`, \n [habitId]\n );\n\n return new Response(JSON.stringify({ \n success: true, \n newStreak: result.rows[0]?.streak || 0 \n }), { \n headers: { 'Content-Type': 'application/json' } \n });\n }\n\n if (request.method === 'GET' && new URL(request.url).pathname === '/get-habits') {\n const result = await sqlite.execute(`\n SELECT * FROM ${KEY}_habits_${SCHEMA_VERSION}\n `);\n\n return new Response(JSON.stringify({ \n habits: result.rows || [] \n }), { \n headers: { 'Content-Type': 'application/json' } \n });\n }\n\n // Serve HTML with Tailwind and catch script\n return new Response(`\n \n \n \n \n \n Advanced Habit Tracker\n \n \n \n \n \n

\n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[59],{"_35":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":31,"_66":67,"_37":78,"_17":69,"_70":71,"_72":73,"_74":49,"_75":-5,"_79":80,"_18":81},["D",1744917759775],"children",[],[59],"aac7672a-1bc1-11f0-926c-569c3dd06744",["D",1744917905629],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_124":120},"org",{"_11":12,"_118":-5,"_119":120,"_88":89,"_121":122,"_123":49},"branch",{"_17":31,"_13":16,"_35":64,"_41":82,"_43":36,"_44":69,"_115":51,"_116":42,"_117":55,"_56":14,"_52":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":82,"_13":14,"_37":163,"_47":-5,"_84":67,"_50":51,"_85":51,"_86":-5,"_87":-5,"_88":89,"_90":61,"_91":67,"_92":-5,"_93":-5,"_94":69,"_54":95,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":101,"_102":101,"_103":104,"_105":104,"_106":104,"_107":101,"_108":101,"_109":164,"_111":165,"_113":166,"_48":49},[160],"files",[160],"counts",{"_151":69,"_152":31,"_153":69,"_34":154,"_155":156},[149],"upstreamProject",{"_35":42,"_13":14,"_86":-5,"_87":-5,"_50":51,"_109":147},"upstreamBranch",{"_35":36,"_37":145,"_39":146,"_13":16,"_41":42,"_17":33,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230966288],["D",1741327577906],{"_11":53,"_124":148},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0d3F3Q3g1MkxsZDF5UVVPVEZKMVR1ZG5KbiJ9",{"_35":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":31,"_66":67,"_37":68,"_17":69,"_70":71,"_72":73,"_74":49,"_75":-5,"_18":150},[59],"pulls","branches","forks",{"_157":69,"_159":69},"connections",{"_157":69,"_158":69},"count","unfilledCount","emptyCount",{"_35":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":31,"_66":67,"_37":78,"_17":69,"_70":71,"_72":73,"_74":49,"_75":-5,"_79":161,"_18":162},[],[59],["D",1744917905629],{"_11":12,"_124":120},{"_11":12,"_118":-5,"_119":120,"_88":89,"_121":122,"_123":49},{"_17":31,"_13":16,"_35":64,"_41":82,"_43":36,"_44":69,"_115":51,"_116":42,"_117":55,"_56":14,"_52":12},"ctx",{"_109":-5,"_142":200,"_201":202,"_203":204,"_205":49,"_206":49,"_207":49,"_208":67,"_209":-5,"_210":-7,"_211":-7,"_212":69,"_213":49,"_214":49,"_215":-5,"_216":49,"_217":49,"_218":49,"_219":-5},"ENV",{"_171":172,"_173":174,"_175":16,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Code