playball 3.1.0 → 3.1.2

package/src/components/PreviewGame.jsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { format } from 'date-fns';
-import { selectTeams, selectVenue, selectStartTime, selectBoxscore, selectProbablePitchers, selectGameStatus } from '../features/games.js';
-
-const formatPitcherName = (pitcher) => {
-  let display = pitcher.person.fullName;
-  const number = pitcher.jerseyNumber;
-  if (number) {
-    display += `, #${number}`;
-  }
-  return display;
-};
-
-const formatTeam = (teams, probables, boxscore, homeAway) => {
-  const pitcherId = probables[homeAway].id;
-  const pitcher = boxscore[homeAway].players['ID' + pitcherId];
-  let lines = [
-    teams[homeAway].teamName,
-    `(${teams[homeAway].record.wins}-${teams[homeAway].record.losses})`,
-  ];
-  if (pitcher) {
-    lines = lines.concat([
-      '',
-      formatPitcherName(pitcher),
-      `${pitcher.seasonStats?.pitching?.wins}-${pitcher.seasonStats?.pitching?.losses}`,
-      `${pitcher.seasonStats?.pitching?.era} ERA ${pitcher.seasonStats?.pitching?.strikeOuts} K`,
-    ]);
-  }
-  return lines;
-};
-
-function PreviewGame() {
-  const boxscore = useSelector(selectBoxscore);
-  const probables = useSelector(selectProbablePitchers);
-  const startTime = useSelector(selectStartTime);
-  const status = useSelector(selectGameStatus);
-  const teams = useSelector(selectTeams);
-  const venue = useSelector(selectVenue);
-  const away = formatTeam(teams, probables, boxscore, 'away');
-  const home = formatTeam(teams, probables, boxscore, 'home');
-  const formattedStart = status.startTimeTBD ? 'Start time TBD' : format(new Date(startTime), 'MMMM d, yyy p');
-  return (
-    <element>
-      <element height='60%'>
-        <box content={away.join('\n')} width='33%-1' top='50%' align='center' />
-        <box content={`\nvs.\n\n${formattedStart}\n${venue.name}\n${venue.location.city}, ${venue.location.stateAbbrev}`} width='33%-1' left='33%' top='50%' align='center' />
-        <box content={home.join('\n')} width='34%' top='50%' left='66%' align='center' />
-      </element>
-    </element>
-  );
-}
-
-export default PreviewGame;

package/src/components/Standings.jsx

@@ -1,81 +0,0 @@
-import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { useDispatch, useSelector } from 'react-redux';
-import { fetchStandings, selectData } from '../features/standings.js';
-import { teamFavoriteStar } from '../utils.js';
-
-function formatHeaderRow(record) {
-  return record.division.nameShort.padEnd(15) +
-    '    W' + 
-    '    L' + 
-    '    PCT' + 
-    '    GB' + 
-    '  WCGB' +
-    '   L10' +
-    ' STRK';
-}
-
-function formatTeamRow(record) {
-  const lastTen = record.records.splitRecords.find(o => o.type === 'lastTen');
-  const star = teamFavoriteStar(record.team);
-  return star + 
-    record.team.teamName.padEnd(star ? 13 : 15) + 
-    record.wins.toString().padStart(5) + 
-    record.losses.toString().padStart(5) + 
-    record.winningPercentage.padStart(7) + 
-    record.gamesBack.padStart(6) + 
-    record.wildCardGamesBack.padStart(6) + 
-    `${lastTen.wins}-${lastTen.losses}`.padStart(6) + 
-    record.streak.streakCode.padStart(5);
-}
-
-function Division({record, top, left, width}) {
-  return (
-    <box top={top} left={left} height={6} width={width}>
-      <box top={0} left={0} height={1} fg='black' bg='white' content={formatHeaderRow(record)} wrap={false} />
-      <box top={1} left={0} height={5} content={record.teamRecords.map(formatTeamRow).join('\n')} wrap={false} tags />
-    </box>
-  );
-}
-Division.propTypes = {
-  record: PropTypes.object,
-  top: PropTypes.number,
-  left: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-};
-
-function Standings() {
-  const dispatch = useDispatch();
-  const standings = useSelector(selectData);
-
-  useEffect(() => dispatch(fetchStandings()), []);
-
-  if (!standings) {
-    return <element />;
-  }
-
-  return (
-    <element>
-      {standings.records.filter(record => record.league.id === 103).map((record, idx) => (
-        <Division
-          top={idx * 7}
-          left={0}
-          width='50%-1'
-          key={record.division.id} 
-          record={record} 
-        />
-      ))}
-      {standings.records.filter(record => record.league.id === 104).map((record, idx) => (
-        <Division
-          top={idx * 7}
-          left='50%+1'
-          width='50%-1'
-          key={record.division.id} 
-          record={record} 
-        />
-      ))}
-    </element>
-  );
-}
-
-export default Standings;

