\n \n \n \n

\n Growing your coding garden\n

\n Preparing your personalized plant growth experience...\n

\n );\n }\n\n if (error) {\n return (\n

⚠️

\n Error Loading Data\n

\n {error}\n

\n \n Try Again\n \n

\n If this persists, try refreshing the page or check your connection.\n

\n );\n }\n\n const currentPlantType = PLANT_TYPES.find((type) => type.id === selectedPlantType) || PLANT_TYPES[0];\n\n return (\n

\n {/* Professional Navigation Bar */}\n

\n {/* Professional Logo */}\n

\n \n \n \n

\n Plant Garden\n

\n Powered by WakaTime\n

\n\n {/* Controls */}\n

\n {/* Garden Button */}\n setCurrentView(\"garden\")}\n className=\"flex items-center gap-2 p-2 sm:p-3 rounded-xl bg-purple-100 dark:bg-purple-900/30 hover:bg-purple-200 dark:hover:bg-purple-900/50 transition-all duration-200 text-purple-700 dark:text-purple-300\"\n title=\"View community garden\"\n >\n \n \n \n \n Garden\n \n \n\n {/* Plant Type Selector */}\n setIsPlantSelectorOpen(true)}\n className=\"flex items-center gap-2 p-2 sm:p-3 rounded-xl bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-all duration-200\"\n title=\"Choose plant type\"\n >\n \n {currentPlantType.id == \"mushroom-forest\"\n ? (\n \n )\n : currentPlantType.id == \"cactus-desert\"\n ? (\n \n )\n : currentPlantType.id == \"classic-tree\"\n ? (\n \n )\n : (\n \n )}\n \n \n {currentPlantType.name}\n \n \n \n \n \n\n {/* User Menu */}\n setIsLoginModalOpen(true)}\n onLogout={handleLogout}\n />\n

\n\n {/* Main Content */}\n

\n {/* Professional Header Section */}\n

\n Transform Code\n
\n Into Growth\n

\n Watch your virtual plants flourish as you code. Every commit, every hour of development contributes to a\n thriving digital ecosystem that reflects your programming journey.\n

\n\n {/* Professional Action Buttons */}\n

\n \n \n \n \n Refresh Garden\n \n\n {!user?.authenticated && (\n setIsLoginModalOpen(true)}\n className=\"w-full sm:flex-1 btn-secondary px-6 sm:px-8 py-3 sm:py-4 rounded-2xl font-semibold text-sm sm:text-lg inline-flex items-center justify-center gap-2 sm:gap-3\"\n >\n \n \n \n Connect WakaTime\n \n )}\n

\n\n {/* Professional Content Grid */}\n

\n {/* Plant Garden - Enhanced Professional Card */}\n

\n \n

\n\n {/* Professional Side Panels */}\n \n \n \n

\n\n {/* Professional Footer */}\n \n \n\n {/* Enhanced Login Modal */}\n setIsLoginModalOpen(false)}\n onLogin={handleLogin}\n />\n\n {/* Plant Selector Modal */}\n setIsPlantSelectorOpen(false)}\n />\n \n );\n}\n\nexport default App;\n\nfunction AppWithErrorBoundary() {\n return (\n \n \n \n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[167,195],"888a3c3c-41b9-11f0-a1a6-76b3cceeab13","index.html","0022eac8-3f76-11f0-b99c-76b3cceeab13",390,["D",1749092556391],23,"\n\n \n \n \n \n \n \n \n \n \n \n Plant | WakaTime Plant Growth Game\n \n \n \n \n \n \n \n \n \n \n

\n\n \n \n \n \n",[],[167,204],"caf90114-41c0-11f0-8a63-76b3cceeab13","widgets","db40e3a1-d5ba-493c-a0a7-121a890ca068",419,["D",1749095674323],[219],[167,213],{"_35":220,"_13":221,"_38":222,"_40":214,"_42":43,"_44":223,"_46":47,"_48":224,"_17":73,"_51":24,"_53":225,"_55":56,"_57":-5,"_91":226,"_18":227},"b7d78b1c-41d1-11f0-90e7-76b3cceeab13","plant-template.json","b0a6245a-41ba-11f0-b925-76b3cceeab13",465,["D",1749102943671],"{\n \"$schema\": \"http://adaptivecards.io/schemas/adaptive-card.json\",\n \"type\": \"AdaptiveCard\",\n \"version\": \"1.5\",\n \"body\": [\n {\n \"type\": \"Container\",\n \"items\": [\n {\n \"type\": \"ColumnSet\",\n \"columns\": [\n {\n \"type\": \"Column\",\n \"width\": \"auto\",\n \"items\": [\n {\n \"type\": \"TextBlock\",\n \"text\": \"${plantEmoji}\",\n \"size\": \"ExtraLarge\",\n \"spacing\": \"None\"\n }\n ]\n },\n {\n \"type\": \"Column\",\n \"width\": \"stretch\",\n \"items\": [\n {\n \"type\": \"TextBlock\",\n \"text\": \"🌱 Plant Growth Tracker\",\n \"weight\": \"Bolder\",\n \"size\": \"Medium\",\n \"spacing\": \"None\"\n },\n {\n \"type\": \"TextBlock\",\n \"text\": \"${stageName}\",\n \"weight\": \"Bolder\",\n \"color\": \"Accent\",\n \"spacing\": \"None\"\n }\n ]\n }\n ]\n }\n ]\n },\n {\n \"type\": \"Container\",\n \"spacing\": \"Medium\",\n \"items\": [\n {\n \"type\": \"FactSet\",\n \"facts\": [\n {\n \"title\": \"⏰ Total Hours:\",\n \"value\": \"${totalHoursFormatted}\"\n },\n {\n \"title\": \"📅 Today:\",\n \"value\": \"${todayHoursFormatted}\"\n },\n {\n \"title\": \"🎯 Consistency:\",\n \"value\": \"${consistency}%\"\n },\n {\n \"title\": \"💻 Languages:\",\n \"value\": \"${languageDiversity}\"\n }\n ]\n }\n ]\n },\n {\n \"type\": \"Container\",\n \"spacing\": \"Medium\",\n \"items\": [\n {\n \"type\": \"TextBlock\",\n \"text\": \"${progressText}\",\n \"size\": \"Small\",\n \"color\": \"Good\",\n \"weight\": \"Bolder\"\n },\n {\n \"type\": \"ProgressBar\",\n \"value\": \"${progressToNext}\",\n \"spacing\": \"Small\"\n }\n ],\n \"$when\": \"${!isFullyGrown}\"\n },\n {\n \"type\": \"Container\",\n \"spacing\": \"Medium\",\n \"items\": [\n {\n \"type\": \"TextBlock\",\n \"text\": \"🌳 Fully grown! Keep coding to maintain your plant!\",\n \"size\": \"Small\",\n \"color\": \"Good\",\n \"weight\": \"Bolder\"\n }\n ],\n \"$when\": \"${isFullyGrown}\"\n }\n ],\n \"actions\": [\n {\n \"type\": \"Action.OpenUrl\",\n \"title\": \"View Full Garden\",\n \"url\": \"https://plant.val.run/\"\n }\n ]\n}",[],[167,213,221],"8433f352-3fe9-11f0-a60e-76b3cceeab13","components","82a233d2-3fe9-11f0-83cc-76b3cceeab13",173,["D",1748893262632],[235,236,237,238,239,240,241,242],[167,229],{"_35":303,"_13":304,"_38":305,"_40":230,"_42":43,"_44":306,"_46":47,"_48":307,"_17":135,"_51":52,"_53":308,"_55":56,"_57":-5,"_91":309,"_18":310},{"_35":294,"_13":295,"_38":296,"_40":230,"_42":43,"_44":297,"_46":47,"_48":298,"_17":299,"_51":52,"_53":300,"_55":56,"_57":-5,"_91":301,"_18":302},{"_35":286,"_13":287,"_38":288,"_40":230,"_42":43,"_44":289,"_46":47,"_48":290,"_17":135,"_51":52,"_53":291,"_55":56,"_57":-5,"_91":292,"_18":293},{"_35":277,"_13":278,"_38":279,"_40":230,"_42":43,"_44":280,"_46":47,"_48":281,"_17":282,"_51":52,"_53":283,"_55":56,"_57":-5,"_91":284,"_18":285},{"_35":269,"_13":270,"_38":271,"_40":230,"_42":43,"_44":272,"_46":47,"_48":273,"_17":135,"_51":52,"_53":274,"_55":56,"_57":-5,"_91":275,"_18":276},{"_35":261,"_13":262,"_38":263,"_40":230,"_42":43,"_44":264,"_46":47,"_48":265,"_17":135,"_51":52,"_53":266,"_55":56,"_57":-5,"_91":267,"_18":268},{"_35":252,"_13":253,"_38":254,"_40":230,"_42":43,"_44":255,"_46":47,"_48":256,"_17":257,"_51":52,"_53":258,"_55":56,"_57":-5,"_91":259,"_18":260},{"_35":243,"_13":244,"_38":245,"_40":230,"_42":43,"_44":246,"_46":47,"_48":247,"_17":248,"_51":52,"_53":249,"_55":56,"_57":-5,"_91":250,"_18":251},"d6720bde-42fc-11f0-84bd-76b3cceeab13","UserMenu.tsx","d9bc8b9a-3fe9-11f0-b09f-76b3cceeab13",600,["D",1749231414538],11,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface UserMenuProps {\n user: {\n authenticated: boolean;\n username?: string;\n } | null;\n isDemo: boolean;\n onLogin: () => void;\n onLogout: () => Promise;\n}\n\nexport function UserMenu({ user, isDemo, onLogin, onLogout }: UserMenuProps) {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const [isLoggingOut, setIsLoggingOut] = useState(false);\n\n const handleLogout = async () => {\n setIsLoggingOut(true);\n try {\n await onLogout();\n } finally {\n setIsLoggingOut(false);\n setIsMenuOpen(false);\n }\n };\n\n return (\n

\n {isDemo && (\n

\n \n Demo\n

\n )}\n\n {user?.authenticated\n ? (\n

\n setIsMenuOpen(!isMenuOpen)}\n className=\"flex items-center gap-2 sm:gap-3 bg-emerald-50 dark:bg-emerald-900/20 text-emerald-700 dark:text-emerald-300 px-3 sm:px-4 lg:px-6 py-2 sm:py-3 rounded-xl sm:rounded-2xl hover:bg-emerald-100 dark:hover:bg-emerald-800/30 transition-all duration-300 border border-emerald-200 dark:border-emerald-700 shadow-lg hover:shadow-xl group\"\n >\n

\n \n

\n {user.username || \"User\"}\n

Connected

\n \n \n \n \n\n {isMenuOpen && (\n

\n \n

\n {user.username || \"WakaTime User\"}\n

\n \n \n Connected to WakaTime\n \n

\n {/* Embed Button */}\n \n {\" \"}\n \n Share\n \n \n \n \n \n {isLoggingOut ? \"Logging out...\" : \"Logout\"}\n \n \n

\n )}\n

\n )\n : (\n \n \n Connect WakaTime\n Connect\n \n )}\n

\n\n {/* Enhanced backdrop */}\n {isMenuOpen && (\n setIsMenuOpen(false)}\n />\n )}\n

\n );\n}",[],[167,229,244],"f581fea4-427e-11f0-b7d8-76b3cceeab13","StatsPanel.tsx","d1a62dee-3fe9-11f0-9e36-76b3cceeab13",545,["D",1749177350064],14,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface StatsPanelProps {\n todayStats: any;\n weeklyStats: any;\n}\n\nexport function StatsPanel({ todayStats, weeklyStats }: StatsPanelProps) {\n const formatTime = (seconds: number) => {\n const hours = Math.floor(seconds / 3600);\n const minutes = Math.floor((seconds % 3600) / 60);\n\n if (hours > 0) {\n return `${hours}h ${minutes}m`;\n }\n return `${minutes}m`;\n };\n\n const getTopLanguages = (languages: any[]) => {\n return languages\n .sort((a, b) => b.total_seconds - a.total_seconds)\n .slice(0, 5);\n };\n\n const getLanguageColor = (language: string) => {\n const colors: { [key: string]: string } = {\n \"JavaScript\": \"bg-yellow-400\",\n \"TypeScript\": \"bg-blue-500\",\n \"Python\": \"bg-green-500\",\n \"Java\": \"bg-red-500\",\n \"C++\": \"bg-purple-500\",\n \"Go\": \"bg-cyan-500\",\n \"Rust\": \"bg-orange-500\",\n \"PHP\": \"bg-indigo-500\",\n \"Ruby\": \"bg-red-600\",\n \"Swift\": \"bg-orange-400\",\n };\n return colors[language] || \"bg-gray-500\";\n };\n\n return (\n

\n \n \n \n Coding Stats\n

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

\n \n \n \n \n \n Today\n

\n {formatTime(todayStats.totalSeconds)}\n

Total Time

\n {todayStats.languages.length}\n

Languages

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

\n \n \n \n \n \n This Week\n

\n {formatTime(weeklyStats.totalSeconds)}\n

Total

\n {(weeklyStats.consistency * 100).toFixed(0)}%\n

Consistency

\n {weeklyStats.languages.length}\n

Languages

\n\n {/* Top Languages */}\n {weeklyStats.languages.length > 0 && (\n

\n \n \n \n Top Languages\n

\n {getTopLanguages(weeklyStats.languages).map((lang: any, _index: number) => (\n

\n \n {lang.name}\n \n \n {formatTime(lang.total_seconds)}\n \n

\n \n

\n ))}\n

\n )}\n\n {/* Daily Activity Chart */}\n {weeklyStats.dailyStats && (\n

\n \n \n \n Daily Activity\n

\n {weeklyStats.dailyStats.map((day: any, _index: number) => {\n const height = weeklyStats.totalSeconds > 0\n ? (day.seconds / weeklyStats.totalSeconds) * 100 * 7 // Scale for 7 days\n : 0;\n\n return (\n

\n \n \n {new Date(day.date).toLocaleDateString(\"en\", { weekday: \"short\" })}\n \n

\n );\n })}\n

\n )}\n

\n );\n}",[],[167,229,253],"c9a60a6a-3fe9-11f0-ac05-76b3cceeab13","ProgressPanel.tsx","c434a5fa-3fe9-11f0-952b-76b3cceeab13",189,["D",1748893379143],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { calculatePlantGrowth, PlantIcon } from \"../../shared/plantStages.tsx\";\nimport { getPlantType } from \"../../shared/plantTypes.ts\";\n\ninterface ProgressPanelProps {\n weeklyStats: any;\n selectedPlantType: string;\n}\n\nexport function ProgressPanel({ weeklyStats, selectedPlantType }: ProgressPanelProps) {\n const plantType = getPlantType(selectedPlantType);\n const growth = calculatePlantGrowth(weeklyStats, selectedPlantType);\n const currentStage = plantType.stages[growth.currentStage];\n const nextStage = plantType.stages[growth.currentStage + 1];\n\n const getRequirementStatus = (current: number, required: number) => {\n const percentage = Math.min(100, (current / required) * 100);\n const isMet = current >= required;\n\n return {\n percentage,\n isMet,\n color: isMet ? \"bg-green-500\" : \"bg-yellow-500\",\n };\n };\n\n const formatHours = (hours: number) => {\n return hours < 1 ? `${Math.round(hours * 60)}m` : `${hours.toFixed(1)}h`;\n };\n\n return (\n

\n
\n \n
\n Growth Progress\n

\n\n {/* Current Stage - Enhanced */}\n

\n \n

\n {currentStage.name}\n

\n \n Current Stage Achieved\n

\n\n {/* Next Stage Requirements - Enhanced */}\n {nextStage && (\n

\n \n

\n {nextStage.name}\n

\n \n Next Target Stage\n

\n\n {/* Professional Progress Bars */}\n

\n {/* Hours Requirement */}\n

\n \n \n \n

\n Coding Hours\n

\n \n {formatHours(growth.weeklyHours)} / {formatHours(nextStage.requiredHours)}\n \n

\n \n

\n\n {/* Consistency Requirement */}\n {nextStage.requiredConsistency && (\n

\n \n \n \n

\n \n Consistency\n \n

\n \n {(growth.consistency * 100).toFixed(0)}% / {(nextStage.requiredConsistency * 100).toFixed(0)}%\n \n

\n \n

\n )}\n\n {/* Language Diversity Requirement */}\n {nextStage.requiredLanguages && (\n

\n \n \n \n

\n Languages\n

\n \n {growth.languageDiversity} / {nextStage.requiredLanguages}\n \n

\n \n

\n )}\n\n {/* Overall Progress - Enhanced */}\n

\n \n Overall Progress\n \n \n {growth.progressToNext.toFixed(1)}%\n \n

\n \n

\n )}\n\n {/* Achievement Badge - Enhanced */}\n {growth.currentStage === plantType.stages.length - 1 && (\n

\n \n

\n Master Gardener!\n

\n You've reached the pinnacle of coding growth!\n

\n )}\n\n {/* Professional Tips */}\n

\n
\n \n
\n Growth Tips\n

\n \n Code consistently every day for better growth\n
\n \n Explore different programming languages\n
\n \n Longer coding sessions accelerate progress\n

\n );\n}",[],[167,229,262],"bddebc5e-3fe9-11f0-98e8-76b3cceeab13","PlantSelector.tsx","baac6522-3fe9-11f0-af02-76b3cceeab13",186,["D",1748893359382],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { PlantIcon } from \"../../shared/plantStages.tsx\";\nimport { PLANT_TYPES } from \"../../shared/plantTypes.ts\";\n\ninterface PlantSelectorProps {\n selectedPlantType: string;\n onPlantTypeChange: (plantTypeId: string) => void;\n isOpen: boolean;\n onClose: () => void;\n}\n\nexport function PlantSelector({ selectedPlantType, onPlantTypeChange, isOpen, onClose }: PlantSelectorProps) {\n const [hoveredType, setHoveredType] = useState(null);\n\n if (!isOpen) return null;\n\n const handleSelect = (plantTypeId: string) => {\n onPlantTypeChange(plantTypeId);\n onClose();\n };\n\n return (\n

\n {/* Header */}\n

\n Choose Your Plant\n

\n Select the type of plant you'd like to grow with your coding journey\n

\n \n \n \n \n \n

\n\n {/* Plant Types Grid */}\n

\n {PLANT_TYPES.map((plantType) => {\n const isSelected = selectedPlantType === plantType.id;\n const isHovered = hoveredType === plantType.id;\n\n return (\n handleSelect(plantType.id)}\n onMouseEnter={() => setHoveredType(plantType.id)}\n onMouseLeave={() => setHoveredType(null)}\n >\n \n {/* Plant Type Header */}\n

\n \n {plantType.emoji}\n

\n {plantType.name}\n

\n {plantType.description}\n

\n {isSelected && (\n

\n \n

\n )}\n

\n\n {/* Stage Preview */}\n

\n Growth Stages Preview:\n

\n\n {/* Stage Icons Row */}\n

\n {plantType.stages.slice(0, 4).map((stage, _index) => (\n

\n \n \n

\n {stage.name}\n

\n ))}\n {plantType.stages.length > 4 && (\n

\n ...\n

\n +{plantType.stages.length - 4} more\n

\n )}\n

\n\n {/* Theme Colors */}\n

\n Theme:\n

\n\n {/* Selection Overlay */}\n {isSelected && (\n

\n )}\n

\n );\n })}\n \n\n {/* Footer */}\n

