Move tasks to separate files and simplify

gulp/config.js

@@ -1,23 +1,24 @@
 const src = 'source/';
-const dest = 'build/';
+const dev = 'build/';
+const dpl = 'deploy/';
+const rep = 'reports/';
 
 const config = {
   src: src,
-  dest: dest,
+  dev: dev,
+  dpl: dpl,
+  rep: rep,
 
   demo: true,
-  
+  //these are not used while demo: true is set
   index: 'index.html',
-
   templateData: src + 'templates/data.json',
   frontendData: src + 'data/**/*.json',
 
   hippie: {
     brand: 'hippie',
     titlePrefix: ' - HIPPIE',
-    pageBase: './',
-    jsFile: 'main',
-    jsonFile: 'db'
+    pageBase: './'
   }
 }
 

gulp/modules/plumber.js

@@ -0,0 +1,25 @@
+const plumber = require('gulp-plumber');
+// const notify = require('gulp-notify');
+
+// function catchErrors(errTitle) {
+//   return plumber({
+//     errorHandler: notify.onError({
+//       // Customizing error title
+//       title: errTitle || "GULP GENERAL PROBLEM",
+//       message: "<%= error.message %>"
+//     })
+//   });
+// }
+
+function catchErrors() {
+  return plumber({
+    errorHandler: function (err) {
+      // Logs error in console
+      console.log(err.message);
+      // Ends the current pipe, so Gulp watch doesn't break
+      this.emit('end');
+    }
+  });
+}
+
+module.exports = catchErrors;

gulp/tasks/clean.js

@@ -0,0 +1,9 @@
+const config = require('../config');
+const del = require('del');
+
+// Clean output folders
+function clean() {
+  return del([config.dev + '**', config.rep + '**', config.dpl + '**']);
+}
+
+module.exports = clean;

gulp/tasks/hello.js

@@ -0,0 +1,6 @@
+function hello (cb) {
+  console.log('He Stephan', cb);
+  cb();
+}
+
+module.exports = hello;

gulp/tasks/sync.js

@@ -0,0 +1,25 @@
+const config = require('../config');
+const browserSync = require('browser-sync'), server = browserSync.create();
+
+// Automagically reload browsers
+function reload(done) {
+  server.reload();
+
+  done();
+}
+
+// Serve files to the browser
+function serve(done) {
+  server.init({
+    index: config.index,
+    open: false,
+    server: config.dev
+  });
+
+  done();
+}
+
+module.exports = {
+  serve: serve,
+  reload: reload,
+};

gulp/tasks/validate.js

@@ -0,0 +1,13 @@
+const { src } = require('gulp');
+const config = require('../config');
+const plumber = require('../modules/plumber');
+const htmlValidator = require('gulp-w3c-html-validator');
+
+function validate() {
+  return src(config.dev + '**/*.html')
+    .pipe(plumber())
+    .pipe(htmlValidator())
+    .pipe(htmlValidator.reporter());
+}
+
+module.exports = validate;