autofront 1.6.0 → 2.0.1

package/README.md

@@ -2,10 +2,6 @@
 
 [Gulp](https://gulpjs.com) settings for front-end projects.
 
-## Requirements
-
-It is compatible with version [8.17.0](https://nodejs.org/dist/v8.17.0/) of [Node.js](https://nodejs.org).
-
 ## Behaviour
 
 ### Tasks
@@ -74,6 +70,6 @@ And, to capture the selected URL, put `{{AUTOFRONT_DOMAIN}}` where it would be l
 
 ## Pending
 
-- [ ] Once the server waits for changes, synchronize also the deletion of files (from `src`).
-- [ ] Sass errors must not break the Gulp process (like Less).
-- [ ] Bower should be replaced as a dependency manager. It is currently [under maintenance](https://bower.io/blog/2017/how-to-migrate-away-from-bower/) and, therefore, its use is not recommended.
+- Once the server waits for changes, synchronize also the deletion of files (from `src`).
+- Sass errors must not break the Gulp process (like Less).
+- Bower should be replaced as a dependency manager. It is currently [under maintenance](https://bower.io/blog/2017/how-to-migrate-away-from-bower/) and, therefore, its use is not recommended.

package/index.js

@@ -6,7 +6,7 @@ const gulp = require('gulp'),
 	mainBowerFiles = require('main-bower-files'),
 	$ = require('gulp-load-plugins')(),
 	injStr = $.injectString,
-	gulpSync = $.sync(gulp),
+	gulpSass = $.sass(require('sass')),
 	notifyError = $.notify.onError(error => error.message),
 	browserSync = require('browser-sync').create();
 
@@ -50,12 +50,9 @@ gulp.task('check', () => {
 gulp.task('del', () => delFolder(paths.tmp));
 gulp.task('index-build', () => gulp.src(paths.srcIndexHtml).pipe(injStr.after('<!-- endbuild -->', nl+tab+'<link rel="stylesheet" href="'+stylesFolder+cssFullFilename+'">')).pipe($.inject(gulp.src(paths.srcJs).pipe($.angularFilesort()), {relative: true})).on('error', notifyError).pipe($.wiredep()).pipe($.useref()).pipe(gulp.dest(paths.tmp)));
 gulp.task('index-domain', () => gulp.src(paths.tmp+getFiles('js')).pipe(injStr.replace('{{AUTOFRONT_DOMAIN}}', domain)).pipe(gulp.dest(paths.tmp)));
-gulp.task('index', gulpSync.sync([
-	'index-build',
-	'index-domain'
-]));
+gulp.task('index', gulp.series('index-build', 'index-domain'));
 gulp.task('styles', () => {
-	return mergeStream(getCssStream('scss', $.sass, '@import "variables";'), getCssStream('less', $.less))
+	return mergeStream(getCssStream('scss', gulpSass, '@import "variables";'), getCssStream('less', $.less))
 		.pipe($.concat(cssFullFilename))
 		.pipe(gulp.dest(paths.tmp+stylesFolder));
 
@@ -71,34 +68,26 @@ gulp.task('others', () => {
 		.pipe(gulp.dest(paths.tmp));
 });
 gulp.task('about', () => gulp.src('package.json').pipe($.about()).pipe(gulp.dest(paths.tmp)));
-gulp.task('build:tmp', gulpSync.sync([
-	'del',
-	'check',
-	['index', 'styles', 'fonts', 'others', 'about']
-]));
-gulp.task('browser', ['build:tmp'], () => browserSyncInit(paths.tmp));
-gulp.task('serve', ['browser'], () => {
-	gulp.watch([paths.srcIndexHtml, paths.srcJs], ['index']);
-	gulp.watch([paths.srcSass, paths.srcLess], ['styles']);
-	gulp.watch(paths.srcOthers, ['others']);
+gulp.task('build:tmp', gulp.series('del', 'check', gulp.parallel('index', 'styles', 'fonts', 'others', 'about')));
+gulp.task('browser', gulp.series('build:tmp', (cb) => {
+	browserSyncInit(paths.tmp);
+	cb();
+}));
+gulp.task('serve', gulp.series('browser', () => {
+	gulp.watch([paths.srcIndexHtml, paths.srcJs], gulp.task('index'));
+	gulp.watch([paths.srcSass, paths.srcLess], gulp.task('styles'));
+	gulp.watch(paths.srcOthers, gulp.task('others'));
 	gulp.watch(paths.tmp+allFiles, function(event) {
 		browserSync.reload(event.path);
 	});
-});
+}));
 
 gulp.task('del:dist', () => delFolder(paths.dist));
-gulp.task('copy', ['del:dist'], () => gulp.src(paths.tmp+allFiles).pipe(gulp.dest(paths.dist)));
+gulp.task('copy', gulp.series('del:dist', () => gulp.src(paths.tmp+allFiles).pipe(gulp.dest(paths.dist))));
 gulp.task('templates-build', () => gulp.src([paths.dist+getFiles('html'), '!'+paths.dist+indexHtmlFile]).pipe($.cleanDest(paths.dist)).pipe(minifyHtml()).pipe($.angularTemplatecache(jsTemplatesFile, {module: 'app'})).pipe(gulp.dest(paths.dist)));
 gulp.task('templates-clean', () => require('delete-empty')(paths.dist));
-gulp.task('templates', gulpSync.sync([
-	'templates-build',
-	'templates-clean'
-]));
-gulp.task('build', gulpSync.sync([
-	'build:tmp',
-	'copy',
-	'templates'
-]), () => {
+gulp.task('templates', gulp.series('templates-build', 'templates-clean'));
+gulp.task('build', gulp.series('build:tmp', 'copy', 'templates', () => {
 	const indexHtmlFilter = filter('html'),
 		cssFilter = filter('css'),
 		jsFilter = filter('js'),
@@ -115,10 +104,10 @@ gulp.task('build', gulpSync.sync([
 		.pipe(jsonFilter).pipe($.jsonmin()).pipe(jsonFilter.restore)
 		.pipe($.size({showFiles: true}))
 		.pipe(gulp.dest(paths.dist));
-});
-gulp.task('serve:dist', ['build'], () => browserSyncInit(paths.dist));
+}));
+gulp.task('serve:dist', gulp.series('build', () => browserSyncInit(paths.dist)));
 
-gulp.task('default', ['serve']);
+gulp.task('default', gulp.task('serve'));
 
 function html5Mode() {
 	const pathPrefix = '/';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autofront",
-  "version": "1.6.0",
+  "version": "2.0.1",
   "description": "Gulp settings for front-end projects.",
   "main": "index.js",
   "scripts": {
@@ -28,7 +28,7 @@
     "browser-sync": "^2.26.3",
     "delete-empty": "^2.0.0",
     "get-gulp-args": "0.0.1",
-    "gulp": "^3.9.1",
+    "gulp": "^4.0.2",
     "gulp-about": "^1.1.0",
     "gulp-angular-filesort": "^1.2.1",
     "gulp-angular-templatecache": "^2.2.3",
@@ -50,13 +50,13 @@
     "gulp-rev": "^8.1.1",
     "gulp-rev-delete-original": "^0.2.3",
     "gulp-rev-replace": "^0.4.4",
-    "gulp-sass": "^4.0.2",
+    "gulp-sass": "^5.0.0",
     "gulp-size": "^3.0.0",
-    "gulp-sync": "^0.1.4",
     "gulp-terser": "^1.1.7",
     "gulp-useref": "^3.1.6",
     "gulp-wiredep": "^1.2.0",
     "main-bower-files": "^2.13.1",
-    "merge-stream": "^1.0.1"
+    "merge-stream": "^1.0.1",
+    "sass": "^1.38.2"
   }
 }