gulpfile.js

var gulp 		      = require('gulp'),
 	  sass 		        = require('gulp-sass'),
    browserSync     = require('browser-sync').create(),
	  injectPartials  = require('gulp-inject-partials'),
    fs = require('fs'),
    path = require('path'),
    YAML = require('yamljs'),
    imagemin = require('gulp-imagemin'),
    gulpLoadPlugins = require('gulp-load-plugins'),
    fontmin = require('gulp-fontmin'),
    ghPages = require('gulp-gh-pages');

const $ = gulpLoadPlugins();

// Handles partials injection on index.html
gulp.task('partials', function () {
  return gulp.src('./src/html/index.html')
    .pipe(injectPartials({
      removeTags: true
    }))
    .pipe($.htmlmin({collapseWhitespace: true}))
    .pipe(gulp.dest('./dist'));
});

gulp.task('cname', function () {
  return gulp.src('./src/CNAME')
    .pipe(gulp.dest('./dist'));
});

// Compiles, prefixes and minifies style.scss & fruits.scss
gulp.task('sass', function () {
  return gulp.src('./src/sass/style.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe($.cssmin())
    .pipe(gulp.dest('./dist/css'))
    .pipe(browserSync.stream());
});

// todo: Add js performance when deploying.
gulp.task('js', function() {
  return gulp.src('./src/js/main.js')
    .pipe($.uglify())
    .pipe(gulp.dest('./dist/js'));
});

gulp.task('images', function() {
  return gulp.src('./src/images/*')
    .pipe(imagemin())
    .pipe(gulp.dest('./dist/images'));
});

gulp.task('fonts-bebas', function() {
  return gulp.src('./src/fonts/bebas/*')
    .pipe(fontmin())
    .pipe(gulp.dest('./dist/fonts/bebas'));
});

gulp.task('fonts-vista', function() {
  return gulp.src('./src/fonts/vista/*')
    .pipe(fontmin())
    .pipe(gulp.dest('./dist/fonts/vista'));
});

gulp.task('speakers', function() {
  var tpl = '<div class="column speaker-wrapper" {{data}}>' +
            '<a class="open image"><img src="images/{{image}}" class="ui small centered circular image" /></a>' +
            '<h4><a class="open name">{{keynote}}{{name}}</a></h4>' +
            '<a class="open job">{{job}}</a>' +
            '</div>';

  var keynote = [];

  fs.readdir('./src/speakers', function(err, files) {
    var content = files.map(function(file) {
      var result = YAML.load('./src/speakers/' + file);

      var bar = Object.keys(result).map(function(key) {
        return 'data-' + key + '="' + result[key] + '"';
      });

      var speaker_info = tpl
        .replace('{{data}}', bar.join(' '))
        .replace('{{name}}', result.name)
        .replace('{{job}}', result.job)
        .replace('{{image}}', result.image);

      if (result.keynote != undefined) {
        keynote.push(speaker_info
          .replace('{{keynote}}', '<span class="keynote">Keynote: </span>'));
        return '';
      }

      return speaker_info.replace('{{keynote}}', '');
    });

    content.unshift(keynote.join(""));

    fs.writeFileSync('src/html/includes/_speaker_list.html', content.join(""));
  });

});

gulp.task('plan', function() {
  var result = YAML.load('./src/assets/plan.yml');

  var items = [];

  for (var key in result) {
    var item = result[key];

    // var item_class = item['small'] != null ? 'double' : '';
    var item_class = '';
    var new_item = '';
    var speaker;

    var alone_class = item['main']['speaker'] == null ? 'alone' : '';
    new_item += '<div class="item ' + alone_class + '">';
    speaker = item['main']['speaker'] != null ? '<span>' + item['main']['speaker'] + '</span>' : '';

    new_item +=
      '<div class="hour ' + item_class + ' ">' + item['hour'] + '</div>' +
        '<div class="location big ' + item_class + ' "><p>Main<br />hall</p></div>' +
        '<div class="info ' + item_class + ' ">' +
        '<span>' + item['main']['title'] + '</span>' +
        speaker +
      '</div>';

    new_item += '</div>';

    new_item += '<div class="separator"></div>';

    if (item['small'] != null) {
      speaker = item['small']['speaker'] != null ? '<span>' + item['small']['speaker'] + '</span>' : '';

      new_item +=
        '<div class="item secondary">' +
          '<div class="hour">' + item['hour'] + '</div>' +
          '<div class="location small ' + item_class + ' "><p>Small<br />hall</p></div>' +
            '<div class="info ' + item_class + ' ">' +
              '<span>' + item['small']['title'] + '</span>' +
                speaker +
            '</div>' +
        '</div>';
      new_item += '<div class="separator"></div>';
    }

    items.push(new_item);
  }

  fs.writeFileSync('src/html/includes/_plan_list.html', items.join(""));
});

gulp.task('deploy', ['build'], function() {
  return gulp.src('./dist/**/*')
    .pipe(ghPages());
});

gulp.task('build', ['cname', 'speakers', 'plan', 'partials', 'sass', 'js', 'images', 'fonts-bebas', 'fonts-vista']);

gulp.task('serve', ['build'], function() {
  browserSync.init({
    server : './dist',
    open: true
  });

  gulp.watch('src/sass/*.scss', ['sass']).on('change', browserSync.reload);
  gulp.watch('src/sass/*/*.scss', ['sass']).on('change', browserSync.reload);
  gulp.watch('src/js/*', ['js']).on('change', browserSync.reload);
  gulp.watch('src/html/index.html', ['partials']).on('change', browserSync.reload);
  gulp.watch('src/html/*/*.html', ['partials']).on('change', browserSync.reload);
  gulp.watch('src/speakers/*').on('change', browserSync.reload);
  gulp.watch('src/images/*').on('change', browserSync.reload);
});