🔧 chore: Migrate to ESM for Gulp, update Gulp deps, update CI to use …

…Node 20

.github/workflows/ci.yml

@@ -15,7 +15,7 @@ jobs:
     strategy:
       matrix:
         node_version:
-          - 16
+          - 20
         os:
           # - macos
           - ubuntu

dist/cirrus-all.css

@@ -1,6 +1,6 @@
 /*
 * Cirrus 0.7.2-patch.1
-* Stanley Lim, Copyright 2023
+* Stanley Lim, Copyright 2024
 * https://spiderpig86.github.io/Cirrus
 */
 @charset "UTF-8";

dist/cirrus-core.css

@@ -1,6 +1,6 @@
 /*
 * Cirrus 0.7.2-patch.1
-* Stanley Lim, Copyright 2023
+* Stanley Lim, Copyright 2024
 * https://spiderpig86.github.io/Cirrus
 */
 /* v1 Color scheme for Cirrus */

dist/cirrus.css

@@ -1,6 +1,6 @@
 /*
 * Cirrus 0.7.2-patch.1
-* Stanley Lim, Copyright 2023
+* Stanley Lim, Copyright 2024
 * https://spiderpig86.github.io/Cirrus
 */
 @charset "UTF-8";

gulpfile.js

@@ -1,10 +1,16 @@
-const prop = require('./package.json');
-const minify = require('gulp-clean-css');
-const sass = require('gulp-sass')(require('sass')); // Use Dart Sass;
-const gulp = require('gulp');
-const $ = require('gulp-load-plugins')();
-const sizereport = require('gulp-sizereport');
-const gzip = require('gulp-gzip');
+import prop from './package.json' assert { type: 'json' };
+import minify from 'gulp-clean-css';
+import dartSass from 'sass';
+import gulpSass from 'gulp-sass';
+const sass = gulpSass(dartSass);
+import gulp from 'gulp';
+// import gulpLoadPlugins from 'gulp-load-plugins';
+// const $ = gulpLoadPlugins();
+import concat from 'gulp-concat';
+import header from 'gulp-header';
+import sizereport from 'gulp-sizereport';
+import gzip from 'gulp-gzip';
+import size from 'gulp-size';
 const head =
     '/*\r\n* Cirrus ' +
     prop.version +
@@ -40,9 +46,9 @@ function generateGulpBuild(taskName, sassFilePath, outputName) {
                     }
                 })
             )
-            .pipe($.concat(`${outputName}.css`))
-            .pipe($.header(head))
-            .pipe($.size())
+            .pipe(concat(`${outputName}.css`))
+            .pipe(header(head))
+            .pipe(size())
             .pipe(gulp.dest('./dist/'))
             .on('error', (err) => {
                 console.error(err);
@@ -86,9 +92,9 @@ function generateGulpBuild(taskName, sassFilePath, outputName) {
                             }
                         )
                     )
-                    .pipe($.header(head))
-                    .pipe($.size())
-                    .pipe($.concat(`${outputName}.min.css`))
+                    .pipe(header(head))
+                    .pipe(size())
+                    .pipe(concat(`${outputName}.min.css`))
                     .pipe(gulp.dest('./dist/'))
                     .on('error', (err) => {
                         console.error(`Error encountered for task ${taskName}. Failing.`);

package.json

@@ -43,11 +43,9 @@
         "gulp": "^4.0.2",
         "gulp-build": "^0.5.3",
         "gulp-clean-css": "^4.2.0",
-        "gulp-cli": "^2.0.1",
         "gulp-concat": "^2.6.1",
         "gulp-gzip": "^1.4.2",
         "gulp-header": "^2.0.5",
-        "gulp-load-plugins": "^2.0.1",
         "gulp-size": "^5.0.0",
         "jest-environment-node-single-context": "^29.2.0"
     },
@@ -61,5 +59,6 @@
         "sass": "^1.51.0",
         "sass-true": "^7.0.1"
     },
-    "snyk": true
+    "snyk": true,
+    "type": "module"
 }