Lightning Component Dev Environment with gulp × JSforce

gulpfile.js

var componentName = 'HereIsYourComponentName';

var gulp = require('gulp');
var zip = require('gulp-zip');
var browserify = require('browserify');
var debowerify = require('debowerify');
var source = require('vinyl-source-stream');
var deamd = require('deamd');
var through2 = require('through2');
var jsforce = require('jsforce');
var notify = require('gulp-notify');
var env = require('gulp-env');
var gulpif = require('gulp-if');
var replace = require('gulp-replace');

env({
  file: '.env.json'
});

// ref. https://github.com/vigetlabs/gulp-starter/blob/master/gulpfile.js/lib/handleErrors.js
var handleErrors = function(err, callback) {
  notify.onError({
    message: err.toString().split(': ').join(':\n'),
    sound: false
  }).apply(this, arguments);
  // Keep gulp from hanging on this task
  if (typeof this.emit === 'function') {
    this.emit('end');
  }
}

var forceDeploy = function(username, password) {
  return through2.obj(function(file, enc, callback) {
    var conn;
    conn = new jsforce.Connection();
    return conn.login(username, password).then(function() {
      return conn.metadata.deploy(file.contents).complete({
        details: true
      });
    })
    .then(function(res) {
      if (res.details !== null && !res.success){
        console.error(res);
        console.log('***************ERROR DETAILS***************');
        console.error(res.details.componentFailures);
        return callback(new Error('Deploy failed.'));
      }
      return callback();
    }, function(err) {
      console.error(err);
      return callback(err);
    });
  });
};

gulp.task('build', ['js', 'css', 'statics'], function() {
  return gulp.src('./build/**/*')
  .pipe(zip(componentName + '.resource'))
  .pipe(gulp.dest('./pkg/staticresources'));
});

gulp.task('js', function() {
  return browserify({
    entries: ['./src/scripts/'+ componentName +'.js'],
    standalone: componentName
  }).transform(debowerify)
  .bundle()
  .on('error', handleErrors)
  .pipe(source(componentName + '.js'))
  .pipe(deamd())
  .pipe(gulp.dest('./build/scripts'));
});

gulp.task('css', function() {
  return gulp.src('./src/stylesheets/*.css')
  .pipe(gulp.dest('./build/stylesheets'));
});

gulp.task('statics', function() {
  return gulp.src(['./src/**/*.html', './src/images/**/*'], {
    base: './src'
  }).pipe(gulp.dest('./build'));
});

gulp.task('deploy', function() {
  var ts = Date.now();  // Timestamp
  return gulp.src('pkg/**/*', {
    base: '.'
  })
  .pipe(gulpif('**/*.cmp', replace(/__NOCACHE__/g, ts)))
  .pipe(zip('pkg.zip'))
  .pipe(forceDeploy(process.env.SF_USERNAME, process.env.SF_PASSWORD))
  .on('error', handleErrors);
});

gulp.task('watch', function() {
  gulp.watch('src/**/*', ['build']);
  gulp.watch('pkg/**/*', ['deploy']);
});

gulp.task('default', ['build', 'deploy']);

see: https://github.com/zaki-yama/lightning-gulp-template