\n \n \n \n\n",[18,85],"c69af7b3-ae98-45e4-b3ea-a151aa356970",["D",1783461041210],"\n",[18,90],"9de6bc24-d122-4632-aa56-6db8af171de7",["D",1783461051294],[18,104],"161a56e7-16e1-466d-b100-1618bc647aa5",["D",1783461041210],[18,94],"pulls","branches","forks","envVars",{"_91":26,"_225":26},"connections",{"_91":26,"_224":26},"unfilledCount","emptyCount",{"_35":186,"_13":18,"_72":113,"_45":-5,"_37":38,"_187":42,"_188":24,"_39":338,"_41":26,"_75":95,"_190":-5,"_77":30,"_191":-5,"_249":339,"_17":340},{"_35":214,"_13":94,"_72":93,"_45":113,"_37":38,"_187":42,"_188":24,"_39":335,"_41":26,"_75":95,"_190":-5,"_77":30,"_191":-5,"_249":336,"_17":337},{"_35":327,"_13":328,"_72":329,"_45":93,"_37":38,"_187":330,"_188":24,"_39":331,"_41":204,"_75":76,"_190":332,"_77":30,"_191":-5,"_249":333,"_17":334},{"_35":319,"_13":320,"_72":321,"_45":93,"_37":38,"_187":322,"_188":24,"_39":323,"_41":26,"_75":76,"_190":324,"_77":30,"_191":-5,"_249":325,"_17":326},{"_35":311,"_13":312,"_72":313,"_45":93,"_37":38,"_187":314,"_188":24,"_39":315,"_41":26,"_75":76,"_190":316,"_77":30,"_191":-5,"_249":317,"_17":318},{"_35":303,"_13":304,"_72":305,"_45":93,"_37":38,"_187":306,"_188":24,"_39":307,"_41":26,"_75":76,"_190":308,"_77":30,"_191":-5,"_249":309,"_17":310},{"_35":295,"_13":296,"_72":297,"_45":93,"_37":38,"_187":298,"_188":24,"_39":299,"_41":26,"_75":76,"_190":300,"_77":30,"_191":-5,"_249":301,"_17":302},{"_35":287,"_13":288,"_72":289,"_45":93,"_37":38,"_187":290,"_188":24,"_39":291,"_41":26,"_75":76,"_190":292,"_77":30,"_191":-5,"_249":293,"_17":294},{"_35":211,"_13":104,"_72":103,"_45":113,"_37":38,"_187":98,"_188":24,"_39":284,"_41":26,"_75":95,"_190":-5,"_77":30,"_191":-5,"_249":285,"_17":286},{"_35":276,"_13":277,"_72":278,"_45":103,"_37":38,"_187":279,"_188":24,"_39":280,"_41":26,"_75":76,"_190":281,"_77":30,"_191":-5,"_249":282,"_17":283},{"_35":268,"_13":269,"_72":270,"_45":103,"_37":38,"_187":271,"_188":24,"_39":272,"_41":26,"_75":76,"_190":273,"_77":30,"_191":-5,"_249":274,"_17":275},{"_35":261,"_13":262,"_72":263,"_45":103,"_37":38,"_187":98,"_188":24,"_39":264,"_41":26,"_75":76,"_190":265,"_77":30,"_191":-5,"_249":266,"_17":267},{"_35":207,"_13":90,"_72":89,"_45":113,"_37":38,"_187":42,"_188":24,"_39":258,"_41":26,"_75":21,"_190":209,"_77":30,"_191":-5,"_249":259,"_17":260},{"_35":202,"_13":85,"_72":84,"_45":113,"_37":38,"_187":107,"_188":24,"_39":255,"_41":204,"_75":21,"_190":205,"_77":30,"_191":-5,"_249":256,"_17":257},{"_35":198,"_13":74,"_72":73,"_45":113,"_37":38,"_187":42,"_188":24,"_39":252,"_41":26,"_75":76,"_190":200,"_77":30,"_191":-5,"_249":253,"_17":254},{"_35":242,"_13":243,"_72":126,"_45":-5,"_37":38,"_187":244,"_188":24,"_39":245,"_41":246,"_75":247,"_190":248,"_77":30,"_191":-5,"_249":250,"_17":251},"4b613a97-8558-4d2a-848f-c20487b6a5ca","main.ts",3,["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","children",[],[243],["D",1783461041210],[],[18,74],["D",1783461095221],[],[18,85],["D",1783461041210],[],[18,90],"54f9cc82-8a10-4399-83fc-e1c2fec0ee03","types.ts","ebd8d5dc-7a4d-11f1-ae26-1607ee4eb77e",["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",[],[18,104,262],"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",[],[18,104,269],"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",[],[18,104,277],["D",1783461051294],[235,236,237],[18,104],"180f086f-20ea-4c4f-84e7-dbeb132b1437","WorkoutDays.tsx","254f9120-7a4e-11f1-bc25-1607ee4eb77e",11,["D",1783461147706],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { WorkoutMode } from \"../lib/types.ts\";\n\ninterface WorkoutDaysProps {\n mode: WorkoutMode;\n daysCount: number;\n onSelectDay: (day: number) => void;\n onBack: () => void;\n}\n\nexport function WorkoutDays({ mode, daysCount, onSelectDay, onBack }: WorkoutDaysProps) {\n return (\n

