[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_280":281,"_282":283},"routes/_app.x.$handle.$name",{"_110":109,"_37":50,"_119":96,"_32":120,"_13":14,"_121":-5,"_11":122,"_123":124,"_125":126,"_127":128,"_129":130,"_26":-5,"_131":132,"_133":134,"_135":30,"_136":137,"_138":65,"_139":-5,"_140":-5,"_141":142},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":30},"version",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","d5c93e20-a382-40d6-841c-23d55fe7d623","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/SessionDetail.tsx","latestPath","fileId","8afb6eee-8508-11f1-be4f-1607ee4eb77e","name","SessionDetail.tsx","fileType","script","content","/** @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","createdAt",["D",1784640715944],"branchVersion","branchId","90e40eee-04a8-4507-9450-4d32b5b406fa","id","2e87ad2d-fee3-4a41-a1f6-57f63d90fbe2","gym-tracker",["D",1784640632512],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Suivi de musculation : machines et séances d'entraînement","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789588799&sig=cc8cae5a3b06d460bba0e0803182f7ba2bd6e8f6e4c645b92fb51aa03192ad01","82201b62-3e86-4533-bd11-1e8c09569236","pinnedFileId","019f84de-f71b-742a-a4fe-a0edeca02c29","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","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",{"_110":109,"_118":114},"org",{"_110":109,"_111":112,"_113":114,"_19":61,"_115":116,"_117":30},"branch",{"_13":95,"_37":96,"_48":47,"_97":49,"_98":99,"_100":101,"_102":55,"_103":104,"_105":106,"_107":50,"_108":109},"isOwned",11,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","antoineviau","handle","displayName","Antoine Viau","avatar","https://lh3.googleusercontent.com/a/ACg8ocJUMhpiGAasm5QEETtbfxGGx_6A11ojRWhWR0Oc3GZjZq2FuDR2=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":275,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":276,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":277,"_90":278,"_92":279,"_94":30},"tree",[190,200,201],"files",[190,191,192,193,194,195,196,197,198,199,200,201],"counts",{"_180":69,"_181":163,"_182":69,"_183":184,"_185":186},"contents",[154,155,156],"upstreamProject",{"_48":104,"_37":150,"_57":151,"_59":60,"_54":55,"_88":152},"upstreamBranch",{"_48":99,"_43":143,"_144":145,"_37":96,"_97":104,"_13":146,"_98":-5,"_100":-5,"_147":148,"_52":-5,"_94":30,"_54":55,"_108":149,"_70":106,"_107":150},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_110":149,"_118":153},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789588799&sig=6ce4a653b65ad390b6349a1b0a383cb839cc380a1beaf91551581c108538875d",{"_48":174,"_37":175,"_35":176,"_159":-5,"_46":47,"_45":163,"_161":65,"_43":177,"_13":69,"_39":178,"_41":-5,"_29":30,"_166":-5,"_32":179},{"_48":168,"_37":169,"_35":170,"_159":-5,"_46":47,"_45":163,"_161":30,"_43":171,"_13":69,"_39":26,"_41":172,"_29":30,"_166":-5,"_32":173},{"_48":157,"_37":158,"_35":63,"_159":-5,"_46":47,"_45":160,"_161":65,"_43":162,"_13":163,"_39":164,"_41":165,"_29":30,"_166":-5,"_32":167},"a856de27-1898-4229-88eb-0b4bc3f0eeba","index.ts","parentId",2,"latest",["D",1784640656665],1,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { Hono } from \"npm:hono\";\n\n// ─── Database schema ───────────────────────────────────────────────\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS machines (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n muscle_group TEXT,\n created_at TEXT DEFAULT (datetime('now'))\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS sessions (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n date TEXT NOT NULL,\n notes TEXT DEFAULT '',\n created_at TEXT DEFAULT (datetime('now'))\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS exercises (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n session_id INTEGER NOT NULL,\n machine_id INTEGER NOT NULL,\n weight REAL NOT NULL,\n sets INTEGER NOT NULL,\n reps INTEGER NOT NULL,\n created_at TEXT DEFAULT (datetime('now')),\n FOREIGN KEY (session_id) REFERENCES sessions(id) ON DELETE CASCADE,\n FOREIGN KEY (machine_id) REFERENCES machines(id)\n )\n`);\n\nconst app = new Hono();\n\n// ─── Serve frontend ────────────────────────────────────────────────\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ─── API: Machines ─────────────────────────────────────────────────\napp.get(\"/api/machines\", async (c) => {\n const result = await sqlite.execute(\n \"SELECT * FROM machines ORDER BY name ASC\",\n );\n return c.json(result.rows);\n});\n\napp.post(\"/api/machines\", async (c) => {\n const body = await c.req.json();\n await sqlite.execute({\n sql: \"INSERT INTO machines (name, muscle_group) VALUES (?, ?)\",\n args: [body.name, body.muscle_group || null],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/machines/:id\", async (c) => {\n const id = c.req.param(\"id\");\n await sqlite.execute({\n sql: \"DELETE FROM machines WHERE id = ?\",\n args: [id],\n });\n return c.json({ ok: true });\n});\n\n// ─── API: Sessions ─────────────────────────────────────────────────\napp.get(\"/api/sessions\", async (c) => {\n const result = await sqlite.execute(`\n SELECT s.*, COUNT(e.id) as exercise_count\n FROM sessions s\n LEFT JOIN exercises e ON e.session_id = s.id\n GROUP BY s.id\n ORDER BY s.date DESC, s.created_at DESC\n `);\n return c.json(result.rows);\n});\n\napp.post(\"/api/sessions\", async (c) => {\n const body = await c.req.json();\n await sqlite.execute({\n sql: \"INSERT INTO sessions (date, notes) VALUES (?, ?)\",\n args: [body.date, body.notes || \"\"],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/sessions/:id\", async (c) => {\n const id = c.req.param(\"id\");\n await sqlite.batch([\n { sql: \"DELETE FROM exercises WHERE session_id = ?\", args: [id] },\n { sql: \"DELETE FROM sessions WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n\n// ─── API: Exercises (within a session) ─────────────────────────────\napp.get(\"/api/sessions/:id/exercises\", async (c) => {\n const sessionId = c.req.param(\"id\");\n const result = await sqlite.execute({\n sql: `\n SELECT e.*, m.name as machine_name, m.muscle_group\n FROM exercises e\n JOIN machines m ON m.id = e.machine_id\n WHERE e.session_id = ?\n ORDER BY e.created_at ASC\n `,\n args: [sessionId],\n });\n return c.json(result.rows);\n});\n\napp.post(\"/api/sessions/:id/exercises\", async (c) => {\n const sessionId = c.req.param(\"id\");\n const body = await c.req.json();\n await sqlite.execute({\n sql: `INSERT INTO exercises (session_id, machine_id, weight, sets, reps)\n VALUES (?, ?, ?, ?, ?)`,\n args: [sessionId, body.machine_id, body.weight, body.sets, body.reps],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/sessions/:id/exercises/:eid\", async (c) => {\n const exerciseId = c.req.param(\"eid\");\n await sqlite.execute({\n sql: \"DELETE FROM exercises WHERE id = ?\",\n args: [exerciseId],\n });\n return c.json({ ok: true });\n});\n\n// ─── Error handling ────────────────────────────────────────────────\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[158],"0bb1eeda-1cf9-45a6-8a9c-ed16882e7cd5","README.md","019f84de-f71b-742a-a4fe-9d2878b4dae2",["D",1784640632512],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[169],"140a17e6-a8e8-444f-a8d6-fd298aaa28bc","frontend","019f84de-f71b-742a-a4fe-98ee7f0c96d3",["D",1784640632512],"directory",[175],"pulls","branches","forks","envVars",{"_187":69,"_189":69},"connections",{"_187":69,"_188":69},"count","unfilledCount","emptyCount",{"_48":174,"_37":175,"_35":176,"_159":-5,"_46":47,"_45":163,"_161":65,"_43":272,"_13":69,"_39":178,"_41":-5,"_29":30,"_166":-5,"_203":273,"_32":274},{"_48":268,"_37":240,"_35":234,"_159":176,"_46":47,"_45":163,"_161":65,"_43":269,"_13":69,"_39":178,"_41":-5,"_29":30,"_166":-5,"_203":270,"_32":271},{"_48":260,"_37":261,"_35":262,"_159":234,"_46":47,"_45":263,"_161":30,"_43":264,"_13":163,"_39":40,"_41":265,"_29":30,"_166":-5,"_203":266,"_32":267},{"_48":253,"_37":254,"_35":255,"_159":234,"_46":47,"_45":163,"_161":30,"_43":256,"_13":69,"_39":40,"_41":257,"_29":30,"_166":-5,"_203":258,"_32":259},{"_48":245,"_37":246,"_35":247,"_159":234,"_46":47,"_45":248,"_161":65,"_43":249,"_13":69,"_39":40,"_41":250,"_29":30,"_166":-5,"_203":251,"_32":252},{"_48":241,"_37":38,"_35":36,"_159":234,"_46":47,"_45":14,"_161":65,"_43":242,"_13":69,"_39":40,"_41":42,"_29":30,"_166":-5,"_203":243,"_32":244},{"_48":231,"_37":232,"_35":233,"_159":234,"_46":47,"_45":235,"_161":65,"_43":236,"_13":69,"_39":40,"_41":237,"_29":30,"_166":-5,"_203":238,"_32":239},{"_48":224,"_37":225,"_35":226,"_159":176,"_46":47,"_45":163,"_161":30,"_43":227,"_13":69,"_39":26,"_41":228,"_29":30,"_166":-5,"_203":229,"_32":230},{"_48":216,"_37":217,"_35":218,"_159":176,"_46":47,"_45":219,"_161":65,"_43":220,"_13":163,"_39":26,"_41":221,"_29":30,"_166":-5,"_203":222,"_32":223},{"_48":209,"_37":210,"_35":211,"_159":176,"_46":47,"_45":163,"_161":65,"_43":212,"_13":69,"_39":40,"_41":213,"_29":30,"_166":-5,"_203":214,"_32":215},{"_48":168,"_37":169,"_35":170,"_159":-5,"_46":47,"_45":163,"_161":30,"_43":206,"_13":69,"_39":26,"_41":172,"_29":30,"_166":-5,"_203":207,"_32":208},{"_48":157,"_37":158,"_35":63,"_159":-5,"_46":47,"_45":160,"_161":65,"_43":202,"_13":163,"_39":164,"_41":165,"_29":30,"_166":-5,"_203":204,"_32":205},["D",1784640656665],"children",[],[158],["D",1784640632512],[],[169],"0e66e40a-b241-46fe-9e22-d4a211caf2e1","index.tsx","019f84de-f71b-742a-a4fe-97b075302771",["D",1784640632512],"/** @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();",[],[175,210],"6cb4f3fa-9700-46f2-abf0-3a9c92cdd8c4","index.html","019f84de-f71b-742a-a4fe-9111e5e46f0d",3,["D",1784640656667],"\n\n \n \n \n 🏋️ Gym Tracker\n \n \n \n \n

\n \n \n \n\n",[],[175,217],"d667d57d-77bc-4a87-9aaa-c41d59fc68f5","favicon.svg","019f84de-f71b-742a-a4fe-8d170d900af6",["D",1784640632512],"\n",[],[175,225],"83b9089c-13d9-4b61-8d13-970bda38d2bd","Sessions.tsx","8ac3c804-8508-11f1-afd5-1607ee4eb77e","019f84de-f71b-742a-a4fe-88efe8c0ace5",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",[],[175,240,232],"components","41f9aebc-c080-402c-ad1e-81efb342d22d",["D",1784640715944],[],[175,240,38],"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",[],[175,240,246],"74d2964a-969e-4a7f-8aaf-3b3374da6aba","Counter.tsx","019f84de-f71b-742a-a4fe-855c05669120",["D",1784640632512],"/** @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",[],[175,240,254],"6c36b012-98c1-424e-8b91-c98cd3f6c698","App.tsx","019f84de-f71b-742a-a4fe-82911c48765c",5,["D",1784640715923],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } 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",[],[175,240,261],"d10c29af-e80c-4ad1-88e2-e61c84eb6908",["D",1784640632512],[192,193,194,195,196],[175,240],["D",1784640632512],[191,197,198,199],[175],["D",1784640632512],["D",1789560070146],{"_110":109,"_118":114},{"_110":109,"_111":112,"_113":114,"_19":61,"_115":116,"_117":30},{"_13":95,"_37":96,"_48":47,"_97":49,"_98":99,"_100":101,"_102":55,"_103":104,"_105":106,"_107":50,"_108":109},"ctx",{"_88":-5,"_140":313,"_314":315,"_316":317,"_318":30,"_319":30,"_320":30,"_321":65,"_322":-5,"_323":-7,"_324":-7,"_325":69,"_326":30,"_327":30,"_328":-5,"_329":30,"_330":30,"_331":30,"_332":-5},"ENV",{"_284":285,"_286":287,"_288":96,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

💪 Ajouter un exercice

📋 Nouvelle séance

➕ Ajouter une machine

Diff · v7