Move remaining tasks out

Author: Nick Litwin

gulp-tasks/build.js

@@ -0,0 +1,44 @@
+var runSequence  = require('run-sequence');
+
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('build', function(done) {
+    utilities.log('Building everything');
+
+    runSequence(
+      'clean',
+      ['optimize', 'fonts']
+    );
+
+    utilities.clean(config.temp, done);
+  });
+
+  gulp.task('build-specs', ['templatecache', 'ngConstants'], function() {
+    utilities.log('Building the spec runner');
+
+    var wiredep = require('wiredep').stream;
+    var options = config.getWiredepDefaultOptions();
+    options.devDependencies = true;
+
+    return gulp
+      .src(config.specRunner)
+      .pipe(wiredep(options))
+      .pipe($.inject(gulp.src(config.testlibraries),
+        {name: 'inject:testlibraries', read: false}))
+      .pipe($.inject(gulp.src(config.nonBowerScripts),
+        {name: 'inject:nonBowerScripts', read: false}))
+      .pipe($.inject(
+        gulp.src(config.js)
+        .pipe($.naturalSort())
+        .pipe($.angularFilesort())
+      ))
+      .pipe($.inject(gulp.src(config.specHelpers),
+        {name: 'inject:spechelpers', read: false}))
+      .pipe($.inject(gulp.src(config.specs),
+        {name: 'inject:specs', read: false}))
+      .pipe($.inject(gulp.src(config.temp + config.templateCache.file),
+        {name: 'inject:templates', read: false}))
+      .pipe(gulp.dest(config.app));
+  });
+};

gulp-tasks/deploy.js

@@ -0,0 +1,54 @@
+var merge = require('merge-stream');
+var awspublishRouter = require('gulp-awspublish-router');
+
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('deploy', ['build'], function() {
+    var awsConfig = {
+      params: {
+        Bucket: config.aws.bucket
+      },
+      "accessKeyId": config.aws.key,
+      "secretAccessKey": config.aws.secret
+    };
+
+    // create a new publisher
+    var publisher = $.awspublish.create(awsConfig);
+
+    utilities.log('Deploying to S3');
+
+    var gzip = gulp.src(['build/**/*.js', 'build/**/*.css']).pipe($.awspublish.gzip())
+      .pipe(awspublishRouter({
+        cache: {
+          cacheTime: 94608000,
+          allowTransform: false,
+          public: true
+        },
+        routes: {
+          "^.+$": "$&"
+        }
+      }));
+
+    var plain = gulp.src(['build/**/*', '!build/**/*.js', '!build/**/*.css'])
+      .pipe(awspublishRouter({
+        cache: {
+          cacheTime: 94608000,
+          allowTransform: false,
+          public: true
+        },
+        routes: {
+          "^.+\\.html": {
+            cacheTime: 0
+          },
+          "^.+$": "$&"
+        }
+      }));
+
+    return merge(gzip, plain)
+      .pipe(publisher.cache())
+      .pipe(publisher.publish())
+      .pipe($.if(!config.production, publisher.sync()))
+      .pipe($.awspublish.reporter());
+  });
+};

gulp-tasks/optimize.js

