playball 3.3.0 → 3.4.0

package/README.md

@@ -69,6 +69,32 @@ key | action
 ----|--------
 <kbd>&darr;</kbd>/<kbd>j</kbd>, <kbd>&uarr;</kbd>/<kbd>k</kbd> | scroll list of all plays
 
+### World Baseball Classic
+
+Watch World Baseball Classic games by setting the sport configuration:
+
+```shell
+playball config sport wbc
+```
+
+Or use an environment variable for one-time viewing:
+
+```shell
+PLAYBALL_SPORT=wbc playball
+```
+
+To switch back to MLB:
+
+```shell
+playball config sport mlb
+```
+
+When running via Docker:
+
+```shell
+docker run -it --rm -e PLAYBALL_SPORT=wbc paaatrick0/playball
+```
+
 ### Configuration
 
 Playball can be configured using the `config` subcommand. To list the current configuration values run the subcommand with no additional arguments:
@@ -132,6 +158,7 @@ key | description | default | allowed values
 `favorites` | Teams to highlight in schedule and standings views | | Any one of the following: `ATL`, `AZ`, `BAL`, `BOS`, `CHC`, `CIN`, `CLE`, `COL`, `CWS`, `DET`, `HOU`, `KC`, `LAA`, `LAD`, `MIA`, `MIL`, `MIN`, `NYM`, `NYY`, `OAK`, `PHI`, `PIT`, `SD`, `SEA`, `SF`, `STL`, `TB`, `TEX`, `TOR`, `WSH`. Or a comma-separated list of multiple (e.g. `SEA,MIL`).<br/><br />Note: in some terminals the list must be quoted: `playball config favorites "SEA,MIL"`
 `title` | If enabled, the terminal title will be set to the score of the current game | `false` | `false`, `true`
 `live-delay` | Number of seconds to delay the live game stream. Useful when watching with delayed broadcast streams. | `0` (no delay) | Any positive number
