gulpfile.js

import gulp from 'gulp'
import nodeSass from 'node-sass'
import gulpSass from 'gulp-sass';
const sass = gulpSass(nodeSass);
import sourcemaps from 'gulp-sourcemaps'
import autoprefixer from 'gulp-autoprefixer'
import csso from 'gulp-csso'
import rename from 'gulp-rename'
import browserSyncSrc from 'browser-sync'
const browserSync = browserSyncSrc.create()
import cp from 'child_process'
import {deleteSync, deleteAsync} from 'del';
import data from 'gulp-data'
import pluck from 'gulp-pluck'
import frontMatter from 'gulp-front-matter'

import pkg from './package.json'  assert { type: "json" }
const VERSION = pkg.version;
const HOME = pkg.homepage;
const CDN = 'https://unpkg.com/bulmaswatch';
var changedTheme = '';

gulp.task('clean', async function() {
    await deleteAsync(['*/*.css', '*/*.css.map']);
});

gulp.task('jekyll-build', function(done) {
    browserSync.notify('Jekyll build');
    cp.exec('bundle exec jekyll build --config _config.yml,_config.local.yml', function(err, stdout, stderr) {
        console.log(stdout);
    }).on('exit', function(code) {
        done(code === 0 ? null : 'ERROR: Jekyll process exited with code: ' + code);
    });
});

gulp.task('jekyll-rebuild', gulp.series('jekyll-build', function() {
    browserSync.reload();
}));

gulp.task('sass:dev', function() {
    console.log('Building', changedTheme);
    return gulp.src(changedTheme ? `${changedTheme}/*.scss` : '*/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass({
            includePaths: 'node_modules/bulma'
        }).on('error', sass.logError))
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest(changedTheme ? `_site/${changedTheme}` : '_site/'))
        .pipe(browserSync.reload({
            stream: true
        }))
        .pipe(gulp.dest(changedTheme ? `_site/${changedTheme}` : '.'));
});


gulp.task('serve', gulp.parallel('sass:dev', 'jekyll-build', function() {
    browserSync.init({
        server: {
            baseDir: '_site'
        },
        ghostMode: {
            clicks: false,
            forms: false
        },
        reloadDelay: 500
    });

    gulp.watch(['*/*.scss', '!_site/**'], gulp.series('sass:dev')).on('change', function(event) {
        console.log('SCSS: File ' + event.path + ' was ' + event.type + ', running tasks...');
        changedTheme = event.path.split('/')[event.path.split('/').length - 2]
    });
    gulp.watch(['**/*.{html,md}', '!_site/**'], gulp.series('jekyll-rebuild')).on('change', function(event) {
        console.log('HTML: File ' + event.path + ' was ' + event.type + ', running tasks...');
    });
}));

gulp.task('sass', gulp.series('clean', function compile() {
    return gulp.src('*/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass({
            includePaths: 'node_modules/bulma'
        }).on('error', sass.logError))
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(autoprefixer())
        .pipe(csso())
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('.'));
}));

gulp.task('api', function() {
    var API = {
        version: VERSION,
        themes: []
    };

    deleteSync(['api/*']);

    return gulp.src('./_themes/*.md')
        .pipe(frontMatter({
            property: 'meta'
        }))
        .pipe(data(function(file) {
            delete file.meta.order;
            file.meta.preview = HOME + '/' + file.meta.name.toLowerCase() + '/';
            file.meta.thumb = HOME + '/thumb/?' + file.meta.name.toLowerCase();
            file.meta.css = CDN + '@' + VERSION + '/' + file.meta.name.toLowerCase() + '/bulmaswatch.min.css';
            file.meta.scss = CDN + '@' + VERSION + '/' + file.meta.name.toLowerCase() + '/bulmaswatch.scss';
            file.meta.scssVariables = CDN + '@' + VERSION + '/' + file.meta.name.toLowerCase() + '/_variables.scss';
        }))
        .pipe(pluck('meta', 'themes.json'))
        .pipe(data(function(file) {
            API.themes = file.meta;
            file.contents = new Buffer(JSON.stringify(API));
        }))
        .pipe(gulp.dest('api'));
});

gulp.task('default', gulp.series('serve'));

gulp.task('build', gulp.parallel('sass', 'api'));