C25K

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_209":210,"_211":212},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_108":89,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":58,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",20,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","dd6cd380-42f4-11f1-a29c-42b51c65c3df","name","fileType","http","content","import { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport {\n getOAuthUserData,\n oauthMiddleware,\n} from \"https://esm.town/v/std/oauth/middleware.ts\";\n\nconst OWNER = \"kamalnrf\"; // only this user can write\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS c25k_sessions (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n week INTEGER NOT NULL,\n session INTEGER NOT NULL,\n completed_at TEXT NOT NULL,\n effort INTEGER,\n notes TEXT\n )\n`);\n\n// ── Auth helper ────────────────────────────────────────────────────────────────\nasync function requireOwner(req: Request): Promise {\n const session = await getOAuthUserData(req);\n if (!session) return Response.json({ error: \"unauthenticated\" }, { status: 401 });\n if (session.user.username !== OWNER)\n return Response.json({ error: \"forbidden\" }, { status: 403 });\n return null;\n}\n\n// ── API ────────────────────────────────────────────────────────────────────────\napp.get(\"/api/me\", async (c) => {\n const session = await getOAuthUserData(c.req.raw);\n if (!session) return c.json({ loggedIn: false });\n return c.json({\n loggedIn: true,\n username: session.user.username,\n isOwner: session.user.username === OWNER,\n avatar: session.user.links.profileImageUrl,\n });\n});\n\napp.get(\"/api/sessions\", async (c) => {\n const result = await sqlite.execute(\n \"SELECT * FROM c25k_sessions ORDER BY completed_at DESC\"\n );\n return c.json(result.rows);\n});\n\napp.post(\"/api/sessions\", async (c) => {\n const authErr = await requireOwner(c.req.raw);\n if (authErr) return authErr;\n\n const { week, session, effort, notes } = await c.req.json();\n await sqlite.execute({\n sql: \"INSERT INTO c25k_sessions (week, session, completed_at, effort, notes) VALUES (?, ?, ?, ?, ?)\",\n args: [week, session, new Date().toISOString(), effort ?? null, notes ?? \"\"],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/sessions/:id\", async (c) => {\n const authErr = await requireOwner(c.req.raw);\n if (authErr) return authErr;\n\n await sqlite.execute({\n sql: \"DELETE FROM c25k_sessions WHERE id = ?\",\n args: [c.req.param(\"id\")],\n });\n return c.json({ ok: true });\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"*\", (c) => serveFile(\"/frontend/index.html\"));\n\nexport default oauthMiddleware(app.fetch);\n","import { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport {\n getOAuthUserData,\n oauthMiddleware,\n} from \"https://esm.town/v/std/oauth/middleware.ts\";\n\nconst OWNER = \"kamalnrf\"; // only this user can write\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS c25k_sessions (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n week INTEGER NOT NULL,\n session INTEGER NOT NULL,\n completed_at TEXT NOT NULL,\n effort INTEGER,\n notes TEXT\n )\n`);\n\n// ── Auth helper ────────────────────────────────────────────────────────────────\nasync function requireOwner(req: Request): Promise {\n const session = await getOAuthUserData(req);\n if (!session) return Response.json({ error: \"unauthenticated\" }, { status: 401 });\n if (session.user.username !== OWNER)\n return Response.json({ error: \"forbidden\" }, { status: 403 });\n return null;\n}\n\n// ── API ────────────────────────────────────────────────────────────────────────\napp.get(\"/api/me\", async (c) => {\n const session = await getOAuthUserData(c.req.raw);\n if (!session) return c.json({ loggedIn: false });\n return c.json({\n loggedIn: true,\n username: session.user.username,\n isOwner: session.user.username === OWNER,\n avatar: session.user.links.profileImageUrl,\n });\n});\n\napp.get(\"/api/sessions\", async (c) => {\n const result = await sqlite.execute(\n \"SELECT * FROM c25k_sessions ORDER BY completed_at DESC\"\n );\n return c.json(result.rows);\n});\n\napp.post(\"/api/sessions\", async (c) => {\n const authErr = await requireOwner(c.req.raw);\n if (authErr) return authErr;\n\n const { week, session, effort, notes } = await c.req.json();\n await sqlite.execute({\n sql: \"INSERT INTO c25k_sessions (week, session, completed_at, effort, notes) VALUES (?, ?, ?, ?, ?)\",\n args: [week, session, new Date().toISOString(), effort ?? null, notes ?? \"\"],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/sessions/:id\", async (c) => {\n const authErr = await requireOwner(c.req.raw);\n if (authErr) return authErr;\n\n await sqlite.execute({\n sql: \"DELETE FROM c25k_sessions WHERE id = ?\",\n args: [c.req.param(\"id\")],\n });\n return c.json({ ok: true });\n});\n\napp.get(\"/icon.svg\", (c) => {\n return new Response(\n ``,\n { headers: { \"Content-Type\": \"image/svg+xml\", \"Cache-Control\": \"public, max-age=86400\" } }\n );\n});\n\napp.get(\"/manifest.json\", (c) => {\n return c.json({\n name: \"C25K Tracker\",\n short_name: \"C25K\",\n description: \"GTN Couch to 5K — 8 weeks to your first 5K\",\n start_url: \"/\",\n display: \"standalone\",\n background_color: \"#1f2233\",\n theme_color: \"#ff6535\",\n orientation: \"portrait\",\n icons: [\n { src: \"/icon.svg\", sizes: \"any\", type: \"image/svg+xml\", purpose: \"any\" },\n { src: \"/icon.svg\", sizes: \"any\", type: \"image/svg+xml\", purpose: \"maskable\" },\n ],\n });\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"*\", (c) => serveFile(\"/frontend/index.html\"));\n\nexport default oauthMiddleware(app.fetch);\n","createdAt",["D",1777381324120],"branchVersion","branchId","dd65daa8-42f4-11f1-a29c-42b51c65c3df","id","dd653044-42f4-11f1-a29c-42b51c65c3df","c25k",["D",1777375487900],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","C25K tracker — week selector, interval timer, session log","imageUrl","3ee322c5-8742-48e0-86c7-5f3ae129683b","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","f427167a-3263-4778-81d8-f79626323ff5","tursoName","dd65304442f411f1a29c42b51c65c3df","tursoHostname","dd65304442f411f1a29c42b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789494036282],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":88,"_32":89,"_43":42,"_90":44,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":45,"_97":98},"isOwned",21,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","kamalnrf","handle","displayName","Kamal","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaVpXT3l1d2hWSFdtWTNoZFIwZ0lFUUhOd2oifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":204,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":205,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":206,"_83":207,"_85":208,"_87":25},"tree",[163,166,168],"files",[163,164,165,166,167,168],"counts",{"_152":62,"_153":154,"_155":62,"_156":157,"_158":159},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":147,"_32":148,"_30":149,"_134":-5,"_41":42,"_40":137,"_135":58,"_38":150,"_13":62,"_33":145,"_35":-5,"_24":25,"_138":-5,"_27":151},{"_43":140,"_32":141,"_30":142,"_134":-5,"_41":42,"_40":143,"_135":58,"_38":144,"_13":62,"_33":145,"_35":-5,"_24":25,"_138":-5,"_27":146},{"_43":133,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_135":58,"_38":136,"_13":137,"_33":34,"_35":37,"_24":25,"_138":45,"_27":139},"7411d94a-4302-11f1-b5c6-42b51c65c3df","parentId","latest",["D",1777381324120],3,"label",[28],"aed94a7e-42fb-11f1-b6ff-42b51c65c3df","scripts","6184383d-9baf-4870-a0ad-aa07d8b553d6",13,["D",1777378416271],"directory",[141],"e92cb8c0-42f4-11f1-877a-42b51c65c3df","frontend","e92cb99c-42f4-11f1-877a-42b51c65c3df",["D",1777375507659],[148],"pulls","branches",1,"forks","envVars",{"_160":154,"_162":62},"connections",{"_160":62,"_161":62},"count","unfilledCount","emptyCount",{"_43":147,"_32":148,"_30":149,"_134":-5,"_41":42,"_40":137,"_135":58,"_38":201,"_13":62,"_33":145,"_35":-5,"_24":25,"_138":-5,"_170":202,"_27":203},{"_43":193,"_32":194,"_30":195,"_134":149,"_41":42,"_40":196,"_135":58,"_38":197,"_13":187,"_33":177,"_35":198,"_24":25,"_138":-5,"_170":199,"_27":200},{"_43":184,"_32":185,"_30":186,"_134":149,"_41":42,"_40":187,"_135":25,"_38":188,"_13":189,"_33":20,"_35":190,"_24":25,"_138":-5,"_170":191,"_27":192},{"_43":140,"_32":141,"_30":142,"_134":-5,"_41":42,"_40":143,"_135":58,"_38":181,"_13":62,"_33":145,"_35":-5,"_24":25,"_138":-5,"_170":182,"_27":183},{"_43":173,"_32":174,"_30":175,"_134":142,"_41":42,"_40":143,"_135":58,"_38":176,"_13":62,"_33":177,"_35":178,"_24":25,"_138":-5,"_170":179,"_27":180},{"_43":133,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_135":58,"_38":169,"_13":137,"_33":34,"_35":37,"_24":25,"_138":45,"_170":171,"_27":172},["D",1777381324120],"children",[],[28],"aed924a4-42fb-11f1-b6ff-42b51c65c3df","genkey.ts","aed925da-42fb-11f1-b6ff-42b51c65c3df",["D",1777378416271],"script","// Generates a random signing key\nconst key = Array.from(crypto.getRandomValues(new Uint8Array(32)))\n .map(b => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\nconsole.log(key);\n",[],[141,174],["D",1777378416271],[167],[141],"4fcc6c26-42f8-11f1-a8a0-42b51c65c3df","index.html","eefedc1a-42f4-11f1-a29c-42b51c65c3df",10,["D",1777376968309],2,"\n\n\n \n \n C25K\n \n \n \n \n \n\n\n

