nhl-tui 0.1.0 → 0.2.0

package/dist/app/input.js

@@ -1,3 +1,4 @@
+import { compareScoreboardDateToToday, todayScoreboardDate } from "./dates.js";
 const gameTabs = ["summary", "pbp", "box"];
 function cycleGameTab(currentTab, direction) {
     const currentIndex = gameTabs.indexOf(currentTab);
@@ -20,6 +21,14 @@ export function handleAppInput(input, key, state, dispatch, quit) {
         return;
     }
     if (input === "r") {
+        if (state.screen.type === "scoreboard") {
+            const today = todayScoreboardDate();
+            if (state.scoreboardDate !== today &&
+                compareScoreboardDateToToday(state.scoreboardDate) < 0) {
+                dispatch({ type: "advance_to_today", today });
+                return;
+            }
+        }
         if (state.screen.type !== "standings" && state.screen.type !== "leaders") {
             dispatch({ type: "manual_refresh_requested" });
         }
@@ -92,6 +101,15 @@ export function handleAppInput(input, key, state, dispatch, quit) {
         }
         if (input === "3") {
             dispatch({ type: "set_tab", tab: "box" });
+            return;
+        }
+        if (input === "j" || key.downArrow) {
+            dispatch({ type: "pbp_page", delta: 1 });
+            return;
+        }
+        if (input === "k" || key.upArrow) {
+            dispatch({ type: "pbp_page", delta: -1 });
+            return;
         }
     }
 }

package/dist/app/polling.js

@@ -1,5 +1,5 @@
 import { useEffect, useEffectEvent } from "react";
