// countdown-app.jsx — the REAL HSC Countdown mounted by countdown.html. // Honest version of the idea-5-cram.jsx mock: a true days-to-HSC ring (anchored // to the 2026 NSW HSC written-exam start), this-week study activity from real // question_attempts, overall mastery from topic_mastery, and a weak-topic queue // from the existing get_weak_topics RPC. No fabricated "adaptive plan", no fake // AI-marked sessions, no invented XP. // // Deliberately does NOT reuse ideas/idea-5-cram.jsx (CountdownPath), which is a // hardcoded design mock still used by the ideas gallery. // 2026 NSW HSC written exams begin Tue 13 Oct 2026 (English Paper 1), morning. // NSW is on daylight time (AEDT, UTC+11) in October. const HSC_EXAM_START = new Date('2026-10-13T09:00:00+11:00'); const HSC_WINDOW_DAYS = 180; // ring fills as the exam approaches function daysUntilHSC() { const ms = HSC_EXAM_START.getTime() - Date.now(); return Math.max(0, Math.ceil(ms / 86400000)); } const CD_DOW = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; function cdPrettyTopic(t) { return (t || '').replace(/-/g, ' ').replace(/\b\w/g, function (c) { return c.toUpperCase(); }); } const CD_SUBJECT_LABELS = { 'biology': 'Biology', 'chemistry': 'Chemistry', 'physics': 'Physics', 'maths-advanced': 'Maths Adv', 'maths-standard': 'Maths Std', 'maths-ext1': 'Maths Ext 1', }; // level 0..3 -> queue swatch colour (mirrors the mastery heat scale) const CD_LEVEL_COLOR = ['#c47b8a', '#d6a85f', '#7eb0d8', '#6b9b7c']; function HSCCountdown() { const days = daysUntilHSC(); const ringPct = Math.max(0, Math.min(1, 1 - days / HSC_WINDOW_DAYS)); const [status, setStatus] = React.useState('loading'); // loading|ready|signedout|error const [week, setWeek] = React.useState([]); const [overall, setOverall] = React.useState(null); // overall mastery pct const [weak, setWeak] = React.useState([]); const [dueCount, setDueCount] = React.useState(0); // review cards due today React.useEffect(function () { let alive = true; const db = window.HSC && window.HSC.supabase; const auth = window.HSC && window.HSC.auth; if (!db || !auth || !auth.ready) { setStatus('signedout'); return; } auth.ready.then(async function () { if (!alive) return; if (!(auth.getUser && auth.getUser())) { setStatus('signedout'); return; } try { const since = new Date(); since.setHours(0, 0, 0, 0); since.setDate(since.getDate() - 6); const today = new Date(); today.setHours(0, 0, 0, 0); const todayISO = today.getFullYear() + '-' + String(today.getMonth() + 1).padStart(2, '0') + '-' + String(today.getDate()).padStart(2, '0'); const [att, prog, wk, due] = await Promise.all([ db.from('question_attempts').select('created_at,correct').gte('created_at', since.toISOString()), db.rpc('get_progress'), db.rpc('get_weak_topics', { p_subject: null, p_limit: 6 }), db.from('review_cards').select('question_id', { count: 'exact', head: true }).lte('due_at', todayISO), ]); if (!alive) return; setDueCount(due && typeof due.count === 'number' ? due.count : 0); // ---- this-week activity strip (rolling 7 days ending today) ---- const todayKey = new Date(); todayKey.setHours(0, 0, 0, 0); const buckets = []; for (let i = 6; i >= 0; i--) { const d = new Date(todayKey); d.setDate(d.getDate() - i); buckets.push({ key: d.toDateString(), name: CD_DOW[d.getDay()], num: d.getDate(), count: 0, isToday: i === 0 }); } (att.data || []).forEach(function (a) { const d = new Date(a.created_at); d.setHours(0, 0, 0, 0); const b = buckets.find(function (x) { return x.key === d.toDateString(); }); if (b) b.count++; }); setWeek(buckets); // ---- overall mastery ---- const overallRow = (prog.data || []).find(function (r) { return r.subject === 'overall'; }); setOverall(overallRow ? overallRow.mastery_pct : 0); // ---- weak-topic queue ---- setWeak(wk.data || []); setStatus('ready'); } catch (e) { console.warn('[HSC] countdown load failed', e); if (alive) setStatus('error'); } }); return function () { alive = false; }; }, []); const activeDays = week.filter(function (d) { return d.count > 0; }).length; return (
{/* header: days-to-HSC ring (works signed-out too) */}

HSC exams begin · {days} days

Counting down to the first 2026 NSW HSC written exam (13 October). Keep your streak alive and chip away at your weak topics below — every quiz you do updates your mastery.

{days} days to go
{status === 'signedout' && (

Log in to see your study streak, weak-topic queue and mastery progress toward the HSC.

Log in
)} {status === 'error' && (

Couldn't load your study data right now. Please refresh.

)} {status === 'ready' && (
THIS WEEK · {activeDays} / 7 days studied
{week.map(function (d, i) { const state = d.isToday ? 'today' : (d.count > 0 ? 'done' : 'miss'); return (
{d.count > 0 &&
}
{d.name}
{d.num}
0 ? '100%' : '0%' }}/>
{d.count > 0 ? (d.count + ' Q') : '—'}
); })}

Study now

Take this week's challenge
15 questions · updates your mastery map
 {dueCount > 0 && (
Review {dueCount} due card{dueCount === 1 ? '' : 's'}
Spaced repetition · from questions you missed
 )} {weak.slice(0, 2).map(function (w, i) { return (
{i + 1}
Sharpen: {cdPrettyTopic(w.topic)}
{CD_SUBJECT_LABELS[w.subject] || w.subject} · {w.pct}% mastery
 ); })} {weak.length === 0 && (
No weak topics tracked yet — do a quiz and your weakest areas will surface here.
)}
)}
{/* side */}
OVERALL MASTERY
{status === 'ready' ? 'Across every topic you\'ve practised' : 'Log in to track your mastery'}
{status === 'ready' && weak.length > 0 && (

Your weak-topic queue

{weak.map(function (w, i) { return (
{w.pct}
{cdPrettyTopic(w.topic)} {CD_SUBJECT_LABELS[w.subject] || w.subject}
{w.due_count ? (w.due_count + ' due') : ''}
); })}
)}
); } // Days-to-HSC ring (light theme, header) function CdRing({ days, pct }) { const r = 38; const c = 2 * Math.PI * r; return ( {days} DAYS ); } // Overall-mastery ring (dark side panel) function CdRingDark({ days, pct }) { const r = 56; const c = 2 * Math.PI * r; return ( {days} ); } window.HSCCountdown = HSCCountdown;