markuapad 0.1.8 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a50f24eeaee372fb2b60b40005d5043b186841f5
-  data.tar.gz: da14b23265b2188658070cc2da2868acb33f4603
+  metadata.gz: 5c5e913e3b2c5d70eee45d60588c76522b024d2a
+  data.tar.gz: 5f374926fb7277ac3a30df56cda379d1410fee96
 SHA512:
-  metadata.gz: cf458fedd35ab29181ff0de62a7c3765fbe7f011b52719e05bd2ca9dcc962eef7c32bd62b6102ff58bfb08b2d688f027f487ba721379f903ec8d054d22041653
-  data.tar.gz: b86089df983395e9035a4a737a44dd7844f7168337ed312e72712ae2c55fa50e66d78599a8bad2f80aca2dbf66e05f87a343b8764c07bb80491ed0464c0e90ce
+  metadata.gz: 8c217a2b477ed964149ec34c1f1a1e39b830c5a48dd47e47f4d0f6737bae53459da836acbd2f8625d7ef1bbf7d6cec564c8e6385d44cd5689a3b8586e9240b1e
+  data.tar.gz: 0150d729ed9180494e678dd61770d5b7e76883d93cd2ad6be4ede169e04f9467c032b513bd0c16c21bf1699c021d5f3a62e436730a986d6d656dc0088ebcbb9a

data/README.md

@@ -18,6 +18,7 @@ You can use this project by including it in your package.json, then including th
 
 #### Ensure that you have webpack installed
 `npm install -g webpack`
+`npm install webpack-dev-server -g`
 
 #### Get the code
 Run the following:

data/app/assets/javascripts/markuapad.js

@@ -108,7 +108,8 @@
 	_underscore2["default"].string = _underscoreString2["default"];
 
 	var DEFAULT_OPTIONS = {
-	  CHANGED_INTERVAL: 100
+	  CHANGED_INTERVAL: 100,
+	  enablePreview: true
 	};
 
 	var Markuapad = (function () {
@@ -3102,7 +3103,7 @@
 	      currentFile: null,
 	      imageFile: null,
 	      previewState: "closed",
-	      inLiveMode: true,
+	      inLiveMode: this.props.options.enablePreview,
 	      previewHtml: ""
 	    };
 
@@ -3129,8 +3130,8 @@
 
 	    // Lifecycle methods
 	    value: function componentDidMount() {
-	      // Trigger a preview right away -- since we start in live mode
-	      this.onGeneratePreview();
+	      // Trigger a preview right away if we are in live mode
+	      if (this.state.inLiveMode) this.onGeneratePreview();
 	    }
 	  }, {
 	    key: "onFileAdded",
@@ -3212,7 +3213,8 @@
 	          bookTitle: this.props.bookTitle,
 	          onGeneratePreview: this.onGeneratePreview,
 	          toggleLiveMode: this.toggleLiveMode,
-	          inLiveMode: this.state.inLiveMode
+	          inLiveMode: this.state.inLiveMode,
+	          enablePreview: this.props.options.enablePreview
 	        }),
 	        _react2["default"].createElement(
 	          "section",
@@ -3230,7 +3232,7 @@
 	            this.state.inLiveMode ? _react2["default"].createElement(_live_preview2["default"], { key: "live-mode", ref: "liveMode", html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }) : null
 	          )
 	        ),
-	        this.state.inLiveMode ? _react2["default"].createElement("span", null) : _react2["default"].createElement(_preview2["default"], { key: "preview", onClosePreview: this.onClosePreview, html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }),
+	        this.state.inLiveMode ? _react2["default"].createElement("span", null) : _react2["default"].createElement(_preview2["default"], { key: "preview", inLiveMode: this.state.inLiveMode, onClosePreview: this.onClosePreview, html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }),
 	        this.state.imageFile ? _react2["default"].createElement(_image_modal2["default"], { file: this.state.imageFile, onClose: _underscore2["default"].partial(this.onPreviewImage, null) }) : null
 	      );
 	    }
