/* Schedule grid — this week's games grouped by broadcast slot. */ function PrintView({ recs, fav, onClose, mode }) { const byId = {}; recs.forEach(r => { byId[r.gameId] = r; }); const favTeam = window.TEAMS[fav]; const ownGameBlurb = window.favTeamGame ? window.favTeamGame(fav, mode)?.blurb : null; const slotOrder = ["TNF", "Fri", "Sat", "Early", "Late", "SNF", "MNF", "Reg", "TBD"]; const slotLabels = { TNF: "Thursday Night", Fri: "Friday", Sat: "Saturday", Early: "Sunday Early", Late: "Sunday Late", SNF: "Sunday Night", MNF: "Monday Night", Reg: "Other", TBD: "TBD", }; const grouped = {}; for (const g of window.SCHEDULE) { const key = g.slot || "Reg"; (grouped[key] = grouped[key] || []).push(g); } // Known NFL slots first (in order), then any extra slots (e.g. MLB Day/Night). const slots = [ ...slotOrder.filter(s => (grouped[s] || []).length), ...Object.keys(grouped).filter(s => !slotOrder.includes(s)), ]; // Portal to so the print overlay is a *direct* child of body. The // @media print rule hides `body > *:not(.pv-overlay)`; rendered inline it // sits inside #root, so that rule would hide #root (and the overlay within // it), printing a blank page. As a body child it survives the print cull. return ReactDOM.createPortal(
e.stopPropagation()}> {/* Toolbar — hidden when printing */}
{window.WEEK_META.label} · {window.SEASON_LABEL} · {favTeam.name} perspective
{/* Print-only heading */}
{window.WEEK_META.label} · {window.SEASON_LABEL}
Who to Root For — {favTeam.name} perspective
{slots.flatMap(slot => { const games = grouped[slot] || []; return [ , ...games.map(g => { const rec = byId[g.id]; const isOwn = g.home === fav || g.away === fav; const hasImpact = rec && rec.score > 0.001; const rootFor = rec?.rootFor; const oppAbbr = isOwn ? (g.home === fav ? g.away : g.home) : null; return ( ); }), ]; })}
Kickoff Matchup Root for Impact Reason
{slotLabels[slot] || slot}
{g.kickoff} {g.away} @ {g.home} {isOwn ? {mode === "tank" ? oppAbbr : fav} : hasImpact ? {rootFor} : —} {isOwn ? "" : hasImpact ? rec.score.toFixed(2) : "—"} {isOwn ? (ownGameBlurb || `${favTeam.abbr} ${g.home === fav ? "vs" : "@"} ${window.TEAMS[oppAbbr]?.abbr}`) : hasImpact && rec.reasoning ? rec.reasoning.charAt(0).toUpperCase() + rec.reasoning.slice(1) : ""}
, document.body ); } function ScheduleCard({ game, rec, fav, onOpen, delay, mode }) { const home = window.TEAMS[game.home]; const away = window.TEAMS[game.away]; const isOwn = game.home === fav || game.away === fav; const rootFor = rec ? rec.rootFor : null; const completed = !!game.completed; const winner = game.winner; // 'home' | 'away' | 'tie' | null const tankMode = mode === "tank"; // For "own team color visible" treatment: in tank mode, color comes from the opponent // (the team you're rooting FOR in tank). Otherwise it's your own team's color. const ownColor = isOwn ? (tankMode ? window.TEAMS[game.home === fav ? game.away : game.home].color : window.TEAMS[fav].color) : null; // Compute own-game impact score (1.0 by default, 0 if eliminated/clinched-out) const ownImpact = isOwn && !completed && typeof window.ownGameImpact === "function" ? window.ownGameImpact(fav, mode) : 0; // Synthetic rec for own-team game when no rec exists, so clicking opens details const ownSyntheticRec = isOwn && !rec && !completed ? { gameId: `${game.away}-${game.home}-own`, kickoff: game.kickoff, network: game.network, rootFor: tankMode ? (game.home === fav ? game.away : game.home) : fav, against: tankMode ? fav : (game.home === fav ? game.away : game.home), reasoning: `${window.TEAMS[fav].name} ${game.home === fav ? "host" : "visit"} ${window.TEAMS[game.home === fav ? game.away : game.home].name}.`, reasonsAll: [`${window.TEAMS[fav].name} ${game.home === fav ? "host" : "visit"} ${window.TEAMS[game.home === fav ? game.away : game.home].name}.`], score: ownImpact, category: "", strength: ownImpact >= 0.9 ? "high" : ownImpact > 0 ? "medium" : "low", home: game.home, away: game.away, } : null; const effectiveRec = rec || ownSyntheticRec; const renderTeam = (abbr, side) => { const t = window.TEAMS[abbr]; const isRoot = rootFor === abbr; const isFav = abbr === fav; const score = side === "home" ? game.homeScore : game.awayScore; const isWinner = completed && winner === side; const isLoser = completed && winner && winner !== side && winner !== "tie"; // Circle is colored for: root picks, completed winners, fav team (non-tank), tank opponent const isTankOpp = isOwn && tankMode && !isFav; const dotColored = isRoot || isWinner || (isFav && !tankMode) || isTankOpp; return (
{abbr} {t.name}
{isRoot && !completed && Root} {isFav && You} {completed && score != null ? {score} : {t.record[0]}-{t.record[1]}{t.record[2] > 0 ? `-${t.record[2]}` : ""} }
); }; return ( ); } function Schedule({ recs, fav, onOpenDetail, mode, setMode }) { const byId = {}; recs.forEach((r) => {byId[r.gameId] = r;}); const [printOpen, setPrintOpen] = React.useState(false); // Group by slot — render any slot that has games (handles Fri/Sat specials) const slotOrder = ["TNF", "Fri", "Sat", "Early", "Late", "SNF", "MNF", "Reg", "TBD"]; const slotLabels = { TNF: "Thursday Night", Fri: "Friday", Sat: "Saturday", Early: "Sunday · Early window", Late: "Sunday · Late window", SNF: "Sunday Night", MNF: "Monday Night", Reg: "Other", TBD: "TBD" }; const grouped = {}; for (const g of window.SCHEDULE) { const key = g.slot || "Reg"; (grouped[key] = grouped[key] || []).push(g); } const slots = [ ...slotOrder.filter((s) => (grouped[s] || []).length), ...Object.keys(grouped).filter((s) => !slotOrder.includes(s)), ]; return ( <>
{window.WEEK_META.label} · {window.SEASON_LABEL}

{window.SPORT === "mlb" ? "Today's" : "This week's"} schedule

Every game {window.SPORT === "mlb" ? "today" : "this week"}. Highlights show who to root for from a {window.TEAMS[fav].name} perspective.
{setMode && window.ModeSelector && } {slots.map((slot, sIdx) => { const games = grouped[slot] || []; if (!games.length) return null; return (

{slotLabels[slot] || slot} {games.length} game{games.length === 1 ? "" : "s"}

{games.map((g, i) => )}
); })} {printOpen && setPrintOpen(false)} />} ); } window.Schedule = Schedule;