Initial commit

Author: frenzzy

.gitignore

@@ -0,0 +1,3 @@
+# Dependency directory
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Vladimir Kutepov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,64 @@
+# svg-to-jsx-loader
+
+Simple [Webpack](http://webpack.github.io/) loader that allows to load SVG files as [React](http://facebook.github.io/react/) components with [svg-to-jsx](https://github.com/janjakubnanista/svg-to-jsx).
+
+## Installation
+
+```shell
+$ npm install svg-to-jsx-loader --save-dev
+```
+
+## Usage
+
+Webpack documentation: [Using loaders](http://webpack.github.io/docs/using-loaders.html)
+
+In your `webpack.config.js`, add the `svg-to-jsx-loader`, chained with the [`babel-loader`](https://babeljs.io/docs/setup/#webpack):
+
+```js
+loaders: [
+  {
+    test: /\.svg$/,
+    loaders: [
+      'babel-loader',
+      'svg-to-jsx-loader'
+    ]
+  }
+]
+```
+
+### Input example
+
+```svg
+<!-- forward-icon.svg -->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M21 11l-7-7v4C7 9 4 14 3 19c2.5-3.5 6-5.1 11-5.1V18l7-7z"/>
+</svg>
+```
+
+### Output example
+
+```js
+import React from 'react';
+
+class Svg extends React.Component {
+  render() {
+    return (
+      <svg width="24" height="24" viewBox="0 0 24 24" {...this.props}>
+        <path d="M21 11l-7-7v4C7 9 4 14 3 19c2.5-3.5 6-5.1 11-5.1V18l7-7z"/>
+      </svg>
+    );
+  }
+};
+
+export default Svg;
+```
+
+## Inspiration
+
+- [svg-jsx-loader](https://github.com/janjakubnanista/svg-jsx-loader)
+- [react-svg-loader](https://github.com/boopathi/react-svg-loader)
+- [svg-to-jsx](https://github.com/janjakubnanista/svg-to-jsx)
+
+## License
+
+MIT (http://www.opensource.org/licenses/mit-license.php)

index.js

@@ -0,0 +1,27 @@
+var svgtojsx = require('svg-to-jsx');
+
+module.exports = function (content) {
+  this.cacheable && this.cacheable();
+
+  var callback = this.async();
+
+  svgtojsx(content, {passProps: true}, function (err, jsx) {
+    if (err) {
+      callback(err);
+    } else {
+      callback(null,
+        'import React from "react";' +
+
+        'class Svg extends React.Component {' +
+        '  render() {' +
+        '    return (' + jsx + ');' +
+        '  }' +
+        '};' +
+
+        'export default Svg;'
+      );
+    }
+  });
+};
+
+module.exports.raw = true;

package.json

@@ -0,0 +1,29 @@
+{
+  "name": "svg-to-jsx-loader",
+  "version": "1.0.0",
+  "description": "SVG to JSX loader module for webpack",
+  "author": "Vladimir Kutepov",
+  "license": "MIT",
+  "homepage": "https://github.com/frenzzy/svg-to-jsx-loader#readme",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/frenzzy/svg-to-jsx-loader.git"
+  },
+  "bugs": {
+    "url": "https://github.com/frenzzy/svg-to-jsx-loader/issues"
+  },
+  "keywords": [
+    "WebPack",
+    "Loader",
+    "SVG",
+    "JSX",
+    "React"
+  ],
+  "dependencies": {
+    "svg-to-jsx": "0.0.13"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}