-import { compareScoreboardDateToToday } from "./dates.js";
+import { compareScoreboardDateToToday, todayScoreboardDate } from "./dates.js";
 import { diffGame, diffGames } from "../domain/diff.js";
 import { normalizeDetail, normalizeLeaders, normalizeScoreboard, normalizeStandings, } from "../domain/normalize.js";
 function getSoonestUpcomingDelta(games, now) {
@@ -147,24 +147,33 @@ export function useAppPolling({ client, dispatch, stateRef, scoreboardDate, scre
         try {
             const receivedAt = Date.now();
             let payload;
+            let gameSource;
             if (screen.tab === "pbp") {
-                payload = await client.fetchPlayByPlay(screen.gameId);
+                const [landing, pbpData] = await Promise.all([
+                    client.fetchSummary(screen.gameId),
+                    client.fetchPlayByPlay(screen.gameId),
+                ]);
+                gameSource = landing;
+                payload = pbpData;
             }
             else if (screen.tab === "box") {
-                payload = await client.fetchBoxScore(screen.gameId);
+                const [landing, boxData] = await Promise.all([
+                    client.fetchSummary(screen.gameId),
+                    client.fetchBoxScore(screen.gameId),
+                ]);
+                gameSource = landing;
+                payload = boxData;
             }
             else {
-                const landing = await client.fetchSummary(screen.gameId);
-                let box;
-                try {
-                    box = await client.fetchBoxScore(screen.gameId);
-                }
-                catch {
-                    box = undefined;
-                }
-                payload = { landing, box };
+                const [landing, box, pbp] = await Promise.all([
+                    client.fetchSummary(screen.gameId),
+                    client.fetchBoxScore(screen.gameId).catch(() => undefined),
+                    client.fetchPlayByPlay(screen.gameId).catch(() => undefined),
+                ]);
+                gameSource = landing;
+                payload = { landing, box, pbp };
             }
-            const detail = normalizeDetail(screen.tab, payload, receivedAt);
+            const detail = normalizeDetail(screen.tab, payload, receivedAt, gameSource);
             const previousGame = stateRef.current.gameDetails[screen.gameId]?.game ??
                 stateRef.current.games.find((game) => game.id === screen.gameId);
             const events = diffGame(previousGame, detail.game, receivedAt);
@@ -204,6 +213,14 @@ export function useAppPolling({ client, dispatch, stateRef, scoreboardDate, scre
         let disposed = false;
         let timer;
         const loop = async () => {
+            const preState = stateRef.current;
+            const today = todayScoreboardDate();
+            if (preState.followingToday &&
+                preState.screen.type === "scoreboard" &&
+                preState.scoreboardDate !== today) {
+                dispatch({ type: "advance_to_today", today });
+                return;
+            }
             await fetchCurrentView();
             if (disposed) {
                 return;

package/dist/app/store.js

@@ -6,6 +6,7 @@ export const initialState = {
         type: "scoreboard",
     },
     scoreboardDate: todayScoreboardDate(),
+    followingToday: true,
     games: [],
     standingsByDate: {},
     standingsErrorByDate: {},

package/dist/domain/normalize.js

@@ -252,9 +252,10 @@ function normalizePenalty(rawPenalty, periodLabel) {
 }
 function normalizeThreeStar(rawStar, playerNumbers) {
     const savePct = toNumber(rawStar.savePctg);
-    const gaa = toNumber(rawStar.goalsAgainstAverage);
+    const goals = toNumber(rawStar.goals);
+    const assists = toNumber(rawStar.assists);
     const goalieStat = savePct ? `SV% ${savePct.toFixed(3)}` : "";
-    const skaterStat = gaa ? `GAA ${gaa.toFixed(2)}` : "";
+    const skaterStat = goals || assists ? `${goals}G ${assists}A ${goals + assists}P` : "";
     return {
         star: toNumber(rawStar.star),
         player: formatPlayerLabel(readName(rawStar.name), rawStar.sweaterNo ?? playerNumbers?.get(toNumber(rawStar.playerId))),
@@ -652,12 +653,56 @@ export function normalizeLeaders(rawSkaterPayload, rawGoaliePayload, now = Date.
         lastUpdatedAt: now,
     };
 }
-export function normalizeDetail(tab, rawPayload, now = Date.now()) {
+export function computeShotsByPeriod(rawPbpPayload, awayTeamId, homeTeamId) {
+    const payload = rawPbpPayload;
+    const plays = Array.isArray(payload.plays) ? payload.plays : [];
+    if (!awayTeamId || !homeTeamId) {
+        return [];
+    }
+    const periodMap = new Map();
+    for (const play of plays) {
+        const p = play;
+        const type = p.typeDescKey;
+        if (type !== "shot-on-goal" && type !== "goal") {
+            continue;
+        }
+        const periodDescriptor = p.periodDescriptor;
+        const periodNumber = toNumber(periodDescriptor?.number);
+        const periodType = typeof periodDescriptor?.periodType === "string"
+            ? periodDescriptor.periodType
+            : "REG";
+        if (periodType === "SO") {
+            continue;
+        }
+        const teamId = toNumber(p.details?.eventOwnerTeamId);
+        if (!teamId) {
+            continue;
+        }
+        if (!periodMap.has(periodNumber)) {
+            periodMap.set(periodNumber, {
+                away: 0,
+                home: 0,
+                periodLabel: formatPeriodLabel(periodNumber, periodType),
+            });
+        }
+        const entry = periodMap.get(periodNumber);
+        if (teamId === awayTeamId) {
+            entry.away++;
+        }
+        else if (teamId === homeTeamId) {
+            entry.home++;
+        }
+    }
+    return Array.from(periodMap.entries())
+        .sort(([a], [b]) => a - b)
+        .map(([, entry]) => entry);
+}
+export function normalizeDetail(tab, rawPayload, now = Date.now(), gameSource) {
     const payload = rawPayload;
     const summaryPayload = tab === "summary" && payload.landing ? payload.landing : payload;
     const boxPayload = tab === "summary" && payload.box ? payload.box : undefined;
     const detail = {
-        game: normalizeGame(summaryPayload),
+        game: normalizeGame(gameSource ?? summaryPayload),
         lastUpdatedAt: now,
     };
     if (tab === "summary") {
@@ -666,6 +711,10 @@ export function normalizeDetail(tab, rawPayload, now = Date.now()) {
         if (boxPayload) {
             detail.box = normalizeBoxScore(boxPayload);
         }
+        if (payload.pbp) {
+            const game = detail.game;
+            detail.summary.shotsByPeriod = computeShotsByPeriod(payload.pbp, game.away.id, game.home.id);
+        }
     }
     if (tab === "pbp") {
         detail.pbp = normalizePlayByPlay(payload);

package/dist/domain/reducer.js

@@ -1,4 +1,4 @@
-import { shiftScoreboardDate } from "../app/dates.js";
+import { shiftScoreboardDate, todayScoreboardDate } from "../app/dates.js";
 import { createGoalBanners } from "./events.js";
 function isScoreboardScreen(screen) {
     return screen.type === "scoreboard";
@@ -117,7 +117,15 @@ export function appReducer(state, action) {
             const cacheKeys = Object.keys(nextStandingsByDate);
             if (cacheKeys.length > 5) {
                 const oldest = cacheKeys.reduce((a, b) => nextStandingsByDate[a].lastUpdatedAt < nextStandingsByDate[b].lastUpdatedAt ? a : b);
-                delete nextStandingsByDate[oldest];
+                const { [oldest]: _, ...trimmed } = nextStandingsByDate;
+                return {
+                    ...state,
+                    standingsByDate: trimmed,
+                    standingsErrorByDate: {
+                        ...state.standingsErrorByDate,
+                        [action.scoreboardDate]: undefined,
+                    },
+                };
             }
             return {
                 ...state,
@@ -191,13 +199,32 @@ export function appReducer(state, action) {
                     [action.gameId]: action.error,
                 },
             };
-        case "change_scoreboard_date":
+        case "advance_to_today":
+            if (state.scoreboardDate === action.today) {
+                return state;
+            }
+            return {
+                ...state,
+                screen: { type: "scoreboard" },
+                scoreboardDate: action.today,
+                followingToday: true,
+                games: [],
+                scoreboardLoadedDate: undefined,
+                scoreboardUpdatedAt: undefined,
+                scoreboardErrorMessage: undefined,
+                selectedGameId: undefined,
+                activeBanner: undefined,
+                bannerQueue: [],
+            };
+        case "change_scoreboard_date": {
             if (!isScoreboardScreen(state.screen)) {
                 return state;
             }
+            const newDate = shiftScoreboardDate(state.scoreboardDate, action.delta);
             return {
                 ...state,
-                scoreboardDate: shiftScoreboardDate(state.scoreboardDate, action.delta),
+                scoreboardDate: newDate,
+                followingToday: newDate === todayScoreboardDate(),
                 games: [],
                 scoreboardLoadedDate: undefined,
                 scoreboardUpdatedAt: undefined,
@@ -206,6 +233,7 @@ export function appReducer(state, action) {
                 activeBanner: undefined,
                 bannerQueue: [],
             };
+        }
         case "move_selection":
             return moveSelection(state, action.delta);
         case "jump_selection":
@@ -222,6 +250,7 @@ export function appReducer(state, action) {
                     type: "game",
                     gameId: state.selectedGameId,
                     tab: "summary",
+                    pbpPage: 0,
                 },
             };
         case "open_standings":
@@ -277,8 +306,22 @@ export function appReducer(state, action) {
                 screen: {
                     ...state.screen,
                     tab: action.tab,
+                    pbpPage: 0,
+                },
+            };
+        case "pbp_page": {
+            if (state.screen.type !== "game" || state.screen.tab !== "pbp") {
+                return state;
+            }
+            const nextPage = Math.max(0, state.screen.pbpPage + action.delta);
+            return {
+                ...state,
+                screen: {
+                    ...state.screen,
+                    pbpPage: nextPage,
                 },
             };
+        }
         case "manual_refresh_requested": {
             const nextState = {
                 ...state,

package/dist/ui/App.js

@@ -73,5 +73,5 @@ export function App({ client }) {
         screenErrorMessage = detailErrorMessage;
     }
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: "cyanBright", children: "nhl-tui" }), _jsx(Banner, { banner: state.activeBanner }), _jsx(Box, { marginBottom: 1, children: screen.type === "scoreboard" ? (_jsx(ScoreboardScreen, { dateLabel: formatScoreboardDateLabel(state.scoreboardDate), games: visibleGames, selectedGameId: state.selectedGameId, loading: state.scoreboardLoadedDate !== state.scoreboardDate &&
-                        !state.scoreboardErrorMessage, errorMessage: state.scoreboardErrorMessage })) : screen.type === "standings" ? (_jsx(StandingsScreen, { dateLabel: formatScoreboardDateLabel(state.scoreboardDate), standings: standings, loading: !standings && !standingsErrorMessage, errorMessage: standingsErrorMessage })) : screen.type === "leaders" ? (_jsx(LeadersScreen, { leaders: leaders, loading: !leaders && !state.leadersErrorMessage, errorMessage: state.leadersErrorMessage })) : (_jsx(GameDetailScreen, { game: detailGame ?? selectedGame, detail: detail, tab: gameScreen?.tab ?? "summary" })) }), _jsx(StatusLine, { updatedAt: statusUpdatedAt, pollDelayMs: pollDelayMs, errorMessage: screenErrorMessage, hideAutoWhenDisabled: screen.type === "standings" || screen.type === "leaders" }), _jsx(Footer, { mode: screen.type })] }));
+                        !state.scoreboardErrorMessage, errorMessage: state.scoreboardErrorMessage })) : screen.type === "standings" ? (_jsx(StandingsScreen, { dateLabel: formatScoreboardDateLabel(state.scoreboardDate), standings: standings, loading: !standings && !standingsErrorMessage, errorMessage: standingsErrorMessage })) : screen.type === "leaders" ? (_jsx(LeadersScreen, { leaders: leaders, loading: !leaders && !state.leadersErrorMessage, errorMessage: state.leadersErrorMessage })) : (_jsx(GameDetailScreen, { game: detailGame ?? selectedGame, detail: detail, tab: gameScreen?.tab ?? "summary", pbpPage: gameScreen?.pbpPage ?? 0 })) }), _jsx(StatusLine, { updatedAt: statusUpdatedAt, pollDelayMs: pollDelayMs, errorMessage: screenErrorMessage, hideAutoWhenDisabled: screen.type === "standings" || screen.type === "leaders" }), _jsx(Footer, { mode: screen.type })] }));
 }

package/dist/ui/screens/GameDetailScreen.js

@@ -6,21 +6,26 @@ function truncate(value, width) {
     }
     return `${value.slice(0, Math.max(0, width - 1))}…`;
 }
