FrankerFaceZ/gulpfile.js

// Dependencies
var fs = require('fs'),
	gulp = require('gulp'),
	browserify = require('gulp-browserify'),
	header = require('gulp-header'),
	footer = require('gulp-footer'),
	concat = require('gulp-concat'),
	clean = require('gulp-clean'),
	util = require('gulp-util'),
	rename = require('gulp-rename'),
	uglify = require('gulp-uglify');

// Templates
var jsEscape = require('gulp-js-escape'),
	wrap = require('gulp-wrap'),
	declare = require('gulp-declare'),
	cleanCSS = require('gulp-clean-css');


// LESS
var less = require('gulp-less'),
	sourcemaps = require('gulp-sourcemaps');


// Deploy Dependencies
var ftp = require('vinyl-ftp'),
	request = require('request');


// Server Dependencies
var http = require("http"),
	https = require("https"),
	net = require('net'),
	path = require("path"),
	request = require("request"),
	url = require("url");

var server_version = "0.1.1";


// Tasks

gulp.task('clean', function() {
	return gulp.src('build', {read:false})
		.pipe(clean());
});

gulp.task('prepare', ['clean'], function() {
	return gulp.src(['src/**/*'])
		.pipe(gulp.dest('build/'));
});


//gulp.task('templates', ['prepare'], function() {
//	return gulp.src(['build/templates/**/*.hbs'])
//		.pipe(jsEscape())
//		.pipe(wrap('Handlebars.compile(<%= contents %>)'))
//		.pipe(declare({
//			root: 'exports',
//			noRedeclare: true,
//			processName: function(filePath) {
//				var match = filePath.match(/build[\\\/]templates[\\\/](.*)\.hbs$/);
//				return declare.processNameByPath((match && match.length > 1) ? match[1] : filePath);
//			}
//		}))
//		.pipe(concat('templates.js'))
//		.pipe(gulp.dest('build/'))
//		.on('error', util.log);
//});

gulp.task('styles', ['prepare'], function() {
	//return;
	return gulp.src(['build/less/*.less', '!build/less/style.less'])
		.pipe(sourcemaps.init())
		.pipe(less())
		.pipe(sourcemaps.write())
		.pipe(gulp.dest(__dirname))
		.on('error', util.log);
});


gulp.task('embedded_styles', ['prepare'], function() {
	return gulp.src(['build/styles/**/*.css'])
		.pipe(cleanCSS())
		.pipe(jsEscape())
		.pipe(declare({
			root: 'exports',
			noRedeclare: true,
			processName: function(filePath) {
				var match = filePath.match(/build[\\\/]styles[\\\/](.*)\.css$/);
				return declare.processNameByPath((match && match.length > 1) ? match[1] : filePath);
			}
		}))
		.pipe(concat('compiled_styles.js'))
		.pipe(gulp.dest('build/'))
		.on('error', util.log)
});


gulp.task('scripts', ['embedded_styles'], function() {
	return gulp.src(['build/main.js'])
		.pipe(browserify())
		.pipe(concat('script.js'))
		.pipe(header('(function(window) {'))
		.pipe(footer(';window.ffz = new FrankerFaceZ()}(window));'))
		.pipe(gulp.dest(__dirname))
		.on('error', util.log);
});


gulp.task('watch', ['default', 'server'], function() {
	return gulp.watch('src/**/*', ['default']);
});

gulp.task('default', ['styles', 'scripts']);


// Deploy

gulp.task('minify_script', ['scripts'], function() {
	return gulp.src(['*.js', '!*.min.js', '!gulpfile.js'])
		.pipe(uglify())
		.pipe(rename(function(path) {
			path.basename += '.min';
		}))
		.pipe(gulp.dest(__dirname))
		.on('error', util.log);
});

gulp.task('minify_style', function() {
	return gulp.src(['*.css', '!*.min.css'])
		.pipe(cleanCSS())
		.pipe(rename(function(path) {
			path.basename += '.min';
		}))
		.pipe(gulp.dest(__dirname))
		.on('error', util.log);
});

gulp.task('minify', ['minify_script', 'minify_style']);


gulp.task('upload', ['minify'], function() {
	// Load credentials from an external file.
	var contents = fs.readFileSync('credentials.json', 'utf8'),
		cred = JSON.parse(contents);

	cred.log = util.log;

	// Create the connection.
	var conn = ftp.create(cred);

	// What we're transfering.
	var ftp_path = cred.remote_path,

		globs = [
			"script.min.js",
			"style.min.css",
			"dark.min.css",
			"changelog.html"
		];

	util.log(cred.remote_path);

	return gulp.src(globs, {base: '.', buffer: false})
		.pipe(conn.newerOrDifferentSize(ftp_path))
		.pipe(conn.dest(ftp_path))
		.on('error', util.log);
});

