playball 3.1.0 → 3.1.2

package/src/cli.js

@@ -1,46 +0,0 @@
-/* eslint no-console: 0 */
-import { Command } from 'commander';
-import updateNotifier from 'update-notifier';
-
-import * as config from './config.js';
-import main from './main.js';
-import pkg from './package.js';
-
-const program = new Command();
-const notifier = updateNotifier({
-  pkg, 
-  updateCheckInterval: 1000 * 60 * 60 * 24 * 7  // 1 week
-});
-
-program
-  .name(pkg.name)
-  .description(pkg.description)
-  .version(pkg.version)
-  .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) => {
-    if (options.unset) {
-      config.unset(key);
-      return;
-    }
-    if (!key) {
-      for (const [key, value] of Object.entries(config.getAll())) {
-        console.log(`${key} = ${value}`);
-      }
-    } else if (!value) {
-      console.log(config.get(key));
-    } else {
-      config.set(key, value);
-    }
-  });
-
-
-program.parse();

package/src/components/App.jsx

@@ -1,43 +0,0 @@
-import React, { useState } from 'react';
-import { useDispatch } from 'react-redux';
-import GameList from './GameList.js';
-import HelpBar from './HelpBar.js';
-import { setSelectedId } from '../features/games.js';
-import Game from './Game.js';
-import useKey from '../hooks/useKey.js';
-import Standings from './Standings.js';
-
-const SCHEDULE = 'schedule';
-const STANDINGS = 'standings';
-const GAME = 'game';
-
-function App() {
-  const [view, setView] = useState(SCHEDULE);
-  const dispatch = useDispatch();
-
-  useKey('c', () => {
-    setView(SCHEDULE);
-    dispatch(setSelectedId(null));
-  }, { key: 'C', label: 'Schedule' });
-  useKey('s', () => setView(STANDINGS), { key: 'S', label: 'Standings'});
-
-  const handleGameSelect = (game) => {
-    dispatch(setSelectedId(game.gamePk));
-    setView(GAME);
-  };
-  
-  return (
-    <element>
-      <element top={0} left={0} height='100%-1'>
-        {view === STANDINGS && <Standings />}
-        {view === SCHEDULE && <GameList onGameSelect={handleGameSelect} />}
-        {view === GAME && <Game />}
-      </element>
-      <element top='100%-1' left={0} height={1}>
-        <HelpBar />
-      </element>
-    </element>
-  );
-}
-
-export default App;

package/src/components/AtBat.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { selectCurrentPlay } from '../features/games.js';
-
-function AtBat() {
-  const currentPlay = useSelector(selectCurrentPlay);
-  const playEvents = currentPlay.playEvents;
-  const playResult = currentPlay.about.isComplete ? currentPlay.result.description : '';
-  let content = '';
-  if (playResult) {
-    content += `${playResult}\n\n`;
-  } 
-  if (playEvents && playEvents.length) {
-    content += playEvents.slice().reverse().map(event => {
-      let line = '';
-      if (event.isPitch) {
-        line = `[${event.details.description}] `;
-        if (event.pitchData?.startSpeed) {
-          line += `${event.pitchData.startSpeed} MPH `;
-        }
-        if (event.details?.type?.description) {
-          line += event.details.type.description;
-        }
-        if (!event.details?.isInPlay) {
-          line += `{|} ${event.count.balls}-${event.count.strikes}`;
-        }
-      } else {
-        if (event.details?.event) {
-          line += `[${event.details.event}] `;
-        }
-        line += event.details.description;
-      }
-      return line;
-    }).join('\n');
-  }
-  return (
-    <box content={content} tags />
-  );
-}
-
-export default AtBat;

package/src/components/Bases.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import PropTypes from 'prop-types';
-import { get } from '../config.js';
-import { selectLineScore } from '../features/games.js';
-
-const formatBase = (offense, base) => (base in offense) ? `{${get('color.on-base')}-fg}◆{/}` : '◇';
-
-function Bases({align}) {
-  const { offense } = useSelector(selectLineScore);
-  const content = 
-    `  ${formatBase(offense, 'second')}\n` + 
-    `${formatBase(offense, 'third')}   ${formatBase(offense, 'first')}`;
-  return (
-    <box align={align} content={content} tags />
-  );
-}
-
-Bases.propTypes = {
-  align: PropTypes.oneOf(['left', 'center', 'right']),
-};
-
-export default Bases;