\n \n\n\n",[],[148,185],"6ea13fe6-4302-11f1-b5b4-42b51c65c3df","App.tsx","1bc2a470-42f5-11f1-b3b6-42b51c65c3df",19,["D",1777381314992],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useState, useEffect, useRef, useCallback } from \"https://esm.sh/react@18.2.0\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\ntype SegType = \"warmup\" | \"run\" | \"walk\" | \"cooldown\";\ntype Seg = { type: SegType; secs: number };\ntype SessionPlan = { segments: Seg[] };\ntype LoggedSession = {\n id: number; week: number; session: number;\n completed_at: string; effort: number | null; notes: string | null;\n};\ntype View = \"home\" | \"timer\" | \"log\";\n\n// ── Palette ───────────────────────────────────────────────────────────────────\nconst P = {\n bg: \"#1f2233\", // deep navy — noticeably lighter than before\n surface: \"#272b3e\",\n surfaceHi: \"#2f3450\",\n border: \"#383d54\",\n borderHi: \"#464d68\",\n text: \"#ffffff\",\n textSub: \"#a0a8c0\",\n textMut: \"#6b7490\",\n run: \"#ff6535\",\n walk: \"#00c8e0\",\n neutral: \"#7a84a0\",\n done: \"#34d399\",\n doneBg: \"#0f2820\",\n doneBdr: \"#1e4a38\",\n cta: \"#ff6535\",\n ctaText: \"#ffffff\",\n};\n\n// ── Plan data ─────────────────────────────────────────────────────────────────\nconst R = (s: number): Seg => ({ type: \"run\", secs: s });\nconst W = (s: number): Seg => ({ type: \"walk\", secs: s });\nconst WU: Seg = { type: \"warmup\", secs: 300 };\nconst CD: Seg = { type: \"cooldown\", secs: 300 };\nconst rep = (segs: Seg[], n: number): Seg[] => Array.from({ length: n }, () => segs).flat();\nconst mk = (segs: Seg[]): SessionPlan => ({ segments: [WU, ...segs, CD] });\nconst x3 = (s: SessionPlan): SessionPlan[] => [s, s, s];\n\nconst PLAN: SessionPlan[][] = [\n x3(mk(rep([R(60), W(90)], 8))),\n x3(mk(rep([R(90), W(120)], 6))),\n x3(mk(rep([R(90), W(90), R(180), W(180)], 2))),\n x3(mk([R(180), W(90), R(300), W(150), R(180), W(90), R(300)])),\n [\n mk([R(300), W(180), R(300), W(180), R(300)]),\n mk([R(480), W(300), R(480)]),\n mk([R(1200)]),\n ],\n [\n mk([R(300), W(180), R(480), W(180), R(300)]),\n mk([R(600), W(180), R(600)]),\n mk([R(1500)]),\n ],\n x3(mk([R(1500)])),\n x3(mk([R(1800)])),\n];\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\nconst fmt = (s: number) => `${Math.floor(s / 60)}:${(s % 60).toString().padStart(2, \"0\")}`;\nconst totalSecs = (p: SessionPlan) => p.segments.reduce((a, s) => a + s.secs, 0);\nconst totalRunSecs = (p: SessionPlan) => p.segments.filter(s => s.type === \"run\").reduce((a, s) => a + s.secs, 0);\n\nconst SEG_COLOR: Record = {\n run: P.run, walk: P.walk, warmup: P.neutral, cooldown: P.neutral,\n};\nconst SEG_LABEL: Record = {\n run: \"RUN\", walk: \"WALK\", warmup: \"WARM UP\", cooldown: \"COOL DOWN\",\n};\nconst EFFORT_ICONS = [\"😴\", \"😐\", \"🙂\", \"💪\", \"🔥\"];\n\n// ── Audio engine ──────────────────────────────────────────────────────────────\nfunction createAudioEngine() {\n let ctx: AudioContext | null = null;\n\n function getCtx(): AudioContext {\n if (!ctx || ctx.state === \"closed\") ctx = new AudioContext();\n if (ctx.state === \"suspended\") ctx.resume();\n return ctx;\n }\n\n function beep(freqs: number[], duration: number, type: OscillatorType = \"sine\", volume = 0.25) {\n const ac = getCtx();\n const now = ac.currentTime;\n freqs.forEach((freq, i) => {\n const osc = ac.createOscillator();\n const gain = ac.createGain();\n osc.connect(gain); gain.connect(ac.destination);\n osc.type = type; osc.frequency.value = freq;\n const t = now + i * (duration / 1000);\n const end = t + duration / 1000 - 0.02;\n gain.gain.setValueAtTime(0, t);\n gain.gain.linearRampToValueAtTime(volume, t + 0.01);\n gain.gain.setValueAtTime(volume, end - 0.05);\n gain.gain.linearRampToValueAtTime(0, end);\n osc.start(t); osc.stop(end);\n });\n }\n\n return {\n init() { getCtx(); },\n playRun() { beep([523, 659, 784], 180, \"triangle\", 0.3); },\n playWalk() { beep([523, 392], 200, \"triangle\", 0.25); },\n playNeutral() { beep([440], 200, \"sine\", 0.2); },\n playWarning() { beep([880, 880, 880], 120, \"sine\", 0.2); },\n playDone() { beep([523, 659, 784, 1047], 220, \"triangle\", 0.3); },\n };\n}\n\nconst audio = createAudioEngine();\n\nfunction triggerCue(type: SegType) {\n if (type === \"run\") audio.playRun();\n else if (type === \"walk\") audio.playWalk();\n else audio.playNeutral();\n if (\"vibrate\" in navigator)\n navigator.vibrate(type === \"run\" ? [80, 60, 80] : [120]);\n}\n\n// ── Wake Lock ─────────────────────────────────────────────────────────────────\nfunction useWakeLock(active: boolean) {\n const lockRef = useRef(null);\n\n const acquire = useCallback(async () => {\n if (!(\"wakeLock\" in navigator)) return;\n try { lockRef.current = await (navigator as any).wakeLock.request(\"screen\"); }\n catch (_) {}\n }, []);\n\n const release = useCallback(() => {\n lockRef.current?.release(); lockRef.current = null;\n }, []);\n\n useEffect(() => {\n if (active) {\n acquire();\n const onVis = () => { if (document.visibilityState === \"visible\") acquire(); };\n document.addEventListener(\"visibilitychange\", onVis);\n return () => { release(); document.removeEventListener(\"visibilitychange\", onVis); };\n } else {\n release();\n }\n }, [active]);\n}\n\n// ── Auth types ────────────────────────────────────────────────────────────────\ntype Me = { loggedIn: false } | { loggedIn: true; username: string; isOwner: boolean; avatar: string | null };\n\n// ── App ───────────────────────────────────────────────────────────────────────\nfunction App() {\n const [view, setView] = useState(\"home\");\n const [week, setWeek] = useState(1);\n const [sessionIdx, setSessionIdx] = useState(0);\n const [logs, setLogs] = useState([]);\n const [me, setMe] = useState(null);\n\n const [segIdx, setSegIdx] = useState(0);\n const [secsLeft, setSecsLeft] = useState(0);\n const [paused, setPaused] = useState(false);\n const [muted, setMuted] = useState(false);\n const intervalRef = useRef(null);\n const mutedRef = useRef(false);\n\n const [effort, setEffort] = useState(3);\n const [notes, setNotes] = useState(\"\");\n\n useEffect(() => { mutedRef.current = muted; }, [muted]);\n useEffect(() => { fetchLogs(); fetchMe(); }, []);\n\n async function fetchMe() {\n const r = await fetch(\"/api/me\");\n setMe(await r.json());\n }\n\n async function fetchLogs() {\n const r = await fetch(\"/api/sessions\");\n const data: LoggedSession[] = await r.json();\n setLogs(data);\n setWeek(getCurrentWeek(data));\n }\n\n function getCurrentWeek(data: LoggedSession[]): number {\n for (let w = 1; w <= 8; w++) {\n if (data.filter(l => l.week === w).length < 3) return w;\n }\n return 8;\n }\n\n const isDone = (w: number, s: number) => logs.some(l => l.week === w && l.session === s);\n const getLog = (w: number, s: number) => logs.find(l => l.week === w && l.session === s);\n\n function startSession(w: number, si: number) {\n audio.init();\n const plan = PLAN[w - 1][si];\n setWeek(w); setSessionIdx(si);\n setSegIdx(0); setSecsLeft(plan.segments[0].secs);\n setPaused(false);\n setView(\"timer\");\n if (!mutedRef.current) triggerCue(plan.segments[0].type);\n }\n\n // advance to a specific segment index (used by skip)\n function goToSeg(plan: SessionPlan, next: number) {\n if (next >= plan.segments.length) {\n if (!mutedRef.current) audio.playDone();\n if (\"vibrate\" in navigator) navigator.vibrate([100, 80, 100, 80, 200]);\n setView(\"log\");\n } else {\n setSegIdx(next);\n setSecsLeft(plan.segments[next].secs);\n if (!mutedRef.current) triggerCue(plan.segments[next].type);\n }\n }\n\n function handleSkip() {\n const plan = PLAN[week - 1][sessionIdx];\n goToSeg(plan, segIdx + 1);\n }\n\n // Timer tick\n useEffect(() => {\n if (view !== \"timer\" || paused) {\n if (intervalRef.current) clearInterval(intervalRef.current);\n return;\n }\n intervalRef.current = window.setInterval(() => {\n setSecsLeft(p => (p <= 1 ? 0 : p - 1));\n }, 1000);\n return () => { if (intervalRef.current) clearInterval(intervalRef.current); };\n }, [view, paused, segIdx]);\n\n // 10-second warning\n useEffect(() => {\n if (view !== \"timer\" || paused || mutedRef.current) return;\n if (secsLeft === 10) audio.playWarning();\n }, [secsLeft]);\n\n // Segment advance\n useEffect(() => {\n if (view !== \"timer\" || secsLeft !== 0) return;\n goToSeg(PLAN[week - 1][sessionIdx], segIdx + 1);\n }, [secsLeft]);\n\n async function saveLog() {\n await fetch(\"/api/sessions\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ week, session: sessionIdx + 1, effort, notes }),\n });\n await fetchLogs();\n setNotes(\"\"); setEffort(3);\n setView(\"home\");\n }\n\n if (view === \"timer\") return (\n setPaused(p => !p)}\n onMute={() => setMuted(m => !m)}\n onStop={() => { setPaused(true); setView(\"home\"); }}\n onSkip={handleSkip}\n />\n );\n\n if (view === \"log\") return (\n setView(\"home\")}\n />\n );\n\n const weekLogs = logs.filter(l => l.week === week).length;\n\n return (\n

