ENH: Update build process for gulp tasks to use gulpfile.mjs (#1960)

Author: johnhenley

Dnn.CommunityForums/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "9.8.0.0",
+  "version": "10.0.0.0",
   "name": "dnn.community.forums",
   "private": true,
   "type": "module",

…s/themes/community-bootstrap/gulpfile.js …/themes/community-bootstrap/gulpfile.mjsDnn.CommunityForums/themes/community-bootstrap/gulpfile.js renamed to Dnn.CommunityForums/themes/community-bootstrap/gulpfile.mjs Dnn.CommunityForums/themes/community-bootstrap/gulpfile.js renamed to Dnn.CommunityForums/themes/community-bootstrap/gulpfile.mjs

@@ -1,12 +1,13 @@
-const gulp = require('gulp');
-const sass = require('gulp-sass')(require('sass'));
-const cleanCSS = require('gulp-clean-css');
-const sourcemaps = require('gulp-sourcemaps');
-const rename = require('gulp-rename');
-const  merge = require('merge-stream');
-
-const zip = require('gulp-zip').default;
+import gulp from 'gulp';
+import sassModule from 'sass';
+import sassPlugin from 'gulp-sass';
+import cleanCSS from 'gulp-clean-css';
+import sourcemaps from 'gulp-sourcemaps';
+import rename from 'gulp-rename';
+import merge from 'merge-stream';
+import { default as zip } from 'gulp-zip';
 
+const sass = sassPlugin(sassModule);
 
 // scss ----------------------
 
@@ -17,30 +18,22 @@ const cssCopyTo = "./";
 function buildScss() { // Parse only the Theme.scss file
   // 1. What scss files to parse?
   var scssCss = gulp.src('./_src/scss/theme.scss')
-
     .pipe(sourcemaps.init())
     .pipe(sass())
     .pipe(sourcemaps.write(cssCopyTo))
     .pipe(gulp.dest(cssCopyTo));
 
-
     var cssCssMin = gulp.src('./_src/scss/theme.scss')
-
-
     .pipe(sass())
     .pipe(rename({ suffix: '.min' }))
     .pipe(sourcemaps.init())
     .pipe(sourcemaps.write(cssCopyTo))
     .pipe(cleanCSS({ inline: ['none'] }))
     .pipe(gulp.dest(cssCopyTo));
 
-
   return merge(scssCss, cssCssMin);
-
 }
 
-
-
 function allTasks() {
   buildScss();
 }
@@ -51,21 +44,10 @@ function packageSource(cb) {
     .pipe(gulp.dest('./'))
 
   cb();
-
 }
 
-
-// Watch task: watch scss files for changes
-// If any change, run scss tasks
 function watchTask() {
-
   gulp.watch(scssWatchPath, gulp.series(buildScss, packageSource));
-
-
 }
 
-exports.buildScss = buildScss;
-exports.source = packageSource;
-
-exports.default = watchTask;
-
+export { buildScss, packageSource as source, watchTask as default };

Dnn.CommunityForums/themes/community-bootstrap/theme-source.zip.resources

@@ -1,13 +1,12 @@
-const gulp = require('gulp');
-const changed = require('gulp-changed');
-const newer = require('gulp-newer');
-const less = require('gulp-less');
-const cleanCSS = require('gulp-clean-css');
-const sourcemaps = require('gulp-sourcemaps');
-const rename = require('gulp-rename');
-const  merge = require('merge-stream');
-
-const zip = require('gulp-zip').default;
+import gulp from 'gulp';
+import changed from 'gulp-changed';
+import newer from 'gulp-newer';
+import less from 'gulp-less';
+import cleanCSS from 'gulp-clean-css';
+import sourcemaps from 'gulp-sourcemaps';
+import rename from 'gulp-rename';
+import merge from 'merge-stream';
+import zipPlugin from 'gulp-zip';
 
 // LESS ----------------------
 
@@ -17,57 +16,40 @@ const cssCopyTo = "./";
 
 function buildLess() { // Parse only the Skin.less file
   // 1. What less files to parse?
-  var lessCss = gulp.src('./_src/less/theme.less')
-
+  const lessCss = gulp.src('./_src/less/theme.less')
     .pipe(sourcemaps.init())
     .pipe(less())
     .pipe(sourcemaps.write(cssCopyTo))
     .pipe(gulp.dest(cssCopyTo));
 
-
-    var lessCssMin = gulp.src('./_src/less/theme.less')
-
-
+  const lessCssMin = gulp.src('./_src/less/theme.less')
     .pipe(less())
     .pipe(rename({ suffix: '.min' }))
     .pipe(sourcemaps.init())
     .pipe(sourcemaps.write(cssCopyTo))
     .pipe(cleanCSS({ inline: ['none'] }))
     .pipe(gulp.dest(cssCopyTo));
 
-
   return merge(lessCss, lessCssMin);
-
 }
 
-
-
 function allTasks() {
   buildLess();
 }
 
 function packageSource(cb) {
-    var srcPipe = gulp.src(['./**/*.*', "!./theme-source.zip.resources", "!./node_modules/**"])        
-        .pipe(changed('./theme-source.zip.resources'))  
-        .pipe(zip('theme-source.zip.resources'))
-        .pipe(gulp.dest('./'))
+  gulp.src(['./**/*.*', "!./theme-source.zip.resources", "!./node_modules/**"])
+    .pipe(changed('./theme-source.zip.resources'))
+    .pipe(zipPlugin('theme-source.zip.resources'))
+    .pipe(gulp.dest('./'));
 
   cb();
-
 }
 
-
 // Watch task: watch LESS files for changes
 // If any change, run LESS tasks
 function watchTask() {
-
   gulp.watch(lessWatchPath, gulp.series(buildLess, packageSource));
-
-
 }
 
-exports.buildLess = buildLess;
-exports.source = packageSource;
-
-exports.default = watchTask;
-
+export { buildLess, packageSource as source, watchTask as default };