[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_399":400,"_401":402},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_106":88,"_27":37,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":60,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",208,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/database/queries.ts","latestPath","fileId","ffb31c74-3fe9-11f0-967e-76b3cceeab13","name","queries.ts","fileType","script","content","","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 created_at: string;\n last_active: string;\n}\n\nexport async function createUser(sessionId: string, apiKey: string, username?: string): Promise {\n await sqlite.execute(\n `INSERT INTO ${USERS_TABLE} (session_id, api_key, username) VALUES (?, ?, ?)`,\n [sessionId, apiKey, username!],\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 deleteUser(sessionId: string): Promise {\n await sqlite.execute(\n `DELETE FROM ${USERS_TABLE} WHERE session_id = ?`,\n [sessionId],\n );\n}","createdAt",["D",1748893475594],"branchVersion","branchId","b8528e06-3f75-11f0-acce-76b3cceeab13","id","b85200a8-3f75-11f0-acce-76b3cceeab13","plant",["D",1748843528455],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A gamified coding tracker that grows virtual plants based on you","imageUrl","c7d91915-4070-4350-8e28-6c792ff73b1c","pinnedFileId","e7e0a13a-3f75-11f0-ab70-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","9ee5b56c-6e87-47cb-98e4-c31219468b31","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",613,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","loading","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":395,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":396,"_82":397,"_84":398,"_86":25},"tree",[202,203,204,209,221,225,226,227],"files",[202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227],"counts",{"_190":64,"_191":192,"_193":64,"_194":195,"_196":197},"contents",[127,128,129,130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":184,"_32":185,"_30":186,"_138":-5,"_42":43,"_41":187,"_140":25,"_39":188,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_27":189},{"_44":178,"_32":179,"_30":180,"_138":-5,"_42":43,"_41":181,"_140":60,"_39":182,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_27":183},{"_44":173,"_32":174,"_30":175,"_138":-5,"_42":43,"_41":150,"_140":60,"_39":176,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_27":177},{"_44":167,"_32":168,"_30":169,"_138":-5,"_42":43,"_41":170,"_140":60,"_39":171,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_27":172},{"_44":160,"_32":161,"_30":162,"_138":-5,"_42":43,"_41":163,"_140":60,"_39":164,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_27":166},{"_44":153,"_32":154,"_30":155,"_138":-5,"_42":43,"_41":156,"_140":60,"_39":157,"_13":64,"_34":20,"_36":158,"_24":25,"_143":-5,"_27":159},{"_44":145,"_32":146,"_30":147,"_138":-5,"_42":43,"_41":148,"_140":25,"_39":149,"_13":150,"_34":20,"_36":151,"_24":25,"_143":-5,"_27":152},{"_44":135,"_32":136,"_30":137,"_138":-5,"_42":43,"_41":139,"_140":60,"_39":141,"_13":64,"_34":20,"_36":142,"_24":25,"_143":-5,"_27":144},"4bc022c0-3fe9-11f0-bd21-76b3cceeab13","deno.json","4bc02374-3fe9-11f0-bd21-76b3cceeab13","parentId",169,"latest",["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}","label",[136],"efc91a0a-3f78-11f0-8e48-76b3cceeab13","README.md","dc50c85e-3f75-11f0-8fe9-76b3cceeab13",57,["D",1748844909993],2,"# 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\n## Growth Stages\n\n1. **Seed** (0 hours) - Just planted\n2. **Sprout** (1+ hours) - First signs of life\n3. **Seedling** (3+ hours) - Small leaves appear\n4. **Young Plant** (6+ hours) - Growing stronger\n5. **Mature Plant** (12+ hours) - Well established\n6. **Flowering** (20+ hours) - Beautiful blooms\n7. **Fruit Bearing** (30+ hours) - Producing fruit\n8. **Ancient Tree** (50+ hours) - Majestic and wise\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. **Watch Growth**: Your plant grows based on your weekly coding activity!\n\n## Growth Requirements\n\nEach stage requires different combinations of:\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## Security\n\n- API keys are validated securely on the backend\n- Keys are stored locally in your browser (localStorage)\n- No server-side storage of API keys\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- Styling: TailwindCSS with dark mode support\n- Authentication: Client-side storage with backend validation\n- Data: WakaTime API integration",[146],"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",[154],"ec43480e-3f75-11f0-a2b9-76b3cceeab13","shared","5633f312-1ee0-448c-8a07-ccfdf3e232a0",3,["D",1748843615593],"directory",[161],"00231084-3f76-11f0-b99c-76b3cceeab13","frontend","b5663ff8-84ed-49ec-a3b6-c90bb0a1b577",5,["D",1748843648936],[168],"e7e0b5a8-3f75-11f0-ab70-76b3cceeab13","backend","4c5fdf48-e280-48bc-8f95-c8d342ab72ab",["D",1748843608237],[174],"4b8e8af8-3fe9-11f0-9fc7-76b3cceeab13",".vt","4b8e8bac-3fe9-11f0-9fc7-76b3cceeab13",163,["D",1748893167594],[179],"4b835e80-3fe9-11f0-9074-76b3cceeab13",".vscode","4b835f5c-3fe9-11f0-9074-76b3cceeab13",162,["D",1748893167524],[185],"pulls","branches",4,"forks","envVars",{"_198":200,"_201":64},"connections",{"_198":64,"_199":64},"count","unfilledCount",1,"emptyCount",{"_44":184,"_32":185,"_30":186,"_138":-5,"_42":43,"_41":187,"_140":25,"_39":392,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_229":393,"_27":394},{"_44":178,"_32":179,"_30":180,"_138":-5,"_42":43,"_41":181,"_140":60,"_39":389,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_229":390,"_27":391},{"_44":173,"_32":174,"_30":175,"_138":-5,"_42":43,"_41":150,"_140":60,"_39":386,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_229":387,"_27":388},{"_44":381,"_32":372,"_30":368,"_138":175,"_42":43,"_41":382,"_140":60,"_39":383,"_13":200,"_34":165,"_36":-5,"_24":25,"_143":-5,"_229":384,"_27":385},{"_44":373,"_32":374,"_30":375,"_138":368,"_42":43,"_41":376,"_140":25,"_39":377,"_13":150,"_34":35,"_36":378,"_24":25,"_143":-5,"_229":379,"_27":380},{"_44":367,"_32":33,"_30":31,"_138":368,"_42":43,"_41":14,"_140":25,"_39":369,"_13":150,"_34":35,"_36":38,"_24":25,"_143":-5,"_229":370,"_27":371},{"_44":358,"_32":359,"_30":58,"_138":175,"_42":43,"_41":360,"_140":25,"_39":361,"_13":362,"_34":363,"_36":364,"_24":25,"_143":46,"_229":365,"_27":366},{"_44":167,"_32":168,"_30":169,"_138":-5,"_42":43,"_41":170,"_140":60,"_39":355,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_229":356,"_27":357},{"_44":350,"_32":301,"_30":295,"_138":169,"_42":43,"_41":351,"_140":60,"_39":352,"_13":200,"_34":165,"_36":-5,"_24":25,"_143":-5,"_229":353,"_27":354},{"_44":342,"_32":343,"_30":344,"_138":295,"_42":43,"_41":345,"_140":60,"_39":346,"_13":150,"_34":35,"_36":347,"_24":25,"_143":-5,"_229":348,"_27":349},{"_44":334,"_32":335,"_30":336,"_138":295,"_42":43,"_41":337,"_140":60,"_39":338,"_13":150,"_34":35,"_36":339,"_24":25,"_143":-5,"_229":340,"_27":341},{"_44":326,"_32":327,"_30":328,"_138":295,"_42":43,"_41":329,"_140":25,"_39":330,"_13":163,"_34":35,"_36":331,"_24":25,"_143":-5,"_229":332,"_27":333},{"_44":318,"_32":319,"_30":320,"_138":295,"_42":43,"_41":321,"_140":60,"_39":322,"_13":150,"_34":35,"_36":323,"_24":25,"_143":-5,"_229":324,"_27":325},{"_44":310,"_32":311,"_30":312,"_138":295,"_42":43,"_41":313,"_140":60,"_39":314,"_13":150,"_34":35,"_36":315,"_24":25,"_143":-5,"_229":316,"_27":317},{"_44":302,"_32":303,"_30":304,"_138":295,"_42":43,"_41":305,"_140":25,"_39":306,"_13":150,"_34":35,"_36":307,"_24":25,"_143":-5,"_229":308,"_27":309},{"_44":292,"_32":293,"_30":294,"_138":295,"_42":43,"_41":296,"_140":25,"_39":297,"_13":150,"_34":35,"_36":298,"_24":25,"_143":-5,"_229":299,"_27":300},{"_44":283,"_32":284,"_30":285,"_138":169,"_42":43,"_41":286,"_140":25,"_39":287,"_13":288,"_34":20,"_36":289,"_24":25,"_143":-5,"_229":290,"_27":291},{"_44":274,"_32":275,"_30":276,"_138":169,"_42":43,"_41":277,"_140":25,"_39":278,"_13":279,"_34":35,"_36":280,"_24":25,"_143":-5,"_229":281,"_27":282},{"_44":265,"_32":266,"_30":267,"_138":169,"_42":43,"_41":268,"_140":25,"_39":269,"_13":270,"_34":20,"_36":271,"_24":25,"_143":-5,"_229":272,"_27":273},{"_44":160,"_32":161,"_30":162,"_138":-5,"_42":43,"_41":163,"_140":60,"_39":262,"_13":64,"_34":165,"_36":-5,"_24":25,"_143":-5,"_229":263,"_27":264},{"_44":254,"_32":255,"_30":256,"_138":162,"_42":43,"_41":257,"_140":25,"_39":258,"_13":163,"_34":35,"_36":259,"_24":25,"_143":-5,"_229":260,"_27":261},{"_44":246,"_32":247,"_30":248,"_138":162,"_42":43,"_41":249,"_140":25,"_39":250,"_13":200,"_34":35,"_36":251,"_24":25,"_143":-5,"_229":252,"_27":253},{"_44":238,"_32":239,"_30":240,"_138":162,"_42":43,"_41":241,"_140":60,"_39":242,"_13":150,"_34":35,"_36":243,"_24":25,"_143":-5,"_229":244,"_27":245},{"_44":153,"_32":154,"_30":155,"_138":-5,"_42":43,"_41":156,"_140":60,"_39":235,"_13":64,"_34":20,"_36":158,"_24":25,"_143":-5,"_229":236,"_27":237},{"_44":145,"_32":146,"_30":147,"_138":-5,"_42":43,"_41":148,"_140":25,"_39":232,"_13":150,"_34":20,"_36":151,"_24":25,"_143":-5,"_229":233,"_27":234},{"_44":135,"_32":136,"_30":137,"_138":-5,"_42":43,"_41":139,"_140":60,"_39":228,"_13":64,"_34":20,"_36":142,"_24":25,"_143":-5,"_229":230,"_27":231},["D",1748893167924],"children",[],[136],["D",1748844909993],[],[146],["D",1748893167905],[],[154],"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",[],[161,239],"4bb622ac-3fe9-11f0-9ed1-76b3cceeab13","plantTypes.ts","2448fba8-3f7c-11f0-8187-76b3cceeab13",167,["D",1748893167778],"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:\n \"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: \"bg-blue-100 dark:bg-blue-900/20\",\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:\n \"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:\n \"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:\n \"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:\n \"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}\n",[],[161,247],"4ba9930c-3fe9-11f0-ae98-76b3cceeab13","plantStages.tsx","f8e623a6-3f75-11f0-86ae-76b3cceeab13",165,["D",1748893167770],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { PlantStage } from './types.ts';\nimport { getPlantType } from './plantTypes.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\n // Flower Garden Icons\n \"bulb\": (\n \n ),\n \"first-shoot\": (\n \n ),\n \"stem-leaves\": (\n \n ),\n \"bud-formation\": (\n \n ),\n \"first-bloom\": (\n \n ),\n \"full-bloom\": (\n \n ),\n \"garden-bed\": (\n \n ),\n \"botanical-paradise\": (\n \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\": (\n \n ),\n \"mycelium\": (\n \n ),\n \"tiny-mushroom\": (\n \n ),\n \"toadstool\": (\n \n ),\n \"mushroom-cluster\": (\n \n ),\n \"glowing-mushrooms\": (\n \n ),\n \"fairy-ring\": (\n \n ),\n \"mystical-forest\": (\n \n ),\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}",[],[161,255],["D",1748843615593],[222,223,224],[161],"e0538858-3fe1-11f0-8b74-76b3cceeab13","manifest.json","4ba62546-3fcb-11f0-8f20-76b3cceeab13",149,["D",1748889981212],10,"{\n \"name\": \"Plant\",\n \"author\": \"Dean Srebnik\",\n \"theme_color\": \"#000000\",\n \"start_url\": \"/\",\n \"background_color\": \"#000000\",\n \"short_name\": \"Plant\",\n \"description\": \"Plant\",\n \"display_override\": [\n \"window-controls-overlay\",\n \"standalone\",\n \"fullscreen\",\n \"browser\",\n \"minimal-ui\"\n ],\n \"icons\": [\n {\n \"src\": \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMyA0LjFWMi4zbC0xLjgtLjJjLS4xIDAtLjctLjEtMS43LS4xYy00LjEgMC03LjEgMS4yLTguOCAzLjNDOS40IDQuNSA3LjYgNCA1LjUgNGMtMSAwLTEuNy4xLTEuNy4xbC0xLjkuM2wuMSAxLjdjLjEgMyAxLjYgOC43IDYuOCA4LjdIOXYzLjRjLTMuOC41LTcgMS44LTcgMS44djJoMjB2LTJzLTMuMi0xLjMtNy0xLjhWMTVjNi4zLS4xIDgtNy4yIDgtMTAuOU0xMiAxOGgtMXYtNS42UzEwLjggOSA4IDljMCAwIDEuNS44IDEuOSAzLjdjLS40LjEtLjguMS0xLjEuMUM0LjIgMTIuOCA0IDYuMSA0IDYuMVM0LjYgNiA1LjUgNmMxLjkgMCA1IC40IDUuOSAzLjFDMTEuOSA0LjYgMTcgNCAxOS41IDRjLjkgMCAxLjUuMSAxLjUuMXMwIDktNi4zIDlIMTRjMC0yIDItNSAyLTVjLTMgMS0zIDQuOS0zIDQuOXY1eiIvPjwvc3ZnPg==\",\n \"sizes\": \"16x16\"\n },\n {\n \"src\": \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMyA0LjFWMi4zbC0xLjgtLjJjLS4xIDAtLjctLjEtMS43LS4xYy00LjEgMC03LjEgMS4yLTguOCAzLjNDOS40IDQuNSA3LjYgNCA1LjUgNGMtMSAwLTEuNy4xLTEuNy4xbC0xLjkuM2wuMSAxLjdjLjEgMyAxLjYgOC43IDYuOCA4LjdIOXYzLjRjLTMuOC41LTcgMS44LTcgMS44djJoMjB2LTJzLTMuMi0xLjMtNy0xLjhWMTVjNi4zLS4xIDgtNy4yIDgtMTAuOU0xMiAxOGgtMXYtNS42UzEwLjggOSA4IDljMCAwIDEuNS44IDEuOSAzLjdjLS40LjEtLjguMS0xLjEuMUM0LjIgMTIuOCA0IDYuMSA0IDYuMVM0LjYgNiA1LjUgNmMxLjkgMCA1IC40IDUuOSAzLjFDMTEuOSA0LjYgMTcgNCAxOS41IDRjLjkgMCAxLjUuMSAxLjUuMXMwIDktNi4zIDlIMTRjMC0yIDItNSAyLTVjLTMgMS0zIDQuOS0zIDQuOXY1eiIvPjwvc3ZnPg==\",\n \"sizes\": \"32x32\"\n }\n ]\n}",[],[168,266],"4ba4dcd6-3fe9-11f0-96da-76b3cceeab13","index.tsx","0dc630b8-3f76-11f0-89da-76b3cceeab13",164,["D",1748893167706],43,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { ErrorBoundary } from \"./components/ErrorBoundary.tsx\";\nimport { LoginModal } from \"./components/LoginModal.tsx\";\nimport { PlantGarden } from \"./components/PlantGarden.tsx\";\nimport { ProgressPanel } from \"./components/ProgressPanel.tsx\";\nimport { StatsPanel } from \"./components/StatsPanel.tsx\";\nimport { UserMenu } from \"./components/UserMenu.tsx\";\nimport { PLANT_TYPES } from \"../shared/plantTypes.ts\";\nimport { PlantSelector } from \"./components/PlantSelector.tsx\";\n\nfunction App() {\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n const [weeklyStats, setWeeklyStats] = useState(null);\n const [todayStats, setTodayStats] = useState(null);\n const [user, setUser] = useState(null);\n const [isLoginModalOpen, setIsLoginModalOpen] = useState(false);\n const [isDemo, setIsDemo] = useState(false);\n const [userApiKey, setUserApiKey] = useState(null);\n const [selectedPlantType, setSelectedPlantType] = useState(\n \"classic-tree\",\n );\n const [isPlantSelectorOpen, setIsPlantSelectorOpen] = useState(false);\n\n // Load saved plant type from localStorage\n useEffect(() => {\n const savedPlantType = localStorage.getItem(\"selected_plant_type\");\n if (\n savedPlantType && PLANT_TYPES.find((type) => type.id === savedPlantType)\n ) {\n setSelectedPlantType(savedPlantType);\n }\n }, []);\n\n const handlePlantTypeChange = (plantTypeId: string) => {\n setSelectedPlantType(plantTypeId);\n localStorage.setItem(\"selected_plant_type\", plantTypeId);\n };\n\n // deno-lint-ignore require-await\n const checkAuthStatus = async () => {\n // Check localStorage for API key\n const storedApiKey = localStorage.getItem(\"wakatime_api_key\");\n const storedUsername = localStorage.getItem(\"wakatime_username\");\n\n if (storedApiKey) {\n setUserApiKey(storedApiKey);\n setUser({\n authenticated: true,\n username: storedUsername || \"WakaTime User\",\n });\n } else {\n setUser({ authenticated: false });\n }\n };\n\n const fetchData = async () => {\n try {\n setIsLoading(true);\n setError(null);\n\n // Use stored API key if available\n const apiKey = userApiKey || localStorage.getItem(\"wakatime_api_key\");\n const apiUrl = localStorage.getItem(\"wakatime_api_url\");\n\n const [weeklyResponse, todayResponse] = await Promise.all([\n fetch(\"/api/wakatime/weekly\", {\n headers: apiKey\n ? {\n \"X-API-Key\": apiKey,\n \"X-Api-Url\": apiUrl || \"https://wakatime.com/api/v1\",\n }\n : {},\n }),\n fetch(\"/api/wakatime/stats\", {\n headers: apiKey\n ? {\n \"X-API-Key\": apiKey,\n \"X-Api-Url\": apiUrl || \"https://wakatime.com/api/v1\",\n }\n : {},\n }),\n ]);\n\n if (!weeklyResponse.ok || !todayResponse.ok) {\n throw new Error(\"Failed to fetch WakaTime data\");\n }\n\n const weeklyData = await weeklyResponse.json();\n const todayData = await todayResponse.json();\n\n setWeeklyStats(weeklyData);\n setTodayStats(todayData);\n setIsDemo(weeklyData.isDemo || todayData.isDemo);\n } catch (err) {\n console.error(\"Error fetching data:\", err);\n setError(err instanceof Error ? err.message : \"Unknown error occurred\");\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleLogin = async (apiKey: string, apiUrl?: string) => {\n // Validate API key using backend endpoint\n const response = await fetch(\"/api/auth/validate\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ apiKey, apiUrl }),\n });\n\n const data = await response.json();\n\n if (!response.ok) {\n throw new Error(data.error || \"Invalid API key\");\n }\n\n const username = data.username || \"WakaTime User\";\n\n // Store in localStorage\n localStorage.setItem(\"wakatime_api_key\", apiKey);\n if (apiUrl) {\n localStorage.setItem(\"wakatime_api_url\", apiUrl);\n }\n localStorage.setItem(\"wakatime_username\", username);\n\n setUserApiKey(apiKey);\n setUser({\n authenticated: true,\n username,\n });\n\n await fetchData();\n };\n\n const handleLogout = async () => {\n localStorage.removeItem(\"wakatime_api_key\");\n localStorage.removeItem(\"wakatime_api_url\");\n localStorage.removeItem(\"wakatime_username\");\n setUserApiKey(null);\n setUser({ authenticated: false });\n await fetchData(); // Refresh to show demo data\n };\n\n useEffect(() => {\n const initializeApp = async () => {\n await checkAuthStatus();\n await fetchData();\n };\n\n initializeApp();\n\n // Refresh data every 5 minutes\n const interval = setInterval(fetchData, 5 * 60 * 1000);\n return () => clearInterval(interval);\n }, []);\n\n if (isLoading) {\n return (\n

\n \n \n \n

\n Growing your coding garden\n

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

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

🌱

\n Demo Mode\n

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

\n \n Try Again\n \n

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

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

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

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

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

\n \n \n \n

\n Plant Garden\n

\n Powered by WakaTime\n

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

\n {/* Plant Type Selector */}\n setIsPlantSelectorOpen(true)}\n className=\"flex items-center gap-2 p-2 sm:p-3 rounded-xl bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-all duration-200\"\n title=\"Choose plant type\"\n >\n {currentPlantType.emoji}\n \n {currentPlantType.name}\n \n \n \n \n \n\n {/* User Menu */}\n setIsLoginModalOpen(true)}\n onLogout={handleLogout}\n />\n

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

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

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

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

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

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

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

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

\n \n

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

\n\n {/* Professional Footer */}\n \n \n\n {/* Enhanced Login Modal */}\n setIsLoginModalOpen(false)}\n onLogin={handleLogin}\n />\n\n {/* Plant Selector Modal */}\n setIsPlantSelectorOpen(false)}\n />\n \n );\n}\n\nexport default App;\n\nfunction AppWithErrorBoundary() {\n return (\n \n \n \n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[168,275],"74f1b824-3fd6-11f0-bcce-76b3cceeab13","index.html","0022eac8-3f76-11f0-b99c-76b3cceeab13",142,["D",1748885076593],16,"\n\n \n \n \n \n \n \n \n \n \n \n Plant | WakaTime Plant Growth Game\n \n \n \n \n \n \n \n \n \n \n

\n \n \n",[],[168,284],"dc2a5f60-3fe9-11f0-a333-76b3cceeab13","UserMenu.tsx","d9bc8b9a-3fe9-11f0-b09f-76b3cceeab13","82a233d2-3fe9-11f0-83cc-76b3cceeab13",195,["D",1748893410210],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface UserMenuProps {\n user: {\n authenticated: boolean;\n username?: string;\n } | null;\n isDemo: boolean;\n onLogin: () => void;\n onLogout: () => Promise;\n}\n\nexport function UserMenu({ user, isDemo, onLogin, onLogout }: UserMenuProps) {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const [isLoggingOut, setIsLoggingOut] = useState(false);\n\n const handleLogout = async () => {\n setIsLoggingOut(true);\n try {\n await onLogout();\n } finally {\n setIsLoggingOut(false);\n setIsMenuOpen(false);\n }\n };\n\n return (\n

\n {isDemo && (\n

\n \n Demo\n

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

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

\n \n

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

Connected

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

\n \n

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

\n \n Connected to WakaTime\n

\n \n \n {isLoggingOut ? \"Logging out...\" : \"Logout\"}\n \n

\n )}\n

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

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

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

\n 📊\n Coding Stats\n

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

\n 📅\n Today\n

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

Total Time

\n {todayStats.languages.length}\n

Languages

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

\n 📈\n This Week\n

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

Total

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

Consistency

\n {weeklyStats.languages.length}\n

Languages

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

\n 💻\n Top Languages\n

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

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

\n \n

\n ))}\n

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

