update gulp and gulpfile

tasks/css.js

@@ -0,0 +1,83 @@
+/* RainLoop Webmail (c) RainLoop Team | Licensed under AGPL 3 */
+const gulp = require('gulp');
+
+const
+	concat = require('gulp-concat-util'),
+	rename = require('gulp-rename'),
+	replace = require('gulp-replace'),
+	plumber = require('gulp-plumber'),
+	gulpif = require('gulp-if'),
+	eol = require('gulp-eol'),
+	livereload = require('gulp-livereload'),
+	filter = require('gulp-filter'),
+	expect = require('gulp-expect-file');
+
+const {config} = require('./config');
+const {del} = require('./common');
+
+const cssClean = () => del(config.paths.staticCSS + '/*.css');
+
+const cssMainBuild = () => {
+	const autoprefixer = require('gulp-autoprefixer'),
+		less = require('gulp-less'),
+		lessFilter = filter('**/*.less', {restore: true}),
+		src = config.paths.css.main.src.concat([config.paths.less.main.src]);
+
+	return gulp.src(src)
+		.pipe(expect.real({errorOnFailure: true}, src))
+		.pipe(lessFilter)
+		.pipe(gulpif(config.watch, plumber()))
+		.pipe(less({
+			'paths': config.paths.less.main.options.paths
+		}))
+		.pipe(lessFilter.restore)
+		.pipe(concat(config.paths.css.main.name))
+		.pipe(autoprefixer())
+		.pipe(replace(/\.\.\/(img|images|fonts|svg)\//g, '$1/'))
+		.pipe(eol('\n', true))
+		.pipe(gulp.dest(config.paths.staticCSS))
+		.pipe(livereload());
+};
+
+const cssSocialBuild = () => {
+	const autoprefixer = require('gulp-autoprefixer'),
+		src = config.paths.css.social.src;
+	return gulp.src(src)
+		.pipe(expect.real({errorOnFailure: true}, src))
+		.pipe(concat(config.paths.css.social.name))
+		.pipe(autoprefixer())
+		.pipe(replace(/\.\.\/(img|images|fonts|svg)\//g, '$1/'))
+		.pipe(eol('\n', true))
+		.pipe(gulp.dest(config.paths.staticCSS));
+};
+
+const cssMainMin = () => {
+	const cleanCss = require('gulp-clean-css');
+	return gulp.src(config.paths.staticCSS + config.paths.css.main.name)
+		.pipe(cleanCss())
+		.pipe(rename({suffix: '.min'}))
+		.pipe(eol('\n', true))
+		.pipe(gulp.dest(config.paths.staticCSS));
+};
+
+const cssSocialMin = () => {
+	const cleanCss = require('gulp-clean-css');
+	return gulp.src(config.paths.staticCSS + config.paths.css.social.name)
+		.pipe(cleanCss())
+		.pipe(rename({suffix: '.min'}))
+		.pipe(eol('\n', true))
+		.pipe(gulp.dest(config.paths.staticCSS));
+};
+
+const cssBuild = gulp.parallel(cssMainBuild, cssSocialBuild);
+const cssMin = gulp.parallel(cssMainMin, cssSocialMin);
+
+const cssLint = (done) => done();
+
+const cssState1 = gulp.series(cssLint);
+const cssState2 = gulp.series(cssClean, cssBuild, cssMin);
+
+exports.cssLint = cssLint;
+exports.cssBuild = cssBuild;
+
+exports.css = gulp.parallel(cssState1, cssState2);