\n \n \n \n\n",[],[88,120],"101f8ba5-1f47-4139-a12b-a6ef3d707819","favicon.svg","019f84de-f71b-742a-a4fe-8d170d900af6",11,["D",1784640750339],"\n\n",[],[88,128],"d10c29af-e80c-4ad1-88e2-e61c84eb6908","components","019f84de-f71b-742a-a4fe-88efe8c0ace5",["D",1784640632512],[141,142,143,144],[88,136],{"_35":169,"_13":170,"_64":171,"_66":137,"_67":68,"_69":172,"_70":71,"_37":173,"_17":33,"_74":115,"_76":174,"_78":50,"_79":-5,"_98":175,"_18":176},{"_35":161,"_13":162,"_64":163,"_66":137,"_67":68,"_69":164,"_70":71,"_37":165,"_17":91,"_74":115,"_76":166,"_78":50,"_79":-5,"_98":167,"_18":168},{"_35":153,"_13":154,"_64":155,"_66":137,"_67":68,"_69":156,"_70":71,"_37":157,"_17":91,"_74":115,"_76":158,"_78":50,"_79":-5,"_98":159,"_18":160},{"_35":145,"_13":146,"_64":147,"_66":137,"_67":68,"_69":148,"_70":71,"_37":149,"_17":91,"_74":115,"_76":150,"_78":50,"_79":-5,"_98":151,"_18":152},"83b9089c-13d9-4b61-8d13-970bda38d2bd","Sessions.tsx","8ac3c804-8508-11f1-afd5-1607ee4eb77e",4,["D",1784640715907],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ntype Session = {\n id: number;\n date: string;\n notes: string;\n exercise_count: number;\n};\n\nexport function Sessions({ onOpenSession }: { onOpenSession: (id: number) => void }) {\n const [sessions, setSessions] = useState([]);\n const [showForm, setShowForm] = useState(false);\n const [date, setDate] = useState(() => new Date().toISOString().split(\"T\")[0]);\n const [notes, setNotes] = useState(\"\");\n const [loading, setLoading] = useState(true);\n\n const loadSessions = useCallback(async () => {\n const res = await fetch(\"/api/sessions\");\n const data = await res.json();\n setSessions(data);\n setLoading(false);\n }, []);\n\n useEffect(() => {\n loadSessions();\n }, [loadSessions]);\n\n async function addSession(e: React.FormEvent) {\n e.preventDefault();\n if (!date) return;\n await fetch(\"/api/sessions\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ date, notes: notes.trim() }),\n });\n setDate(new Date().toISOString().split(\"T\")[0]);\n setNotes(\"\");\n setShowForm(false);\n loadSessions();\n }\n\n async function deleteSession(id: number) {\n if (!confirm(\"Supprimer cette séance et tous ses exercices ?\")) return;\n await fetch(`/api/sessions/${id}`, { method: \"DELETE\" });\n loadSessions();\n }\n\n function formatDate(iso: string) {\n const d = new Date(iso + \"T00:00:00\");\n return d.toLocaleDateString(\"fr-FR\", { weekday: \"short\", day: \"numeric\", month: \"long\" });\n }\n\n if (loading) return

Chargement…

;\n\n return (\n

\n {/* New session button / form */}\n {showForm ? (\n \n ) : (\n setShowForm(true)}\n class=\"w-full bg-blue-500 hover:bg-blue-600 text-white font-medium py-2.5 rounded-lg transition-colors mb-4\"\n >\n ➕ Nouvelle séance\n \n )}\n\n {/* Sessions list */}\n {sessions.length === 0 ? (\n

\n Aucune séance enregistrée. Crée ta première séance ! 🏋️\n

\n ) : (\n

onOpenSession(s.id)}\n >\n

{formatDate(s.date)}

\n {s.notes &&

{s.notes}

}\n

\n {s.exercise_count} exercice{s.exercise_count > 1 ? \"s\" : \"\"}\n

\n ›\n { e.stopPropagation(); deleteSession(s.id); }}\n class=\"text-red-400 hover:text-red-600 text-sm\"\n title=\"Supprimer\"\n >\n ✕\n \n

\n \n ))}\n

\n )}\n

