Fixes RickWong#7 comma-separated rules.

Author: Rick

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-inline-css",
   "description": "Inline CSS in your React components, namespaced automatically.",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -26,12 +26,12 @@
     "react": ">= 0.12.0"
   },
   "devDependencies": {
-    "babel-core": "5.8.22",
+    "babel-core": "5.8.24",
     "babel-loader": "5.3.2",
     "concurrently": "0.1.1",
     "json-loader": "0.5.2",
-    "react-hot-loader": "1.2.8",
-    "webpack": "1.11.0",
+    "react-hot-loader": "1.3.0",
+    "webpack": "1.12.1",
     "webpack-dev-server": "1.10.1"
   }
 }

src/react-inline-css.js

@@ -22,11 +22,11 @@ var InlineCss = React.createClass({
 			replace(/}\s*/ig, '\n}\n').
 			// Regular rules are namespaced.
 			replace(
-			/(^|{|}|;|,)\s*([&a-z0-9\-_\.:#\(\),>*\s]+)\s*(\{)/ig,
-			function (matched) {
-				return matched.replace(componentName, "#" + namespace);
-			}
-		);
+				/(^|{|}|;|,)\s*([&a-z0-9\-_\.:#\(\),>*\s]+)\s*(\{)/ig,
+				function (matched) {
+					return matched.replace(new RegExp(componentName, "g"), "#" + namespace);
+				}
+			);
 	},
 	render: function () {
 		var componentName = this.props.componentName || "&";

webpack.client-watch.js

@@ -1,8 +1,8 @@
 var webpack = require("webpack");
-var config = require("./webpack.client.js");
+var config  = require("./webpack.client.js");
 
-config.cache = true;
-config.debug = true;
+config.cache   = true;
+config.debug   = true;
 config.devtool = "eval";
 
 config.entry.WDS = "webpack-dev-server/client?http://localhost:8080";
@@ -12,13 +12,12 @@ config.module.postLoaders = [
 	{test: /\.js$/, loaders: ["react-hot"], exclude: /node_modules/}
 ];
 
-config.output.publicPath = "http://localhost:8080/dist/";
-config.output.hotUpdateMainFilename = "update/[hash]/update.json";
+config.output.publicPath             = "http://localhost:8080/dist/";
+config.output.hotUpdateMainFilename  = "update/[hash]/update.json";
 config.output.hotUpdateChunkFilename = "update/[hash]/[id].update.js";
 
 config.plugins = [
-	new webpack.HotModuleReplacementPlugin(),
-	new webpack.NoErrorsPlugin()
+	new webpack.HotModuleReplacementPlugin()
 ];
 
 config.devServer = {

webpack.client.js

@@ -6,7 +6,7 @@ module.exports = {
 	cache:   false,
 	context: __dirname,
 	devtool: false,
-	entry:   ["./src/example"],
+	entry:   {example:"./src/example"},
 	output:  {
 		path:          path.join(__dirname, "static/dist"),
 		filename:      "[name].js",