@@ -55837,39 +55839,43 @@
 	  _createClass(Toolbar, [{
 	    key: "render",
 	    value: function render() {
-	      return _react2["default"].createElement(
-	        "nav",
-	        { className: "toolbar" },
-	        _react2["default"].createElement(
-	          "h3",
-	          { className: "book-title" },
-	          this.props.bookTitle
-	        ),
-	        _react2["default"].createElement(
-	          "ul",
-	          { className: "actions" },
+	      if (this.props.enablePreview) {
+	        return _react2["default"].createElement(
+	          "nav",
+	          { className: "toolbar" },
 	          _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"
-	            )
+	            "h3",
+	            { className: "book-title" },
+	            this.props.bookTitle
 	          ),
 	          _react2["default"].createElement(
-	            "li",
-	            null,
+	            "ul",
+	            { className: "actions" },
 	            _react2["default"].createElement(
-	              "a",
-	              { className: this.props.inLiveMode ? "disabled" : "", onClick: this.props.onGeneratePreview },
-	              _react2["default"].createElement("i", { className: "fa fa-play" }),
-	              " Preview"
+	              "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"
+	              )
 	            )
 	          )
-	        )
-	      );
+	        );
+	      } else {
+	        return _react2["default"].createElement("span", null);
+	      }
 	    }
 	  }]);
 
@@ -55877,6 +55883,7 @@
 	})(_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,
@@ -55990,7 +55997,7 @@
 	  }, {
 	    key: "listManuscript",
 
-	    // List what files we have
+	    // List what text files we have
 	    value: function listManuscript() {
 	      var _this = this;
 
@@ -56005,7 +56012,7 @@
 	  }, {
 	    key: "listImage",
 
-	    // List what files we have
+	    // List what image files we have
 	    value: function listImage() {
 	      var _this2 = this;
 
@@ -56020,7 +56027,7 @@
 	  }, {
 	    key: "listCode",
 
-	    // List what files we have
+	    // List what code files we have
 	    value: function listCode() {
 	      var _this3 = this;
 
@@ -56270,7 +56277,7 @@
 	FileBrowser.propTypes = {
 	  projectRoot: _react2["default"].PropTypes.string.isRequired,
 	  onChangeFile: _react2["default"].PropTypes.func.isRequired,
-	  currentFile: _react2["default"].PropTypes.string.isRequired
+	  currentFile: _react2["default"].PropTypes.string
 	};
 
 	exports["default"] = (0, _reactDnd.DragDropContext)(_reactDndModulesBackendsHTML52["default"])(FileBrowser);
@@ -63858,7 +63865,6 @@
 	})(_react2["default"].Component);
 
 	Preview.propTypes = {
-	  inLiveMode: _react2["default"].PropTypes.bool.isRequired,
 	  onClosePreview: _react2["default"].PropTypes.func.isRequired,
 	  html: _react2["default"].PropTypes.string.isRequired,
 	  previewState: _react2["default"].PropTypes.string.isRequired,

data/build/app.js

@@ -93,7 +93,8 @@
 	_underscore2["default"].string = _underscoreString2["default"];
 
 	var DEFAULT_OPTIONS = {
-	  CHANGED_INTERVAL: 100
+	  CHANGED_INTERVAL: 100,
+	  enablePreview: true
 	};
 
 	var Markuapad = (function () {
@@ -3087,7 +3088,7 @@
 	      currentFile: null,
 	      imageFile: null,
 	      previewState: "closed",
-	      inLiveMode: true,
+	      inLiveMode: this.props.options.enablePreview,
 	      previewHtml: ""
 	    };
 
@@ -3114,8 +3115,8 @@
 
 	    // Lifecycle methods
 	    value: function componentDidMount() {
-	      // Trigger a preview right away -- since we start in live mode
-	      this.onGeneratePreview();
+	      // Trigger a preview right away if we are in live mode
+	      if (this.state.inLiveMode) this.onGeneratePreview();
 	    }
 	  }, {
 	    key: "onFileAdded",
@@ -3197,7 +3198,8 @@
 	          bookTitle: this.props.bookTitle,
 	          onGeneratePreview: this.onGeneratePreview,
 	          toggleLiveMode: this.toggleLiveMode,
-	          inLiveMode: this.state.inLiveMode
+	          inLiveMode: this.state.inLiveMode,
+	          enablePreview: this.props.options.enablePreview
 	        }),
 	        _react2["default"].createElement(
 	          "section",
@@ -3215,7 +3217,7 @@
 	            this.state.inLiveMode ? _react2["default"].createElement(_live_preview2["default"], { key: "live-mode", ref: "liveMode", html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }) : null
 	          )
 	        ),
-	        this.state.inLiveMode ? _react2["default"].createElement("span", null) : _react2["default"].createElement(_preview2["default"], { key: "preview", onClosePreview: this.onClosePreview, html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }),
+	        this.state.inLiveMode ? _react2["default"].createElement("span", null) : _react2["default"].createElement(_preview2["default"], { key: "preview", inLiveMode: this.state.inLiveMode, onClosePreview: this.onClosePreview, html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }),
 	        this.state.imageFile ? _react2["default"].createElement(_image_modal2["default"], { file: this.state.imageFile, onClose: _underscore2["default"].partial(this.onPreviewImage, null) }) : null
 	      );
 	    }
