diff --git a/inst/www/react-tools/react-tools.js b/inst/www/react-tools/react-tools.js
index 3b68e09..ef3cc39 100644
--- a/inst/www/react-tools/react-tools.js
+++ b/inst/www/react-tools/react-tools.js
@@ -1,2 +1,230 @@
-!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t){function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}window.reactR=function(){function e(t,r){if("string"==typeof r)return r;if(r.name[0]===r.name[0].toUpperCase()&&!t.hasOwnProperty(r.name))throw new Error("Unknown component: "+r.name);for(var n=[t.hasOwnProperty(r.name)?t[r.name]:r.name,r.attribs],o=0;o<r.children.length;o++)n.push(e(t,r.children[o]));return React.createElement.apply(React,n)}var t={widthProperty:"width",heightProperty:"height",appendPx:!1,renderOnResize:!1};function n(e){var r={};for(var n in t)r[n]=t[n];for(var n in e){if(!t.hasOwnProperty(n))throw new Error("Unrecognized option: "+n);r[n]=e[n]}return r}function o(e,t){return t.appendPx?e+"px":e}return{reactWidget:function(t,i,a,u){var f=n(u);HTMLWidgets.widget({name:t,type:i,factory:function(t,n,i){var u,c=function(c){f.renderOnResize&&("object"===r(c.tag)&&(c.tag.attribs[f.widthProperty]=o(n),c.tag.attribs[f.heightProperty]=o(i)),u=c),ReactDOM.render(e(a,c.tag),t)};return{renderValue:c,resize:function(e,t){f.renderOnResize&&(n=e,i=t,c(u))}}}})},hydrate:e,__internal:{defaultOptions:t,mergeOptions:n,formatDimension:o,isTag:function(e){return"object"===r(e)&&e.hasOwnProperty("name")&&e.hasOwnProperty("attribs")&&e.hasOwnProperty("children")}}}}()}]);
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./srcjs/react-tools.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./srcjs/react-tools.js":
+/*!******************************!*\
+  !*** ./srcjs/react-tools.js ***!
+  \******************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+window.reactR = function () {
+  /**
+   * Recursively transforms tag, a JSON representation of an instance of a
+   * React component and its children, into a React element suitable for
+   * passing to ReactDOM.render.
+   * @param {Object} components
+   * @param {Object} tag
+   */
+  function hydrate(components, tag) {
+    if (typeof tag === 'string') return tag;
+
+    if (tag.name[0] === tag.name[0].toUpperCase() && !components.hasOwnProperty(tag.name)) {
+      throw new Error("Unknown component: " + tag.name);
+    }
+
+    var elem = components.hasOwnProperty(tag.name) ? components[tag.name] : tag.name,
+        args = [elem, tag.attribs];
+
+    for (var i = 0; i < tag.children.length; i++) {
+      args.push(hydrate(components, tag.children[i]));
+    }
+
+    return React.createElement.apply(React, args);
+  }
+
+  var defaultOptions = {
+    // The name of the property on the root tag to use for the width, if
+    // it's updated.
+    widthProperty: "width",
+    // The name of the property on the root tag to use for the height, if
+    // it's updated.
+    heightProperty: "height",
+    // Whether or not to append the string 'px' to the width and height
+    // properties when they change.
+    appendPx: false,
+    // Whether or not to dynamically update the width and height properties
+    // of the last known tag when the computed width and height change in
+    // the browser.
+    renderOnResize: false
+  };
+
+  function mergeOptions(options) {
+    var merged = {};
+
+    for (var k in defaultOptions) {
+      merged[k] = defaultOptions[k];
+    }
+
+    for (var k in options) {
+      if (!defaultOptions.hasOwnProperty(k)) {
+        throw new Error("Unrecognized option: " + k);
+      }
+
+      merged[k] = options[k];
+    }
+
+    return merged;
+  }
+
+  function formatDimension(dim, options) {
+    if (options.appendPx) {
+      return dim + 'px';
+    } else {
+      return dim;
+    }
+  }
+
+  function isTag(value) {
+    return _typeof(value) === 'object' && value.hasOwnProperty('name') && value.hasOwnProperty('attribs') && value.hasOwnProperty('children');
+  }
+  /**
+   * Creates an HTMLWidget that is updated by rendering a React component.
+   * React component constructors are made available by specifying them by
+   * name in the components object.
+   * @param {string} name
+   * @param {string} type
+   * @param {Object} components
+   * @param {Object} options
+   */
+
+
+  function reactWidget(name, type, components, options) {
+    var actualOptions = mergeOptions(options);
+    HTMLWidgets.widget({
+      name: name,
+      type: type,
+      factory: function factory(el, width, height) {
+        var lastValue,
+            renderValue = function renderValue(value) {
+          if (actualOptions.renderOnResize) {
+            // value.tag might be a primitive string, in which
+            // case there is no attribs property.
+            if (_typeof(value.tag) === 'object') {
+              value.tag.attribs[actualOptions["widthProperty"]] = formatDimension(width);
+              value.tag.attribs[actualOptions["heightProperty"]] = formatDimension(height);
+            }
+
+            lastValue = value;
+          }
+
+          ReactDOM.render(hydrate(components, value.tag), el);
+        };
+
+        return {
+          renderValue: renderValue,
+          resize: function resize(newWidth, newHeight) {
+            if (actualOptions.renderOnResize) {
+              width = newWidth;
+              height = newHeight;
+              renderValue(lastValue);
+            }
+          }
+        };
+      }
+    });
+  }
+
+  return {
+    reactWidget: reactWidget,
+    hydrate: hydrate,
+    __internal: {
+      defaultOptions: defaultOptions,
+      mergeOptions: mergeOptions,
+      formatDimension: formatDimension,
+      isTag: isTag
+    }
+  };
+}();
+
+/***/ })
+
+/******/ });
 //# sourceMappingURL=react-tools.js.map
