Replaced gulp.watch with latest chokidar which is more reliable

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [1.3.0] - 2021-01-27
+### Changed
+- Replaced gulp.watch with latest chokidar which is more reliable
+
 ## [1.2.8] - 2020-11-12
 ### Changed
 - Updated dependencies

lib/gulp/task-watch.js

@@ -0,0 +1,42 @@
+const gulp = require('gulp');
+const chokidar = require('chokidar');
+const debounce = require('just-debounce');
+const asyncDone = require('async-done');
+
+
+/**
+ * Gulp task watch function using latest chokidar
+ * with better OSX support and file watching functionality
+ * than outdated gulp.watch
+ */
+module.exports = function taskWatch (globs, callback) {
+    const parallelCallback = gulp.parallel(callback);
+    const debouncedCallback = debounce(onChange, 200);
+    let running = false;
+    let queued = false;
+
+    function onChange () {
+        if (running) {
+            queued = true;
+        } else {
+            running = true;
+            asyncDone(parallelCallback, runComplete);
+        }
+    }
+    function runComplete (err) {
+        running = false;
+
+        // If we have a run queued, start onChange again
+        if (queued) {
+            queued = false;
+            onChange();
+        }
+    }
+
+    return chokidar.watch(globs, {
+        ignoreInitial: true
+    })
+        .on('add', debouncedCallback)
+        .on('change', debouncedCallback)
+        .on('unlink', debouncedCallback);
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@videinfra/static-website-builder",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "description": "Customizable static site project builder",
   "license": "MIT",
   "engines": {
@@ -29,6 +29,7 @@
     "babel-loader": "^8.2.1",
     "browser-sync": "^2.26.13",
     "chalk": "4.0.0",
+    "chokidar": "^3.5.1",
     "cross-env": "^7.0.2",
     "cssnano": "^4.1.10",
     "del": "^5.1.0",

plugins/example/task.js

@@ -7,6 +7,7 @@ const getPaths = require('@videinfra/example-website-builder/lib/get-path');
 
 const taskStart = require('@videinfra/example-website-builder/lib/gulp/task-start');
 const taskEnd = require('@videinfra/example-website-builder/lib/gulp/task-end');
+const taskWatch = require('../../lib/gulp/task-watch');
 
 
 // Paths and files which gulp will watch and run on
@@ -32,14 +33,15 @@ function example () {
         // Do something....
 
         // Output into destination folder for 'example'
+        .pipe(taskBeforeDest())
         .pipe(gulp.dest(getPaths.getDestPath('example')))
 
         // End task, handles reloading on file change
         .pipe(taskEnd());
 }
 
 function exampleWatch () {
-    return gulp.watch(getGlobPaths(), example);
+    return taskWatch(getGlobPaths(), example);
 }