\n );\n}\n",[],[88,136,146],"41f9aebc-c080-402c-ad1e-81efb342d22d","SessionDetail.tsx","8afb6eee-8508-11f1-be4f-1607ee4eb77e",7,["D",1784640715944],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ntype Machine = { id: number; name: string; muscle_group: string | null };\ntype Exercise = {\n id: number;\n machine_id: number;\n machine_name: string;\n muscle_group: string | null;\n weight: number;\n sets: number;\n reps: number;\n};\n\nexport function SessionDetail({\n sessionId,\n onBack,\n}: {\n sessionId: number;\n onBack: () => void;\n}) {\n const [exercises, setExercises] = useState([]);\n const [machines, setMachines] = useState([]);\n const [loading, setLoading] = useState(true);\n\n // form state\n const [machineId, setMachineId] = useState(\"\");\n const [weight, setWeight] = useState(\"\");\n const [sets, setSets] = useState(\"\");\n const [reps, setReps] = useState(\"\");\n\n const loadData = useCallback(async () => {\n const [exRes, maRes] = await Promise.all([\n fetch(`/api/sessions/${sessionId}/exercises`).then((r) => r.json()),\n fetch(\"/api/machines\").then((r) => r.json()),\n ]);\n setExercises(exRes);\n setMachines(maRes);\n setLoading(false);\n }, [sessionId]);\n\n useEffect(() => {\n loadData();\n }, [loadData]);\n\n async function addExercise(e: React.FormEvent) {\n e.preventDefault();\n if (!machineId || !weight || !sets || !reps) return;\n await fetch(`/api/sessions/${sessionId}/exercises`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n machine_id: parseInt(machineId),\n weight: parseFloat(weight),\n sets: parseInt(sets),\n reps: parseInt(reps),\n }),\n });\n setMachineId(\"\");\n setWeight(\"\");\n setSets(\"\");\n setReps(\"\");\n loadData();\n }\n\n async function deleteExercise(id: number) {\n await fetch(`/api/sessions/${sessionId}/exercises/${id}`, {\n method: \"DELETE\",\n });\n loadData();\n }\n\n if (loading) return

Chargement…

;\n\n return (\n

\n {/* Back button */}\n \n ‹ Retour aux séances\n \n\n {/* Add exercise form */}\n {machines.length === 0 ? (\n

\n ⚠️ Tu n'as pas encore de machines. Va dans l'onglet Machines pour en ajouter.\n

\n ) : (\n

💪 Ajouter un exercice

\n setMachineId(e.target.value)}\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n >\n \n {machines.map((m) => (\n \n ))}\n \n

\n Charge (kg)\n setWeight(e.target.value)}\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n

\n Séries\n setSets(e.target.value)}\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n

\n Reps\n setReps(e.target.value)}\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n

\n \n Ajouter l'exercice\n \n \n )}\n\n {/* Exercises list */}\n {exercises.length === 0 ? (\n

\n Aucun exercice pour cette séance. Ajoute-en un ci-dessus ! 💪\n

\n ) : (\n

\n
\n
\n
{ex.machine_name}
\n {ex.muscle_group && (\n \n {ex.muscle_group}\n \n )}\n
\n 🏋️ {ex.weight} kg\n 📦 {ex.sets} séries\n 🔁 {ex.reps} reps\n
\n
\n deleteExercise(ex.id)}\n class=\"text-red-400 hover:text-red-600 text-sm\"\n title=\"Supprimer\"\n >\n ✕\n \n
\n

\n )}\n

\n );\n}\n",[],[88,136,154],"a7c4543a-1ef4-46b3-b0aa-210c9531f596","Machines.tsx","8adcea46-8508-11f1-a103-1607ee4eb77e",6,["D",1784640715908],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ntype Machine = {\n id: number;\n name: string;\n muscle_group: string | null;\n};\n\nconst MUSCLE_GROUPS = [\n \"Pectoraux\", \"Dos\", \"Épaules\", \"Biceps\", \"Triceps\",\n \"Quadriceps\", \"Ischios\", \"Fessiers\", \"Mollets\", \"Abdos\", \"Full body\",\n];\n\nexport function Machines() {\n const [machines, setMachines] = useState([]);\n const [name, setName] = useState(\"\");\n const [muscleGroup, setMuscleGroup] = useState(\"\");\n const [loading, setLoading] = useState(true);\n\n const loadMachines = useCallback(async () => {\n const res = await fetch(\"/api/machines\");\n const data = await res.json();\n setMachines(data);\n setLoading(false);\n }, []);\n\n useEffect(() => {\n loadMachines();\n }, [loadMachines]);\n\n async function addMachine(e: React.FormEvent) {\n e.preventDefault();\n if (!name.trim()) return;\n await fetch(\"/api/machines\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name: name.trim(), muscle_group: muscleGroup || null }),\n });\n setName(\"\");\n setMuscleGroup(\"\");\n loadMachines();\n }\n\n async function deleteMachine(id: number) {\n if (!confirm(\"Supprimer cette machine ?\")) return;\n await fetch(`/api/machines/${id}`, { method: \"DELETE\" });\n loadMachines();\n }\n\n if (loading) return