package/src/features/games.js

@@ -1,166 +0,0 @@
-import axios from 'axios';
-import reduxjsToolkit from '@reduxjs/toolkit';
-const { createAsyncThunk, createSlice, createSelector } = reduxjsToolkit;
-import jsonpatch from 'json-patch';
-
-const initialState = {
-  loading: false,
-  fullUpdateRequired: false,
-  error: null,
-  selectedId: null,
-  games: {},
-};
-
-export const fetchGame = createAsyncThunk(
-  'games/fetch',
-  async ({id, start}) => {
-    const diffParams = start ? `/diffPatch?startTimecode=${start}` : '';
-    const url = `https://statsapi.mlb.com/api/v1.1/game/${id}/feed/live${diffParams}`;
-    const response = await axios.get(url);
-    return response.data;
-  }
-);
-
-export const gamesSlice = createSlice({
-  name: 'games',
-  initialState,
-  reducers: { 
-    setSelectedId(state, action) {
-      state.selectedId = action.payload;
-    }
-  },
-  extraReducers: (builder) => {
-    builder.addCase(fetchGame.pending, (state) => {
-      state.loading = true;
-    });
-    builder.addCase(fetchGame.fulfilled, (state, action) => {
-      const id = state.selectedId;
-      let game = state.games[id];
-      let patchError = false;
-      if (Array.isArray(action.payload)) {
-        action.payload.forEach(obj => {
-          if (patchError) {
-            return;
-          }
-          try {
-            jsonpatch.apply(game || {}, obj.diff);
-          } catch (e) {
-            patchError = true;
-            return;
-          }
-        });
-      } else {
-        game = action.payload;
-      }
-      if (patchError) {
-        state.fullUpdateRequired = true;
-      } else {
-        state.fullUpdateRequired = false;
-        state.error = null;
-        state.games[id] = game;
-      }
-      state.loading = false;
-    });
-    builder.addCase(fetchGame.rejected, (state, action) => {
-      state.fullUpdateRequired = true;
-      state.loading = false;
-      state.error = action.error;
-    });
-  }
-});
-
-export const { setSelectedId } = gamesSlice.actions;
-
-const gamesRoot = state => state.games;
-
-export const selectLoading = createSelector(
-  gamesRoot,
-  root => root.loading
-);
-
-export const selectError = createSelector(
-  gamesRoot,
-  root => root.error
-);
-
-export const selectFullUpdateRequired = createSelector(
-  gamesRoot,
-  root => root.fullUpdateRequired
-);
-
-export const selectSelectedId = createSelector(
-  gamesRoot,
-  root => root.selectedId
-);
-
-export const selectGame = createSelector(
-  [gamesRoot, selectSelectedId],
-  (root, id) => root.games[id]
-);
-
-const selectLiveData = createSelector(
-  selectGame,
-  game => game.liveData
-);
-
-const selectPlays = createSelector(
-  selectLiveData,
-  data => data.plays
-);
-
-export const selectCurrentPlay = createSelector(
-  selectPlays,
-  plays => plays.currentPlay
-);
-
-export const selectAllPlays = createSelector(
-  selectPlays,
-  plays => plays.allPlays
-);
-
-export const selectBoxscore = createSelector(
-  selectLiveData,
-  data => data.boxscore?.teams
-);
-
-export const selectLineScore = createSelector(
-  selectLiveData,
-  data => data.linescore
-);
-
-export const selectDecisions = createSelector(
-  selectLiveData,
-  data => data.decisions
-);
-
-const selectGameData = createSelector(
-  selectGame,
-  game => game.gameData
-);
-
-export const selectGameStatus = createSelector(
-  selectGameData,
-  game => game.status
-);
-
-export const selectTeams = createSelector(
-  selectGameData,
-  gameData => gameData.teams
-);
-
-export const selectVenue = createSelector(
-  selectGameData,
-  gameData => gameData.venue
-);
-
-export const selectStartTime = createSelector(
-  selectGameData,
-  gameData => gameData.datetime?.dateTime
-);
-
-export const selectProbablePitchers = createSelector(
-  selectGameData,
-  gameData => gameData.probablePitchers
-);
-
-export default gamesSlice.reducer;

