appstorebadges/gulpfile.js

'use strict';

// load plugins
var $ = require('gulp-load-plugins')();

// manually require modules that won"t get picked up by gulp-load-plugins
var gulp = require('gulp'),
    del = require('del'),
    pkg = require('./package.json'),
    assemble = require('assemble');

// handle errors
var onError = function(error) {
    $.util.log($.util.colors.red('You fucked up:', error.message, 'on line' , error.lineNumber));
    this.emit('end');
}


// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
// Config
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

var src      = 'src/',
    dist     = 'dist/';


// code banner
var banner = [
    '/**',
    '**',
    '** ------------------------------------------',
    '**',
    '**    <%= pkg.name %> v<%= pkg.version %>',
    '**    <%= pkg.homepage %>',
    '**    <%= pkg.license %> ',
    '**',
    '** ------------------------------------------',
    '**',
    '**/'
].join('\n');


// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
// Tasks
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

//
// Delete build artifacts
//
gulp.task('clean', function() {
    return del(dist + '**/*');
});


//
// HTML
//
gulp.task('html', function() {
    assemble.partials(src + 'partials/*.*');

    return gulp.src(src + '*.hbs')
        .pipe($.assemble(assemble))
        .pipe($.extname())
        .pipe(gulp.dest(dist))
        .pipe($.connect.reload());
});


//
// Styles
//
gulp.task('css', function() {
    return gulp.src(src + 'styl/appstorebadges.styl')
        .pipe($.stylus({ 'include css': true })).on('error', onError)
        .pipe($.autoprefixer({ browsers: ['last 2 versions', 'safari >= 5', 'firefox >= 21', 'ie 9', 'opera >= 12.1', 'ios >= 6', 'android >= 4'] }))
        .pipe($.cssmin())
        .pipe($.header(banner, { pkg: pkg }))
        .pipe($.rename({ suffix: '.min' }))
        .pipe(gulp.dest(dist))
        .pipe($.connect.reload());
});


//
// Dev Server
//
gulp.task('connect', function() {
    return $.connect.server({
        root: [dist],
        livereload: true,
        port: 1337
    });
});


//
// Watch task
//
gulp.task('watch', function() {
    gulp.watch([src + '**/*.styl'], ['css']);
    gulp.watch([src + '**/*.{hbs,html}'], ['html']);
});


//
// Dev Server
//
gulp.task('default', ['css', 'html', 'watch', 'connect']);


//
// Full build
//
gulp.task('build', ['css', 'html']);