package/src/components/Count.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import PropTypes from 'prop-types';
-
-import { get } from '../config.js';
-import { selectLineScore } from '../features/games.js';
-
-const formatCount = (count, total) => '● '.repeat(count) + '○ '.repeat(total - count);
-
-function Count({align}) {
-  const linescore = useSelector(selectLineScore);
-  const content = 
-    `B: {${get('color.ball')}-fg}${formatCount(linescore.balls, 4)}{/}\n` + 
-    `S: {${get('color.strike')}-fg}${formatCount(linescore.strikes, 3)}{/}\n` + 
-    `O: {${get('color.out')}-fg}${formatCount(linescore.outs, 3)}{/}`;
-  return (
-    <box align={align} content={content} tags />
-  );
-}
-
-Count.propTypes = {
-  align: PropTypes.oneOf(['left', 'center', 'right']),
-};
-
-export default Count;

package/src/components/FinishedGame.jsx

@@ -1,76 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { selectLineScore, selectTeams, selectDecisions, selectBoxscore, selectGameStatus } from '../features/games.js';
-import LineScore from './LineScore.js';
-
-const getPlayer = (id, boxscore) => {
-  const homePlayer = boxscore.home?.players?.['ID' + id];
-  if (homePlayer !== undefined) {
-    return homePlayer;
-  }
-  return boxscore.away?.players['ID' + id];
-};
-
-const formatDecisions = (decisions, boxscore) => {
-  if (!decisions) {
-    return '';
-  }
-  const content = [];
-  const winner = decisions.winner;
-  if (winner) {
-    const pitcher = getPlayer(winner.id, boxscore);
-    content.push(`Win:  ${pitcher.person.fullName} (${pitcher.seasonStats?.pitching?.wins}-${pitcher.seasonStats?.pitching?.losses})`);
-  }
-  const loser = decisions.loser;
-  if (loser) {
-    const pitcher = getPlayer(loser.id, boxscore);
-    content.push(`Loss: ${pitcher.person.fullName} (${pitcher.seasonStats?.pitching?.wins}-${pitcher.seasonStats?.pitching?.losses})`);
-  }
-  const save = decisions.save;
-  if (save) {
-    const pitcher = getPlayer(save.id, boxscore);
-    content.push(`Save: ${pitcher.person.fullName} (${pitcher.seasonStats?.pitching.saves})`);
-  }
-  return content.join('\n');
-};
-
-const formatScore = (status, linescore) => {
-  let display = '';
-  if (status.detailedState === 'Postponed') {
-    display = status.detailedState;
-    if (status.reason) {
-      display += '\n' + status.reason;
-    }
-  } else {
-    display = `\n${linescore.teams.away.runs} - ${linescore.teams.home.runs}`;
-  }
-  return display;
-};
-
-function FinishedGame() {
-  const boxscore = useSelector(selectBoxscore);
-  const decisions = useSelector(selectDecisions);
-  const linescore = useSelector(selectLineScore);
-  const status = useSelector(selectGameStatus);
-  const teams = useSelector(selectTeams);
-
-  const awayTeam = `${teams.away.teamName}\n(${teams.away.record.wins}-${teams.away.record.losses})`;
-  const homeTeam = `${teams.home.teamName}\n(${teams.home.record.wins}-${teams.home.record.losses})`;
-  return (
-    <element>
-      <element height='60%'>
-        <box content={awayTeam} width='33%-1' top='50%' align='center' />
-        <box content={formatScore(status, linescore)} width='33%-1' left='33%' top='50%' align='center' />
-        <box content={homeTeam} width='34%' top='50%' left='66%' align='center' />
-      </element>
-      <element top='60%+1' height={3}>
-        <LineScore align='center' final />
-      </element>
-      <element top='60%+5' left='50%-20'>
-        <box content={formatDecisions(decisions, boxscore)} />
-      </element>
-    </element>
-  );
-}
-
-export default FinishedGame;

package/src/components/Game.jsx

