\n Fitness Quest 💪\n

📋 Player Profile

\n\n

Gender

{profile.gender}

Difficulty

{profile.difficulty}

Days/Week

{profile.days}

Equipment

{profile.equipment}

\n\n {/* BMI */}\n

\n BMI\n \n {bmi} ({bmiCat.label})\n \n

\n\n {/* Macros */}\n

Calories

{macros.calories}

kcal

Protein

{macros.protein}g

P: 30%

Carbs

{macros.carbs}g

C: 40%

Fat

{macros.fat}g

F: 30%

\n\n {/* Weight Progress */}\n

Weight Progress Goal

{profile.weight}

Current (kg)

{profile.target_weight}

Target (kg)

\n\n {/* Workout Navigation */}\n

🏋️ Choose Workout

\n {(Object.keys(EXERCISES) as WorkoutMode[]).map((mode) => (\n onSelectMode(mode)}\n className=\"flex items-center gap-2 py-4 px-4 rounded-xl font-semibold bg-slate-800 border border-slate-700 hover:border-yellow-400 hover:bg-slate-700 transition-all text-left\"\n >\n {MODE_EMOJIS[mode]}\n {mode}\n \n ))}\n

\n\n \n 🔄 Reset Profile\n \n\n

\n view source\n

\n );\n}\n","createdAt",["D",1783461147298],"branchVersion","branchId","26c38b22-47d8-45fc-be4e-efea3c5e92f6","id","48b844fa-5d89-4fea-ba92-5c36741f21c2","fitness-app",["D",1783456658789],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Fitness Quest — retro workout planner with BMI, macros & timers","imageUrl","8981a3e1-28f1-485f-9da9-24433f28dc9d","pinnedFileId","c09af40e-7a43-11f1-a6c3-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f3e4b-a713-7394-a177-0c0b23934fb9","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_19":60,"_107":108,"_109":30},"branch",{"_13":91,"_37":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"isOwned",15,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Myhandler","handle","displayName","Tshwarelo Kekana","avatar","https://lh3.googleusercontent.com/a/ACg8ocIGmsUzx4jmo2j2VzN9_xUySAHtuOh6Of_Tj4XM-DT8K165AA=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":269,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":270,"_86":271,"_88":272,"_90":30},"tree",[164,177],"files",[164,165,166,167,168,169,170,171,172,173,174,175,176,177],"counts",{"_153":68,"_154":155,"_156":68,"_157":158,"_159":160},"contents",[133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":146,"_37":147,"_35":148,"_137":-5,"_46":47,"_45":149,"_139":64,"_43":150,"_13":68,"_39":151,"_41":-5,"_29":30,"_144":-5,"_32":152},{"_48":135,"_37":136,"_35":62,"_137":-5,"_46":47,"_45":138,"_139":64,"_43":140,"_13":141,"_39":142,"_41":143,"_29":30,"_144":-5,"_32":145},"4b613a97-8558-4d2a-848f-c20487b6a5ca","main.ts","parentId",3,"latest",["D",1783461041003],2,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\nexport default app.fetch;\n","label",[136],"eb9ca53b-5f7d-401a-b223-305baf67c621","frontend","019f3e8f-d436-77ed-8d0f-08bae7143345",4,["D",1783461041210],"directory",[147],"pulls","branches",1,"forks","envVars",{"_161":68,"_163":68},"connections",{"_161":68,"_162":68},"count","unfilledCount","emptyCount",{"_48":146,"_37":147,"_35":148,"_137":-5,"_46":47,"_45":149,"_139":64,"_43":266,"_13":68,"_39":151,"_41":-5,"_29":30,"_144":-5,"_179":267,"_32":268},{"_48":262,"_37":243,"_35":237,"_137":148,"_46":47,"_45":149,"_139":64,"_43":263,"_13":68,"_39":151,"_41":-5,"_29":30,"_144":-5,"_179":264,"_32":265},{"_48":255,"_37":256,"_35":257,"_137":237,"_46":47,"_45":149,"_139":30,"_43":258,"_13":68,"_39":40,"_41":259,"_29":30,"_144":-5,"_179":260,"_32":261},{"_48":248,"_37":249,"_35":250,"_137":237,"_46":47,"_45":149,"_139":30,"_43":251,"_13":68,"_39":40,"_41":252,"_29":30,"_144":-5,"_179":253,"_32":254},{"_48":244,"_37":38,"_35":36,"_137":237,"_46":47,"_45":14,"_139":64,"_43":245,"_13":68,"_39":40,"_41":42,"_29":30,"_144":-5,"_179":246,"_32":247},{"_48":234,"_37":235,"_35":236,"_137":237,"_46":47,"_45":238,"_139":64,"_43":239,"_13":68,"_39":40,"_41":240,"_29":30,"_144":-5,"_179":241,"_32":242},{"_48":230,"_37":213,"_35":207,"_137":148,"_46":47,"_45":208,"_139":64,"_43":231,"_13":68,"_39":151,"_41":-5,"_29":30,"_144":-5,"_179":232,"_32":233},{"_48":222,"_37":223,"_35":224,"_137":207,"_46":47,"_45":225,"_139":64,"_43":226,"_13":68,"_39":40,"_41":227,"_29":30,"_144":-5,"_179":228,"_32":229},{"_48":214,"_37":215,"_35":216,"_137":207,"_46":47,"_45":217,"_139":64,"_43":218,"_13":68,"_39":40,"_41":219,"_29":30,"_144":-5,"_179":220,"_32":221},{"_48":204,"_37":205,"_35":206,"_137":207,"_46":47,"_45":208,"_139":64,"_43":209,"_13":68,"_39":40,"_41":210,"_29":30,"_144":-5,"_179":211,"_32":212},{"_48":197,"_37":198,"_35":199,"_137":148,"_46":47,"_45":149,"_139":64,"_43":200,"_13":68,"_39":26,"_41":201,"_29":30,"_144":-5,"_179":202,"_32":203},{"_48":189,"_37":190,"_35":191,"_137":148,"_46":47,"_45":192,"_139":64,"_43":193,"_13":155,"_39":26,"_41":194,"_29":30,"_144":-5,"_179":195,"_32":196},{"_48":182,"_37":183,"_35":184,"_137":148,"_46":47,"_45":149,"_139":64,"_43":185,"_13":68,"_39":40,"_41":186,"_29":30,"_144":-5,"_179":187,"_32":188},{"_48":135,"_37":136,"_35":62,"_137":-5,"_46":47,"_45":138,"_139":64,"_43":178,"_13":141,"_39":142,"_41":143,"_29":30,"_144":-5,"_179":180,"_32":181},["D",1783461041003],"children",[],[136],"59b44f8a-79ff-42f5-b4c8-3d4b71b89ef1","index.tsx","019f3e8f-d437-773b-a6cd-43f74cd7e4b8",["D",1783461041210],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[147,183],"68793c65-15c0-4f7f-bb9d-915e6c485b64","index.html","019f3e8f-d437-773b-a6cd-3f14bec608d0",8,["D",1783461095221],"\n\n \n \n \n Fitness Quest 💪\n \n \n \n \n

\n \n \n \n\n",[],[147,190],"c69af7b3-ae98-45e4-b3ea-a151aa356970","favicon.svg","019f3e8f-d437-773b-a6cd-38ada20f9c1f",["D",1783461041210],"\n",[],[147,198],"54f9cc82-8a10-4399-83fc-e1c2fec0ee03","types.ts","ebd8d5dc-7a4d-11f1-ae26-1607ee4eb77e","3fc9228b-890a-4d21-95f9-3bb05a0a2c34",5,["D",1783461051294],"export type ExerciseType = \"timed\" | \"reps\";\n\nexport type Equipment =\n | \"None(Bodyweight)\"\n | \"Full gym\"\n | \"Barbells\"\n | \"Dumbbells\"\n | \"Kettlebells\";\n\nexport interface Exercise {\n name: string;\n type: ExerciseType;\n equipment: Equipment;\n duration?: number; // seconds, for timed exercises\n value?: number; // reps, for rep-based exercises\n emoji: string;\n}\n\nexport type WorkoutMode =\n | \"Full Body\"\n | \"Chest\"\n | \"Back\"\n | \"Arms\"\n | \"Shoulder\"\n | \"Abs\"\n | \"Legs\"\n | \"Glutes\";\n\nexport type Gender = \"Male\" | \"Female\";\nexport type Difficulty = \"Beginner\" | \"Intermediate\" | \"Advanced\";\n\nexport interface Profile {\n gender: Gender;\n focus: string;\n difficulty: Difficulty;\n days: string;\n height: number;\n weight: number;\n target_weight: number;\n equipment: Equipment;\n}\n\nexport interface Macros {\n calories: number;\n protein: number;\n carbs: number;\n fat: number;\n}\n",[],[147,213,205],"lib","33c65f1e-cb82-4827-9b1d-e8da22409cb5","profile.ts","04794856-7a4e-11f1-80d0-1607ee4eb77e",7,["D",1783461092622],"import type { Profile, Macros } from \"./types.ts\";\n\nconst STORAGE_KEY = \"fitness-app-profile\";\n\nexport function loadProfile(): Profile | null {\n try {\n const raw = localStorage.getItem(STORAGE_KEY);\n if (!raw) return null;\n return JSON.parse(raw) as Profile;\n } catch {\n return null;\n }\n}\n\nexport function saveProfile(data: Profile): void {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\n}\n\nexport function clearProfile(): void {\n localStorage.removeItem(STORAGE_KEY);\n}\n\nexport function calculateBMI(profile: Profile): number {\n const heightM = profile.height / 100;\n return Math.round((profile.weight / (heightM * heightM)) * 10) / 10;\n}\n\nexport function getBMICategory(bmi: number): { label: string; color: string } {\n if (bmi < 18.5) return { label: \"Underweight\", color: \"text-blue-400\" };\n if (bmi < 25) return { label: \"Normal\", color: \"text-green-400\" };\n if (bmi < 30) return { label: \"Overweight\", color: \"text-yellow-400\" };\n return { label: \"Obese\", color: \"text-red-400\" };\n}\n\nexport function calculateMacros(profile: Profile): Macros {\n // Mifflin-St Jeor BMR\n const bmr = profile.gender === \"Male\"\n ? 10 * profile.weight + 6.25 * profile.height - 5 * 30 + 5\n : 10 * profile.weight + 6.25 * profile.height - 5 * 30 - 161;\n\n // Activity multiplier based on days per week\n const days = parseInt(profile.days) || 3;\n let multiplier = 1.2;\n if (days >= 5) multiplier = 1.725;\n else if (days >= 3) multiplier = 1.55;\n else if (days >= 1) multiplier = 1.375;\n\n // Goal: deficit if target < current, surplus if target > current\n const tdee = Math.round(bmr * multiplier);\n const diff = profile.target_weight - profile.weight;\n let calories = tdee;\n if (diff < -2) calories = tdee - 500; // cutting\n else if (diff > 2) calories = tdee + 300; // bulking\n\n // Macro split: 40% carbs, 30% protein, 30% fat\n const protein = Math.round((calories * 0.30) / 4);\n const carbs = Math.round((calories * 0.40) / 4);\n const fat = Math.round((calories * 0.30) / 9);\n\n return { calories, protein, carbs, fat };\n}\n",[],[147,213,215],"ecc18b17-d224-47ed-9290-4e675a0bbeff","exercises.ts","012c5652-7a4e-11f1-bc25-1607ee4eb77e",6,["D",1783461087084],"import type { Exercise, WorkoutMode } from \"./types.ts\";\n\nexport const EXERCISES: Record = {\n \"Full Body\": [\n { name: \"Burpees\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 45, emoji: \"🔥\" },\n { name: \"Mountain Climbers\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 40, emoji: \"🏔️\" },\n { name: \"Jump Squats\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 15, emoji: \"🦵\" },\n { name: \"Push-ups\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 20, emoji: \"💪\" },\n { name: \"Plank to Push-up\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"🧘\" },\n { name: \"Renegade Rows\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Deadlift\", type: \"reps\", equipment: \"Barbells\", value: 10, emoji: \"🏋️\" },\n { name: \"Goblet Squat\", type: \"reps\", equipment: \"Kettlebells\", value: 15, emoji: \"🏋️\" },\n { name: \"Bench Press\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🏋️\" },\n { name: \"Lat Pulldown\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🏋️\" },\n { name: \"Kettlebell Swing\", type: \"timed\", equipment: \"Kettlebells\", duration: 45, emoji: \"🏋️\" },\n ],\n Chest: [\n { name: \"Push-ups\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 25, emoji: \"💪\" },\n { name: \"Diamond Push-ups\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 15, emoji: \"💎\" },\n { name: \"Decline Push-ups\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 12, emoji: \"📉\" },\n { name: \"Bench Press\", type: \"reps\", equipment: \"Barbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Incline Bench Press\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🏋️\" },\n { name: \"Dumbbell Fly\", type: \"reps\", equipment: \"Dumbbells\", value: 15, emoji: \"🦋\" },\n { name: \"Cable Crossover\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🏋️\" },\n { name: \"Dips\", type: \"reps\", equipment: \"Full gym\", value: 10, emoji: \"💪\" },\n { name: \"Dumbbell Press\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Wide Push-ups\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"💪\" },\n { name: \"Explosive Push-ups\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 20, emoji: \"💥\" },\n ],\n Back: [\n { name: \"Pull-ups\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 10, emoji: \"💪\" },\n { name: \"Superman Hold\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"🦸\" },\n { name: \"Reverse Snow Angels\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"😇\" },\n { name: \"Deadlift\", type: \"reps\", equipment: \"Barbells\", value: 10, emoji: \"🏋️\" },\n { name: \"Bent-over Row\", type: \"reps\", equipment: \"Barbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Dumbbell Row\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Lat Pulldown\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🏋️\" },\n { name: \"Seated Cable Row\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🏋️\" },\n { name: \"Face Pulls\", type: \"reps\", equipment: \"Full gym\", value: 15, emoji: \"🏋️\" },\n { name: \"Kettlebell Row\", type: \"reps\", equipment: \"Kettlebells\", value: 12, emoji: \"🏋️\" },\n { name: \"Inverted Row\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"💪\" },\n ],\n Arms: [\n { name: \"Push-ups (Narrow)\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 15, emoji: \"💪\" },\n { name: \"Tricep Dips\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 12, emoji: \"💪\" },\n { name: \"Arm Circles\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"🔄\" },\n { name: \"Bicep Curls\", type: \"reps\", equipment: \"Dumbbells\", value: 15, emoji: \"🏋️\" },\n { name: \"Hammer Curls\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Tricep Extension\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Barbell Curl\", type: \"reps\", equipment: \"Barbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Skull Crushers\", type: \"reps\", equipment: \"Barbells\", value: 10, emoji: \"💀\" },\n { name: \"Cable Pushdown\", type: \"reps\", equipment: \"Full gym\", value: 15, emoji: \"🏋️\" },\n { name: \"Preacher Curl\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🏋️\" },\n { name: \"Kettlebell Curl\", type: \"reps\", equipment: \"Kettlebells\", value: 12, emoji: \"🏋️\" },\n ],\n Shoulder: [\n { name: \"Pike Push-ups\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 12, emoji: \"💪\" },\n { name: \"Shoulder Taps\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"👆\" },\n { name: \"Arm Raises\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"🙌\" },\n { name: \"Overhead Press\", type: \"reps\", equipment: \"Barbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Lateral Raises\", type: \"reps\", equipment: \"Dumbbells\", value: 15, emoji: \"🏋️\" },\n { name: \"Front Raises\", type: \"reps\", equipment: \"Dumbbells\", value: 15, emoji: \"🏋️\" },\n { name: \"Arnold Press\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Face Pulls\", type: \"reps\", equipment: \"Full gym\", value: 15, emoji: \"🏋️\" },\n { name: \"Shoulder Press Machine\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🏋️\" },\n { name: \"Kettlebell Press\", type: \"reps\", equipment: \"Kettlebells\", value: 12, emoji: \"🏋️\" },\n { name: \"Shrugs\", type: \"reps\", equipment: \"Dumbbells\", value: 20, emoji: \"🤷\" },\n ],\n Abs: [\n { name: \"Crunches\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 25, emoji: \"💪\" },\n { name: \"Plank\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 60, emoji: \"🧘\" },\n { name: \"Bicycle Crunches\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 40, emoji: \"🚴\" },\n { name: \"Leg Raises\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 15, emoji: \"🦵\" },\n { name: \"Russian Twists\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"🔄\" },\n { name: \"Hanging Leg Raise\", type: \"reps\", equipment: \"Full gym\", value: 12, emoji: \"🦵\" },\n { name: \"Cable Crunch\", type: \"reps\", equipment: \"Full gym\", value: 15, emoji: \"🏋️\" },\n { name: \"Weighted Crunch\", type: \"reps\", equipment: \"Dumbbells\", value: 15, emoji: \"🏋️\" },\n { name: \"Side Plank\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"🧘\" },\n { name: \"V-Ups\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 15, emoji: \"V\" },\n { name: \"Mountain Climbers\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 40, emoji: \"🏔️\" },\n ],\n Legs: [\n { name: \"Squats\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 25, emoji: \"🦵\" },\n { name: \"Lunges\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 20, emoji: \"🦵\" },\n { name: \"Jump Squats\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 15, emoji: \"🦵\" },\n { name: \"Wall Sit\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 45, emoji: \"🧱\" },\n { name: \"Calf Raises\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 30, emoji: \"🦵\" },\n { name: \"Barbell Squat\", type: \"reps\", equipment: \"Barbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Leg Press\", type: \"reps\", equipment: \"Full gym\", value: 15, emoji: \"🏋️\" },\n { name: \"Dumbbell Lunge\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Goblet Squat\", type: \"reps\", equipment: \"Kettlebells\", value: 15, emoji: \"🏋️\" },\n { name: \"Romanian Deadlift\", type: \"reps\", equipment: \"Barbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Bulgarian Split Squat\", type: \"reps\", equipment: \"Dumbbells\", value: 10, emoji: \"🦵\" },\n ],\n Glutes: [\n { name: \"Glute Bridge\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 20, emoji: \"🍑\" },\n { name: \"Donkey Kicks\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 15, emoji: \"🍑\" },\n { name: \"Fire Hydrants\", type: \"reps\", equipment: \"None(Bodyweight)\", value: 15, emoji: \"🔥\" },\n { name: \"Single-leg Glute Bridge\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"🍑\" },\n { name: \"Banded Walks\", type: \"timed\", equipment: \"None(Bodyweight)\", duration: 30, emoji: \"🚶\" },\n { name: \"Hip Thrust\", type: \"reps\", equipment: \"Barbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Cable Kickback\", type: \"reps\", equipment: \"Full gym\", value: 15, emoji: \"🍑\" },\n { name: \"Dumbbell Deadlift\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🏋️\" },\n { name: \"Kettlebell Swing\", type: \"timed\", equipment: \"Kettlebells\", duration: 45, emoji: \"🏋️\" },\n { name: \"Bulgarian Split Squat\", type: \"reps\", equipment: \"Dumbbells\", value: 10, emoji: \"🦵\" },\n { name: \"Step-ups\", type: \"reps\", equipment: \"Dumbbells\", value: 12, emoji: \"🦵\" },\n ],\n};\n\nexport function getFilteredExercises(\n mode: WorkoutMode,\n equipment: string,\n): Exercise[] {\n const available = EXERCISES[mode].filter(\n (ex) => ex.equipment === equipment || ex.equipment === \"None(Bodyweight)\",\n );\n // Ensure at least 11 exercises (repeat if necessary)\n let result = [...available];\n while (result.length < 11) {\n result = result.concat(available.slice(0, 11 - result.length));\n }\n return result.slice(0, 11);\n}\n",[],[147,213,223],"9de6bc24-d122-4632-aa56-6db8af171de7",["D",1783461051294],[171,172,173],[147,213],"8a58f17c-adfd-4e0f-98ad-d297dce48c09","Onboarding.tsx","10627a02-7a4e-11f1-979a-1607ee4eb77e","019f3e8f-d436-77ed-8d0f-0e8a681ae02f",9,["D",1783461112605],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Profile, Gender, Difficulty, Equipment } from \"../lib/types.ts\";\n\ninterface OnboardingProps {\n onComplete: (profile: Profile) => void;\n}\n\nconst STEPS: {\n title: string;\n key: keyof Profile;\n options?: string[];\n range?: [number, number];\n}[] = [\n { title: \"Choose Gender\", key: \"gender\", options: [\"Male\", \"Female\"] },\n { title: \"Focus Area\", key: \"focus\", options: [\"Full Body\", \"Chest\", \"Back\", \"Arms\", \"Shoulder\", \"Abs\", \"Legs\", \"Glutes\"] },\n { title: \"Difficulty\", key: \"difficulty\", options: [\"Beginner\", \"Intermediate\", \"Advanced\"] },\n { title: \"Days per Week\", key: \"days\", options: [\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\"] },\n { title: \"Height (cm)\", key: \"height\", range: [120, 240] },\n { title: \"Weight (kg)\", key: \"weight\", range: [36, 136] },\n { title: \"Target Weight (kg)\", key: \"target_weight\", range: [36, 136] },\n { title: \"Equipment\", key: \"equipment\", options: [\"None(Bodyweight)\", \"Full gym\", \"Barbells\", \"Dumbbells\", \"Kettlebells\"] },\n];\n\nexport function Onboarding({ onComplete }: OnboardingProps) {\n const [step, setStep] = useState(0);\n const [data, setData] = useState>({});\n const [tempVal, setTempVal] = useState(null);\n\n const current = STEPS[step];\n const isLast = step === STEPS.length - 1;\n\n function next() {\n if (tempVal === null) return;\n const key = current.key;\n const updated = { ...data, [key]: tempVal };\n setData(updated);\n\n if (isLast) {\n onComplete(updated as Profile);\n } else {\n setStep(step + 1);\n setTempVal(null);\n }\n }\n\n function back() {\n if (step > 0) {\n setStep(step - 1);\n setTempVal(null);\n }\n }\n\n return (\n

