gulpfile.js

var gulp = require('gulp');
var browserSync = require('browser-sync');
var del = require('del');
var runSequence = require('run-sequence');
var deploy = require('gulp-gh-pages');
var args = require('yargs').argv;
var fs = require('fs');
var karma = require('karma');
var $    = require('gulp-load-plugins')({
  rename: {
    "gulp-replace-task": "replace"
  }
});


gulp.task('configure-environment', function() {
  var env = args.env || 'local';
  var filename = env + '.json';
  var settings = JSON.parse(fs.readFileSync('./config/' + filename, 'utf8'));

  gulp.src('app/js/config.js')
    .pipe($.replace({
      patterns: [
        {
          match: 'equipmentApi',
          replacement: settings.equipmentApi
        },
        {
          match: 'peopleApi',
          replacement: settings.peopleApi
        }
      ]
    }))
    .pipe(gulp.dest('dist/js/'));
});

gulp.task('sass', function() {
  var sassPaths = [
    'bower_components/foundation-sites/scss',
    'bower_components/motion-ui/src'
  ];

  return gulp.src('app/scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    })
      .on('error', $.sass.logError))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.reload({ stream: true }));
});

gulp.task('clean', function() {
  return del.sync('dist');
});

gulp.task('build-styles', ['sass'], function() {
  return gulp.src('app/css/*.css')
    .pipe(gulp.dest('dist/css/'));
});

gulp.task('build-scripts', function() {
  return gulp.src(['app/js/*.js', '!app/js/config.js'])
    .pipe(gulp.dest('dist/js/'));
});

gulp.task('build-html', ['build-scripts', 'build-styles'], function() {
  return gulp.src('app/*.html')
    .pipe($.useref({
      searchPath: ['dist', '.']
    }))
    .pipe(gulp.dest('dist/'));
});

gulp.task('build-data', function() {
  return gulp.src('app/*.json')
    .pipe(gulp.dest('dist/'));
});

gulp.task('build-bower', function() {
  return gulp.src('bower_components/**/*')
    .pipe(gulp.dest('dist/bower_components/'));
});

gulp.task('build', function(callback) {
  runSequence(
      'clean',
      'configure-environment',
      ['build-bower', 'build-html', 'build-styles', 'build-scripts', 'build-data'],
    callback);
});

gulp.task('test', ['build', 'configure-environment'], function(callback) {
  new karma.Server({
    configFile: __dirname + "/karma.conf.js",
    singleRun: true
  }, callback).start();
});

gulp.task('serve-reload', ['build'], function() {
  browserSync.reload();
});

// watch files for changes and reload
gulp.task('serve', ['build'], function() {
  browserSync({
    server: {
      baseDir: 'dist'
    }
  });

  gulp.watch('app/scss/*.scss', ['sass']);
  gulp.watch(['*.html', '*.json', 'css/**/*.css', 'js/**/*.js'], {cwd: 'app'}, ['serve-reload']);
});

gulp.task('deploy-azure', ['build'], function() {
  return gulp.src('dist/**/*')
    .pipe(deploy({
      branch: 'azure'
    }));
});