[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","jonasolof","name","training-coach","path","frontend/components/WorkoutMode.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/jonasolof/training-coach/code/frontend/components/WorkoutMode.tsx","extension","id","89021044-3071-4d51-a69a-e8f63efc3a49","WorkoutMode.tsx","fileId","0be88690-9e72-11f1-9f48-1607ee4eb77e","parentId","01a02b61-7568-77b9-9da3-a1cc4d4143fb","branchId","60471d74-2b50-43e0-a779-1eff6bc1aaa3","branchVersion",28,"latest",true,"createdAt",["D",1787436015896],"version",2,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Check, ChevronDown, CirclePause, Flag, Minus, Pause, Play, Plus, RotateCcw, TimerReset, X } from \"https://esm.sh/lucide-react@0.468.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Session, Template } from \"../types.ts\";\nimport { seconds, typeLabel, uid } from \"../utils.ts\";\nimport { ExerciseList } from \"./ExerciseList.tsx\";\n\ntype Lap = { elapsed_seconds: number; reps?: number | null; note?: string };\n\nexport function WorkoutMode({ template, onExit, onSaved }: { template: Template; onExit: () => void; onSaved: (session: Session) => void }) {\n const [phase, setPhase] = useState<\"ready\" | \"active\" | \"saving\">(\"ready\");\n const [running, setRunning] = useState(false);\n const [elapsed, setElapsed] = useState(0);\n const [laps, setLaps] = useState([]);\n const [startedAt, setStartedAt] = useState(\"\");\n const [finishOpen, setFinishOpen] = useState(false);\n const [roundAdjust, setRoundAdjust] = useState(0);\n const [error, setError] = useState(\"\");\n const wallStart = useRef(0);\n\n const countdown = template.type === \"amrap\" || template.type === \"emom\";\n const displayTime = countdown ? Math.max(0, template.duration_seconds - elapsed) : elapsed;\n const minute = Math.floor(elapsed / 60) + 1;\n const minuteRemaining = 60 - (elapsed % 60);\n const currentExerciseIndex = template.type === \"emom\" ? (minute - 1) % template.exercises.length : -1;\n const currentExercise = template.exercises[currentExerciseIndex];\n\n useEffect(() => {\n if (!running) return;\n wallStart.current = Date.now() - elapsed * 1000;\n const timer = setInterval(() => setElapsed(Math.floor((Date.now() - wallStart.current) / 1000)), 250);\n return () => clearInterval(timer);\n }, [running]);\n\n useEffect(() => {\n if (!running || !countdown || template.duration_seconds <= 0 || elapsed < template.duration_seconds) return;\n setRunning(false);\n setFinishOpen(true);\n navigator.vibrate?.([80, 80, 160]);\n }, [elapsed, running, countdown, template.duration_seconds]);\n\n const start = () => {\n setStartedAt(new Date().toISOString());\n setPhase(\"active\");\n setRunning(true);\n setElapsed(0);\n setLaps([]);\n };\n\n const toggle = () => setRunning((value) => !value);\n\n const markLap = () => {\n setLaps((value) => [...value, { elapsed_seconds: elapsed }]);\n navigator.vibrate?.(25);\n };\n\n const reset = () => {\n setRunning(false);\n setElapsed(0);\n setLaps([]);\n setRoundAdjust(0);\n setPhase(\"ready\");\n };\n\n if (phase === \"ready\") return ;\n\n return (\n

\n \n

{typeLabel(template.type)}

{template.name}

\n \n

\n\n

\n {template.type === \"emom\" ?

Minut {minute} · {minuteRemaining} sek kvar

{countdown ? \"Kvar\" : \"Tid\"}

}\n

= 3600 ? \"text-[64px]\" : \"text-[82px]\"}`}>{seconds(displayTime)}

\n\n {template.type === \"emom\" && currentExercise ? (\n

Gör nu

{currentExercise.name}

{currentExercise.reps}

\n ) : null}\n\n

Övningar

{laps.length + roundAdjust} varv

\n {template.exercises.map((exercise, index) => {\n const active = index === currentExerciseIndex;\n return

{active ? : index + 1}{exercise.name}{exercise.reps}

;\n })}\n

\n\n

\n \n \n \n

\n {finishOpen ? setFinishOpen(false)} onSave={async (form) => {\n setPhase(\"saving\"); setError(\"\");\n try {\n const response = await fetch(\"/api/sessions\", { method: \"POST\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({\n client_id: uid(), template_id: template.id, name: template.name, type: template.type,\n started_at: startedAt || new Date(Date.now() - elapsed * 1000).toISOString(), completed_at: new Date().toISOString(),\n duration_seconds: elapsed, rounds: Math.max(0, laps.length + roundAdjust), partial_reps: form.partialReps,\n effort: form.effort, feeling: form.feeling, notes: form.notes, weight_kg: form.weight,\n distance_km: form.distance, avg_pace_sec_km: form.distance ? Math.round(elapsed / form.distance) : null, laps,\n }) });\n const saved = await response.json();\n if (!response.ok) throw new Error(saved.error || \"Passet kunde inte sparas\");\n navigator.vibrate?.([40, 40, 80]);\n onSaved(saved);\n } catch (reason) { setError(reason instanceof Error ? reason.message : \"Passet kunde inte sparas\"); setPhase(\"active\"); }\n }} /> : null}\n

\n );\n}\n\nfunction Ready({ template, onStart, onExit }: { template: Template; onStart: () => void; onExit: () => void }) {\n return (\n

{typeLabel(template.type)}

Redo när du är

{template.name}

{template.description}

Tid

{template.duration_seconds ? `${Math.round(template.duration_seconds / 60)} min` : \"På tid\"}

Vikt

{template.default_weight_kg ? `${template.default_weight_kg} kg` : \"Valfri\"}

Mål

{template.rounds_target ? `${template.rounds_target} varv` : \"AMRAP\"}

Upplägg · tryck på info vid behov

\n \n

\n );\n}\n\nfunction FinishSheet({ template, elapsed, laps, startedAt, roundAdjust, setRoundAdjust, saving, error, onCancel, onSave }: {\n template: Template; elapsed: number; laps: Lap[]; startedAt: string; roundAdjust: number; setRoundAdjust: (value: number) => void; saving: boolean; error: string; onCancel: () => void;\n onSave: (form: { effort: number; feeling: number; weight: number | null; distance: number | null; partialReps: number | null; notes: string }) => void;\n}) {\n const [effort, setEffort] = useState(7);\n const [feeling, setFeeling] = useState(4);\n const [weight, setWeight] = useState(template.default_weight_kg ? String(template.default_weight_kg) : \"\");\n const [distance, setDistance] = useState(\"\");\n const [partialReps, setPartialReps] = useState(\"\");\n const [notes, setNotes] = useState(\"\");\n const rounds = Math.max(0, laps.length + roundAdjust);\n return (\n

Pass klart

Logga resultat

Tid

{seconds(elapsed)}

Varv

{rounds}

\n Ansträngning · RPE {effort} setEffort(Number(event.currentTarget.value))} className=\"mt-2 h-2 w-full accent-[#17211b]\" />

LättMax

\n Känsla

{[1,2,3,4,5].map((value) => )}

Vikt, kg setWeight(event.currentTarget.value)} className=\"mt-2 w-full rounded-[16px] border-0 bg-white px-4 py-3.5 text-[14px] font-bold outline-none\" placeholder=\"20\" />{template.type === \"open\" ? Distans, km setDistance(event.currentTarget.value)} className=\"mt-2 w-full rounded-[16px] border-0 bg-white px-4 py-3.5 text-[14px] font-bold outline-none\" placeholder=\"5.0\" /> : Extra reps setPartialReps(event.currentTarget.value)} className=\"mt-2 w-full rounded-[16px] border-0 bg-white px-4 py-3.5 text-[14px] font-bold outline-none\" placeholder=\"0\" />}

\n Kommentar

setNotes(event.currentTarget.value)} className=\"mt-2 min-h-[88px] w-full resize-none rounded-[18px] border-0 bg-white px-4 py-3.5 text-[14px] outline-none\" placeholder=\"Hur kändes passet? Något som gjorde ont?\" /></label>\n        {error ? <p className=\"mt-3 rounded-[14px] bg-[#ffe1d8] px-3 py-2 text-[12px] font-bold text-[#893c28]\">{error}</p> : null}\n        <button disabled={saving} onClick={() => onSave({ effort, feeling, weight: weight ? Number(weight.replace(\",\", \".\")) : null, distance: distance ? Number(distance.replace(\",\", \".\")) : null, partialReps: partialReps ? Number(partialReps) : null, notes })} className=\"mt-5 flex w-full items-center justify-center gap-2 rounded-[19px] bg-[#17211b] px-5 py-4.5 text-[14px] font-black text-white disabled:opacity-55\">{saving ? <><CirclePause className=\"animate-pulse\" size={18} /> Sparar…</> : <><Check size={19} /> Spara pass</>}</button>\n      </div>\n    </div>\n  );\n}\n","deleted",false,"label",[47,48,24],"frontend","components","c8a7d222-24de-4235-bc2b-adf159d616ed",["D",1787434202328],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Mobil träningsapp med logg, timer och dagliga förslag","imageUrl","userId","019c0a19-6135-710e-ad14-690e8d52c7bc","pinnedFileId","01a02b61-7568-77b9-9da3-bedb8e6ed0b5","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c0a19-6135-710e-ad14-6cc836b76307","tursoName","c8a7d22224de4235bc2badf159d616ed","tursoHostname","c8a7d22224de4235bc2badf159d616ed-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789521640046],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_109":105},"org",{"_9":10,"_103":-5,"_104":105,"_59":60,"_106":107,"_108":44},"branch",{"_37":93,"_11":94,"_22":30,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":12,"_102":10},"isOwned",60,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOHcxaWpkTDhVV1pzZ0NETm1KVDdjWUVnNnQifQ","tier","free","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_143":144,"_145":146,"_147":148,"_149":44,"_150":44,"_151":44,"_152":34,"_153":-5,"_154":-7,"_155":-7,"_156":67,"_157":44,"_158":44,"_159":-5,"_160":44,"_161":44,"_162":44,"_163":-5},"ENV",{"_114":115,"_116":117,"_118":94,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>