\n \n \n \n\n","label",[162,65],"frontend","pulls","branches","forks","envVars",{"_170":26,"_172":26},"connections",{"_170":26,"_171":26},"count","unfilledCount","emptyCount",{"_33":302,"_13":162,"_63":153,"_43":-5,"_35":36,"_154":40,"_155":93,"_37":303,"_39":26,"_66":245,"_158":-5,"_67":24,"_160":-5,"_196":304,"_17":305},{"_33":298,"_13":257,"_63":251,"_43":153,"_35":36,"_154":40,"_155":93,"_37":299,"_39":26,"_66":245,"_158":-5,"_67":24,"_160":-5,"_196":300,"_17":301},{"_33":290,"_13":291,"_63":292,"_43":251,"_35":36,"_154":293,"_155":93,"_37":294,"_39":157,"_66":203,"_158":295,"_67":24,"_160":-5,"_196":296,"_17":297},{"_33":282,"_13":283,"_63":284,"_43":251,"_35":36,"_154":285,"_155":93,"_37":286,"_39":26,"_66":203,"_158":287,"_67":24,"_160":-5,"_196":288,"_17":289},{"_33":274,"_13":275,"_63":276,"_43":251,"_35":36,"_154":277,"_155":93,"_37":278,"_39":26,"_66":203,"_158":279,"_67":24,"_160":-5,"_196":280,"_17":281},{"_33":266,"_13":267,"_63":268,"_43":251,"_35":36,"_154":269,"_155":93,"_37":270,"_39":26,"_66":203,"_158":271,"_67":24,"_160":-5,"_196":272,"_17":273},{"_33":258,"_13":259,"_63":260,"_43":251,"_35":36,"_154":261,"_155":93,"_37":262,"_39":26,"_66":203,"_158":263,"_67":24,"_160":-5,"_196":264,"_17":265},{"_33":248,"_13":249,"_63":250,"_43":251,"_35":36,"_154":252,"_155":93,"_37":253,"_39":26,"_66":203,"_158":254,"_67":24,"_160":-5,"_196":255,"_17":256},{"_33":243,"_13":226,"_63":220,"_43":153,"_35":36,"_154":221,"_155":93,"_37":244,"_39":26,"_66":245,"_158":-5,"_67":24,"_160":-5,"_196":246,"_17":247},{"_33":235,"_13":236,"_63":237,"_43":220,"_35":36,"_154":238,"_155":93,"_37":239,"_39":26,"_66":203,"_158":240,"_67":24,"_160":-5,"_196":241,"_17":242},{"_33":227,"_13":228,"_63":229,"_43":220,"_35":36,"_154":230,"_155":93,"_37":231,"_39":26,"_66":203,"_158":232,"_67":24,"_160":-5,"_196":233,"_17":234},{"_33":217,"_13":218,"_63":219,"_43":220,"_35":36,"_154":221,"_155":93,"_37":222,"_39":26,"_66":203,"_158":223,"_67":24,"_160":-5,"_196":224,"_17":225},{"_33":210,"_13":211,"_63":212,"_43":153,"_35":36,"_154":40,"_155":93,"_37":213,"_39":26,"_66":21,"_158":214,"_67":24,"_160":-5,"_196":215,"_17":216},{"_33":152,"_13":65,"_63":64,"_43":153,"_35":36,"_154":73,"_155":93,"_37":207,"_39":157,"_66":21,"_158":159,"_67":24,"_160":-5,"_196":208,"_17":209},{"_33":199,"_13":200,"_63":201,"_43":153,"_35":36,"_154":40,"_155":93,"_37":202,"_39":26,"_66":203,"_158":204,"_67":24,"_160":-5,"_196":205,"_17":206},{"_33":189,"_13":190,"_63":91,"_43":-5,"_35":36,"_154":191,"_155":93,"_37":192,"_39":193,"_66":194,"_158":195,"_67":24,"_160":-5,"_196":197,"_17":198},"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",[],[190],"59b44f8a-79ff-42f5-b4c8-3d4b71b89ef1","index.tsx","019f3e8f-d437-773b-a6cd-43f74cd7e4b8",["D",1783461041210],"script","/** @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();",[],[162,200],["D",1783461095221],[],[162,65],"c69af7b3-ae98-45e4-b3ea-a151aa356970","favicon.svg","019f3e8f-d437-773b-a6cd-38ada20f9c1f",["D",1783461041210],"\n",[],[162,211],"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",[],[162,226,218],"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",[],[162,226,228],"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",[],[162,226,236],"9de6bc24-d122-4632-aa56-6db8af171de7",["D",1783461051294],"directory",[182,183,184],[162,226],"180f086f-20ea-4c4f-84e7-dbeb132b1437","WorkoutDays.tsx","254f9120-7a4e-11f1-bc25-1607ee4eb77e","019f3e8f-d436-77ed-8d0f-0e8a681ae02f",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",[],[162,257,249],"components","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",[],[162,257,259],"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",[],[162,257,267],"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",[],[162,257,275],"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",[],[162,257,283],"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",[],[162,257,291],"161a56e7-16e1-466d-b100-1618bc647aa5",["D",1783461041210],[175,176,177,178,179,180],[162,257],"eb9ca53b-5f7d-401a-b223-305baf67c621",["D",1783461041210],[174,181,185,186,187],[162],["D",1783456658789],{"_11":12,"_130":70},{"_11":12,"_125":126,"_69":70,"_30":68,"_127":128,"_129":24},{"_39":116,"_13":16,"_33":36,"_117":80,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":14,"_124":12},"ctx",{"_53":-5,"_149":343,"_344":345,"_346":347,"_348":24,"_349":24,"_350":24,"_351":93,"_352":-5,"_353":-7,"_354":-7,"_355":26,"_356":24,"_357":24,"_358":-5,"_359":24,"_360":24,"_361":24,"_362":-5},"ENV",{"_314":315,"_316":317,"_318":16,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342},"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 · index.html