+`sport` | Which sport/league to display | `mlb` | `mlb`, `wbc`
 
 ### Development
 ```

package/dist/cli.js

@@ -10,7 +10,7 @@ const notifier = updateNotifier({
   updateCheckInterval: 1000 * 60 * 60 * 24 * 7 // 1 week
 });
 
-program.name(pkg.name).description(pkg.description).version(pkg.version).option('--replay <gameId>', 'Replay a game by game ID').action(main).hook('postAction', () => notifier.notify({
+program.name(pkg.name).description(pkg.description).version(pkg.version).option('--replay <gameId>', 'Replay a game by game ID').option('--date <date>', 'Open schedule to specific date (YYYY-MM-DD)').action(main).hook('postAction', () => notifier.notify({
   isGlobal: true
 }));
 program.command('config').description('Set or get configration values').argument('[key]').argument('[value]').option('--unset', 'Unset configuration value').action((key, value, options) => {

package/dist/components/App.js

@@ -1,17 +1,20 @@
 import React, { useEffect, useState } from 'react';
 import { useDispatch } from "react-redux/lib/alternate-renderers.js";
 import PropTypes from 'prop-types';
+import { parseISO } from 'date-fns';
 import GameList from "./GameList.js";
 import HelpBar from "./HelpBar.js";
-import { setReplayGame, setLiveGame } from "../features/games.js";
+import { setLiveGame, setReplayGame } from "../features/games.js";
 import Game from "./Game.js";
 import useKey from "../hooks/useKey.js";
 import Standings from "./Standings.js";
+import { setDate } from "../features/schedule.js";
 const SCHEDULE = 'schedule';
 const STANDINGS = 'standings';
 const GAME = 'game';
 function App({
-  replayId
+  replayId,
+  defaultDate
 }) {
   const [view, setView] = useState(SCHEDULE);
   const dispatch = useDispatch();
@@ -35,6 +38,11 @@ function App({
       dispatch(setReplayGame(replayId)).unwrap().then(() => setView(GAME)).catch(() => setView(SCHEDULE));
     }
   }, [replayId]);
+  useEffect(() => {
+    if (defaultDate) {
+      dispatch(setDate(parseISO(defaultDate)));
+    }
+  }, [defaultDate]);
   return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement("element", {
     top: 0,
     left: 0,
@@ -48,6 +56,7 @@ function App({
   }, /*#__PURE__*/React.createElement(HelpBar, null)));
 }
 App.propTypes = {
-  replayId: PropTypes.string
+  replayId: PropTypes.string,
+  defaultDate: PropTypes.string
 };
 export default App;

package/dist/components/GameList.js

@@ -1,9 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import { useDispatch, useSelector } from "react-redux/lib/alternate-renderers.js";
 import PropTypes from 'prop-types';
-import { add, format } from 'date-fns';
-import { fetchSchedule, selectData, selectLoading } from "../features/schedule.js";
+import { format } from 'date-fns';
+import { fetchSchedule, nextDay, prevDay, selectData, selectLoading, selectScheduleDate, setDate } from "../features/schedule.js";
 import { teamFavoriteStar } from "../utils.js";
 import Grid from "./Grid.js";
 import useKey from "../hooks/useKey.js";
@@ -98,8 +98,8 @@ function GameList({
   const dispatch = useDispatch();
   const schedule = useSelector(selectData);
   const loading = useSelector(selectLoading);
+  const date = useSelector(selectScheduleDate);
   const timerRef = useRef(null);
-  const [date, setDate] = useState(new Date());
   let games = [];
   if (schedule && schedule.dates.length > 0) {
     games = schedule.dates[0].games.slice().sort(compareGames);
@@ -109,19 +109,15 @@ function GameList({
     timerRef.current = setInterval(() => dispatch(fetchSchedule(date)), 30000);
     return () => clearInterval(timerRef.current);
   }, [date]);
-  useKey('p', useCallback(() => setDate(prev => add(prev, {
-    days: -1
-  })), []), {
+  useKey('p', useCallback(() => dispatch(prevDay()), []), {
     key: 'P',
     label: 'Prev Day'
   });
-  useKey('n', useCallback(() => setDate(prev => add(prev, {
-    days: 1
-  })), []), {
+  useKey('n', useCallback(() => dispatch(nextDay()), []), {
     key: 'N',
     label: 'Next Day'
   });
-  useKey('t', useCallback(() => setDate(new Date()), []), {
+  useKey('t', useCallback(() => dispatch(setDate(new Date())), []), {
     key: 'T',
     label: 'Today'
   });

package/dist/components/Standings.js

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from "react-redux/lib/alternate-renderers.js";
 import { fetchStandings, selectData } from "../features/standings.js";
-import { teamFavoriteStar } from "../utils.js";
+import { teamFavoriteStar, getSport } from "../utils.js";
 function formatHeaderRow(record) {
   return record.division.nameShort.padEnd(15) + '    W' + '    L' + '    PCT' + '    GB' + '  WCGB' + '   L10' + ' STRK';
 }
@@ -49,10 +49,52 @@ Division.propTypes = {
 function Standings() {
   const dispatch = useDispatch();
   const standings = useSelector(selectData);
+  const sport = getSport();
   useEffect(() => dispatch(fetchStandings()), []);
   if (!standings) {
     return /*#__PURE__*/React.createElement("element", null);
   }
+  if (sport === 'wbc') {
+    // WBC Pool Standings
+    if (!standings.records || standings.records.length === 0) {
+      return /*#__PURE__*/React.createElement("box", {
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%"
+      }, /*#__PURE__*/React.createElement("text", {
+        top: 1,
+        left: 2
+      }, "WBC Standings not available during this phase of the tournament."), /*#__PURE__*/React.createElement("text", {
+        top: 3,
+        left: 2
+      }, "Use Schedule view to see games and results."));
+    }
+
+    // Render WBC pools (records likely grouped by pool/division)
+    const halfPoint = Math.ceil(standings.records.length / 2);
+    return /*#__PURE__*/React.createElement("element", null, standings.records.slice(0, halfPoint).map((pool, idx) => {
+      var _pool$division;
+      return /*#__PURE__*/React.createElement(Division, {
+        top: idx * 7,
+        left: 0,
+        width: "50%-1",
+        key: ((_pool$division = pool.division) === null || _pool$division === void 0 ? void 0 : _pool$division.id) || idx,
+        record: pool
+      });
+    }), standings.records.slice(halfPoint).map((pool, idx) => {
+      var _pool$division2;
+      return /*#__PURE__*/React.createElement(Division, {
+        top: idx * 7,
+        left: "50%+1",
+        width: "50%-1",
+        key: ((_pool$division2 = pool.division) === null || _pool$division2 === void 0 ? void 0 : _pool$division2.id) || idx + halfPoint,
+        record: pool
+      });
+    }));
+  }
+
+  // MLB AL/NL Standings (existing logic)
   return /*#__PURE__*/React.createElement("element", null, standings.records.filter(record => record.league.id === 103).map((record, idx) => /*#__PURE__*/React.createElement(Division, {
     top: idx * 7,
     left: 0,

package/dist/config.js

@@ -84,6 +84,11 @@ const schema = {
     type: 'number',
     default: 0,
     minimum: 0
+  },
+  'sport': {
+    type: 'string',
+    enum: ['mlb', 'wbc'],
+    default: 'mlb'
   }
 };
 const config = new Conf({

package/dist/features/schedule.js

@@ -5,21 +5,38 @@ const {
   createSlice,
   createSelector
 } = reduxjsToolkit;
-import { format } from 'date-fns';
+import { add, format } from 'date-fns';
+import { getSportId } from "../utils.js";
 const initialState = {
+  scheduleDate: new Date(),
   loading: false,
   error: null,
   data: null
 };
 export const fetchSchedule = createAsyncThunk('schedule/fetch', async date => {
   const dateStr = format(date, 'MM/dd/yyyy');
-  const response = await axios.get(`http://statsapi.mlb.com/api/v1/schedule?sportId=1&hydrate=team,linescore&date=${dateStr}`);
+  const sportId = getSportId();
+  const response = await axios.get(`http://statsapi.mlb.com/api/v1/schedule?sportId=${sportId}&hydrate=team,linescore&date=${dateStr}`);
   return response.data;
 });
 export const scheduleSlice = createSlice({
   name: 'schedule',
   initialState,
-  reducers: {},
+  reducers: {
+    nextDay(state) {
+      state.scheduleDate = add(state.scheduleDate, {
+        days: 1
+      });
+    },
+    prevDay(state) {
+      state.scheduleDate = add(state.scheduleDate, {
+        days: -1
+      });
+    },
+    setDate(state, action) {
+      state.scheduleDate = action.payload;
+    }
+  },
   extraReducers: builder => {
     builder.addCase(fetchSchedule.pending, state => {
       state.loading = true;
@@ -40,4 +57,10 @@ const scheduleSelector = state => state.schedule;
 export const selectLoading = createSelector(scheduleSelector, schedule => schedule.loading);
 export const selectError = createSelector(scheduleSelector, schedule => schedule.error);
 export const selectData = createSelector(scheduleSelector, schedule => schedule.data);
+export const selectScheduleDate = createSelector(scheduleSelector, schedule => schedule.scheduleDate);
+export const {
+  nextDay,
+  prevDay,
+  setDate
+} = scheduleSlice.actions;
 export default scheduleSlice.reducer;

package/dist/features/standings.js

@@ -5,6 +5,7 @@ const {
   createSlice,
   createSelector
 } = reduxjsToolkit;
+import { getSport } from "../utils.js";
 const initialState = {
   loading: false,
   error: null,
@@ -12,9 +13,18 @@ const initialState = {
 };
 const SEASON = new Date().getFullYear();
 export const fetchStandings = createAsyncThunk('standings/fetch', async () => {
-  const url = `https://statsapi.mlb.com/api/v1/standings?leagueId=103,104&season=${SEASON}&standingsTypes=regularSeason&hydrate=division,team`;
-  const response = await axios.get(url);
-  return response.data;
+  const sport = getSport();
+  if (sport === 'wbc') {
+    // WBC standings - try sportId-based endpoint
+    // If no data, return empty structure (component will handle gracefully)
+    const response = await axios.get(`https://statsapi.mlb.com/api/v1/standings?sportId=51&season=${SEASON}`);
+    return response.data;
+  } else {
+    // MLB standings (existing logic)
+    const url = `https://statsapi.mlb.com/api/v1/standings?leagueId=103,104&season=${SEASON}&standingsTypes=regularSeason&hydrate=division,team`;
+    const response = await axios.get(url);
+    return response.data;
+  }
 });
 export const standingsSlice = createSlice({
   name: 'standings',

package/dist/main.js

@@ -17,6 +17,7 @@ export default async function startInterface(options) {
   reactBlessed.render( /*#__PURE__*/React.createElement(Provider, {
     store: store
   }, /*#__PURE__*/React.createElement(App, {
-    replayId: options.replay
+    replayId: options.replay,
+    defaultDate: options.date
   })), screen());
 }

package/dist/utils.js

@@ -6,4 +6,26 @@ export function teamFavoriteStar(team) {
     return `{${style}}★{/${style}} `;
   }
   return '';
+}
+
+/**
+ * Get the sport ID for API calls
+ * @returns {string} '51' for WBC, '1' for MLB
+ */
+export function getSportId() {
+  var _process$env$PLAYBALL;
+  // ENV override takes precedence
+  const envSport = (_process$env$PLAYBALL = process.env.PLAYBALL_SPORT) === null || _process$env$PLAYBALL === void 0 ? void 0 : _process$env$PLAYBALL.toLowerCase();
+  const sport = envSport || get('sport') || 'mlb';
+  return sport === 'wbc' ? '51' : '1';
+}
+
+/**
+ * Get the current sport setting
+ * @returns {string} 'mlb' or 'wbc'
+ */
+export function getSport() {
+  var _process$env$PLAYBALL2;
+  const envSport = (_process$env$PLAYBALL2 = process.env.PLAYBALL_SPORT) === null || _process$env$PLAYBALL2 === void 0 ? void 0 : _process$env$PLAYBALL2.toLowerCase();
+  return envSport || get('sport') || 'mlb';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playball",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Watch MLB games from the comfort of your terminal",
   "keywords": [
     "MLB",