-function renderSummary(summary) {
+function renderSummary(summary, awayAbbrev, homeAbbrev) {
     if (!summary) {
         return _jsx(Text, { dimColor: true, children: "Loading summary..." });
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Scoring" }), summary.scoring.length ? (summary.scoring.map((period) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: period.periodLabel || "Game" }), period.goals.length ? (period.goals.map((goal) => (_jsxs(Text, { children: [goal.timeInPeriod.padStart(5), "  ", goal.team.padEnd(3), "  ", truncate(goal.scorer, 18), " ", goal.strength.padEnd(3), "  ", goal.scoreAfter.padEnd(5), goal.assists.length ? `  A: ${goal.assists.join(", ")}` : ""] }, goal.eventId)))) : (_jsx(Text, { dimColor: true, children: "No goals" }))] }, `scoring-${period.periodLabel}`)))) : (_jsx(Text, { dimColor: true, children: "No scoring data yet." })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Penalties" }), summary.penalties.length ? (summary.penalties.map((period) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: period.periodLabel || "Game" }), period.penalties.length ? (period.penalties.map((penalty, index) => (_jsxs(Text, { children: [penalty.timeInPeriod.padStart(5), "  ", penalty.team.padEnd(3), "  ", truncate(penalty.player, 22), "  ", truncate(penalty.kind, 18), "  ", `${penalty.duration}m`.padStart(3)] }, `${penalty.player}-${index}`)))) : (_jsx(Text, { dimColor: true, children: "No penalties" }))] }, `penalties-${period.periodLabel}`)))) : (_jsx(Text, { dimColor: true, children: "No penalty summary available." }))] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Three Stars" }), summary.threeStars.length ? (summary.threeStars.map((star) => (_jsxs(Text, { children: [String(star.star).padStart(2), "  ", star.team.padEnd(3), "  ", truncate(star.player, 20), " ", star.position.padEnd(2), "  ", star.statLine] }, `${star.star}-${star.player}`)))) : (_jsx(Text, { dimColor: true, children: "Three stars not posted yet." }))] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [summary.shotsByPeriod && summary.shotsByPeriod.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, children: "Shots on Goal" }), _jsxs(Text, { dimColor: true, children: ["".padEnd(6), "  ", awayAbbrev.padEnd(4), " ", homeAbbrev.padEnd(4)] }), summary.shotsByPeriod.map((period) => (_jsxs(Text, { children: [period.periodLabel.padEnd(6), "  ", String(period.away).padStart(3).padEnd(4), " ", String(period.home).padStart(3).padEnd(4)] }, `shots-${period.periodLabel}`))), _jsxs(Text, { children: ["Total".padEnd(6), "  ", String(summary.shotsByPeriod.reduce((sum, p) => sum + p.away, 0)).padStart(3).padEnd(4), " ", String(summary.shotsByPeriod.reduce((sum, p) => sum + p.home, 0)).padStart(3).padEnd(4)] })] })), _jsx(Text, { bold: true, children: "Scoring" }), summary.scoring.length ? (summary.scoring.map((period) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: period.periodLabel || "Game" }), period.goals.length ? (period.goals.map((goal) => (_jsxs(Text, { children: [goal.timeInPeriod.padStart(5), "  ", goal.team.padEnd(3), "  ", truncate(goal.scorer, 18), " ", goal.strength.padEnd(3), "  ", goal.scoreAfter.padEnd(5), goal.assists.length ? `  A: ${goal.assists.join(", ")}` : ""] }, goal.eventId)))) : (_jsx(Text, { dimColor: true, children: "No goals" }))] }, `scoring-${period.periodLabel}`)))) : (_jsx(Text, { dimColor: true, children: "No scoring data yet." })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Penalties" }), summary.penalties.length ? (summary.penalties.map((period) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: period.periodLabel || "Game" }), period.penalties.length ? (period.penalties.map((penalty, index) => (_jsxs(Text, { children: [penalty.timeInPeriod.padStart(5), "  ", penalty.team.padEnd(3), "  ", truncate(penalty.player, 22), "  ", truncate(penalty.kind, 18), "  ", `${penalty.duration}m`.padStart(3)] }, `${penalty.player}-${index}`)))) : (_jsx(Text, { dimColor: true, children: "No penalties" }))] }, `penalties-${period.periodLabel}`)))) : (_jsx(Text, { dimColor: true, children: "No penalty summary available." }))] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Three Stars" }), summary.threeStars.length ? (summary.threeStars.map((star) => (_jsxs(Text, { children: [String(star.star).padStart(2), "  ", star.team.padEnd(3), "  ", truncate(star.player, 20), " ", star.position.padEnd(2), "  ", star.statLine] }, `${star.star}-${star.player}`)))) : (_jsx(Text, { dimColor: true, children: "Three stars not posted yet." }))] })] }));
 }