\n \n ← Back to Menu\n \n\n

\n {mode} — Day Selection\n

\n\n

\n {Array.from({ length: 7 }, (_, i) => i + 1).map((day) => {\n const isRestDay = day === 3;\n return (\n !isRestDay && onSelectDay(day)}\n disabled={isRestDay}\n className={`flex items-center justify-between py-4 px-5 rounded-xl font-semibold border transition-all ${\n isRestDay\n ? \"bg-slate-800/50 border-slate-700/50 text-gray-500 cursor-not-allowed\"\n : \"bg-slate-800 border-slate-700 hover:border-yellow-400 hover:bg-slate-700 text-gray-200\"\n }`}\n >\n Day {day}\n {isRestDay ? (\n \n 😴 REST DAY\n \n ) : (\n →\n )}\n \n );\n })}\n

\n\n

\n Training {daysCount} day{daysCount !== 1 ? \"s\" : \"\"} per week\n

\n );\n}\n",[],[18,94,288],"a4bfe131-c110-4aa5-b832-28bc36206167","Timer.tsx","2686ddb4-7a4e-11f1-9f1a-1607ee4eb77e",13,["D",1783461149744],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { Exercise } from \"../lib/types.ts\";\n\ninterface TimerProps {\n exercise: Exercise;\n onDone: () => void;\n}\n\nexport function Timer({ exercise, onDone }: TimerProps) {\n const [timeLeft, setTimeLeft] = useState(exercise.duration ?? 0);\n const [isRunning, setIsRunning] = useState(false);\n const [finished, setFinished] = useState(false);\n const intervalRef = useRef(null);\n\n useEffect(() => {\n if (isRunning && timeLeft > 0) {\n intervalRef.current = window.setInterval(() => {\n setTimeLeft((prev) => {\n if (prev <= 1) {\n setIsRunning(false);\n setFinished(true);\n return 0;\n }\n return prev - 1;\n });\n }, 1000);\n }\n\n return () => {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n intervalRef.current = null;\n }\n };\n }, [isRunning]);\n\n function toggle() {\n if (finished) {\n setTimeLeft(exercise.duration ?? 0);\n setFinished(false);\n setIsRunning(true);\n } else {\n setIsRunning(!isRunning);\n }\n }\n\n function done() {\n if (intervalRef.current) clearInterval(intervalRef.current);\n onDone();\n }\n\n const progress = exercise.duration\n ? ((exercise.duration - timeLeft) / exercise.duration) * 100\n : 0;\n\n return (\n

{exercise.emoji}

\n {exercise.name}\n

\n\n {/* Timer display */}\n

\n \n {finished ? \"✓ DONE!\" : timeLeft}\n \n

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

\n \n

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

\n \n {finished ? \"🔄 Restart\" : isRunning ? \"⏸ PAUSE\" : \"▶ START\"}\n \n\n \n ✓ Done\n \n

\n );\n}\n",[],[18,94,296],"8a58f17c-adfd-4e0f-98ad-d297dce48c09","Onboarding.tsx","10627a02-7a4e-11f1-979a-1607ee4eb77e",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",[],[18,94,304],"7dcbd441-3780-4c91-9664-2e6621519da6","MainMenu.tsx","25115162-7a4e-11f1-bc25-1607ee4eb77e",10,["D",1783461147298],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Profile, WorkoutMode } from \"../lib/types.ts\";\nimport { calculateBMI, getBMICategory, calculateMacros } from \"../lib/profile.ts\";\nimport { EXERCISES } from \"../lib/exercises.ts\";\n\ninterface MainMenuProps {\n profile: Profile;\n onSelectMode: (mode: WorkoutMode) => void;\n onReset: () => void;\n}\n\nconst MODE_EMOJIS: Record = {\n \"Full Body\": \"🔥\",\n \"Chest\": \"💪\",\n \"Back\": \"🔙\",\n \"Arms\": \"💪\",\n \"Shoulder\": \"🏋️\",\n \"Abs\": \"🧘\",\n \"Legs\": \"🦵\",\n \"Glutes\": \"🍑\",\n};\n\nexport function MainMenu({ profile, onSelectMode, onReset }: MainMenuProps) {\n const bmi = calculateBMI(profile);\n const bmiCat = getBMICategory(bmi);\n const macros = calculateMacros(profile);\n\n return (\n

\n Fitness Quest 💪\n