@@ -55822,39 +55824,43 @@
 	  _createClass(Toolbar, [{
 	    key: "render",
 	    value: function render() {
-	      return _react2["default"].createElement(
-	        "nav",
-	        { className: "toolbar" },
-	        _react2["default"].createElement(
-	          "h3",
-	          { className: "book-title" },
-	          this.props.bookTitle
-	        ),
-	        _react2["default"].createElement(
-	          "ul",
-	          { className: "actions" },
+	      if (this.props.enablePreview) {
+	        return _react2["default"].createElement(
+	          "nav",
+	          { className: "toolbar" },
 	          _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"
-	            )
+	            "h3",
+	            { className: "book-title" },
+	            this.props.bookTitle
 	          ),
 	          _react2["default"].createElement(
-	            "li",
-	            null,
+	            "ul",
+	            { className: "actions" },
 	            _react2["default"].createElement(
-	              "a",
-	              { className: this.props.inLiveMode ? "disabled" : "", onClick: this.props.onGeneratePreview },
-	              _react2["default"].createElement("i", { className: "fa fa-play" }),
-	              " Preview"
+	              "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"
+	              )
 	            )
 	          )
-	        )
-	      );
+	        );
+	      } else {
+	        return _react2["default"].createElement("span", null);
+	      }
 	    }
 	  }]);
 
@@ -55862,6 +55868,7 @@
 	})(_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,
@@ -55975,7 +55982,7 @@
 	  }, {
 	    key: "listManuscript",
 
-	    // List what files we have
+	    // List what text files we have
 	    value: function listManuscript() {
 	      var _this = this;
 
@@ -55990,7 +55997,7 @@
 	  }, {
 	    key: "listImage",
 
-	    // List what files we have
+	    // List what image files we have
 	    value: function listImage() {
 	      var _this2 = this;
 
@@ -56005,7 +56012,7 @@
 	  }, {
 	    key: "listCode",
 
-	    // List what files we have
+	    // List what code files we have
 	    value: function listCode() {
 	      var _this3 = this;
 
@@ -56255,7 +56262,7 @@
 	FileBrowser.propTypes = {
 	  projectRoot: _react2["default"].PropTypes.string.isRequired,
 	  onChangeFile: _react2["default"].PropTypes.func.isRequired,
-	  currentFile: _react2["default"].PropTypes.string.isRequired
+	  currentFile: _react2["default"].PropTypes.string
 	};
 
 	exports["default"] = (0, _reactDnd.DragDropContext)(_reactDndModulesBackendsHTML52["default"])(FileBrowser);
@@ -63843,7 +63850,6 @@
 	})(_react2["default"].Component);
 
 	Preview.propTypes = {
-	  inLiveMode: _react2["default"].PropTypes.bool.isRequired,
 	  onClosePreview: _react2["default"].PropTypes.func.isRequired,
 	  html: _react2["default"].PropTypes.string.isRequired,
 	  previewState: _react2["default"].PropTypes.string.isRequired,

data/build/dist.js

@@ -108,7 +108,8 @@
 	_underscore2["default"].string = _underscoreString2["default"];
 
 	var DEFAULT_OPTIONS = {
-	  CHANGED_INTERVAL: 100
+	  CHANGED_INTERVAL: 100,
+	  enablePreview: true
 	};
 
 	var Markuapad = (function () {
@@ -3102,7 +3103,7 @@
 	      currentFile: null,
 	      imageFile: null,
 	      previewState: "closed",
-	      inLiveMode: true,
+	      inLiveMode: this.props.options.enablePreview,
 	      previewHtml: ""
 	    };
 
@@ -3129,8 +3130,8 @@
 
 	    // Lifecycle methods
 	    value: function componentDidMount() {
-	      // Trigger a preview right away -- since we start in live mode
-	      this.onGeneratePreview();
+	      // Trigger a preview right away if we are in live mode
+	      if (this.state.inLiveMode) this.onGeneratePreview();
 	    }
 	  }, {
 	    key: "onFileAdded",
@@ -3212,7 +3213,8 @@
 	          bookTitle: this.props.bookTitle,
 	          onGeneratePreview: this.onGeneratePreview,
 	          toggleLiveMode: this.toggleLiveMode,
-	          inLiveMode: this.state.inLiveMode
+	          inLiveMode: this.state.inLiveMode,
+	          enablePreview: this.props.options.enablePreview
 	        }),
 	        _react2["default"].createElement(
 	          "section",
@@ -3230,7 +3232,7 @@
 	            this.state.inLiveMode ? _react2["default"].createElement(_live_preview2["default"], { key: "live-mode", ref: "liveMode", html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }) : null
 	          )
 	        ),
-	        this.state.inLiveMode ? _react2["default"].createElement("span", null) : _react2["default"].createElement(_preview2["default"], { key: "preview", onClosePreview: this.onClosePreview, html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }),
+	        this.state.inLiveMode ? _react2["default"].createElement("span", null) : _react2["default"].createElement(_preview2["default"], { key: "preview", inLiveMode: this.state.inLiveMode, onClosePreview: this.onClosePreview, html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }),
 	        this.state.imageFile ? _react2["default"].createElement(_image_modal2["default"], { file: this.state.imageFile, onClose: _underscore2["default"].partial(this.onPreviewImage, null) }) : null
 	      );
 	    }
