playball 3.0.0 → 3.1.1

package/README.md

@@ -46,6 +46,68 @@ key | action
 ----|--------
 <kbd>&darr;</kbd>/<kbd>j</kbd>, <kbd>&uarr;</kbd>/<kbd>k</kbd> | scroll list of all plays
 
+### Configuration
+
+Playball can be configured using the `config` subcommand. To list the current configuration values run the subcommand with no additional arguments:
+
+```shell
+playball config
+```
+
+You should see output similar to:
+
+```
+color.ball = green
+color.favorite-star = yellow
+color.in-play-no-out = blue
+color.in-play-out = white
+color.in-play-runs-bg = white
+color.in-play-runs-fg = black
+color.on-base = yellow
+color.other-event = white
+color.out = red
+color.strike = red
+color.strike-out = red
+color.walk = green
+favorites = 
+```
+
+To get the value of a single setting pass the key as an additional argument:
+
+```shell
+playball config color.strike
+```
+
+To change a setting pass the key and value as arguments:
+
+```shell
+playball config color.strike blue
+```
+
+To revert a setting to its default value provide the key and the `--unset` flag:
+
+```shell
+playball config color.strike --unset
+```
+
+This table summarizes the available settings:
+
+key | description | default | allowed values
+----|-------------|---------|---------------
+`color.ball` | Color of dots representing balls in top row of game view | green | One of the following: `black`, `red`, `green`, `yellow`, `blue`, `magenta`, `cyan`, `white`, `grey`. Any of those colors may be prefixed by `bright-` or `light-` (for example `bright-green`). The exact color used will depend on your terminal settings. The value `default` may be used to specify the default text color for your terminal. Finally hex colors (e.g `#FFA500`) can be specified. If your terminal does not support true color, the closest supported color may be used. 
+`color.favorite-star` | Color of star indiciating favorite team in schedule and standing views | yellow | _See above_
+`color.in-play-no-out` | Color of result where ball was put in play and no out was made (single, double, etc) in list of plays in game view | blue | _See above_
+`color.in-play-out` | Color of result where ball was put in play and an out was made (flyout, fielder's choice, etc) in list of plays in game view | white | _See above_
+`color.in-play-runs-bg` | Background color for score update in list of plays in game view | white | _See above_
+`color.in-play-runs-fg` | Foreground color for score update in list of plays in game view | black | _See above_
+`color.on-base` | Color of diamonds representing runners on base in top row of game view | yellow | _See above_
+`color.other-event` | Color of other events (mound visit, injury delay, etc) in list of plays in game view | white | _See above_
+`color.out` | Color of dots representing outs in top row of game view | red | _See above_
+`color.strike` | Color of dots representing strikes in top row of game view | red | _See above_
+`color.strike-out` | Color of result where play ends on a strike (strike out) in list of plays in game view | red | _See above_
+`color.walk` | Color of result where play ends on a ball (walk, hit by pitch) in list of plays in game view | green | _See above_
+`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`)
+
 ### Development
 ```
 git clone https://github.com/paaatrick/playball.git

package/bin/playball.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-require('..');
+import '../dist/cli.js';

package/dist/cli.js

@@ -0,0 +1,31 @@
+/* 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/dist/components/AllPlays.js

@@ -1,133 +1,93 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _alternateRenderers = require("react-redux/lib/alternate-renderers");
-
-var _games = require("../features/games");
-
-var _style = _interopRequireDefault(require("../style"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import React from 'react';
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+import { selectAllPlays, selectTeams } from "../features/games.js";
+import { get } from "../config.js";
+import style from "../style/index.js";
 function getPlayResultColor(play) {
   var _play$playEvents;
-
   const lastPlay = (_play$playEvents = play.playEvents[play.playEvents.length - 1]) === null || _play$playEvents === void 0 ? void 0 : _play$playEvents.details;
-
   if (!lastPlay) {
-    return 'white';
+    return get('color.other-event');
   } else if (lastPlay.isBall) {
-    return 'green';
+    return get('color.walk');
   } else if (lastPlay.isStrike) {
-    return 'red';
+    return get('color.strike-out');
   } else if (lastPlay.isInPlay && !play.about.hasOut) {
-    return 'blue';
+    return get('color.in-play-no-out');
   } else {
-    return 'white';
+    return get('color.in-play-out');
   }
 }
-
 function formatOut(out) {
-  return ` {bold}${out} out{/bold}`;
+  return ` {bold}${out} out{/}`;
 }
-
 function AllPlays() {
-  const plays = (0, _alternateRenderers.useSelector)(_games.selectAllPlays);
-  const teams = (0, _alternateRenderers.useSelector)(_games.selectTeams);
-
-  const formatScoreDetail = scoreObj => ' {bold}{white-bg}{black-fg} ' + `${teams.away.abbreviation} ${scoreObj.awayScore} - ` + `${teams.home.abbreviation} ${scoreObj.homeScore}` + ' {/black-fg}{/white-bg}{/bold}';
-
+  const plays = useSelector(selectAllPlays);
+  const teams = useSelector(selectTeams);
+  const formatScoreDetail = scoreObj => ` {bold}{${get('color.in-play-runs-bg')}-bg}{${get('color.in-play-runs-fg')}-fg} ` + `${teams.away.abbreviation} ${scoreObj.awayScore} - ` + `${teams.home.abbreviation} ${scoreObj.homeScore}` + ' {/}';
   let inning = '';
   const lines = [];
   plays && plays.slice().reverse().forEach((play, playIdx, plays) => {
     let lastPlay;
-
     if (playIdx < plays.length - 1) {
       lastPlay = plays[playIdx + 1];
     }
-
     const playInning = play.about.halfInning + ' ' + play.about.inning;
-
     if (playInning !== inning) {
       inning = playInning;
-
       if (lines.length > 0) {
         lines.push('');
       }
-
-      lines.push(`{bold}[${inning.toUpperCase()}]{/bold}`);
+      lines.push(`{bold}[${inning.toUpperCase()}]{/}`);
     }
-
     if (play.about.isComplete) {
       const color = getPlayResultColor(play);
-      let line = `{${color}-fg}[${play.result.event}]{/${color}-fg} ${play.result.description}`;
-
+      let line = `{${color}-fg}[${play.result.event}]{/} ${play.result.description}`;
       if (play.about.hasOut) {
         const lastOut = play.playEvents[play.playEvents.length - 1].count.outs;
-
         if (lastOut !== play.count.outs) {
           line += formatOut(play.count.outs);
         }
       }
-
       if (play.about.isScoringPlay) {
         line += formatScoreDetail(play.result);
       }
-
       lines.push(line);
     }
-
     play.playEvents && play.playEvents.slice().reverse().forEach((event, eventIdx, events) => {
       if (event.type === 'action') {
         var _event$count;
-
         let line = '';
-
         if (event.details.event) {
-          line += `[${event.details.event}] `;
+          line += `{${get('color.other-event')}-fg}[${event.details.event}]{/} `;
         }
-
         line += event.details.description;
-
         if (event.isScoringPlay || event.details.isScoringPlay) {
           line += formatScoreDetail(event.details);
         }
-
         const currentOut = (_event$count = event.count) === null || _event$count === void 0 ? void 0 : _event$count.outs;
         let prevOut = lastPlay ? lastPlay.count.outs : 0;
-
         if (eventIdx < events.length - 1) {
           var _events$count;
-
           prevOut = (_events$count = events[eventIdx + 1].count) === null || _events$count === void 0 ? void 0 : _events$count.outs;
         }
-
         if (currentOut > prevOut) {
           line += formatOut(currentOut);
         }
-
         lines.push(line);
       }
     });
   });
-  return /*#__PURE__*/_react.default.createElement("box", {
+  return /*#__PURE__*/React.createElement("box", {
     content: lines.join('\n'),
     focused: true,
     mouse: true,
     keys: true,
     vi: true,
     scrollable: true,
-    scrollbar: _style.default.scrollbar,
+    scrollbar: style.scrollbar,
     alwaysScroll: true,
     tags: true
   });
 }
-
-var _default = AllPlays;
-exports.default = _default;
+export default AllPlays;

package/dist/components/App.js

@@ -1,68 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _alternateRenderers = require("react-redux/lib/alternate-renderers");
-
-var _GameList = _interopRequireDefault(require("./GameList"));
-
-var _HelpBar = _interopRequireDefault(require("./HelpBar"));
-
-var _games = require("../features/games");
-
-var _Game = _interopRequireDefault(require("./Game"));
-
-var _useKey = _interopRequireDefault(require("../hooks/useKey"));
-
-var _Standings = _interopRequireDefault(require("./Standings"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+import React, { useState } from 'react';
+import { useDispatch } from "react-redux/lib/alternate-renderers.js";
+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] = (0, _react.useState)(SCHEDULE);
-  const dispatch = (0, _alternateRenderers.useDispatch)();
-  (0, _useKey.default)('c', () => {
+  const [view, setView] = useState(SCHEDULE);
+  const dispatch = useDispatch();
+  useKey('c', () => {
     setView(SCHEDULE);
-    dispatch((0, _games.setSelectedId)(null));
+    dispatch(setSelectedId(null));
   }, {
     key: 'C',
     label: 'Schedule'
   });
-  (0, _useKey.default)('s', () => setView(STANDINGS), {
+  useKey('s', () => setView(STANDINGS), {
     key: 'S',
     label: 'Standings'
   });
-
   const handleGameSelect = game => {
-    dispatch((0, _games.setSelectedId)(game.gamePk));
+    dispatch(setSelectedId(game.gamePk));
     setView(GAME);
   };
-
-  return /*#__PURE__*/_react.default.createElement("element", null, /*#__PURE__*/_react.default.createElement("element", {
+  return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement("element", {
     top: 0,
     left: 0,
     height: "100%-1"
-  }, view === STANDINGS && /*#__PURE__*/_react.default.createElement(_Standings.default, null), view === SCHEDULE && /*#__PURE__*/_react.default.createElement(_GameList.default, {
+  }, view === STANDINGS && /*#__PURE__*/React.createElement(Standings, null), view === SCHEDULE && /*#__PURE__*/React.createElement(GameList, {
     onGameSelect: handleGameSelect
-  }), view === GAME && /*#__PURE__*/_react.default.createElement(_Game.default, null)), /*#__PURE__*/_react.default.createElement("element", {
+  }), view === GAME && /*#__PURE__*/React.createElement(Game, null)), /*#__PURE__*/React.createElement("element", {
     top: "100%-1",
     left: 0,
     height: 1
-  }, /*#__PURE__*/_react.default.createElement(_HelpBar.default, null)));
+  }, /*#__PURE__*/React.createElement(HelpBar, null)));
 }
-
-var _default = App;
-exports.default = _default;
+export default App;

package/dist/components/AtBat.js

@@ -1,67 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _alternateRenderers = require("react-redux/lib/alternate-renderers");
-
-var _games = require("../features/games");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import React from 'react';
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+import { selectCurrentPlay } from "../features/games.js";
 function AtBat() {
-  const currentPlay = (0, _alternateRenderers.useSelector)(_games.selectCurrentPlay);
+  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) {
-        var _event$pitchData, _event$details, _event$details$type, _event$details2;
-
+        var _event$pitchData, _event$details, _event$details2;
         line = `[${event.details.description}] `;
-
         if ((_event$pitchData = event.pitchData) !== null && _event$pitchData !== void 0 && _event$pitchData.startSpeed) {
           line += `${event.pitchData.startSpeed} MPH `;
         }
-
-        if ((_event$details = event.details) !== null && _event$details !== void 0 && (_event$details$type = _event$details.type) !== null && _event$details$type !== void 0 && _event$details$type.description) {
+        if ((_event$details = event.details) !== null && _event$details !== void 0 && (_event$details = _event$details.type) !== null && _event$details !== void 0 && _event$details.description) {
           line += event.details.type.description;
         }
-
         if (!((_event$details2 = event.details) !== null && _event$details2 !== void 0 && _event$details2.isInPlay)) {
           line += `{|} ${event.count.balls}-${event.count.strikes}`;
         }
       } else {
         var _event$details3;
-
         if ((_event$details3 = event.details) !== null && _event$details3 !== void 0 && _event$details3.event) {
           line += `[${event.details.event}] `;
         }
-
         line += event.details.description;
       }
-
       return line;
     }).join('\n');
   }
-
-  return /*#__PURE__*/_react.default.createElement("box", {
+  return /*#__PURE__*/React.createElement("box", {
     content: content,
     tags: true
   });
 }
-
-var _default = AtBat;
-exports.default = _default;
+export default AtBat;

package/dist/components/Bases.js

@@ -1,38 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _alternateRenderers = require("react-redux/lib/alternate-renderers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _games = require("../features/games");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const formatBase = (offense, base) => base in offense ? '{yellow-fg}◆{/yellow-fg}' : '◇';
-
+import React from 'react';
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+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
-  } = (0, _alternateRenderers.useSelector)(_games.selectLineScore);
+  } = useSelector(selectLineScore);
   const content = `  ${formatBase(offense, 'second')}\n` + `${formatBase(offense, 'third')}   ${formatBase(offense, 'first')}`;
-  return /*#__PURE__*/_react.default.createElement("box", {
+  return /*#__PURE__*/React.createElement("box", {
     align: align,
     content: content,
     tags: true
   });
 }
-
 Bases.propTypes = {
-  align: _propTypes.default.oneOf(['left', 'center', 'right'])
+  align: PropTypes.oneOf(['left', 'center', 'right'])
 };
-var _default = Bases;
-exports.default = _default;
+export default Bases;

package/dist/components/Count.js

@@ -1,36 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _alternateRenderers = require("react-redux/lib/alternate-renderers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _games = require("../features/games");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import React from 'react';
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+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 = (0, _alternateRenderers.useSelector)(_games.selectLineScore);
-  const content = `B: {green-fg}${formatCount(linescore.balls, 4)}{/green-fg}\n` + `S: {red-fg}${formatCount(linescore.strikes, 3)}{/red-fg}\n` + `O: {red-fg}${formatCount(linescore.outs, 3)}{/red-fg}`;
-  return /*#__PURE__*/_react.default.createElement("box", {
+  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 /*#__PURE__*/React.createElement("box", {
     align: align,
     content: content,
     tags: true
   });
 }
-
 Count.propTypes = {
-  align: _propTypes.default.oneOf(['left', 'center', 'right'])
+  align: PropTypes.oneOf(['left', 'center', 'right'])
 };
-var _default = Count;
-exports.default = _default;
+export default Count;