Add option to disable server-side rendering

Plus some misc. updates/cleanups.

Author: KyleAMathews

examples/examples.cjsx

@@ -8,7 +8,7 @@ module.exports = React.createClass
     margin: 10
 
   render: ->
-    <div style={"max-width":'1200px', margin:'0 auto'}>
+    <div style={"maxWidth":'1200px', margin:'0 auto'}>
       <h1>react-component-gallery</h1>
       <a href="https://github.com/KyleAMathews/react-component-gallery">Code on Github</a>
       <p>Create a perfect component gallery every time whatever the size of the
@@ -75,7 +75,7 @@ module.exports = React.createClass
               background: "rgba(0,0,0,0.5)"
               bottom: 0
               left: 0
-              "line-height": "30px"
+              "lineHeight": "30px"
               height: "30px"
               padding: "0 10px"
               color: "white"

examples/index.cjsx

@@ -1,4 +1,4 @@
 React = require('react')
 Examples = require './examples'
 
-React.renderComponent(<Examples />, document.body)
+React.render(<Examples />, document.body)

package.json

@@ -7,20 +7,20 @@
     "url": "https://github.com/KyleAMathews/react-component-gallery/issues"
   },
   "dependencies": {
-    "react-component-width-mixin": "^1.1.0"
+    "react-component-width-mixin": "^1.1.2"
   },
   "devDependencies": {
-    "cjsx-loader": "^0.3.0",
+    "cjsx-loader": "^1.1.0",
     "coffee-loader": "^0.7.2",
-    "coffee-react": "^1.0.2",
+    "coffee-react": "^2.1.2",
     "coffee-script": "^1.8.0",
     "css-loader": "^0.9.0",
-    "gulp": "^3.8.8",
-    "react-hot-loader": "^0.4.5",
-    "style-loader": "^0.8.1",
+    "gulp": "^3.8.10",
+    "react-hot-loader": "^0.5.0",
+    "style-loader": "^0.8.2",
     "underscore": "^1.7.0",
-    "webpack": "^1.4.4",
-    "webpack-dev-server": "^1.6.5"
+    "webpack": "^1.4.13",
+    "webpack-dev-server": "^1.6.6"
   },
   "homepage": "https://github.com/KyleAMathews/react-component-gallery",
   "keywords": [
@@ -38,6 +38,7 @@
     "url": "https://github.com/KyleAMathews/react-component-gallery.git"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "watch": "./node_modules/.bin/webpack-dev-server --hot"
   }
 }

src/index.cjsx

@@ -7,14 +7,22 @@ module.exports = React.createClass
 
   propTypes:
     children: React.PropTypes.any.isRequired
+    disableServerRender: React.PropTypes.bool
 
   getDefaultProps: ->
     margin: 10
     targetWidth: 200
     widthHeightRatio: 1
+    disableServerRender: false
 
   render: ->
-    if @state.componentWidth isnt 0
+    # If we don't know the component width, there's nothing we can do.
+    if @state.componentWidth is 0
+      <div />
+    # If we're server rendering and the user has disalbed server rendering.
+    else if not @isMounted() and @props.disableServerRender
+      <div />
+    else
       [componentWidth, componentsPerRow] = @calculateComponentWidth()
       return (
         <div className="component-gallery #{@props.className}" style={{overflow: "hidden"}}>
@@ -44,8 +52,6 @@ module.exports = React.createClass
           )}
         </div>
       )
-    else
-      <div />
 
   calculateComponentWidth: ->
     _calcComponentWidth = (adjustComponentsPerRow = 0) =>

webpack.config.js

@@ -1,14 +1,15 @@
 var path = require('path');
 var webpack = require('webpack');
 
-
 module.exports = {
   entry: [
     "webpack-dev-server/client?http://0.0.0.0:8080",
-    'webpack/hot/dev-server',
+    'webpack/hot/only-dev-server',
     './examples/index'
   ],
-  contentBase: './examples/',
+  devServer: {
+    contentBase: './examples/'
+  },
   devtool: "eval",
   debug: true,
   output: {
@@ -20,6 +21,7 @@ module.exports = {
   },
   plugins: [
     new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoErrorsPlugin(),
     new webpack.IgnorePlugin(/un~$/)
   ],
   resolve: {