\ No newline at end of file
diff --git a/inst/www/react-tools/react-tools.js.map b/inst/www/react-tools/react-tools.js.map
index 9a254d4..dff75c5 100644
--- a/inst/www/react-tools/react-tools.js.map
+++ b/inst/www/react-tools/react-tools.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./srcjs/react-tools.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","window","reactR","hydrate","components","tag","toUpperCase","Error","args","attribs","children","length","push","React","createElement","apply","defaultOptions","widthProperty","heightProperty","appendPx","renderOnResize","mergeOptions","options","merged","k","formatDimension","dim","reactWidget","type","actualOptions","HTMLWidgets","widget","factory","el","width","height","lastValue","renderValue","_typeof","ReactDOM","render","resize","newWidth","newHeight","__internal","isTag"],"mappings":"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","file":"react-tools.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","window.reactR = (function () {\r\n    /**\r\n     * Recursively transforms tag, a JSON representation of an instance of a\r\n     * React component and its children, into a React element suitable for\r\n     * passing to ReactDOM.render.\r\n     * @param {Object} components\r\n     * @param {Object} tag\r\n     */\r\n    function hydrate(components, tag) {\r\n        if (typeof tag === 'string') return tag;\r\n        if (tag.name[0] === tag.name[0].toUpperCase()\r\n            && !components.hasOwnProperty(tag.name)) {\r\n            throw new Error(\"Unknown component: \" + tag.name);\r\n        }\r\n        var elem = components.hasOwnProperty(tag.name) ? components[tag.name] : tag.name,\r\n            args = [elem, tag.attribs];\r\n        for (var i = 0; i < tag.children.length; i++) {\r\n            args.push(hydrate(components, tag.children[i]));\r\n        }\r\n        return React.createElement.apply(React, args);\r\n    }\r\n\r\n    var defaultOptions = {\r\n        // The name of the property on the root tag to use for the width, if\r\n        // it's updated.\r\n        widthProperty: \"width\",\r\n        // The name of the property on the root tag to use for the height, if\r\n        // it's updated.\r\n        heightProperty: \"height\",\r\n        // Whether or not to append the string 'px' to the width and height\r\n        // properties when they change.\r\n        appendPx: false,\r\n        // Whether or not to dynamically update the width and height properties\r\n        // of the last known tag when the computed width and height change in\r\n        // the browser.\r\n        renderOnResize: false\r\n    };\r\n\r\n    function mergeOptions(options) {\r\n        var merged = {};\r\n        for (var k in defaultOptions) {\r\n            merged[k] = defaultOptions[k];\r\n        }\r\n        for (var k in options) {\r\n            if (!defaultOptions.hasOwnProperty(k)) {\r\n                throw new Error(\"Unrecognized option: \" + k);\r\n            }\r\n            merged[k] = options[k];\r\n        }\r\n        return merged;\r\n    }\r\n\r\n    function formatDimension(dim, options) {\r\n        if (options.appendPx) {\r\n            return dim + 'px';\r\n        } else {\r\n            return dim;\r\n        }\r\n    }\r\n\r\n    function isTag(value) {\r\n        return (typeof value === 'object')\r\n            && value.hasOwnProperty('name')\r\n            && value.hasOwnProperty('attribs')\r\n            && value.hasOwnProperty('children');\r\n    }\r\n\r\n    /**\r\n     * Creates an HTMLWidget that is updated by rendering a React component.\r\n     * React component constructors are made available by specifying them by\r\n     * name in the components object.\r\n     * @param {string} name\r\n     * @param {string} type\r\n     * @param {Object} components\r\n     * @param {Object} options\r\n     */\r\n    function reactWidget(name, type, components, options) {\r\n        var actualOptions = mergeOptions(options);\r\n        HTMLWidgets.widget({\r\n            name: name,\r\n            type: type,\r\n            factory: function (el, width, height) {\r\n                var lastValue,\r\n                    renderValue = (function (value) {\r\n                        if (actualOptions.renderOnResize) {\r\n                            // value.tag might be a primitive string, in which\r\n                            // case there is no attribs property.\r\n                            if (typeof value.tag === 'object') {\r\n                                value.tag.attribs[actualOptions[\"widthProperty\"]] = formatDimension(width);\r\n                                value.tag.attribs[actualOptions[\"heightProperty\"]] = formatDimension(height);\r\n                            }\r\n                            lastValue = value;\r\n                        }\r\n                        ReactDOM.render(hydrate(components, value.tag), el);\r\n                    });\r\n                return {\r\n                    renderValue: renderValue,\r\n                    resize: function (newWidth, newHeight) {\r\n                        if (actualOptions.renderOnResize) {\r\n                            width = newWidth;\r\n                            height = newHeight;\r\n                            renderValue(lastValue);\r\n                        }\r\n                    }\r\n                };\r\n            }\r\n        })\r\n    }\r\n\r\n    return {\r\n        reactWidget: reactWidget,\r\n        hydrate: hydrate,\r\n        __internal: {\r\n            defaultOptions: defaultOptions,\r\n            mergeOptions: mergeOptions,\r\n            formatDimension: formatDimension,\r\n            isTag: isTag\r\n        }\r\n    };\r\n})()"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./srcjs/react-tools.js"],"names":["window","reactR","hydrate","components","tag","name","toUpperCase","hasOwnProperty","Error","elem","args","attribs","i","children","length","push","React","createElement","apply","defaultOptions","widthProperty","heightProperty","appendPx","renderOnResize","mergeOptions","options","merged","k","formatDimension","dim","isTag","value","reactWidget","type","actualOptions","HTMLWidgets","widget","factory","el","width","height","lastValue","renderValue","ReactDOM","render","resize","newWidth","newHeight","__internal"],"mappings":"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","file":"react-tools.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./srcjs/react-tools.js\");\n","window.reactR = (function () {\r\n    /**\r\n     * Recursively transforms tag, a JSON representation of an instance of a\r\n     * React component and its children, into a React element suitable for\r\n     * passing to ReactDOM.render.\r\n     * @param {Object} components\r\n     * @param {Object} tag\r\n     */\r\n    function hydrate(components, tag) {\r\n        if (typeof tag === 'string') return tag;\r\n        if (tag.name[0] === tag.name[0].toUpperCase()\r\n            && !components.hasOwnProperty(tag.name)) {\r\n            throw new Error(\"Unknown component: \" + tag.name);\r\n        }\r\n        var elem = components.hasOwnProperty(tag.name) ? components[tag.name] : tag.name,\r\n            args = [elem, tag.attribs];\r\n        for (var i = 0; i < tag.children.length; i++) {\r\n            args.push(hydrate(components, tag.children[i]));\r\n        }\r\n        return React.createElement.apply(React, args);\r\n    }\r\n\r\n    var defaultOptions = {\r\n        // The name of the property on the root tag to use for the width, if\r\n        // it's updated.\r\n        widthProperty: \"width\",\r\n        // The name of the property on the root tag to use for the height, if\r\n        // it's updated.\r\n        heightProperty: \"height\",\r\n        // Whether or not to append the string 'px' to the width and height\r\n        // properties when they change.\r\n        appendPx: false,\r\n        // Whether or not to dynamically update the width and height properties\r\n        // of the last known tag when the computed width and height change in\r\n        // the browser.\r\n        renderOnResize: false\r\n    };\r\n\r\n    function mergeOptions(options) {\r\n        var merged = {};\r\n        for (var k in defaultOptions) {\r\n            merged[k] = defaultOptions[k];\r\n        }\r\n        for (var k in options) {\r\n            if (!defaultOptions.hasOwnProperty(k)) {\r\n                throw new Error(\"Unrecognized option: \" + k);\r\n            }\r\n            merged[k] = options[k];\r\n        }\r\n        return merged;\r\n    }\r\n\r\n    function formatDimension(dim, options) {\r\n        if (options.appendPx) {\r\n            return dim + 'px';\r\n        } else {\r\n            return dim;\r\n        }\r\n    }\r\n\r\n    function isTag(value) {\r\n        return (typeof value === 'object')\r\n            && value.hasOwnProperty('name')\r\n            && value.hasOwnProperty('attribs')\r\n            && value.hasOwnProperty('children');\r\n    }\r\n\r\n    /**\r\n     * Creates an HTMLWidget that is updated by rendering a React component.\r\n     * React component constructors are made available by specifying them by\r\n     * name in the components object.\r\n     * @param {string} name\r\n     * @param {string} type\r\n     * @param {Object} components\r\n     * @param {Object} options\r\n     */\r\n    function reactWidget(name, type, components, options) {\r\n        var actualOptions = mergeOptions(options);\r\n        HTMLWidgets.widget({\r\n            name: name,\r\n            type: type,\r\n            factory: function (el, width, height) {\r\n                var lastValue,\r\n                    renderValue = (function (value) {\r\n                        if (actualOptions.renderOnResize) {\r\n                            // value.tag might be a primitive string, in which\r\n                            // case there is no attribs property.\r\n                            if (typeof value.tag === 'object') {\r\n                                value.tag.attribs[actualOptions[\"widthProperty\"]] = formatDimension(width);\r\n                                value.tag.attribs[actualOptions[\"heightProperty\"]] = formatDimension(height);\r\n                            }\r\n                            lastValue = value;\r\n                        }\r\n                        ReactDOM.render(hydrate(components, value.tag), el);\r\n                    });\r\n                return {\r\n                    renderValue: renderValue,\r\n                    resize: function (newWidth, newHeight) {\r\n                        if (actualOptions.renderOnResize) {\r\n                            width = newWidth;\r\n                            height = newHeight;\r\n                            renderValue(lastValue);\r\n                        }\r\n                    }\r\n                };\r\n            }\r\n        })\r\n    }\r\n\r\n    return {\r\n        reactWidget: reactWidget,\r\n        hydrate: hydrate,\r\n        __internal: {\r\n            defaultOptions: defaultOptions,\r\n            mergeOptions: mergeOptions,\r\n            formatDimension: formatDimension,\r\n            isTag: isTag\r\n        }\r\n    };\r\n})()"],"sourceRoot":""}
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
index ad49ac4..f452d79 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,6 +1,7 @@
 var path = require('path');
 
 module.exports = {
+    mode: 'development',
     entry: path.join(__dirname, 'srcjs', 'react-tools.js'),
     output: {
         path: path.join(__dirname, 'inst', 'www', 'react-tools'),