-function renderPlayByPlay(pbp) {
+const PBP_PAGE_SIZE = 20;
+function renderPlayByPlay(pbp, page) {
     if (!pbp) {
         return _jsx(Text, { dimColor: true, children: "Loading play-by-play..." });
     }
-    const plays = pbp.plays.slice(-20).reverse();
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Latest Plays" }), plays.length ? (plays.map((play) => (_jsxs(Text, { children: [play.periodLabel.padEnd(4), " ", play.timeInPeriod.padStart(5), "  ", (play.team ?? "---").padEnd(3), " ", truncate(play.title, 12), "  ", truncate(play.detail ?? "", 32), play.score ? `  ${play.score}` : ""] }, play.id)))) : (_jsx(Text, { dimColor: true, children: "No plays yet." }))] }));
+    const reversed = [...pbp.plays].reverse();
+    const totalPages = Math.max(1, Math.ceil(reversed.length / PBP_PAGE_SIZE));
+    const clampedPage = Math.min(page, totalPages - 1);
+    const start = clampedPage * PBP_PAGE_SIZE;
+    const plays = reversed.slice(start, start + PBP_PAGE_SIZE);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Plays", " ", _jsxs(Text, { dimColor: true, children: ["page ", clampedPage + 1, "/", totalPages, "  j/k to page"] })] }), plays.length ? (plays.map((play) => (_jsxs(Text, { children: [play.periodLabel.padEnd(4), " ", play.timeInPeriod.padStart(5), "  ", (play.team ?? "---").padEnd(3), " ", truncate(play.title, 12), "  ", truncate(play.detail ?? "", 32), play.score ? `  ${play.score}` : ""] }, play.id)))) : (_jsx(Text, { dimColor: true, children: "No plays yet." }))] }));
 }
 function renderTeamBox(team) {
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingRight: 1, children: [_jsxs(Text, { bold: true, children: [team.team.abbrev, "  ", team.team.score] }), _jsx(Text, { dimColor: true, children: "#  Player           P  G A P +/- S H TOI" }), team.skaters.slice(0, 10).map((player) => (_jsxs(Text, { children: [String(player.sweaterNumber ?? "").padStart(2), "  ", truncate(player.name, 15), " ", player.position.padEnd(2), " ", String(player.goals).padStart(1), " ", String(player.assists).padStart(1), " ", String(player.points).padStart(1), " ", String(player.plusMinus ?? 0).padStart(3), " ", String(player.shots).padStart(1), " ", String(player.hits).padStart(1), " ", player.toi] }, player.playerId))), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Goalies" }), team.goalies.length ? (team.goalies.map((goalie) => (_jsxs(Text, { children: [String(goalie.sweaterNumber ?? "").padStart(2), "  ", truncate(goalie.name, 15), "  SV", " ", String(goalie.saves).padStart(2), "/", String(goalie.shotsAgainst).padEnd(2), "  SV%", " ", goalie.savePct.toFixed(3), "  TOI ", goalie.toi] }, goalie.playerId)))) : (_jsx(Text, { dimColor: true, children: "No goalie stats." }))] })] }));
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingRight: 1, children: [_jsxs(Text, { bold: true, children: [team.team.abbrev, "  ", team.team.score] }), _jsx(Text, { dimColor: true, children: "#  Player           P  G A P +/- S H TOI" }), team.skaters.map((player) => (_jsxs(Text, { children: [String(player.sweaterNumber ?? "").padStart(2), "  ", truncate(player.name, 15), " ", player.position.padEnd(2), " ", String(player.goals).padStart(1), " ", String(player.assists).padStart(1), " ", String(player.points).padStart(1), " ", String(player.plusMinus ?? 0).padStart(3), " ", String(player.shots).padStart(1), " ", String(player.hits).padStart(1), " ", player.toi] }, player.playerId))), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Goalies" }), team.goalies.length ? (team.goalies.map((goalie) => (_jsxs(Text, { children: [String(goalie.sweaterNumber ?? "").padStart(2), "  ", truncate(goalie.name, 15), "  SV", " ", String(goalie.saves).padStart(2), "/", String(goalie.shotsAgainst).padEnd(2), "  SV%", " ", goalie.savePct.toFixed(3), "  TOI ", goalie.toi] }, goalie.playerId)))) : (_jsx(Text, { dimColor: true, children: "No goalie stats." }))] })] }));
 }
 function renderBoxScore(box) {
     if (!box) {
@@ -28,10 +33,10 @@ function renderBoxScore(box) {
     }
     return (_jsxs(Box, { flexDirection: "row", children: [renderTeamBox(box.away), renderTeamBox(box.home)] }));
 }
-export function GameDetailScreen({ game, detail, tab, }) {
+export function GameDetailScreen({ game, detail, tab, pbpPage, }) {
     const snapshot = detail?.game ?? game;
     if (!snapshot) {
         return _jsx(Text, { dimColor: true, children: "Loading game..." });
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [snapshot.away.abbrev, " ", snapshot.away.score, " @ ", snapshot.home.abbrev, " ", snapshot.home.score] }), _jsxs(Text, { dimColor: true, children: [snapshot.statusLabel, "  |  ", snapshot.contextLabel, "  |  ", snapshot.venue || "NHL arena"] }), _jsxs(Box, { marginTop: 1, marginBottom: 1, children: [_jsx(Text, { color: tab === "summary" ? "cyanBright" : undefined, children: "[1] Summary" }), _jsx(Text, { children: "  " }), _jsx(Text, { color: tab === "pbp" ? "cyanBright" : undefined, children: "[2] Play-by-play" }), _jsx(Text, { children: "  " }), _jsx(Text, { color: tab === "box" ? "cyanBright" : undefined, children: "[3] Box score" })] }), tab === "summary" && renderSummary(detail?.summary), tab === "pbp" && renderPlayByPlay(detail?.pbp), tab === "box" && renderBoxScore(detail?.box)] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [snapshot.away.abbrev, " ", snapshot.away.score, " @ ", snapshot.home.abbrev, " ", snapshot.home.score] }), _jsxs(Text, { dimColor: true, children: [snapshot.statusLabel, "  |  ", snapshot.contextLabel, "  |  ", snapshot.venue || "NHL arena"] }), _jsxs(Box, { marginTop: 1, marginBottom: 1, children: [_jsx(Text, { color: tab === "summary" ? "cyanBright" : undefined, children: "[1] Summary" }), _jsx(Text, { children: "  " }), _jsx(Text, { color: tab === "pbp" ? "cyanBright" : undefined, children: "[2] Play-by-play" }), _jsx(Text, { children: "  " }), _jsx(Text, { color: tab === "box" ? "cyanBright" : undefined, children: "[3] Box score" })] }), tab === "summary" && renderSummary(detail?.summary, snapshot.away.abbrev, snapshot.home.abbrev), tab === "pbp" && renderPlayByPlay(detail?.pbp, pbpPage), tab === "box" && renderBoxScore(detail?.box)] }));
 }

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "nhl-tui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": false,
   "type": "module",
   "bin": {
     "nhl-tui": "./dist/index.js"
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "start": "node --import tsx src/index.tsx",
     "build": "tsc -p tsconfig.json",

package/.claude/settings.local.json

@@ -1,11 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(npx tsc:*)",
-      "Bash(git add:*)",
-      "Bash(git commit:*)",
-      "Bash(git push:*)",
-      "Bash(gh pr:*)"
-    ]
-  }
-}

