gulpfile.js

var browserify = require('browserify');
var gulp = require('gulp');
var source = require('vinyl-source-stream');
var fs = require("fs");
var babelify = require("babelify");
var livereload = require("gulp-livereload");
var sass = require("gulp-sass");
var handlebars = require("browserify-handlebars");
var imagemin = require('gulp-imagemin');
var gm = require("gulp-gm");
var sprity = require("sprity");
var gulpif = require("gulp-if");
var argv = require("minimist")(process.argv.slice(2));
var rename = require("gulp-rename");
//livereload({start: true});

//fast install
//npm i --save-dev browserify vinyl-source-stream babelify gulp-livereload gulp gulp-sass


gulp.task('browserify', function() {
  browserify('./client/js/main.js', {standalone: "app", debug: true})
  .transform(handlebars).on("error", function(err) {
    console.log(err);
  })
  .transform(babelify)
  .bundle().on("error", function(err) {
    console.log(err);
  })
  .pipe(source('app.js').on("error", function(err) {
    console.log(err);
  }))
  .pipe(gulp.dest('./public/build/').on("error", function(err) {
    console.log(err);
  }));

});

gulp.task('sass', function() {
  gulp.src('./client/scss/main.scss')
  .pipe(sass({
    outputStyle: 'compressed'
  }).on("error", function(err) {
    console.log(err);
  }))
  .pipe(gulp.dest('./public/build/').on("error", function(err) {
    console.log(err);
  }))
  .pipe(livereload().on("error", function(err) {
    console.log(err);
  }));
});

gulp.task("unit tests", function() {
  browserify('./test/src/mainSpec.js', {standalone: "app", debug: true})
  .transform(babelify)
  .bundle().on("error", function(err) {
    console.log(err);
  })
  .pipe(source('spec.js').on("error", function(err) {
    console.log(err);
  }))
  .pipe(gulp.dest('./test/spec/').on("error", function(err) {
    console.log(err);
  }));
})

gulp.task("watch", function() {
  if(argv.production) return;
  gulp.watch("./client/js/*", ["browserify"]);
  gulp.watch("./client/templates/*", ["browserify"]);
  gulp.watch("./client/scss/*", ["sass"]);
  gulp.watch("./client/*.html", ["index"]);
  gulp.watch("./test/src/*", ["unit tests"]);
})


gulp.task("index", function() {
  gulp.src("./client/index.html")
  .pipe(gulp.dest("./public/"));

  gulp.src("./client/css/bootstrap.css")
  .pipe(gulp.dest("./public/build"));
})

gulp.task('resize sm', function(done) {
  if(fs.existsSync(__dirname + "/assets/cards/sm/monster/arachas1.png")) {
    console.log("skip generating sm images");
    return done();
  }
  return gulp.src('./assets/original_cards/**/*.png')
  .pipe(gm(function(gmfile) {
    return gmfile.resize(null, 120);
  }))
  .pipe(imagemin())
  .pipe(gulp.dest('./assets/cards/sm/'));
});

gulp.task('resize md', function(done) {
  if(fs.existsSync(__dirname + "/assets/cards/md/monster/arachas1.png")) {
    console.log("skip generating md images");
    return done();
  }
  return gulp.src('./assets/original_cards/**/*.png')
  .pipe(gm(function(gmfile) {
    return gmfile.resize(null, 284);
  }))
  .pipe(imagemin())
  .pipe(gulp.dest('./assets/cards/md/'));
});

gulp.task('resize lg', ["resize sm", "resize md"], function(done) {
  if(fs.existsSync(__dirname + "/assets/cards/lg/monster/arachas1.png")) {
    console.log("skip generating lg images");
    return done();
  }
  return gulp.src('./assets/original_cards/**/*.png')
  .pipe(gm(function(gmfile) {
    return gmfile.resize(null, 450);
  }))
  .pipe(imagemin())
  .pipe(gulp.dest('./assets/cards/lg/'));
});

gulp.task("generate sprites", ["resize lg"], function() {
  if(fs.existsSync(__dirname + "/public/build/cards-lg-monster.png")) {
    console.log("skip sprite generation");
    return;
  }


  return sprity.src({
    src: "./assets/cards/**/*.png",
    style: "cards.css",
    //"style-type": "scss",
    processor: "css",
    engine: "gm",
    orientation: "binary-tree",
    split: true,
    cssPath: "../../public/build/",
    prefix: "card",
    name: "cards",
    margin: 0
    //template: "./client/scss/_cards.hbs"
  })
  .pipe(imagemin())
  .pipe(gulpif(function (file) {
    return file.path.match(".*\\.png$") != null;
  }, rename({
    extname: ".PNG"
  })))
  .pipe(gulp.dest("./public/build/"));
})


gulp.task("default", ["watch", "browserify", "sass", "unit tests", "index", "resize lg", "resize sm", "resize md", "generate sprites"]);