autofront 1.5.7 → 2.0.0

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
@@ -38,6 +34,13 @@ The main supported packages/languages/libraries are:
 require('autofront');
 ```
 
+Optionally, to work with [HTML5 mode](https://docs.angularjs.org/api/ng/provider/$locationProvider#html5Mode), invoke `html5Mode` to prefix path of assets.
+
+```js
+var autofront = require('autofront');
+autofront.html5Mode();
+```
+
 ### Folder structure
 
 Here is the essential basic organization you must to put in your project:
@@ -67,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

@@ -1,10 +1,12 @@
+this.html5Mode = html5Mode;
+
 const gulp = require('gulp'),
 	args = require('get-gulp-args')(),
 	mergeStream = require('merge-stream'),
 	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();
 
@@ -12,9 +14,9 @@ var domain = undefined;
 
 const allFiles = getFiles(),
 	indexHtmlFile = 'index.html',
-	stylesFolder = 'styles/',
 	cssFilename = 'index',
-	cssFullFilename = cssFilename+'.css',
+	cssFullFilename = cssFilename+'.css';
+var stylesFolder = 'styles/',
 	jsTemplatesFile = 'scripts/templates.js';
 
 const paths = {
@@ -48,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));
 
@@ -69,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();
+}));
+exports.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'));
+exports.build = gulp.series('build:tmp', 'copy', 'templates', () => {
 	const indexHtmlFilter = filter('html'),
 		cssFilter = filter('css'),
 		jsFilter = filter('js'),
@@ -114,9 +105,15 @@ gulp.task('build', gulpSync.sync([
 		.pipe($.size({showFiles: true}))
 		.pipe(gulp.dest(paths.dist));
 });
-gulp.task('serve:dist', ['build'], () => browserSyncInit(paths.dist));
+exports['serve:dist'] = gulp.series(exports.build, () => browserSyncInit(paths.dist));
+
+exports.default = exports.serve;
 
-gulp.task('default', ['serve']);
+function html5Mode() {
+	const pathPrefix = '/';
+	stylesFolder = pathPrefix + stylesFolder;
+	jsTemplatesFile = pathPrefix + jsTemplatesFile;
+}
 
 function getFiles(ext) {
 	ext = ext || '*';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autofront",
-  "version": "1.5.7",
+  "version": "2.0.0",
   "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"
   }
 }