\n \n \n \n\n",[],[175,237],"c69af7b3-ae98-45e4-b3ea-a151aa356970","favicon.svg","019f3e8f-d437-773b-a6cd-38ada20f9c1f",["D",1783461041210],"\n",[],[175,245],["D",1783461051294],[],[175,93,67],["D",1783461092622],[],[175,93,91],["D",1783461087084],[],[175,93,82],["D",1783461051294],[211,212,213],[175,93],"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",[],[175,272,264],"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",[],[175,272,274],"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",[],[175,272,282],"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",[],[175,272,290],"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",[],[175,272,298],"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",[],[175,272,306],"161a56e7-16e1-466d-b100-1618bc647aa5",["D",1783461041210],[204,205,206,207,208,209],[175,272],"eb9ca53b-5f7d-401a-b223-305baf67c621",["D",1783461041210],[203,210,214,215,216],[175],["D",1783456658789],{"_11":12,"_145":73},{"_11":12,"_140":141,"_72":73,"_31":71,"_142":143,"_144":30},{"_41":131,"_13":16,"_35":38,"_132":96,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":14,"_139":12},"ctx",{"_55":-5,"_164":358,"_359":360,"_361":362,"_363":30,"_364":30,"_365":30,"_366":24,"_367":-5,"_368":-7,"_369":-7,"_370":26,"_371":30,"_372":30,"_373":-5,"_374":30,"_375":30,"_376":30,"_377":-5},"ENV",{"_329":330,"_331":332,"_333":16,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357},"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 · lib