gulpfile.js

'use strict';

require('es6-promise').polyfill();
require('es6');

// Our Local Configuration //
var config = require('./config.js');

// Gulp Includes //
var gulp	= require('gulp');
var debug	= require('gulp-debug');
var newer	= require('gulp-newer');
var rename	= require('gulp-rename');
var cat		= require('gulp-concat');
var notify	= require('gulp-notify');
var gzip	= require('gulp-gzip');
var size	= require('gulp-size');
// Other Includes //
var glob	= require("glob")


var ignore_folders = glob.sync('src/**/')
	.filter(function(val){ 
		return val.indexOf('/_') >= 0;
	})
	.map(function(el){
		return '!'+el+'**/*.*';
	})
	.concat(['src/embed/']);

var es6ignore_files = glob.sync('src/**/.es6ignore')
	.map(function(el){
		return el.replace('.es6ignore','');
	});
	
var build_files = glob.sync('src/**/build.json');
var build_data = build_files.map(function(file){
	return require('./'+file);
});
//console.log(build_data);

// Ignore any minified files, or files/folders prefixed with an underscore //
var less_files		= ['src/**/*.less','!src/**/_*.*']
						.concat(ignore_folders);
var css_files		= ['src/**/*.css','!src/**/*.min.css','!src/**/_*.*']
						.concat(ignore_folders);

var js_in_files 	= ['src/**/*.js','!src/**/*.min.js','!src/**/_*.*']
						.concat(es6ignore_files.map(function(el){
							return '!'+el+'**/*.*';
						}))
						.concat(ignore_folders);
var raw_js_in_files	= es6ignore_files.map(function(el){
							return el+'**/*.js';
						})
						.concat(es6ignore_files.map(function(el){
							return '!'+el+'**/*.min.js';
						}))
						.concat(es6ignore_files.map(function(el){
							return '!'+el+'**/_*.*';
						}))
						.concat(ignore_folders);
						

var build_folder		= 'output';
var release_folder		= 'public-static/output';

// Ignore any min files, and the output file //
var css_output 			= 'all.css';
var css_min_output		= 'all.min.css';
var css_min_gz_output	= 'all.min.css.gz';
var css_out_files		= [
	build_folder+'/**/*.css',
	'!'+build_folder+'/'+css_output
];

var js_output			= 'all.js';
var js_min_output		= 'all.min.js';
var js_min_gz_output	= 'all.min.js.gz';
var js_out_files		= [
	build_folder+'/**/*.js',
	'!'+build_folder+'/**/*.o.js',
	'!'+build_folder+'/'+js_output
];

/* LESS files to CSS */
gulp.task('less', function() {
	var less		= require('gulp-less');
	// NOTE: Sourcemaps is surpressing errors, so it's disabled for now
//	var sourcemaps	= require('gulp-sourcemaps');
//	var less		= require('gulp-less-sourcemap');
	// NOTE: We're running autoprefixer as a LESS plugin, due to problems with postcss sourcemaps
	var autoprefix	= require('less-plugin-autoprefix');

	var AUTOPREFIX_CONFIG = {
	//	browsers: ["last 2 versions"]
	};

	return gulp.src( less_files )
		.pipe( newer({dest:build_folder,ext:".css"}) )
		.pipe( debug({title:'less:'}) )
//		.pipe( sourcemaps.init() )
			.pipe( less({
				'globalVars': config.LESS_GLOBALVARS,
				plugins: [
					new autoprefix(AUTOPREFIX_CONFIG)
				]
			}) )
//		.pipe( sourcemaps.write() )
		.pipe( gulp.dest(build_folder+'/') );
});
/* Unprocessed CSS files */
gulp.task('css', function() {
	return gulp.src( css_files )
		.pipe( newer({dest:build_folder}) )
		.pipe( debug({title:'css:'}) )
		.pipe( gulp.dest(build_folder+'/') );
});
/* Concatenate all CSS files */
gulp.task('css-cat', ['less','css'], function() {
//gulp.task('css-cat', gulp.series(['less','css'], function() {
	return gulp.src( css_out_files )
		.pipe( newer({dest:build_folder+'/'+css_output}) )
		.pipe( cat( css_output ) )
		.pipe( size({title:'css-cat:',showFiles:true}) )
		.pipe( gulp.dest( build_folder+'/' ) );
});
/* Minifiy the concatenated CSS file */
gulp.task('css-min', ['css-cat'], function() {
//gulp.task('css-min', gulp.series(['css-cat'], function() {
	// Benchmarks: http://goalsmashers.github.io/css-minification-benchmark/
	var cleancss	= require('gulp-cleancss');		// Faster, similar results
//	var cssnano		= require('gulp-cssnano');

	return gulp.src( build_folder+'/'+css_output )
		.pipe( newer({dest:release_folder+'/'+css_min_output}) )
		.pipe( cleancss() )
//		.pipe( cssnano() )
		.pipe( cat( css_min_output ) )
		.pipe( size({title:'css-min:',showFiles:true}) )
		.pipe( gulp.dest( release_folder+'/' ) );	
});
/* GZIP minified (for reference) */
gulp.task('css-min-gz', ['css-min'], function() {
//gulp.task('css-min-gz', gulp.series(['css-min'], function() {
	return gulp.src( release_folder+'/'+css_min_output )
		.pipe( newer({dest:build_folder+'/'+css_min_gz_output}) )
		.pipe( gzip() )
		.pipe( size({title:'css-min-gz:',showFiles:true}) )
		.pipe( gulp.dest( build_folder+'/' ) );
});

