{/* header */}

Привет,

{L.name}

{L.streak}

{/* daily goal strip */}

{L.doneToday}′

Daily goal

{L.doneToday} of {L.dayGoalMin} min · {L.dayGoalMin-L.doneToday} to go

{L.level}

{/* continue card */}

Continue

{/* the path */}

Your path

{path.map(n => { const open = n.status !== 'locked'; const isActive = n.status === 'active'; return ( ); })}

{/* categories preview + view all */}

Categories

{A.tracks.slice(0, 4).map(t => ( nav.go('category', { trackId:t.id })} /> ))}

); } /* ======================================================== CATEGORY */ function Category({ nav, trackId }) { const t = A.findTrack(trackId); const done = t.lessons.filter(l=>l.status==='done').length; const openable = l => l.isAlphabet || !!l.teach; return (

{t.name}

{t.subtitle}

{t.desc}

{done}/{t.lessons.length}

{t.lessons.map((l, i) => { const status = l.status || (openable(l) ? 'open' : 'locked'); const can = openable(l); return ( ); })}

); } /* ============================================================ INTRO */ function Intro({ nav, lessonId }) { const found = A.findLesson(lessonId); if (!found) return null; const { track, lesson } = found; if (lesson.isReview) { nav.go('review', {}); return null; } if (lesson.isAlphabet) { nav.go('alphabet', {}); return null; } const items = lessonItems(lesson); const preview = items.slice(0, 3); return (

{track.name}

{lesson.title}

{lesson.cefr && lesson.cefr!=='—' && {lesson.cefr}} {lesson.minutes} min · {items.length} {items[0] && items[0].type==='letter'?'letters':'items'}

{lesson.blurb &&

{lesson.blurb}

}

You’ll learn

{preview.map((it, i) => )}

{items.length > preview.length &&

+{items.length-preview.length} more inside

}

nav.go('runner', { lessonId })}>Start lesson

); } /* =========================================================== RUNNER */ function Runner({ nav, lessonId }) { const found = A.findLesson(lessonId); const { track, lesson } = found; const queue = useMemo(() => buildQueue(lesson), [lessonId]); const [idx, setIdx] = useState(0); const [correct, setCorrect] = useState(0); const [graded, setGraded] = useState(0); const ex = queue[idx]; const advance = (wasCorrect) => { let nc = correct, ng = graded; if (ex.kind !== 'learn') { ng = graded + 1; setGraded(ng); if (wasCorrect) { nc = correct + 1; setCorrect(nc); } } if (idx + 1 >= queue.length) { const acc = ng>0 ? Math.round(nc/ng*100) : 100; nav.go('complete', { lessonId, accuracy:acc, learned:lessonItems(lesson).length }); } else setIdx(idx + 1); }; const body = (() => { switch (ex.kind) { case 'learn': return advance(true)} />; case 'choice': return ; case 'listen': return ; case 'match': return ; case 'speak': return ; default: return null; } })(); return (

{idx+1}/{queue.length}

{React.cloneElement(body, { key:idx })}

); } /* ========================================================= COMPLETE */ function Complete({ nav, lessonId, accuracy, learned }) { const found = A.findLesson(lessonId); const { track, lesson } = found; const awarded = (lesson && lesson.minutes) || 5; // real minutes for this lesson (doc 04 §5.2) const [hint, setHint] = useState(false); // 2026-06-05 7:25PM — persist completion when signed in (doc 04 §5.2). PENDING USER TESTING useEffect(() => { let live = true; (async () => { try { if (!window.sb) return; const { data } = await window.sb.auth.getUser(); const id = data && data.user ? data.user.id : null; if (!id) { if (live) { setHint(true); try { localStorage.setItem('ru_lesson_' + lessonId, JSON.stringify({ accuracy, at: Date.now() })); } catch (e) {} } return; } // 1) lesson progress row const up = await window.sb.from('user_progress').upsert( { user_id: id, item_type: 'lesson', item_key: lessonId, status: 'done', accuracy: (typeof accuracy === 'number' ? accuracy : null), completed_at: new Date().toISOString() }, { onConflict: 'user_id,item_type,item_key' } ); if (up.error) console.error('[auth:complete] lesson upsert', up.error.message); // 2) today's streak row — accumulate minutes, recompute goal_met const d = new Date(); const today = `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`; const [{ data: existing }, { data: settings }] = await Promise.all([ window.sb.from('user_streaks').select('minutes').eq('user_id', id).eq('activity_date', today).maybeSingle(), window.sb.from('user_settings').select('daily_goal_minutes').eq('user_id', id).maybeSingle(), ]); const goal = (settings && settings.daily_goal_minutes) || 10; const newMins = ((existing && existing.minutes) || 0) + awarded; const st = await window.sb.from('user_streaks').upsert( { user_id: id, activity_date: today, minutes: newMins, goal_met: newMins >= goal }, { onConflict: 'user_id,activity_date' } ); if (st.error) console.error('[auth:complete] streak upsert', st.error.message); // reflect new minutes in the dashboard ring/streak on return if (nav.rehydrate) await nav.rehydrate(); } catch (e) { console.error('[auth:complete] persist error', e); } })(); return () => { live = false; }; }, []); return (

Lesson complete

Молодец!

“Well done” — you finished {lesson.title}.

{[ { v:`${learned}`, l:'Items learned', c:track.color }, { v:`${accuracy}%`, l:'Accuracy', c:'oklch(0.60 0.13 150)' }, { v:`+${awarded}`, l:'Day streak min', c:'var(--primary)' }, ].map((s,i) => (

{s.v}

{s.l}

))}

These words are now in review

We’ll resurface them right before you forget.

{hint && (

)} nav.go('review', {})}>Review these words Back to home

); } /* ======================================================= REVIEW WRAP */ function Review({ nav }) { const [done, setDone] = useState(null); if (done) { return (

Review done

{done.easy} easy · {done.good} good · {done.again} to repeat

Done

); } return ; } Object.assign(window, { Home, Category, Intro, Runner, Complete, Review }); })();