gulp.task('clear_cache', ['upload'], function(cb) {
	// Load credentials from an external file.
	var contents = fs.readFileSync('credentials.json', 'utf8'),
		cred = JSON.parse(contents);

	// Build the URLs.
	var base = "://cdn.frankerfacez.com/script/",
		files = [],
		globs = [
			"script.min.js",
			"style.min.css",
			"dark.min.css",
			"changelog.html"
		];

	for(var i=0; i < globs.length; i++) {
		files.push("http" + base + globs[i]);
		files.push("https" + base + globs[i]);
	}

	request({
		method: 'DELETE',
		uri: "https://api.cloudflare.com/client/v4/zones/" + cred.cloudflare_zone + "/purge_cache",
		headers: {
			"X-Auth-Email": cred.cloudflare_email,
			"X-Auth-Key": cred.cloudflare_key
		},
		json: {
			"files": files
		}
	}, function(error, request, body) {
		if ( error )
			return util.log("[FAIL] Error: " + error);
		else if ( request.statusCode !== 200 )
			return util.log("[FAIL] Non-200 Status: " + request.statusCode);

		util.log("[SUCCESS] Cache cleared.");
		cb();
	});
});

gulp.task('deploy', ['upload', 'clear_cache']);


// Server

gulp.task('server', function() {
	var handle_req = function(req, res) {
		var uri = url.parse(req.url).pathname,
			lpath = path.join(uri).split(path.sep);

		if ( uri == "/dev_server" ) {
			util.log("[" + util.colors.cyan("HTTP") + "] " + util.colors.green("200") + " GET " + util.colors.magenta(uri));
			res.writeHead(200, {"Content-Type": "application/json", "Access-Control-Allow-Origin": "*"});
			return res.end(JSON.stringify({path: process.cwd(), version: server_version}));
		}

		if ( ! lpath[0] )
			lpath.shift();

		if ( lpath[0] == "script" )
			lpath.shift();
		else
			lpath.splice(0, 0, "cdn");

		var file = path.join(process.cwd(), lpath.join(path.sep));

		fs.exists(file, function(exists) {
			if ( ! exists ) {
				util.log("[" + util.colors.cyan("HTTP") + "] " + util.colors.bold.blue("CDN") + " GET " + util.colors.magenta(uri));
				return request.get("http://cdn.frankerfacez.com/" + uri).on('error', function(err) { res.end() }).pipe(res);
			}

			var headers = {"Access-Control-Allow-Origin": "*"};

			if ( fs.lstatSync(file).isDirectory() ) {
				util.log("[" + util.colors.cyan("HTTP") + "] " + util.colors.red("403") + " GET " + util.colors.magenta(uri));
				res.writeHead(403, headers);
				res.write('403 Forbidden');
				return res.end();
			}

			if ( file.substr(file.length-4) === ".svg" )
				headers['Content-Type'] = 'image/svg+xml';

			util.log("[" + util.colors.cyan("HTTP") + "] " + util.colors.green("200") + " GET " + util.colors.magenta(uri));
			res.writeHead(200, headers);
			fs.createReadStream(file).pipe(res);
		});

	};

	if ( fs.existsSync("dev_key.pem") ) {
		var https_options = {
			key: fs.readFileSync("dev_key.pem"),
			cert: fs.readFileSync("dev_cert.pem")
		};

		http.createServer(handle_req).listen(8001, "localhost");
		https.createServer(https_options, handle_req).listen(8002, "localhost");

		net.createServer(function(conn) {
			conn.on('error', function(e) {
				util.log("[" + util.colors.cyan("HTTP") + "] Connection Error: " + util.colors.magenta('' + e));
			});

			conn.once('data', function(buf) {
				var address = (buf[0] === 22) ? 8002 : 8001;
				var proxy = net.createConnection(address, function() {
					proxy.write(buf);
					conn.pipe(proxy).pipe(conn);
				});
			});
		}).listen(8000);

		util.log("[" + util.colors.cyan("HTTPS") + "] Listening on Port: " + util.colors.magenta("8000"));

	} else {
		http.createServer(handle_req).listen(8000, "localhost");
		util.log("[" + util.colors.cyan("HTTP") + "] Listening on Port: " + util.colors.magenta("8000"));
	}
});