gulpfile.js

/*
 *
 * Copyright 2009-2015 Jayway Products AB
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

'use strict';

var args = require('yargs').argv;
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');
var connect = require('gulp-connect');
var del = require('del');
var gulp = require('gulp');
var imagemin = require('gulp-imagemin');
var jshint = require('gulp-jshint');
var karma = require('gulp-karma');
var mainBowerFiles = require('main-bower-files');
var minifyCSS = require('gulp-minify-css');
var minifyHtml = require('gulp-minify-html');
var ngAnnotate = require('gulp-ng-annotate');
var ngConstant = require('gulp-ng-constant');
var replace = require('gulp-replace');
var runSequence = require('run-sequence');
var sourcemaps = require('gulp-sourcemaps');
var stylish = require('jshint-stylish');
var uglify = require('gulp-uglify');

var testFiles = ['unit/filters-unit.js'];
var buildMode = (function () {
  if (args.prod) {
    return 'prod';
  } else {
    return 'dev';
  }
})();

var paths = {
  scripts: [
    'app/**/*.js',
    '!app/design/**/*.js',
    'bower_components/ui-select/dist/select.js'
  ],
  css: [
    'app/design/gui/css/**/*.css',
    'bower_components/angular-growl-v2/build/angular-growl.css',
    'bower_components/pickadate/lib/themes/default.*',
    'bower_components/chosen/chosen.css',
    'bower_components/angular-chosen-localytics/chosen-spinner.css',
    'bower_components/ui-select/dist/select.css'
  ],
  templates: [
    'app/**/*.html'
  ],
  images: [
    'app/design/gui/i/**/*',
    'bower_components/chosen/*.png'
  ],
  fonts: [
    'app/design/gui/fonts/**/*'
  ],
  config: [
    'app/config/config.json'
  ]
};

gulp.task('config', function () {
  gulp.src(paths.config)
    .pipe(ngConstant({
      name: 'sf.config',
      constants: { buildMode: buildMode }
    }))
    .pipe(gulp.dest('app/config'));
});

gulp.task('unit-test', function () {
  return gulp.src(testFiles)
    .pipe(karma({
      configFile: 'karma.config.js',
      action: 'run'
    }))
    .on('error', function (err) {
      throw err;
    });
});

gulp.task('e2e-test', function () {
  return gulp.src(testFiles)
    .pipe(karma({
      configFile: 'karma-e2e.conf.js',
      action: 'run'
    }))
    .on('error', function (err) {
      throw err;
    });
});

gulp.task('lint', function () {
  var path = paths.scripts.concat([
    '!app/angular-locale_sv-se.js',
    '!app/config/config.js'
  ]);
  return gulp.src(path)
    .pipe(jshint())
    .pipe(jshint.reporter(stylish));
});

gulp.task('build-scripts', ['lint', 'unit-test'], function () {
  return gulp.src(paths.scripts)
    //.pipe(sourcemaps.init({loadMaps: true}))
    .pipe(ngAnnotate())
    .pipe(concat('streamflow.js'))
    //.pipe(uglify())
    //.pipe(sourcemaps.write())
    .pipe(gulp.dest('build/app'))
    .pipe(connect.reload());
});

gulp.task('build-vendor-scripts', function () {
  return gulp.src(mainBowerFiles({filter: /\.js$/i}))
    .pipe(concat('vendor.js'))
    .pipe(ngAnnotate())
    .pipe(uglify())
    .pipe(gulp.dest('build/app'))
    .pipe(connect.reload());
});

gulp.task('build-css', function () {
  return gulp.src(paths.css)
    // Fix path to Chosen's sprite sheet.
    .pipe(replace(/chosen-sprite(@2x)?.png/gi, function (match) {
      return '../i/' + match;
    }))
    .pipe(sourcemaps.init())
      .pipe(autoprefixer())
      .pipe(concat('streamflow.css'))
      .pipe(minifyCSS())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('build/app/css'))
    .pipe(connect.reload());
});

gulp.task('copy-templates', function () {
  return gulp.src(paths.templates)
    .pipe(minifyHtml({
      empty: true
    }))
    .pipe(gulp.dest('build'))
    .pipe(connect.reload());
});

gulp.task('copy-fonts', function () {
  return gulp.src(paths.fonts)
    .pipe(gulp.dest('build/app/fonts'))
    .pipe(connect.reload());
});

gulp.task('copy-images', function () {
  return gulp.src(paths.images)
    .pipe(imagemin())
    .pipe(gulp.dest('build/app/i'))
    .pipe(connect.reload());
});

gulp.task('connect', function () {
  connect.server({
    root: 'build',
    port: 9999,
    livereload: true
  });
});

gulp.task('clean', function () {
  del(['build']);
});

gulp.task('build', [
  'config',
  'build-scripts',
  'build-vendor-scripts',
  'build-css',
  'copy-templates',
  'copy-fonts',
  'copy-images',
  'unit-test'
]);

gulp.task('watch', function () {
  gulp.watch(paths.scripts, ['build-scripts']);
  gulp.watch(mainBowerFiles({filter: /\.js$/i}), ['build-vendor-scripts']);
  gulp.watch(paths.css, ['build-css']);
  gulp.watch(paths.templates, ['copy-templates']);
  gulp.watch(paths.images, ['copy-images']);
  gulp.watch(paths.fonts, ['copy-fonts']);
});

gulp.task('default', function () {
  runSequence('build', 'connect', 'watch');
});