248 lines
7.9 KiB
JavaScript
248 lines
7.9 KiB
JavaScript
"use strict";
|
|
|
|
// Define variables.
|
|
import autoprefixer from "autoprefixer";
|
|
import babel from "gulp-babel";
|
|
import {create} from "browser-sync";
|
|
import cleancss from "gulp-clean-css";
|
|
import concat from "gulp-concat";
|
|
import {deleteAsync} from 'del';
|
|
import {exec, execSync} from "child_process";
|
|
import gulp from "gulp";
|
|
import log from "fancy-log";
|
|
import imagemin from "gulp-imagemin";
|
|
import notify from "gulp-notify";
|
|
import postcss from "gulp-postcss";
|
|
import run from "gulp-run";
|
|
import sass from "gulp-sass"
|
|
import sourcemaps from "gulp-sourcemaps";
|
|
import terser from "gulp-terser";
|
|
|
|
// Include paths file.
|
|
import {paths} from "./_assets/gulp_config/paths.js";
|
|
import * as dartSass from "sass";
|
|
|
|
const gulpSass = sass(dartSass);
|
|
|
|
const browserSync = create("gulpfile");
|
|
// Uses Sass compiler to process styles, adds vendor prefixes, minifies, then
|
|
// outputs file to the appropriate location.
|
|
gulp.task("build:styles:main", function () {
|
|
return gulp.src(paths.sassFiles + "/main.scss")
|
|
.pipe(sourcemaps.init())
|
|
.pipe(gulpSass({
|
|
outputStyle: "compressed",
|
|
includePaths: [paths.includeSass, paths.sassFiles]
|
|
}, true).on("error", gulpSass.logError))
|
|
.pipe(postcss([autoprefixer()]))
|
|
.pipe(cleancss())
|
|
.pipe(sourcemaps.write())
|
|
.pipe(gulp.dest(paths.jekyllCssFiles))
|
|
.pipe(gulp.dest(paths.siteCssFiles))
|
|
.pipe(browserSync.stream())
|
|
.on("error", log);
|
|
});
|
|
|
|
// Processes critical CSS, to be included in head.html.
|
|
gulp.task("build:styles:critical", function () {
|
|
return gulp.src(paths.sassFiles + "/critical.scss")
|
|
.pipe(sourcemaps.init())
|
|
.pipe(gulpSass({
|
|
outputStyle: "compressed",
|
|
includePaths: [paths.includeSass, paths.sassFiles]
|
|
}, true).on("error", gulpSass.logError))
|
|
.pipe(postcss([autoprefixer()]))
|
|
.pipe(cleancss())
|
|
.pipe(sourcemaps.write())
|
|
.pipe(gulp.dest("_includes"))
|
|
.on("error", log);
|
|
});
|
|
|
|
// Builds all styles.
|
|
gulp.task("build:styles", gulp.series("build:styles:main", "build:styles:critical"));
|
|
|
|
gulp.task("clean:styles", function () {
|
|
return deleteAsync([paths.jekyllCssFiles + "main.css",
|
|
paths.siteCssFiles + "main.css",
|
|
"_includes/critical.css"
|
|
]);
|
|
});
|
|
|
|
// Concatenates and uglifies global JS files and outputs result to the
|
|
// appropriate location.
|
|
gulp.task("build:scripts:global", function () {
|
|
const files = [
|
|
//paths.jsFiles + "/global/lib" + paths.jsPattern,
|
|
paths.jsFiles + "/global/*.js",
|
|
paths.jsFiles + "/main.js"
|
|
];
|
|
return gulp.src(files)
|
|
.on("error", log)
|
|
.pipe(sourcemaps.init({largeFile: true}))
|
|
.pipe(babel({
|
|
presets: ["@babel/env"]
|
|
}))
|
|
.pipe(concat("main.js"))
|
|
.pipe(terser())
|
|
.pipe(sourcemaps.write("."))
|
|
.pipe(gulp.dest(paths.jekyllJsFiles))
|
|
.pipe(gulp.dest(paths.siteJsFiles));
|
|
});
|
|
|
|
gulp.task("clean:scripts", function () {
|
|
return deleteAsync([paths.jekyllJsFiles + "main.js", paths.siteJsFiles + "main.js"]);
|
|
});
|
|
|
|
// Concatenates and uglifies leaflet JS files and outputs result to the
|
|
// appropriate location.
|
|
gulp.task("build:scripts:leaflet", function () {
|
|
return gulp.src([
|
|
paths.jsFiles + "/leaflet/leaflet.js",
|
|
paths.jsFiles + "/leaflet/leaflet-providers.js"
|
|
]).pipe(concat("leaflet.js"))
|
|
.pipe(terser())
|
|
.pipe(gulp.dest(paths.jekyllJsFiles))
|
|
.pipe(gulp.dest(paths.siteJsFiles))
|
|
.on("error", log);
|
|
});
|
|
|
|
gulp.task("clean:scripts:leaflet", function () {
|
|
return deleteAsync([paths.jekyllJsFiles + "leaflet.js", paths.siteJsFiles + "leaflet.js"]);
|
|
});
|
|
|
|
// Builds all scripts.
|
|
gulp.task("build:scripts", gulp.series("build:scripts:global"));
|
|
|
|
// Optimizes and copies image files.
|
|
gulp.task("build:images", function () {
|
|
return gulp.src(paths.imageFilesGlob)
|
|
.pipe(imagemin())
|
|
.pipe(gulp.dest(paths.jekyllImageFiles))
|
|
.pipe(gulp.dest(paths.siteImageFiles))
|
|
.pipe(browserSync.stream());
|
|
});
|
|
|
|
gulp.task("clean:images", function () {
|
|
return deleteAsync([paths.jekyllImageFiles, paths.siteImageFiles]);
|
|
});
|
|
|
|
// Runs jekyll build command.
|
|
gulp.task("build:jekyll", function () {
|
|
const shellCommand = "JEKYLL_ENV=production bundle exec jekyll build --config _config.yml";
|
|
return exec(shellCommand);
|
|
});
|
|
|
|
// Runs jekyll build command using test config.
|
|
gulp.task("build:jekyll:test", function () {
|
|
const shellCommand = "bundle exec jekyll build --config _config.yml,_config.test.yml";
|
|
return exec(shellCommand);
|
|
});
|
|
|
|
// Runs jekyll build command using local config.
|
|
gulp.task("build:jekyll:local", function () {
|
|
const shellCommand = "bundle exec jekyll build --config _config.yml,_config.test.yml,_config.dev.yml";
|
|
return exec(shellCommand);
|
|
});
|
|
|
|
gulp.task("htmlproofer", function(done) {
|
|
const shellCommand = "bundle exec htmlproofer _site/ --disable-external";
|
|
execSync(shellCommand);
|
|
done();
|
|
});
|
|
|
|
// Deletes the entire _site directory.
|
|
gulp.task("clean:jekyll", function () {
|
|
return deleteAsync(["_site"]);
|
|
});
|
|
|
|
gulp.task("clean", gulp.series("clean:jekyll",
|
|
//"clean:images",
|
|
"clean:scripts",
|
|
"clean:styles"));
|
|
|
|
// Builds site anew.
|
|
gulp.task("build", gulp.series("clean",
|
|
gulp.parallel("build:scripts", "build:styles"),
|
|
"build:jekyll",
|
|
"htmlproofer")
|
|
);
|
|
|
|
// Builds site anew using test config.
|
|
gulp.task("build:test", gulp.series("clean",
|
|
gulp.parallel("build:scripts", "build:styles"),
|
|
"build:jekyll:test"));
|
|
|
|
// Builds site anew using local config.
|
|
gulp.task("build:local", gulp.series("clean",
|
|
gulp.parallel("build:scripts", "build:styles"),
|
|
"build:jekyll:local"));
|
|
|
|
// Default Task: builds site.
|
|
gulp.task("default", gulp.series("build"));
|
|
|
|
// Special tasks for building and then reloading BrowserSync.
|
|
gulp.task("build:jekyll:watch", gulp.series("build:jekyll:test", function (callback) {
|
|
browserSync.reload();
|
|
callback();
|
|
}));
|
|
|
|
gulp.task("build:scripts:watch", gulp.series("build:scripts", function (callback) {
|
|
browserSync.reload();
|
|
callback();
|
|
}));
|
|
|
|
// Static Server + watching files.
|
|
// Note: passing anything besides hard-coded literal paths with globs doesn't
|
|
// seem to work with gulp.watch().
|
|
gulp.task("serve", gulp.series("build:test", function () {
|
|
|
|
browserSync.init({
|
|
server: paths.siteDir,
|
|
ghostMode: false, // Toggle to mirror clicks, reloads etc. (performance)
|
|
logFileChanges: true,
|
|
logLevel: "debug",
|
|
open: true // Toggle to automatically open page when starting.
|
|
});
|
|
|
|
// Watch site settings.
|
|
//gulp.watch(["_config.yml"], gulp.series("build:jekyll:watch"));
|
|
|
|
// Watch .scss files; changes are piped to browserSync.
|
|
//gulp.watch("_assets/css/**/*.scss", gulp.series("build:styles"));
|
|
|
|
// Watch .js files.
|
|
//gulp.watch("_assets/javascripts/**/*.js", gulp.series("build:scripts:watch"));
|
|
|
|
// Watch image files; changes are piped to browserSync.
|
|
//gulp.watch("_assets/images/**/*", gulp.series("build:images"));
|
|
|
|
// Watch posts.
|
|
//gulp.watch("_posts/**/*.+(md|markdown|MD)", gulp.series("build:jekyll:watch"));
|
|
|
|
// Watch drafts if --drafts flag was passed.
|
|
if (module.exports.drafts) {
|
|
// gulp.watch("_drafts/*.+(md|markdown|MD)", gulp.series("build:jekyll:watch"));
|
|
}
|
|
|
|
// Watch html and markdown files.
|
|
//gulp.watch(["**/*.+(html|md|markdown|MD)", "!_site/**/*.*"], gulp.series("build:jekyll:watch"));
|
|
|
|
// Watch RSS feed XML files.
|
|
//gulp.watch("**.xml", gulp.series("build:jekyll:watch"));
|
|
|
|
// Watch data files.
|
|
//gulp.watch("_data/**.*+(yml|yaml|csv|json)", gulp.series("build:jekyll:watch"));
|
|
|
|
// Watch favicon.png.
|
|
//gulp.watch("favicon.png", gulp.series("build:jekyll:watch"));
|
|
}));
|
|
|
|
// Updates Ruby gems
|
|
gulp.task("update:bundle", function () {
|
|
return gulp.src("")
|
|
.pipe(run("bundle install", {}))
|
|
.pipe(run("bundle update", {}))
|
|
.pipe(notify({message: "Bundle Update Complete"}))
|
|
.on("error", log);
|
|
});
|