markuapad 0.2.1 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fa0c2b3b060c816c03ded763be2e2e7aeb9b2a4c
-  data.tar.gz: 78c90635574901183cfd595c7481868e8e025efc
+  metadata.gz: 6697ca43810042dc3eb2742a3bd2f19136b9a489
+  data.tar.gz: 328a28ef45b5327ee170b89aef15e39ab6ec2ada
 SHA512:
-  metadata.gz: 15b3584989d596670aa9aae09979a9e2c61e5334da2240a15dc44caa50b4e5ccdd0a9e0e9f83b30f8ba1fdff44b669ea178eb94247cf1e23b935551de4a93aa4
-  data.tar.gz: d755623f07e0e2bc2a65d4faf606d342463d5b06798962aac8ddceb70363d70e5426c8a19a7b79e93254018528fbad71d996bb7f4342cdfb840738bf25f8ecb9
+  metadata.gz: 5d134c0369e896f3023b04e3754397320f036aec939be075f458c14bdba8f9e5395ef7f2386fb68f7ac330d24127b0f6e18707441002009887926ec9b77f89b0
+  data.tar.gz: d58756073d59110de330508bf0a05bb93bc2406a2c6409a39bd9508ade0c63ab0b9330f0951be74f73d5a6cadaf02004c91c7bfc1f24dba98f7561bde7678ff3

data/.babelrc

@@ -1,3 +1,3 @@
 {
-  "stage": 1
+  "stage": 0
 }

data/Gemfile.lock

