Open demo on 'npm start'

demo/src/components/App/components/Example10/Example10.js

@@ -10,8 +10,14 @@ const exampleId = '10';
 const file = `demo/src/components/App/components/Example${exampleId}/Example${exampleId}.js`;
 
 function CustomInput(props) {
+  const style = {
+    border: '0 solid green',
+    borderBottomWidth: '1px',
+    borderRadius: 0
+  };
+
   return (
-    <input style={{ border: '0 solid green', borderBottomWidth: '1px', borderRadius: 0 }} {...props} />
+    <input style={style} {...props} />
   );
 }
 
@@ -29,7 +35,11 @@ function mapDispatchToProps(dispatch) {
 
 function Example(props) {
   const { value, onChange } = props;
-  const inputProps = { value, onChange };
+  const inputProps = {
+    placeholder: 'Custom input',
+    value,
+    onChange
+  };
 
   return (
     <div>

package.json

@@ -52,6 +52,7 @@
     "less": "^2.7.1",
     "less-loader": "^2.2.3",
     "mocha": "^3.1.0",
+    "openurl": "^1.1.1",
     "postcss-loader": "^0.13.0",
     "react": "^15.3.2",
     "react-addons-test-utils": "^15.3.2",

server.js

@@ -1,15 +1,24 @@
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
+var openUrl = require('openurl');
+
 var config = require('./webpack.dev.config');
+var host = process.env.NODE_HOST || 'localhost';
+var port = process.env.NODE_PORT || 3000;
 
 new WebpackDevServer(webpack(config), {
   publicPath: config.output.publicPath,
   hot: true,
   historyApiFallback: true
-}).listen(3000, 'localhost', function(error) {
+}).listen(port, host, function(error) {
   if (error) {
     console.error(error); // eslint-disable-line no-console
-  } else {
-    console.log('Demo is ready at http://localhost:3000/demo/dist/index.html'); // eslint-disable-line no-console
+    process.exit(1);
   }
+
+  var url = `http://${host}:${port}/demo/dist/index.html`;
+
+  console.log(`Demo is ready at ${url}`); // eslint-disable-line no-console
+
+  openUrl.open(url);
 });