);
}
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
useApplyTweaks(t);
const { rounds } = window.GAME_CONFIG;
// Shuffle the full 22-letter bank once per session — pickRoundItems
// slices in 3-item chunks with wrap so every letter gets covered.
// useMemo so re-renders don't re-shuffle (which would shift which
// letters belong to which round mid-game).
const bank = React.useMemo(() => shuffle(rounds), [rounds]);
// Resume from saved progress. Memory's saved state is just roundIdx;
// every match is "clean" so firstTries stays [] and there's no break.
const saved = (typeof window !== "undefined" && window.PROGRESS) ? window.PROGRESS.load(PROGRESS_KEY) : null;
const initialRound = saved && saved.roundIdx < ROUNDS_TOTAL ? saved.roundIdx : 0;
const [roundIdx, setRoundIdx] = React.useState(initialRound);
const [cards, setCards] = React.useState(() => buildCards(pickRoundItems(bank, initialRound)));
const [flipped, setFlipped] = React.useState([]);
const [matchedSlotIds, setMatched] = React.useState([]);
const [lockOut, setLockOut] = React.useState(false);
const [done, setDone] = React.useState(false);
const [playedRounds, setPlayedRounds] = React.useState([]);
const cardRefs = React.useRef([]);
// Phase 2: always letter-led with a corner photo cue (no round ramp).
const faceMode = LEVEL_FACE;
const advance = React.useCallback(() => {
const justPlayed = pickRoundItems(bank, roundIdx);
setPlayedRounds((prev) => [...prev, ...justPlayed]);
if (roundIdx + 1 >= ROUNDS_TOTAL) {
setDone(true);
return;
}
const next = roundIdx + 1;
setRoundIdx(next);
setCards(buildCards(pickRoundItems(bank, next)));
setFlipped([]);
setMatched([]);
setLockOut(false);
}, [roundIdx, bank]);
const restart = () => {
setDone(false);
setRoundIdx(0);
setCards(buildCards(pickRoundItems(bank, 0)));
setFlipped([]);
setMatched([]);
setLockOut(false);
setPlayedRounds([]);
};
React.useEffect(() => { if (done && window.SOUNDS) window.SOUNDS.play("end"); }, [done]);
React.useEffect(() => {
if (!window.PROGRESS) return;
if (done) { window.PROGRESS.clear(PROGRESS_KEY); return; }
window.PROGRESS.save(PROGRESS_KEY, { roundIdx, firstTries: [], lastBreak: 0 });
}, [roundIdx, done]);
const onPick = (cardId) => {
if (lockOut) return;
if (flipped.includes(cardId)) return;
if (window.SOUNDS) window.SOUNDS.play("tap");
const nextFlipped = [...flipped, cardId];
setFlipped(nextFlipped);
if (nextFlipped.length < 2) return;
setLockOut(true);
const [aId, bId] = nextFlipped;
const a = cards.find((c) => c.id === aId);
const b = cards.find((c) => c.id === bId);
if (a && b && a.slotId === b.slotId) {
if (window.SOUNDS) window.SOUNDS.play("correct");
if (window.MASTERY) window.MASTERY.recordRound(a.letter, true);
const nextMatched = [...matchedSlotIds, a.slotId];
setMatched(nextMatched);
window.setTimeout(() => {
setFlipped([]);
setLockOut(false);
if (nextMatched.length >= PAIRS_PER_ROUND) {
window.setTimeout(advance, 400);
}
}, MATCH_HOLD_MS);
} else {
if (window.SOUNDS) window.SOUNDS.play("wrong");
window.setTimeout(() => {
setFlipped([]);
setLockOut(false);
}, FLIP_BACK_MS);
}
};
return (
{/* progress: 1 dot = 1 round of 4 pairs (6 rounds spanning all 22 letters) */}
{done && (
true)}
/>
)}
);
}
// R15 — levels-under-one-tile: the landing shows a single "זיכרון" tile
// linking to ?pick=1, which shows this picker; choosing a level navigates to
// ?level=1|2 and the game plays. Mirrors game 1's ThemePicker (#102) so the
// two memory levels are reached the SAME way game 1's collections are — a
// sub-step inside the game, not sibling landing tiles. Bare /games/memory/
// and existing ?level= deep-links are unchanged (every gameplay spec passes).
// Reuses the shared .theme-picker / .theme-pick surface (generic picker
// chrome defined in 03-initial.css).
function LevelPicker() {
const levels = [
{ id: "1", label: "תמונות", img: "assets/tiles/memory-1.svg" },
{ id: "2", label: "אותיות", img: "assets/tiles/memory-2.svg" },
];
return (
בחרו רמה
{/* href is base-relative to the GAME dir (like game 1's picker), NOT a
bare "?level=" — a query-only href resolves against
and would land on the landing. */}
{lv.label}
))}