playball 3.0.0 → 3.1.1

package/src/components/Standings.jsx

@@ -1,78 +0,0 @@
-import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { useDispatch, useSelector } from 'react-redux';
-import { fetchStandings, selectData } from '../features/standings';
-
-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');
-  return record.team.teamName.padEnd(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} />
-    </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,165 +0,0 @@
-import axios from 'axios';
-import { createAsyncThunk, createSlice, createSelector } from '@reduxjs/toolkit';
-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/keys.js

@@ -1,38 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit';
-import screen from '../screen';
-
-export const keysSlice = createSlice({
-  name: 'keys',
-  initialState: [{ key: 'Q', label: 'Quit' }],
-  reducers: {
-    addKeyListener: {
-      reducer: (state, action) => {
-        if (action.payload) {
-          state.push(action.payload);
-        }
-      },
-      prepare: (key, listener, help) => {
-        screen.key(key, listener);
-        return { payload: help };
-      }
-    },
-    removeKeyListener: {
-      reducer: (state, action) => {
-        if (action.payload) {
-          const idx = state.findIndex(item => item.key === action.payload.key);
-          if (idx >= 0) {
-            state.splice(idx, 1);
-          }
-        }
-      },
-      prepare: (key, listener, help) => {
-        screen.unkey(key, listener);
-        return { payload: help };
-      }
-    }
-  }
-});
-
-export const { addKeyListener, removeKeyListener } = keysSlice.actions;
-
-export default keysSlice.reducer;

package/src/features/schedule.js

@@ -1,59 +0,0 @@
-import axios from 'axios';
-import { createAsyncThunk, createSlice, createSelector } from '@reduxjs/toolkit';
-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,60 +0,0 @@
-import axios from 'axios';
-import { createAsyncThunk, createSlice, createSelector } from '@reduxjs/toolkit';
-
-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/hooks/useKey.js

@@ -1,13 +0,0 @@
-import { useEffect } from 'react';
-import { useDispatch } from 'react-redux';
-import { addKeyListener, removeKeyListener } from '../features/keys';
-
-function useKey(key, handler, help) {
-  const dispatch = useDispatch();
-  return useEffect(() => {
-    dispatch(addKeyListener(key, handler, help));
-    return () => dispatch(removeKeyListener(key, handler, help));
-  }, [key, handler, help, dispatch]);
-}
-
-export default useKey;

package/src/logger.js

@@ -1,16 +0,0 @@
-import path from 'path';
-import winston from 'winston';
-
-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,23 +0,0 @@
-import React from 'react';
-import { render } from 'react-blessed';
-import { Provider } from 'react-redux';
-import raf from 'raf';
-
-import screen from './screen';
-import store from './store';
-import log from './logger';
-
-import App from './components/App';
-
-raf.polyfill();
-
-process.on('uncaughtException', function(error) {
-  log.error('UNCAUGHT EXCEPTION\n' + JSON.stringify(error) + '\n' + error.stack);
-});
-
-render(
-  <Provider store={store}>
-    <App />
-  </Provider>, 
-  screen
-);

package/src/screen.js

@@ -1,14 +0,0 @@
-
-import blessed from 'blessed';
-
-const screen = blessed.screen({
-  autoPadding: true,
-  debug: true,
-  smartCSR: true,
-  title: 'Playball!',
-  handleUncaughtExceptions: false,
-});
-
-screen.key(['escape', 'q', 'C-c'], () => process.exit(0));
-
-export default screen;

package/src/store/index.js

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

package/src/style/index.js

@@ -1,15 +0,0 @@
-export default {
-  list: {
-    selected: {
-      bg: 'blue', 
-      fg: 'white'
-    }
-  },
-  scrollbar: {
-    ch: ' ',
-    style: {
-      fg: 'white',
-      inverse: true
-    }
-  }
-};