working

Author: Eduardo García Sanz

index.js

@@ -1,4 +1,43 @@
-module.exports = function reactify(filename, options) {
+var through = require('through'),
+    SVGO    = require('svgo'),
+    react   = require('react-tools');
 
-    
+var isSVG = function (filename) {
+
+    return (/\.svg$/i).test(filename);
+};
+
+var svgo = new SVGO();
+
+module.exports = function (filename) {
+
+    var write = function (buffer) {
+
+        data += buffer;
+    };
+
+    var end = function () {
+
+        svgo.optimize(data, out);
+    };
+
+    var out = function (svg) {
+
+        var source = "var React = require('react');module.exports = React.createClass({render: function () { return (" + svg.data + "); }});",
+            output = react.transform(source, {
+                es5           : true,
+                sourceMap     : false,
+                sourceFilename: filename,
+                stripTypes    : false,
+                harmony       : false
+            });
+
+        stream.queue(output);
+        stream.queue(null);
+    };
+
+    var data   = '',
+        stream = isSVG(filename) ? through(write, end) : through();
+
+    return stream;
 };

package.json

@@ -4,7 +4,7 @@
   "homepage"       : "https://github.com/coma/svg-reactify",
   "repository"     : "https://github.com/coma/svg-reactify",
   "main"           : "./index.js",
-  "version"        : "0.0.0",
+  "version"        : "0.2.0",
   "license"        : "MIT",
   "private"        : false,
   "authors"        : [
@@ -16,7 +16,11 @@
     "svg",
     "browserify-transform"
   ],
-  "dependencies"   : {},
+  "dependencies"   : {
+      "through"    : "^2.3",
+      "react-tools": "^0.13",
+      "svgo"       : "^0.5"
+  },
   "devDependencies": {},
   "scripts"        : {},
   "engines"        : {}