gulpfile.js

const path = require('path');
const gulp = require('gulp');
const pump = require('pump');
const htmlclean = require('gulp-htmlclean');
const ejs = require('gulp-ejs');
const eslint = require('gulp-eslint');
const rename = require('gulp-rename');
const concat = require('gulp-concat');
const minify = require('gulp-minify');
const less = require('gulp-less');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');
const mqpacker = require('css-mqpacker');
const cssnano = require('cssnano');
const ghpages = require('gh-pages');
const marked = require('gulp-marked');
const inject = require('gulp-inject-self');
const replace = require('gulp-replace');
const del = require('del');
const runSequence = require('run-sequence');
const reload = require('require-reload')(require)
let argv = require('yargs').argv;
let content = reload('./src/content/content.json');

// Language List to build (for languages other than default, add a / at the end)
let langList = [''];
if (argv.lang) {
	langList = [(argv.lang == 'en' ? '' : argv.lang + '/')];
}
let lang = '';

let root = '';

// Helper function to find a key and its value in any object
function searchKey(obj, key = 'key') {
	var json = JSON.stringify(obj);
	var reg = new RegExp(`(?!^)(?:"${key}":)([^\\\\]+?})`);
	var group = reg.exec(json)[1];
	return JSON.parse(group);
}

// Clean HTML
gulp.task('html', function (cb) {
	pump([
		gulp.src(`src/*.ejs`),
		ejs({
			site_title: 'Garlic Recipes',
			content: content['content'],
			navbar: content['navbar']
		}, {}, {
			ext: '.html'
		}),
		replace('ROOT', function () {
			return root;
		}),
		replace('LANGUAGE_REPLACE', function () {
			let language = ((lang && lang != '') ? lang.substring(0, lang.length - 1) : 'en');
			return language;
		}),
		htmlclean(),
		gulp.dest(`dist/${lang}`)
	], cb);
});

// Markdown Content Files
gulp.task('md', ['html'], function (cb) {
	pump([
		gulp.src(`src/content/${lang}*.md`),
		marked(),
		ejs({
			site_title: 'Garlic Recipes',
			page_title: 'PAGE_TITLE',
			content: content['content'],
			navbar: content['navbar']
		}, {}, {
			ext: '.html'
		}),
		inject(`dist/${lang}template.html`, /<INJECT>/, {
			replaceWith: function (fileContent) {
				return '\n' + fileContent;
			}
		}),
		replace('ROOT', function () {
			return root;
		}),
		replace('PAGE_TITLE', function () {
			var name = this.file.relative.replace(/(.*)\.(.*?)$/, "$1");
			var data = searchKey(content['content'], name);
			return data.title;
		}),
		replace('LANGUAGE_REPLACE', function () {
			let language = ((lang && lang != '') ? lang.substring(0, lang.length - 1) : 'en');
			return language;
		}),
		htmlclean(),
		gulp.dest(`dist/${lang}`)
	], cb);
});

// Remove useless html files
gulp.task('clean-html', function (cb) {
	return del([
		'dist/**/template.html',
		'dist/**/blank.html'
	])
});

// Run task js, only if verify is successful
gulp.task('js', ['verify'], function (cb) {
	pump([
		gulp.src(['src/js/**/*.js', '!src/lib/**/*']),
		concat('script.js'),
		gulp.dest('dist/js'),
		minify({
			ext: {
				min: '.min.js'
			},
			noSource: true
		}),
		gulp.dest('dist/js')
	], cb);
});

// Lints the js files
gulp.task('verify', function (cb) {
	pump([
		gulp.src(['src/js/**/*.js', '!src/lib/**/*']),
		eslint(),
		eslint.format(),
		eslint.failAfterError()
	], cb);
});

// Copies any file in lib
gulp.task('lib', function (cb) {
	pump([
		gulp.src(['src/lib/**/*']),
		gulp.dest('dist/lib')
	], cb);
});

// Copies any file in files
gulp.task('files', function (cb) {
	pump([
		gulp.src(['src/files/**/*']),
		gulp.dest('dist/files')
	], cb);
});

// Do a bunch of stuff to CSS files
gulp.task('less', function (cb) {
	pump([
		gulp.src('src/less/**/*.less'),
		less(),
		postcss([
			autoprefixer({
				browsers: ['last 2 versions', '> 2%']
			}),
			mqpacker
		]),
		concat('style.css'),
		gulp.dest('dist/css'),
		postcss([
			cssnano
		]),
		rename('style.min.css'),
		gulp.dest('dist/css')
	], cb);
});

// Copy fonts over to build
gulp.task('fonts', function (cb) {
	pump([
		gulp.src('src/fonts/**/*'),
		gulp.dest('dist/fonts')
	], cb);
});

// Copy images over to build
gulp.task('images', function (cb) {
	pump([
		gulp.src('src/images/**/*'),
		gulp.dest('dist/images')
	], cb);
});


// Remove previous build
gulp.task('clean', function (cb) {
	return del([
		'dist/**/*'
	]);
});

function buildLanguage(index, cb) {
	lang = langList[index];
	content = reload(`./src/content/${lang}content.json`);
	runSequence('md', function () {
		if (index == langList.length - 1) {
			// If it's the last item in langlist call cb
			cb();
		}else {
			buildLanguage(index + 1, cb);
		}
	});
}

// Reload config file & build html
gulp.task('reload', function (cb) {
	// Start a reflexive build + reload
	buildLanguage(0, cb);
});

// Upload to GitHub Pages
gulp.task('deploy', function (cb) {
	root = 'https://pandawan.github.io/GarlicRecipes'
	runSequence('clean', 'build', 'clean-html', function () {
		// No need to call gulp prod anymore, dist folder is ignored by gitignore
		ghpages.publish('dist', cb);
	});
});

// Build everything as if you were deploying
gulp.task('prod', function (cb) {
	root = '';
	runSequence('clean', 'build', 'clean-html');
});

// Build everything
gulp.task('build', function (cb) {
	runSequence(['js', 'less', 'reload', 'lib', 'fonts', 'files', 'images'], 'clean-html', cb);
});

// Watch for files and build
gulp.task('watch', ['build'], function () {
	gulp.watch('src/js/**/*.js', ['js']);
	gulp.watch('src/less/**/*.less', ['less']);
	gulp.watch('src/**/*.ejs', ['html']);
	gulp.watch('src/content/**/*.md', ['md']);
	gulp.watch('src/content/content.json', ['reload'])
	gulp.watch('src/lib/**/*', ['lib']);
	gulp.watch('src/fonts/**/*', ['fonts']);
	gulp.watch('src/files/**/*', ['files']);
	gulp.watch('src/images/**/*', ['images']);
});