\n {/* Progress bar */}\n

\n {STEPS.map((_, i) => (\n \n ))}\n

\n\n

\n {current.title}\n

\n\n {current.options ? (\n

\n {current.options.map((opt) => (\n setTempVal(opt)}\n className={`py-4 px-6 rounded-xl font-semibold transition-all border-2 ${\n tempVal === opt\n ? \"bg-yellow-400 text-slate-900 border-yellow-400\"\n : \"bg-slate-700 text-gray-200 border-slate-600 hover:border-yellow-400/50\"\n }`}\n >\n {opt}\n \n ))}\n

\n ) : (\n

\n {tempVal ?? current.range![0]}\n

\n setTempVal(Number(e.target.value))}\n className=\"w-full h-3 bg-slate-600 rounded-full appearance-none cursor-pointer accent-yellow-400\"\n />\n

\n {current.range![0]}\n {current.range![1]}\n

\n )}\n\n

\n {step > 0 && (\n \n Back\n \n )}\n \n {isLast ? \"Start Training! 🚀\" : \"Continue →\"}\n \n

\n );\n}\n",[],[147,243,235],"components","7dcbd441-3780-4c91-9664-2e6621519da6",["D",1783461147298],[],[147,243,38],"491ca246-496f-4574-acbc-e27a340ecc8b","Counter.tsx","019f3e8f-d437-773b-a6cd-37e588b6e4ab",["D",1783461041210],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[147,243,249],"79f1edbd-677b-4fcb-b98a-e3eab24e8641","App.tsx","019f3e8f-d436-77ed-8d0f-1034722e0cfa",["D",1783461041210],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[],[147,243,256],"161a56e7-16e1-466d-b100-1618bc647aa5",["D",1783461041210],[166,167,168,169],[147,243],["D",1783461041210],[165,170,174,175,176],[147],["D",1783456658789],{"_102":101,"_110":106},{"_102":101,"_103":104,"_105":106,"_19":60,"_107":108,"_109":30},{"_13":91,"_37":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"ctx",{"_84":-5,"_130":306,"_307":308,"_309":310,"_311":30,"_312":30,"_313":30,"_314":64,"_315":-5,"_316":-7,"_317":-7,"_318":68,"_319":30,"_320":30,"_321":-5,"_322":30,"_323":30,"_324":30,"_325":-5},"ENV",{"_277":278,"_279":280,"_281":92,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v10