@@ -55837,39 +55839,43 @@
 	  _createClass(Toolbar, [{
 	    key: "render",
 	    value: function render() {
-	      return _react2["default"].createElement(
-	        "nav",
-	        { className: "toolbar" },
-	        _react2["default"].createElement(
-	          "h3",
-	          { className: "book-title" },
-	          this.props.bookTitle
-	        ),
-	        _react2["default"].createElement(
-	          "ul",
-	          { className: "actions" },
+	      if (this.props.enablePreview) {
+	        return _react2["default"].createElement(
+	          "nav",
+	          { className: "toolbar" },
 	          _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"
-	            )
+	            "h3",
+	            { className: "book-title" },
+	            this.props.bookTitle
 	          ),
 	          _react2["default"].createElement(
-	            "li",
-	            null,
+	            "ul",
+	            { className: "actions" },
 	            _react2["default"].createElement(
-	              "a",
-	              { className: this.props.inLiveMode ? "disabled" : "", onClick: this.props.onGeneratePreview },
-	              _react2["default"].createElement("i", { className: "fa fa-play" }),
-	              " Preview"
+	              "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"
+	              )
 	            )
 	          )
-	        )
-	      );
+	        );
+	      } else {
+	        return _react2["default"].createElement("span", null);
+	      }
 	    }
 	  }]);
 