Chargement…

;\n\n return (\n

\n {/* Add form */}\n

➕ Ajouter une machine

\n setName(e.target.value)}\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n setMuscleGroup(e.target.value)}\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n >\n \n {MUSCLE_GROUPS.map((g) => )}\n \n \n Ajouter\n \n \n\n {/* List */}\n {machines.length === 0 ? (\n

\n Aucune machine pour l'instant. Ajoute ta première machine ci-dessus ! 💪\n

\n ) : (\n

\n {m.name}\n {m.muscle_group && (\n \n {m.muscle_group}\n \n )}\n

\n deleteMachine(m.id)}\n class=\"text-red-400 hover:text-red-600 text-sm\"\n title=\"Supprimer\"\n >\n ✕\n \n \n ))}\n

\n )}\n

\n );\n}\n",[],[88,136,162],"a2c1795d-da04-4516-b853-28a2b9768a39","App.tsx","019f84de-f71b-742a-a4fe-82911c48765c",9,["D",1784640719909],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Machines } from \"./Machines.tsx\";\nimport { Sessions } from \"./Sessions.tsx\";\nimport { SessionDetail } from \"./SessionDetail.tsx\";\n\ntype Tab = \"sessions\" | \"machines\";\n\nexport function App() {\n const [tab, setTab] = useState(\"sessions\");\n const [selectedSession, setSelectedSession] = useState(null);\n\n return (\n

\n 🏋️ Gym Tracker\n

\n \n view source\n \n

