fixing a nasty bug...

Author: Eduardo García Sanz

index.js

@@ -41,7 +41,7 @@ var type     = 'svg',
     return template
         .replace('__TYPE__', type)
         .replace(/__NAME__/g, name)
-        .replace('__SVG__', data.replace('<svg', '<svg {...this.props}'));
+        .replace('__SVG__', data.replace('<svg', '<svg {...props}'));
 };
 
 var transform = function (filename) {

package.json

@@ -4,7 +4,7 @@
     "homepage"       : "https://github.com/coma/svg-reactify",
     "repository"     : "https://github.com/coma/svg-reactify",
     "main"           : "./index.js",
-    "version"        : "1.0.0",
+    "version"        : "1.0.1",
     "license"        : "MIT",
     "private"        : false,
     "authors"        : [

template/all.jsx

@@ -1,23 +1,28 @@
 var React = require('react'),
-    SVG   = __SVG__;
+    SVG   = function (props) {
+
+        return __SVG__;
+    };
 
 module.exports = React.createClass({
     displayName: 'svg-__NAME__',
     propTypes  : {
-        type: React.PropTypes.oneOf(['svg', 'icon'])
+        type: React.PropTypes.oneOf(['svg', 'icon']),
+        svg : React.PropTypes.object
     },
     getDefaultProps: function() {
 
         return {
-            type: '__TYPE__'
+            type: '__TYPE__',
+            svg : {}
         };
     },
     render     : function () {
 
         switch (this.props.type) {
 
             case 'svg':
-                return SVG;
+                return SVG(this.props);
 
             case 'icon':
 
@@ -28,7 +33,7 @@ module.exports = React.createClass({
                     className += ' ' + this.props.className;
                 }
 
-                return <span { ...this.props } className={ className }>{ SVG }</span>;
+                return <span { ...this.props } className={ className }>{ SVG(this.props.svg) }</span>;
         }
     }
 });

template/icon.jsx

@@ -1,7 +1,20 @@
-var React = require('react');
+var React = require('react'),
+    SVG   = function (props) {
+
+        return __SVG__;
+    };
 
 module.exports = React.createClass({
     displayName: 'svg-__NAME__',
+    propTypes  : {
+        svg: React.PropTypes.object
+    },
+    getDefaultProps: function() {
+
+        return {
+            svg: {}
+        };
+    },
     render     : function () {
 
         var className = 'icon icon-__NAME__';
@@ -11,6 +24,6 @@ module.exports = React.createClass({
             className += ' ' + this.props.className;
         }
 
-        return <span { ...this.props } className={ className }>__SVG__</span>;
+        return <span { ...this.props } className={ className }>{ SVG(this.props.svg) }</span>;
     }
 });

template/svg.jsx

@@ -1,9 +1,13 @@
-var React = require('react');
+var React = require('react'),
+    SVG   = function (props) {
+
+        return __SVG__;
+    };
 
 module.exports = React.createClass({
     displayName: 'svg-__NAME__',
     render     : function () {
 
-        return __SVG__;
+        return SVG(this.props);
     }
 });