@@ -55877,6 +55883,7 @@
 	})(_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,
@@ -55990,7 +55997,7 @@
 	  }, {
 	    key: "listManuscript",
 
-	    // List what files we have
+	    // List what text files we have
 	    value: function listManuscript() {
 	      var _this = this;
 
@@ -56005,7 +56012,7 @@
 	  }, {
 	    key: "listImage",
 
-	    // List what files we have
+	    // List what image files we have
 	    value: function listImage() {
 	      var _this2 = this;
 
@@ -56020,7 +56027,7 @@
 	  }, {
 	    key: "listCode",
 
-	    // List what files we have
+	    // List what code files we have
 	    value: function listCode() {
 	      var _this3 = this;
 
@@ -56270,7 +56277,7 @@
 	FileBrowser.propTypes = {
 	  projectRoot: _react2["default"].PropTypes.string.isRequired,
 	  onChangeFile: _react2["default"].PropTypes.func.isRequired,
-	  currentFile: _react2["default"].PropTypes.string.isRequired
+	  currentFile: _react2["default"].PropTypes.string
 	};
 
 	exports["default"] = (0, _reactDnd.DragDropContext)(_reactDndModulesBackendsHTML52["default"])(FileBrowser);
@@ -63858,7 +63865,6 @@
 	})(_react2["default"].Component);
 
 	Preview.propTypes = {
-	  inLiveMode: _react2["default"].PropTypes.bool.isRequired,
 	  onClosePreview: _react2["default"].PropTypes.func.isRequired,
 	  html: _react2["default"].PropTypes.string.isRequired,
 	  previewState: _react2["default"].PropTypes.string.isRequired,

data/build/web.js

@@ -53,7 +53,7 @@
 	var _markuapad2 = _interopRequireDefault(_markuapad);
 
 	// Call the api to create a new markuapad instance on the #main element
-	_markuapad2["default"].create("main", { fileAccessor: ExampleFileAccessor, CHANGED_INTERVAL: 100 });
+	_markuapad2["default"].create("main", { fileAccessor: ExampleFileAccessor, CHANGED_INTERVAL: 100, enablePreview: true });
 
 /***/ },
 /* 1 */
@@ -101,7 +101,8 @@
 	_underscore2["default"].string = _underscoreString2["default"];
 
 	var DEFAULT_OPTIONS = {
-	  CHANGED_INTERVAL: 100
+	  CHANGED_INTERVAL: 100,
+	  enablePreview: true
 	};
 
 	var Markuapad = (function () {
@@ -3095,7 +3096,7 @@
 	      currentFile: null,
 	      imageFile: null,
 	      previewState: "closed",
-	      inLiveMode: true,
+	      inLiveMode: this.props.options.enablePreview,
 	      previewHtml: ""
 	    };
 
@@ -3122,8 +3123,8 @@
 
 	    // Lifecycle methods
 	    value: function componentDidMount() {
-	      // Trigger a preview right away -- since we start in live mode
-	      this.onGeneratePreview();
+	      // Trigger a preview right away if we are in live mode
+	      if (this.state.inLiveMode) this.onGeneratePreview();
 	    }
 	  }, {
 	    key: "onFileAdded",
@@ -3205,7 +3206,8 @@
 	          bookTitle: this.props.bookTitle,
 	          onGeneratePreview: this.onGeneratePreview,
 	          toggleLiveMode: this.toggleLiveMode,
-	          inLiveMode: this.state.inLiveMode
+	          inLiveMode: this.state.inLiveMode,
+	          enablePreview: this.props.options.enablePreview
 	        }),
 	        _react2["default"].createElement(
 	          "section",
@@ -3223,7 +3225,7 @@
 	            this.state.inLiveMode ? _react2["default"].createElement(_live_preview2["default"], { key: "live-mode", ref: "liveMode", html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }) : null
 	          )
 	        ),
-	        this.state.inLiveMode ? _react2["default"].createElement("span", null) : _react2["default"].createElement(_preview2["default"], { key: "preview", onClosePreview: this.onClosePreview, html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }),
+	        this.state.inLiveMode ? _react2["default"].createElement("span", null) : _react2["default"].createElement(_preview2["default"], { key: "preview", inLiveMode: this.state.inLiveMode, onClosePreview: this.onClosePreview, html: this.state.previewHtml, previewState: this.state.previewState, previewErrors: this.state.previewErrors }),
 	        this.state.imageFile ? _react2["default"].createElement(_image_modal2["default"], { file: this.state.imageFile, onClose: _underscore2["default"].partial(this.onPreviewImage, null) }) : null
 	      );
 	    }
@@ -55830,39 +55832,43 @@
 	  _createClass(Toolbar, [{
 	    key: "render",
 	    value: function render() {
-	      return _react2["default"].createElement(
-	        "nav",
-	        { className: "toolbar" },
-	        _react2["default"].createElement(
-	          "h3",
-	          { className: "book-title" },
-	          this.props.bookTitle
-	        ),
-	        _react2["default"].createElement(
-	          "ul",
-	          { className: "actions" },
+	      if (this.props.enablePreview) {
+	        return _react2["default"].createElement(
+	          "nav",
+	          { className: "toolbar" },
 	          _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"
-	            )
+	            "h3",
+	            { className: "book-title" },
+	            this.props.bookTitle
 	          ),
 	          _react2["default"].createElement(
-	            "li",
-	            null,
+	            "ul",
+	            { className: "actions" },
 	            _react2["default"].createElement(
-	              "a",
-	              { className: this.props.inLiveMode ? "disabled" : "", onClick: this.props.onGeneratePreview },
-	              _react2["default"].createElement("i", { className: "fa fa-play" }),
-	              " Preview"
+	              "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"
+	              )
 	            )
 	          )
-	        )
-	      );
+	        );
+	      } else {
+	        return _react2["default"].createElement("span", null);
+	      }
 	    }
 	  }]);
 
