Files
wm-projekt/app/[locale]/components/Simulation.tsx
2026-07-01 11:21:29 -05:00

119 lines
4.6 KiB
TypeScript

"use client";
import { useMemo } from "react";
import { Match, Team } from "@/lib/types";
import { Dictionary } from "@/lib/i18n";
import { computeGroupTables, computeThirdPlaceTable } from "@/lib/standings";
import { qualifiedThirdGroups, resolveAnnexC, LATER_ROUNDS } from "@/lib/bracket";
import { resolveBracket, ResolvedTie } from "@/lib/resolve-bracket";
import { buildSimMatches } from "@/lib/simulation";
import Bracket from "./Bracket";
export default function Simulation({ teams, matches, dict, locale }: { teams: Team[]; matches: Match[]; dict: Dictionary; locale: string }) {
// ---- Simulations-Pipeline (Polymarket-Defaults, keine manuellen Overrides) ----
const simMatches = useMemo(() => buildSimMatches(matches, {}), [matches]);
const simTables = useMemo(() => computeGroupTables(teams, simMatches), [teams, simMatches]);
const simThirds = useMemo(() => computeThirdPlaceTable(simTables), [simTables]);
const simQGroups = useMemo(() => qualifiedThirdGroups(simThirds), [simThirds]);
const simAnnex = useMemo(
() => (simQGroups.length === 8 ? resolveAnnexC(simQGroups) : null),
[simQGroups],
);
const simAnnexResolved = simAnnex != null;
const simBracket = useMemo(
() => resolveBracket(simMatches, teams, simTables, simThirds, simAnnex, simAnnexResolved, true, dict),
[simMatches, teams, simTables, simThirds, simAnnex, simAnnexResolved, dict],
);
// Echte Tabellen/Bracket für fix/provisional-Flags (nur tatsächlich FINISHED).
const realTables = useMemo(() => computeGroupTables(teams, matches), [teams, matches]);
const realThirds = useMemo(() => computeThirdPlaceTable(realTables), [realTables]);
const realQGroups = useMemo(() => qualifiedThirdGroups(realThirds), [realThirds]);
const realAnnex = useMemo(
() => (realQGroups.length === 8 ? resolveAnnexC(realQGroups) : null),
[realQGroups],
);
const realBracket = useMemo(
() => resolveBracket(matches, teams, realTables, realThirds, realAnnex, realAnnex != null, undefined, dict),
[matches, teams, realTables, realThirds, realAnnex, dict],
);
// R32: provisional-Flags aus dem echten Bracket übernehmen.
const realProvisional = useMemo(() => {
const m = new Map<number, { home: boolean; away: boolean }>();
for (const tie of realBracket.r32) {
m.set(tie.matchNumber, { home: tie.home.provisional, away: tie.away.provisional });
}
return m;
}, [realBracket]);
// Folgerunden: decided-Flags aus echten Matches (status === FINISHED).
const realDecided = useMemo(() => {
const m = new Map<number, boolean>();
for (const mt of matches) {
if (mt.group == null && mt.matchNumber >= 73) {
m.set(mt.matchNumber, mt.status === "FINISHED");
}
}
return m;
}, [matches]);
// Sim-Bracket mit echten provisional-Flags mergen (inkl. Tooltip-Korrektur).
const preResolved = useMemo(() => {
const fixTooltip = (t: string | null, prov: boolean): string | null => {
if (!t) return t;
if (prov) return t.startsWith("aktuell ") ? t : `aktuell ${t}`;
return t.startsWith("aktuell ") ? t.slice(8) : t;
};
const r32Fixed: ResolvedTie[] = simBracket.r32.map((tie) => {
const rp = realProvisional.get(tie.matchNumber);
if (!rp) return tie;
return {
...tie,
home: { ...tie.home, provisional: rp.home, tooltip: fixTooltip(tie.home.tooltip, rp.home) },
away: { ...tie.away, provisional: rp.away, tooltip: fixTooltip(tie.away.tooltip, rp.away) },
};
});
const laterFixed: Record<number, ResolvedTie> = {};
for (const km of LATER_ROUNDS) {
const tie = simBracket.later[km.matchNumber];
if (!tie) continue;
const homeProv = !(realDecided.get(km.fromHome) ?? false);
const awayProv = !(realDecided.get(km.fromAway) ?? false);
laterFixed[km.matchNumber] = {
...tie,
home: { ...tie.home, provisional: homeProv },
away: { ...tie.away, provisional: awayProv },
};
}
return { r32: r32Fixed, later: laterFixed };
}, [simBracket, realProvisional, realDecided]);
return (
<div>
<div className="notice" style={{ marginBottom: 20 }}>
{dict.sim.notice}
</div>
<h3 style={{ fontFamily: "var(--font-display)", fontSize: 15, textTransform: "uppercase", letterSpacing: "0.06em", color: "var(--ink-dim)", margin: "0 0 12px" }}>
{dict.sim.heading}
</h3>
<Bracket
matches={simMatches}
teams={teams}
tables={simTables}
thirds={simThirds}
assignment={simAnnex}
annexResolved={simAnnexResolved}
preResolved={preResolved}
dict={dict}
locale={locale}
/>
</div>
);
}