\n \n \n \n\n",[120,111],"ab611052ed58809ccc75e45fed479314da71e02ecc21504188cbffd4414ac311","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[120,111],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/favicon.svg",{"_32":140,"_13":134,"_82":141,"_84":123,"_85":33,"_86":142,"_87":26,"_34":143,"_40":89,"_90":116,"_92":144,"_66":48,"_94":-5,"_95":-7,"_75":145,"_97":146},{"_32":133,"_13":134,"_82":135,"_84":113,"_85":58,"_86":57,"_87":26,"_34":136,"_40":89,"_90":116,"_92":137,"_66":48,"_94":-5,"_95":-7,"_75":138,"_97":139},"101f8ba5-1f47-4139-a12b-a6ef3d707819","favicon.svg","019f84de-f71b-742a-a4fe-8d170d900af6",["D",1784640750339],"\n\n",[120,134],"1fd9a950497344bb246a64a4fa88e99acae5cd854b32f5af0b3206b1d25ea0cc","82a730d4-3261-11f0-aa46-569c3dd06744","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],"\n",[120,134],"1b9cfa9bc87dc0db12471f908bb8438c469ac9b2a59379157b627909cb30fc53","frontend/components/App.tsx",{"_32":161,"_13":151,"_82":162,"_84":163,"_85":33,"_86":164,"_87":26,"_34":165,"_40":166,"_90":156,"_92":167,"_66":48,"_94":-5,"_95":-7,"_75":168,"_97":169},{"_32":150,"_13":151,"_82":152,"_84":153,"_85":58,"_86":154,"_87":26,"_34":155,"_40":22,"_90":156,"_92":157,"_66":48,"_94":-5,"_95":-7,"_75":158,"_97":159},"a2c1795d-da04-4516-b853-28a2b9768a39","App.tsx","019f84de-f71b-742a-a4fe-82911c48765c","019f84de-f71b-742a-a4fe-88efe8c0ace5",9,["D",1784640719909],"script","/** @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",[120,160,151],"7a393b9ff5caa46bd9102cef450d59637b75e11f20d4f791d7a818a8d1d70ea2","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[120,160,151],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":179,"_13":170,"_82":180,"_84":-5,"_85":33,"_86":60,"_87":48,"_34":181,"_40":182,"_90":116,"_92":183,"_66":48,"_94":-5,"_95":-7,"_75":184,"_97":185},{"_32":173,"_13":170,"_82":174,"_84":-5,"_85":58,"_86":20,"_87":26,"_34":175,"_40":89,"_90":116,"_92":176,"_66":48,"_94":-5,"_95":-7,"_75":177,"_97":178},"c83166d2-9d07-46ae-8413-9dcd21228600","019f84de-f71b-742a-a4fe-9d2878b4dae2",["D",1784640750335],"# 🏋️ Gym Tracker\n\nApp de suivi de musculation pour saisir tes machines et tes séances d'entraînement.\n\n## Fonctionnalités\n\n- **🏗️ Machines** : ajoute tes machines de salle avec leur groupe musculaire\n- **📋 Séances** : crée une séance (date + notes), puis ajoute-y des exercices\n- **💪 Exercices** : pour chaque exercice, choisis une machine, la charge (kg), le nombre de séries et de répétitions\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono + API)\"]\n Hono --> SQLite[\"SQLite
(machines, sessions, exercises)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| React[\"App.tsx\"]\n React -->|fetch API| Hono\n```\n\n## Fichiers\n\n| Fichier | Rôle |\n| --- | --- |\n| `index.ts` | Serveur Hono : API REST + sert le frontend |\n| `frontend/index.html` | Shell HTML (Twind + React) |\n| `frontend/components/App.tsx` | Layout principal + navigation par onglets |\n| `frontend/components/Machines.tsx` | Gestion des machines |\n| `frontend/components/Sessions.tsx` | Liste des séances + création |\n| `frontend/components/SessionDetail.tsx` | Détail d'une séance + exercices |\n\n## API\n\n| Méthode | Route | Description |\n| --- | --- | --- |\n| GET | `/api/machines` | Lister les machines |\n| POST | `/api/machines` | Ajouter une machine |\n| DELETE | `/api/machines/:id` | Supprimer une machine |\n| GET | `/api/sessions` | Lister les séances |\n| POST | `/api/sessions` | Créer une séance |\n| DELETE | `/api/sessions/:id` | Supprimer une séance |\n| GET | `/api/sessions/:id/exercises` | Exercices d'une séance |\n| POST | `/api/sessions/:id/exercises` | Ajouter un exercice |\n| DELETE | `/api/sessions/:id/exercises/:eid` | Supprimer un exercice |\n",[170],"ca9b5303be6eb5fd7531554af614818fc78634fa5a1540726bfdde901d3ddfbf","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# 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",[170],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_75":187,"_77":188,"_79":-7},"frontend/components/Counter.tsx",{"_32":189,"_13":190,"_82":191,"_84":163,"_85":33,"_86":192,"_87":26,"_34":193,"_40":194,"_90":156,"_92":195,"_66":48,"_94":-5,"_95":-7,"_75":196,"_97":197},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @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",[120,160,190],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_75":221,"_77":-7,"_79":222},{"_75":211,"_77":-7,"_79":212},{"_75":201,"_77":-7,"_79":202},"frontend/components/Sessions.tsx",{"_32":203,"_13":204,"_82":205,"_84":153,"_85":58,"_86":206,"_87":26,"_34":207,"_40":194,"_90":156,"_92":208,"_66":48,"_94":-5,"_95":-7,"_75":209,"_97":210},"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",[120,160,204],"8700ac31f289d3e7075cfc3520065781c3b269a68cf6d264036b87e4a0723fe6","frontend/components/SessionDetail.tsx",{"_32":213,"_13":214,"_82":215,"_84":153,"_85":58,"_86":216,"_87":26,"_34":217,"_40":194,"_90":156,"_92":218,"_66":48,"_94":-5,"_95":-7,"_75":219,"_97":220},"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",[120,160,214],"0af114f56444de3fc17873cb62a147faa8310dee1e45bf463123178e00dcdce1","frontend/components/Machines.tsx",{"_32":223,"_13":224,"_82":225,"_84":153,"_85":58,"_86":226,"_87":26,"_34":227,"_40":194,"_90":156,"_92":228,"_66":48,"_94":-5,"_95":-7,"_75":229,"_97":230},"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",[120,160,224],"44dfc325383423758529c17d9b6fa654e42d954e0a65bfc460cd90550416c76f",["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=1789592399&sig=9f2b8198a6bd290c0e4cd558a371acaf6bae0541324daebbd1636993bd403dce","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,"_274":270},"org",{"_11":12,"_267":268,"_269":270,"_238":239,"_271":272,"_273":48},"branch","displayName","Antoine Viau","avatar","https://lh3.googleusercontent.com/a/ACg8ocJUMhpiGAasm5QEETtbfxGGx_6A11ojRWhWR0Oc3GZjZq2FuDR2=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":365,"_46":-5,"_232":48,"_49":50,"_233":50,"_234":235,"_236":237,"_238":239,"_240":83,"_241":26,"_242":-5,"_243":-5,"_244":194,"_53":245,"_246":247,"_248":249,"_250":366,"_252":-5,"_253":254,"_255":254,"_256":257,"_258":257,"_259":257,"_260":254,"_261":254,"_262":367,"_264":368,"_266":369,"_47":48},"tree",[324,333,334],"files",[324,325,326,327,328,329,330,331,332,333,334],"counts",{"_314":194,"_315":89,"_316":194,"_317":318,"_319":320},"contents",[303,304,305],"upstreamProject",{"_32":39,"_13":56,"_234":300,"_236":237,"_49":50,"_262":301},"upstreamBranch",{"_32":33,"_34":298,"_36":299,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":52,"_274":302},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789592399&sig=e3667930a878fd5db49e47cce78fe270a8ba33317e34775a1ada2dd4a7c49d8d",{"_32":310,"_13":120,"_82":113,"_84":-5,"_85":58,"_86":89,"_87":26,"_34":311,"_40":194,"_90":312,"_92":-5,"_66":48,"_94":-5,"_75":313},{"_32":173,"_13":170,"_82":174,"_84":-5,"_85":58,"_86":20,"_87":26,"_34":308,"_40":89,"_90":116,"_92":176,"_66":48,"_94":-5,"_75":309},{"_32":81,"_13":76,"_82":83,"_84":-5,"_85":58,"_86":22,"_87":26,"_34":306,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_75":307},["D",1784640656665],[76],["D",1784640750335],[170],"140a17e6-a8e8-444f-a8d6-fd298aaa28bc",["D",1784640632512],"directory",[120],"pulls","branches","forks","envVars",{"_321":194,"_323":194},"connections",{"_321":194,"_322":194},"count","unfilledCount","emptyCount",{"_32":310,"_13":120,"_82":113,"_84":-5,"_85":58,"_86":89,"_87":26,"_34":362,"_40":194,"_90":312,"_92":-5,"_66":48,"_94":-5,"_95":363,"_75":364},{"_32":358,"_13":160,"_82":153,"_84":113,"_85":58,"_86":89,"_87":26,"_34":359,"_40":194,"_90":312,"_92":-5,"_66":48,"_94":-5,"_95":360,"_75":361},{"_32":150,"_13":151,"_82":152,"_84":153,"_85":58,"_86":154,"_87":26,"_34":155,"_40":22,"_90":156,"_92":157,"_66":48,"_94":-5,"_95":356,"_75":357},{"_32":223,"_13":224,"_82":225,"_84":153,"_85":58,"_86":226,"_87":26,"_34":227,"_40":194,"_90":156,"_92":228,"_66":48,"_94":-5,"_95":354,"_75":355},{"_32":213,"_13":214,"_82":215,"_84":153,"_85":58,"_86":216,"_87":26,"_34":217,"_40":194,"_90":156,"_92":218,"_66":48,"_94":-5,"_95":352,"_75":353},{"_32":203,"_13":204,"_82":205,"_84":153,"_85":58,"_86":206,"_87":26,"_34":207,"_40":194,"_90":156,"_92":208,"_66":48,"_94":-5,"_95":350,"_75":351},{"_32":133,"_13":134,"_82":135,"_84":113,"_85":58,"_86":57,"_87":26,"_34":136,"_40":89,"_90":116,"_92":137,"_66":48,"_94":-5,"_95":348,"_75":349},{"_32":110,"_13":111,"_82":112,"_84":113,"_85":58,"_86":114,"_87":26,"_34":115,"_40":89,"_90":116,"_92":117,"_66":48,"_94":-5,"_95":346,"_75":347},{"_32":339,"_13":340,"_82":341,"_84":113,"_85":58,"_86":89,"_87":26,"_34":342,"_40":194,"_90":156,"_92":343,"_66":48,"_94":-5,"_95":344,"_75":345},{"_32":173,"_13":170,"_82":174,"_84":-5,"_85":58,"_86":20,"_87":26,"_34":175,"_40":89,"_90":116,"_92":176,"_66":48,"_94":-5,"_95":337,"_75":338},{"_32":81,"_13":76,"_82":83,"_84":-5,"_85":58,"_86":22,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":335,"_75":336},[],[76],[],[170],"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();",[],[120,340],[],[120,111],[],[120,134],[],[120,160,204],[],[120,160,214],[],[120,160,224],[],[120,160,151],"d10c29af-e80c-4ad1-88e2-e61c84eb6908",["D",1784640632512],[326,327,328,329],[120,160],["D",1784640632512],[325,330,331,332],[120],["D",1784640632512],["D",1789560070146],{"_11":12,"_274":270},{"_11":12,"_267":268,"_269":270,"_238":239,"_271":272,"_273":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_262":-5,"_295":403,"_404":405,"_406":407,"_408":48,"_409":48,"_410":48,"_411":26,"_412":-5,"_413":-7,"_414":-7,"_415":194,"_416":48,"_417":48,"_418":-5,"_419":48,"_420":48,"_421":48,"_422":-5},"ENV",{"_374":375,"_376":377,"_378":16,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

React + Hono Starter

📋 Nouvelle séance

💪 Ajouter un exercice

➕ Ajouter une machine

Compare

Mergeantoineviau/mainintotemplates/main

README.md+31-49

frontend/components/App.tsx+52-7

frontend/favicon.svg+9-3

frontend/index.html+4-4

Hindex.ts+128-12

frontend/components/Machines.tsx+114-0

frontend/components/SessionDetail.tsx+187-0

frontend/components/Sessions.tsx+142-0

frontend/components/Counter.tsx+0-18