C25K

\n \n\n\n",[18,78],"6ea13fe6-4302-11f1-b5b4-42b51c65c3df",["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",[18,92],"pulls","branches",1,"forks","envVars",{"_289":283,"_291":26},"connections",{"_289":26,"_290":26},"count","unfilledCount","emptyCount",{"_47":263,"_13":18,"_76":187,"_57":-5,"_49":50,"_264":265,"_266":24,"_51":327,"_53":26,"_79":188,"_268":-5,"_80":30,"_269":-5,"_304":328,"_17":329},{"_47":277,"_13":92,"_76":91,"_57":187,"_49":50,"_264":174,"_266":24,"_51":324,"_53":124,"_79":93,"_268":279,"_80":30,"_269":-5,"_304":325,"_17":326},{"_47":273,"_13":78,"_76":77,"_57":187,"_49":50,"_264":181,"_266":24,"_51":321,"_53":265,"_79":21,"_268":275,"_80":30,"_269":-5,"_304":322,"_17":323},{"_47":317,"_13":316,"_76":310,"_57":-5,"_49":50,"_264":311,"_266":24,"_51":318,"_53":26,"_79":188,"_268":-5,"_80":30,"_269":-5,"_304":319,"_17":320},{"_47":307,"_13":308,"_76":309,"_57":310,"_49":50,"_264":311,"_266":24,"_51":312,"_53":26,"_79":93,"_268":313,"_80":30,"_269":-5,"_304":314,"_17":315},{"_47":298,"_13":299,"_76":201,"_57":-5,"_49":50,"_264":300,"_266":24,"_51":301,"_53":265,"_79":302,"_268":303,"_80":30,"_269":14,"_304":305,"_17":306},"7411d94a-4302-11f1-b5c6-42b51c65c3df","main.tsx",20,["D",1777381324120],"http","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<Response | null> {\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    `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n      <rect width=\"512\" height=\"512\" rx=\"112\" fill=\"#1f2233\"/>\n      <text x=\"256\" y=\"310\" font-family=\"Arial Black,sans-serif\" font-size=\"168\" font-weight=\"900\"\n        text-anchor=\"middle\" fill=\"#ff6535\" letter-spacing=\"-4\">C25K</text>\n    </svg>`,\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","children",[],[299],"aed924a4-42fb-11f1-b6ff-42b51c65c3df","genkey.ts","aed925da-42fb-11f1-b6ff-42b51c65c3df","6184383d-9baf-4870-a0ad-aa07d8b553d6",13,["D",1777378416271],"// 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",[],[316,308],"scripts","aed94a7e-42fb-11f1-b6ff-42b51c65c3df",["D",1777378416271],[296],[316],["D",1777381332099],[],[18,78],["D",1777381314992],[],[18,92],["D",1777375507659],[293,294],[18],["D",1777375487900],["D",1789494036282],{"_11":12,"_241":83},{"_11":12,"_236":237,"_82":83,"_31":81,"_238":239,"_240":30},{"_53":181,"_13":16,"_47":50,"_228":190,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":-5,"_234":14,"_235":12},"ctx",{"_66":-5,"_260":368,"_369":370,"_371":372,"_373":30,"_374":30,"_375":30,"_376":24,"_377":-5,"_378":-7,"_379":-7,"_380":26,"_381":30,"_382":30,"_383":-5,"_384":30,"_385":30,"_386":30,"_387":-5},"ENV",{"_339":340,"_341":342,"_343":16,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367},"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"]
</article></body></html>

History · frontend