\n\n {/* Header */}\n

C25K

GTN · 8 WEEKS · 3×/WEEK

\n {me?.loggedIn\n ? logout\n : login to save →\n }\n source\n

\n\n \n\n {/* Week grid */}\n

\n SELECT WEEK\n

\n {Array.from({ length: 8 }, (_, i) => {\n const w = i + 1;\n const done = logs.filter(l => l.week === w).length >= 3;\n const active = w === week;\n return (\n \n );\n })}\n

\n\n {/* Session cards */}\n

\n WEEK {week} · {weekLogs}/3 DONE\n

\n {PLAN[week - 1].map((plan, si) => (\n startSession(week, si)}\n />\n ))}\n

\n );\n}\n\n// ── Session Card ──────────────────────────────────────────────────────────────\nfunction SessionCard({ plan, idx, done, log, onStart }: {\n plan: SessionPlan; idx: number; done: boolean;\n log: LoggedSession | undefined; onStart: () => void;\n}) {\n return (\n

\n {done ? \"✓\" : idx + 1}\n

\n Session {idx + 1}\n

\n {fmt(totalSecs(plan))}\n {fmt(totalRunSecs(plan))} run\n

\n {plan.segments.map((s, i) => (\n

\n ))}\n

\n {log && (\n

\n {new Date(log.completed_at).toLocaleDateString(\"en-IN\", { day: \"numeric\", month: \"short\" })}\n {log.effort ? ` · ${EFFORT_ICONS[log.effort - 1]}` : \"\"}\n {log.notes ? ` · ${log.notes.slice(0, 38)}` : \"\"}\n

\n )}\n

\n \n

\n );\n}\n\n// ── Progress Bar ──────────────────────────────────────────────────────────────\nfunction ProgressBar({ logs }: { logs: LoggedSession[] }) {\n if (logs.length === 0) return null;\n return (\n

\n {PLAN.map((_, wi) =>\n [0, 1, 2].map(si => {\n const done = logs.some(l => l.week === wi + 1 && l.session === si + 1);\n return

;\n })\n )}\n

\n {logs.length}/24 SESSIONS · {Math.round((logs.length / 24) * 100)}% COMPLETE\n

\n );\n}\n\n// ── Timer View ────────────────────────────────────────────────────────────────\nfunction TimerView({ week, sessionIdx, segIdx, secsLeft, paused, muted, onPause, onMute, onStop, onSkip }: {\n week: number; sessionIdx: number; segIdx: number; secsLeft: number;\n paused: boolean; muted: boolean;\n onPause: () => void; onMute: () => void; onStop: () => void; onSkip: () => void;\n}) {\n useWakeLock(!paused);\n\n const plan = PLAN[week - 1][sessionIdx];\n const seg = plan.segments[segIdx];\n const nextSeg = plan.segments[segIdx + 1];\n const progress = seg ? 1 - secsLeft / seg.secs : 1;\n const elapsed = plan.segments.slice(0, segIdx).reduce((a, s) => a + s.secs, 0) + (seg ? seg.secs - secsLeft : 0);\n const overallPct = elapsed / totalSecs(plan);\n const C = SEG_COLOR[seg?.type ?? \"run\"];\n const R_C = 84;\n const circ = 2 * Math.PI * R_C;\n const warning = secsLeft <= 10 && secsLeft > 0 && !paused;\n const skippable = seg?.type === \"warmup\" || seg?.type === \"cooldown\";\n\n return (\n

