Zauberwald/src/app.ts

import type { ScreenName, KeyboardLayout } from "./types";
import { openDB, getProgress, saveProgress } from "./storage/db";
import { initWelcomeScreen, initLessonScreen } from "./ui/screens";

let db: IDBDatabase;
let lessonCleanup: (() => void) | null = null;

export function showScreen(name: ScreenName): void {
	document.querySelectorAll(".screen").forEach((el) => {
		el.classList.remove("screen--active");
	});
	const target = document.getElementById(`screen-${name}`);
	if (target) {
		target.classList.add("screen--active");
	}
}

export function getDB(): IDBDatabase {
	return db;
}

export async function startLesson(
	level: number,
	layout: KeyboardLayout,
): Promise<void> {
	// Clean up previous lesson if any
	if (lessonCleanup) {
		lessonCleanup();
		lessonCleanup = null;
	}

	showScreen("lesson");

	lessonCleanup = initLessonScreen(db, level, layout, async (completedLevel: number) => {
		// Update progress after lesson completion
		const progress = await getProgress(db);
		if (!progress) return;

		// Add level to completedLevels if not already there
		if (!progress.completedLevels.includes(completedLevel)) {
			progress.completedLevels.push(completedLevel);
		}

		// Advance to next level if this was the current level (LEVL-02, LEVL-03)
		if (completedLevel === progress.currentLevel) {
			progress.currentLevel = completedLevel + 1;
		}

		// Increment session count
		progress.totalSessions++;

		// Add today's date if not already recorded
		const today = new Date().toISOString().split("T")[0]!;
		if (!progress.sessionDates.includes(today)) {
			progress.sessionDates.push(today);
		}

		await saveProgress(db, progress);

		// Navigate to forest (per D-07: skip reward in Phase 1)
		showScreen("forest");
	});
}

export async function initApp(): Promise<void> {
	db = await openDB();
	const progress = await getProgress(db);
	if (progress && progress.selectedCharacter) {
		// Returning user -- go to forest
		showScreen("forest");
	} else {
		// First time -- show welcome
		initWelcomeScreen(db, showScreen);
		showScreen("welcome");
	}
}