\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 Demo Mode\n

\n Using demo data since WakaTime API key is not configured.\n

\n \n Try Again\n \n

\n To use real data, set your WAKATIME_API_KEY environment variable.\n

\n Get your API key from{\" \"}\n \n wakatime.com/api-key\n \n

\n );\n }\n\n const currentPlantType =\n 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 {/* 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 {currentPlantType.emoji}\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,\n every hour of development contributes to a thriving digital\n 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();\n",[],[167,273],"74f1b824-3fd6-11f0-bcce-76b3cceeab13","index.html","0022eac8-3f76-11f0-b99c-76b3cceeab13",142,["D",1748885076593],16,"\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",[],[167,282],"dc2a5f60-3fe9-11f0-a333-76b3cceeab13","UserMenu.tsx","d9bc8b9a-3fe9-11f0-b09f-76b3cceeab13","82a233d2-3fe9-11f0-83cc-76b3cceeab13",195,["D",1748893410210],"/** @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 Connected to WakaTime\n

\n \n \n {isLoggingOut ? \"Logging out...\" : \"Logout\"}\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,299,291],"components","d4de5892-3fe9-11f0-8546-76b3cceeab13","StatsPanel.tsx","d1a62dee-3fe9-11f0-9e36-76b3cceeab13",192,["D",1748893397968],"/** @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 Coding Stats\n

\n\n {/* Today's Stats */}\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 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 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 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,299,301],"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,299,309],"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,299,317],"b7bf6fe4-3fe9-11f0-a2f6-76b3cceeab13","PlantGarden.tsx","a9ee39c2-3fe9-11f0-aa52-76b3cceeab13",183,["D",1748893349109],"/** @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,299,325],"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,299,333],"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,299,341],"8433f352-3fe9-11f0-a60e-76b3cceeab13",173,["D",1748893262632],[209,210,211,212,213,214,215],[167,299],["D",1748843648936],[208,216,217,218],[167],"f7afbe24-3fe4-11f0-a788-76b3cceeab13","index.ts",161,["D",1748891308893],37,"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\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\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 return c.json({\n success: true,\n username: userData.data?.username || \"WakaTime User\",\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// 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));\n\n// WakaTime API integration\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 // Get today's stats\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 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\") || Deno.env.get(\"WAKATIME_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 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 return c.json({\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\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 return c.json({\n totalSeconds,\n languages,\n dailyStats,\n consistency: calculateConsistency(dailyStats),\n isDemo: false,\n });\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// Main page\napp.get(\"/\", async (c: any) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[173,357],"f5615f4c-3fe9-11f0-88b3-76b3cceeab13","ed0b1388-3fe9-11f0-8546-76b3cceeab13",["D",1748893452516],[],[173,370,33],"database","ee497e42-3fe9-11f0-8f88-76b3cceeab13",200,["D",1748893440611],[205],[173,370],["D",1748843608237],[204,206],[173],["D",1748893167594],[],[178],["D",1748893167524],[],[184],["D",1748843528455],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":24},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_123":422,"_423":424,"_425":426,"_427":24,"_428":24,"_429":24,"_430":59,"_431":-5,"_432":-7,"_433":-7,"_434":63,"_435":24,"_436":24,"_437":-5,"_438":24,"_439":24,"_440":24,"_441":-5},"ENV",{"_393":394,"_395":396,"_397":87,"_398":399,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421},"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"]

\n Growing your coding garden\n

\n Demo Mode\n

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

\n 📊\n Coding Stats\n

\n 📅\n Today\n

\n 📈\n This Week\n

\n 💻\n Top Languages\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 Oops! Your plant encountered an error\n

\n Transform Code\n
\n Into Growth\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

Diff · v203