/* Use Buble to compile ES2015 files to JS */
gulp.task('buble', function() {
	var buble = require("gulp-buble");

	var BUBLE_CONFIG = {
		transforms: {
			modules: false,		// ignore import/export's
//			generator: false
		},
		jsx: "h"
	};
	
	return gulp.src( js_in_files, {base:'src'} )
		.pipe( newer({dest:build_folder,ext:".o.js"}) )
		.pipe( debug({title:'js (buble):'}) )
		.pipe( buble(BUBLE_CONFIG) )
		.pipe( rename({extname: ".o.js"}) )
		.pipe( gulp.dest( build_folder+'/' ) );
});

gulp.task('buble-rollup', ['buble'], function() {
	var rollup	= require('rollup-stream');
	var source	= require('vinyl-source-stream');

	var includePaths	= require("rollup-plugin-includepaths");
//	var nodeResolve		= require("rollup-plugin-node-resolve");

	return rollup({
			entry: './output/main/main.o.js',
			plugins: [
				includePaths({
					paths: [
						'output/external',
						'output/custom',
					],
//					include: {
//						'preact':'output/external/preact/preact.o.js'
//					},
					extensions:['.js','.o.js']
				}),
//				nodeResolve({
//					jsnext: true
//				}),
			]
		})
		.pipe(source('buble.js'))
		.pipe(gulp.dest('./output'));
});

/* Unprocessed JS files */
gulp.task('js', function() {
	return gulp.src( raw_js_in_files, {base:'src'} )
		.pipe( newer({dest:build_folder}) )
		.pipe( debug({title:'js (raw):'}) )
		.pipe( gulp.dest( build_folder+'/' ) );
});
/* Concatenate all JS files */
gulp.task('js-cat', ['buble-rollup','js'], function() {
//gulp.task('js-cat', gulp.series(['buble-rollup','js'], function() {
	return gulp.src( js_out_files )
		.pipe( newer({dest:build_folder+'/'+js_output}) )
		.pipe( cat( js_output ) )
		.pipe( size({title:'js-cat:',showFiles:true}) )
		.pipe( gulp.dest( build_folder+'/' ) );
});
/* Minifiy the concatenated JS file */
gulp.task('js-min', ['js-cat'], function() {
//gulp.task('js-min', gulp.series(['js-cat'], function() {
	var uglify = require('gulp-uglify');
	
	return gulp.src( build_folder+'/'+js_output )
		.pipe( newer({dest:release_folder+'/'+js_min_output}) )
		.pipe( uglify() )
		.pipe( cat( js_min_output ) )
		.pipe( size({title:'js-min:',showFiles:true}) )
		.pipe( gulp.dest( release_folder+'/' ) );
});
/* GZIP minified (for reference) */
gulp.task('js-min-gz', ['js-min'], function() {
//gulp.task('js-min-gz', gulp.series(['js-min'], function() {
	return gulp.src( release_folder+'/'+js_min_output )
		.pipe( newer({dest:build_folder+'/'+js_min_gz_output}) )
		.pipe( gzip() )
		.pipe( size({title:'js-min-gz:',showFiles:true}) )
		.pipe( gulp.dest( build_folder+'/' ) );	
});



/* Nuke the output folders */
gulp.task('clean', function() {
	var del = require('del');
	
	return del( [build_folder+'/**/*',release_folder+'/**/*'] );
});


// Testing generation of a file used by PHP
gulp.task('git-version.php', function() {
	var fs = require('fs');
	require('shelljs/global');
	
	var Hash = exec('git describe --always',{silent:true}).stdout.trim();
	var Commit = exec('git rev-list HEAD | wc -l',{silent:true}).stdout.trim();
	
	fs.writeFileSync('output/git-version.php', "<?php\n// WARNING! DO NOT MODIFY! This file is automatically generated by gulpfile.js!\n\nconst GIT_VERSION = '"+Commit+"-"+Hash+"';\n");
});


// Testing generation of a file used by PHP
//gulp.task('php-com', function() {
//	var fs = require('fs');
//	
//	fs.writeFileSync('src/com/list.gen.php', "<?php\n// WARNING! DO NOT MODIFY! This file is automatically generated!\n\n");
//});


// TODO: Popup notifications when a watch catches an error/linting error
//		.pipe( notify("hello") )


// NOTE: Use gulp-watch instead: https://www.npmjs.com/package/gulp-watch
//gulp.task('less-watch', ['css','js'] function () {
//	gulp.watch(less_files, ['css'])
//	gulp.watch(js_out_files, ['js'])
//});


// By default, GZIP the files, to report roughly how large things are when GZIPPED
gulp.task('default', ['css-min-gz','js-min-gz'], function(done) {
//gulp.task('default', gulp.series(['css-min-gz','js-min-gz'], function(done) {
	var symlink	= require('gulp-symlink');	// Depricated in Gulp 4

	var IS_DEBUG = glob.sync('.gulpdebug').length > 0;
	if ( IS_DEBUG ) {
		// Only create symlinks if they don't exist //
		if ( glob.sync(release_folder+'/'+js_output).length === 0 ) {
			gulp.src( build_folder+'/'+css_output )
				.pipe( symlink( release_folder+'/'+css_output ) );
//				.pipe( gulp.symlink( release_folder+'/'+css_output ) );
		}
		if ( glob.sync(release_folder+'/'+js_output).length === 0 ) {
			gulp.src( build_folder+'/'+js_output )
				.pipe( symlink( release_folder+'/'+js_output ) );
//				.pipe( gulp.symlink( release_folder+'/'+js_output ) );	
		}
	}

	if ( glob.sync('output/git-version.php').length === 0 ) {
		gulp.start('git-version.php');
	}

	return done();
});