@@ -1,60 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-
-import { fetchGame, selectGame, selectSelectedId, selectFullUpdateRequired } from '../features/games.js';
-
-import PreviewGame from './PreviewGame.js';
-import LiveGame from './LiveGame.js';
-import FinishedGame from './FinishedGame.js';
-
-import log from '../logger.js';
-
-function Game() {
-  const dispatch = useDispatch();
-  const game = useSelector(selectGame);
-  const fullUpdateRequired = useSelector(selectFullUpdateRequired);
-  const id = useSelector(selectSelectedId);
-  const timerRef = useRef(null);
-  const timestampRef = useRef();
-  timestampRef.current = fullUpdateRequired ? null : game?.metaData?.timeStamp;
-
-  const updateGameData = () => {
-    dispatch(fetchGame({id, start: timestampRef.current}))
-      .unwrap()
-      .then((result) => {
-        const wait = ((result && result.metaData?.wait) || 10) * 1000;
-        timerRef.current = setTimeout(updateGameData, wait);
-      })
-      .catch(err => log.error('UPDATE_GAME_DATA:\n' + JSON.stringify(err) + '\n' + err.stack));
-  };
-
-  useEffect(() => {
-    updateGameData();
-    return () => {
-      clearTimeout(timerRef.current);
-    };
-  }, [id]);
-
-  if (!game) { 
-    return <element />;
-  }
-
-  let Wrapped = null;
-  switch (game.gameData?.status?.abstractGameCode) {
-  case 'P':
-    Wrapped = PreviewGame;
-    break;
-  case 'L':
-    Wrapped = LiveGame;
-    break;
-  case 'F':
-    Wrapped = FinishedGame;
-    break;
-  }
-
-  return (
-    <element><Wrapped /></element>
-  );
-}
-
-export default Game;

package/src/components/GameList.jsx

@@ -1,169 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import PropTypes from 'prop-types';
-import { add, format } from 'date-fns';
-import { fetchSchedule, selectData, selectLoading } from '../features/schedule.js';
-import { teamFavoriteStar } from '../utils.js';
-import Grid from './Grid.js';
-import useKey from '../hooks/useKey.js';
-
-const formatGame = game => {
-  const startTime = format(new Date(game.gameDate), 'p');
-  const start = (game.doubleHeader === 'Y' && game.gameNumber > 1) ? 
-    'Game ' + game.gameNumber :
-    startTime;
-  const teamName = (team) => {
-    const star = teamFavoriteStar(team.team);
-    return star + `${team.team.teamName} (${team.leagueRecord.wins}-${team.leagueRecord.losses})`.padEnd(star ? 18 : 20);
-  };
-  let content = [start, teamName(game.teams.away), teamName(game.teams.home)];
-  const gameState = game.status.abstractGameCode;
-  const detailedState = game.status.detailedState;
-  switch (gameState) {
-  case 'P':
-    break;
-  case 'L':
-    if (detailedState === 'Warmup') {
-      content[0] = detailedState;
-    } else {
-      content[0] = game.linescore.inningState + ' ' + game.linescore.currentInningOrdinal;
-      if (detailedState !== 'In Progress') {
-        content[0] += ' | ' + detailedState;
-      }
-    }
-    if (game.linescore) {
-      content[0] = content[0].padEnd(20) + ' R  H  E';
-      content[1] += game.linescore.teams.away.runs.toString().padStart(2) + 
-          game.linescore.teams.away.hits.toString().padStart(3) + 
-          game.linescore.teams.away.errors.toString().padStart(3);
-      content[2] += game.linescore.teams.home.runs.toString().padStart(2) + 
-          game.linescore.teams.home.hits.toString().padStart(3) + 
-          game.linescore.teams.home.errors.toString().padStart(3);
-    }
-    break;
-  case 'F':
-    content[0] = detailedState;
-    if (game.status.reason) {
-      content[0] += ' | ' + game.status.reason;
-    }
-    if (game.linescore) {
-      if (game.linescore.currentInning !== game.scheduledInnings) {
-        content[0] += '/' + game.linescore.currentInning;
-      }
-      content[0] = content[0].padEnd(20) + ' R  H  E';
-      content[1] += game.linescore.teams.away.runs.toString().padStart(2) + 
-        game.linescore.teams.away.hits.toString().padStart(3) + 
-        game.linescore.teams.away.errors.toString().padStart(3);
-      content[2] += game.linescore.teams.home.runs.toString().padStart(2) + 
-        game.linescore.teams.home.hits.toString().padStart(3) + 
-        game.linescore.teams.home.errors.toString().padStart(3);
-      if (game.teams.away.isWinner) {
-        content[1] = `{bold}${content[1]}{/bold}`;
-      }
-      if (game.teams.home.isWinner) {
-        content[2] = `{bold}${content[2]}{/bold}`;
-      }
-    }
-    break;
-  }
-  return content.map(s => ' ' + s).join('\n');
-};
-
-const GAME_STATE_ORDER = {
-  L: 0,
-  P: 1,
-  F: 2,
-};
-function compareGameState(a, b) {
-  return GAME_STATE_ORDER[a.status.abstractGameCode] - GAME_STATE_ORDER[b.status.abstractGameCode];
-}
-
-function compareGameInnings(a, b) {
-  const inningCompare = b.linescore.currentInning - a.linescore.currentInning;
-  if (inningCompare !== 0) {
-    return inningCompare;
-  }
-  if (a.isTopInning && !b.isTopInning) {
-    return -1;
-  }
-  if (b.isTopInning && !a.isTopInning) {
-    return 1;
-  }
-  return 0;
-}
-
-function compareGames(a, b) {
-  const stateCompare = compareGameState(a, b);
-  if (stateCompare !== 0) {
-    return stateCompare;
-  }
-
-  if (a.status.abstractGameCode === 'L') {
-    const inningCompare = compareGameInnings(a, b);
-    if (inningCompare !== 0) {
-      return inningCompare;
-    }
-  }
-
-  return 0;
-}
-
-function GameList({ onGameSelect }) {
-  const dispatch = useDispatch();
-  const schedule = useSelector(selectData);
-  const loading = useSelector(selectLoading);
-  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);
-  }
-
-  useEffect(() => {
-    dispatch(fetchSchedule(date));
-    timerRef.current = setInterval(() => dispatch(fetchSchedule(date)), 30000);
-    return () => clearInterval(timerRef.current);
-  }, [date]);
-
-  useKey('p', useCallback(() => setDate(prev => add(prev, { days: -1 })), []), { key: 'P', label: 'Prev Day' });
-  useKey('n', useCallback(() => setDate(prev => add(prev, { days: 1 })), []), { key: 'N', label: 'Next Day' });
-  useKey('t', useCallback(() => setDate(new Date()), []), { key: 'T', label: 'Today' });
-
-  const handleGameSelect = (idx) => {
-    const selected = games[idx];
-    onGameSelect(selected);
-  };
-
-  const messageStyle = {
-    left: 0,
-    top: 0,
-    height: '100%',
-    width: '100%',
-    align: 'center',
-    valign: 'middle',
-  };
-
-  return (
-    <element>
-      <box top={0} left={0} width='100%' height={1} align='center' valign='middle' style={{ bg: 'white', fg: 'black' }} content={format(date, 'PPPP')}></box>
-      <element top={2} left={0} width='100%' height='100%-2'>
-        {(!schedule && loading) && <box {...messageStyle} content='Loading...' />}
-        {(schedule && games.length === 0) && <box {...messageStyle} content='No games today' />}
-        {(schedule && games.length > 0) && (
-          <Grid 
-            items={games.map(formatGame)}
-            itemHeight={5}
-            itemMinWidth={34}
-            onSelect={handleGameSelect}
-          />
-        )}
-      </element>
-    </element>
-  );
-}
-
-GameList.propTypes = {
-  onGameSelect: PropTypes.func,
-};
-
-export default GameList;

