fixed gulpfiles

web/modules/custom/gulpfile.mjs

@@ -1,13 +1,3 @@
-/**
- * @Author: Bachir Soussi Chiadmi <bach>
- * @Date:   20-12-2017
- * @Email:  bachir@figureslibres.io
- * @Filename: gulpfile.js
- * @Last modified by:   bach
- * @Last modified time: 20-12-2017
- * @License: GPL-V3
- */
-
 'use strict';
 
 import gulp from 'gulp';
@@ -67,26 +57,18 @@ function styles() {
 };
 
 // default gulp task
-function defaultTask () {
-  series('scripts', 'styles', done => {
+function devwatch () {
+  // series(scripts, styles, done => {
     for (var i = 0; i < modules.length; i++) {
-      watch('./'+modules[i]+'/assets/styles/*.scss', series('styles'));
-      watch('./'+modules[i]+'/assets/scripts/*.js', series('scripts'));
+      watch('./'+modules[i]+'/assets/styles/*.scss', styles);
+      watch('./'+modules[i]+'/assets/scripts/*.js', scripts);
     }
-    done()
-  })
+  //   done()
+  // })
 };
 
-function devwatch(){
-  watch('./assets/styles/*.scss', series('styles'));
-  watch('./assets/styles/base/*.scss', series('styles'));
-  watch('./assets/scripts/*.js', series('scripts'));
-}
 
-export {
-  scripts as scripts,
-  styles as styles,
-  devwatch as devwatch,
-  defaultTask as default
-}
+export default series(scripts, styles);
+export { devwatch }
+
 

web/modules/custom/package.json

@@ -6,6 +6,10 @@
   "author": "Bachir Soussi Chiadmi",
   "license": "GPLv3",
   "homepage": "https://encyclopediedelaparole.org",
+  "scripts": {
+    "dev": "gulp devwatch",
+    "build": "gulp --env prod"
+  },
   "devDependencies": {
     "gulp": "^5.0.0",
     "gulp-autoprefixer": "^9.0.0",

web/themes/custom/edlptheme/gulpfile.mjs

@@ -20,13 +20,14 @@ import minimist from 'minimist';
 // to get minified assets run `gulp --env=prod`
 var argv = minimist(process.argv.slice(2));
 console.dir(argv);
-var prod = argv.env == 'prod' ? true : false;
+// var prod = argv.env === 'prod' ? true : false;
+var prod = true;
 
 function handleError(err) {
   console.log(err.toString());
 }
 
-function scripts() {
+async function scripts() {
   return src(['./assets/scripts/main.js', './assets/scripts/redirect.js']) // './assets/scripts/shared_variables.js',
     // .pipe(concat('main.js'))
     .pipe(gulpif(prod, stripDebug()))
@@ -34,9 +35,9 @@ function scripts() {
     .pipe(rename({suffix: '.min'}))
     .pipe(dest('./assets/dist/scripts/'));
   
-};
+}
 
-function styles() {
+async function styles() {
   return src(['./assets/styles/app.scss'])
     .pipe(sass().on('error', sass.logError))
     .pipe(autoprefixer({
@@ -48,9 +49,9 @@ function styles() {
     // .pipe(cssmin())
     .pipe(rename({suffix: '.min'}))
     .pipe(gulp.dest('./assets/dist/styles/'));
-};
+}
 
-function bower(){
+async function bower(){
   return src(mainBowerFiles({
     "overrides":{
       "masonry-layout":{
@@ -67,83 +68,25 @@ function bower(){
     }
   }))
     .pipe(gulp.dest('./assets/dist/bower/'));
-};
+}
 
-function minsvg(){
+async function minsvg(){
   return src(['./assets/img/*.svg', '!./assets/img/edlp-loader-anim.svg'])
     .pipe(svgmin())
     .pipe(gulp.dest('./assets/dist/img'));
-};
+}
 
-function svg(){
+async function svg(){
   return src('./assets/img/edlp-loader-anim.svg')
     .pipe(gulp.dest('./assets/dist/img'));
-};
+}
 
 function devwatch(){
-  watch('./assets/styles/*.scss', series('styles'));
-  watch('./assets/styles/base/*.scss', series('styles'));
-  watch('./assets/scripts/*.js', series('scripts'));
-  watch('./assets/img/*.svg', series('svg'));
+  watch('./assets/styles/*.scss', styles);
+  watch('./assets/styles/base/*.scss', styles);
+  watch('./assets/scripts/*.js', scripts);
+  watch('./assets/img/*.svg', svg);
 }
 
-// default gulp task
-// ,  'vars2sass' 'vars2js',
-// gulp.task('default', ['bower', 'scripts', 'styles', 'svg'], function() {
-// gulp.task('default', gulp.series('bower', 'scripts', 'styles', 'svg', function(done) {
-//   // gulp.watch('./assets/json/*.json', ['vars2js', 'styles', 'scripts']); //, 'vars2sass'
-//   gulp.watch('./assets/styles/*.scss', gulp.series('styles'));
-//   gulp.watch('./assets/styles/base/*.scss', gulp.series('styles'));
-//   gulp.watch('./assets/scripts/*.js', gulp.series('scripts'));
-//   gulp.watch('./assets/img/*.svg', gulp.series('svg'));
-//   done()
-// }));
-
-
-function defaultTask(){series('bower', 'scripts', 'styles', 'svg', 'minsvg', 'devwatch')};
-
-export {
-  scripts as scripts,
-  styles as styles,
-  bower as bower,
-  svg as svg,
-  minsvg as minsvg,
-  devwatch as devwatch,
-  defaultTask as default
-}
-
-
-
-// this task stays here just for memeomry about how to share variables between js and css
-
-// gulp.task('vars2sass', function () {
-//   gulp.src('./assets/json/shared_variables.json')
-//     .pipe(jsonToSass({
-//       jsonPath: './assets/json/shared_variables.json',
-//       scssPath: './assets/styles/base/_shared_variables.scss'
-//     }));
-// });
-
-// this one is not working, works first run but then it's like it's caching the source
-// gulp.task('variables2js', function() {
-//   gulp.src('./assets/scripts/shared_variables_model.js')
-//     .pipe(rename('shared_variables.js'))
-//     .pipe(data(function(file) {
-//       delete require.cache['./assets/json/shared_variables.json'];
-//       return require('./assets/json/shared_variables.json');
-//     }))
-//     .pipe(json2js())
-//     .pipe(gulp.dest('./assets/scripts/'));
-// });
-
-// gulp.task('vars2js', function() {
-//   gulp.src('./assets/json/shared_variables.json')
-//     .pipe(rename('shared_variables.js'))
-//     .pipe(through.obj(function (file, enc, cb) {
-//       // console.log('file',String(file.contents));
-//       // small pipe to wrappe json data into a js variable
-//       file.contents = new Buffer("edlp_vars = "+String(file.contents).trim()+";");
-//       cb(null, file);
-//     }))
-//     .pipe(gulp.dest('./assets/scripts/'));
-// });
+export default series(scripts, styles, svg, minsvg);
+export { devwatch }

web/themes/custom/edlptheme/package.json

@@ -7,7 +7,8 @@
   "license": "GPLv3",
   "homepage": "https://encyclopediedelaparole.org",
   "scripts": {
-    "dev": "gulp default"
+    "dev": "gulp devwatch",
+    "build": "gulp --env prod"
   },
   "devDependencies": {
     "gulp": "^5.0.0",