@@ -55870,6 +55876,7 @@
 	})(_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,
@@ -55983,7 +55990,7 @@
 	  }, {
 	    key: "listManuscript",
 
-	    // List what files we have
+	    // List what text files we have
 	    value: function listManuscript() {
 	      var _this = this;
 
@@ -55998,7 +56005,7 @@
 	  }, {
 	    key: "listImage",
 
-	    // List what files we have
+	    // List what image files we have
 	    value: function listImage() {
 	      var _this2 = this;
 
@@ -56013,7 +56020,7 @@
 	  }, {
 	    key: "listCode",
 
-	    // List what files we have
+	    // List what code files we have
 	    value: function listCode() {
 	      var _this3 = this;
 
@@ -56263,7 +56270,7 @@
 	FileBrowser.propTypes = {
 	  projectRoot: _react2["default"].PropTypes.string.isRequired,
 	  onChangeFile: _react2["default"].PropTypes.func.isRequired,
-	  currentFile: _react2["default"].PropTypes.string.isRequired
+	  currentFile: _react2["default"].PropTypes.string
 	};
 
 	exports["default"] = (0, _reactDnd.DragDropContext)(_reactDndModulesBackendsHTML52["default"])(FileBrowser);
@@ -63851,7 +63858,6 @@
 	})(_react2["default"].Component);
 
 	Preview.propTypes = {
-	  inLiveMode: _react2["default"].PropTypes.bool.isRequired,
 	  onClosePreview: _react2["default"].PropTypes.func.isRequired,
 	  html: _react2["default"].PropTypes.string.isRequired,
 	  previewState: _react2["default"].PropTypes.string.isRequired,

data/lib/markuapad/version.rb

@@ -1,3 +1,3 @@
 module Markuapad
-  VERSION = "0.1.8"
+  VERSION = "0.1.9"
 end

data/src/jsx/file_browser.jsx

@@ -53,7 +53,7 @@ class FileBrowser extends React.Component {
     this.props.onChangeFile(this.state.files[0])
   }
 
-  // List what files we have
+  // List what text files we have
   listManuscript() {
     this.busy(true);
     FileAccessor.listFiles((error, files) => {
@@ -66,7 +66,7 @@ class FileBrowser extends React.Component {
     });
   }
 
-  // List what files we have
+  // List what image files we have
   listImage() {
     this.busy(true);
     FileAccessor.listImages((error, files) => {
@@ -79,7 +79,7 @@ class FileBrowser extends React.Component {
     });
   }
 
-  // List what files we have
+  // List what code files we have
   listCode() {
     this.busy(true);
     FileAccessor.listCode((error, files) => {
@@ -246,7 +246,7 @@ class FileBrowser extends React.Component {
 FileBrowser.propTypes = {
   projectRoot: React.PropTypes.string.isRequired,
   onChangeFile: React.PropTypes.func.isRequired,
-  currentFile: React.PropTypes.string.isRequired
+  currentFile: React.PropTypes.string
 };
 
 export default DragDropContext(HTML5Backend)(FileBrowser);

data/src/jsx/main.jsx

@@ -20,7 +20,7 @@ class Main extends React.Component {
       currentFile: null,
       imageFile: null,
       previewState: 'closed',
-      inLiveMode: true,
+      inLiveMode: this.props.options.enablePreview,
       previewHtml: ""
     }
 
@@ -44,8 +44,9 @@ class Main extends React.Component {
 
   // Lifecycle methods
   componentDidMount() {
-    // Trigger a preview right away -- since we start in live mode
-    this.onGeneratePreview();
+    // Trigger a preview right away if we are in live mode
+    if (this.state.inLiveMode)
+      this.onGeneratePreview();
   }
 
   // File event operations
@@ -116,6 +117,7 @@ class Main extends React.Component {
           onGeneratePreview={this.onGeneratePreview}
           toggleLiveMode={this.toggleLiveMode}
           inLiveMode={this.state.inLiveMode}
+          enablePreview={this.props.options.enablePreview}
         />
         <section className="main-view">
           <section className={this.getWorkspaceClass()}>
@@ -129,7 +131,7 @@ class Main extends React.Component {
             { this.state.inLiveMode ? <LivePreview key='live-mode' ref="liveMode" html={this.state.previewHtml} previewState={this.state.previewState} previewErrors={this.state.previewErrors} /> : null }
           </section>
         </section>
-        { this.state.inLiveMode ? <span /> : <Preview key='preview' onClosePreview={this.onClosePreview} html={this.state.previewHtml} previewState={this.state.previewState} previewErrors={this.state.previewErrors} /> }
+        { this.state.inLiveMode ? <span /> : <Preview key='preview' inLiveMode={this.state.inLiveMode} onClosePreview={this.onClosePreview} html={this.state.previewHtml} previewState={this.state.previewState} previewErrors={this.state.previewErrors} /> }
         { this.state.imageFile ? <ImageModal file={this.state.imageFile} onClose={ _.partial(this.onPreviewImage, null) } /> : null }
       </section>
     );

data/src/jsx/preview.jsx

@@ -22,7 +22,6 @@ class Preview extends React.Component {
 }
 
 Preview.propTypes = {
-  inLiveMode: React.PropTypes.bool.isRequired,
   onClosePreview: React.PropTypes.func.isRequired,
   html: React.PropTypes.string.isRequired,
   previewState: React.PropTypes.string.isRequired,

data/src/jsx/toolbar.jsx

@@ -2,19 +2,26 @@ import React from "react";
 
 class Toolbar extends React.Component {
   render() {
-    return (
-      <nav className="toolbar">
-        <h3 className="book-title">{ this.props.bookTitle}</h3>
-        <ul className="actions">
-          <li><a className={this.props.inLiveMode ? 'active' : '' } onClick={this.props.toggleLiveMode}><i className="fa fa-columns"></i> Live Mode</a></li>
-          <li><a className={this.props.inLiveMode ? 'disabled' : ''} onClick={this.props.onGeneratePreview}><i className="fa fa-play"></i> Preview</a></li>
-        </ul>
-      </nav>
-    );
+    if (this.props.enablePreview) {
+      return (
+        <nav className="toolbar">
+          <h3 className="book-title">{ this.props.bookTitle}</h3>
+          <ul className="actions">
+            <li><a className={this.props.inLiveMode ? 'active' : '' } onClick={this.props.toggleLiveMode}><i className="fa fa-columns"></i> Live Mode</a></li>
+            <li><a className={this.props.inLiveMode ? 'disabled' : ''} onClick={this.props.onGeneratePreview}><i className="fa fa-play"></i> Preview</a></li>
+          </ul>
+        </nav>
+      );
+    } else {
+      return (
+        <span />
+      );
+    }
   }
 }
 
 Toolbar.propTypes = {
+  enablePreview: React.PropTypes.bool.isRequired,
   inLiveMode: React.PropTypes.bool.isRequired,
   toggleLiveMode: React.PropTypes.func.isRequired,
   onGeneratePreview: React.PropTypes.func.isRequired,

data/src/markuapad.js

@@ -11,7 +11,8 @@ import FileAccessor from "./file_accessor";
 _.string = _string;
 
 let DEFAULT_OPTIONS = {
-  CHANGED_INTERVAL: 100
+  CHANGED_INTERVAL: 100,
+  enablePreview: true
 }
 
 class Markuapad {

data/src/web.js

@@ -1,4 +1,4 @@
 import Markuapad from "./markuapad"
 
 // Call the api to create a new markuapad instance on the #main element
-Markuapad.create("main", { fileAccessor: ExampleFileAccessor, CHANGED_INTERVAL: 100 });
+Markuapad.create("main", { fileAccessor: ExampleFileAccessor, CHANGED_INTERVAL: 100, enablePreview: true });

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: markuapad
 version: !ruby/object:Gem::Version
-  version: 0.1.8
+  version: 0.1.9
 platform: ruby
 authors:
 - Braden Simpson
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-07-29 00:00:00.000000000 Z
+date: 2015-07-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -71,6 +71,7 @@ files:
 - lib/markuapad.rb
 - lib/markuapad/engine.rb
 - lib/markuapad/version.rb
+- markuapad-0.1.8.gem
 - markuapad.gemspec
 - package.json
 - prepare_gem.sh