\n 💡 Tip: You can change your plant type anytime in the settings\n

\n \n Close\n \n

\n \n \n \n );\n}",[],[167,229,270],"16733e14-41d7-11f0-8c59-76b3cceeab13","PlantGarden.tsx","a9ee39c2-3fe9-11f0-aa52-76b3cceeab13",503,["D",1749105249881],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { calculatePlantGrowth, PlantIcon } from \"../../shared/plantStages.tsx\";\nimport { getPlantType } from \"../../shared/plantTypes.ts\";\n\ninterface PlantGardenProps {\n weeklyStats: any;\n selectedPlantType: string;\n}\n\nexport function PlantGarden({ weeklyStats, selectedPlantType }: PlantGardenProps) {\n const [particles, setParticles] = useState>([]);\n const [particleId, setParticleId] = useState(0);\n\n if (!weeklyStats) {\n return (\n

\n \n \n \n

\n );\n }\n\n const plantType = getPlantType(selectedPlantType);\n const growth = calculatePlantGrowth(weeklyStats, selectedPlantType);\n const currentStage = plantType.stages[growth.currentStage];\n const nextStage = plantType.stages[growth.currentStage + 1];\n const isDemo = weeklyStats.isDemo;\n\n const createParticle = (x: number, y: number) => {\n const newParticle = { id: particleId, x, y };\n setParticles(prev => [...prev, newParticle]);\n setParticleId(prev => prev + 1);\n\n // Remove particle after animation\n setTimeout(() => {\n setParticles(prev => prev.filter(p => p.id !== newParticle.id));\n }, 3000);\n };\n\n const handlePlantClick = (event: React.MouseEvent) => {\n const rect = event.currentTarget.getBoundingClientRect();\n const x = event.clientX - rect.left;\n const y = event.clientY - rect.top;\n createParticle(x, y);\n };\n\n useEffect(() => {\n if (growth.currentStage >= 4) {\n const interval = setInterval(() => {\n const x = Math.random() * 300 + 50;\n const y = Math.random() * 200 + 100;\n createParticle(x, y);\n }, 2000);\n\n return () => clearInterval(interval);\n }\n }, [growth.currentStage]);\n\n const getPlantSize = () => {\n if (globalThis.innerWidth < 640) return \"w-20 h-20\"; // Mobile\n if (globalThis.innerWidth < 1024) return \"w-24 h-24\"; // Tablet\n return \"w-32 h-32\"; // Desktop\n };\n\n const getGlowIntensity = () => {\n return growth.currentStage >= 5 ? \"progress-glow\" : \"\";\n };\n\n return (\n

\n {/* Professional Background Elements */}\n

\n \n \n \n

\n \n

\n \n \n \n

\n\n {/* Main Content */}\n

\n {/* Professional Header */}\n

\n Your Coding Plant\n

\n Growing with every line of code you write\n

\n {isDemo && (\n

\n \n Demo Data\n

\n )}\n

\n\n {/* Enhanced Plant Display */}\n

\n \n \n \n

\n\n {/* Enhanced Particles */}\n {particles.map(particle => (\n \n ))}\n

\n\n {/* Professional Plant Info */}\n

\n {/* Plant Status */}\n

\n {currentStage.name}\n

\n {currentStage.description}\n

\n\n {/* Professional Stage Indicator */}\n

\n {plantType.stages.map((stage, index) => (\n \n {index <= growth.currentStage && (\n

\n )}\n

\n ))}\n

\n\n {/* Professional Stats Grid */}\n

\n {growth.weeklyHours.toFixed(1)}h\n

This Week

\n {(growth.consistency * 100).toFixed(0)}%\n

Consistency

\n {growth.languageDiversity}\n

Languages

\n {growth.currentStage + 1}\n

Stage

\n\n {/* Professional Next Stage Preview */}\n {nextStage && (\n

\n \n

\n Next: {nextStage.name}\n

\n Keep coding to unlock this magnificent stage!\n

\n\n

\n Required: {nextStage.requiredHours}h coding\n

\n {nextStage.requiredConsistency && (\n

\n \n Consistency: {(nextStage.requiredConsistency * 100).toFixed(0)}%\n \n

\n )}\n {nextStage.requiredLanguages && (\n

\n Languages: {nextStage.requiredLanguages}\n

\n )}\n

\n\n

\n \n Overall Progress\n \n \n {growth.progressToNext.toFixed(1)}%\n \n

\n \n

\n \n )}\n \n \n \n );\n}",[],[167,229,278],"a2bc8712-3fe9-11f0-84a3-76b3cceeab13","LoginModal.tsx","9fcb5f10-3fe9-11f0-84a3-76b3cceeab13",179,["D",1748893313859],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface LoginModalProps {\n isOpen: boolean;\n onClose: () => void;\n onLogin: (apiKey: string, apiUrl?: string) => Promise;\n}\n\nexport function LoginModal({ isOpen, onClose, onLogin }: LoginModalProps) {\n const [apiKey, setApiKey] = useState(\"\");\n const [apiUrl, setApiUrl] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const [showAdvanced, setShowAdvanced] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!apiKey.trim()) {\n setError(\"Please enter your WakaTime API key\");\n return;\n }\n\n setIsLoading(true);\n setError(\"\");\n\n try {\n await onLogin(apiKey.trim(), apiUrl.trim());\n setApiKey(\"\");\n setApiUrl(\"\");\n onClose();\n } catch (err) {\n if (err instanceof Error) {\n if (err.message.includes(\"Invalid API key\")) {\n setError(\"Invalid API key. Please check your key and try again.\");\n } else if (err.message.includes(\"Failed to fetch\")) {\n setError(\"Network error. Please check your connection and try again.\");\n } else {\n setError(err.message);\n }\n } else {\n setError(\"Login failed. Please try again.\");\n }\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleClose = () => {\n setApiKey(\"\");\n setApiUrl(\"\");\n setError(\"\");\n onClose();\n };\n\n if (!isOpen) return null;\n\n return (\n