\n {/* Top bar */}\n

\n \n

\n W{week} · S{sessionIdx + 1} | {segIdx + 1}/{plan.segments.length}\n

\n \n

\n\n {/* Overall progress */}\n

\n\n

\n\n {/* Segment label */}\n

\n {SEG_LABEL[seg?.type ?? \"run\"]}\n

\n\n {/* Ring */}\n

\n \n

\n {fmt(secsLeft)}\n

\n {paused &&

PAUSED

}\n

\n\n {/* Segment dots */}\n

\n {plan.segments.map((s, i) => (\n

\n ))}\n

\n\n {/* Next segment */}\n {nextSeg ? (\n

\n NEXT\n

\n \n {SEG_LABEL[nextSeg.type]}\n \n {fmt(nextSeg.secs)}\n

\n ) :

}\n\n {/* Skip (warmup / cooldown only) */}\n {skippable && (\n \n )}\n\n {/* Pause */}\n \n

\n );\n}\n\n// ── Log View ──────────────────────────────────────────────────────────────────\nfunction LogView({ week, sessionIdx, effort, notes, me, onEffort, onNotes, onSave, onSkip }: {\n week: number; sessionIdx: number; effort: number; notes: string; me: Me | null;\n onEffort: (n: number) => void; onNotes: (s: string) => void;\n onSave: () => void; onSkip: () => void;\n}) {\n const canSave = me?.loggedIn && (me as any).isOwner;\n return (\n

