add build scripts

Author: autarc

build/index.js

@@ -0,0 +1,29 @@
+/**
+ * # Build
+ *
+ * Handles the scripts defined in 'package.json'
+ */
+
+require('babel-register')
+
+var path = require('path')
+
+// environment (default mode: development)
+global.__DEVELOPMENT__ = !(process.env.NODE_ENV === 'production' || process.argv.length > 2)
+
+var env = {
+  SRC: path.resolve(__dirname, '../src'),
+  LIB: path.resolve(__dirname, '../lib'),
+  DIST: path.resolve(__dirname, '../dist')
+}
+
+var SourceLibrary = require('./tasks/src-lib')
+var SourceDistribution = require('./tasks/src-dist')
+
+SourceLibrary(env).then(function () {
+  return SourceDistribution(env)
+})
+.then(function(){
+  console.log('[BUILD]', __DEVELOPMENT__ ? 'WATCH' : 'RELEASE')
+})
+.catch(console.error.bind(console))

build/tasks/src-dist.js

@@ -0,0 +1,129 @@
+/**
+ * # Task: Source - Distribution
+ *
+ * Configuration to build browser packages.
+ */
+
+import { emptyDirSync } from 'fs-extra'
+import webpack from 'webpack'
+const merge = require('deep-merge')((target, source) => {
+  if (target instanceof Array) {
+    return [].concat(target, source)
+  }
+  return source
+})
+
+/**
+ * [default description]
+ * @param  {[type]} env [description]
+ * @return {[type]}     [description]
+ */
+export default (env) => {
+  emptyDirSync(env.DIST)
+  return new Promise((resolve, reject) => {
+
+    var config = {
+      target: 'web',
+      entry: `${env.SRC}/index.js`,
+      resolve: {
+        extensions: ['', '.js']
+      },
+      output: {
+        path: env.DIST,
+        filename: 'redux-sync.js',
+        library: 'ReduxSync',
+        libraryTarget: 'umd'
+      },
+      module: {
+        loaders: [
+          {
+            test: /\.js$/,
+            include: env.SRC,
+            loader: 'babel'
+          }
+        ]
+      }
+    }
+
+    // = development
+    if (__DEVELOPMENT__) {
+      const DevConfig = merge(config, {
+        debug: true,
+        devtool: 'inline-source-map'
+      })
+      var ready = false
+      return webpack(DevConfig).watch(100, (error, stats) => {
+        if (ready) {
+          if (error) {
+            return console.error(error)
+          }
+          return console.log(new Date().toISOString(), ' - [ReduxSync]', stats.toString())
+        }
+        if (error) {
+          return reject(error)
+        }
+        ready = true
+        return resolve()
+      })
+    }
+
+    // = production:debug
+    const ProductionDebugConfig = merge(config, {
+      debug: true,
+      devtool: 'sourcemap',
+      plugins: [
+        new webpack.DefinePlugin({
+          'process.env': {
+            'NODE_ENV': JSON.stringify('development')
+          }
+        }),
+        new webpack.optimize.OccurenceOrderPlugin(),
+        new webpack.optimize.DedupePlugin(),
+        new webpack.optimize.UglifyJsPlugin({
+          sourceMap: true,
+          compress: {
+            warnings: false,
+            screw_ie8: true
+          }
+        })
+      ]
+    })
+
+    // = production:min
+    const ProductionMinConfig = merge(config, {
+      debug: false,
+      output: {
+        filename: config.output.filename.replace('.js', '.min.js')
+      },
+      plugins: [
+        new webpack.DefinePlugin({
+          'process.env': {
+            'NODE_ENV': JSON.stringify('production')
+          }
+        }),
+        new webpack.optimize.OccurenceOrderPlugin(),
+        new webpack.optimize.DedupePlugin(),
+        new webpack.optimize.UglifyJsPlugin({
+          sourceMap: false,
+          compress: {
+            warnings: false,
+            screw_ie8: true
+          }
+        })
+      ]
+    })
+
+    return webpack(ProductionDebugConfig).run((error, stats) => {
+      if (error) {
+        return rejec(error)
+      }
+      return webpack(ProductionMinConfig).run((error, stats) => {
+        if (error) {
+          return reject(error)
+        }
+        return resolve()
+      })
+    })
+
+  })
+}

build/tasks/src-lib.js

@@ -0,0 +1,47 @@
+/**
+ * # Task: Source - Library
+ *
+ *
+ */
+
+import { emptyDirSync } from 'fs-extra'
+import gulp from 'gulp'
+const $ = require('gulp-load-plugins')()
+
+/**
+ * [description]
+ * @param  {[type]} env [description]
+ * @return {[type]}     [description]
+ */
+export default (env) => {
+  emptyDirSync(env.LIB)
+  return new Promise((resolve, reject) => {
+    const MATCH_ALL = `${env.SRC}/**/*`
+    const target = `${env.LIB}/`
+    transform(gulp.src(MATCH_ALL), target).on('end', () => {
+      if (__DEVELOPMENT__) {
+        $.watch(MATCH_ALL, (file) => {
+          transform(gulp.src(file.path, { base: `${env.SRC}` }), target)
+          .on('end', () => console.log('[CHANGE]', $.util.colors.yellow(file.path)))
+        })
+      }
+      return resolve()
+    })
+  })
+}
+
+/**
+* Lazypipe alternative re-usable code
+* @param  {[type]} stream [description]
+* @param  {[type]} target [description]
+* @return {[type]}        [description]
+*/
+function transform (stream, target) {
+  return stream
+  .pipe($.plumber(::console.error))
+  .pipe($.sourcemaps.init())
+    .pipe($.babel({/** see .babelrc **/}))
+  .pipe($.sourcemaps.write())
+  .pipe($.plumber.stop())
+  .pipe(gulp.dest(target))
+}