gulpfile.js

(function () {
  'use strict';


var gulp = require('gulp'),
  mocha = require('gulp-mocha'),
  eslint = require('gulp-eslint'),
  uglify = require('gulp-uglify'),
  concat = require('gulp-concat'),
  jade = require('gulp-jade'),
  minifyCss = require('gulp-minify-css'),
  sourcemaps = require('gulp-sourcemaps'),
  concatCss = require('gulp-concat'),
  ngAnnotate = require('gulp-ng-annotate'),
  nodemon = require('gulp-nodemon'),
  sass = require('gulp-sass'),
  path = require('path'),
  usemin = require('gulp-usemin'),
  del = require('del'),
  imagemin = require('gulp-imagemin'),
  webdriver_standalone = require("gulp-protractor").webdriver_standalone,
  autoprefixer = require('gulp-autoprefixer'),
  protractor = require("gulp-protractor").protractor;

/* asset paths */
var paths = {
  scripts: ['client/assets/js/side-comments.js', "client/assets/js/marked.js",
  'client/assets/lib/ngInfiniteScroll/build/ng-infinite-scroll.js', '!client/lib/**/*', 'client/app/**/*.js'],
  css: ['client/assets/scss/*.scss'],
  jade: ['client/**/*.jade'],
  html: ['client/**/*.html', '!client/assets/lib/**/*.html']
};


/* gulp default task */
gulp.task('default', ['lint', 'test'], function () {
  console.log('READDDDY TO RUMMMMBLE');
});


/* main watch task which will compile assets and refresh */
gulp.task('watch', ['jade', 'sass', 'browser-sync'], function () {
  gulp.watch(paths.css, ['sass']);
  gulp.watch(paths.jade, ['jade']);
});




/* build task, which will properly build entire client */
gulp.task('build', ['scripts', 'css', 'usemin', 'images', 'fonts'], function () {
  console.log('app built');
});



/* clean build folder */
gulp.task('clean', function (cb) {
  del('./build', cb);
});


/* minify and concat js files */
gulp.task('scripts', function () {
  // Minify and copy all JavaScript (except vendor scripts)
  // with sourcemaps all the way down
  return gulp.src(paths.scripts)
    .pipe(ngAnnotate())
    .pipe(sourcemaps.init())
    .pipe(uglify())
    .pipe(sourcemaps.write())
    .pipe(concat('app.min.js'))
    .pipe(gulp.dest('./build/assets/js'));
});


// gulp.task('comment-js', function() {
//   return gulp.src('client/assets/js/side-comments.js')
//     .pipe(uglify())
//     .pipe(gulp.dest('./build/assets/js'));
// });

/* css compiliation for production. Also browsersync called */
gulp.task('css', ['sass'], function () {
  return gulp.src(paths.css)
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(autoprefixer({
      browsers: ['last 2 versions'],
      cascade: false
    }))
    .pipe(minifyCss())
    .pipe(concatCss("styles.min.css"))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest("./build/assets/css"));
});

/* simply compile sass to css */
gulp.task('sass', function () {
  return gulp.src(paths.css)
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(autoprefixer({
      browsers: ['last 2 versions'],
      cascade: false
    }))
    .pipe(minifyCss())
    .pipe(concatCss("styles.min.css"))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest("./client/assets/css"));
});


/* browser sync initialization */
gulp.task('browser-sync', ['nodemon'], function () {
  var browserSync = require('browser-sync');
  browserSync({
    proxy: "localhost:8000", // local node app address
    port: 5000, // use *different* port than above
    notify: true
  });
  gulp.watch(["./client/assets/css/*.css", "./client/**/*.html", "./client/index.html"]).on('change', browserSync.reload);
});


/* run nodemon server */
gulp.task('nodemon', function (cb) {
  var browserSync = require('browser-sync');
  var called = false;
  return nodemon({
      script: 'server/server.js',
      ignore: [
        'gulpfile.js',
        'node_modules/'
      ],
      ext: 'js',
      env: {
        'NODE_ENV': 'development'
      }
    })
    .on('start', function () {
      if (!called) {
        called = true;
        cb();
      }
    })
    .on('restart', function () {
      setTimeout(function () {
        browserSync.reload({
          stream: false
        });
      }, 1000);
    });
});


/* jade compiliation */
gulp.task('jade', [], function () {
  gulp.src(paths.jade)
    .pipe(jade())
    .pipe(gulp.dest('./client/'));
});

/* html build */

/* replace unoptimized scripts with minified */
gulp.task('html', ['jade'], function () {
  return gulp.src(paths.html)
      .pipe(gulp.dest('build'));
});

gulp.task('usemin', ['html'], function() {
    return gulp.src('./build/index.html')
      .pipe(usemin())
      .pipe(gulp.dest('./build/'));
});


/* minify and move images */
gulp.task('images', function () {
    return gulp.src('./client/assets/img/**/*')
        .pipe(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}]
        }))
        .pipe(gulp.dest('build/assets/img'));
});

gulp.task('fonts', function() {
  return gulp.src('./client/assets/fonts/**/*')
    .pipe(gulp.dest('build/assets/fonts'));
});



/* testing call */
gulp.task('test', function (done) {
  console.log('*****TESTING*****');
  // var karma = require('karma').server;
  // console.log('*****TESTING*****');
  // karma.start({
  //   configFile: path.join(__dirname, '/karma.conf.js'),
  //   singleRun: true
  // }, done);

  return gulp.src(['test/unit/*.js', 'test/integration/*.js'], {
      read: false
    })
    .pipe(mocha({
      reporter: 'spec',
      globals: {
        chai: require('chai'),
        assert: require('chai').assert,
        expect: require('chai').expect,
        should: require('chai').should()
      }
    }));
});

/* protractor task */

gulp.task('protractor', function(cb) {
  gulp.src(["./test/e2e/specs/*.js"])
      .pipe(protractor({
          configFile: "test/e2e/conf.js",
          args: ['--baseUrl', 'http://127.0.0.1:8000']
      }))
      .on('error', function(e) { throw e; });
});

gulp.task('webdriver_standalone', webdriver_standalone);

// /* eslint task */
gulp.task('lint', function () {
  console.log('*****LINTING*****');
  return gulp.src(['server/**/*.js', 'client/**/*.js', '!client/assets/**', '!client/app/shared/mdParser/fm.js', './gulpfile.js', '!server/assets/**', '!server/services/fuse.js'])
    .pipe(eslint())
    .pipe(eslint.format());
});

/* integrate instructions */
gulp.task('integrate', function () {
  console.log('\n');
  console.log('*****DEV TEAM TASKS******');
  console.log('\n');
  console.log('1. ensure that you have latest known-good code. ("git pull --rebase upstream master")');
  console.log('2. make sure git status is clean');
  console.log('3. test and lint on your box (run "gulp")');
  console.log('4. Squash any unecessary commits with rebase');
  console.log('5. push to YOUR repository branch ("git push origin staging")');
  console.log('6. Create pull request to master branch of upstream repo');
  console.log('7. If PR closes your issue, write "close #<issue number>"');
  console.log('\n');
  console.log('*****YOU DID IT******');
});

})();