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",[126],"pulls","forks","envVars",{"_146":34,"_148":34},"connections",{"_146":34,"_147":34},"count","unfilledCount","emptyCount",{"_20":125,"_13":126,"_127":49,"_128":-5,"_129":21,"_130":30,"_131":40,"_22":150,"_29":34,"_133":134,"_135":136,"_137":76,"_138":-5,"_151":152,"_92":153},["D",1744917759775],"children",[],[126],["D",1744917905629],{"_11":12,"_90":86},{"_11":12,"_84":-5,"_85":86,"_46":47,"_87":88,"_89":76},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_77":42,"_78":79,"_80":81,"_82":14,"_83":12},"ctx",{"_69":-5,"_114":191,"_192":193,"_194":195,"_196":76,"_197":76,"_198":76,"_199":40,"_200":-5,"_201":-7,"_202":-7,"_203":34,"_204":76,"_205":76,"_206":-5,"_207":76,"_208":76,"_209":76,"_210":-5},"ENV",{"_162":163,"_164":165,"_166":26,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190},"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"]

Branches1

Branches
1