fix: dependencies and gulp 4 tasks

Author: Przemysław Szejna

.github/workflows/push.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Setup
         uses: actions/setup-node@v1
         with:
-          node-version: '10.x'
+          node-version: '16.x'
       - uses: actions/cache@v1
         id: yarn-cache
         with:
@@ -36,7 +36,7 @@ jobs:
       - name: Setup
         uses: actions/setup-node@v1
         with:
-          node-version: '10.x'
+          node-version: '16.x'
       - uses: actions/cache@v1
         id: yarn-cache
         with:
@@ -50,7 +50,7 @@ jobs:
       - name: test
         run: yarn test
 
-  notify: 
+  notify:
     name: Notify
     runs-on: ubuntu-latest
     if: always()
@@ -79,7 +79,7 @@ jobs:
       - name: Setup
         uses: actions/setup-node@v1
         with:
-          node-version: '10.x'
+          node-version: '16.x'
       - uses: actions/cache@v1
         id: yarn-cache
         with:
@@ -96,4 +96,3 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: yarn release
 
-      

gulpfile.js

@@ -2,53 +2,51 @@ const DOCS_COMMAND = process.env.DOCS_COMMAND || 'yarn docs'
 const DOCS_OUTPUT = process.env.DOCS_OUTPUT || '../docs'
 
 const gulp = require('gulp')
-const sass = require('gulp-sass')
+const sass = require('gulp-sass')(require('sass'))
 const autoprefixer = require('gulp-autoprefixer')
-const run = require('gulp-run')
 const babel = require('gulp-babel')
 const uglify = require('gulp-uglify')
 const rename = require('gulp-rename')
 const concat = require('gulp-concat')
 const path = require('path')
 const browserSync = require('browser-sync').create()
+const exec = require('child_process').exec;
 
-gulp.task('sass', () => {
+gulp.task('sass', () =>
   gulp.src('styles/app.sass')
     .pipe(sass({
       outputStyle: 'compressed',
     }))
     .pipe(autoprefixer())
-    .pipe(rename({ suffix: '.min' }))
+    .pipe(rename({suffix: '.min'}))
     .pipe(gulp.dest('static/styles'))
-})
+)
 
-gulp.task('js', () => {
-  gulp.src(path.join('scripts/', '*.js'), { base: 'app' })
+gulp.task('js', () =>
+  gulp.src(path.join('scripts/', '*.js'), {base: 'app'})
     .pipe(concat('app.js'))
     .pipe(babel({
-      presets: ['@babel/env'],
+      presets: ['@babel/preset-env'],
     }))
     .pipe(uglify())
-    .pipe(rename({ suffix: '.min' }))
+    .pipe(rename({suffix: '.min'}))
     .pipe(gulp.dest('static/scripts'))
-})
+)
 
-gulp.task('docs', function() {
-  return run(`cd .. && ${DOCS_COMMAND}`).exec()
-})
+gulp.task('docs', (cb) => exec(`cd .. && ${DOCS_COMMAND}`, cb))
 
-gulp.task('watch', () => {
-  gulp.watch('styles/**/*.sass', ['sass', 'docs'])
-  gulp.watch('scripts/**/*.js', ['js', 'docs'])
-  gulp.watch('tmpl/**/*.tmpl', ['docs'])
-  gulp.watch('publish.js', ['docs'])
+gulp.task('watch', function () {
+  gulp.watch('styles/**/*.sass', gulp.series(['sass', 'docs']))
+  gulp.watch('scripts/**/*.js', gulp.series(['js', 'docs']))
+  gulp.watch('tmpl/**/*.tmpl', gulp.series(['docs']))
+  gulp.watch('publish.js', gulp.series(['docs']))
   if (process.env.DOCS) {
     const array = [
       ...process.env.DOCS.split(','),
       ...process.env.DOCS.split(',').map(src => '!' + src.replace('**/*', 'node_modules/**/*'))
     ]
     console.log(array)
-    gulp.watch(array, ['docs'])
+    gulp.watch(array, gulp.series(['docs']))
   }
 })
 
@@ -57,8 +55,10 @@ gulp.task('sync', () => {
     server: {
       baseDir: DOCS_OUTPUT
     }
-  })
-  gulp.watch(`${DOCS_OUTPUT}/*`).on('change', browserSync.reload)
+  });
+
+  return gulp.watch(`${DOCS_OUTPUT}/*`, gulp.series([browserSync.reload]))
 })
 
-gulp.task('default', ['sass', 'js', 'docs', 'watch', 'sync'])
+gulp.task('default', gulp.series(['sass', 'js', 'docs', gulp.parallel(['watch', 'sync'])]))
+