package/src/components/HelpBar.jsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import LoadingSpinner from './LoadingSpinner.js';
-
-const HelpBar = () => {
-  const keys = useSelector(state => state.keys);
-  const content = keys.map(({ key, label }) => `{inverse}${key}{/inverse}:${label}`).join('  ');
-  return (
-    <element>
-      <LoadingSpinner />
-      <box left={3} 
-        content={content} 
-        tags 
-      />
-    </element>
-  );
-};
-
-export default HelpBar;

package/src/components/InningDisplay.jsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-
-import { selectLineScore } from '../features/games.js';
-
-function InningDisplay() {
-  const linescore = useSelector(selectLineScore);
-  const content = [
-    linescore.isTopInning ? '▲' : '',
-    linescore.currentInning,
-    linescore.isTopInning ? '' : '▼'
-  ].join('\n');
-
-  return (
-    <box content={content} align='right' />
-  );
-}
-
-export default InningDisplay;

package/src/components/LineScore.jsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useSelector } from 'react-redux';
-import { selectLineScore, selectTeams } from '../features/games.js';
-
-const getRuns = (inning, homeAway, isFinal) => {
-  const runs = inning[homeAway].runs;
-  if (runs !== undefined) {
-    return runs;
-  }
-  return isFinal ? 'X' : '';
-};
-
-const getTeamLine = (linescore, totalInnings, homeAway, final) => (
-  linescore.innings
-    .map(inning => getRuns(inning, homeAway, final))
-    .map(r => r.toString().padStart(2))
-    .join(' ')
-    .padEnd(totalInnings * 3) + 
-  '{bold}' + 
-  linescore.teams[homeAway].runs.toString().padStart(3) + '{/bold}' +
-  linescore.teams[homeAway].hits.toString().padStart(3) + 
-  linescore.teams[homeAway].errors.toString().padStart(3)   
-);
-
-function LineScore({ align, final }) {
-  const linescore = useSelector(selectLineScore);
-  const teams = useSelector(selectTeams);
-
-  const currentInning = linescore.currentInning;
-  if (!currentInning) {
-    return '';
-  }
-
-  const totalInnings = Math.max(currentInning, 9);
-  const home = teams.home.abbreviation;
-  const away = teams.away.abbreviation;
-  const teamNameLength = 3;
-  let str = ''.padEnd(teamNameLength) + Array.from(Array(totalInnings).keys()).map(i => (i + 1).toString().padStart(2)).join(' ') + '   {bold}R{/bold}  H  E\n' + 
-    away.padEnd(teamNameLength) + getTeamLine(linescore, totalInnings, 'away', final) + '\n' +
-    home.padEnd(teamNameLength) + getTeamLine(linescore, totalInnings, 'home', final);
-  return (
-    <box align={align} content={str} tags wrap={false} />
-  );
-}
-
-LineScore.propTypes = {
-  align: PropTypes.oneOf(['left', 'center', 'right']), 
-  final: PropTypes.bool,
-};
-
-export default LineScore;

