import babel from "gulp-babel"; import BrowserSync from "browser-sync"; import cp from "child_process"; import cssImport from "postcss-import"; import cssnext from "postcss-preset-env"; import del from "del"; import fs from "fs"; import gulp from "gulp"; import inquirer from "inquirer"; import kebabCase from "lodash.kebabcase"; import path from "path"; import postcss from "gulp-postcss"; import toml from "tomljs"; import tomlify from "tomlify-j0.4"; const browserSync = BrowserSync.create(); const platform = getPlatform(process.platform); const hugoBin = `./bin/hugo_0.55.6_${platform}_amd64${platform === "windows" ? ".exe" : ""}`; const defaultArgs = ["-s", "site", "-v"]; const buildArgs = ["-d", "../dist"]; function getPlatform(platform) { switch (platform) { case "win32": case "win64": { return "windows"; } default: { return platform; } } } function generateFrontMatter(frontMatter, answers) { return `+++ ${tomlify.toToml(frontMatter, null, 2)} +++ ${answers.description}`; } const hugo = (done, options) => { cp.spawn(hugoBin, ["version"], { stdio: "inherit" }); let args = options ? defaultArgs.concat(options) : defaultArgs; args = args.concat(buildArgs); // cp needs to be in site directory cp.spawn(hugoBin, args, { stdio: "inherit" }).on("close", (code) => { if (code === 0) { browserSync.reload(); done(); } else { browserSync.notify("Hugo build failed :("); done("Hugo build failed"); } }); return done; }; export const css = () => gulp.src("./src/css/**/*.css") .pipe(postcss([cssnext(), cssImport({ from: "./src/css/main.css" })])) .pipe(gulp.dest("./dist/css")); export const js = () => gulp.src("./src/js/*.js") .pipe(babel()) .pipe(gulp.dest("./dist/js")); export const server = gulp.series(gulp.parallel(css, js), hugo, () => { browserSync.init({ server: { baseDir: "./dist" } }); gulp.watch("./src/js/**/*.js", js); gulp.watch("./src/css/**/*.css", css); gulp.watch("./site/**/*", hugo); }); export const newIncident = (done) => { const file = fs.readFileSync("site/config.toml").toString(); const config = toml(file); const questions = [{ type: "input", name: "name", message: "What is the cause of the incident?", validate: (value) => { if (value.length > 0) { return true; } return "You must have a cause title!"; } }, { type: "list", name: "severity", message: "What is the severity of the incident?", choices: ["under-maintenance", "degraded-performance", "partial-outage", "major-outage"] }, { type: "checkbox", name: "affected", message: "What are the affected systems?", choices: config.params.systems, validate: (value) => { if (value.length > 0) { return true; } return "You must have an affected system?!"; } }, { type: "input", name: "description", message: "Add a terse description of the incident" }, { type: "confirm", name: "open", message: "Open the incident for editing?", default: false }]; inquirer.prompt(questions).then((answers) => { let args = ["new", `incidents${path.sep}${kebabCase(answers.name)}.md`]; args = args.concat(defaultArgs); const hugo = cp.spawn(hugoBin, args, { stdio: "pipe" }); hugo.stdout.on("data", (data) => { const message = data.toString(); if (message.indexOf(" created") === -1) { return; } const path = message.split(" ")[0]; const incident = fs.readFileSync(path).toString(); const frontMatter = toml(incident); frontMatter.severity = answers.severity; frontMatter.affectedsystems = answers.affected; frontMatter.title = answers.name.replace(/-/g, " "); const content = generateFrontMatter(frontMatter, answers); fs.writeFileSync(path, content); if (!answers.open) { return; } let cmd = "xdg-open"; switch (platform) { case "darwin": { cmd = "open"; break; } case "windows": { cmd = "start"; break; } default: { cmd = "xdg-open"; break; } } cp.exec(`${cmd} ${path}`); }); hugo.on("close", (code) => { if (code === 0) { done(); } else { done("new incident creation failed"); } }); }); }; export const clean = (done) => del(["dist"], done); export const hugoPreview = (done) => hugo(done, ["--buildDrafts", "--buildFuture"]); export const build = gulp.series(clean, gulp.parallel(css, js), hugo); export const buildPreview = gulp.series(clean, gulp.parallel(css, js), hugoPreview); export default hugo;