\n\n {/* Tab navigation */}\n {selectedSession === null && (\n

\n setTab(\"sessions\")}\n class={`flex-1 py-2 px-4 rounded-md font-medium text-sm transition-colors ${\n tab === \"sessions\" ? \"bg-white text-blue-600 shadow\" : \"text-gray-500 hover:text-gray-700\"\n }`}\n >\n 📋 Séances\n \n setTab(\"machines\")}\n class={`flex-1 py-2 px-4 rounded-md font-medium text-sm transition-colors ${\n tab === \"machines\" ? \"bg-white text-blue-600 shadow\" : \"text-gray-500 hover:text-gray-700\"\n }`}\n >\n 🏗️ Machines\n \n

\n )}\n\n {/* Content */}\n {selectedSession !== null ? (\n setSelectedSession(null)}\n />\n ) : tab === \"sessions\" ? (\n setSelectedSession(id)} />\n ) : (\n \n )}\n

\n );\n}\n",[],[88,136,170],"2e87ad2d-fee3-4a41-a1f6-57f63d90fbe2",["D",1784640632512],"legacyEnvVars","httpPrivacy","description","Suivi de musculation : machines et séances d'entraînement","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789592294&sig=1f3ea7c236f22f47907cd9ecc772b38c01a5b594b50752cfd08191ecc897a0ad","userId","82201b62-3e86-4533-bd11-1e8c09569236","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f84dc-b6d3-7664-9d0d-a25e7a7870a0","tursoName","2e87ad2dfee34a41a1f657f63d90fbe2","tursoHostname","2e87ad2dfee34a41a1f657f63d90fbe2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789560070146],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_226":222},"org",{"_11":12,"_219":220,"_221":222,"_185":186,"_223":224,"_225":50},"branch",{"_17":130,"_13":16,"_35":68,"_41":177,"_44":36,"_45":215,"_216":52,"_217":42,"_218":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Antoine Viau","avatar","https://lh3.googleusercontent.com/a/ACg8ocJUMhpiGAasm5QEETtbfxGGx_6A11ojRWhWR0Oc3GZjZq2FuDR2=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":177,"_13":14,"_37":300,"_48":-5,"_179":50,"_51":52,"_180":52,"_181":182,"_183":184,"_185":186,"_187":65,"_188":71,"_189":-5,"_190":-5,"_191":91,"_55":192,"_193":194,"_195":196,"_197":301,"_199":-5,"_200":201,"_202":201,"_203":204,"_205":204,"_206":204,"_207":201,"_208":201,"_209":302,"_211":303,"_213":304,"_49":50},[267,276,277],"files",[267,268,269,270,271,272,273,274,275,276,277],"counts",{"_258":91,"_259":73,"_260":91,"_34":261,"_262":263},[252,253,254],"upstreamProject",{"_35":42,"_13":58,"_181":249,"_183":184,"_51":52,"_209":250},"upstreamBranch",{"_35":36,"_37":247,"_39":248,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":54,"_226":251},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789592294&sig=5772db4706b35e1184c405ccd71a16a08f67cc78efc4f2ea9af74a8b4116d47a",{"_35":87,"_13":88,"_64":89,"_66":-5,"_67":68,"_69":73,"_70":71,"_37":90,"_17":91,"_74":92,"_76":-5,"_78":50,"_79":-5,"_18":257},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":84,"_17":73,"_74":24,"_76":85,"_78":50,"_79":-5,"_18":256},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":33,"_70":71,"_37":72,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":255},[63],[82],[88],"pulls","branches","forks",{"_264":91,"_266":91},"connections",{"_264":91,"_265":91},"count","unfilledCount","emptyCount",{"_35":87,"_13":88,"_64":89,"_66":-5,"_67":68,"_69":73,"_70":71,"_37":104,"_17":91,"_74":92,"_76":-5,"_78":50,"_79":-5,"_98":298,"_18":299},{"_35":135,"_13":136,"_64":137,"_66":89,"_67":68,"_69":73,"_70":71,"_37":138,"_17":91,"_74":92,"_76":-5,"_78":50,"_79":-5,"_98":296,"_18":297},{"_35":169,"_13":170,"_64":171,"_66":137,"_67":68,"_69":172,"_70":71,"_37":173,"_17":33,"_74":115,"_76":174,"_78":50,"_79":-5,"_98":294,"_18":295},{"_35":161,"_13":162,"_64":163,"_66":137,"_67":68,"_69":164,"_70":71,"_37":165,"_17":91,"_74":115,"_76":166,"_78":50,"_79":-5,"_98":292,"_18":293},{"_35":153,"_13":154,"_64":155,"_66":137,"_67":68,"_69":156,"_70":71,"_37":157,"_17":91,"_74":115,"_76":158,"_78":50,"_79":-5,"_98":290,"_18":291},{"_35":145,"_13":146,"_64":147,"_66":137,"_67":68,"_69":148,"_70":71,"_37":149,"_17":91,"_74":115,"_76":150,"_78":50,"_79":-5,"_98":288,"_18":289},{"_35":127,"_13":128,"_64":129,"_66":89,"_67":68,"_69":130,"_70":71,"_37":131,"_17":73,"_74":24,"_76":132,"_78":50,"_79":-5,"_98":286,"_18":287},{"_35":119,"_13":120,"_64":121,"_66":89,"_67":68,"_69":122,"_70":71,"_37":123,"_17":73,"_74":24,"_76":124,"_78":50,"_79":-5,"_98":284,"_18":285},{"_35":111,"_13":112,"_64":113,"_66":89,"_67":68,"_69":73,"_70":71,"_37":114,"_17":91,"_74":115,"_76":116,"_78":50,"_79":-5,"_98":282,"_18":283},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":101,"_17":73,"_74":24,"_76":85,"_78":50,"_79":-5,"_98":280,"_18":281},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":33,"_70":71,"_37":97,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_98":278,"_18":279},[],[63],[],[82],[],[88,112],[],[88,120],[],[88,128],[],[88,136,146],[],[88,136,154],[],[88,136,162],[],[88,136,170],[269,270,271,272],[88,136],[268,273,274,275],[88],["D",1784640632512],["D",1789560070146],{"_11":12,"_226":222},{"_11":12,"_219":220,"_221":222,"_185":186,"_223":224,"_225":50},{"_17":130,"_13":16,"_35":68,"_41":177,"_44":36,"_45":215,"_216":52,"_217":42,"_218":56,"_57":14,"_53":12},"ctx",{"_209":-5,"_244":338,"_339":340,"_341":342,"_343":50,"_344":50,"_345":50,"_346":71,"_347":-5,"_348":-7,"_349":-7,"_350":91,"_351":50,"_352":50,"_353":-5,"_354":50,"_355":50,"_356":50,"_357":-5},"ENV",{"_309":310,"_311":312,"_313":16,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

📋 Nouvelle séance

💪 Ajouter un exercice

➕ Ajouter une machine

Code