gulpfile.js

var gulp = require('gulp');
var browserify = require('browserify');
var babel = require('babelify');
var concat = require("gulp-concat");
var es = require('event-stream');
var fs = require("fs");
var source = require('vinyl-source-stream');
var uglify = require("gulp-uglify");
var jshint = require('jshint');
var jshintStylish = require('jshint-stylish');
var inject = require('gulp-inject');
var path = require("path");
var rename = require('gulp-rename');
var using = require('gulp-using');
var del = require("del");
var flatten = require('gulp-flatten');
var autoprefixer = require('gulp-autoprefixer');
var stylus = require('gulp-stylus');
var gutil = require('gulp-util');
var plumber = require('gulp-plumber');
var cleanCss = require("gulp-clean-css");
var filter = require('gulp-filter');
var replace = require('gulp-replace');
var runSequence = require('run-sequence');  // Note! When gulp 4.0 is out this lib is not needed anymore. Source: https://www.npmjs.com/package/run-sequence
var shell = require('gulp-shell');


// var sourcemaps = require('gulp-sourcemaps');
// var source = require('vinyl-source-stream');
// var buffer = require('vinyl-buffer');
// var watchify = require('watchify');

var p = {
	dest: "./dist",
	
	ourJs: ["./js/**/*.js"],
	ourStylus: ["./styles/**/*.styl"],
	ourCss: ["./styles/**/*.css"],
	destOurJs: "js/",
	
	// indexHtml: './js/index.html',
	
	libsDir: "./node_modules",
	libsDestSubDir: "resources/",
	libs: {
		"jquery": [
			"dist/jquery.min.js"
		],
		"bootstrap": [
			"dist/css/bootstrap.css",
			"dist/css/bootstrap-theme.css",
			"dist/js/bootstrap.min.js"
		],
		"font-awesome": [
			"css/*",
			"fonts/*"
		],
		"popper.js": ["build/popper.js"]
		// ,
		// "bootstrap": "**/*"
	},
	libsCss: [
		"bootstrap/dist/css/bootstrap.css",
		"bootstrap/dist/css/bootstrap-theme.css"
	]
};

function swallowError(e) {
	console.log("\n\n---Error---\n\n");
	gutil.beep()
	gutil.beep()
	gutil.beep()
	gutil.beep()
	console.log(e);
	this.emit("end");
}

/**
 * Adapts the lib paths for moving and injecting by
 * adding a basepath.
 * @param  {Object} libs 	The libs in original key-value format
 * @param  {Boolean} inject	Get paths adapted for inject (if false, paths point to the lib source)
 * @return {Array}			Array of libs
 */
function getLibPaths(libs, inject) {
	inject = inject || false;

	var libName,
		libSrcs = [],
		outSrcs = [];
	for (libName in libs) {
		libSrcs = libs[libName];
		if (typeof libSrcs === "string") {
			libSrcs = [libSrcs];
		}
		var basePath;
		if (inject === true) {
			// Adapt basepath for inject
			basePath = path.join(p.dest, p.libsDestSubDir, libName);
		}
		else {
			// Adapt basepath for libs' origin
			basePath = path.join(p.libsDir, libName);
		}
		libSrcs = libSrcs.map(function(src) {
			return path.join(basePath, src);
		});

		outSrcs = outSrcs.concat(libSrcs);
	}
	return outSrcs;
}

gulp.task("clean:dist", function() {
	return del("./dist/**/*");
});

gulp.task("html", ["libs:inject"], function() {
	return gulp
		.src([p.indexHtml])
			.pipe(gulp.dest(p.dest));
});

gulp.task("libs:move", function() {
	var sourcePaths = getLibPaths(p.libs, false);
	var destDir = path.join(p.dest, p.libsDestSubDir);
	// console.log(sourcePaths);
	return gulp.src(sourcePaths, {base: p.libsDir})
		// .pipe(flatten())
		// .pipe(using())
		.pipe(gulp.dest(destDir));
});

gulp.task("libs:inject", function() {
	// Find out which files to inject
	
	var libInjectPaths = getLibPaths(p.libs, true);
	// console.log(libInjectPaths);
	return gulp.src(p.indexHtml)
		.pipe(inject(gulp.src(libInjectPaths, {read: true, base: p.dest}), {addRootSlash: false, relative: false, ignorePath: "build"}))
		.pipe(rename("index.html"))
		.pipe(gulp.dest("./dist"));
});










gulp.task("libs", ["libs:move"], function() {
	// gulp.start("libs:inject");
	// gulp.start("libs:compress");
});

gulp.task('css:fonts', function() {
	var exts = ["eot", "svg", "ttf", "woff", "woff2"];
	var srcs = exts.map(ext => {
		var _p = path.join(p.dest, p.libsDestSubDir, "**/*."+ext);
		return _p;

	});
	// console.log(srcs);
	return gulp.src(srcs)
		.pipe( flatten() )
		.pipe(gulp.dest( path.join(p.dest, "fonts") ));
});

gulp.task('css:stylus', function() {
	var streamStylus = gulp.src(p.ourStylus, {base: "./"})
			.pipe(stylus()).on("error", swallowError);
	// var streamSass = gulp.src(p.ourSass, {base: "./"})
	// 		.pipe(sass());

	return es.merge(streamStylus) //streamSass)
			.pipe(autoprefixer("last 1 version", "> 1%", "ie 8", "ie 9")) //.on('error', onError)
			.pipe(gulp.dest("."));
});

gulp.task("css", ["css:stylus", "css:fonts"], function() {
	return gulp.src([ path.join(p.dest, p.libsDestSubDir, "**/*.css"), "./styles/**/*.css"])
		.pipe(autoprefixer("last 1 version", "> 1%", "ie 8", "ie 9"))
		.pipe(concat("bundle.css"))
		// .pipe(replace(/\.\.\/fonts/g, "resources/font-awesome/fonts"))
		.pipe(gulp.dest( path.join(p.dest, "css") ));

	// es.merge( [getLibsCssStream(), getOurCssStream()] )
});
	// .pipe(gulp.dest(p.dest))

gulp.task('js', shell.task(['webpack --config webpack.config.js']))

gulp.task("code", ["js", "css"]).on("end", function() {
	return gutil.beep();
});

gulp.task("full", function() {
	return runSequence("clean:dist", "libs", "code");
});

gulp.task("watch", function() {
	return gulp.watch(p.ourJs.concat(p.ourStylus), ["code"]).on("unlink", function() {
		// console.log("-- END --");
	}).on("error", swallowError);
});

gulp.task("default", ["code", "watch"]);