Move tasks to individual files

Author: Nick Litwin

gulp-tasks/clean.js

@@ -0,0 +1,20 @@
+var del = require('del'); // rm -rf
+
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('clean', function(done) {
+    var delconfig = [].concat(config.build, config.temp);
+    utilities.log('Cleaning: ' + $.util.colors.blue(delconfig));
+    del(delconfig, done);
+  });
+  gulp.task('clean-fonts', function(done) {
+    utilities.clean(config.build + 'fonts/**/*.*', done);
+  });
+  gulp.task('clean-images', function(done) {
+    utilities.clean(config.build + 'images/**/*.*', done);
+  });
+  gulp.task('clean-styles', function(done) {
+    utilities.clean(config.temp + '**/*.css', done);
+  });
+};

gulp-tasks/copy-files.js

@@ -0,0 +1,11 @@
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('copy-html', function() {
+    utilities.log('Moving app html files to .tmp');
+
+    return gulp
+      .src([config.app + '**/*.html', '!' + config.app + 'specs.html'])
+      .pipe(gulp.dest(config.temp));
+  });
+};

gulp-tasks/e2e.js

@@ -0,0 +1,15 @@
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('e2e', function() {
+    return gulp
+      .src(['./tests/e2e/app/*.js'])
+      .pipe($.angularProtractor({
+        'configFile': 'tests/e2e/conf.js',
+        'args': ['--baseUrl', 'http://127.0.0.1:8000'],
+        'autoStartStopServer': true,
+        'debug': true
+      }))
+      .on('error', function(e) { throw e });
+  });
+};

gulp-tasks/fonts.js

@@ -0,0 +1,19 @@
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('fonts', ['clean-fonts'], function() {
+    utilities.log('Copying fonts');
+
+    return gulp
+      .src([config.fonts, 'bower_components/fontawesome/fonts/fontawesome-webfont.*'])
+      .pipe(gulp.dest(config.build + 'fonts'));
+  });
+
+  // gulp.task('dev-fonts', ['fonts'], function() {
+  //   utilities.log('Copying devicon fonts');
+
+  //   return gulp
+  //     .src('bower_components/devicon/fonts/**.*')
+  //     .pipe(gulp.dest(config.build + 'styles/fonts'));
+  // });
+};

gulp-tasks/images.js

@@ -0,0 +1,5 @@
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+
+};

gulp-tasks/linters.js

@@ -0,0 +1,17 @@
+var args = require('yargs').argv;
+
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('vet', function() {
+    utilities.log('Analyzing source with JSHint and JSCS');
+
+    return gulp
+      .src(config.alljs)
+      .pipe($.if(args.verbose, $.print())) // gulp vet --verbose to trigger this line
+      .pipe($.jscs())
+      .pipe($.jshint())
+      .pipe($.jshint.reporter('jshint-stylish', {verbose: true}))
+      .pipe($.jshint.reporter('fail'));
+  });
+};

gulp-tasks/markup.js

@@ -0,0 +1,20 @@
+var envFile = require('../config.js')();
+var envConfig = envFile[process.env.ENVIRONMENT || 'development'];
+
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('jade', function() {
+    utilities.log('Compiling Jade --> HTML');
+
+    return gulp
+      .src(config.jade)
+      .pipe($.plumber())
+      .pipe($.data(function(file) {
+        return envConfig;
+      }))
+      .pipe($.jade({pretty: true}))
+      .pipe($.replace(/-->/g, ' -->'))
+      .pipe(gulp.dest(config.temp));
+  });
+};

gulp-tasks/scss.js

@@ -0,0 +1,24 @@
+var envFile = require('../config.js')();
+var envConfig = envFile[process.env.ENVIRONMENT || 'development'];
+
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('styles', ['clean-styles'], function() {
+    utilities.log('Compiling Sass --> CSS');
+
+    var assetPrefix = envConfig.CONSTANTS.ASSET_PREFIX.length ? envConfig.CONSTANTS.ASSET_PREFIX : '/';
+
+    return gulp
+      .src(config.sass, {base: './'})
+      .pipe($.plumber())
+      .pipe($.sass({includePaths: require('appirio-styles').includePaths}))
+      .pipe($.autoprefixer({browsers: ['last 2 version']}))
+      .pipe($.replace(/\/fonts/g, assetPrefix + 'fonts'))
+      .pipe(gulp.dest(config.temp));
+  });
+
+  gulp.task('sass-watcher', function() {
+    gulp.watch([config.sass], ['styles']);
+  });
+};

gulp-tasks/template-cache.js

@@ -0,0 +1,16 @@
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('templatecache', ['clean', 'jade'], function() {
+    utilities.log('Creating AngularJS $templateCache');
+
+    return gulp
+      .src(config.htmltemplates)
+      .pipe($.minifyHtml({empty: true}))
+      .pipe($.angularTemplatecache(
+        config.templateCache.file,
+        config.templateCache.options
+        ))
+      .pipe(gulp.dest(config.temp));
+  });
+};

gulp-tasks/utilities.js

@@ -0,0 +1,49 @@
+var util = require('gulp-util');
+var del  = require('del'); // rm -rf
+
+exports.changeEvent = function(event) {
+  var srcPattern = new RegExp('/.*(?=/' + config.source + ')/');
+  this.log('File ' + event.path.replace(srcPattern, '') + ' ' + event.type);
+}
+
+exports.clean = function(path, done) {
+  this.log('Cleaning: ' + util.colors.blue(path));
+  del(path, done);
+}
+
+exports.log = function(msg) {
+  if (typeof(msg) === 'object') {
+    for (var item in msg) {
+      if (msg.hasOwnProperty(item)) {
+        util.log(util.colors.blue(msg[item]));
+      }
+    }
+  } else {
+    util.log(util.colors.blue(msg));
+  }
+}
+
+exports.startTests = function(singleRun, done) {
+  var karma = require('karma').server;
+  var excludeFiles = [];
+  var serverSpecs = config.serverIntegrationSpecs;
+
+  excludeFiles = serverSpecs;
+
+  karma.start({
+    configFile: __dirname + '/karma.conf.js',
+    exclude: excludeFiles,
+    singleRun: !!singleRun
+  }, karmaCompleted);
+
+  function karmaCompleted(karmaResult) {
+    log('Karma completed!');
+    if (karmaResult === 1) {
+      done('karma: tests failed with code ' + karmaResult);
+    } else {
+      done();
+    }
+  }
+}
+
+return module.exports;