\n 🔑\n

\n Connect WakaTime\n

\n Unlock your real coding insights\n

\n \n \n \n

\n\n

\n Connect your WakaTime account to track your real coding activity and watch your plants grow based on your\n actual programming progress and achievements.\n

\n\n

\n \n WakaTime API Key\n \n

\n setApiKey(e.target.value)}\n placeholder=\"waka_xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx\"\n className=\"w-full px-4 py-4 border-2 border-gray-200 dark:border-gray-600 rounded-2xl focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 bg-white dark:bg-slate-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 transition-all duration-200 font-mono text-sm\"\n disabled={isLoading}\n />\n

\n \n

\n\n

\n setShowAdvanced(!showAdvanced)}\n className=\"text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white font-medium flex items-center gap-2\"\n >\n \n \n \n Advanced Options\n \n

\n\n {showAdvanced && (\n

\n \n Custom API URL (Optional)\n \n setApiUrl(e.target.value)}\n placeholder=\"https://wakatime.com/api/v1\"\n className=\"w-full px-4 py-4 border-2 border-gray-200 dark:border-gray-600 rounded-2xl focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 bg-white dark:bg-slate-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 transition-all duration-200 text-sm\"\n disabled={isLoading}\n />\n

\n )}\n\n {error && (\n

\n \n \n \n

{error}

\n )}\n\n

\n \n Cancel\n \n \n {isLoading\n ? (\n

\n Connecting...\n

\n )\n : (\n

\n \n Connect\n

\n )}\n \n

\n\n

\n
\n 💡\n
\n How to get your API key:\n

\n \n 1\n \n \n Visit{\" \"}\n \n wakatime.com/api-key\n \n \n
\n \n 2\n \n Copy your secret API key\n
\n \n 3\n \n Paste it above and click Connect\n

\n \n Your API key is stored securely in your browser and never shared.\n

\n );\n}",[],[167,229,287],"f0c9a80e-41d8-11f0-bcdb-76b3cceeab13","Garden.tsx","869c8c02-4085-11f0-bfef-76b3cceeab13",515,["D",1749106045687],33,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"react\";\nimport { PlantIcon } from \"../../shared/plantStages.tsx\";\n\ninterface GardenUser {\n id: number;\n username: string;\n plantType: string;\n currentStage: number;\n stageName: string;\n totalHours: number;\n consistency: number;\n languageDiversity: number;\n lastActive: string;\n createdAt: string;\n}\n\ninterface GardenProps {\n onBack: () => void;\n sessionId?: string | null;\n}\n\nconst Garden: React.FC = ({ onBack, sessionId }) => {\n const [users, setUsers] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [sortBy, setSortBy] = useState<\"recent\" | \"hours\" | \"stage\">(\"recent\");\n const [debugInfo, setDebugInfo] = useState(null);\n const [tableInfo, setTableInfo] = useState(null);\n\n useEffect(() => {\n fetchGardenData();\n if (sessionId) {\n fetchDebugInfo();\n fetchTableInfo();\n }\n }, [sessionId]);\n\n const fetchTableInfo = async () => {\n try {\n const response = await fetch(\"/api/debug/table-info\");\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n console.log(\"Table info received:\", data);\n setTableInfo(data);\n } catch (error) {\n console.error(\"Failed to fetch table info:\", error);\n setTableInfo({ error: error instanceof Error ? error.message : \"Unknown error\" });\n }\n };\n\n const fetchDebugInfo = async () => {\n try {\n const response = await fetch(\"/api/debug/users\");\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n console.log(\"Debug info received:\", data);\n setDebugInfo(data);\n } catch (error) {\n console.error(\"Failed to fetch debug info:\", error);\n setDebugInfo({ error: error instanceof Error ? error.message : \"Unknown error\" });\n }\n };\n\n const makeEligible = async () => {\n if (!sessionId) {\n alert(\"No session ID available. Please log in first.\");\n return;\n }\n\n try {\n const response = await fetch(\"/api/user/force-garden-eligible\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ sessionId, eligible: true }),\n });\n\n const data = await response.json();\n\n if (response.ok) {\n alert(\"You are now eligible for the garden! Refreshing data...\");\n await fetchGardenData();\n await fetchDebugInfo();\n } else {\n alert(`Error: ${data.error || \"Failed to update eligibility\"}`);\n }\n } catch (error) {\n console.error(\"Failed to make eligible:\", error);\n alert(\"Failed to update eligibility. Check console for details.\");\n }\n };\n\n const createUser = async () => {\n if (!sessionId) {\n alert(\"No session ID available. Please log in first.\");\n return;\n }\n\n const username = prompt(\"Enter a username for testing:\") || \"TestUser\";\n\n try {\n const response = await fetch(\"/api/debug/create-user\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ sessionId, username }),\n });\n\n const data = await response.json();\n\n if (response.ok) {\n alert(`User ${username} created successfully! Now making eligible...`);\n // Automatically make eligible after creation\n setTimeout(async () => {\n await makeEligible();\n }, 500);\n } else {\n alert(`Error creating user: ${data.error || \"Failed to create user\"}`);\n }\n } catch (error) {\n console.error(\"Failed to create user:\", error);\n alert(\"Failed to create user. Check console for details.\");\n }\n };\n\n const quickSetup = async () => {\n if (!sessionId) {\n alert(\"No session ID available. Please log in first.\");\n return;\n }\n\n try {\n // First create user\n const createResponse = await fetch(\"/api/debug/create-user\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ sessionId, username: \"QuickUser\" }),\n });\n\n if (createResponse.ok) {\n // Then make eligible\n const eligibleResponse = await fetch(\"/api/user/force-garden-eligible\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ sessionId, eligible: true }),\n });\n\n if (eligibleResponse.ok) {\n alert(\"Quick setup complete! You should now appear in the garden.\");\n await fetchGardenData();\n await fetchDebugInfo();\n }\n }\n } catch (error) {\n console.error(\"Quick setup failed:\", error);\n alert(\"Quick setup failed. Try the individual buttons.\");\n }\n };\n\n const fetchGardenData = async () => {\n try {\n setLoading(true);\n const response = await fetch(\"/api/garden\");\n\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n const data = await response.json();\n\n // Ensure we have a users array\n if (data && Array.isArray(data.users)) {\n setUsers(data.users);\n } else {\n console.warn(\"Garden API returned invalid data structure:\", data);\n setUsers([]);\n }\n } catch (err) {\n console.error(\"Garden fetch error:\", err);\n setError(err instanceof Error ? err.message : \"Failed to load garden\");\n setUsers([]); // Set empty array on error\n } finally {\n setLoading(false);\n }\n };\n\n const getPlantEmoji = (plantType: string, stageName: string) => {\n const emojiMap: Record> = {\n \"classic-tree\": {\n \"Seed\": \"🌱\",\n \"Sprout\": \"🌱\",\n \"Seedling\": \"🌿\",\n \"Young Tree\": \"🌳\",\n \"Mature Tree\": \"🌳\",\n \"Flowering Tree\": \"🌸\",\n \"Fruit Tree\": \"🍎\",\n \"Ancient Oak\": \"🌳\",\n },\n \"flower-garden\": {\n \"Bulb\": \"🌱\",\n \"First Shoot\": \"🌱\",\n \"Stem & Leaves\": \"🌿\",\n \"Bud Formation\": \"🌹\",\n \"First Bloom\": \"🌸\",\n \"Full Bloom\": \"🌺\",\n \"Garden Bed\": \"🌻\",\n \"Botanical Paradise\": \"🌺\",\n },\n \"cactus-desert\": {\n \"Cactus Seed\": \"🌱\",\n \"Tiny Cactus\": \"🌵\",\n \"Growing Cactus\": \"🌵\",\n \"Spiky Cactus\": \"🌵\",\n \"Tall Cactus\": \"🌵\",\n \"Flowering Cactus\": \"🌵\",\n \"Cactus Family\": \"🌵\",\n \"Desert Oasis\": \"🌴\",\n },\n \"mushroom-forest\": {\n \"Spore\": \"🍄\",\n \"Mycelium\": \"🍄\",\n \"Tiny Mushroom\": \"🍄\",\n \"Toadstool\": \"🍄\",\n \"Mushroom Cluster\": \"🍄\",\n \"Glowing Mushrooms\": \"🍄\",\n \"Fairy Ring\": \"🍄\",\n \"Mystical Forest\": \"🍄\",\n },\n };\n\n return emojiMap[plantType]?.[stageName] || \"🌱\";\n };\n\n const getPlantTypeDisplayName = (plantType: string) => {\n const names: Record = {\n \"classic-tree\": \"Classic Tree\",\n \"flower-garden\": \"Flower Garden\",\n \"cactus-desert\": \"Desert Cactus\",\n \"mushroom-forest\": \"Mushroom Forest\",\n };\n return names[plantType] || plantType;\n };\n\n const formatTimeAgo = (dateString: string) => {\n const date = new Date(dateString);\n const now = new Date();\n const diffMs = now.getTime() - date.getTime();\n const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n if (diffDays === 0) return \"Today\";\n if (diffDays === 1) return \"Yesterday\";\n if (diffDays < 7) return `${diffDays} days ago`;\n if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;\n return `${Math.floor(diffDays / 30)} months ago`;\n };\n\n const sortedUsers = [...users].sort((a, b) => {\n switch (sortBy) {\n case \"hours\":\n return b.totalHours - a.totalHours;\n case \"stage\":\n return b.currentStage - a.currentStage;\n case \"recent\":\n default:\n return new Date(b.lastActive).getTime() - new Date(a.lastActive).getTime();\n }\n });\n\n if (loading) {\n return (\n

🌱

Loading the garden...

