/* Cartes — Leitner complet. Modes, filtres, formats, mini-dico, segments,
audio phrase/bloc, signalement, historique, learning map. 3 styles de carte. */
const RATINGS = [
{ id: "rate", label: "Raté", box: 1, color: "var(--warn)", tint: "var(--warn-tint)", key: "1" },
{ id: "hard", label: "Difficile", box: 0, color: "var(--ochre)", tint: "var(--warn-tint)", key: "2" },
{ id: "good", label: "Bon", box: 1, color: "var(--good)", tint: "var(--good-tint)", key: "3" },
{ id: "easy", label: "Facile", box: 2, color: "var(--accent)", tint: "var(--accent-tint)", key: "4" },
];
const NEXT_REVIEW = { rate: "10 min", hard: "1 jour", good: "3 jours", easy: "8 jours" };
function reviewLabelFor(ratingId) {
// Repli statique seulement si FSRS.preview est indisponible (sinon l'UI montre le vrai intervalle).
return NEXT_REVIEW[ratingId];
}
/* Intervalle FSRS (jours) -> libellé court honnête. */
function formatInterval(days) {
const d = Math.round(Number(days));
if (!Number.isFinite(d) || d <= 0) return "aujourd'hui";
if (d === 1) return "1 jour";
if (d < 7) return `${d} jours`;
if (d < 30) { const w = Math.round(d / 7); return `${w} sem`; }
if (d < 365) { const m = Math.round(d / 30); return `${m} mois`; }
const y = Math.round(d / 365 * 10) / 10;
return `${y} an${y > 1 ? "s" : ""}`;
}
const GRADE_BY_RATING = { rate: 1, hard: 2, good: 3, easy: 4 }; // AGAIN/HARD/GOOD/EASY
/* Vrais intervalles des 4 notes pour la carte courante, via FSRS.preview.
Renvoie null si FSRS indispo : on retombe alors sur les libellés statiques. */
function reviewPreviewIntervals(prevState, settings, now) {
if (!window.FSRS || !window.FSRS.preview) return null;
// FSRS pur : les 4 intervalles découlent de la stabilité et de la rétention cible.
return window.FSRS.preview(prevState || {}, now || Date.now(), settings.retention || window.FSRS.DEFAULT_RETENTION);
}
/* Phrase coréenne lisible mot par mot, directement sur la carte.
Chaque mot est encadré (Speakable) : survol = sens (glose), clic = audio du mot.
Un bouton discret lit la phrase entière (fichier réel si connu). */
function audioKey(value) {
return String(value || "").normalize("NFC").trim().replace(/^[\s"'`]+|[\s"'`.,!?;:]+$/g, "");
}
function audioBlockForText(blocks, text) {
const wanted = audioKey(text);
if (!wanted) return null;
return ((blocks || []).find(block => block && block.url && audioKey(block.text) === wanted)) || null;
}
function audioRefForBlock(block, fallbackText) {
return (block && (block.id || block.audioRef || block.ref || block.text)) || audioKey(fallbackText) || fallbackText;
}
function surfaceWordsForText(text) {
return String(text || "").trim().split(/\s+/).map(audioKey).filter(Boolean);
}
function ttsSegmentsForCard(card) {
const words = surfaceWordsForText(card && card.kr);
return words.length ? words : ((card && card.seg) || []).map(audioKey).filter(Boolean);
}
function krFontSize(size) {
if (typeof size !== "number") return size;
if (size >= 54) return `clamp(34px, 11vw, ${size}px)`;
if (size >= 42) return `clamp(28px, 9vw, ${size}px)`;
if (size >= 28) return `clamp(20px, 7vw, ${size}px)`;
return size;
}
function serifFontSize(max, min, vw) {
return `clamp(${min}px, ${vw}vw, ${max}px)`;
}
function PhraseWords({ text, glossFor, audioUrl, audioRef, audioBlocks, size = 48, color = "var(--accent-deep)", justify = "center", glossRevealed = true }) {
const words = String(text || "").trim().split(/\s+/).filter(Boolean);
if (!words.length) return null;
const pad = Math.max(4, Math.round(size * 0.16));
return (
{words.map((w, i) => {
const block = audioBlockForText(audioBlocks, w);
const wordAudioUrl = (block && block.url) || (words.length === 1 ? audioUrl : "");
const wordAudioRef = block ? audioRefForBlock(block, w) : (words.length === 1 ? (audioRef || w) : w);
return (
{w}
);
})}
{audioUrl && words.length > 1 && (
)}
);
}
function KoreanCueWithImage({ card, glossFor, image, size = 42, color = "var(--accent-deep)", imageStyle }) {
return (
);
}
function uniqueExamples(card) {
const seen = Object.create(null);
return ([]).concat((card && card.examples) || [], card && card.back).filter(Boolean).flatMap(v => String(v).split("/"))
.map(v => v.trim()).filter(Boolean).filter(v => {
if (seen[v]) return false;
seen[v] = true;
return true;
});
}
function ProductionBackDetails({ card, glossFor, modelSize = 42, compact = false, image = null }) {
const examples = uniqueExamples(card).filter(v => v !== card.kr);
const objective = card.meaning_fr || card.fr || card.front || "";
return (
{objective && (
)}
{examples.length > 0 && (
Variantes
{examples.slice(0, 5).map((ex, idx) => (
{ex}
))}
)}
{(card.pattern || card.note) && (
{card.pattern && {card.pattern}}
{card.pattern && card.note ? " - " : ""}{card.note || ""}
)}
{[1, 2, 3, 4, 5].map(b => {
const on = b <= box, cur = b === box;
return (
);
})}
{production ? "Production" : "Recto"}
{production
?
{card.fr}
:
}
{!qcm &&
{production ? "Produisez en coréen de mémoire, puis vérifiez." : "Cliquez le mot pour l'écouter · rappel actif, puis vérifiez."}
}
{revealed && (
Verso
{production
?
: <>
{card.fr}
{card.ro} - {card.pos}
}
)}
);
}
function CardMinimal({ card, revealed, format, onReveal, onReset, glossFor, image }) {
const production = format === "Production";
return (
{production
?
{card.fr}
:
}
{revealed ?
{production ?
: <>
{card.fr}
{card.ro} - {card.pos}
}
:
{production ? "Produisez le coreen, puis cliquez." : "Rappelez le sens, puis cliquez."}
}
);
}
function CardBoxes({ card, revealed, format, onReveal, onReset, glossFor, image }) {
const production = format === "Production";
return (
{production
?
{card.fr}
:
}
{revealed ?
{production ?
: <>
{card.fr}
{card.ro}
}
:
Cliquez pour verifier
}
);
}
function CardDictation({ card, answer, checked, onAnswer, onCheck, glossFor, image }) {
const done = checked != null;
const correct = done && checked.correct;
return (
Dictée
{card.ro && {card.ro}}