seigler.github.io/gulpfile.js

/*jslint node: true */
'use strict';

/**
# Gulp File
* Install `yarn` if you haven't already https://yarnpkg.com/en/docs/install
* Run `yarn` on the command line to install `gulp` and other prerequisites
* Run `gulp` on the command line to compile LESS files and watch them for changes
* Or run `gulp build-less` to build LESS files to CSS once and then exit
*/

// Include Gulp plugins
var gulp = require('gulp'),
  gutil = require('gulp-util'), // useful Gulp tools, used here for color text on console
  rename = require('gulp-rename'), // rename files
  less = require('gulp-less'), // compile LESS into CSS
  watch = require('gulp-watch'), // monitors files for changes
  notify = require('gulp-notify'), // pops up OS notifications
  autoprefix = require('gulp-autoprefixer'), // applies browser prefixes based on data from caniuse.com
  plumber = require('gulp-plumber'), // allows gulp to continue despite an error
  sourcemaps = require('gulp-sourcemaps'), // helps browsers show the original source location of code
  svgstore = require('gulp-svgstore'), // combines SVGs into a sprite sheet
  svgmin = require('gulp-svgmin'), // minifies SVGs to save filesize
  clean = require('gulp-clean'), // for deleting files and directories
  path = require('path'),
  spawn = require('child_process').spawn,
// Define source and destination paths
  paths = {
    src_less: 'src/themes/eos/styles/',
    dest_css: 'src/themes/eos/static/css/',
    src_icons: 'src/themes/eos/icons/',
    dest_icons: 'src/themes/eos/layouts/partials/generated/'
  };

// Error handler, prints the error on the console and pops up a notification bubble
var onError = function (error, task) {
  var fileName = (error.fileName) ? error.fileName + ' -- ' : '',
    lineNumber = (error.lineNumber) ? 'line ' + error.lineNumber + ' -- ' : '',
    pluginName = (error.plugin) ? ': [' + error.plugin + ']' : '[' + task + ']',
    report = '',
    chalk = gutil.colors.white.bgRed;

  notify({
    title: 'Task Failed ' + pluginName,
    message: fileName + lineNumber + 'See console.'
  }).write(error);

  gutil.beep();

  report += chalk('TASK:') + pluginName + '\n';
  report += chalk('ERROR:') + ' ' + error.message + '\n';
  if (error.lineNumber) { report += chalk('LINE:') + ' ' + error.lineNumber + '\n'; }
  if (error.fileName) { report += chalk('FILE:') + ' ' + error.fileName + '\n'; }

  console.error(report);
};

gulp.task('clean:less', function () {
  return gulp.src([
    paths.dest_css + 'bundle.css',
    paths.dest_css + 'bundle.css.map'
  ], {read: false})
    .pipe(clean());
});

// Compile LESS to CSS
gulp.task('build:less', function () {
  return gulp.src(paths.src_less + 'bundle.less')
    .pipe(sourcemaps.init())
    .pipe(plumber({
      errorHandler: function (error) { onError(error, 'LESS'); }
    }))
    .pipe(less({
      paths: [paths.src_less]
    }))
    .pipe(autoprefix({
      browsers: ['last 2 versions'],
      cascade: false
    }))
    .pipe(rename('bundle.css'))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest(paths.dest_css)); // path to css directory
});

// Watch for changes in source folders and run their build tasks
gulp.task('watch', ['build:less', 'build:icons'], function () {
  gulp.watch(paths.src_less + '**/*', ['build:less']);
  gulp.watch(paths.src_icons + '**/*', ['build:icons']);
});

gulp.task('clean:icons', function () {
  return gulp.src(paths.dest_icons + 'icons.svg', {read: false})
    .pipe(clean());
});

// Combine SVG icons into a sprite-sheet to be embedded in the page
gulp.task('build:icons', function () {
  return gulp.src(paths.src_icons + '**/*.svg')
    .pipe(svgmin(function (file) {
      var prefix = path.basename(file.relative, path.extname(file.relative));
      return {
        plugins: [{
          cleanupIDs: {
            prefix: prefix + '-',
            minify: true
          }
        }]
      };
    }))
    .pipe(svgstore({ inlineSvg: true }))
    .pipe(rename('icons.svg'))
    .pipe(gulp.dest(paths.dest_icons));
});

gulp.task('clean:site', function () {
  return gulp.src('./build', {read: false})
    .pipe(clean());
});

// Run `hugo` build command in a child process
gulp.task('build:site', ['clean:site', 'build:less', 'build:icons'], function () {
  var child = spawn("hugo", ["-s", "./src", "-d", "./build"], {cwd: process.cwd()}),
    stdout = '',
    stderr = '';

  child.stdout.setEncoding('utf8');

  child.stdout.on('data', function (data) {
    stdout += data;
    console.log(data);
  });

  child.stderr.setEncoding('utf8');
  child.stderr.on('data', function (data) {
    stderr += data;
    console.error(gutil.colors.red(data));
    gutil.beep();
  });

  child.on('close', function (code) {
    gutil.log("Done with exit code", code);
  });
});

// Default will run the 'entry' task
gulp.task('default', ['watch']);