\n 📊\n Daily Activity\n

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

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

\n );\n })}\n

\n )}\n

\n );\n}",[],[168,301,303],"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}",[],[168,301,311],"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}",[],[168,301,319],"b7bf6fe4-3fe9-11f0-a2f6-76b3cceeab13","PlantGarden.tsx","a9ee39c2-3fe9-11f0-aa52-76b3cceeab13",183,["D",1748893349109],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { calculatePlantGrowth, PlantIcon } from \"../../shared/plantStages.tsx\";\nimport { getPlantType } from \"../../shared/plantTypes.ts\";\n\ninterface PlantGardenProps {\n weeklyStats: any;\n selectedPlantType: string;\n}\n\nexport function PlantGarden({ weeklyStats, selectedPlantType }: PlantGardenProps) {\n const [particles, setParticles] = useState>([]);\n const [particleId, setParticleId] = useState(0);\n\n if (!weeklyStats) {\n return (\n

\n \n \n \n

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

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

\n \n \n \n

\n \n

\n \n \n \n

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

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

\n Your Coding Plant\n

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

\n {isDemo && (\n

\n \n Demo Data\n

\n )}\n

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

\n \n \n \n

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

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

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

\n {currentStage.name}\n

\n {currentStage.description}\n

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

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

\n )}\n