package/.github/workflows/release.yml

@@ -1,37 +0,0 @@
-name: Release
-
-on:
-  push:
-    tags:
-      - 'v*.*.*'
-
-permissions:
-  contents: write
-
-jobs:
-  release:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Check out repository
-        uses: actions/checkout@v4
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          cache: npm
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Typecheck
-        run: npm run check
-
-      - name: Build
-        run: npm run build
-
-      - name: Create GitHub release
-        uses: softprops/action-gh-release@v2
-        with:
-          generate_release_notes: true

package/CONTRIBUTING.md

@@ -1,38 +0,0 @@
-# Contributing
-
-Thanks for contributing to `nhl-tui`.
-
-## Before You Open A PR
-
-Run:
-
-```bash
-npm run check
-npm run build
-```
-
-## Project Structure
-
-Keep the layering intact:
-
-- `src/api`: endpoint access only
-- `src/domain`: normalization, diffing, events, reducer logic
-- `src/ui`: Ink rendering and input dispatch only
-
-## Trademark And Content Guidance
-
-Please do not add:
-
-- NHL logos
-- team logos
-- league or club branding assets
-- broadcast audio or video
-- copyrighted media or artwork sourced from NHL properties
-
-The UI should use team abbreviations and text-based presentation only.
-
-## Design Constraints
-
-- keep the UI terminal-native and keyboard-first
-- prefer dense, stable layouts over web-style components
-- avoid leaking raw upstream payloads into the UI layer