package/src/components/LiveGame.jsx

@@ -1,47 +0,0 @@
-import React from 'react';
-
-import Count from './Count.js';
-import Bases from './Bases.js';
-import LineScore from './LineScore.js';
-import Matchup from './Matchup.js';
-import AtBat from './AtBat.js';
-import AllPlays from './AllPlays.js';
-import InningDisplay from './InningDisplay.js';
-
-function LiveGame()  {
-  return (
-    <element>
-      <element top={0} left={1} width='100%-1' height={3}>
-        <element left={0} width={2}>
-          <InningDisplay />
-        </element>
-        <element left={5} width='25%-5'>
-          <Count />
-        </element>
-        <element left='25%+1' width='25%'>
-          <Bases />
-        </element>
-        <element left='50%+2' width='50%-2'>
-          <LineScore />
-        </element>
-      </element>
-      <line orientation='horizontal' type='line' top={3} width='100%' />
-      <element top={4} left={1}>
-        <element width='50%-1'>
-          <element top={0} height={2}>
-            <Matchup />
-          </element>
-          <element top={3}>
-            <AtBat />
-          </element>
-        </element>
-        <line orientation='vertical' type='line' left='50%' />
-        <element left='50%+2' width='50%-2'>
-          <AllPlays />
-        </element>
-      </element>
-    </element>
-  );
-}
-
-export default LiveGame;

package/src/components/Matchup.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { selectCurrentPlay, selectBoxscore, selectTeams } from '../features/games.js';
-
-const getPlayerStats = (boxscore, teams, id) => {
-  const key = 'ID' + id;
-  const homePlayers = boxscore.home.players;
-  if (homePlayers[key]) {
-    return {
-      team: teams.home,
-      player: homePlayers[key],
-    };
-  }
-  return {
-    team: teams.away,
-    player: boxscore.away.players[key],
-  };
-};
-
-function Matchup() {
-  const boxscore = useSelector(selectBoxscore);
-  const currentPlay = useSelector(selectCurrentPlay);
-  const teams = useSelector(selectTeams);
-  
-  const pitcherId = currentPlay.matchup?.pitcher?.id;
-  const batterId = currentPlay.matchup?.batter?.id;
-
-  const {team: pitchTeam, player: pitcher} = getPlayerStats(boxscore, teams, pitcherId);
-  const {team: batTeam, player: batter} = getPlayerStats(boxscore, teams, batterId);
-
-  const display = `${pitchTeam.abbreviation} Pitching: ` + 
-    `{bold}${pitcher.person.fullName}{/bold} ${pitcher.stats.pitching.inningsPitched} IP, ${pitcher.stats.pitching.pitchesThrown || 0} P, ${pitcher.seasonStats.pitching.era} ERA\n` +
-    `${batTeam.abbreviation} At Bat:   ` + 
-    `{bold}${batter.person.fullName}{/bold} ${batter.stats.batting.hits}-${batter.stats.batting.atBats}, ${batter.seasonStats.batting.avg} AVG, ${batter.seasonStats.batting.homeRuns} HR`;
-
-  return (
-    <box tags content={display} wrap={false} />
-  );
-}
-
-export default Matchup;