\n ))}\n

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

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

This Week

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

Consistency

\n {growth.languageDiversity}\n

Languages

\n {growth.currentStage + 1}\n

Stage

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

\n \n

\n Next: {nextStage.name}\n

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

\n\n

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

\n {nextStage.requiredConsistency && (\n

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

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

\n Languages: {nextStage.requiredLanguages}\n

\n )}\n

\n\n

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

\n \n

\n \n )}\n \n \n \n );\n}",[],[168,301,327],"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}",[],[168,301,335],"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}",[],[168,301,343],"8433f352-3fe9-11f0-a60e-76b3cceeab13",173,["D",1748893262632],[211,212,213,214,215,216,217],[168,301],["D",1748843648936],[210,218,219,220],[168],"f7afbe24-3fe4-11f0-a788-76b3cceeab13","index.ts",161,["D",1748891308893],37,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err: unknown, c: any) => {\n throw err;\n});\n\n// Simple login endpoint that validates API key\napp.post(\"/api/auth/validate\", async (c: any) => {\n try {\n const { apiKey, apiUrl } = await c.req.json();\n\n console.log(\"Validating API key...\");\n if (!apiKey || typeof apiKey !== \"string\") {\n return c.json({ error: \"API key is required\" }, 400);\n }\n\n // Validate API key by making a test request\n const testResponse = await fetch(`${apiUrl || \"https://wakatime.com/api/v1\"}/users/current`, {\n headers: {\n \"Authorization\": `Basic ${btoa(apiKey)}`,\n },\n });\n\n if (!testResponse.ok) {\n console.log(\"WakaTime API validation failed:\", testResponse.status);\n return c.json({ error: \"Invalid API key\" }, 401);\n }\n\n const userData = await testResponse.json();\n console.log(\"WakaTime user validated:\", userData.data?.username);\n\n return c.json({\n success: true,\n username: userData.data?.username || \"WakaTime User\",\n message: \"API key is valid\",\n });\n } catch (error: any) {\n console.error(\"Validation error:\", error);\n return c.json({ error: `Validation failed: ${error.message}` }, 500);\n }\n});\n\n// Serve static files\napp.get(\"/frontend/*\", (c: any) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c: any) => serveFile(c.req.path, import.meta.url));\n\n// WakaTime API integration\napp.get(\"/api/wakatime/stats\", async (c: any) => {\n // Get API key from header or environment variable\n let apiKey = c.req.header(\"X-API-Key\");\n let apiUrl = c.req.header(\"X-API-Url\") || \"https://wakatime.com/api/v1\";\n\n if (!apiKey) {\n // Return demo data when no API key is available\n return c.json({\n totalSeconds: 7200, // 2 hours\n languages: [\n { name: \"TypeScript\", total_seconds: 4320 },\n { name: \"JavaScript\", total_seconds: 1800 },\n { name: \"Python\", total_seconds: 1080 },\n ],\n projects: [\n { name: \"plant-game\", total_seconds: 5400 },\n { name: \"personal-website\", total_seconds: 1800 },\n ],\n categories: [\n { name: \"Coding\", total_seconds: 7200 },\n ],\n isDemo: true,\n });\n }\n\n try {\n // Get today's stats\n const today = new Date().toISOString().split(\"T\")[0];\n const response = await fetch(`${apiUrl}/users/current/summaries?start=${today}&end=${today}`, {\n headers: {\n \"Authorization\": `Basic ${btoa(apiKey)}`,\n },\n });\n\n if (!response.ok) {\n throw new Error(`WakaTime API error: ${response.status}`);\n }\n\n const data = await response.json();\n const todayStats = data.data[0];\n\n if (!todayStats) {\n return c.json({\n totalSeconds: 0,\n languages: [],\n projects: [],\n categories: [],\n isDemo: false,\n });\n }\n\n return c.json({\n totalSeconds: todayStats.grand_total.total_seconds,\n languages: todayStats.languages || [],\n projects: todayStats.projects || [],\n categories: todayStats.categories || [],\n isDemo: false,\n });\n } catch (error) {\n console.error(\"WakaTime API error:\", error);\n return c.json({ error: \"Failed to fetch WakaTime data\" }, 500);\n }\n});\n\n// Get weekly stats for growth calculation\napp.get(\"/api/wakatime/weekly\", async (c: any) => {\n // Get API key from header or environment variable\n let apiKey = c.req.header(\"X-API-Key\") || Deno.env.get(\"WAKATIME_API_KEY\");\n let apiUrl = c.req.header(\"X-API-Url\") || \"https://wakatime.com/api/v1\";\n\n if (!apiKey) {\n // Return demo data when no API key is available\n const today = new Date();\n const dailyStats = [];\n\n // Generate 7 days of demo data\n for (let i = 6; i >= 0; i--) {\n const date = new Date(today.getTime() - i * 24 * 60 * 60 * 1000);\n const seconds = Math.random() * 14400 + 3600; // 1-5 hours per day\n dailyStats.push({\n date: date.toISOString().split(\"T\")[0],\n seconds: Math.floor(seconds),\n });\n }\n\n const totalSeconds = dailyStats.reduce((sum, day) => sum + day.seconds, 0);\n const daysWithCoding = dailyStats.filter(day => day.seconds > 1800).length; // Days with >30min\n\n return c.json({\n totalSeconds,\n languages: [\n { name: \"TypeScript\", total_seconds: totalSeconds * 0.4 },\n { name: \"JavaScript\", total_seconds: totalSeconds * 0.3 },\n { name: \"Python\", total_seconds: totalSeconds * 0.2 },\n { name: \"Go\", total_seconds: totalSeconds * 0.1 },\n ],\n dailyStats,\n consistency: daysWithCoding / 7,\n isDemo: true,\n });\n }\n\n try {\n const today = new Date();\n const weekAgo = new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000);\n\n const startDate = weekAgo.toISOString().split(\"T\")[0];\n const endDate = today.toISOString().split(\"T\")[0];\n\n const response = await fetch(\n `${apiUrl}/users/current/summaries?start=${startDate}&end=${endDate}`,\n {\n headers: {\n \"Authorization\": `Basic ${btoa(apiKey)}`,\n },\n },\n );\n\n if (!response.ok) {\n throw new Error(`WakaTime API error: ${response.status}`);\n }\n\n const data = await response.json();\n\n // Calculate weekly totals\n let totalSeconds = 0;\n const languageMap = new Map();\n const dailyStats: any[] = [];\n\n data.data.forEach((day: any) => {\n const daySeconds = day.grand_total?.total_seconds || 0;\n totalSeconds += daySeconds;\n dailyStats.push({\n date: day.range.date,\n seconds: daySeconds,\n });\n\n // Aggregate languages\n day.languages?.forEach((lang: any) => {\n const current = languageMap.get(lang.name) || 0;\n languageMap.set(lang.name, current + lang.total_seconds);\n });\n });\n\n const languages = Array.from(languageMap.entries()).map(([name, seconds]) => ({\n name,\n total_seconds: seconds,\n }));\n\n return c.json({\n totalSeconds,\n languages,\n dailyStats,\n consistency: calculateConsistency(dailyStats),\n isDemo: false,\n });\n } catch (error) {\n console.error(\"WakaTime weekly API error:\", error);\n return c.json({ error: \"Failed to fetch weekly WakaTime data\" }, 500);\n }\n});\n\nfunction calculateConsistency(dailyStats: Array<{ date: string; seconds: number }>): number {\n if (dailyStats.length === 0) return 0;\n\n const daysWithCoding = dailyStats.filter(day => day.seconds > 0).length;\n return daysWithCoding / dailyStats.length;\n}\n\n// Main page\napp.get(\"/\", async (c: any) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[174,359],"03237a20-3fea-11f0-8546-76b3cceeab13","ed0b1388-3fe9-11f0-8546-76b3cceeab13",["D",1748893475594],[],[174,372,33],"database","f90c223a-3fe9-11f0-8911-76b3cceeab13","migrations.ts","f5616028-3fe9-11f0-88b3-76b3cceeab13",205,["D",1748893458665],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst USERS_TABLE = \"wakatime_users_v1\";\n\nexport async function initializeDatabase() {\n try {\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 created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n last_active DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n console.log(\"Database initialized successfully\");\n } catch (error) {\n console.error(\"Database initialization error:\", error);\n throw error;\n }\n}\n\nexport { USERS_TABLE };",[],[174,372,374],"ee497e42-3fe9-11f0-8f88-76b3cceeab13",200,["D",1748893440611],[206,207],[174,372],["D",1748843608237],[205,208],[174],["D",1748893167594],[],[179],["D",1748893167524],[],[185],["D",1748843528455],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_124":432,"_433":434,"_435":436,"_437":25,"_438":25,"_439":25,"_440":60,"_441":-5,"_442":-7,"_443":-7,"_444":64,"_445":25,"_446":25,"_447":-5,"_448":25,"_449":25,"_450":25,"_451":-5},"ENV",{"_403":404,"_405":406,"_407":88,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427,"_428":429,"_430":431},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

\n Growing your coding garden\n

\n Demo Mode\n

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

\n 📊\n Coding Stats\n

\n 📅\n Today\n

\n 📈\n This Week\n

\n 💻\n Top Languages\n

\n 📊\n Daily Activity\n

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

\n {currentStage.name}\n

\n {nextStage.name}\n

\n Master Gardener!\n

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

\n Choose Your Plant\n

\n {plantType.name}\n

\n Growth Stages Preview:\n

\n Your Coding Plant\n

\n {currentStage.name}\n

\n Next: {nextStage.name}\n

\n Connect WakaTime\n

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

\n Oops! Your plant encountered an error\n

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

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

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

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

Diff · v208