Do gulp they said, it will be fun they said

'use strict'

const gulpWebpack = require('gulp-webpack')
const gulp        = require('gulp')
const gcb         = require('gulp-callback')
const concat      = require('gulp-concat')
const rename      = require('gulp-rename')
const uglify      = require('gulp-uglify')
const ignore      = require('gulp-ignore')
const gulpUtil    = require('gulp-util')
const minifyCSS   = require('gulp-minify-css')
const electron    = require('electron-connect').server.create()
const htmlmin     = require('gulp-htmlmin')
const async       = require('async')

const debounceDelay = {debounceDelay: 8000}

gulp.task('default', function() {

  gulp.watch([
    'lib/*',
    'lib/*/**',
    'main.js',
  ], debounceDelay, (() => {
    console.log('Program change detected, restarting')
    electron.stop()
    electron.restart()
  }))
  gulp.watch([
    'inc/react/src/*',
  ], debounceDelay, (() => {
    console.log('React change detected, rebuilding files')
    electron.stop()
    buildAllReact(() => {
      electron.restart()
    })
  }))
  gulp.watch([
    'inc/css/src/*',
  ], debounceDelay, (() => {
    console.log('CSS Change detected, minfiying and concating css files')
    electron.stop()
    buildCss(() => {
      electron.restart()
    })
  }))
  gulp.watch([
    'inc/js/src/*',
  ], debounceDelay, (() => {
    console.log('JS Change detected, minfiying and concating js files')
    electron.stop()
    buildJs(() => {
      electron.restart()
    })
  }))
  gulp.watch([
    'inc/html/src/*',
  ], debounceDelay, (() => {
    console.log('HTML Change detected, minfiying html files')
    electron.stop()
    buildHtml(() => {
      electron.restart()
    })
  })
)
})

// How we build React
const buildReact = (file, cb) => {
  gulp.src('inc/react/src/' + file + '.js')
  .pipe(gulpWebpack({
      module: {
        loaders: [
          {
            test: /\.jsx?$/,
            loader: 'babel-loader',
            exclude: /node_modules/,
            query: {
              presets: ['react'],
            },
          },
        ],
      },
      output: {
        filename: file + '.js',
      },
    }
  ))
  .pipe(gulp.dest('inc/react/build/'))
  .pipe(gcb(() => {
    cb()
  }))
}

// How we build the html
const buildHtml = cb => {
  gulp.src('inc/html/src/**/*.html')
    .pipe(htmlmin({collapseWhitespace: true}))
    .pipe(gulp.dest('inc/html/build'))
}

// How we build the css
const buildCss = cb => {
  gulp.src('inc/css/src/**/*.css')
    .pipe(minifyCSS())
    .pipe(concat('main.min.css'))
    .pipe(gulp.dest('inc/css/build'))
    .pipe(gcb(() => {
      if (cb)
        cb()
    }))
}

// How we build the javascript
const buildJs = cb => {
  gulp.src(['inc/js/src/!/*.js', 'inc/js/src/*.js'])
    .pipe(uglify().on('error', gulpUtil.log))
    .pipe(concat('main.js'))
    .pipe(ignore.exclude(['**/*.map']))
    .pipe(gulp.dest('inc/js/build'))
    .pipe(rename('main.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('inc/js/build'))
    .pipe(gcb(() => {
      if (cb)
        cb()
    }))
}

const buildAllReact = cb => {
  async.parallel({
    create: function(callback){
      buildReact('create', () => {
        callback()
      })
    },
    index: function(callback){
      buildReact('index', () => {
        callback()
      })
    },
    login: function(callback){
      buildReact('login', () =>  {
        callback()
      })
    }
  },
  function(err, results) {
    if (err) throw new Error(err)
    if (cb)
      cb()
  });
}

// How we rebuild all
const rebuildAll = cb => {
  async.parallel({
    html: function(callback){
      console.log("html rebuilding..")
      buildHtml(() =>  {
        console.log("html done..")
        callback()
      })
    },
    js: function(callback){
      console.log("js rebuilding..")
      buildJs(() =>  {
        console.log("js done..")
        callback()
      })
    },
    css: function(callback){
      console.log("css rebuilding..")
      buildCss(() =>  {
        console.log("css done..")
        callback()
      })
    },
    buildAllReact: function(callback){
      console.log("react rebuilding..")
      buildAllReact(() =>  {
        console.log("react done..")
        if (cb)
          cb()
      })
    }
  })
}

// Build the all the files on start, just to be sure :)
rebuildAll(() => {
  electron.start()
})