\n );\n }\n\n if (error) {\n return (\n

🚫

{error}

\n \n Try Again\n \n

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

\n {/* Header */}\n

\n \n ← Back\n \n\n

\n 🌻 Community Garden\n

\n Discover how fellow coders are growing their plants!\n

\n\n {/* Sort Controls */}\n

\n setSortBy(\"recent\")}\n className={`px-4 py-2 rounded-lg transition-colors ${\n sortBy === \"recent\"\n ? \"bg-green-600 text-white\"\n : \"bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700\"\n }`}\n >\n Most Recent\n \n setSortBy(\"hours\")}\n className={`px-4 py-2 rounded-lg transition-colors ${\n sortBy === \"hours\"\n ? \"bg-green-600 text-white\"\n : \"bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700\"\n }`}\n >\n Most Hours\n \n setSortBy(\"stage\")}\n className={`px-4 py-2 rounded-lg transition-colors ${\n sortBy === \"stage\"\n ? \"bg-green-600 text-white\"\n : \"bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700\"\n }`}\n >\n Most Advanced\n \n

\n\n {/* Garden Grid */}\n {sortedUsers.length === 0\n ? (\n

🌱

\n Garden is Growing\n

\n No gardeners have reached level 3+ yet. Keep coding to join the community!\n

🎯 Garden Requirements

\n To appear in the community garden, reach Level 2+ by achieving:\n

• 3+ hours of coding this week
• 30%+ consistency (coding on multiple days)
• 1+ programming language

\n {sessionId && (\n

\n Session ID: {sessionId.substring(0, 8)}...\n

\n \n Quick Setup\n \n \n Create User\n \n \n Make Eligible\n \n

\n )}\n {!sessionId && (\n

\n Note: Please log in with WakaTime to use test features\n

\n )}\n

\n\n {/* Debug Info */}\n {debugInfo && (\n

🔍 Debug Info

\n Total users in database: {debugInfo.total || 0}\n

\n Garden eligible users: {Array.isArray(debugInfo.users)\n ? debugInfo.users.filter((u: any) => u.garden_eligible).length\n : 0}\n

\n {Array.isArray(debugInfo.users) && debugInfo.users.length > 0 && (\n

\n All users:\n

\n                      {JSON.stringify(debugInfo.users.map((u: any) => ({\n                        username: u.username,\n                        plant_type: u.plant_type,\n                        garden_eligible: u.garden_eligible\n                      })), null, 2)}\n

\n )}\n {!Array.isArray(debugInfo.users) && (\n

\n Debug Error: Users data is not an array\n

\n                      {JSON.stringify(debugInfo, null, 2)}\n

\n )}\n\n {/* Table Info */}\n {tableInfo && (\n

\n Database Info:\n

Table exists: {tableInfo.tableExists ? \"Yes\" : \"No\"}

Table name: {tableInfo.tableName}

\n {Array.isArray(tableInfo.allTables) && tableInfo.allTables.length > 0 && (\n

All tables: {tableInfo.allTables.map((t: any) => t.name).join(\", \")}

\n )}\n {!Array.isArray(tableInfo.allTables) && (\n

Tables data: {JSON.stringify(tableInfo.allTables)}

\n )}\n {tableInfo.error &&

Error: {tableInfo.error}

}\n

\n )}\n

\n )\n : (\n <>\n

\n {sortedUsers.map((user) => (\n \n {/* Plant Display */}\n

\n {getPlantEmoji(user.plantType, user.stageName)}\n

\n {user.username}\n

\n {getPlantTypeDisplayName(user.plantType)}\n

\n\n {/* Stage Info */}\n

\n \n Stage {user.currentStage + 1}\n \n \n {formatTimeAgo(user.lastActive)}\n \n

\n {user.stageName}\n

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

\n Hours:\n \n {user.totalHours}h\n \n

\n Consistency:\n \n {user.consistency}%\n \n

\n Languages:\n \n {user.languageDiversity}\n \n

\n\n {/* Progress Indicator */}\n

\n \n

\n ))}\n

\n\n {/* Garden Requirements Info */}\n

🌟 Join the Garden

\n Reach Level 2+{\" \"}\n to have your plant displayed in the community garden! Keep coding consistently to grow your plant and\n join this community.\n

\n \n )}\n\n {/* Stats Summary */}\n {sortedUsers.length > 0 && (\n

\n 🌍 Garden Statistics\n

\n {sortedUsers.length}\n

\n Total Gardeners\n

\n {Math.round(sortedUsers.reduce((sum, user) => sum + user.totalHours, 0))}h\n

\n Total Hours Coded\n

\n {Math.round(sortedUsers.reduce((sum, user) => sum + user.consistency, 0) / sortedUsers.length)}%\n

\n Avg Consistency\n

\n {Math.max(...sortedUsers.map(user => user.currentStage)) + 1}\n

\n Highest Stage\n

\n )}\n \n \n );\n};\n\nexport default Garden;",[],[167,229,295],"8dfcfe2e-3fe9-11f0-b182-76b3cceeab13","ErrorBoundary.tsx","8aa4c072-3fe9-11f0-9e0b-76b3cceeab13",176,["D",1748893279049],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { Component, ReactNode } from \"https://esm.sh/react@18.2.0\";\n\ninterface Props {\n children: ReactNode;\n}\n\ninterface State {\n hasError: boolean;\n error?: Error;\n}\n\nexport class ErrorBoundary extends Component {\n constructor(props: Props) {\n super(props);\n this.state = { hasError: false };\n }\n\n static getDerivedStateFromError(error: Error): State {\n return { hasError: true, error };\n }\n\n override componentDidCatch(error: Error, errorInfo: any) {\n console.error(\"ErrorBoundary caught an error:\", error, errorInfo);\n }\n\n override render() {\n if (this.state.hasError) {\n return (\n

🌿💥

\n Oops! Your plant encountered an error\n

\n {this.state.error?.message\n || \"Something went wrong in the garden\"}\n

\n globalThis.location.reload()}\n className=\"bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg transition-colors\"\n >\n Restart Garden\n \n

\n );\n }\n\n return this.props.children;\n }\n}",[],[167,229,304],"e7e0b5a8-3f75-11f0-ab70-76b3cceeab13",["D",1748843608237],[315,316,317],[59],{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":337,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_91":338,"_18":339},{"_35":327,"_13":328,"_38":329,"_40":70,"_42":43,"_44":330,"_46":47,"_48":331,"_17":332,"_51":333,"_53":334,"_55":56,"_57":14,"_91":335,"_18":336},{"_35":318,"_13":319,"_38":320,"_40":70,"_42":43,"_44":321,"_46":47,"_48":322,"_17":323,"_51":52,"_53":324,"_55":56,"_57":-5,"_91":325,"_18":326},"e1a15f5c-41ba-11f0-b966-76b3cceeab13","widget-api.ts","eb3343ee-41b7-11f0-8708-76b3cceeab13",401,["D",1749093135354],10,"// Widget API endpoint for Windows PWA Widget integration\n\ninterface WidgetData {\n plantType: string;\n currentStage: number;\n totalHours: number;\n todayHours: number;\n totalHoursFormatted: string;\n todayHoursFormatted: string;\n consistency: number;\n languageDiversity: number;\n progressToNext: number;\n stageName: string;\n nextStageName?: string;\n isFullyGrown: boolean;\n plantEmoji: string;\n progressText: string;\n}\n\n// Helper function to format hours\nfunction formatHours(hours: number): string {\n return hours < 10 ? hours.toFixed(1) + \"h\" : Math.round(hours) + \"h\";\n}\n\n// Helper function to get plant emoji based on type and stage\nfunction getPlantEmoji(plantTypeId: string, stage: number): string {\n const emojiMap: { [key: string]: string[] } = {\n \"classic-tree\": [\"🌱\", \"🌿\", \"🌾\", \"🌳\", \"🌲\", \"🎄\", \"🌳\", \"🌴\"],\n \"flower\": [\"🌱\", \"🌿\", \"🌾\", \"🌺\", \"🌸\", \"🌼\", \"🌻\", \"💐\"],\n \"cactus\": [\"🌱\", \"🌿\", \"🌵\", \"🌵\", \"🌵\", \"🌵\", \"🌵\", \"🌵\"],\n \"mushroom\": [\"🌱\", \"🌿\", \"🍄\", \"🍄\", \"🍄\", \"🍄\", \"🍄\", \"🍄\"],\n };\n\n const emojis = emojiMap[plantTypeId] || emojiMap[\"classic-tree\"];\n return emojis[Math.min(stage, emojis.length - 1)];\n}\n\nexport function getWidgetData(username?: string): WidgetData {\n try {\n // If no username provided, return demo data\n if (!username) {\n const demoTotalHours = 42.5;\n const demoTodayHours = 2.3;\n\n return {\n plantType: \"classic-tree\",\n currentStage: 3,\n totalHours: demoTotalHours,\n todayHours: demoTodayHours,\n totalHoursFormatted: formatHours(demoTotalHours),\n todayHoursFormatted: formatHours(demoTodayHours),\n consistency: 85,\n languageDiversity: 7,\n progressToNext: 65,\n stageName: \"Small Tree\",\n nextStageName: \"Growing Tree\",\n isFullyGrown: false,\n plantEmoji: getPlantEmoji(\"classic-tree\", 3),\n progressText: \"🌱 Growing to Growing Tree\",\n };\n }\n\n // In a real implementation, fetch user data from database\n // const userData = await getUserData(username);\n // For now, return sample data based on the username\n\n const plantTypeId = \"classic-tree\"; // This would come from user preferences\n const currentStage = Math.min(4, 7); // Mock current stage (max 7 stages)\n const realTotalHours = 156.7;\n const realTodayHours = 4.2;\n const isFullyGrown = currentStage >= 7;\n\n // Mock stage names based on classic tree\n const stageNames = [\n \"Seed\", \"Sprout\", \"Seedling\", \"Young Tree\", \n \"Mature Tree\", \"Flowering Tree\", \"Fruit Tree\", \"Ancient Oak\"\n ];\n\n const stageName = stageNames[currentStage] || \"Unknown\";\n const nextStageName = currentStage < 7 ? stageNames[currentStage + 1] : undefined;\n\n return {\n plantType: plantTypeId,\n currentStage,\n totalHours: realTotalHours,\n todayHours: realTodayHours,\n totalHoursFormatted: formatHours(realTotalHours),\n todayHoursFormatted: formatHours(realTodayHours),\n consistency: 92,\n languageDiversity: 12,\n progressToNext: 78,\n stageName,\n nextStageName,\n isFullyGrown,\n plantEmoji: getPlantEmoji(plantTypeId, currentStage),\n progressText: isFullyGrown ? \"🌳 Fully grown!\" : `🌱 Growing to ${nextStageName}`,\n };\n } catch (error) {\n console.error(\"Error fetching widget data:\", error);\n throw new Error(\"Failed to fetch widget data\");\n }\n}\n\n// Express route handler for the widget API\nexport function handleWidgetRequest(req: any, res: any) {\n try {\n const { username } = req.query;\n const widgetData = getWidgetData(username);\n\n res.json(widgetData);\n } catch (error) {\n console.error(\"Widget API error:\", error);\n res.status(500).json({\n error: \"Failed to fetch widget data\",\n plantType: \"tree\",\n currentStage: 0,\n totalHours: 0,\n todayHours: 0,\n consistency: 0,\n languageDiversity: 0,\n progressToNext: 0,\n stageName: \"Seedling\",\n isFullyGrown: false,\n });\n }\n}",[],[59,319],"79ec525c-42fc-11f0-af27-76b3cceeab13","index.ts","e7e0a13a-3f75-11f0-ab70-76b3cceeab13",597,["D",1749231259311],131,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { initializeDatabase, runManualMigration, USERS_TABLE } from \"./database/migrations.ts\";\nimport {\n checkAndUpdateGardenEligibility,\n createUser,\n deleteUser,\n getAllUsersForGarden,\n getUserBySessionId,\n type PublicUser,\n updateUserActivity,\n updateUserApiKey,\n updateUserGardenEligibility,\n updateUserPlantType,\n type User,\n} from \"./database/queries.ts\";\n\nconst app = new Hono();\n\ninitializeDatabase().catch(console.error);\n\napp.onError((err: unknown, c: any) => {\n throw err;\n});\n\n// Simple login endpoint that validates API key\napp.post(\"/api/auth/validate\", async (c: any) => {\n try {\n const { apiKey, apiUrl } = await c.req.json();\n\n console.log(\"Validating API key...\");\n if (!apiKey || typeof apiKey !== \"string\") {\n return c.json({ error: \"API key is required\" }, 400);\n }\n\n // Validate API key by making a test request\n const testResponse = await fetch(`${apiUrl || \"https://wakatime.com/api/v1\"}/users/current`, {\n headers: {\n \"Authorization\": `Basic ${btoa(apiKey)}`,\n },\n });\n\n if (!testResponse.ok) {\n console.log(\"WakaTime API validation failed:\", testResponse.status);\n return c.json({ error: \"Invalid API key\" }, 401);\n }\n\n const userData = await testResponse.json();\n console.log(\"WakaTime user validated:\", userData.data?.username);\n\n // Generate session ID and store user\n const sessionId = crypto.randomUUID();\n const username = userData.data?.username || \"WakaTime User\";\n\n try {\n console.log(`Creating user with sessionId: ${sessionId}, username: ${username}`);\n const newUser = await createUser(sessionId, apiKey, username);\n console.log(\"User created successfully:\", newUser);\n } catch (error: any) {\n console.log(\"User creation failed, trying to update existing user:\", error.message);\n // User might already exist, try to find and update\n try {\n const existingUser = await getUserBySessionId(sessionId);\n if (existingUser) {\n await updateUserApiKey(sessionId, apiKey);\n console.log(\"Updated existing user\");\n } else {\n // Try to find by username and create new session\n console.log(\"No existing user found, creating new one with different approach\");\n const newSessionId = crypto.randomUUID();\n const newUser = await createUser(newSessionId, apiKey, username);\n console.log(\"Created user with new session ID:\", newUser);\n return c.json({\n success: true,\n username,\n sessionId: newSessionId,\n message: \"API key is valid\",\n });\n }\n } catch (updateError: any) {\n console.error(\"Failed to update user:\", updateError);\n return c.json({ error: `User creation/update failed: ${updateError.message}` }, 500);\n }\n }\n\n return c.json({\n success: true,\n username,\n sessionId,\n message: \"API key is valid\",\n });\n } catch (error: any) {\n console.error(\"Validation error:\", error);\n return c.json({ error: `Validation failed: ${error.message}` }, 500);\n }\n});\n\n// Update user's plant type\napp.post(\"/api/user/plant-type\", async (c: any) => {\n try {\n const { sessionId, plantType } = await c.req.json();\n\n if (!sessionId || !plantType) {\n return c.json({ error: \"Session ID and plant type are required\" }, 400);\n }\n\n const validPlantTypes = [\"classic-tree\", \"flower-garden\", \"cactus-desert\", \"mushroom-forest\"];\n if (!validPlantTypes.includes(plantType)) {\n return c.json({ error: \"Invalid plant type\" }, 400);\n }\n\n await updateUserPlantType(sessionId, plantType);\n\n return c.json({ success: true, message: \"Plant type updated\" });\n } catch (error: any) {\n console.error(\"Plant type update error:\", error);\n return c.json({ error: `Failed to update plant type: ${error.message}` }, 500);\n }\n});\n\n// Get user's current plant type\napp.get(\"/api/user/plant-type\", async (c: any) => {\n try {\n const sessionId = c.req.query(\"sessionId\");\n\n if (!sessionId) {\n return c.json({ error: \"Session ID is required\" }, 400);\n }\n\n const user = await getUserBySessionId(sessionId);\n if (!user) {\n return c.json({ error: \"User not found\" }, 404);\n }\n\n return c.json({ plantType: user.plant_type || \"classic-tree\" });\n } catch (error: any) {\n console.error(\"Get plant type error:\", error);\n return c.json({ error: `Failed to get plant type: ${error.message}` }, 500);\n }\n});\n\n// Get user's garden eligibility status\napp.get(\"/api/user/garden-status\", async (c: any) => {\n try {\n const sessionId = c.req.query(\"sessionId\");\n\n if (!sessionId) {\n return c.json({ error: \"Session ID is required\" }, 400);\n }\n\n const user = await getUserBySessionId(sessionId);\n if (!user) {\n return c.json({ error: \"User not found\" }, 404);\n }\n\n return c.json({\n gardenEligible: user.garden_eligible || false,\n username: user.username,\n plantType: user.plant_type,\n });\n } catch (error: any) {\n console.error(\"Get garden status error:\", error);\n return c.json({ error: `Failed to get garden status: ${error.message}` }, 500);\n }\n});\n\n// Manual eligibility update for testing\napp.post(\"/api/user/force-garden-eligible\", async (c: any) => {\n try {\n const { sessionId, eligible } = await c.req.json();\n\n if (!sessionId) {\n return c.json({ error: \"Session ID is required\" }, 400);\n }\n\n await updateUserGardenEligibility(sessionId, eligible !== false);\n\n return c.json({ success: true, message: `Garden eligibility set to ${eligible !== false}` });\n } catch (error: any) {\n console.error(\"Force garden eligibility error:\", error);\n return c.json({ error: `Failed to update garden eligibility: ${error.message}` }, 500);\n }\n});\n\n// Garden API - get all users' plants\napp.get(\"/api/garden\", async (c: any) => {\n try {\n const users = await getAllUsersForGarden();\n console.log(users);\n // Ensure users is an array\n if (!Array.isArray(users.rows)) {\n console.log(\"getAllUsersForGarden returned non-array:\", users.rows);\n return c.json({ users: [] });\n }\n\n console.log(`Found ${users.rows.length} garden-eligible users`);\n\n // For each user, calculate their plant growth\n const gardenData = await Promise.all(users.rows.map(async (user: PublicUser) => {\n try {\n // Generate demo stats for garden display (in real app, you'd fetch from WakaTime)\n const demoStats = {\n totalSeconds: Math.random() * 50 * 3600, // 0-50 hours\n languages: [\n { name: \"TypeScript\", total_seconds: Math.random() * 10000 },\n { name: \"JavaScript\", total_seconds: Math.random() * 8000 },\n { name: \"Python\", total_seconds: Math.random() * 6000 },\n ],\n consistency: Math.random() * 0.8 + 0.2, // 20-100%\n isDemo: true,\n };\n\n const growth = calculatePlantGrowth(demoStats, user.plant_type);\n\n console.log(`User ${user.username}: Stage ${growth.currentStage}, Hours: ${growth.totalHours}`);\n\n return {\n id: user.id,\n username: user.username,\n plantType: user.plant_type,\n currentStage: growth.currentStage,\n stageName: growth.plantType.stages[growth.currentStage].name,\n totalHours: Math.round(growth.totalHours * 10) / 10,\n consistency: Math.round(growth.consistency * 100),\n languageDiversity: growth.languageDiversity,\n lastActive: user.last_active,\n createdAt: user.created_at,\n };\n } catch (error) {\n console.error(`Error calculating growth for user ${user.id}:`, error);\n return {\n id: user.id,\n username: user.username,\n plantType: user.plant_type,\n currentStage: 0,\n stageName: \"Seed\",\n totalHours: 0,\n consistency: 0,\n languageDiversity: 0,\n lastActive: user.last_active,\n createdAt: user.created_at,\n };\n }\n }));\n\n return c.json({ users: gardenData });\n } catch (error: any) {\n console.error(\"Garden API error:\", error);\n // Return empty array instead of error to prevent frontend crashes\n return c.json({ users: [] });\n }\n});\n\n// Debug endpoint to check all users and their eligibility\napp.get(\"/api/debug/users\", async (c: any) => {\n try {\n const result = await sqlite.execute(\n `SELECT id, username, plant_type, garden_eligible, created_at, last_active \n FROM ${USERS_TABLE} \n WHERE username IS NOT NULL \n ORDER BY last_active DESC`,\n );\n\n const users = Array.isArray(result.rows) ? result.rows : [];\n\n console.log(`Debug: Found ${users.length} users in database`);\n\n return c.json({\n users: users,\n total: users.length,\n eligible: users.filter((u: any) => u.garden_eligible).length,\n });\n } catch (error: any) {\n console.error(\"Debug users error:\", error);\n return c.json({\n error: error.message,\n users: [],\n total: 0,\n eligible: 0,\n });\n }\n});\n\napp.post(\"/api/debug/create-user\", async (c: any) => {\n try {\n const { sessionId, username } = await c.req.json();\n\n if (!sessionId || !username) {\n return c.json({ error: \"Session ID and username are required\" }, 400);\n }\n\n console.log(`Manually creating user: ${username} with session: ${sessionId}`);\n\n const newUser = await createUser(sessionId, \"demo-api-key\", username, \"classic-tree\");\n\n console.log(\"User created:\", newUser);\n\n return c.json({ success: true, user: newUser });\n } catch (error: any) {\n console.error(\"Manual user creation error:\", error);\n return c.json({ error: error.message }, 500);\n }\n});\n\n// Debug endpoint to check database table structure\napp.get(\"/api/debug/table-info\", async (c: any) => {\n try {\n // Check if table exists and get its structure\n const tableInfo = await sqlite.execute(`PRAGMA table_info(${USERS_TABLE})`);\n\n // Get all tables\n const tables = await sqlite.execute(`SELECT name FROM sqlite_master WHERE type='table'`);\n\n // Ensure arrays\n const tableInfoArray = Array.isArray(tableInfo.rows) ? tableInfo.rows : [];\n const tablesArray = Array.isArray(tables.rows) ? tables.rows : [];\n\n console.log(\"Table info debug:\", {\n tableInfo: tableInfoArray,\n tables: tablesArray,\n tableName: USERS_TABLE,\n });\n\n return c.json({\n tableExists: tableInfoArray.length > 0,\n tableStructure: tableInfoArray,\n allTables: tablesArray,\n tableName: USERS_TABLE,\n });\n } catch (error: any) {\n console.error(\"Table info error:\", error);\n return c.json({\n error: error.message,\n tableExists: false,\n tableStructure: [],\n allTables: [],\n tableName: USERS_TABLE,\n });\n }\n});\n\n// Serve static files\napp.get(\"/frontend/*\", (c: any) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c: any) => serveFile(c.req.path, import.meta.url));\napp.get(\"/api/wakatime/stats\", async (c: any) => {\n // Get API key from header or environment variable\n let apiKey = c.req.header(\"X-API-Key\");\n let apiUrl = c.req.header(\"X-API-Url\") || \"https://wakatime.com/api/v1\";\n\n if (!apiKey) {\n // Return demo data when no API key is available\n return c.json({\n totalSeconds: 7200, // 2 hours\n languages: [\n { name: \"TypeScript\", total_seconds: 4320 },\n { name: \"JavaScript\", total_seconds: 1800 },\n { name: \"Python\", total_seconds: 1080 },\n ],\n projects: [\n { name: \"plant-game\", total_seconds: 5400 },\n { name: \"personal-website\", total_seconds: 1800 },\n ],\n categories: [\n { name: \"Coding\", total_seconds: 7200 },\n ],\n isDemo: true,\n });\n }\n\n try {\n const today = new Date().toISOString().split(\"T\")[0];\n const response = await fetch(`${apiUrl}/users/current/summaries?start=${today}&end=${today}`, {\n headers: {\n \"Authorization\": `Basic ${btoa(apiKey)}`,\n },\n });\n\n if (!response.ok) {\n throw new Error(`WakaTime API error: ${response.status}`);\n }\n\n const data = await response.json();\n console.log(data);\n const todayStats = data.data[0];\n\n if (!todayStats) {\n return c.json({\n totalSeconds: 0,\n languages: [],\n projects: [],\n categories: [],\n isDemo: false,\n });\n }\n\n return c.json({\n totalSeconds: todayStats.grand_total.total_seconds,\n languages: todayStats.languages || [],\n projects: todayStats.projects || [],\n categories: todayStats.categories || [],\n isDemo: false,\n });\n } catch (error) {\n console.error(\"WakaTime API error:\", error);\n return c.json({ error: \"Failed to fetch WakaTime data\" }, 500);\n }\n});\n\n// Get weekly stats for growth calculation\napp.get(\"/api/wakatime/weekly\", async (c: any) => {\n // Get API key from header or environment variable\n let apiKey = c.req.header(\"X-API-Key\");\n let apiUrl = c.req.header(\"X-API-Url\") || \"https://wakatime.com/api/v1\";\n let sessionId = c.req.header(\"X-API-Id\");\n\n if (!apiKey) {\n // Return demo data when no API key is available\n const today = new Date();\n const dailyStats = [];\n\n // Generate 7 days of demo data\n for (let i = 6; i >= 0; i--) {\n const date = new Date(today.getTime() - i * 24 * 60 * 60 * 1000);\n const seconds = Math.random() * 14400 + 3600; // 1-5 hours per day\n dailyStats.push({\n date: date.toISOString().split(\"T\")[0],\n seconds: Math.floor(seconds),\n });\n }\n\n const totalSeconds = dailyStats.reduce((sum, day) => sum + day.seconds, 0);\n const daysWithCoding = dailyStats.filter(day => day.seconds > 1800).length; // Days with >30min\n\n const weeklyStats = {\n totalSeconds,\n languages: [\n { name: \"TypeScript\", total_seconds: totalSeconds * 0.4 },\n { name: \"JavaScript\", total_seconds: totalSeconds * 0.3 },\n { name: \"Python\", total_seconds: totalSeconds * 0.2 },\n { name: \"Go\", total_seconds: totalSeconds * 0.1 },\n ],\n dailyStats,\n consistency: daysWithCoding / 7,\n isDemo: true,\n };\n\n // Check garden eligibility for demo users if sessionId provided\n if (sessionId) {\n try {\n await checkAndUpdateGardenEligibility(sessionId, weeklyStats);\n } catch (error) {\n console.error(\"Error checking garden eligibility for demo user:\", error);\n }\n }\n\n return c.json(weeklyStats);\n }\n\n try {\n const today = new Date();\n const weekAgo = new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000);\n\n const startDate = weekAgo.toISOString().split(\"T\")[0];\n const endDate = today.toISOString().split(\"T\")[0];\n\n const response = await fetch(\n `${apiUrl}/users/current/summaries?start=${startDate}&end=${endDate}`,\n {\n headers: {\n \"Authorization\": `Basic ${btoa(apiKey)}`,\n },\n },\n );\n\n if (!response.ok) {\n throw new Error(`WakaTime API error: ${response.status}`);\n }\n\n const data = await response.json();\n\n // Calculate weekly totals\n let totalSeconds = 0;\n const languageMap = new Map();\n const dailyStats: any[] = [];\n\n data.data.forEach((day: any) => {\n const daySeconds = day.grand_total?.total_seconds || 0;\n totalSeconds += daySeconds;\n dailyStats.push({\n date: day.range.date,\n seconds: daySeconds,\n });\n\n // Aggregate languages\n day.languages?.forEach((lang: any) => {\n const current = languageMap.get(lang.name) || 0;\n languageMap.set(lang.name, current + lang.total_seconds);\n });\n });\n\n const languages = Array.from(languageMap.entries()).map(([name, seconds]) => ({\n name,\n total_seconds: seconds,\n }));\n\n const weeklyStats = {\n totalSeconds,\n languages,\n dailyStats,\n consistency: calculateConsistency(dailyStats),\n isDemo: false,\n };\n\n // Check and update garden eligibility for authenticated users\n if (sessionId) {\n try {\n const isEligible = await checkAndUpdateGardenEligibility(sessionId, weeklyStats);\n console.log(`User ${sessionId} garden eligibility: ${isEligible}`);\n } catch (error) {\n console.error(\"Error checking garden eligibility:\", error);\n }\n }\n\n return c.json(weeklyStats);\n } catch (error) {\n console.error(\"WakaTime weekly API error:\", error);\n return c.json({ error: \"Failed to fetch weekly WakaTime data\" }, 500);\n }\n});\n\nfunction calculateConsistency(dailyStats: Array<{ date: string; seconds: number }>): number {\n if (dailyStats.length === 0) return 0;\n\n const daysWithCoding = dailyStats.filter(day => day.seconds > 0).length;\n return daysWithCoding / dailyStats.length;\n}\n\n// GitHub README embed endpoint\napp.get(\"/embed/:username\", async (c: any) => {\n const username = c.req.param(\"username\");\n const theme = c.req.query(\"theme\") || \"light\";\n const plantType = c.req.query(\"plant\") || \"classic-tree\";\n const apiKey = Deno.env.get(\"EMBED_WAKATIME\"); // Optional API key for real data\n\n try {\n // Get plant growth data (use demo data if no API key)\n let weeklyStats;\n if (apiKey) {\n // Fetch real data using the API key\n const response = await fetch(`${c.req.url.split(\"/embed\")[0]}/api/wakatime/weekly`, {\n headers: {\n \"X-API-Key\": apiKey,\n },\n });\n weeklyStats = await response.json();\n } else {\n // Use demo data\n const today = new Date();\n const dailyStats = [];\n\n for (let i = 6; i >= 0; i--) {\n const date = new Date(today.getTime() - i * 24 * 60 * 60 * 1000);\n const seconds = Math.random() * 14400 + 3600; // 1-5 hours per day\n dailyStats.push({\n date: date.toISOString().split(\"T\")[0],\n seconds: Math.floor(seconds),\n });\n }\n\n const totalSeconds = dailyStats.reduce((sum, day) => sum + day.seconds, 0);\n const daysWithCoding = dailyStats.filter(day => day.seconds > 1800).length;\n\n weeklyStats = {\n totalSeconds,\n languages: [\n { name: \"TypeScript\", total_seconds: totalSeconds * 0.4 },\n { name: \"JavaScript\", total_seconds: totalSeconds * 0.3 },\n { name: \"Python\", total_seconds: totalSeconds * 0.2 },\n { name: \"Go\", total_seconds: totalSeconds * 0.1 },\n ],\n dailyStats,\n consistency: daysWithCoding / 7,\n isDemo: !apiKey,\n };\n }\n\n const growth = calculatePlantGrowth(weeklyStats, plantType);\n\n const svg = generatePlantEmbed(username, growth, weeklyStats, theme, plantType);\n\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=300\",\n },\n });\n } catch (error) {\n console.error(\"Embed generation error:\", error);\n\n const errorSvg = generateErrorEmbed(username, theme);\n return new Response(errorSvg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n },\n });\n }\n});\n\nfunction getPlantType(plantTypeId: string) {\n const plantTypes = {\n \"classic-tree\": {\n id: \"classic-tree\",\n name: \"Classic Tree\",\n stages: [\n { id: 0, name: \"Seed\", emoji: \"seed\", requiredHours: 0 },\n { id: 1, name: \"Sprout\", emoji: \"sprout\", requiredHours: 1 },\n { id: 2, name: \"Seedling\", emoji: \"seedling\", requiredHours: 3, requiredConsistency: 0.3 },\n {\n id: 3,\n name: \"Young Tree\",\n emoji: \"young-tree\",\n requiredHours: 6,\n requiredConsistency: 0.4,\n requiredLanguages: 2,\n },\n {\n id: 4,\n name: \"Mature Tree\",\n emoji: \"mature-tree\",\n requiredHours: 12,\n requiredConsistency: 0.5,\n requiredLanguages: 3,\n },\n {\n id: 5,\n name: \"Flowering Tree\",\n emoji: \"flowering-tree\",\n requiredHours: 20,\n requiredConsistency: 0.6,\n requiredLanguages: 4,\n },\n {\n id: 6,\n name: \"Fruit Tree\",\n emoji: \"fruit-tree\",\n requiredHours: 30,\n requiredConsistency: 0.7,\n requiredLanguages: 5,\n },\n {\n id: 7,\n name: \"Ancient Oak\",\n emoji: \"ancient-oak\",\n requiredHours: 50,\n requiredConsistency: 0.8,\n requiredLanguages: 6,\n },\n ],\n },\n \"flower-garden\": {\n id: \"flower-garden\",\n name: \"Flower Garden\",\n stages: [\n { id: 0, name: \"Bulb\", emoji: \"bulb\", requiredHours: 0 },\n { id: 1, name: \"First Shoot\", emoji: \"first-shoot\", requiredHours: 1 },\n { id: 2, name: \"Stem & Leaves\", emoji: \"stem-leaves\", requiredHours: 3, requiredConsistency: 0.3 },\n {\n id: 3,\n name: \"Bud Formation\",\n emoji: \"bud-formation\",\n requiredHours: 6,\n requiredConsistency: 0.4,\n requiredLanguages: 2,\n },\n {\n id: 4,\n name: \"First Bloom\",\n emoji: \"first-bloom\",\n requiredHours: 12,\n requiredConsistency: 0.5,\n requiredLanguages: 3,\n },\n {\n id: 5,\n name: \"Full Bloom\",\n emoji: \"full-bloom\",\n requiredHours: 20,\n requiredConsistency: 0.6,\n requiredLanguages: 4,\n },\n {\n id: 6,\n name: \"Garden Bed\",\n emoji: \"garden-bed\",\n requiredHours: 30,\n requiredConsistency: 0.7,\n requiredLanguages: 5,\n },\n {\n id: 7,\n name: \"Botanical Paradise\",\n emoji: \"botanical-paradise\",\n requiredHours: 50,\n requiredConsistency: 0.8,\n requiredLanguages: 6,\n },\n ],\n },\n \"cactus-desert\": {\n id: \"cactus-desert\",\n name: \"Desert Cactus\",\n stages: [\n { id: 0, name: \"Cactus Seed\", emoji: \"cactus-seed\", requiredHours: 0 },\n { id: 1, name: \"Tiny Cactus\", emoji: \"tiny-cactus\", requiredHours: 1 },\n { id: 2, name: \"Growing Cactus\", emoji: \"growing-cactus\", requiredHours: 3, requiredConsistency: 0.3 },\n {\n id: 3,\n name: \"Spiky Cactus\",\n emoji: \"spiky-cactus\",\n requiredHours: 6,\n requiredConsistency: 0.4,\n requiredLanguages: 2,\n },\n {\n id: 4,\n name: \"Tall Cactus\",\n emoji: \"tall-cactus\",\n requiredHours: 12,\n requiredConsistency: 0.5,\n requiredLanguages: 3,\n },\n {\n id: 5,\n name: \"Flowering Cactus\",\n emoji: \"flowering-cactus\",\n requiredHours: 20,\n requiredConsistency: 0.6,\n requiredLanguages: 4,\n },\n {\n id: 6,\n name: \"Cactus Family\",\n emoji: \"cactus-family\",\n requiredHours: 30,\n requiredConsistency: 0.7,\n requiredLanguages: 5,\n },\n {\n id: 7,\n name: \"Desert Oasis\",\n emoji: \"desert-oasis\",\n requiredHours: 50,\n requiredConsistency: 0.8,\n requiredLanguages: 6,\n },\n ],\n },\n \"mushroom-forest\": {\n id: \"mushroom-forest\",\n name: \"Mushroom Forest\",\n stages: [\n { id: 0, name: \"Spore\", emoji: \"spore\", requiredHours: 0 },\n { id: 1, name: \"Mycelium\", emoji: \"mycelium\", requiredHours: 1 },\n { id: 2, name: \"Tiny Mushroom\", emoji: \"tiny-mushroom\", requiredHours: 3, requiredConsistency: 0.3 },\n {\n id: 3,\n name: \"Toadstool\",\n emoji: \"toadstool\",\n requiredHours: 6,\n requiredConsistency: 0.4,\n requiredLanguages: 2,\n },\n {\n id: 4,\n name: \"Mushroom Cluster\",\n emoji: \"mushroom-cluster\",\n requiredHours: 12,\n requiredConsistency: 0.5,\n requiredLanguages: 3,\n },\n {\n id: 5,\n name: \"Glowing Mushrooms\",\n emoji: \"glowing-mushrooms\",\n requiredHours: 20,\n requiredConsistency: 0.6,\n requiredLanguages: 4,\n },\n {\n id: 6,\n name: \"Fairy Ring\",\n emoji: \"fairy-ring\",\n requiredHours: 30,\n requiredConsistency: 0.7,\n requiredLanguages: 5,\n },\n {\n id: 7,\n name: \"Mystical Forest\",\n emoji: \"mystical-forest\",\n requiredHours: 50,\n requiredConsistency: 0.8,\n requiredLanguages: 6,\n },\n ],\n },\n };\n\n return plantTypes[plantTypeId] || plantTypes[\"classic-tree\"];\n}\n\n// Helper function to calculate plant growth\nfunction calculatePlantGrowth(weeklyStats: any, plantTypeId: string) {\n const plantType = getPlantType(plantTypeId);\n\n const totalHours = weeklyStats.totalSeconds / 3600;\n const consistency = weeklyStats.consistency;\n const languageDiversity = weeklyStats.languages.length;\n\n let currentStage = 0;\n\n // Find the highest stage the user qualifies for\n for (let i = plantType.stages.length - 1; i >= 0; i--) {\n const stage = plantType.stages[i];\n const meetsHours = totalHours >= stage.requiredHours;\n const meetsConsistency = !stage.requiredConsistency || consistency >= stage.requiredConsistency;\n const meetsLanguages = !stage.requiredLanguages || languageDiversity >= stage.requiredLanguages;\n\n if (meetsHours && meetsConsistency && meetsLanguages) {\n currentStage = i;\n break;\n }\n }\n let progressToNext = 0;\n if (currentStage < plantType.stages.length - 1) {\n const nextStage = plantType.stages[currentStage + 1];\n const hoursProgress = Math.min(totalHours / nextStage.requiredHours, 1);\n const consistencyProgress = nextStage.requiredConsistency\n ? Math.min(consistency / nextStage.requiredConsistency, 1)\n : 1;\n const languageProgress = nextStage.requiredLanguages\n ? Math.min(languageDiversity / nextStage.requiredLanguages, 1)\n : 1;\n\n progressToNext = Math.min(hoursProgress, consistencyProgress, languageProgress);\n }\n\n return {\n currentStage,\n totalHours,\n weeklyHours: totalHours,\n consistency,\n languageDiversity,\n progressToNext,\n plantType,\n };\n}\n\nfunction generatePlantEmbed(username: string, growth: any, stats: any, theme: string, plantTypeId: string) {\n const isDark = theme === \"dark\",\n bgColor = isDark ? \"#0d1117\" : \"#ffffff\",\n textColor = isDark ? \"#f0f6fc\" : \"#24292f\",\n borderColor = isDark ? \"#30363d\" : \"#d0d7de\",\n accentColor = isDark ? \"#58a6ff\" : \"#0969da\",\n currentStage = growth.plantType.stages[growth.currentStage],\n totalHours = Math.round(growth.totalHours * 10) / 10,\n consistency = Math.round(growth.consistency * 100),\n plantEmojis = {\n \"seed\": \"🌱\",\n \"sprout\": \"🌱\",\n \"seedling\": \"🌿\",\n \"young-tree\": \"🌳\",\n \"mature-tree\": \"🌳\",\n \"flowering-tree\": \"🌸\",\n \"fruit-tree\": \"🍎\",\n \"ancient-oak\": \"🌳\",\n \"bulb\": \"🌱\",\n \"first-shoot\": \"🌱\",\n \"stem-leaves\": \"🌿\",\n \"bud-formation\": \"🌹\",\n \"first-bloom\": \"🌸\",\n \"full-bloom\": \"🌺\",\n \"garden-bed\": \"🌻\",\n \"botanical-paradise\": \"🌺\",\n \"cactus-seed\": \"🌱\",\n \"tiny-cactus\": \"🌵\",\n \"growing-cactus\": \"🌵\",\n \"spiky-cactus\": \"🌵\",\n \"tall-cactus\": \"🌵\",\n \"flowering-cactus\": \"🌵\",\n \"cactus-family\": \"🌵\",\n \"desert-oasis\": \"🌴\",\n \"spore\": \"🍄\",\n \"mycelium\": \"🍄\",\n \"tiny-mushroom\": \"🍄\",\n \"toadstool\": \"🍄\",\n \"mushroom-cluster\": \"🍄\",\n \"glowing-mushrooms\": \"🍄\",\n \"fairy-ring\": \"🍄\",\n \"mystical-forest\": \"🍄\",\n },\n plantEmoji = plantEmojis[currentStage.emoji as any] || \"🌱\",\n topLanguages = stats.languages\n .sort((a: any, b: any) => b.total_seconds - a.total_seconds)\n .slice(0, 3)\n .map((lang: any) => lang.name)\n .join(\", \");\n\n return ``.trim();\n}\n\nfunction generateErrorEmbed(username: string, theme: string) {\n const isDark = theme === \"dark\";\n const bgColor = isDark ? \"#0d1117\" : \"#ffffff\";\n const textColor = isDark ? \"#f0f6fc\" : \"#24292f\";\n const borderColor = isDark ? \"#30363d\" : \"#d0d7de\";\n const errorColor = isDark ? \"#f85149\" : \"#d1242f\";\n\n return `\n`.trim();\n}\n\napp.get(\"/embed\", async (c: any) => {\n const baseUrl = c.req.url.split(\"/embed\")[0];\n\n const html = `\n\n\n\n \n \n GitHub README Embed - WakaTime Plant Growth\n \n \n\n\n

\n 🌱 GitHub README Embed\n

\n Show off your coding plant and stats in your GitHub README!\n

\n\n \n

Live Preview

\n $\"WakaTime$ \n

\n\n \n

How to Use

\n \n

1. Basic Usage (Demo Data)

\n Add this to your GitHub README.md to show your plant:\n

\n ![WakaTime Plant](${baseUrl}/embed/your-username)\n

3. Customization Options

Theme

Choose between light and dark themes:

\n ?theme=light or ?theme=dark\n

\n \n

Plant Type

Choose your plant type:

?plant=classic-tree - 🌳 Traditional tree growth

?plant=flower-garden - 🌸 Beautiful flowering plants

?plant=cactus-desert - 🌵 Hardy desert plants

?plant=mushroom-forest - 🍄 Mysterious fungi

\n\n

4. Complete Example

\n ![WakaTime Plant](${baseUrl}/embed/your-username?theme=dark&plant=flower-garden)\n

\n\n \n

Plant Types

\n $\"Classic$ \n

🌳 Classic Tree

Traditional tree growth from seed to mighty oak

\n \n

\n $\"Flower$ \n

🌸 Flower Garden

Beautiful flowering plants with vibrant colors

\n \n

\n $\"Desert$ \n

🌵 Desert Cactus

Hardy desert plants that thrive in tough conditions

\n \n

\n $\"Mushroom$ \n

🍄 Mushroom Forest

Mysterious fungi that grow in magical patterns

\n\n \n

Theme Examples

\n $\"Light$ \n

☀️ Light Theme

Perfect for light-themed READMEs

\n \n

\n $\"Dark$ \n

🌙 Dark Theme

Great for dark-themed READMEs

\n\n \n

API Information

Endpoint

\n GET ${baseUrl}/embed/{username}\n

\n \n

Parameters

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Parameter	Type	Description	Default
username	string	Display name for the embed	required
theme	string	light \| dark	light
plant	string	classic-tree \| flower-garden \| cactus-desert \| mushroom-forest	classic-tree

\n \n

Response

Returns an SVG image (400x200px) showing:

Current plant stage and growth progress
Weekly coding hours
Coding consistency percentage
Number of programming languages used
Top programming languages

\n\n \n

\n ← Back to Plant Growth Game\n

\n\n`;\n\n return c.html(html);\n});\n\napp.get(\"/garden\", async (c: any) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\napp.get(\"/\", async (c: any) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\napp.get(\"/api/widget\", (c: any) => {\n try {\n const { username } = c.req.query();\n\n // Widget data interface\n interface WidgetData {\n plantType: string;\n currentStage: number;\n totalHours: number;\n todayHours: number;\n totalHoursFormatted: string;\n todayHoursFormatted: string;\n consistency: number;\n languageDiversity: number;\n progressToNext: number;\n stageName: string;\n nextStageName?: string;\n isFullyGrown: boolean;\n plantEmoji: string;\n progressText: string;\n }\n\n // Helper function to format hours\n function formatHours(hours: number): string {\n return hours < 10 ? hours.toFixed(1) + \"h\" : Math.round(hours) + \"h\";\n }\n\n // Helper function to get plant emoji based on type and stage\n function getPlantEmoji(plantTypeId: string, stage: number): string {\n const emojiMap: { [key: string]: string[] } = {\n \"classic-tree\": [\"🌱\", \"🌿\", \"🌾\", \"🌳\", \"🌲\", \"🎄\", \"🌳\", \"🌴\"],\n \"flower\": [\"🌱\", \"🌿\", \"🌾\", \"🌺\", \"🌸\", \"🌼\", \"🌻\", \"💐\"],\n \"cactus\": [\"🌱\", \"🌿\", \"🌵\", \"🌵\", \"🌵\", \"🌵\", \"🌵\", \"🌵\"],\n \"mushroom\": [\"🌱\", \"🌿\", \"🍄\", \"🍄\", \"🍄\", \"🍄\", \"🍄\", \"🍄\"],\n };\n\n const emojis = emojiMap[plantTypeId] || emojiMap[\"classic-tree\"];\n return emojis[Math.min(stage, emojis.length - 1)];\n }\n\n // Generate widget data\n function getWidgetData(username?: string): WidgetData {\n // If no username provided, return demo data\n if (!username) {\n const demoTotalHours = 42.5;\n const demoTodayHours = 2.3;\n\n return {\n plantType: \"classic-tree\",\n currentStage: 3,\n totalHours: demoTotalHours,\n todayHours: demoTodayHours,\n totalHoursFormatted: formatHours(demoTotalHours),\n todayHoursFormatted: formatHours(demoTodayHours),\n consistency: 85,\n languageDiversity: 7,\n progressToNext: 65,\n stageName: \"Young Tree\",\n nextStageName: \"Mature Tree\",\n isFullyGrown: false,\n plantEmoji: getPlantEmoji(\"classic-tree\", 3),\n progressText: \"🌱 Growing to Mature Tree\",\n };\n }\n\n // For real users, return sample data (in production, this would fetch from database)\n const plantTypeId = \"classic-tree\";\n const currentStage = Math.min(4, 7);\n const realTotalHours = 156.7;\n const realTodayHours = 4.2;\n const isFullyGrown = currentStage >= 7;\n\n const stageNames = [\n \"Seed\",\n \"Sprout\",\n \"Seedling\",\n \"Young Tree\",\n \"Mature Tree\",\n \"Flowering Tree\",\n \"Fruit Tree\",\n \"Ancient Oak\",\n ];\n\n const stageName = stageNames[currentStage] || \"Unknown\";\n const nextStageName = currentStage < 7 ? stageNames[currentStage + 1] : undefined;\n\n return {\n plantType: plantTypeId,\n currentStage,\n totalHours: realTotalHours,\n todayHours: realTodayHours,\n totalHoursFormatted: formatHours(realTotalHours),\n todayHoursFormatted: formatHours(realTodayHours),\n consistency: 92,\n languageDiversity: 12,\n progressToNext: 78,\n stageName,\n nextStageName,\n isFullyGrown,\n plantEmoji: getPlantEmoji(plantTypeId, currentStage),\n progressText: isFullyGrown ? \"🌳 Fully grown!\" : `🌱 Growing to ${nextStageName}`,\n };\n }\n\n const widgetData = getWidgetData(username);\n return c.json(widgetData);\n } catch (error) {\n console.error(\"Widget API error:\", error);\n return c.json({\n error: \"Failed to fetch widget data\",\n plantType: \"classic-tree\",\n currentStage: 0,\n totalHours: 0,\n todayHours: 0,\n totalHoursFormatted: \"0h\",\n todayHoursFormatted: \"0h\",\n consistency: 0,\n languageDiversity: 0,\n progressToNext: 0,\n stageName: \"Seed\",\n isFullyGrown: false,\n plantEmoji: \"🌱\",\n progressText: \"🌱 Start coding to grow your plant!\",\n }, 500);\n }\n});\n\nexport default app.fetch;",[],[59,328],["D",1748893440611],[340,341],[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":345,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_91":346,"_18":347},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":342,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_91":343,"_18":344},["D",1748963091639],[],[59,60,37],["D",1749097496238],[],[59,60,62],"4b8e8af8-3fe9-11f0-9fc7-76b3cceeab13",".vt","4b8e8bac-3fe9-11f0-9fc7-76b3cceeab13",163,["D",1748893167594],[],[349],"b85200a8-3f75-11f0-acce-76b3cceeab13",["D",1748843528455],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A gamified coding tracker that grows virtual plants based on you","imageUrl","userId","c7d91915-4070-4350-8e28-6c792ff73b1c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","9ee5b56c-6e87-47cb-98e4-c31219468b31","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_408":404},"org",{"_11":12,"_402":-5,"_403":404,"_365":366,"_405":406,"_407":56},"branch",{"_17":197,"_13":16,"_35":43,"_394":355,"_395":-5,"_396":-5,"_397":-5,"_398":-5,"_399":-5,"_400":14,"_401":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":355,"_13":14,"_48":538,"_357":-5,"_358":56,"_359":360,"_361":360,"_362":363,"_364":-5,"_365":366,"_367":329,"_368":47,"_369":47,"_370":-5,"_371":89,"_372":373,"_374":-5,"_375":-5,"_376":-5,"_377":-5,"_378":379,"_380":379,"_381":382,"_383":382,"_384":382,"_385":379,"_386":379,"_387":539,"_389":540,"_391":541,"_393":56},[442,443,449,465,470,471,472,473],"files",[442,443,444,445,446,447,448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473],"counts",{"_433":89,"_434":144,"_435":89,"_32":436,"_437":438},[429,430],{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":72,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_18":428},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":65,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_18":432},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":431},[59,60,37],[59,60,62],"pulls","branches","forks",{"_439":73,"_441":89},"connections",{"_439":89,"_440":89},"count","unfilledCount","emptyCount",{"_35":348,"_13":349,"_38":350,"_40":-5,"_42":43,"_44":351,"_46":47,"_48":352,"_17":89,"_51":74,"_53":-5,"_55":56,"_57":-5,"_91":536,"_18":537},{"_35":311,"_13":59,"_38":70,"_40":-5,"_42":43,"_44":135,"_46":47,"_48":312,"_17":89,"_51":74,"_53":-5,"_55":56,"_57":-5,"_91":534,"_18":535},{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":337,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_91":532,"_18":533},{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":345,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_91":530,"_18":531},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":342,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_91":528,"_18":529},{"_35":327,"_13":328,"_38":329,"_40":70,"_42":43,"_44":330,"_46":47,"_48":331,"_17":332,"_51":333,"_53":334,"_55":56,"_57":14,"_91":526,"_18":527},{"_35":318,"_13":319,"_38":320,"_40":70,"_42":43,"_44":321,"_46":47,"_48":322,"_17":323,"_51":52,"_53":324,"_55":56,"_57":-5,"_91":524,"_18":525},{"_35":166,"_13":167,"_38":168,"_40":-5,"_42":43,"_44":169,"_46":47,"_48":170,"_17":89,"_51":74,"_53":-5,"_55":56,"_57":-5,"_91":522,"_18":523},{"_35":228,"_13":229,"_38":230,"_40":168,"_42":43,"_44":231,"_46":47,"_48":232,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_91":520,"_18":521},{"_35":303,"_13":304,"_38":305,"_40":230,"_42":43,"_44":306,"_46":47,"_48":307,"_17":135,"_51":52,"_53":308,"_55":56,"_57":-5,"_91":518,"_18":519},{"_35":294,"_13":295,"_38":296,"_40":230,"_42":43,"_44":297,"_46":47,"_48":298,"_17":299,"_51":52,"_53":300,"_55":56,"_57":-5,"_91":516,"_18":517},{"_35":286,"_13":287,"_38":288,"_40":230,"_42":43,"_44":289,"_46":47,"_48":290,"_17":135,"_51":52,"_53":291,"_55":56,"_57":-5,"_91":514,"_18":515},{"_35":277,"_13":278,"_38":279,"_40":230,"_42":43,"_44":280,"_46":47,"_48":281,"_17":282,"_51":52,"_53":283,"_55":56,"_57":-5,"_91":512,"_18":513},{"_35":269,"_13":270,"_38":271,"_40":230,"_42":43,"_44":272,"_46":47,"_48":273,"_17":135,"_51":52,"_53":274,"_55":56,"_57":-5,"_91":510,"_18":511},{"_35":261,"_13":262,"_38":263,"_40":230,"_42":43,"_44":264,"_46":47,"_48":265,"_17":135,"_51":52,"_53":266,"_55":56,"_57":-5,"_91":508,"_18":509},{"_35":252,"_13":253,"_38":254,"_40":230,"_42":43,"_44":255,"_46":47,"_48":256,"_17":257,"_51":52,"_53":258,"_55":56,"_57":-5,"_91":506,"_18":507},{"_35":243,"_13":244,"_38":245,"_40":230,"_42":43,"_44":246,"_46":47,"_48":247,"_17":248,"_51":52,"_53":249,"_55":56,"_57":-5,"_91":504,"_18":505},{"_35":212,"_13":213,"_38":214,"_40":168,"_42":43,"_44":215,"_46":47,"_48":216,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_91":502,"_18":503},{"_35":220,"_13":221,"_38":222,"_40":214,"_42":43,"_44":223,"_46":47,"_48":224,"_17":73,"_51":24,"_53":225,"_55":56,"_57":-5,"_91":500,"_18":501},{"_35":203,"_13":204,"_38":205,"_40":168,"_42":43,"_44":206,"_46":47,"_48":207,"_17":208,"_51":24,"_53":209,"_55":56,"_57":-5,"_91":498,"_18":499},{"_35":194,"_13":195,"_38":196,"_40":168,"_42":43,"_44":197,"_46":47,"_48":198,"_17":199,"_51":52,"_53":200,"_55":56,"_57":-5,"_91":496,"_18":497},{"_35":185,"_13":186,"_38":187,"_40":168,"_42":43,"_44":188,"_46":47,"_48":189,"_17":190,"_51":24,"_53":191,"_55":56,"_57":-5,"_91":494,"_18":495},{"_35":179,"_13":85,"_38":180,"_40":168,"_42":43,"_44":181,"_46":47,"_48":182,"_17":135,"_51":52,"_53":90,"_55":56,"_57":-5,"_91":492,"_18":493},{"_35":119,"_13":120,"_38":121,"_40":-5,"_42":43,"_44":122,"_46":47,"_48":123,"_17":89,"_51":74,"_53":-5,"_55":56,"_57":-5,"_91":490,"_18":491},{"_35":157,"_13":158,"_38":159,"_40":121,"_42":43,"_44":160,"_46":47,"_48":161,"_17":162,"_51":52,"_53":163,"_55":56,"_57":-5,"_91":488,"_18":489},{"_35":148,"_13":149,"_38":150,"_40":121,"_42":43,"_44":151,"_46":47,"_48":152,"_17":153,"_51":52,"_53":154,"_55":56,"_57":-5,"_91":486,"_18":487},{"_35":139,"_13":140,"_38":141,"_40":121,"_42":43,"_44":142,"_46":47,"_48":143,"_17":144,"_51":52,"_53":145,"_55":56,"_57":-5,"_91":484,"_18":485},{"_35":130,"_13":131,"_38":132,"_40":121,"_42":43,"_44":133,"_46":47,"_48":134,"_17":135,"_51":52,"_53":136,"_55":56,"_57":-5,"_91":482,"_18":483},{"_35":111,"_13":112,"_38":113,"_40":-5,"_42":43,"_44":114,"_46":47,"_48":115,"_17":89,"_51":24,"_53":116,"_55":56,"_57":-5,"_91":480,"_18":481},{"_35":102,"_13":103,"_38":104,"_40":-5,"_42":43,"_44":105,"_46":47,"_48":106,"_17":107,"_51":24,"_53":108,"_55":56,"_57":-5,"_91":478,"_18":479},{"_35":94,"_13":95,"_38":96,"_40":-5,"_42":43,"_44":97,"_46":47,"_48":98,"_17":89,"_51":24,"_53":99,"_55":56,"_57":-5,"_91":476,"_18":477},{"_35":84,"_13":85,"_38":86,"_40":-5,"_42":43,"_44":87,"_46":47,"_48":88,"_17":89,"_51":52,"_53":90,"_55":56,"_57":-5,"_91":474,"_18":475},[],[85],[],[95],[],[103],[],[112],[],[120,131],[],[120,140],[],[120,149],[],[120,158],[466,467,468,469],[120],[],[167,85],[],[167,186],[],[167,195],[],[167,204],[],[167,213,221],[460],[167,213],[],[167,229,244],[],[167,229,253],[],[167,229,262],[],[167,229,270],[],[167,229,278],[],[167,229,287],[],[167,229,295],[],[167,229,304],[451,452,453,454,455,456,457,458],[167,229],[450,459,461,462,463,464],[167],[],[59,319],[],[59,328],[],[59,60,37],[],[59,60,62],[445,446],[59,60],[444,447,448],[59],[],[349],["D",1748843528455],{"_11":12,"_408":404},{"_11":12,"_402":-5,"_403":404,"_365":366,"_405":406,"_407":56},{"_17":197,"_13":16,"_35":43,"_394":355,"_395":-5,"_396":-5,"_397":-5,"_398":-5,"_399":-5,"_400":14,"_401":12},"ctx",{"_387":-5,"_425":575,"_576":577,"_578":579,"_580":56,"_581":56,"_582":56,"_583":47,"_584":-5,"_585":-7,"_586":-7,"_587":89,"_588":56,"_589":56,"_590":-5,"_591":56,"_592":56,"_593":56,"_594":-5},"ENV",{"_546":547,"_548":549,"_550":16,"_551":552,"_553":554,"_555":556,"_557":558,"_559":560,"_561":562,"_563":564,"_565":566,"_567":568,"_569":570,"_571":572,"_573":574},"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"]

\n Growing your coding garden\n

\n Error Loading Data\n

\n Transform Code\n \n Into Growth\n

\n \n \n \n \n \n Coding Stats\n

\n \n \n \n \n \n Today\n

\n \n \n \n \n \n This Week\n

\n \n \n \n \n \n Top Languages\n

\n \n \n \n \n \n Daily Activity\n

\n \n \n \n \n \n Growth Progress\n

\n {currentStage.name}\n

\n {nextStage.name}\n

\n Master Gardener!\n

\n \n \n \n \n \n Growth Tips\n

\n Choose Your Plant\n

\n {plantType.name}\n

\n Growth Stages Preview:\n

\n Your Coding Plant\n

\n {currentStage.name}\n

\n Next: {nextStage.name}\n

\n Connect WakaTime\n

\n \n 💡\n \n How to get your API key:\n

\n 🌻 Community Garden\n

\n Garden is Growing\n

🎯 Garden Requirements

🔍 Debug Info

\n {user.username}\n

🌟 Join the Garden

\n 🌍 Garden Statistics\n

\n Oops! Your plant encountered an error\n

\n 🌱 GitHub README Embed\n

Live Preview

How to Use

1. Basic Usage (Demo Data)

3. Customization Options

Theme

Plant Type

4. Complete Example

Plant Types

🌳 Classic Tree

🌸 Flower Garden

🌵 Desert Cactus

🍄 Mushroom Forest

Theme Examples

☀️ Light Theme

🌙 Dark Theme

API Information

Endpoint

Parameters

Response

\n Transform Code\n
\n Into Growth\n

\n \n \n \n Coding Stats\n

\n \n \n \n Top Languages\n

\n \n \n \n Daily Activity\n

\n
\n \n
\n Growth Progress\n

\n
\n \n
\n Growth Tips\n

\n
\n 💡\n
\n How to get your API key:\n