DONE!

\n WEEK {week} · SESSION {sessionIdx + 1}\n

\n HOW DID IT FEEL?\n

\n {EFFORT_ICONS.map((icon, i) => (\n \n ))}\n

\n NOTES\n

onNotes(e.target.value)}\n          placeholder=\"How did the run feel? Any pain? Weather?\"\n          rows={3}\n          style={{\n            width: \"100%\", background: P.surface, border: `1px solid ${P.border}`,\n            borderRadius: 8, padding: \"12px 14px\", color: P.text,\n            fontSize: 14, resize: \"vertical\", outline: \"none\", lineHeight: 1.6,\n          }}\n        />\n      </div>\n      <div style={{ display: \"flex\", gap: 10 }}>\n        <button onClick={onSkip} style={{\n          padding: \"15px 18px\", borderRadius: 10, cursor: \"pointer\",\n          border: `1px solid ${P.border}`, background: \"transparent\",\n          color: P.textMut, fontSize: 12, letterSpacing: \"0.08em\",\n        }}>SKIP</button>\n        {canSave\n          ? (\n            <button onClick={onSave} style={{\n              flex: 1, padding: \"15px\", borderRadius: 10, cursor: \"pointer\",\n              border: \"none\", background: P.cta, color: P.ctaText,\n              fontSize: 18, fontWeight: 700, letterSpacing: \"0.06em\",\n            }}>SAVE RUN</button>\n          ) : (\n            <a href=\"/auth/login\" style={{\n              flex: 1, padding: \"15px\", borderRadius: 10, cursor: \"pointer\",\n              border: `1px solid ${P.border}`, background: P.surface,\n              color: P.textSub, fontSize: 15, fontWeight: 700, letterSpacing: \"0.06em\",\n              textDecoration: \"none\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\",\n            }}>LOGIN TO SAVE →</a>\n          )\n        }\n      </div>\n    </div>\n  );\n}\n\n// ── Label ─────────────────────────────────────────────────────────────────────\nfunction Label({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"tf\" style={{ fontSize: 10, color: P.textMut, letterSpacing: \"0.12em\", marginBottom: 12 }}>\n      {children}\n    </div>\n  );\n}\n\n// ── Mount ─────────────────────────────────────────────────────────────────────\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render(<App />);\n",[],[148,194],["D",1777375507659],[164,165],[148],["D",1777375487900],["D",1789494036282],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":55,"_104":105,"_106":25},{"_13":88,"_32":89,"_43":42,"_90":44,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":45,"_97":98},"ctx",{"_81":-5,"_127":242,"_243":244,"_245":246,"_247":25,"_248":25,"_249":25,"_250":58,"_251":-5,"_252":-7,"_253":-7,"_254":62,"_255":25,"_256":25,"_257":-5,"_258":25,"_259":25,"_260":25,"_261":-5},"ENV",{"_213":214,"_215":216,"_217":89,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241},"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"]
</article></body></html>

Diff · v20