gulpfile.js

'use strict';
var gulp = require('gulp');
var gutil = require('gulp-util');
var minimist = require('minimist');
var sourcemaps = require('gulp-sourcemaps');

var pkg = require('./package.json');
var paths = pkg.paths;
var opts = minimist(process.argv.slice(2));

require('babel-core/register');

var gif = require('gulp-if');
var merge = require('merge-stream');
var sass = require('gulp-sass');
var prefix = require('gulp-autoprefixer');

gulp.task('css', function () {
    var streams = merge();
    paths.css.forEach(function (path) {
        streams.add(gulp.src(path.src + '*.scss')
            .pipe(gif(gutil.env.sourcemaps, sourcemaps.init()))
            .pipe(sass())
            .pipe(prefix({ cascade: true }))
            .pipe(gif(gutil.env.sourcemaps, sourcemaps.write('./')))
            .pipe(gulp.dest(path.dest)));
    });
    return streams;
});

var browserify = require('browserify');
var buffer = require('vinyl-buffer');
var source = require('vinyl-source-stream');
var watchify = require('watchify');
var xtend = require('xtend');

var watching = false;
gulp.task('enable-watch-mode', function () { watching = true; });

gulp.task('js', function () {
    var options = {
        entries: './' + paths.js.src + 'app.js', // browserify requires relative path
        debug: gutil.env.sourcemaps
    };
    if (watching) {
        options = xtend(options, watchify.args);
    }
    var bundler = browserify(options);
    if (watching) {
        bundler = watchify(bundler);
    }
    // optionally transform
    // bundler.transform('transformer');

    bundler.on('update', function (ids) {
        gutil.log('File(s) changed: ' + gutil.colors.cyan(ids));
        gutil.log('Rebundling...');
        rebundle();
    });

    bundler.on('log', gutil.log);

    /**
     * Performs rebundle
     * @returns {Object} new bundle
     */
    function rebundle() {
        return bundler.bundle()
            .on('error', function (e) {
                gutil.log('Browserify Error', gutil.colors.red(e));
            })
            .pipe(source('app.js'))
        // sourcemaps
            .pipe(buffer())
            .pipe(sourcemaps.init({ loadMaps: true }))
            .pipe(sourcemaps.write('./'))
        //
            .pipe(gulp.dest(paths.js.dest));
    }
    return rebundle();
});

gulp.task('js-controllers', function () {
    var options = {
        entries: './' + paths.js.src + 'app.js', // browserify requires relative path
        debug: gutil.env.sourcemaps
    };
    if (watching) {
        options = xtend(options, watchify.args);
    }
    var bundler = browserify(options);
    if (watching) {
        bundler = watchify(bundler);
    }
    // optionally transform
    // bundler.transform('transformer');

    bundler.on('update', function (ids) {
        gutil.log('File(s) changed: ' + gutil.colors.cyan(ids));
        gutil.log('Rebundling...');
        rebundle();
    });

    bundler.on('log', gutil.log);

    /**
     * Performs rebundle
     * @returns {Object} new bundle
     */
    function rebundle() {
        return bundler.bundle()
            .on('error', function (e) {
                gutil.log('Browserify Error', gutil.colors.red(e));
            })
            .pipe(source('app.js'))
        // sourcemaps
            .pipe(buffer())
            .pipe(sourcemaps.init({ loadMaps: true }))
            .pipe(sourcemaps.write('./'))
        //
            .pipe(gulp.dest(paths.js.dest));
    }
    return rebundle();
});


var jscs = require('gulp-jscs');

gulp.task('jscs', function () {
    return gulp.src('**/*.js')
        .pipe(jscs());
});

var jshint = require('gulp-jshint');
var stylish = require('jshint-stylish');

gulp.task('jshint', function () {
    return gulp.src('**/*.js')
        .pipe(jshint())
        .pipe(jshint.reporter(stylish));
});

var mocha = require('gulp-mocha');

gulp.task('test:application', function () {
    // default option to all
    var suite = opts.suite || '*';
    if (suite === 'all') {
        suite = '*';
    }
    // default reporter to spec
    var reporter = opts.reporter || 'spec';
    // default timeout to 60s
    var timeout = opts.timeout || 60000;
    return gulp.src(['test/application/' + suite + '/**/*.js', '!test/application/webdriver/*', '!test/application/pageObjects/*'], { read: false })
        .pipe(mocha({
            reporter: reporter,
            timeout: timeout
        }));
});

gulp.task('test:unit', function () {
    var reporter = opts.reporter || 'spec';
    var timeout = opts.timeout || 10000;
    var suite = opts.suite || '*';
    return gulp.src(['test/unit/' + suite + '/**/*.js'], { read: false })
        .pipe(mocha({
            reporter: reporter,
            timeout: timeout
        }));
});

gulp.task('build', ['js', 'css']);
gulp.task('lint', ['jshint', 'jscs']);

gulp.task('default', ['enable-watch-mode', 'js', 'css'], function () {
    gulp.watch(paths.css.map(function (path) {
        return path.src + '**/*.scss';
    }), ['css']);
});

var hbsfy = require('hbsfy');
var styleguideWatching = false;
gulp.task('styleguide-watching', function () { styleguideWatching = true; });
gulp.task('js:styleguide', function () {
    var options = {
        entries: ['./styleguide/js/main.js'],
        debug: (gutil.env.sourcemaps)
    };
    if (styleguideWatching) {
        options = xtend(options, watchify.args);
    }
    var bundler = browserify(options);
    if (styleguideWatching) {
        bundler = watchify(bundler);
    }

    // transforms
    bundler.transform(hbsfy);

    bundler.on('update', function (ids) {
        gutil.log('File(s) changed: ' + gutil.colors.cyan(ids));
        gutil.log('Rebundling...');
        bundle();
    });

    var bundle = function () {
        return bundler
            .bundle()
            .on('error', function (e) {
                gutil.log('Browserify Error', gutil.colors.red(e));
            })
            .pipe(source('main.js'))
            .pipe(gulp.dest('./styleguide/dist'));
    };
    return bundle();
});

var connect = require('gulp-connect');

gulp.task('connect:styleguide', function () {
    var port = opts.port || 8000;
    return connect.server({
        root: 'styleguide',
        port: port
    });
});

gulp.task('css:styleguide', function () {
    return gulp.src('styleguide/scss/*.scss')
        .pipe(sass())
        .pipe(prefix({ cascade: true }))
        .pipe(gulp.dest('styleguide/dist'));
});

gulp.task('styleguide', ['styleguide-watching', 'js:styleguide', 'css:styleguide', 'connect:styleguide'], function () {
    var styles = paths.css.map(function (path) {
        return path.src + '**/*.scss';
    });
    styles.push('styleguide/scss/*.scss');
    gulp.watch(styles, ['css:styleguide']);
});


// deploy to github pages
var deploy = require('gulp-gh-pages');

gulp.task('deploy:styleguide', ['js:styleguide', 'css:styleguide'], function () {
    var options = xtend({ cacheDir: 'styleguide/.tmp' }, require('./styleguide/deploy.json').options);
    return gulp.src(['styleguide/index.html', 'styleguide/dist/**/*', 'styleguide/lib/**/*'], { base: 'styleguide' })
        .pipe(deploy(options));
});