@@ -0,0 +1,20 @@
+PATH
+  remote: .
+  specs:
+    markuapad (0.2.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (10.4.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.9)
+  markuapad!
+  rake (~> 10.0)
+
+BUNDLED WITH
+   1.10.5

data/app/assets/javascripts/markuapad.js

@@ -3094,10 +3094,26 @@
 	  _inherits(Main, _React$Component);
 
 	  function Main(props) {
+	    var _this = this;
+
 	    _classCallCheck(this, Main);
 
 	    _get(Object.getPrototypeOf(Main.prototype), "constructor", this).call(this, props);
 
+	    this.onProgress = function (progressType) {
+	      _this.setState({ progressType: progressType, inProgress: false });
+
+	      clearInterval(_this.progressUpdateInterval);
+
+	      _this.progressUpdateInterval = setTimeout(function () {
+	        _this.setState({ progressType: null });
+	      }, 1000);
+	    };
+
+	    this.onProgressStarted = function () {
+	      _this.setState({ inProgress: true });
+	    };
+
 	    // Setup some initial state
 	    this.state = {
 	      currentFile: null,
@@ -3123,6 +3139,8 @@
 	    _file_accessor2["default"].onDelete(this.onManuscriptChange);
 	    _file_accessor2["default"].onManuscriptChange(this.onManuscriptChange);
 	    _file_accessor2["default"].onAdd(this.onFileAdded);
+	    _file_accessor2["default"].onProgress(this.onProgress);
+	    _file_accessor2["default"].onProgressStarted(this.onProgressStarted);
 	  }
 
 	  _createClass(Main, [{
@@ -3181,14 +3199,14 @@
 	  }, {
 	    key: "toggleLiveMode",
 	    value: function toggleLiveMode() {
-	      var _this = this;
+	      var _this2 = this;
 
 	      // Clear the preview state here as well, so we don't accidentally open a preview
 	      this.setState({ inLiveMode: !this.state.inLiveMode, previewState: "closed" }, function () {
 	        window.dispatchEvent(new Event("resize"));
 
 	        // If we transition into live mode, then kick off an initial preview;
-	        if (_this.state.inLiveMode) _this.onGeneratePreview();
+	        if (_this2.state.inLiveMode) _this2.onGeneratePreview();
 	      });
 	    }
 	  }, {
@@ -3210,6 +3228,8 @@
 	        "section",
 	        { className: "markuapad" },
 	        _react2["default"].createElement(_toolbar2["default"], {
+	          inProgress: this.state.inProgress,
+	          progressType: this.state.progressType,
 	          bookTitle: this.props.bookTitle,
 	          onGeneratePreview: this.onGeneratePreview,
 	          toggleLiveMode: this.toggleLiveMode,
@@ -23916,6 +23936,20 @@
 
 	      (_fileAccessorDelegate14 = this.fileAccessorDelegate).onAdd.apply(_fileAccessorDelegate14, arguments);
 	    }
+	  }, {
+	    key: "onProgress",
+	    value: function onProgress() {
+	      var _fileAccessorDelegate15;
+
+	      (_fileAccessorDelegate15 = this.fileAccessorDelegate).onProgress.apply(_fileAccessorDelegate15, arguments);
+	    }
+	  }, {
+	    key: "onProgressStarted",
+	    value: function onProgressStarted() {
+	      var _fileAccessorDelegate16;
+
+	      (_fileAccessorDelegate16 = this.fileAccessorDelegate).onProgressStarted.apply(_fileAccessorDelegate16, arguments);
+	    }
 	  }, {
 	    key: "supportsImageUploads",
 	    value: function supportsImageUploads() {
@@ -55807,91 +55841,106 @@
 /* 241 */
 /***/ function(module, exports, __webpack_require__) {
 
-	"use strict";
+	'use strict';
 
-	Object.defineProperty(exports, "__esModule", {
+	Object.defineProperty(exports, '__esModule', {
 	  value: true
 	});
 
-	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
 
-	var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
+	var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
 
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 
-	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
+	function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
 
 	var _react = __webpack_require__(72);
 
 	var _react2 = _interopRequireDefault(_react);
 
+	var PROGRESS_TYPE_MAP = {
+	  'manuscript_update': 'Manuscript Updated.',
+	  'file_save': 'Saved.',
+	  'image_create': 'Image Created.',
+	  'file_delete': 'File Deleted'
+	};
+
 	var Toolbar = (function (_React$Component) {
 	  _inherits(Toolbar, _React$Component);
 
 	  function Toolbar() {
 	    _classCallCheck(this, Toolbar);
 
-	    _get(Object.getPrototypeOf(Toolbar.prototype), "constructor", this).apply(this, arguments);
+	    _get(Object.getPrototypeOf(Toolbar.prototype), 'constructor', this).apply(this, arguments);
 	  }
 
 	  _createClass(Toolbar, [{
-	    key: "render",
+	    key: 'render',
 	    value: function render() {
-	      if (this.props.enablePreview) {
-	        return _react2["default"].createElement(
-	          "nav",
-	          { className: "toolbar" },
-	          _react2["default"].createElement(
-	            "h3",
-	            { className: "book-title" },
-	            this.props.bookTitle
+	      return _react2['default'].createElement(
+	        'nav',
+	        { className: 'toolbar' },
+	        _react2['default'].createElement(
+	          'h3',
+	          { className: 'book-title' },
+	          this.props.bookTitle
+	        ),
+	        _react2['default'].createElement(
+	          'ul',
+	          { className: 'actions' },
+	          _react2['default'].createElement(
+	            'li',
+	            null,
+	            _react2['default'].createElement(
+	              'a',
+	              { className: 'progressMessage ' + (this.props.inProgress ? 'active' : '') },
+	              this.props.inProgress ? _react2['default'].createElement('i', { className: 'fa fa-refresh fa-spin' }) : null,
+	              ' ',
+	              PROGRESS_TYPE_MAP[this.props.progressType] || 'Working...'
+	            )
 	          ),
-	          _react2["default"].createElement(
-	            "ul",
-	            { className: "actions" },
-	            _react2["default"].createElement(
-	              "li",
-	              null,
-	              _react2["default"].createElement(
-	                "a",
-	                { className: this.props.inLiveMode ? "active" : "", onClick: this.props.toggleLiveMode },
-	                _react2["default"].createElement("i", { className: "fa fa-columns" }),
-	                " Live Mode"
-	              )
-	            ),
-	            _react2["default"].createElement(
-	              "li",
-	              null,
-	              _react2["default"].createElement(
-	                "a",
-	                { className: this.props.inLiveMode ? "disabled" : "", onClick: this.props.onGeneratePreview },
-	                _react2["default"].createElement("i", { className: "fa fa-play" }),
-	                " Preview"
-	              )
+	          this.props.enablePreview ? [_react2['default'].createElement(
+	            'li',
+	            { key: 'toggleLive' },
+	            _react2['default'].createElement(
+	              'a',
+	              { className: this.props.inLiveMode ? 'active' : '', onClick: this.props.toggleLiveMode },
+	              _react2['default'].createElement('i', { className: 'fa fa-columns' }),
+	              ' Live Mode'
 	            )
-	          )
-	        );
-	      } else {
-	        return _react2["default"].createElement("span", null);
-	      }
+	          ), _react2['default'].createElement(
+	            'li',
+	            { key: 'preview' },
+	            _react2['default'].createElement(
+	              'a',
+	              { className: this.props.inLiveMode ? 'disabled' : '', onClick: this.props.onGeneratePreview },
+	              _react2['default'].createElement('i', { className: 'fa fa-play' }),
+	              ' Preview'
+	            )
+	          )] : null
+	        )
+	      );
 	    }
 	  }]);
 
 	  return Toolbar;
-	})(_react2["default"].Component);
+	})(_react2['default'].Component);
 
 	Toolbar.propTypes = {
-	  enablePreview: _react2["default"].PropTypes.bool.isRequired,
-	  inLiveMode: _react2["default"].PropTypes.bool.isRequired,
-	  toggleLiveMode: _react2["default"].PropTypes.func.isRequired,
-	  onGeneratePreview: _react2["default"].PropTypes.func.isRequired,
-	  bookTitle: _react2["default"].PropTypes.string.isRequired
+	  enablePreview: _react2['default'].PropTypes.bool.isRequired,
+	  inProgress: _react2['default'].PropTypes.bool.isRequired,
+	  progressType: _react2['default'].PropTypes.string,
+	  inLiveMode: _react2['default'].PropTypes.bool.isRequired,
+	  toggleLiveMode: _react2['default'].PropTypes.func.isRequired,
+	  onGeneratePreview: _react2['default'].PropTypes.func.isRequired,
+	  bookTitle: _react2['default'].PropTypes.string.isRequired
 	};
 
-	exports["default"] = Toolbar;
-	module.exports = exports["default"];
+	exports['default'] = Toolbar;
+	module.exports = exports['default'];
 
 /***/ },
 /* 242 */

data/app/assets/stylesheets/markuapad.css

@@ -285,6 +285,16 @@ html {
       color: white; }
     .markuapad .toolbar .menus .dropdown > a.disabled, .markuapad .toolbar .actions li > a.disabled {
       color: #aaa; }
+  .markuapad .toolbar .menus .dropdown > a.progressMessage, .markuapad .toolbar .actions li > a.progressMessage {
+    -webkit-transition: opacity 1s ease-in-out;
+    -moz-transition: opacity 1s ease-in-out;
+    transition: opacity 1s ease-in-out;
+    opacity: 0;
+    border: none; }
+    .markuapad .toolbar .menus .dropdown > a.progressMessage.active, .markuapad .toolbar .actions li > a.progressMessage.active {
+      opacity: .7;
+      background: initial;
+      color: #555; }
 
 .markuapad .toolbar {
   display: -webkit-box;

data/build/app.css

@@ -285,6 +285,16 @@ html {
       color: white; }
     .markuapad .toolbar .menus .dropdown > a.disabled, .markuapad .toolbar .actions li > a.disabled {
       color: #aaa; }
+  .markuapad .toolbar .menus .dropdown > a.progressMessage, .markuapad .toolbar .actions li > a.progressMessage {
+    -webkit-transition: opacity 1s ease-in-out;
+    -moz-transition: opacity 1s ease-in-out;
+    transition: opacity 1s ease-in-out;
+    opacity: 0;
+    border: none; }
+    .markuapad .toolbar .menus .dropdown > a.progressMessage.active, .markuapad .toolbar .actions li > a.progressMessage.active {
+      opacity: .7;
+      background: initial;
+      color: #555; }
 
 .markuapad .toolbar {
   display: -webkit-box;

data/build/app.js

@@ -3079,10 +3079,26 @@
 	  _inherits(Main, _React$Component);
 
 	  function Main(props) {
+	    var _this = this;
+
 	    _classCallCheck(this, Main);
 
 	    _get(Object.getPrototypeOf(Main.prototype), "constructor", this).call(this, props);
 
+	    this.onProgress = function (progressType) {
+	      _this.setState({ progressType: progressType, inProgress: false });
+
+	      clearInterval(_this.progressUpdateInterval);
+
+	      _this.progressUpdateInterval = setTimeout(function () {
+	        _this.setState({ progressType: null });
+	      }, 1000);
+	    };
+
+	    this.onProgressStarted = function () {
+	      _this.setState({ inProgress: true });
+	    };
+
 	    // Setup some initial state
 	    this.state = {
 	      currentFile: null,
@@ -3108,6 +3124,8 @@
 	    _file_accessor2["default"].onDelete(this.onManuscriptChange);
 	    _file_accessor2["default"].onManuscriptChange(this.onManuscriptChange);
 	    _file_accessor2["default"].onAdd(this.onFileAdded);
+	    _file_accessor2["default"].onProgress(this.onProgress);
+	    _file_accessor2["default"].onProgressStarted(this.onProgressStarted);
 	  }
 
 	  _createClass(Main, [{
@@ -3166,14 +3184,14 @@
 	  }, {
 	    key: "toggleLiveMode",
 	    value: function toggleLiveMode() {
-	      var _this = this;
+	      var _this2 = this;
 
 	      // Clear the preview state here as well, so we don't accidentally open a preview
 	      this.setState({ inLiveMode: !this.state.inLiveMode, previewState: "closed" }, function () {
 	        window.dispatchEvent(new Event("resize"));
 
 	        // If we transition into live mode, then kick off an initial preview;
-	        if (_this.state.inLiveMode) _this.onGeneratePreview();
+	        if (_this2.state.inLiveMode) _this2.onGeneratePreview();
 	      });
 	    }
 	  }, {
@@ -3195,6 +3213,8 @@
 	        "section",
 	        { className: "markuapad" },
 	        _react2["default"].createElement(_toolbar2["default"], {
+	          inProgress: this.state.inProgress,
+	          progressType: this.state.progressType,
 	          bookTitle: this.props.bookTitle,
 	          onGeneratePreview: this.onGeneratePreview,
 	          toggleLiveMode: this.toggleLiveMode,
@@ -23901,6 +23921,20 @@
 
 	      (_fileAccessorDelegate14 = this.fileAccessorDelegate).onAdd.apply(_fileAccessorDelegate14, arguments);
 	    }
+	  }, {
+	    key: "onProgress",
+	    value: function onProgress() {
+	      var _fileAccessorDelegate15;
+
+	      (_fileAccessorDelegate15 = this.fileAccessorDelegate).onProgress.apply(_fileAccessorDelegate15, arguments);
+	    }
+	  }, {
+	    key: "onProgressStarted",
+	    value: function onProgressStarted() {
+	      var _fileAccessorDelegate16;
+
+	      (_fileAccessorDelegate16 = this.fileAccessorDelegate).onProgressStarted.apply(_fileAccessorDelegate16, arguments);
+	    }
 	  }, {
 	    key: "supportsImageUploads",
 	    value: function supportsImageUploads() {
@@ -55792,91 +55826,106 @@
 /* 241 */
 /***/ function(module, exports, __webpack_require__) {
 
-	"use strict";
+	'use strict';
 
-	Object.defineProperty(exports, "__esModule", {
+	Object.defineProperty(exports, '__esModule', {
 	  value: true
 	});
 
-	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
 
-	var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
+	var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
 
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 
-	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
+	function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
 
 	var _react = __webpack_require__(72);
 
 	var _react2 = _interopRequireDefault(_react);
 
+	var PROGRESS_TYPE_MAP = {
+	  'manuscript_update': 'Manuscript Updated.',
+	  'file_save': 'Saved.',
+	  'image_create': 'Image Created.',
+	  'file_delete': 'File Deleted'
+	};
+
 	var Toolbar = (function (_React$Component) {
 	  _inherits(Toolbar, _React$Component);
 
 	  function Toolbar() {
 	    _classCallCheck(this, Toolbar);
 
-	    _get(Object.getPrototypeOf(Toolbar.prototype), "constructor", this).apply(this, arguments);
+	    _get(Object.getPrototypeOf(Toolbar.prototype), 'constructor', this).apply(this, arguments);
 	  }
 
 	  _createClass(Toolbar, [{
-	    key: "render",
+	    key: 'render',
 	    value: function render() {
-	      if (this.props.enablePreview) {
-	        return _react2["default"].createElement(
-	          "nav",
-	          { className: "toolbar" },
-	          _react2["default"].createElement(
-	            "h3",
-	            { className: "book-title" },
-	            this.props.bookTitle
+	      return _react2['default'].createElement(
+	        'nav',
+	        { className: 'toolbar' },
+	        _react2['default'].createElement(
+	          'h3',
+	          { className: 'book-title' },
+	          this.props.bookTitle
+	        ),
+	        _react2['default'].createElement(
+	          'ul',
+	          { className: 'actions' },
+	          _react2['default'].createElement(
+	            'li',
+	            null,
+	            _react2['default'].createElement(
+	              'a',
+	              { className: 'progressMessage ' + (this.props.inProgress ? 'active' : '') },
+	              this.props.inProgress ? _react2['default'].createElement('i', { className: 'fa fa-refresh fa-spin' }) : null,
+	              ' ',
+	              PROGRESS_TYPE_MAP[this.props.progressType] || 'Working...'
+	            )
 	          ),
-	          _react2["default"].createElement(
-	            "ul",
-	            { className: "actions" },
-	            _react2["default"].createElement(
-	              "li",
-	              null,
-	              _react2["default"].createElement(
-	                "a",
-	                { className: this.props.inLiveMode ? "active" : "", onClick: this.props.toggleLiveMode },
-	                _react2["default"].createElement("i", { className: "fa fa-columns" }),
-	                " Live Mode"
-	              )
-	            ),
-	            _react2["default"].createElement(
-	              "li",
-	              null,
-	              _react2["default"].createElement(
-	                "a",
-	                { className: this.props.inLiveMode ? "disabled" : "", onClick: this.props.onGeneratePreview },
-	                _react2["default"].createElement("i", { className: "fa fa-play" }),
-	                " Preview"
-	              )
+	          this.props.enablePreview ? [_react2['default'].createElement(
+	            'li',
+	            { key: 'toggleLive' },
+	            _react2['default'].createElement(
+	              'a',
+	              { className: this.props.inLiveMode ? 'active' : '', onClick: this.props.toggleLiveMode },
+	              _react2['default'].createElement('i', { className: 'fa fa-columns' }),
+	              ' Live Mode'
 	            )
-	          )
-	        );
-	      } else {
-	        return _react2["default"].createElement("span", null);
-	      }
+	          ), _react2['default'].createElement(
+	            'li',
+	            { key: 'preview' },
+	            _react2['default'].createElement(
+	              'a',
+	              { className: this.props.inLiveMode ? 'disabled' : '', onClick: this.props.onGeneratePreview },
+	              _react2['default'].createElement('i', { className: 'fa fa-play' }),
+	              ' Preview'
+	            )
+	          )] : null
+	        )
+	      );
 	    }
 	  }]);
 
 	  return Toolbar;
-	})(_react2["default"].Component);
+	})(_react2['default'].Component);
 
 	Toolbar.propTypes = {
-	  enablePreview: _react2["default"].PropTypes.bool.isRequired,
-	  inLiveMode: _react2["default"].PropTypes.bool.isRequired,
-	  toggleLiveMode: _react2["default"].PropTypes.func.isRequired,
-	  onGeneratePreview: _react2["default"].PropTypes.func.isRequired,
-	  bookTitle: _react2["default"].PropTypes.string.isRequired
+	  enablePreview: _react2['default'].PropTypes.bool.isRequired,
+	  inProgress: _react2['default'].PropTypes.bool.isRequired,
+	  progressType: _react2['default'].PropTypes.string,
+	  inLiveMode: _react2['default'].PropTypes.bool.isRequired,
+	  toggleLiveMode: _react2['default'].PropTypes.func.isRequired,
+	  onGeneratePreview: _react2['default'].PropTypes.func.isRequired,
+	  bookTitle: _react2['default'].PropTypes.string.isRequired
 	};
 
-	exports["default"] = Toolbar;
-	module.exports = exports["default"];
+	exports['default'] = Toolbar;
+	module.exports = exports['default'];
 
 /***/ },
 /* 242 */