webpackHotUpdate(0,{

/***/ 211:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__output_css__ = __webpack_require__(212);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__output_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__output_css__);\n\n\n\n\nclass Output extends __WEBPACK_IMPORTED_MODULE_0_react___default.a.Component {\n\n  constructor(props) {\n    super(props);\n    this.state = { messages: [] };\n  }\n\n  clearList() {\n    this.setState({ messages: [] });\n  }\n\n  componentDidMount() {\n    const oldFunc = this.props.instance[`out_${this.props.port.name}`];\n    const self = this;\n    function decoratedOutput(msg) {\n      oldFunc(msg);\n      self.setState({ messages: self.state.messages.concat(msg) });\n    }\n    this.props.instance[`out_${this.props.port.name}`] = decoratedOutput;\n  }\n\n  render() {\n    return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n      'div',\n      { className: 'output' },\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'span',\n        null,\n        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n          'strong',\n          null,\n          '\"',\n          this.props.port.name,\n          '\"'\n        ),\n        ' messages'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'span',\n        { className: 'clickable', onClick: () => this.clearList() },\n        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('i', { className: 'fa fa-trash' })\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'ul',\n        { className: 'list' },\n        this.state.messages.map((msg, i) => __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n          'li',\n          { key: i },\n          msg\n        ))\n      )\n    );\n  }\n}\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = Output;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjExLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2Jyb3dzZXItdGVzdGVyL3NyYy9jb21wb25lbnRzL091dHB1dC9pbmRleC5qcz9hMDhjIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCAnLi9vdXRwdXQuY3NzJztcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgT3V0cHV0IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcblxuICBjb25zdHJ1Y3Rvcihwcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0geyBtZXNzYWdlczogW10gfTtcbiAgfVxuXG4gIGNsZWFyTGlzdCgpIHtcbiAgICB0aGlzLnNldFN0YXRlKHsgbWVzc2FnZXM6IFtdIH0pO1xuICB9XG5cbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgY29uc3Qgb2xkRnVuYyA9IHRoaXMucHJvcHMuaW5zdGFuY2VbYG91dF8ke3RoaXMucHJvcHMucG9ydC5uYW1lfWBdO1xuICAgIGNvbnN0IHNlbGYgPSB0aGlzO1xuICAgIGZ1bmN0aW9uIGRlY29yYXRlZE91dHB1dChtc2cpIHtcbiAgICAgIG9sZEZ1bmMobXNnKTtcbiAgICAgIHNlbGYuc2V0U3RhdGUoeyBtZXNzYWdlczogc2VsZi5zdGF0ZS5tZXNzYWdlcy5jb25jYXQobXNnKSB9KTtcbiAgICB9XG4gICAgdGhpcy5wcm9wcy5pbnN0YW5jZVtgb3V0XyR7dGhpcy5wcm9wcy5wb3J0Lm5hbWV9YF0gPSBkZWNvcmF0ZWRPdXRwdXQ7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwib3V0cHV0XCI+XG4gICAgICAgIDxzcGFuPjxzdHJvbmc+XCJ7dGhpcy5wcm9wcy5wb3J0Lm5hbWV9XCI8L3N0cm9uZz4gbWVzc2FnZXM8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cImNsaWNrYWJsZVwiIG9uQ2xpY2s9eygpID0+IHRoaXMuY2xlYXJMaXN0KCl9PjxpIGNsYXNzTmFtZT1cImZhIGZhLXRyYXNoXCI+PC9pPjwvc3Bhbj5cbiAgICAgICAgPHVsIGNsYXNzTmFtZT1cImxpc3RcIj5cbiAgICAgICAgICB7dGhpcy5zdGF0ZS5tZXNzYWdlcy5tYXAoKG1zZywgaSkgPT4gKFxuICAgICAgICAgICAgPGxpIGtleT17aX0+e21zZ308L2xpPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L3VsPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGJyb3dzZXItdGVzdGVyL3NyYy9jb21wb25lbnRzL091dHB1dC9pbmRleC5qcyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFGQTtBQUhBO0FBVUE7QUFqQ0E7OyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///211\n");

/***/ })

})