package/src/api/nhl.ts

@@ -1,53 +0,0 @@
-const BASE_URL = "https://api-web.nhle.com/v1";
-
-async function requestJson(path: string): Promise<unknown> {
-  const response = await fetch(`${BASE_URL}${path}`, {
-    headers: {
-      "user-agent": "nhl-tui/0.1.0",
-      accept: "application/json",
-    },
-  });
-
-  if (!response.ok) {
-    const text = await response.text();
-    throw new Error(
-      `NHL API request failed: ${response.status} ${response.statusText} ${text}`.trim(),
-    );
-  }
-
-  return response.json();
-}
-
-export class NhlApi {
-  async fetchScoreboard(scoreboardDate: string): Promise<unknown> {
-    return requestJson(`/score/${scoreboardDate}`);
-  }
-
-  async fetchStandings(scoreboardDate: string): Promise<unknown> {
-    return requestJson(`/standings/${scoreboardDate}`);
-  }
-
-  async fetchSkaterLeaders(limit = 10): Promise<unknown> {
-    return requestJson(
-      `/skater-stats-leaders/current?categories=points,goals,assists&limit=${limit}`,
-    );
-  }
-
-  async fetchGoalieLeaders(limit = 10): Promise<unknown> {
-    return requestJson(
-      `/goalie-stats-leaders/current?categories=goalsAgainstAverage,savePctg,shutouts&limit=${limit}`,
-    );
-  }
-
-  async fetchSummary(gameId: number): Promise<unknown> {
-    return requestJson(`/gamecenter/${gameId}/landing`);
-  }
-
-  async fetchPlayByPlay(gameId: number): Promise<unknown> {
-    return requestJson(`/gamecenter/${gameId}/play-by-play`);
-  }
-
-  async fetchBoxScore(gameId: number): Promise<unknown> {
-    return requestJson(`/gamecenter/${gameId}/boxscore`);
-  }
-}