\n\n {/* Profile Card */}\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",[],[18,94,312],"902c907a-2236-4690-8555-d727b3655187","ExerciseList.tsx","25618bfa-7a4e-11f1-bc25-1607ee4eb77e",12,["D",1783461147832],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { WorkoutMode, Exercise, Equipment } from \"../lib/types.ts\";\nimport { getFilteredExercises } from \"../lib/exercises.ts\";\n\ninterface ExerciseListProps {\n mode: WorkoutMode;\n day: number;\n equipment: Equipment;\n onTimer: (exercise: Exercise) => void;\n onBack: () => void;\n}\n\nexport function ExerciseList({ mode, day, equipment, onTimer, onBack }: ExerciseListProps) {\n const exercises = getFilteredExercises(mode, equipment);\n\n return (\n

\n \n ← Back to Days\n \n\n

\n {mode} — Day {day}\n

\n\n

\n {exercises.map((ex, i) => (\n \n {/* Exercise emoji/icon */}\n

\n {ex.emoji}\n

\n\n {/* Exercise details */}\n

{ex.name}

\n {ex.type === \"timed\"\n ? `⏱ ${ex.duration}s`\n : `🔁 ${ex.value} reps`}\n

\n\n {/* Action button */}\n {ex.type === \"timed\" ? (\n onTimer(ex)}\n className=\"flex-shrink-0 py-2 px-4 rounded-lg font-semibold bg-yellow-400/20 text-yellow-400 hover:bg-yellow-400 hover:text-slate-900 transition-colors text-sm\"\n >\n ⏱ Timer\n \n ) : (\n

\n {ex.value} reps\n

\n )}\n

\n ))}\n

\n\n

\n {exercises.length} exercises • Equipment: {equipment}\n

\n );\n}\n",[],[18,94,320],"318a9305-b772-4585-88bf-258d1b6dab2a","App.tsx","019f3e8f-d436-77ed-8d0f-1034722e0cfa",14,["D",1783461169490],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Profile, WorkoutMode, Exercise } from \"../lib/types.ts\";\nimport { loadProfile, saveProfile, clearProfile } from \"../lib/profile.ts\";\nimport { Onboarding } from \"./Onboarding.tsx\";\nimport { MainMenu } from \"./MainMenu.tsx\";\nimport { WorkoutDays } from \"./WorkoutDays.tsx\";\nimport { ExerciseList } from \"./ExerciseList.tsx\";\nimport { Timer } from \"./Timer.tsx\";\n\ntype Screen = \"onboarding\" | \"main\" | \"workout\" | \"exercises\" | \"timer\";\n\nexport function App() {\n const [screen, setScreen] = useState(\"onboarding\");\n const [profile, setProfile] = useState(null);\n const [mode, setMode] = useState(\"Full Body\");\n const [day, setDay] = useState(1);\n const [exercise, setExercise] = useState(null);\n\n // Load profile on mount\n useEffect(() => {\n const saved = loadProfile();\n if (saved) {\n setProfile(saved);\n setScreen(\"main\");\n }\n }, []);\n\n function handleOnboardingComplete(p: Profile) {\n saveProfile(p);\n setProfile(p);\n setScreen(\"main\");\n }\n\n function handleReset() {\n clearProfile();\n setProfile(null);\n setScreen(\"onboarding\");\n }\n\n function handleSelectMode(m: WorkoutMode) {\n setMode(m);\n setScreen(\"workout\");\n }\n\n function handleSelectDay(d: number) {\n setDay(d);\n setScreen(\"exercises\");\n }\n\n function handleTimer(ex: Exercise) {\n setExercise(ex);\n setScreen(\"timer\");\n }\n\n if (screen === \"onboarding\" || !profile) {\n return ;\n }\n\n if (screen === \"main\") {\n return (\n \n );\n }\n\n if (screen === \"workout\") {\n return (\n setScreen(\"main\")}\n />\n );\n }\n\n if (screen === \"exercises\") {\n return (\n setScreen(\"workout\")}\n />\n );\n }\n\n if (screen === \"timer\" && exercise) {\n return (\n setScreen(\"exercises\")}\n />\n );\n }\n\n // Fallback\n return ;\n}\n",[],[18,94,328],["D",1783461041210],[228,229,230,231,232,233],[18,94],["D",1783461041210],[227,234,238,239,240],[18],["D",1783456658789],{"_11":12,"_164":80},{"_11":12,"_159":160,"_79":80,"_31":78,"_161":162,"_163":30},{"_41":150,"_13":16,"_35":38,"_151":115,"_152":-5,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":14,"_158":12},"ctx",{"_55":-5,"_183":378,"_379":380,"_381":382,"_383":30,"_384":30,"_385":30,"_386":24,"_387":-5,"_388":-7,"_389":-7,"_390":26,"_391":30,"_392":30,"_393":-5,"_394":30,"_395":30,"_396":30,"_397":-5},"ENV",{"_349":350,"_351":352,"_353":16,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377},"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"]

History · frontend