// ============================================
// Live Meet Results — real-time engine
// ============================================
// Simulates live splits arriving for an in-progress meet.
// Single source of truth in window.LIVE_MEET so all portals reference the same data.
const LIVE_EVENTS = [
{
id: "evt-100fr-w",
name: "100m Freestyle — Women 13-14",
status: "running",
distance: 100,
poolLength: 50,
lanes: [
{ lane: 1, swimmer: "Hannah Lim", club: "Eastside SC", seed: "1:04.20", color: "#7C3AED" },
{ lane: 2, swimmer: "Sophie Chen", club: "Marina Bay AC", seed: "1:03.80", color: "#0099CC", featured: true },
{ lane: 3, swimmer: "Ava Robinson", club: "Marina Bay AC", seed: "1:02.94", color: "#D4A017", featured: true },
{ lane: 4, swimmer: "Mei Tanaka", club: "Sentosa Swim", seed: "1:01.10", color: "#00C9A7" },
{ lane: 5, swimmer: "Olivia Park", club: "Eastside SC", seed: "1:02.20", color: "#F97316" },
{ lane: 6, swimmer: "Zoe Khan", club: "Marina Bay AC", seed: "1:04.50", color: "#1A7C6E", featured: true },
],
},
{
id: "evt-200im-m",
name: "200m IM — Men 15-16",
status: "upcoming",
distance: 200,
poolLength: 50,
lanes: [],
},
{
id: "evt-50fly-w",
name: "50m Butterfly — Women 11-12",
status: "complete",
distance: 50,
poolLength: 50,
lanes: [
{ lane: 4, swimmer: "Mia Tanaka", club: "Marina Bay AC", finish: "0:32.41", place: 1, pb: true, color: "#0099CC", featured: true },
{ lane: 5, swimmer: "Ruby Adams", club: "Eastside SC", finish: "0:32.88", place: 2, color: "#F97316" },
{ lane: 3, swimmer: "Lin Chen", club: "Sentosa Swim", finish: "0:33.04", place: 3, color: "#00C9A7" },
{ lane: 6, swimmer: "Emily Park", club: "Marina Bay AC", finish: "0:33.62", place: 4, color: "#D4A017" },
],
},
];
// Engine: keeps a single piece of state in window.__liveMeet
function useLiveMeet() {
const [tick, setTick] = useState(0);
useEffect(() => {
if (!window.__liveMeet) {
window.__liveMeet = {
eventId: "evt-100fr-w",
currentLength: 0, // 0 = pre-start, 1 = first 50m done, 2 = finished
splits: {}, // swimmerLane -> [splits]
running: true,
startedAt: Date.now(),
listeners: new Set(),
broadcast() { this.listeners.forEach(fn => fn()); },
};
// start the tick
const id = setInterval(() => {
const lm = window.__liveMeet;
if (!lm.running) return;
const elapsed = (Date.now() - lm.startedAt) / 1000;
const ev = LIVE_EVENTS.find(e => e.id === lm.eventId);
if (!ev) return;
// Each swimmer hits 50m around their seed-50 + some variation
ev.lanes.forEach(l => {
const k = `${ev.id}-${l.lane}`;
if (!lm.splits[k]) lm.splits[k] = [];
const splits = lm.splits[k];
const seed = parseFloat(l.seed.split(":")[1]) + (parseInt(l.seed.split(":")[0]) * 60);
const half = seed / 2 + (Math.random() - 0.5) * 0.8;
if (splits.length === 0 && elapsed >= half) splits.push(Number(half.toFixed(2)));
if (splits.length === 1 && elapsed >= (splits[0] + half + 0.3)) splits.push(Number((splits[0] + half + 0.3).toFixed(2)));
});
if (Date.now() - lm.startedAt > 80 * 1000) {
// event done — mark complete
ev.status = "complete";
lm.running = false;
}
lm.broadcast();
}, 250);
window.__liveMeet.intervalId = id;
}
const fn = () => setTick(t => t + 1);
window.__liveMeet.listeners.add(fn);
return () => window.__liveMeet?.listeners.delete(fn);
}, []);
return window.__liveMeet;
}
// Helpers
function fmtTime(s) {
if (s == null || isNaN(s)) return "—";
const m = Math.floor(s / 60);
const sec = (s % 60).toFixed(2);
return m ? `${m}:${sec.padStart(5, "0")}` : `0:${sec.padStart(5, "0")}`;
}
function eventState(ev, splits) {
if (ev.status === "upcoming") return { state: "upcoming" };
if (ev.status === "complete") return { state: "complete" };
const arr = ev.lanes.map(l => {
const s = splits[`${ev.id}-${l.lane}`] || [];
return { ...l, splits: s, total: s.length === 2 ? s[1] : s.length === 1 ? null : null };
});
return { state: "running", arr };
}
// Compact widget: shows in headers/dashboards
function LiveMeetTicker({ onClick }) {
const lm = useLiveMeet();
if (!lm) return null;
const ev = LIVE_EVENTS.find(e => e.id === lm.eventId);
const arr = ev.lanes.map(l => ({ ...l, splits: lm.splits[`${ev.id}-${l.lane}`] || [] }))
.sort((a, b) => (b.splits[b.splits.length - 1] || 999) - (a.splits[a.splits.length - 1] || 999));
return (
);
}
// Live leaderboard — used inside detail pages
function LiveLeaderboard({ eventId, highlight, compact }) {
const lm = useLiveMeet();
const ev = LIVE_EVENTS.find(e => e.id === eventId) || LIVE_EVENTS[0];
const splits = lm?.splits || {};
const ranked = ev.lanes.map(l => {
const s = splits[`${ev.id}-${l.lane}`] || [];
return { ...l, splits: s, finishS: s.length === 2 ? s[1] : null, fiftyS: s[0] || null };
});
// Sort by who's furthest along, then time
const sorted = [...ranked].sort((a, b) => {
if (a.finishS && b.finishS) return a.finishS - b.finishS;
if (a.finishS) return -1;
if (b.finishS) return 1;
if (a.fiftyS && b.fiftyS) return a.fiftyS - b.fiftyS;
if (a.fiftyS) return -1;
if (b.fiftyS) return 1;
return parseFloat(a.seed.split(":")[1]) - parseFloat(b.seed.split(":")[1]);
});
const fastest50 = Math.min(...ranked.map(r => r.fiftyS).filter(Boolean), Infinity);
const fastestFinish = Math.min(...ranked.map(r => r.finishS).filter(Boolean), Infinity);
return (
{sorted.map((l, i) => {
const place = i + 1;
const isHighlight = highlight === l.swimmer || l.featured;
const finished = !!l.finishS;
const gap = l.finishS && place > 1 ? l.finishS - sorted[0].finishS : null;
return (
{place}
{l.swimmer}
{!compact &&
Lane {l.lane} · {l.club}
}
{isHighlight &&
You}
{!compact && (
50m
{l.fiftyS ? fmtTime(l.fiftyS) : —}
)}
{compact ? "Time" : "Finish"}
{l.finishS ? fmtTime(l.finishS) : l.fiftyS ? ● Swimming : Pre-race}
{!compact && (
{gap != null &&
+{gap.toFixed(2)}}
{finished && place === 1 &&
1st}
)}
);
})}
Meets
/
Regional Champs · Live
Day 1 of 3
Regional Championships
National Stadium · Jul 22, 2026 · 2:14 PM
{/* Event tabs */}
{LIVE_EVENTS.map(e => {
const active = evId === e.id;
return (
);
})}
{ev.name}
{ev.distance}m · {ev.poolLength}m pool
{ev.status === "running" && (
● At {Math.round((Date.now() - (lm?.startedAt || 0)) / 1000)}s
)}
{ev.status === "complete" &&
Final results}
{ev.lanes.length > 0 ? (
) : (
)}
{ev.status === "running" && (
Race progression
)}
);
}
// Visual lane track for an in-progress event
function RaceTrack({ ev, splits, highlight }) {
const lanes = ev.lanes;
// estimate progress per swimmer
const positions = lanes.map(l => {
const s = splits[`${ev.id}-${l.lane}`] || [];
if (s.length === 2) return 1;
if (s.length === 1) return 0.5 + (Math.random() * 0.4); // somewhere mid-second-50
return Math.min(0.48, ((Date.now() - (window.__liveMeet?.startedAt || 0)) / 1000) / 32);
});
return (
{lanes.map((l, i) => {
const pct = positions[i] * 100;
const isHi = highlight === l.swimmer || l.featured;
return (
L{l.lane}
{l.swimmer.split(" ").map(n => n[0]).slice(0, 2).join("")}
{l.swimmer}
);
})}
Start50m turnFinish
{swimmerName || "Sophie Chen"} is racing now
{ev.name} · Lane {lane?.lane || "—"}
50m split
{splits[0] ? fmtTime(splits[0]) : "—:—"}
Finish
{splits[1] ? fmtTime(splits[1]) : "—:—"}
);
}
Object.assign(window, { LiveMeetPage, LiveLeaderboard, LiveMeetTicker, LiveNowCard, useLiveMeet, LIVE_EVENTS, fmtTime });