@@ -0,0 +1,56 @@
+var envFile   = require('../config.js')();
+var envConfig = envFile[process.env.ENVIRONMENT || 'development'];
+var RevAll    = require('gulp-rev-all');
+var merge     = require('merge-stream');
+
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('optimize', ['inject', 'test', 'ngConstants', 'images'], function() {
+    utilities.log('Optimizing the JavaScript, CSS, and HTML');
+
+    var assets = $.useref.assets({searchPath: ['.tmp', 'app', 'assets']});
+    var templateCache = config.temp + config.templateCache.file;
+    var cssFilter = $.filter('**/*.css');
+    var jsLibFilter = $.filter('**/' + config.optimized.vendor);
+    var jsAppFilter = $.filter('**/' + config.optimized.app);
+
+    var imageStream = gulp.src(config.temp + '/**/*.{svg,png,jpg,jpeg,gif}');
+    var userefStream = gulp
+      .src(config.indexHtml)
+      .pipe($.plumber())
+      .pipe($.inject(gulp.src(templateCache, {read: false}), {
+        starttag: '<!-- inject:templates.js -->',
+        endtag: '<!-- endinject -->',
+        relative: true
+      }))
+      .pipe(assets)
+      .pipe(cssFilter)
+      .pipe($.csso())
+      .pipe(cssFilter.restore())
+      .pipe(jsLibFilter)
+      .pipe($.uglify())
+      .pipe(jsLibFilter.restore())
+      .pipe(jsAppFilter)
+      .pipe($.if(!config.production && !config.qa, $.sourcemaps.init()))
+      .pipe($.ngAnnotate())
+      .pipe($.uglify())
+      .pipe(jsAppFilter.restore())
+      .pipe(assets.restore())
+      .pipe($.useref())
+
+    var revAll = new RevAll({
+      prefix: envConfig.CONSTANTS.ASSET_PREFIX,
+      dontRenameFile: [/^\/index.html/g]
+    });
+
+    return merge(userefStream, imageStream)
+      .pipe(revAll.revision())
+      .pipe($.if(!config.production && !config.qa, $.sourcemaps.write()))
+      // Uncomment if you want to see the JSON file containing
+      // the file mapping (e.g., "{"js/app.js": "js/app-a9bae026bc.js"}")
+      // .pipe(gulp.dest(config.build))
+      // .pipe(revAll.manifestFile())
+      .pipe(gulp.dest(config.build));
+  });
+};

gulp-tasks/serve.js

@@ -0,0 +1,101 @@
+var browserSync  = require('browser-sync');
+var histFallback = require('connect-history-api-fallback');
+
+module.exports = function(gulp, $, config, utilities) {
+  'use strict';
+
+  gulp.task('serve', ['inject', 'ngConstants'], function() {
+    gulp.watch(config.sass, ['styles'])
+      .on('change', function(event) { utilities.changeEvent(event); });
+
+    gulp.watch(config.jade, ['templatecache'])
+      .on('change', function(event) { utilities.changeEvent(event); });
+
+    var options = {
+      server: {
+        baseDir: [config.temp, config.app, config.assets],
+        // Enables serving index.html for Angular HTML5 mode
+        middleware: [histFallback()],
+        routes: {
+          '/bower_components': 'bower_components'
+        }
+      },
+      files: config.watchFiles,
+      ghostMode: {
+        clicks: true,
+        location: false,
+        forms: true,
+        scroll: true
+      },
+      logPrefix: 'Topcoder-Account',
+      notify: false,
+      port: 3000,
+      reloadDelay: 1000
+    };
+
+    browserSync(options);
+
+  });
+
+  gulp.task('serve-specs', ['build-specs'], function() {
+    utilities.log('Run the spec runner');
+
+    gulp.watch(config.sass, ['styles'])
+      .on('change', function(event) { utilities.changeEvent(event); });
+
+    gulp.watch(config.jade, ['templatecache'])
+      .on('change', function(event) { utilities.changeEvent(event); });
+
+    var options = {
+      server: {
+        baseDir: ['./'],
+        // Enables serving index.html for Angular HTML5 mode
+        middleware: [histFallback()],
+        routes: {
+          '/bower_components': 'bower_components'
+        }
+      },
+      files: config.watchFiles,
+      ghostMode: {
+        clicks: true,
+        location: false,
+        forms: true,
+        scroll: true
+      },
+      logPrefix: 'Topcoder-Account',
+      notify: false,
+      reloadDelay: 1000,
+      startPath: config.app + config.specRunnerFile
+    };
+
+    browserSync(options);
+  });
+
+  gulp.task('serve-build', ['build'], function() {
+    // TODO: Figure out why watch doesn't work. Jade running before wiredep?
+
+    gulp.watch([config.sass, config.js, config.jade], ['optimize', browserSync.reload])
+      .on('change', function(event) { utilities.changeEvent(event); });
+
+    var options = {
+      server: {
+        baseDir: config.build,
+        // Enables serving index.html for Angular HTML5 mode
+        middleware: [histFallback()]
+      },
+      files: [],
+      ghostMode: {
+        clicks: true,
+        location: false,
+        forms: true,
+        scroll: true
+      },
+      logPrefix: 'Topcoder-Account',
+      notify: false,
+      reloadDelay: 1000
+    };
+
+    browserSync(options);
+
+  });
+};