package/src/features/schedule.js

@@ -1,60 +0,0 @@
-import axios from 'axios';
-import reduxjsToolkit from '@reduxjs/toolkit';
-const { createAsyncThunk, createSlice, createSelector } = reduxjsToolkit;
-import { format } from 'date-fns';
-
-const initialState = {
-  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}`);
-    return response.data;
-  }
-);
-
-export const scheduleSlice = createSlice({
-  name: 'schedule',
-  initialState,
-  reducers: { },
-  extraReducers: (builder) => {
-    builder.addCase(fetchSchedule.pending, (state) => {
-      state.loading = true;
-    });
-    builder.addCase(fetchSchedule.fulfilled, (state, action) => {
-      state.loading = false;
-      state.data = action.payload;
-      state.error = null;
-    });
-    builder.addCase(fetchSchedule.rejected, (state, action) => {
-      state.loading = false;
-      state.data = null;
-      state.error = action.error;
-    });
-  }
-});
-
-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 default scheduleSlice.reducer;

package/src/features/standings.js

@@ -1,61 +0,0 @@
-import axios from 'axios';
-import reduxjsToolkit from '@reduxjs/toolkit';
-const { createAsyncThunk, createSlice, createSelector } = reduxjsToolkit;
-
-const initialState = {
-  loading: false,
-  error: null,
-  data: null,
-};
-
-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;
-  }
-);
-  
-export const standingsSlice = createSlice({
-  name: 'standings',
-  initialState,
-  reducers: { },
-  extraReducers: (builder) => {
-    builder.addCase(fetchStandings.pending, (state) => {
-      state.loading = true;
-    });
-    builder.addCase(fetchStandings.fulfilled, (state, action) => {
-      state.loading = false;
-      state.data = action.payload;
-      state.error = null;
-    });
-    builder.addCase(fetchStandings.rejected, (state, action) => {
-      state.loading = false;
-      state.data = null;
-      state.error = action.error;
-    });
-  }
-});
-  
-const standingsSelector = state => state.standings;
-  
-export const selectLoading = createSelector(
-  standingsSelector,
-  standings => standings.loading
-);
-    
-export const selectError = createSelector(
-  standingsSelector,
-  standings => standings.error
-);
-      
-export const selectData = createSelector(
-  standingsSelector,
-  standings => standings.data
-);
-       
-export default standingsSlice.reducer;
-        

package/src/logger.js

@@ -1,19 +0,0 @@
-import {fileURLToPath} from 'node:url';
-import path from 'node:path';
-import winston from 'winston';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
-winston.configure({
-  transports: [
-    new winston.transports.File({
-      filename: path.resolve(__dirname, 'playball.log'),
-      format: winston.format.combine(
-        winston.format.timestamp(),
-        winston.format.printf(info => `[${info.timestamp}] ${info.level}: ${info.message}`)
-      )
-    })
-  ]
-});
-
-export default winston;

package/src/main.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import raf from 'raf';
-
-import screen from './screen.js';
-import store from './store/index.js';
-import log from './logger.js';
-
-import App from './components/App.js';
-
-export default async function startInterface() {
-  raf.polyfill();
-
-  process.on('uncaughtException', function(error) {
-    log.error('UNCAUGHT EXCEPTION\n' + JSON.stringify(error) + '\n' + error.stack);
-  });
-
-  // Must be imported dynamically because the import seems to have
-  // side effects that block other CLI commands from exiting
-  const reactBlessed = await import('react-blessed');
-  reactBlessed.render(
-    <Provider store={store}>
-      <App />
-    </Provider>, 
-    screen()
-  );
-}

package/src/store/index.js

@@ -1,19 +0,0 @@
-import reduxjsToolkit from '@reduxjs/toolkit';
-const { configureStore } = reduxjsToolkit;
-
-import schedule from '../features/schedule.js';
-import games from '../features/games.js';
-import keys from '../features/keys.js';
-import standings from '../features/standings.js';
-
-export default configureStore({
-  reducer: {
-    schedule,
-    games,
-    keys,
-    standings,
-  },
-  middleware: (getDefaultMiddleware) => getDefaultMiddleware({
-    serializableCheck: false
-  })
-});