package/src/app/dates.ts

@@ -1,54 +0,0 @@
-function pad(value: number): string {
-  return String(value).padStart(2, "0");
-}
-
-function parseScoreboardDate(scoreboardDate: string): Date {
-  const [year, month, day] = scoreboardDate.split("-").map(Number);
-  return new Date(year, (month ?? 1) - 1, day ?? 1);
-}
-
-export function todayScoreboardDate(now = new Date()): string {
-  return [now.getFullYear(), pad(now.getMonth() + 1), pad(now.getDate())].join("-");
-}
-
-export function shiftScoreboardDate(
-  scoreboardDate: string,
-  deltaDays: number,
-): string {
-  const nextDate = parseScoreboardDate(scoreboardDate);
-  nextDate.setDate(nextDate.getDate() + deltaDays);
-  return todayScoreboardDate(nextDate);
-}
-
-export function compareScoreboardDateToToday(
-  scoreboardDate: string,
-  now = new Date(),
-): number {
-  const today = todayScoreboardDate(now);
-
-  if (scoreboardDate < today) {
-    return -1;
-  }
-
-  if (scoreboardDate > today) {
-    return 1;
-  }
-
-  return 0;
-}
-
-export function formatScoreboardDateLabel(
-  scoreboardDate: string,
-  now = new Date(),
-): string {
-  const date = parseScoreboardDate(scoreboardDate);
-  const isToday = compareScoreboardDateToToday(scoreboardDate, now) === 0;
-  const parts = new Intl.DateTimeFormat(undefined, {
-    weekday: "short",
-    month: "short",
-    day: "numeric",
-    year: date.getFullYear() === now.getFullYear() ? undefined : "numeric",
-  }).format(date);
-
-  return isToday ? `Today  ${parts}` : parts;
-}