officebot-alerts/gulpfile.js

A simple Growl-like alert service for Angular.js apps

"use strict";

var browserify   = require('browserify');
var gulp         = require('gulp');
var brfs         = require('brfs');
var less         = require('gulp-less');
var minify       = require('gulp-minify');
var streamify    = require('gulp-streamify');
var gutil        = require('gulp-util');
var source       = require('vinyl-source-stream');
var watchify     = require("watchify");
var path         = require('path');

var sourceFile   = './src/index.js';
var destFolder   = './dist/js';
var destFile     = 'officebot-alerts.js';
var lessSrc      = 'styles/officebot-alerts.less';

var libs = [
   "angular"
];

gulp.task('less', function() {
    return gulp.src(lessSrc)
        .pipe(less({
            paths : [path.join(__dirname, 'styles')]
        }))
        .pipe(gulp.dest('./dist/css'));
})

// Inspired by http://truongtx.me/2014/08/06/using-watchify-with-gulp-for-fast-browserify-build/
gulp.task('browserify',function browserifyShare() {
    var b = browserify({
        cache: {},
        packageCache: {},
        fullPaths: true,
        paths: ['./node_modules'],
        debug: true
    });
    b.transform(brfs);

    libs.forEach(function(lib) {
        b.external(lib);
    });

    if ( process.env.WATCH ) {
        b = watchify(b);
        b.on('update', function() {
            gutil.log("Watchify detected change -> Rebuilding bundle");
            return bundleShare(b);
        });
    }
    b.on('error', handleErrors);

    b.add(sourceFile); // It seems to produce weird behaviors when both using "add" and "require"

    return bundleShare(b);
});

function bundleShare(b) {
    return b.bundle()
        .on('error', handleErrors)
        .pipe(source(destFile))
        .pipe(streamify( minify({mangle : false})) )
        .pipe(gulp.dest(destFolder))
}

function handleErrors(e) {
    gutil.log('ERROR----');
    gutil.log(e);
}

gulp.task('default', ['browserify','less']);