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}","label","children",[69],"contentHash","f82cf346563d597fd2f7d6fa4af3e7aa59483980ed18ec8e5aac22a6bbfb0473",["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,"_127":123},"org",{"_11":12,"_121":-5,"_122":123,"_95":96,"_124":125,"_126":47},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":56,"_13":14,"_34":172,"_45":-5,"_91":26,"_48":49,"_92":49,"_93":-5,"_94":-5,"_95":96,"_97":75,"_98":26,"_99":-5,"_100":-5,"_101":57,"_52":102,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":108,"_109":108,"_110":111,"_112":111,"_113":111,"_114":108,"_115":108,"_116":173,"_118":174,"_120":175,"_46":47},"tree",[169],"files",[169],"counts",{"_159":57,"_160":20,"_161":57,"_162":163,"_164":165},"contents",[156],"file","upstreamProject",{"_32":39,"_13":14,"_93":-5,"_94":-5,"_48":49,"_116":154},"upstreamBranch",{"_32":33,"_34":152,"_36":153,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230966288],["D",1741327577906],{"_11":51,"_127":155},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0d3F3Q3g1MkxsZDF5UVVPVEZKMVR1ZG5KbiJ9",{"_32":73,"_13":69,"_74":75,"_76":-5,"_77":55,"_78":20,"_79":26,"_34":157,"_40":57,"_81":82,"_83":84,"_63":47,"_85":-5,"_68":158},["D",1744917759775],[69],"pulls","branches","forks","envVars",{"_166":57,"_168":57},"connections",{"_166":57,"_167":57},"count","unfilledCount","emptyCount",{"_32":73,"_13":69,"_74":75,"_76":-5,"_77":55,"_78":20,"_79":26,"_34":80,"_40":57,"_81":82,"_83":84,"_63":47,"_85":-5,"_86":170,"_68":171},[],[69],["D",1744917905629],{"_11":12,"_127":123},{"_11":12,"_121":-5,"_122":123,"_95":96,"_124":125,"_126":47},{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"ctx",{"_116":-5,"_149":209,"_210":211,"_212":213,"_214":47,"_215":47,"_216":47,"_217":26,"_218":-5,"_219":-7,"_220":-7,"_221":57,"_222":47,"_223":47,"_224":-5,"_225":47,"_226":47,"_227":47,"_228":-5},"ENV",{"_180":181,"_182":183,"_184":16,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Compare

Mergeshouser/mainintosdevanair/main

Hmain.tsx+397-0