var gulp = require('gulp'), notify = require('gulp-notify'), plumber = require('gulp-plumber'), config = require('./config'); function errorHandler() { return plumber({ errorHandler: notify.onError('Error: <%= error.message %>') }); } gulp.task('default', ['server'], function() { gulp.watch(config.globs.other, ['static']); gulp.watch([config.globs.html, config.templateFile, config.globs.sass], ['markup']); gulp.watch(config.globs.js, ['browserify']); }); gulp.task('server', ['build'], function() { var connect = require('gulp-connect'), watch = require('gulp-watch'); watch(config.buildPath('**/*'), { name: 'Server' }) .pipe(connect.reload()); return connect.server({ root: config.buildRoot, livereload: true }); }); gulp.task('build', ['static', 'markup', 'compass', 'browserify']); gulp.task('static', function() { return gulp.src(config.globs.other, { base: './src' }) .pipe(errorHandler()) .pipe(gulp.dest(config.buildRoot)); }); gulp.task('markup', ['compass'], function() { var wrap = require('gulp-wrap'), path = require('path'), fs = require('fs'); return gulp.src(config.globs.html, { base: './src' }) .pipe(errorHandler()) .pipe(wrap({ src: config.templateFile }, { date: new Date().toISOString(), title: function() { var root = path.join(this.file.cwd, this.file.base), file = path.relative(root, this.file.history[0]); return config.titles[file] || config.titles['_']; }, svgStyles: fs.readFileSync(path.join(config.compass.css, 'svg.css'), { encoding: 'utf-8' }) })) .pipe(gulp.dest(config.buildRoot)); }); gulp.task('compass', function() { var compass = require('gulp-compass'); return gulp.src(config.globs.sass) .pipe(errorHandler()) .pipe(compass(config.compass)); }); gulp.task('browserify', function() { var browserify = require('browserify'), exorcist = require('exorcist'), tap = require('gulp-tap'), transform = require('vinyl-transform'), mold = require('mold-source-map'); return gulp.src('./src/js/main.js', { read: false }) .pipe(errorHandler()) .pipe(tap(function(file) { var bundler = browserify(config.browserify); config.browserify.prebundle(bundler); bundler.add(file.path); file.contents = bundler.bundle() .pipe(mold.transformSourcesRelativeTo('./')); })) .pipe(transform(function() { return exorcist(config.buildPath('js/main.js.map')); })) .pipe(gulp.dest(config.buildPath('js'))); }); gulp.task('karma', function(done) { var karma = require('karma'), path = require('path'); karma.server.start({ configFile: path.join(__dirname, 'karma.conf.js') }, done); }); gulp.task('karma:single', function(done) { var karma = require('karma'), path = require('path'); karma.server.start({ configFile: path.join(__dirname, 'karma.conf.js'), singleRun: true }, done); });