Console.js

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */

const React = require("react");
const { Component, createFactory } = React;
const PropTypes = require("prop-types");
const dom = require("react-dom-factories");
const { KeyShortcuts } = require("devtools-modules");
const shortcuts = new KeyShortcuts({ window });

const { connect } = require("react-redux");
const { bindActionCreators } = require("redux");
const selectors = require("../selectors");

const Header = createFactory(require("./Header"));
const ResultsList = createFactory(require("./ResultsList"));

require("./Console.css");

class Console extends Component {
  static get propTypes() {
    return {
      addInput: PropTypes.func.isRequired,
      changeCurrentInput: PropTypes.func.isRequired,
      clearExpressions: PropTypes.func.isRequired,
      currentInputValue: PropTypes.string.isRequired,
      evaluateInput: PropTypes.func.isRequired,
      expressions: PropTypes.object.isRequired,
      hideResultPacket: PropTypes.func.isRequired,
      navigateInputHistory: PropTypes.func.isRequired,
      showResultPacket: PropTypes.func.isRequired,
      createObjectClient: PropTypes.func.isRequired,
      createLongStringClient: PropTypes.func.isRequired,
      releaseActor: PropTypes.func.isRequired
    };
  }

  componentDidMount() {
    shortcuts.on("CmdOrCtrl+Shift+L", this.props.clearExpressions);
  }

  componentWillUnmount() {
    shortcuts.off("CmdOrCtrl+Shift+L");
  }

  render() {
    const {
      addInput,
      changeCurrentInput,
      clearExpressions,
      currentInputValue,
      evaluateInput,
      expressions,
      hideResultPacket,
      navigateInputHistory,
      showResultPacket,
      createObjectClient,
      createLongStringClient,
      releaseActor
    } = this.props;

    return dom.main(
      {},
      Header({
        addInput,
        changeCurrentInput,
        clearResultsList: clearExpressions,
        currentInputValue,
        evaluate: evaluateInput,
        navigateInputHistory
      }),
      ResultsList({
        expressions: expressions.reverse(),
        hideResultPacket,
        showResultPacket,
        createObjectClient,
        createLongStringClient,
        releaseActor
      })
    );
  }
}

function mapStateToProps(state) {
  return {
    expressions: selectors.getExpressions(state),
    currentInputValue: selectors.getCurrentInputValue(state)
  };
}

function mapDispatchToProps(dispatch) {
  return bindActionCreators(require("../actions"), dispatch);
}

module.exports = connect(mapStateToProps, mapDispatchToProps)(Console);