\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();",[19,72],"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",[19,80],"caf90114-41c0-11f0-8a63-76b3cceeab13","widgets","db40e3a1-d5ba-493c-a0a7-121a890ca068",419,["D",1749095674323],1,"directory",[19,88],"8433f352-3fe9-11f0-a60e-76b3cceeab13","components","82a233d2-3fe9-11f0-83cc-76b3cceeab13",173,["D",1748893262632],[19,96],"00231084-3f76-11f0-b99c-76b3cceeab13",5,["D",1748843648936],0,[19],{"_39":359,"_13":360,"_42":361,"_44":-5,"_46":47,"_48":362,"_50":51,"_52":363,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":364,"_18":365},{"_39":304,"_13":305,"_42":306,"_44":-5,"_46":47,"_48":54,"_50":51,"_52":307,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":308,"_18":309},{"_39":101,"_13":19,"_42":45,"_44":-5,"_46":47,"_48":102,"_50":51,"_52":192,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":193,"_18":194},{"_39":146,"_13":147,"_42":148,"_44":-5,"_46":47,"_48":149,"_50":51,"_52":150,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":151,"_18":152},{"_39":138,"_13":139,"_42":140,"_44":-5,"_46":47,"_48":141,"_50":51,"_52":142,"_17":104,"_55":24,"_57":143,"_59":60,"_61":-5,"_118":144,"_18":145},{"_39":129,"_13":130,"_42":131,"_44":-5,"_46":47,"_48":132,"_50":51,"_52":133,"_17":134,"_55":24,"_57":135,"_59":60,"_61":-5,"_118":136,"_18":137},{"_39":121,"_13":122,"_42":123,"_44":-5,"_46":47,"_48":124,"_50":51,"_52":125,"_17":104,"_55":24,"_57":126,"_59":60,"_61":-5,"_118":127,"_18":128},{"_39":114,"_13":41,"_42":115,"_44":-5,"_46":47,"_48":116,"_50":51,"_52":117,"_17":104,"_55":56,"_57":58,"_59":60,"_61":-5,"_118":119,"_18":120},"9381c322-41b8-11f0-8a54-76b3cceeab13","9381c3cc-41b8-11f0-8a54-76b3cceeab13",370,["D",1749092145295],"children",[],[41],"4bc022c0-3fe9-11f0-bd21-76b3cceeab13","deno.json","4bc02374-3fe9-11f0-bd21-76b3cceeab13",169,["D",1748893167924],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[122],"7dd5abba-41b8-11f0-a14a-76b3cceeab13","README.md","dc50c85e-3f75-11f0-8fe9-76b3cceeab13",368,["D",1749092108934],6,"# WakaTime Plant Growth Game 🌱\n\nA gamified coding tracker that grows virtual plants based on your WakaTime coding activity.\n\n## Features\n\n- **User Authentication**: Secure login with your WakaTime API key\n- **Multi-stage plant growth**: 8 distinct growth stages from seed to full bloom\n- **Real-time WakaTime integration**: Fetches your daily coding stats\n- **Complex growth mechanics**: Growth depends on coding time, consistency, and language diversity\n- **Dark/Light mode**: Responsive design with media query-based theming\n- **Progress tracking**: Visual indicators for growth requirements\n- **Demo mode**: Try the app without an API key using sample data\n- **Plant type selection**: Choose from 4 different plant types (Tree, Flower, Cactus, Mushroom)\n- **Community Garden**: View all users' plants in a shared garden space\n- **GitHub README Embeds**: Show off your coding plant in your GitHub profile\n\n## Plant Types\n\n### 🌳 Classic Tree\nTraditional tree growth from seed to mighty oak. Perfect for steady, consistent coders.\n\n### 🌸 Flower Garden \nBeautiful flowering plants that bloom with vibrant colors. Ideal for creative coders.\n\n### 🌵 Desert Cactus\nHardy desert plants that thrive in tough conditions. Great for resilient coders.\n\n### 🍄 Mushroom Forest\nMysterious fungi that grow in magical patterns. Perfect for innovative coders.\n\n## Growth Stages\n\nEach plant type has 8 unique growth stages:\n\n1. **Seed/Bulb/Cactus Seed/Spore** (0 hours) - Just planted\n2. **Sprout/First Shoot/Tiny Cactus/Mycelium** (1+ hours) - First signs of life\n3. **Seedling/Stem & Leaves/Growing Cactus/Tiny Mushroom** (3+ hours) - Small growth appears\n4. **Young Plant/Bud Formation/Spiky Cactus/Toadstool** (6+ hours) - Growing stronger\n5. **Mature Plant/First Bloom/Tall Cactus/Mushroom Cluster** (12+ hours) - Well established\n6. **Flowering/Full Bloom/Flowering Cactus/Glowing Mushrooms** (20+ hours) - Beautiful display\n7. **Fruit Bearing/Garden Bed/Cactus Family/Fairy Ring** (30+ hours) - Producing results\n8. **Ancient/Paradise/Oasis/Mystical Forest** (50+ hours) - Majestic mastery\n\n## How to Use\n\n1. **Demo Mode**: Visit the app to see it in action with sample data\n2. **Real Data**: Click \"Connect WakaTime\" and enter your API key\n3. **Get API Key**: Visit [wakatime.com/api-key](https://wakatime.com/api-key) to get your key\n4. **Choose Plant**: Select your preferred plant type from the dropdown\n5. **Watch Growth**: Your plant grows based on your weekly coding activity!\n6. **Visit Garden**: Check out the community garden to see other coders' plants\n\n## Windows 11 PWA Widget 🪟\n\nTrack your coding plant growth directly from your Windows 11 desktop! This app includes a native Windows 11 PWA widget that displays your plant's progress right on the Widgets Board.\n\n### Widget Features\n\n- **Live plant display**: See your current plant and growth stage\n- **Real-time stats**: Total coding hours and today's progress\n- **Growth requirements**: Visual progress bars for next stage\n- **Auto-refresh**: Updates every 30 minutes with fresh data\n- **Native integration**: Uses Windows 11 Adaptive Cards for seamless OS integration\n\n### How to Install the Widget\n\n1. **Install the PWA**:\n - Open the app in Microsoft Edge\n - Click the \"Install\" button in the address bar\n - Or use the menu: `...` → `Apps` → `Install this site as an app`\n\n2. **Add the Widget**:\n - Open Windows 11 Widgets Board (`Win + W`)\n - Click the \"Add widgets\" button (`+`)\n - Find \"Plant Growth Tracker\" in the widget picker\n - Click \"Add widget\" to add it to your board\n\n3. **Configure the Widget**:\n - The widget will automatically use your WakaTime data if you're logged in\n - If not logged in, it will show demo data\n - Widget updates automatically every 30 minutes\n\n### Widget Requirements\n\n- Windows 11 (version 22H2 or later)\n- Microsoft Edge browser\n- PWA installed locally\n- Active internet connection for data updates\n\n## GitHub README Embed\n\nShow off your coding plant in your GitHub README!\n\n### Basic Usage\n\n```markdown\n![WakaTime Plant](https://your-domain.com/embed/your-username)\n```\n\n### With Custom Options\n\n```markdown\n![WakaTime Plant](https://your-domain.com/embed/your-username?theme=dark&plant=flower-garden&key=YOUR_API_KEY)\n```\n\n### Available Options\n\n- `theme`: `light` or `dark`\n- `plant`: `classic-tree`, `flower-garden`, `cactus-desert`, or `mushroom-forest`\n- `key`: Your WakaTime API key for real data (optional)\n\nVisit `/embed` for full documentation and live examples.\n\n## Growth Requirements\n\nEach stage requires different combinations of:\n\n- **Coding Hours**: Total time spent coding this week\n- **Consistency**: Percentage of days you coded\n- **Language Diversity**: Number of different programming languages used\n\n## Community Features\n\n- **Garden View**: Browse all users' plants in a beautiful garden layout\n- **Garden Eligibility**: Only users who reach Level 3+ appear in the community garden\n- **Plant Persistence**: Your plant type choice is saved to your profile\n- **Public Profiles**: Share your coding journey with the community\n- **Sorting Options**: View gardens by recent activity, total hours, or growth stage\n- **Automatic Qualification**: Users automatically appear in the garden once they meet the requirements\n\n### Garden Requirements (Level 2+)\n\nTo appear in the community garden, you must reach **Level 2** by achieving:\n\n- **3+ hours** of coding this week\n- **30%+ consistency** (coding on multiple days)\n- **1+ programming language**\n\nOnce you meet these requirements, your plant will automatically appear in the community garden for others to see!\n\n## Security\n\n- API keys are validated securely on the backend\n- Keys are stored locally in your browser (localStorage)\n- Database stores user preferences and plant types\n- Users can logout to remove their data at any time\n\n## Tech Stack\n\n- Backend: Hono.js API with WakaTime integration\n- Frontend: React with TypeScript\n- Database: SQLite for user data and plant preferences\n- Styling: TailwindCSS with dark mode support\n- Authentication: Client-side storage with backend validation\n- Data: WakaTime API integration\n- Embeds: SVG-based GitHub README integration\n- Widgets: Windows 11 PWA widgets with Adaptive Cards",[],[130],"4bbd3768-3fe9-11f0-9ed1-76b3cceeab13",".vtignore","4bbd3862-3fe9-11f0-9ed1-76b3cceeab13",168,["D",1748893167905],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[139],"ec43480e-3f75-11f0-a2b9-76b3cceeab13","shared","5633f312-1ee0-448c-8a07-ccfdf3e232a0",3,["D",1748843615593],[153,154,155,156],[147],{"_39":183,"_13":184,"_42":185,"_44":148,"_46":47,"_48":186,"_50":51,"_52":187,"_17":188,"_55":56,"_57":189,"_59":60,"_61":-5,"_118":190,"_18":191},{"_39":174,"_13":175,"_42":176,"_44":148,"_46":47,"_48":177,"_50":51,"_52":178,"_17":179,"_55":56,"_57":180,"_59":60,"_61":-5,"_118":181,"_18":182},{"_39":165,"_13":166,"_42":167,"_44":148,"_46":47,"_48":168,"_50":51,"_52":169,"_17":170,"_55":56,"_57":171,"_59":60,"_61":-5,"_118":172,"_18":173},{"_39":157,"_13":158,"_42":159,"_44":148,"_46":47,"_48":160,"_50":51,"_52":161,"_17":54,"_55":56,"_57":162,"_59":60,"_61":-5,"_118":163,"_18":164},"4baf3e56-3fe9-11f0-b29c-76b3cceeab13","types.ts","ec433ea4-3f75-11f0-a2b9-76b3cceeab13",166,["D",1748893167797],"export interface WakaTimeStats {\n totalSeconds: number;\n languages: Array<{\n name: string;\n total_seconds: number;\n }>;\n projects: Array<{\n name: string;\n total_seconds: number;\n }>;\n categories: Array<{\n name: string;\n total_seconds: number;\n }>;\n}\n\nexport interface WeeklyStats extends WakaTimeStats {\n dailyStats: Array<{\n date: string;\n seconds: number;\n }>;\n consistency: number;\n}\n\nexport interface PlantStage {\n id: number;\n name: string;\n emoji: string;\n description: string;\n requiredHours: number;\n requiredConsistency?: number;\n requiredLanguages?: number;\n color: string;\n bgColor: string;\n}\n\nexport interface PlantGrowth {\n currentStage: number;\n totalHours: number;\n weeklyHours: number;\n consistency: number;\n languageDiversity: number;\n progressToNext: number;\n}\n\nexport interface PlantType {\n id: string;\n name: string;\n description: string;\n emoji: string;\n theme: {\n primary: string;\n secondary: string;\n accent: string;\n };\n stages: PlantStage[];\n}\n",[],[147,158],"f71a2956-415e-11f0-85db-76b3cceeab13","plantTypes.ts","2448fba8-3f7c-11f0-8187-76b3cceeab13",351,["D",1749053657677],4,"import { PlantStage, PlantType } from \"./types.ts\";\n\n// Classic Tree Plant Type\nconst classicTreeStages: PlantStage[] = [\n {\n id: 0,\n name: \"Seed\",\n emoji: \"seed\",\n description: \"A tiny seed waiting to sprout. Start coding to give it life!\",\n requiredHours: 0,\n color: \"text-amber-600\",\n bgColor: \"bg-amber-50 dark:bg-amber-900/20\",\n },\n {\n id: 1,\n name: \"Sprout\",\n emoji: \"sprout\",\n description: \"First signs of life! A small sprout emerges from the soil.\",\n requiredHours: 1,\n color: \"text-green-500\",\n bgColor: \"bg-green-50 dark:bg-green-900/20\",\n },\n {\n id: 2,\n name: \"Seedling\",\n emoji: \"seedling\",\n description: \"Small leaves appear. Your coding consistency is paying off!\",\n requiredHours: 3,\n requiredConsistency: 0.3,\n color: \"text-green-600\",\n bgColor: \"bg-green-100 dark:bg-green-800/20\",\n },\n {\n id: 3,\n name: \"Young Tree\",\n emoji: \"young-tree\",\n description: \"Growing stronger with multiple branches. Keep up the momentum!\",\n requiredHours: 6,\n requiredConsistency: 0.4,\n requiredLanguages: 2,\n color: \"text-green-700\",\n bgColor: \"bg-green-200 dark:bg-green-700/20\",\n },\n {\n id: 4,\n name: \"Mature Tree\",\n emoji: \"mature-tree\",\n description: \"Well established and thriving. Your skills are growing!\",\n requiredHours: 12,\n requiredConsistency: 0.5,\n requiredLanguages: 3,\n color: \"text-green-800\",\n bgColor: \"bg-green-300 dark:bg-green-600/20\",\n },\n {\n id: 5,\n name: \"Flowering Tree\",\n emoji: \"flowering-tree\",\n description: \"Beautiful blooms appear! Your dedication is blossoming.\",\n requiredHours: 20,\n requiredConsistency: 0.6,\n requiredLanguages: 4,\n color: \"text-pink-600\",\n bgColor: \"bg-pink-100 dark:bg-pink-900/20\",\n },\n {\n id: 6,\n name: \"Fruit Tree\",\n emoji: \"fruit-tree\",\n description: \"Producing delicious fruit! Your code is bearing results.\",\n requiredHours: 30,\n requiredConsistency: 0.7,\n requiredLanguages: 5,\n color: \"text-red-600\",\n bgColor: \"bg-red-100 dark:bg-red-900/20\",\n },\n {\n id: 7,\n name: \"Ancient Oak\",\n emoji: \"ancient-oak\",\n description: \"Majestic and wise. You've become a coding master!\",\n requiredHours: 50,\n requiredConsistency: 0.8,\n requiredLanguages: 6,\n color: \"text-purple-700\",\n bgColor: \"bg-purple-100 dark:bg-purple-900/20\",\n },\n];\n\n// Flower Garden Plant Type\nconst flowerGardenStages: PlantStage[] = [\n {\n id: 0,\n name: \"Bulb\",\n emoji: \"bulb\",\n description: \"A dormant bulb ready to bloom. Start coding to awaken it!\",\n requiredHours: 0,\n color: \"text-amber-600\",\n bgColor: \"bg-amber-50 dark:bg-amber-900/20\",\n },\n {\n id: 1,\n name: \"First Shoot\",\n emoji: \"first-shoot\",\n description: \"A green shoot breaks through the soil!\",\n requiredHours: 1,\n color: \"text-green-500\",\n bgColor: \"bg-green-50 dark:bg-green-900/20\",\n },\n {\n id: 2,\n name: \"Stem & Leaves\",\n emoji: \"stem-leaves\",\n description: \"Strong stem with beautiful leaves emerging.\",\n requiredHours: 3,\n requiredConsistency: 0.3,\n color: \"text-green-600\",\n bgColor: \"bg-green-100 dark:bg-green-800/20\",\n },\n {\n id: 3,\n name: \"Bud Formation\",\n emoji: \"bud-formation\",\n description: \"Flower buds are forming. Something beautiful is coming!\",\n requiredHours: 6,\n requiredConsistency: 0.4,\n requiredLanguages: 2,\n color: \"text-purple-600\",\n bgColor: \"bg-purple-100 dark:bg-purple-800/20\",\n },\n {\n id: 4,\n name: \"First Bloom\",\n emoji: \"first-bloom\",\n description: \"Your first flower blooms! Beautiful and vibrant.\",\n requiredHours: 12,\n requiredConsistency: 0.5,\n requiredLanguages: 3,\n color: \"text-pink-600\",\n bgColor: \"bg-pink-100 dark:bg-pink-800/20\",\n },\n {\n id: 5,\n name: \"Full Bloom\",\n emoji: \"full-bloom\",\n description: \"Multiple flowers in full bloom! A spectacular display.\",\n requiredHours: 20,\n requiredConsistency: 0.6,\n requiredLanguages: 4,\n color: \"text-rose-600\",\n bgColor: \"bg-rose-100 dark:bg-rose-900/20\",\n },\n {\n id: 6,\n name: \"Garden Bed\",\n emoji: \"garden-bed\",\n description: \"A whole bed of diverse flowers! Your skills are flourishing.\",\n requiredHours: 30,\n requiredConsistency: 0.7,\n requiredLanguages: 5,\n color: \"text-violet-600\",\n bgColor: \"bg-violet-100 dark:bg-violet-900/20\",\n },\n {\n id: 7,\n name: \"Botanical Paradise\",\n emoji: \"botanical-paradise\",\n description: \"A masterpiece garden! You're a true coding artist.\",\n requiredHours: 50,\n requiredConsistency: 0.8,\n requiredLanguages: 6,\n color: \"text-indigo-700\",\n bgColor: \"bg-indigo-100 dark:bg-indigo-900/20\",\n },\n];\n\n// Cactus Desert Plant Type\nconst cactusDesertStages: PlantStage[] = [\n {\n id: 0,\n name: \"Cactus Seed\",\n emoji: \"cactus-seed\",\n description: \"A hardy seed ready to thrive in any environment!\",\n requiredHours: 0,\n color: \"text-yellow-600\",\n bgColor: \"bg-yellow-50 dark:bg-yellow-900/20\",\n },\n {\n id: 1,\n name: \"Tiny Cactus\",\n emoji: \"tiny-cactus\",\n description: \"A small but resilient cactus emerges!\",\n requiredHours: 1,\n color: \"text-green-500\",\n bgColor: \"bg-green-50 dark:bg-green-900/20\",\n },\n {\n id: 2,\n name: \"Growing Cactus\",\n emoji: \"growing-cactus\",\n description: \"Getting taller and developing its signature shape.\",\n requiredHours: 3,\n requiredConsistency: 0.3,\n color: \"text-green-600\",\n bgColor: \"bg-green-100 dark:bg-green-800/20\",\n },\n {\n id: 3,\n name: \"Spiky Cactus\",\n emoji: \"spiky-cactus\",\n description: \"Developing protective spines. Tough and resilient!\",\n requiredHours: 6,\n requiredConsistency: 0.4,\n requiredLanguages: 2,\n color: \"text-emerald-600\",\n bgColor: \"bg-emerald-100 dark:bg-emerald-800/20\",\n },\n {\n id: 4,\n name: \"Tall Cactus\",\n emoji: \"tall-cactus\",\n description: \"Standing tall and proud in the desert of code!\",\n requiredHours: 12,\n requiredConsistency: 0.5,\n requiredLanguages: 3,\n color: \"text-teal-600\",\n bgColor: \"bg-teal-100 dark:bg-teal-800/20\",\n },\n {\n id: 5,\n name: \"Flowering Cactus\",\n emoji: \"flowering-cactus\",\n description: \"Rare and beautiful cactus flowers bloom!\",\n requiredHours: 20,\n requiredConsistency: 0.6,\n requiredLanguages: 4,\n color: \"text-orange-600\",\n bgColor: \"bg-orange-100 dark:bg-orange-900/20\",\n },\n {\n id: 6,\n name: \"Cactus Family\",\n emoji: \"cactus-family\",\n description: \"Multiple cacti growing together in harmony.\",\n requiredHours: 30,\n requiredConsistency: 0.7,\n requiredLanguages: 5,\n color: \"text-red-600\",\n bgColor: \"bg-red-100 dark:bg-red-900/20\",\n },\n {\n id: 7,\n name: \"Desert Oasis\",\n emoji: \"desert-oasis\",\n description: \"A thriving desert ecosystem! Master of adaptation.\",\n requiredHours: 50,\n requiredConsistency: 0.8,\n requiredLanguages: 6,\n color: \"text-amber-700\",\n bgColor: \"bg-amber-100 dark:bg-amber-900/20\",\n },\n];\n\n// Mushroom Forest Plant Type\nconst mushroomForestStages: PlantStage[] = [\n {\n id: 0,\n name: \"Spore\",\n emoji: \"spore\",\n description: \"Microscopic spores waiting to grow into something magical!\",\n requiredHours: 0,\n color: \"text-gray-600\",\n bgColor: \"bg-gray-50 dark:bg-gray-900/20\",\n },\n {\n id: 1,\n name: \"Mycelium\",\n emoji: \"mycelium\",\n description: \"Underground network forming. The foundation of growth!\",\n requiredHours: 1,\n color: \"text-slate-500\",\n bgColor: \"bg-slate-50 dark:bg-slate-900/20\",\n },\n {\n id: 2,\n name: \"Tiny Mushroom\",\n emoji: \"tiny-mushroom\",\n description: \"A small mushroom pops up! Cute and mysterious.\",\n requiredHours: 3,\n requiredConsistency: 0.3,\n color: \"text-red-500\",\n bgColor: \"bg-red-50 dark:bg-red-900/20\",\n },\n {\n id: 3,\n name: \"Toadstool\",\n emoji: \"toadstool\",\n description: \"Classic red and white spotted toadstool appears!\",\n requiredHours: 6,\n requiredConsistency: 0.4,\n requiredLanguages: 2,\n color: \"text-red-600\",\n bgColor: \"bg-red-100 dark:bg-red-800/20\",\n },\n {\n id: 4,\n name: \"Mushroom Cluster\",\n emoji: \"mushroom-cluster\",\n description: \"Multiple mushrooms growing together in harmony.\",\n requiredHours: 12,\n requiredConsistency: 0.5,\n requiredLanguages: 3,\n color: \"text-orange-600\",\n bgColor: \"bg-orange-100 dark:bg-orange-800/20\",\n },\n {\n id: 5,\n name: \"Glowing Mushrooms\",\n emoji: \"glowing-mushrooms\",\n description: \"Bioluminescent mushrooms! Magical and otherworldly.\",\n requiredHours: 20,\n requiredConsistency: 0.6,\n requiredLanguages: 4,\n color: \"text-blue-500\",\n bgColor: \"\",\n },\n {\n id: 6,\n name: \"Fairy Ring\",\n emoji: \"fairy-ring\",\n description: \"A perfect circle of mushrooms. Enchanted coding realm!\",\n requiredHours: 30,\n requiredConsistency: 0.7,\n requiredLanguages: 5,\n color: \"text-purple-600\",\n bgColor: \"bg-purple-100 dark:bg-purple-900/20\",\n },\n {\n id: 7,\n name: \"Mystical Forest\",\n emoji: \"mystical-forest\",\n description: \"An entire magical mushroom forest! You're a coding wizard.\",\n requiredHours: 50,\n requiredConsistency: 0.8,\n requiredLanguages: 6,\n color: \"text-indigo-700\",\n bgColor: \"bg-indigo-100 dark:bg-indigo-900/20\",\n },\n];\n\nexport const PLANT_TYPES: PlantType[] = [\n {\n id: \"classic-tree\",\n name: \"Classic Tree\",\n description: \"Traditional tree growth from seed to mighty oak. Perfect for steady, consistent coders.\",\n emoji: \"🌳\",\n theme: {\n primary: \"emerald\",\n secondary: \"green\",\n accent: \"teal\",\n },\n stages: classicTreeStages,\n },\n {\n id: \"flower-garden\",\n name: \"Flower Garden\",\n description: \"Beautiful flowering plants that bloom with vibrant colors. Ideal for creative coders.\",\n emoji: \"🌸\",\n theme: {\n primary: \"pink\",\n secondary: \"rose\",\n accent: \"purple\",\n },\n stages: flowerGardenStages,\n },\n {\n id: \"cactus-desert\",\n name: \"Desert Cactus\",\n description: \"Hardy desert plants that thrive in tough conditions. Great for resilient coders.\",\n emoji: \"🌵\",\n theme: {\n primary: \"orange\",\n secondary: \"yellow\",\n accent: \"red\",\n },\n stages: cactusDesertStages,\n },\n {\n id: \"mushroom-forest\",\n name: \"Mushroom Forest\",\n description: \"Mysterious fungi that grow in magical patterns. Perfect for innovative coders.\",\n emoji: \"🍄\",\n theme: {\n primary: \"purple\",\n secondary: \"indigo\",\n accent: \"blue\",\n },\n stages: mushroomForestStages,\n },\n];\n\nexport function getPlantType(plantTypeId: string): PlantType {\n return PLANT_TYPES.find((type) => type.id === plantTypeId) || PLANT_TYPES[0];\n}",[],[147,166],"799d782c-42fb-11f0-bef0-76b3cceeab13","plantStages.tsx","f8e623a6-3f75-11f0-86ae-76b3cceeab13",594,["D",1749230829299],69,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport * as mushroomIcons from \"./mushroomIcons.tsx\";\nimport { getPlantType } from \"./plantTypes.ts\";\nimport { PlantStage } from \"./types.ts\";\n\n// Legacy export for backward compatibility\nexport const PLANT_STAGES: PlantStage[] = getPlantType(\"classic-tree\").stages;\n\n// Icon component for plant stages\nexport function PlantIcon({ stage, className = \"w-16 h-16\" }: { stage: string; className?: string }) {\n const iconMap: { [key: string]: JSX.Element } = {\n // Classic Tree Icons\n \"seed\": (\n \n ),\n \"sprout\": (\n \n ),\n \"seedling\": (\n \n ),\n \"young-tree\": (\n \n ),\n \"mature-tree\": (\n \n ),\n \"flowering-tree\": (\n \n ),\n \"fruit-tree\": (\n \n ),\n \"ancient-oak\": (\n \n ),\n // Cactus Desert Icons\n \"cactus-seed\": (\n \n ),\n \"tiny-cactus\": (\n \n ),\n \"growing-cactus\": (\n \n ),\n \"spiky-cactus\": (\n \n ),\n \"tall-cactus\": (\n \n ),\n \"flowering-cactus\": (\n \n ),\n \"cactus-family\": (\n \n ),\n \"desert-oasis\": (\n \n ),\n\n // Mushroom Forest Icons\n \"spore\": mushroomIcons.spore(className),\n \"mycelium\": mushroomIcons.mycelium(className),\n \"tiny-mushroom\": mushroomIcons.tiny_mushroom(className),\n \"toadstool\": mushroomIcons.big_mushroom(className),\n \"mushroom-cluster\": mushroomIcons.mushroom_cluster(className),\n \"glowing-mushrooms\": mushroomIcons.glowing_mushrooms(className),\n \"fairy-ring\": mushroomIcons.fairy_ring(className),\n \"mystical-forest\": mushroomIcons.mystical_forest(className),\n\n // Legacy aliases for backward compatibility\n \"young-plant\": (\n \n ),\n \"mature-plant\": (\n \n ),\n \"flowering\": (\n \n ),\n \"fruit-bearing\": (\n \n ),\n \"ancient-tree\": (\n \n ),\n };\n\n return iconMap[stage] || iconMap[\"seed\"];\n}\n\nexport function calculatePlantGrowth(weeklyStats: any, plantTypeId: string = \"classic-tree\") {\n const plantType = getPlantType(plantTypeId);\n const totalHours = weeklyStats.totalSeconds / 3600;\n const consistency = weeklyStats.consistency || 0;\n const languageDiversity = weeklyStats.languages?.length || 0;\n\n let currentStage = 0;\n\n // Find the highest stage the plant 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\n // Calculate progress to next stage\n let progressToNext = 100;\n if (currentStage < plantType.stages.length - 1) {\n const nextStage = plantType.stages[currentStage + 1];\n const hoursProgress = Math.min(100, (totalHours / nextStage.requiredHours) * 100);\n const consistencyProgress = nextStage.requiredConsistency\n ? Math.min(100, (consistency / nextStage.requiredConsistency) * 100)\n : 100;\n const languageProgress = nextStage.requiredLanguages\n ? Math.min(100, (languageDiversity / nextStage.requiredLanguages) * 100)\n : 100;\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 };\n}",[],[147,175],"de7a7146-42fb-11f0-a163-76b3cceeab13","mushroomIcons.tsx","8a0a1dac-42f9-11f0-93e4-76b3cceeab13",595,["D",1749230998518],13,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\n// Mushroom Forest Icons\nexport const spore = (className: string) => (\n \n);\nexport const mycelium = (className: string) => (\n \n);\nexport const tiny_mushroom = (className: string) => (\n \n);\nexport const big_mushroom = (className: string) => (\n \n);\nexport const mushroom_cluster = (className: string) => (\n \n);\nexport const glowing_mushrooms = (className: string) => (\n \n);\nexport const fairy_ring = (className: string) => (\n \n);\nexport const mystical_forest = (className: string) => (\n \n);",[],[147,184],["D",1748843648936],[195,196,197,198,199,200],[19],{"_39":95,"_13":96,"_42":97,"_44":45,"_46":47,"_48":98,"_50":51,"_52":225,"_17":92,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":226,"_18":227},{"_39":87,"_13":88,"_42":89,"_44":45,"_46":47,"_48":90,"_50":51,"_52":213,"_17":92,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":214,"_18":215},{"_39":79,"_13":80,"_42":81,"_44":45,"_46":47,"_48":82,"_50":51,"_52":210,"_17":84,"_55":24,"_57":85,"_59":60,"_61":-5,"_118":211,"_18":212},{"_39":71,"_13":72,"_42":73,"_44":45,"_46":47,"_48":74,"_50":51,"_52":207,"_17":76,"_55":56,"_57":77,"_59":60,"_61":-5,"_118":208,"_18":209},{"_39":63,"_13":64,"_42":65,"_44":45,"_46":47,"_48":66,"_50":51,"_52":204,"_17":68,"_55":24,"_57":69,"_59":60,"_61":-5,"_118":205,"_18":206},{"_39":40,"_13":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":201,"_17":54,"_55":56,"_57":58,"_59":60,"_61":-5,"_118":202,"_18":203},["D",1749092911879],[],[19,41],["D",1749181532296],[],[19,64],["D",1750135025178],[],[19,72],["D",1749092556391],[],[19,80],["D",1749095674323],[216],[19,88],{"_39":217,"_13":218,"_42":219,"_44":89,"_46":47,"_48":220,"_50":51,"_52":221,"_17":92,"_55":24,"_57":222,"_59":60,"_61":-5,"_118":223,"_18":224},"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}",[],[19,88,218],["D",1748893262632],[228,229,230,231,232,233,234,235],[19,96],{"_39":296,"_13":297,"_42":298,"_44":97,"_46":47,"_48":299,"_50":51,"_52":300,"_17":54,"_55":56,"_57":301,"_59":60,"_61":-5,"_118":302,"_18":303},{"_39":287,"_13":288,"_42":289,"_44":97,"_46":47,"_48":290,"_50":51,"_52":291,"_17":292,"_55":56,"_57":293,"_59":60,"_61":-5,"_118":294,"_18":295},{"_39":279,"_13":280,"_42":281,"_44":97,"_46":47,"_48":282,"_50":51,"_52":283,"_17":54,"_55":56,"_57":284,"_59":60,"_61":-5,"_118":285,"_18":286},{"_39":270,"_13":271,"_42":272,"_44":97,"_46":47,"_48":273,"_50":51,"_52":274,"_17":275,"_55":56,"_57":276,"_59":60,"_61":-5,"_118":277,"_18":278},{"_39":262,"_13":263,"_42":264,"_44":97,"_46":47,"_48":265,"_50":51,"_52":266,"_17":54,"_55":56,"_57":267,"_59":60,"_61":-5,"_118":268,"_18":269},{"_39":254,"_13":255,"_42":256,"_44":97,"_46":47,"_48":257,"_50":51,"_52":258,"_17":54,"_55":56,"_57":259,"_59":60,"_61":-5,"_118":260,"_18":261},{"_39":245,"_13":246,"_42":247,"_44":97,"_46":47,"_48":248,"_50":51,"_52":249,"_17":250,"_55":56,"_57":251,"_59":60,"_61":-5,"_118":252,"_18":253},{"_39":236,"_13":237,"_42":238,"_44":97,"_46":47,"_48":239,"_50":51,"_52":240,"_17":241,"_55":56,"_57":242,"_59":60,"_61":-5,"_118":243,"_18":244},"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}",[],[19,96,237],"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}",[],[19,96,246],"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}",[],[19,96,255],"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}",[],[19,96,263],"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}",[],[19,96,271],"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}",[],[19,96,280],"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;",[],[19,96,288],"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}",[],[19,96,297],"e7e0b5a8-3f75-11f0-ab70-76b3cceeab13","backend","4c5fdf48-e280-48bc-8f95-c8d342ab72ab",["D",1748843608237],[310,311,312],[305],{"_39":332,"_13":333,"_42":334,"_44":306,"_46":47,"_48":335,"_50":51,"_52":336,"_17":92,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":337,"_18":338},{"_39":322,"_13":323,"_42":324,"_44":306,"_46":47,"_48":325,"_50":51,"_52":326,"_17":327,"_55":328,"_57":329,"_59":60,"_61":14,"_118":330,"_18":331},{"_39":313,"_13":314,"_42":315,"_44":306,"_46":47,"_48":316,"_50":51,"_52":317,"_17":318,"_55":56,"_57":319,"_59":60,"_61":-5,"_118":320,"_18":321},"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}",[],[305,314],"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;",[],[305,323],"ee497e42-3fe9-11f0-8f88-76b3cceeab13","database","ed0b1388-3fe9-11f0-8546-76b3cceeab13",200,["D",1748893440611],[339,340],[305,333],{"_39":350,"_13":351,"_42":352,"_44":334,"_46":47,"_48":353,"_50":51,"_52":354,"_17":355,"_55":56,"_57":356,"_59":60,"_61":-5,"_118":357,"_18":358},{"_39":341,"_13":342,"_42":343,"_44":334,"_46":47,"_48":344,"_50":51,"_52":345,"_17":346,"_55":56,"_57":347,"_59":60,"_61":-5,"_118":348,"_18":349},"19891566-408c-11f0-a80b-76b3cceeab13","queries.ts","ffb31c74-3fe9-11f0-967e-76b3cceeab13",304,["D",1748963091639],8,"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { USERS_TABLE } from \"./migrations.ts\";\n\nexport interface User {\n id: number;\n session_id: string;\n api_key: string;\n username?: string;\n plant_type: string;\n garden_eligible: boolean;\n weekly_stats?: string; // JSON string\n last_stats_update?: string;\n created_at: string;\n last_active: string;\n}\n\nexport interface PublicUser {\n id: number;\n username: string;\n plant_type: string;\n garden_eligible: boolean;\n weekly_stats?: string;\n last_stats_update?: string;\n created_at: string;\n last_active: string;\n}\n\nexport async function createUser(sessionId: string, apiKey: string, username?: string, plantType: string = 'classic-tree'): Promise {\n await sqlite.execute(\n `INSERT INTO ${USERS_TABLE} (session_id, api_key, username, plant_type, garden_eligible) VALUES (?, ?, ?, ?, ?)`,\n [sessionId, apiKey, username!, plantType, false],\n );\n\n // Query the created user\n const result = await sqlite.execute(\n `SELECT * FROM ${USERS_TABLE} WHERE session_id = ?`,\n [sessionId],\n );\n\n return result[0] as User;\n}\n\nexport async function getUserBySessionId(sessionId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${USERS_TABLE} WHERE session_id = ?`,\n [sessionId],\n );\n\n return result[0] as User || null;\n}\n\nexport async function updateUserActivity(sessionId: string): Promise {\n await sqlite.execute(\n `UPDATE ${USERS_TABLE} SET last_active = CURRENT_TIMESTAMP WHERE session_id = ?`,\n [sessionId],\n );\n}\n\nexport async function updateUserApiKey(sessionId: string, apiKey: string): Promise {\n await sqlite.execute(\n `UPDATE ${USERS_TABLE} SET api_key = ?, last_active = CURRENT_TIMESTAMP WHERE session_id = ?`,\n [apiKey, sessionId],\n );\n}\n\nexport async function updateUserPlantType(sessionId: string, plantType: string): Promise {\n await sqlite.execute(\n `UPDATE ${USERS_TABLE} SET plant_type = ?, last_active = CURRENT_TIMESTAMP WHERE session_id = ?`,\n [plantType, sessionId],\n );\n}\n\nexport async function updateUserGardenEligibility(sessionId: string, eligible: boolean): Promise {\n await sqlite.execute(\n `UPDATE ${USERS_TABLE} SET garden_eligible = ?, last_active = CURRENT_TIMESTAMP WHERE session_id = ?`,\n [eligible, sessionId],\n );\n}\n\nexport async function updateUserWeeklyStats(sessionId: string, weeklyStats: any): Promise {\n await sqlite.execute(\n `UPDATE ${USERS_TABLE} SET weekly_stats = ?, last_stats_update = CURRENT_TIMESTAMP, last_active = CURRENT_TIMESTAMP WHERE session_id = ?`,\n [JSON.stringify(weeklyStats), sessionId],\n );\n}\n\nexport async function deleteUser(sessionId: string): Promise {\n await sqlite.execute(\n `DELETE FROM ${USERS_TABLE} WHERE session_id = ?`,\n [sessionId],\n );\n}\n\n// Garden functionality - get all users for public display (level 3+ only)\nexport async function getAllUsersForGarden(): Promise {\n try {\n const result = await sqlite.execute(\n `SELECT id, username, plant_type, garden_eligible, weekly_stats, last_stats_update, created_at, last_active \n FROM ${USERS_TABLE} \n WHERE username IS NOT NULL AND garden_eligible = TRUE\n ORDER BY last_active DESC \n LIMIT 50`\n );\n\n const users = result as PublicUser[];\n \n console.log(`Found ${users.length} garden-eligible users in database`);\n \n return users;\n } catch (error) {\n console.error(\"Error fetching users for garden:\", error);\n return [];\n }\n}\n\n// Check if user qualifies for garden display based on actual plant level\nexport async function checkAndUpdateGardenEligibility(sessionId: string, weeklyStats: any): Promise {\n try {\n const user = await getUserBySessionId(sessionId);\n if (!user) return false;\n\n // Save the weekly stats to database\n await updateUserWeeklyStats(sessionId, weeklyStats);\n\n // Calculate current plant stage using the same logic as the main app\n const totalHours = weeklyStats.totalSeconds / 3600;\n const consistency = weeklyStats.consistency || 0;\n const languageDiversity = weeklyStats.languages?.length || 0;\n\n // Get plant type and calculate stage\n const plantType = getPlantTypeData(user.plant_type);\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\n // Level 3+ requirement (stage index 3 or higher)\n const isEligible = currentStage >= 3;\n\n console.log(`Garden eligibility check for ${user.username}:`, {\n totalHours,\n consistency,\n languageDiversity,\n currentStage,\n stageName: plantType.stages[currentStage].name,\n isEligible,\n currentEligibility: user.garden_eligible\n });\n\n // Update garden eligibility if it has changed\n if (user.garden_eligible !== isEligible) {\n await updateUserGardenEligibility(sessionId, isEligible);\n console.log(`Updated garden eligibility for ${user.username}: ${user.garden_eligible} -> ${isEligible}`);\n }\n\n return isEligible;\n } catch (error) {\n console.error(\"Error checking garden eligibility:\", error);\n return false;\n }\n}\n\n// Helper function to get plant type data (simplified version for backend)\nfunction getPlantTypeData(plantTypeId: string) {\n const plantTypes = {\n \"classic-tree\": {\n stages: [\n { requiredHours: 0, name: \"Seed\" },\n { requiredHours: 1, name: \"Sprout\" },\n { requiredHours: 3, requiredConsistency: 0.3, name: \"Seedling\" },\n { requiredHours: 6, requiredConsistency: 0.4, requiredLanguages: 2, name: \"Young Tree\" },\n { requiredHours: 12, requiredConsistency: 0.5, requiredLanguages: 3, name: \"Mature Tree\" },\n { requiredHours: 20, requiredConsistency: 0.6, requiredLanguages: 4, name: \"Flowering Tree\" },\n { requiredHours: 30, requiredConsistency: 0.7, requiredLanguages: 5, name: \"Fruit Tree\" },\n { requiredHours: 50, requiredConsistency: 0.8, requiredLanguages: 6, name: \"Ancient Oak\" },\n ]\n },\n \"flower-garden\": {\n stages: [\n { requiredHours: 0, name: \"Bulb\" },\n { requiredHours: 1, name: \"First Shoot\" },\n { requiredHours: 3, requiredConsistency: 0.3, name: \"Stem & Leaves\" },\n { requiredHours: 6, requiredConsistency: 0.4, requiredLanguages: 2, name: \"Bud Formation\" },\n { requiredHours: 12, requiredConsistency: 0.5, requiredLanguages: 3, name: \"First Bloom\" },\n { requiredHours: 20, requiredConsistency: 0.6, requiredLanguages: 4, name: \"Full Bloom\" },\n { requiredHours: 30, requiredConsistency: 0.7, requiredLanguages: 5, name: \"Garden Bed\" },\n { requiredHours: 50, requiredConsistency: 0.8, requiredLanguages: 6, name: \"Botanical Paradise\" },\n ]\n },\n \"cactus-desert\": {\n stages: [\n { requiredHours: 0, name: \"Cactus Seed\" },\n { requiredHours: 1, name: \"Tiny Cactus\" },\n { requiredHours: 3, requiredConsistency: 0.3, name: \"Growing Cactus\" },\n { requiredHours: 6, requiredConsistency: 0.4, requiredLanguages: 2, name: \"Spiky Cactus\" },\n { requiredHours: 12, requiredConsistency: 0.5, requiredLanguages: 3, name: \"Tall Cactus\" },\n { requiredHours: 20, requiredConsistency: 0.6, requiredLanguages: 4, name: \"Flowering Cactus\" },\n { requiredHours: 30, requiredConsistency: 0.7, requiredLanguages: 5, name: \"Cactus Family\" },\n { requiredHours: 50, requiredConsistency: 0.8, requiredLanguages: 6, name: \"Desert Oasis\" },\n ]\n },\n \"mushroom-forest\": {\n stages: [\n { requiredHours: 0, name: \"Spore\" },\n { requiredHours: 1, name: \"Mycelium\" },\n { requiredHours: 3, requiredConsistency: 0.3, name: \"Tiny Mushroom\" },\n { requiredHours: 6, requiredConsistency: 0.4, requiredLanguages: 2, name: \"Toadstool\" },\n { requiredHours: 12, requiredConsistency: 0.5, requiredLanguages: 3, name: \"Mushroom Cluster\" },\n { requiredHours: 20, requiredConsistency: 0.6, requiredLanguages: 4, name: \"Glowing Mushrooms\" },\n { requiredHours: 30, requiredConsistency: 0.7, requiredLanguages: 5, name: \"Fairy Ring\" },\n { requiredHours: 50, requiredConsistency: 0.8, requiredLanguages: 6, name: \"Mystical Forest\" },\n ]\n }\n };\n \n return plantTypes[plantTypeId] || plantTypes[\"classic-tree\"];\n}\n\nexport async function getUserStats(apiKey: string): Promise {\n // This would typically fetch from WakaTime API\n // For now, return demo data structure\n return {\n totalSeconds: 0,\n languages: [],\n consistency: 0,\n isDemo: false\n };\n}",[],[305,333,342],"08ebbe72-41c5-11f0-a441-76b3cceeab13","migrations.ts","f5616028-3fe9-11f0-88b3-76b3cceeab13",430,["D",1749097496238],9,"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst USERS_TABLE = \"wakatime_users_v4\"; // Updated version to include weekly_stats\n\n// List of old table versions that might contain user data\nconst OLD_TABLES = [\n \"wakatime_users\",\n \"wakatime_users_v1\",\n \"wakatime_users_v2\",\n \"wakatime_users_v3\",\n];\n\nexport async function initializeDatabase() {\n try {\n // Create the new table if it doesn't exist\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${USERS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n session_id TEXT UNIQUE NOT NULL,\n api_key TEXT NOT NULL,\n username TEXT,\n plant_type TEXT DEFAULT 'classic-tree',\n garden_eligible BOOLEAN DEFAULT FALSE,\n weekly_stats TEXT, -- JSON string of weekly stats\n last_stats_update DATETIME,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n last_active DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n console.log(\"Database initialized successfully\");\n\n // Run migration to move users from old tables\n await migrateUsersFromOldTables();\n } catch (error) {\n console.error(\"Database initialization error:\", error);\n throw error;\n }\n}\n\nexport async function migrateUsersFromOldTables() {\n console.log(\"Starting migration of users from old tables...\");\n\n let totalMigrated = 0;\n\n for (const oldTable of OLD_TABLES) {\n try {\n // Check if the old table exists\n const tableExists = await sqlite.execute(\n `SELECT name FROM sqlite_master WHERE type='table' AND name=?`,\n [oldTable],\n );\n\n if (!Array.isArray(tableExists) || tableExists.length === 0) {\n console.log(`Table ${oldTable} does not exist, skipping...`);\n continue;\n }\n\n console.log(`Found table ${oldTable}, checking for users...`);\n\n // Get all users from the old table\n const oldUsers = await sqlite.execute(`SELECT * FROM ${oldTable}`);\n\n if (!Array.isArray(oldUsers) || oldUsers.length === 0) {\n console.log(`No users found in ${oldTable}`);\n continue;\n }\n\n console.log(`Found ${oldUsers.length} users in ${oldTable}`);\n\n // Migrate each user\n for (const oldUser of oldUsers) {\n try {\n // Check if user already exists in new table (by session_id or username)\n const existingUser = await sqlite.execute(\n `SELECT id FROM ${USERS_TABLE} WHERE session_id = ? OR (username IS NOT NULL AND username = ?)`,\n [oldUser.session_id, oldUser.username],\n );\n\n if (Array.isArray(existingUser) && existingUser.length > 0) {\n console.log(`User ${oldUser.username || oldUser.session_id} already exists in new table, skipping...`);\n continue;\n }\n\n // Migrate the user to the new table\n await sqlite.execute(\n `\n INSERT INTO ${USERS_TABLE} (\n session_id, \n api_key, \n username, \n plant_type, \n garden_eligible,\n weekly_stats,\n last_stats_update,\n created_at, \n last_active\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)\n `,\n [\n oldUser.session_id,\n oldUser.api_key,\n oldUser.username,\n oldUser.plant_type || \"classic-tree\",\n oldUser.garden_eligible || false,\n oldUser.weekly_stats || null,\n oldUser.last_stats_update || null,\n oldUser.created_at || new Date().toISOString(),\n oldUser.last_active || new Date().toISOString(),\n ],\n );\n\n totalMigrated++;\n console.log(`Migrated user: ${oldUser.username || oldUser.session_id} from ${oldTable}`);\n } catch (userError) {\n console.error(`Error migrating user ${oldUser.username || oldUser.session_id} from ${oldTable}:`, userError);\n // Continue with next user\n }\n }\n } catch (tableError) {\n console.error(`Error processing table ${oldTable}:`, tableError);\n // Continue with next table\n }\n }\n\n console.log(`Migration completed. Total users migrated: ${totalMigrated}`);\n\n // Optionally, you can uncomment the following lines to drop old tables after successful migration\n // WARNING: This will permanently delete the old tables!\n /*\n if (totalMigrated > 0) {\n console.log(\"Migration successful. You can now manually drop old tables if desired.\");\n for (const oldTable of OLD_TABLES) {\n try {\n await sqlite.execute(`DROP TABLE IF EXISTS ${oldTable}`);\n console.log(`Dropped old table: ${oldTable}`);\n } catch (dropError) {\n console.error(`Error dropping table ${oldTable}:`, dropError);\n }\n }\n }\n */\n}\n\n// Manual migration function that can be called separately\nexport async function runManualMigration() {\n console.log(\"Running manual migration...\");\n await migrateUsersFromOldTables();\n}\n\nexport { USERS_TABLE };",[],[305,333,351],"4b8e8af8-3fe9-11f0-9fc7-76b3cceeab13",".vt","4b8e8bac-3fe9-11f0-9fc7-76b3cceeab13",163,["D",1748893167594],[],[360],"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,"_419":415},"org",{"_11":12,"_413":-5,"_414":415,"_376":377,"_416":417,"_418":60},"branch",{"_17":74,"_13":16,"_39":47,"_405":366,"_406":-5,"_407":-5,"_408":-5,"_409":-5,"_410":-5,"_411":14,"_412":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_39":366,"_13":14,"_52":557,"_368":-5,"_369":60,"_370":371,"_372":371,"_373":374,"_375":-5,"_376":377,"_378":324,"_379":51,"_380":51,"_381":-5,"_382":104,"_383":384,"_385":-5,"_386":-5,"_387":-5,"_388":-5,"_389":390,"_391":390,"_392":393,"_394":393,"_395":393,"_396":390,"_397":390,"_398":558,"_400":559,"_402":560,"_404":60},[461,462,468,484,489,490,491,492],"files",[461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,479,480,481,482,483,484,485,486,487,488,489,490,491,492],"counts",{"_452":104,"_453":170,"_454":104,"_32":455,"_456":457},[440,441,442,443,444,445],{"_39":101,"_13":19,"_42":45,"_44":-5,"_46":47,"_48":102,"_50":51,"_52":103,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_18":439},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_39":95,"_13":96,"_42":97,"_44":45,"_46":47,"_48":98,"_50":51,"_52":99,"_17":92,"_55":93,"_57":-5,"_59":60,"_61":-5,"_18":451},{"_39":87,"_13":88,"_42":89,"_44":45,"_46":47,"_48":90,"_50":51,"_52":91,"_17":92,"_55":93,"_57":-5,"_59":60,"_61":-5,"_18":450},{"_39":79,"_13":80,"_42":81,"_44":45,"_46":47,"_48":82,"_50":51,"_52":83,"_17":84,"_55":24,"_57":85,"_59":60,"_61":-5,"_18":449},{"_39":71,"_13":72,"_42":73,"_44":45,"_46":47,"_48":74,"_50":51,"_52":75,"_17":76,"_55":56,"_57":77,"_59":60,"_61":-5,"_18":448},{"_39":63,"_13":64,"_42":65,"_44":45,"_46":47,"_48":66,"_50":51,"_52":67,"_17":68,"_55":24,"_57":69,"_59":60,"_61":-5,"_18":447},{"_39":40,"_13":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_17":54,"_55":56,"_57":58,"_59":60,"_61":-5,"_18":446},[19,41],[19,64],[19,72],[19,80],[19,88],[19,96],"pulls","branches","forks",{"_458":92,"_460":104},"connections",{"_458":104,"_459":104},"count","unfilledCount","emptyCount",{"_39":359,"_13":360,"_42":361,"_44":-5,"_46":47,"_48":362,"_50":51,"_52":363,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":555,"_18":556},{"_39":304,"_13":305,"_42":306,"_44":-5,"_46":47,"_48":54,"_50":51,"_52":307,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":553,"_18":554},{"_39":332,"_13":333,"_42":334,"_44":306,"_46":47,"_48":335,"_50":51,"_52":336,"_17":92,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":551,"_18":552},{"_39":350,"_13":351,"_42":352,"_44":334,"_46":47,"_48":353,"_50":51,"_52":354,"_17":355,"_55":56,"_57":356,"_59":60,"_61":-5,"_118":549,"_18":550},{"_39":341,"_13":342,"_42":343,"_44":334,"_46":47,"_48":344,"_50":51,"_52":345,"_17":346,"_55":56,"_57":347,"_59":60,"_61":-5,"_118":547,"_18":548},{"_39":322,"_13":323,"_42":324,"_44":306,"_46":47,"_48":325,"_50":51,"_52":326,"_17":327,"_55":328,"_57":329,"_59":60,"_61":14,"_118":545,"_18":546},{"_39":313,"_13":314,"_42":315,"_44":306,"_46":47,"_48":316,"_50":51,"_52":317,"_17":318,"_55":56,"_57":319,"_59":60,"_61":-5,"_118":543,"_18":544},{"_39":101,"_13":19,"_42":45,"_44":-5,"_46":47,"_48":102,"_50":51,"_52":192,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":541,"_18":542},{"_39":95,"_13":96,"_42":97,"_44":45,"_46":47,"_48":98,"_50":51,"_52":225,"_17":92,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":539,"_18":540},{"_39":296,"_13":297,"_42":298,"_44":97,"_46":47,"_48":299,"_50":51,"_52":300,"_17":54,"_55":56,"_57":301,"_59":60,"_61":-5,"_118":537,"_18":538},{"_39":287,"_13":288,"_42":289,"_44":97,"_46":47,"_48":290,"_50":51,"_52":291,"_17":292,"_55":56,"_57":293,"_59":60,"_61":-5,"_118":535,"_18":536},{"_39":279,"_13":280,"_42":281,"_44":97,"_46":47,"_48":282,"_50":51,"_52":283,"_17":54,"_55":56,"_57":284,"_59":60,"_61":-5,"_118":533,"_18":534},{"_39":270,"_13":271,"_42":272,"_44":97,"_46":47,"_48":273,"_50":51,"_52":274,"_17":275,"_55":56,"_57":276,"_59":60,"_61":-5,"_118":531,"_18":532},{"_39":262,"_13":263,"_42":264,"_44":97,"_46":47,"_48":265,"_50":51,"_52":266,"_17":54,"_55":56,"_57":267,"_59":60,"_61":-5,"_118":529,"_18":530},{"_39":254,"_13":255,"_42":256,"_44":97,"_46":47,"_48":257,"_50":51,"_52":258,"_17":54,"_55":56,"_57":259,"_59":60,"_61":-5,"_118":527,"_18":528},{"_39":245,"_13":246,"_42":247,"_44":97,"_46":47,"_48":248,"_50":51,"_52":249,"_17":250,"_55":56,"_57":251,"_59":60,"_61":-5,"_118":525,"_18":526},{"_39":236,"_13":237,"_42":238,"_44":97,"_46":47,"_48":239,"_50":51,"_52":240,"_17":241,"_55":56,"_57":242,"_59":60,"_61":-5,"_118":523,"_18":524},{"_39":87,"_13":88,"_42":89,"_44":45,"_46":47,"_48":90,"_50":51,"_52":213,"_17":92,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":521,"_18":522},{"_39":217,"_13":218,"_42":219,"_44":89,"_46":47,"_48":220,"_50":51,"_52":221,"_17":92,"_55":24,"_57":222,"_59":60,"_61":-5,"_118":519,"_18":520},{"_39":79,"_13":80,"_42":81,"_44":45,"_46":47,"_48":82,"_50":51,"_52":210,"_17":84,"_55":24,"_57":85,"_59":60,"_61":-5,"_118":517,"_18":518},{"_39":71,"_13":72,"_42":73,"_44":45,"_46":47,"_48":74,"_50":51,"_52":207,"_17":76,"_55":56,"_57":77,"_59":60,"_61":-5,"_118":515,"_18":516},{"_39":63,"_13":64,"_42":65,"_44":45,"_46":47,"_48":66,"_50":51,"_52":204,"_17":68,"_55":24,"_57":69,"_59":60,"_61":-5,"_118":513,"_18":514},{"_39":40,"_13":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":201,"_17":54,"_55":56,"_57":58,"_59":60,"_61":-5,"_118":511,"_18":512},{"_39":146,"_13":147,"_42":148,"_44":-5,"_46":47,"_48":149,"_50":51,"_52":150,"_17":104,"_55":93,"_57":-5,"_59":60,"_61":-5,"_118":509,"_18":510},{"_39":183,"_13":184,"_42":185,"_44":148,"_46":47,"_48":186,"_50":51,"_52":187,"_17":188,"_55":56,"_57":189,"_59":60,"_61":-5,"_118":507,"_18":508},{"_39":174,"_13":175,"_42":176,"_44":148,"_46":47,"_48":177,"_50":51,"_52":178,"_17":179,"_55":56,"_57":180,"_59":60,"_61":-5,"_118":505,"_18":506},{"_39":165,"_13":166,"_42":167,"_44":148,"_46":47,"_48":168,"_50":51,"_52":169,"_17":170,"_55":56,"_57":171,"_59":60,"_61":-5,"_118":503,"_18":504},{"_39":157,"_13":158,"_42":159,"_44":148,"_46":47,"_48":160,"_50":51,"_52":161,"_17":54,"_55":56,"_57":162,"_59":60,"_61":-5,"_118":501,"_18":502},{"_39":138,"_13":139,"_42":140,"_44":-5,"_46":47,"_48":141,"_50":51,"_52":142,"_17":104,"_55":24,"_57":143,"_59":60,"_61":-5,"_118":499,"_18":500},{"_39":129,"_13":130,"_42":131,"_44":-5,"_46":47,"_48":132,"_50":51,"_52":133,"_17":134,"_55":24,"_57":135,"_59":60,"_61":-5,"_118":497,"_18":498},{"_39":121,"_13":122,"_42":123,"_44":-5,"_46":47,"_48":124,"_50":51,"_52":125,"_17":104,"_55":24,"_57":126,"_59":60,"_61":-5,"_118":495,"_18":496},{"_39":114,"_13":41,"_42":115,"_44":-5,"_46":47,"_48":116,"_50":51,"_52":117,"_17":104,"_55":56,"_57":58,"_59":60,"_61":-5,"_118":493,"_18":494},[],[41],[],[122],[],[130],[],[139],[],[147,158],[],[147,166],[],[147,175],[],[147,184],[485,486,487,488],[147],[],[19,41],[],[19,64],[],[19,72],[],[19,80],[],[19,88,218],[479],[19,88],[],[19,96,237],[],[19,96,246],[],[19,96,255],[],[19,96,263],[],[19,96,271],[],[19,96,280],[],[19,96,288],[],[19,96,297],[470,471,472,473,474,475,476,477],[19,96],[469,478,480,481,482,483],[19],[],[305,314],[],[305,323],[],[305,333,342],[],[305,333,351],[464,465],[305,333],[463,466,467],[305],[],[360],["D",1748843528455],{"_11":12,"_419":415},{"_11":12,"_413":-5,"_414":415,"_376":377,"_416":417,"_418":60},{"_17":74,"_13":16,"_39":47,"_405":366,"_406":-5,"_407":-5,"_408":-5,"_409":-5,"_410":-5,"_411":14,"_412":12},"ctx",{"_398":-5,"_436":594,"_595":596,"_597":598,"_599":60,"_600":60,"_601":60,"_602":51,"_603":-5,"_604":-7,"_605":-7,"_606":104,"_607":60,"_608":60,"_609":-5,"_610":60,"_611":60,"_612":60,"_613":-5},"ENV",{"_565":566,"_567":568,"_569":16,"_570":571,"_572":573,"_574":575,"_576":577,"_578":579,"_580":581,"_582":583,"_584":585,"_586":587,"_588":589,"_590":591,"_592":593},"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