Separate packages

Author: boopathi

example/webpack.config.js

@@ -1,4 +1,4 @@
-const reactSvgLoader = require.resolve("../");
+const reactSvgLoader = require.resolve("../packages/react-svg-loader");
 const path = require("path");
 
 module.exports = {

gulpfile.babel.js

@@ -0,0 +1,47 @@
+const through = require("through2");
+const chalk = require("chalk");
+const newer = require("gulp-newer");
+const babel = require("gulp-babel");
+const gutil = require("gulp-util");
+const gulp = require("gulp");
+const path = require("path");
+
+const scripts = "./packages/*/src/**/*.js";
+const dest = "packages";
+
+let srcEx, libFragment;
+
+if (path.win32 === path) {
+  srcEx = /(packages\\[^\\]+)\\src\\/;
+  libFragment = "$1\\lib\\";
+} else {
+  srcEx = new RegExp("(packages/[^/]+)/src/");
+  libFragment = "$1/lib/";
+}
+
+export function build() {
+  return gulp
+    .src(scripts)
+    .pipe(
+      through.obj((file, enc, callback) => {
+        file._path = file.path;
+        file.path = file.path.replace(srcEx, libFragment);
+        callback(null, file);
+      })
+    )
+    .pipe(newer(dest))
+    .pipe(
+      through.obj((file, enc, callback) => {
+        gutil.log("Compiling", "'" + chalk.cyan(file._path) + "'...");
+        callback(null, file);
+      })
+    )
+    .pipe(babel())
+    .pipe(gulp.dest(dest));
+}
+
+export const watch = gulp.series(build, () => {
+  gulp.watch(scripts, { debounceDelay: 200 }, build).on("error", () => {});
+});
+
+export default build;

package.json

@@ -1,6 +1,7 @@
 {
   "name": "react-svg-loader",
   "version": "2.0.0-alpha.3",
+  "private": true,
   "description": "Optimize svg and load it as a React Component",
   "keywords": [
     "loader",
@@ -29,25 +30,14 @@
     "url": "git+https://github.com/boopathi/react-svg-loader.git"
   },
   "scripts": {
-    "build": "babel src --out-dir lib --copy-files",
+    "build": "gulp build",
     "clean": "rm -rf lib",
     "cover": "babel-node `npm bin`/isparta cover test/index.js",
     "eslint": "eslint .",
     "flow": "flow",
     "lint": "yarn flow && yarn eslint",
     "test": "tape -r babel-register test/index.js | faucet",
-    "watch": "babel src --out-dir lib --copy-files --watch"
-  },
-  "dependencies": {
-    "babel-core": "^6.25.0",
-    "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-preset-react": "^6.24.1",
-    "js-yaml": "^3.9.0",
-    "loader-utils": "^1.0.2",
-    "lodash.isplainobject": "^4.0.4",
-    "svgo": "^0.7.2",
-    "yargs": "^9.0.1"
+    "watch": "gulp watch"
   },
   "devDependencies": {
     "babel-cli": "^6.24.1",
@@ -56,17 +46,26 @@
     "babel-preset-env": "^1.6.0",
     "babel-preset-flow": "^6.23.0",
     "babel-register": "^6.24.1",
+    "chalk": "^2.0.1",
     "eslint": "^4.1.0",
     "eslint-plugin-flowtype": "^2.36.0",
     "eslint-plugin-prettier": "^2.3.1",
     "eslint-plugin-react": "^7.0.1",
     "faucet": "0.0.1",
     "flow-bin": "^0.56.0",
+    "gulp": "github:gulpjs/gulp#4.0",
+    "gulp-babel": "^7.0.0",
+    "gulp-newer": "^1.3.0",
+    "gulp-util": "^3.0.8",
     "isparta": "^4.0.0",
     "prettier": "^1.7.2",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "react-test-renderer": "^16.0.0",
-    "tape": "^4.7.0"
-  }
+    "tape": "^4.7.0",
+    "through2": "^2.0.3"
+  },
+  "workspaces": [
+    "packages/*"
+  ]
 }

packages/babel-plugin-react-svg/README.md

@@ -0,0 +1,32 @@
+{
+  "name": "babel-plugin-react-svg",
+  "version": "2.0.0-alpha.3",
+  "description": "Babel plugin to transform svg to react component",
+  "keywords": [
+    "babel",
+    "babel-plugin",
+    "react",
+    "react-svg-loader",
+    "svg",
+    "webpack",
+    "webpack-loader"
+  ],
+  "homepage": "https://github.com/boopathi/react-svg-loader#readme",
+  "bugs": {
+    "url": "https://github.com/boopathi/react-svg-loader/issues"
+  },
+  "license": "MIT",
+  "author": "boopathi",
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "main": "lib/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/boopathi/react-svg-loader.git"
+  },
+  "peerDependencies": {
+    "babel-plugin-syntax-jsx": "^6.18.0"
+  }
+}