balm-core 4.1.0 → 4.2.0

package/README.md

@@ -5,11 +5,8 @@
   <br>
   <br>
 
-[![NPM version][balm-image]][balm-url]
+[![NPM version][balm-core-image]][balm-core-url]
 [![License][license-image]][license-url]
-[![Dependency Status][deps-image]][deps-url]
-[![Build Status][travis-image]][travis-url]
-[![Build Status][appveyor-image]][appveyor-url]
 [![Coverage Percentage][cover-image]][cover-url]
 
   <h1>BalmJS</h1>
@@ -87,15 +84,15 @@ npm init -y
 ### 1. Installing `balm`
 
 ```sh
-yarn global add balm-core
-yarn add -D balm
+yarn global add balm-core@next
+yarn add -D balm@next
 ```
 
 OR
 
 ```sh
-npm install -g balm-core
-npm install -D balm
+npm install -g balm-core@next
+npm install -D balm@next
 ```
 
 > We currently recommend using [Yarn](https://yarnpkg.com/en/docs/install) instead of npm.
@@ -153,15 +150,15 @@ To download [example](https://balm.js.org/balm-example.zip) and try it, visit [b
 
 ## Ecosystem
 
-| Project                                               | Status                                                 | Description                                                  |
-| ----------------------------------------------------- | ------------------------------------------------------ | ------------------------------------------------------------ |
-| **[balm-core](https://github.com/balmjs/balm)**       | [![NPM version][balm-core-image]][balm-core-url]       | :black_joker: BalmJS compiler core (required for `balm 3.0`) |
-| **[balm](https://github.com/balmjs/balm)**            | [![NPM version][balm-image]][balm-url]                 | :black_joker: BalmJS runtime core                            |
-| **[balm-cli](https://github.com/balmjs/balm-cli)**    | [![NPM version][balm-cli-image]][balm-cli-url]         | :spades: BalmJS scaffolding tool                             |
-| [balm-gui](https://github.com/balmjs/balm-gui)        | N/A                                                    | :clubs: GUI for BalmJS                                       |
-| [balm-ui-lite](https://github.com/balmjs/ui-vue-lite) | [![NPM version][balm-ui-lite-image]][balm-ui-lite-url] | :hearts: Material Design Lite + Vue                          |
-| **[balm-ui](https://github.com/balmjs/ui-vue)**       | [![NPM version][balm-ui-image]][balm-ui-url]           | :diamonds: Next Generation Material UI for Vue.js            |
-| [balm-scroll](https://github.com/balmjs/balm-scroll)  | [![NPM version][balm-scroll-image]][balm-scroll-url]   | :scroll: Smooth scrolling for Vue.js                         |
+| Project                                               | Status                                                 | Description                                                   |
+| ----------------------------------------------------- | ------------------------------------------------------ | ------------------------------------------------------------- |
+| **[balm-core](https://github.com/balmjs/balm)**       | [![NPM version][balm-core-image]][balm-core-url]       | :black_joker: BalmJS compiler core (required for `balm 3.0+`) |
+| **[balm](https://github.com/balmjs/balm)**            | [![NPM version][balm-image]][balm-url]                 | :black_joker: BalmJS runtime core                             |
+| **[balm-cli](https://github.com/balmjs/balm-cli)**    | [![NPM version][balm-cli-image]][balm-cli-url]         | :spades: BalmJS scaffolding tool                              |
+| [balm-gui](https://github.com/balmjs/balm-gui)        | N/A                                                    | :clubs: GUI for BalmJS                                        |
+| [balm-ui-lite](https://github.com/balmjs/ui-vue-lite) | [![NPM version][balm-ui-lite-image]][balm-ui-lite-url] | :hearts: Material Design Lite + Vue                           |
+| **[balm-ui](https://github.com/balmjs/ui-vue)**       | [![NPM version][balm-ui-image]][balm-ui-url]           | :diamonds: Next Generation Material UI for Vue.js             |
+| [balm-scroll](https://github.com/balmjs/balm-scroll)  | [![NPM version][balm-scroll-image]][balm-scroll-url]   | :scroll: Smooth scrolling for Vue.js                          |
 
 ## Contributing
 
@@ -173,25 +170,19 @@ We'd love for you to contribute and make BalmJS even better than it is today! Pl
 
 © 2016-present, [Elf-mousE](http://elf-mouse.me/)
 
-[balm-core-image]: https://badge.fury.io/js/balm-core.svg
+[balm-core-image]: https://img.shields.io/npm/v/balm-core/next.svg
 [balm-core-url]: https://npmjs.org/package/balm-core
-[balm-image]: https://badge.fury.io/js/balm.svg
+[balm-image]: https://img.shields.io/npm/v/balm/next.svg
 [balm-url]: https://npmjs.org/package/balm
 [license-image]: https://img.shields.io/npm/l/balm-core.svg?sanitize=true
 [license-url]: https://www.npmjs.com/package/balm-core
-[deps-image]: https://david-dm.org/balmjs/balm.svg?path=packages/balm-core&theme=shields.io
-[deps-url]: https://david-dm.org/balmjs/balm?path=packages/balm-core
-[travis-image]: https://travis-ci.com/balmjs/balm.svg?branch=master
-[travis-url]: https://travis-ci.com/balmjs/balm
-[appveyor-image]: https://ci.appveyor.com/api/projects/status/github/balmjs/balm?svg=true
-[appveyor-url]: https://ci.appveyor.com/project/balmjs/balm
 [cover-image]: https://coveralls.io/repos/balmjs/balm/badge.svg
 [cover-url]: https://coveralls.io/r/balmjs/balm
-[balm-cli-image]: https://badge.fury.io/js/balm-cli.svg
+[balm-cli-image]: https://img.shields.io/npm/v/balm-cli.svg
 [balm-cli-url]: https://npmjs.org/package/balm-cli
-[balm-ui-lite-image]: https://badge.fury.io/js/balm-ui-lite.svg
+[balm-ui-lite-image]: https://img.shields.io/npm/v/balm-ui-lite.svg
 [balm-ui-lite-url]: https://npmjs.org/package/balm-ui-lite
-[balm-ui-image]: https://badge.fury.io/js/balm-ui.svg
+[balm-ui-image]: https://img.shields.io/npm/v/balm-ui.svg
 [balm-ui-url]: https://npmjs.org/package/balm-ui
-[balm-scroll-image]: https://badge.fury.io/js/balm-scroll.svg
+[balm-scroll-image]: https://img.shields.io/npm/v/balm-scroll.svg
 [balm-scroll-url]: https://npmjs.org/package/balm-scroll

package/lib/plugins/imagemin.js

@@ -1,4 +1,4 @@
-// Reference `gulp-imagemin@7.1.0`
+// Reference `gulp-imagemin@8.0.0`
 import imagemin from 'imagemin';
 import prettyBytes from 'pretty-bytes';
 import through2Concurrent from 'through2-concurrent';
@@ -15,18 +15,10 @@ const loadPlugin = (plugin, ...args) => {
 
 const exposePlugin = plugin => (...args) => loadPlugin(plugin, ...args);
 
-const getDefaultPlugins = () => defaultPlugins.reduce((plugins, plugin) => {
-  const instance = loadPlugin(plugin);
-
-  if (!instance) {
-    return plugins;
-  }
-
-  return plugins.concat(instance);
-}, []);
+const getDefaultPlugins = () => defaultPlugins.flatMap(plugin => loadPlugin(plugin));
 
 const gulpImagemin = customPlugins => {
-  const validExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.svg'];
+  const validExtensions = new Set(['.jpg', '.jpeg', '.png', '.gif', '.svg']);
   let totalBytes = 0;
   let totalSavedBytes = 0;
   let totalFiles = 0;
@@ -42,7 +34,7 @@ const gulpImagemin = customPlugins => {
       return;
     }
 
-    if (!validExtensions.includes(node.path.extname(file.path).toLowerCase())) {
+    if (!validExtensions.has(node.path.extname(file.path).toLowerCase())) {
       BalmJS.logger.info(PLUGIN_NAME, `Skipping unsupported image "${file.relative}"`);
       callback(null, file);
       return;
@@ -59,8 +51,8 @@ const gulpImagemin = customPlugins => {
         const optimizedSize = data.length;
         const saved = originalSize - optimizedSize;
         const percent = originalSize > 0 ? saved / originalSize * 100 : 0;
-        const savedMsg = `saved ${prettyBytes(saved)} - ${percent.toFixed(1).replace(/\.0$/, '')}%`;
-        const msg = saved > 0 ? savedMsg : 'already optimized';
+        const savedMessage = `saved ${prettyBytes(saved)} - ${percent.toFixed(1).replace(/\.0$/, '')}%`;
+        const message = saved > 0 ? savedMessage : 'already optimized';
 
         if (saved > 0) {
           totalBytes += originalSize;
@@ -68,7 +60,7 @@ const gulpImagemin = customPlugins => {
           totalFiles++;
         }
 
-        BalmJS.logger.debug(PLUGIN_NAME, `${file.relative} (${msg})`);
+        BalmJS.logger.debug(PLUGIN_NAME, `${file.relative} (${message})`);
         file.contents = data;
         callback(null, file);
       } catch (error) {
@@ -81,13 +73,13 @@ const gulpImagemin = customPlugins => {
 
   function flush(callback) {
     const percent = totalBytes > 0 ? totalSavedBytes / totalBytes * 100 : 0;
-    let msg = `Minified ${totalFiles} image${totalFiles > 1 ? 's' : ''}`;
+    let message = `Minified ${totalFiles} image${totalFiles > 1 ? 's' : ''}`;
 
     if (totalFiles > 0) {
-      msg += ` (saved ${prettyBytes(totalSavedBytes)} - ${percent.toFixed(1).replace(/\.0$/, '')}%)`;
+      message += ` (saved ${prettyBytes(totalSavedBytes)} - ${percent.toFixed(1).replace(/\.0$/, '')}%)`;
     }
 
-    BalmJS.logger.info(PLUGIN_NAME, msg);
+    BalmJS.logger.info(PLUGIN_NAME, message);
     callback();
   }
 

package/lib/plugins/less.js

@@ -1,3 +1,4 @@
+// Reference `gulp-less@5.0.0`
 import less from 'less';
 import replaceExtension from 'replace-ext';
 import applySourceMap from 'vinyl-sourcemaps-apply';

package/lib/plugins/replace.js

@@ -1,6 +1,6 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/plugins/sass.js

@@ -1,32 +1,99 @@
+// Reference `gulp-rename@5.1.0`
+import { Transform } from 'node:stream';
 import sass from 'sass';
 import replaceExtension from 'replace-ext';
 import stripAnsi from 'strip-ansi';
 import applySourceMap from 'vinyl-sourcemaps-apply';
+import ansiColors from 'ansi-colors';
 const PLUGIN_NAME = 'sass';
 
-//////////////////////////////
+const transformObj = transform => new Transform({
+  transform,
+  objectMode: true
+});
+/**
+ * Handles returning the file to the stream
+ */
+
+
+const filePush = (file, sassObject, callback) => {
+  // Build Source Maps!
+  if (sassObject.map) {
+    // Transform map into JSON
+    const sassMap = JSON.parse(sassObject.map.toString()); // Grab the stdout and transform it into stdin
+
+    const sassMapFile = sassMap.file.replace(/^stdout$/, 'stdin'); // Grab the base filename that's being worked on
+
+    const sassFileSrc = file.relative; // Grab the path portion of the file that's being worked on
+
+    const sassFileSrcPath = node.path.dirname(sassFileSrc);
+
+    if (sassFileSrcPath) {
+      const sourceFileIndex = sassMap.sources.indexOf(sassMapFile); // Prepend the path to all files in the sources array except the file that's being worked on
+
+      sassMap.sources = sassMap.sources.map((source, index) => index === sourceFileIndex ? source : node.path.join(sassFileSrcPath, source));
+    } // Remove 'stdin' from souces and replace with filenames!
+
+
+    sassMap.sources = sassMap.sources.filter(src => src !== 'stdin' && src); // Replace the map file with the original filename (but new extension)
+
+    sassMap.file = replaceExtension(sassFileSrc, '.css'); // Apply the map
+
+    applySourceMap(file, sassMap);
+  }
+
+  file.contents = sassObject.css;
+  file.path = replaceExtension(file.path, '.css');
+
+  if (file.stat) {
+    file.stat.atime = file.stat.mtime = file.stat.ctime = new Date();
+  }
+
+  callback(null, file);
+};
+/**
+ * Handles error message
+ */
+
+
+const handleError = (error, file, callback) => {
+  const filePath = (error.file === 'stdin' ? file.path : error.file) || file.path;
+  const relativePath = node.path.relative(process.cwd(), filePath);
+  const message = `${ansiColors.underline(relativePath)}\n${error.formatted}`;
+  error.messageFormatted = message;
+  error.messageOriginal = error.message;
+  error.message = stripAnsi(message);
+  error.relativePath = relativePath;
+  return callback(new PluginError(PLUGIN_NAME, error));
+}; //////////////////////////////
 // Main Gulp Sass function
 //////////////////////////////
-const gulpSass = options => through2.obj((file, encoding, cb) => {
+
+
+const gulpSass = options => transformObj((file, encoding, callback) => {
   if (file.isNull()) {
-    return cb(null, file);
+    callback(null, file);
+    return;
   }
 
   if (file.isStream()) {
-    return cb(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
+    callback(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
+    return;
   }
 
-  if (node.path.basename(file.path).indexOf('_') === 0) {
-    return cb();
+  if (node.path.basename(file.path).startsWith('_')) {
+    callback();
+    return;
   }
 
   if (!file.contents.length) {
     file.path = replaceExtension(file.path, '.css');
-    return cb(null, file);
+    callback(null, file);
+    return;
   }
 
   const opts = options || {};
-  opts.data = file.contents.toString(); // we set the file path here so that libsass can correctly resolve import paths
+  opts.data = file.contents.toString(); // We set the file path here so that libsass can correctly resolve import paths
 
   opts.file = file.path; // Ensure `indentedSyntax` is true if a `.sass` file
 
@@ -43,85 +110,23 @@ const gulpSass = options => through2.obj((file, encoding, cb) => {
     opts.includePaths = [];
   }
 
-  opts.includePaths.unshift(node.path.dirname(file.path)); // Generate Source Maps if plugin source-map present
+  opts.includePaths.unshift(node.path.dirname(file.path)); // Generate Source Maps if the source-map plugin is present
 
   if (file.sourceMap) {
     opts.sourceMap = file.path;
     opts.omitSourceMapUrl = true;
     opts.sourceMapContents = true;
   } //////////////////////////////
-  // Handles returning the file to the stream
-  //////////////////////////////
-
-
-  const filePush = sassObj => {
-    let sassMap;
-    let sassMapFile;
-    let sassFileSrc;
-    let sassFileSrcPath;
-    let sourceFileIndex; // Build Source Maps!
-
-    if (sassObj.map) {
-      // Transform map into JSON
-      sassMap = JSON.parse(sassObj.map.toString()); // Grab the stdout and transform it into stdin
-
-      sassMapFile = sassMap.file.replace(/^stdout$/, 'stdin'); // Grab the base file name that's being worked on
-
-      sassFileSrc = file.relative; // Grab the path portion of the file that's being worked on
-
-      sassFileSrcPath = node.path.dirname(sassFileSrc);
-
-      if (sassFileSrcPath) {
-        // Prepend the path to all files in the sources array except the file that's being worked on
-        sourceFileIndex = sassMap.sources.indexOf(sassMapFile);
-        sassMap.sources = sassMap.sources.map((source, index) => {
-          return index === sourceFileIndex ? source : node.path.join(sassFileSrcPath, source);
-        });
-      } // Remove 'stdin' from sources and replace with filenames!
-
-
-      sassMap.sources = sassMap.sources.filter(src => src !== 'stdin' && src); // Replace the map file with the original file name (but new extension)
-
-      sassMap.file = replaceExtension(sassFileSrc, '.css'); // Apply the map
-
-      applySourceMap(file, sassMap);
-    }
-
-    file.contents = sassObj.css;
-    file.path = replaceExtension(file.path, '.css');
-
-    if (file.stat) {
-      file.stat.atime = file.stat.mtime = file.stat.ctime = new Date();
-    }
-
-    cb(null, file);
-  }; //////////////////////////////
-  // Handles error message
-  //////////////////////////////
-
-
-  const errorM = error => {
-    const filePath = (error.file === 'stdin' ? file.path : error.file) || file.path;
-    const relativePath = node.path.relative(process.cwd(), filePath);
-    const message = [relativePath, error.formatted].join('\n');
-    error.messageFormatted = message;
-    error.messageOriginal = error.message;
-    error.message = stripAnsi(message);
-    error.relativePath = relativePath;
-    return cb(new PluginError(PLUGIN_NAME, error));
-  }; //////////////////////////////
   // Sync Sass render
   //////////////////////////////
 
 
   try {
-    gulpSass.compiler && filePush(gulpSass.compiler.renderSync(opts));
+    gulpSass.compiler && filePush(file, gulpSass.compiler.renderSync(opts), callback);
   } catch (error) {
-    return errorM(error);
+    handleError(error, file, callback);
   }
 });
 
-export default (options => {
-  gulpSass.compiler = sass;
-  return gulpSass(options);
-});
+gulpSass.compiler = sass;
+export default gulpSass;

package/lib/plugins/sftp.js

@@ -1,8 +1,11 @@
 // Reference `gulp-sftp@0.1.5`
-import ssh2 from 'ssh2';
+import { Client } from 'ssh2';
 import parents from 'parents';
 import async from 'async';
 const PLUGIN_NAME = 'sftp';
+const DefaultAlgorithms = {
+  kex: ['curve25519-sha256', 'curve25519-sha256@libssh.org', 'ecdh-sha2-nistp256', 'ecdh-sha2-nistp384', 'ecdh-sha2-nistp521', 'diffie-hellman-group-exchange-sha256', 'diffie-hellman-group14-sha256', 'diffie-hellman-group15-sha512', 'diffie-hellman-group16-sha512', 'diffie-hellman-group17-sha512', 'diffie-hellman-group18-sha512', 'diffie-hellman-group-exchange-sha1', 'diffie-hellman-group14-sha1', 'diffie-hellman-group1-sha1']
+};
 
 const normalizePath = _path => _path.replace(/\\/g, '/');
 
@@ -145,7 +148,8 @@ function gulpSftp(options) {
     const connectionOptions = {
       host: options.host,
       port: options.port || 22,
-      username
+      username,
+      algorithms: options.algorithms || DefaultAlgorithms
     };
 
     if (password) {
@@ -162,10 +166,10 @@ function gulpSftp(options) {
       connectionOptions.readyTimeout = options.timeout;
     }
 
-    const conn = new ssh2.Client();
+    const conn = new Client();
     connCache = conn;
     conn.on('ready', () => {
-      BalmJS.logger.debug(PLUGIN_NAME, 'Connection :: ready');
+      BalmJS.logger.debug(PLUGIN_NAME, 'Client :: ready');
       conn.sftp((err, sftp) => {
         if (err) {
           throw err;
@@ -187,7 +191,7 @@ function gulpSftp(options) {
       this.emit('error', new PluginError(PLUGIN_NAME, err));
     });
     conn.on('end', () => {
-      BalmJS.logger.debug(PLUGIN_NAME, 'Connection :: end');
+      BalmJS.logger.debug(PLUGIN_NAME, 'Client :: end');
     });
     conn.on('close', () => {
       if (!finished) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "balm-core",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "BalmJS compiler core",
   "keywords": [
     "balm",
@@ -42,17 +42,17 @@
   },
   "dependencies": {
     "ansi-colors": "^4.1.1",
-    "async": "^3.2.2",
-    "autoprefixer": "^10.3.7",
+    "async": "^3.2.3",
+    "autoprefixer": "^10.4.2",
     "babel-loader": "^8.2.3",
     "browser-sync": "^2.27.7",
     "connect-history-api-fallback": "^1.6.0",
-    "css-loader": "^6.5.0",
-    "css-minimizer-webpack-plugin": "^3.1.1",
-    "cssnano": "^5.0.8",
+    "css-loader": "^6.5.1",
+    "css-minimizer-webpack-plugin": "^3.3.1",
+    "cssnano": "^5.0.15",
     "del": "^6.0.0",
-    "esbuild": "^0.13.0",
-    "fancy-log": "^1.3.3",
+    "esbuild": "^0.14",
+    "fancy-log": "^2.0.0",
     "file-loader": "^6.2.0",
     "gulp-eslint": "^6.0.0",
     "gulp-if": "^3.0.0",
@@ -63,50 +63,50 @@
     "gulp-useref": "^5.0.0",
     "gulp-zip": "^5.1.0",
     "gulp.spritesmith": "^6.12.1",
-    "html-loader": "^3.0.0",
+    "html-loader": "^3.1.0",
     "html-minifier": "^4.0.0",
     "html-webpack-plugin": "^5.5.0",
     "http-proxy-middleware": "^2.0.1",
     "imagemin": "^8.0.1",
     "istextorbinary": "^6.0.0",
     "less": "^4.1.2",
-    "mini-css-extract-plugin": "^2.4.3",
+    "mini-css-extract-plugin": "^2.5.2",
     "modernizr": "^3.11.8",
     "parents": "^1.0.1",
     "plugin-error": "^1.0.1",
-    "postcss": "^8.3.11",
+    "postcss": "^8.4.5",
     "postcss-import": "^14.0.2",
-    "postcss-load-config": "^3.1.0",
-    "postcss-loader": "6.2.0",
-    "postcss-preset-env": "^6.7.0",
+    "postcss-load-config": "^3.1.1",
+    "postcss-loader": "6.2.1",
+    "postcss-preset-env": "^7.2.3",
     "pretty-bytes": "^5.6.0",
     "readable-stream": "^3.6.0",
     "replace-ext": "^2.0.0",
-    "rollup": "^2.58.3",
+    "rollup": "^2.64.0",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "1.39.2",
-    "sass-loader": "^12.3.0",
-    "ssh2": "^0.8.9",
+    "sass": "^1.48.0",
+    "sass-loader": "^12.4.0",
+    "ssh2": "^1.5.0",
     "strip-ansi": "^7.0.1",
     "style-loader": "^3.3.1",
-    "terser": "^5.9.0",
-    "terser-webpack-plugin": "^5.2.4",
+    "terser": "^5.10.0",
+    "terser-webpack-plugin": "^5.3.0",
     "through2": "^4.0.2",
     "through2-concurrent": "^2.0.0",
     "tslib": "^2.3.1",
     "url-loader": "^4.1.1",
     "vinyl-sourcemaps-apply": "^0.2.1",
-    "webpack": "^5.60.0",
+    "webpack": "^5.66.0",
     "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-dev-middleware": "^5.2.1",
+    "webpack-dev-middleware": "^5.3.0",
     "webpack-hot-middleware": "^2.25.1",
     "webpack-merge": "^5.8.0",
-    "workbox-build": "^6.3.0"
+    "workbox-build": "^6.4.2"
   },
   "devDependencies": {
-    "@swc/core": "^1.2.0",
+    "@swc/core": "^1.2",
     "@types/express": "^4.17.13",
-    "@types/node": "^16.11.0",
+    "@types/node": "^17",
     "@types/uglify-js": "^3.13.1",
     "@types/webpack": "^5.28.0"
   },
@@ -119,5 +119,5 @@
   "engines": {
     "node": ">=12.13.0"
   },
-  "gitHead": "bd466b4b9bac5e2516d17758b492b526b3946069"
+  "gitHead": "23c92f2ef3b5240d24ec2b59f56d6ae49e33757b"
 }

package/tslib/plugins/imagemin.js

@@ -12,15 +12,9 @@ const loadPlugin = (plugin, ...args) => {
     }
 };
 const exposePlugin = (plugin) => (...args) => loadPlugin(plugin, ...args);
-const getDefaultPlugins = () => defaultPlugins.reduce((plugins, plugin) => {
-    const instance = loadPlugin(plugin);
-    if (!instance) {
-        return plugins;
-    }
-    return plugins.concat(instance);
-}, []);
+const getDefaultPlugins = () => defaultPlugins.flatMap((plugin) => loadPlugin(plugin));
 const gulpImagemin = (customPlugins) => {
-    const validExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.svg'];
+    const validExtensions = new Set(['.jpg', '.jpeg', '.png', '.gif', '.svg']);
     let totalBytes = 0;
     let totalSavedBytes = 0;
     let totalFiles = 0;
@@ -33,7 +27,7 @@ const gulpImagemin = (customPlugins) => {
             callback(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
             return;
         }
-        if (!validExtensions.includes(node.path.extname(file.path).toLowerCase())) {
+        if (!validExtensions.has(node.path.extname(file.path).toLowerCase())) {
             BalmJS.logger.info(PLUGIN_NAME, `Skipping unsupported image "${file.relative}"`);
             callback(null, file);
             return;
@@ -48,16 +42,16 @@ const gulpImagemin = (customPlugins) => {
                 const optimizedSize = data.length;
                 const saved = originalSize - optimizedSize;
                 const percent = originalSize > 0 ? (saved / originalSize) * 100 : 0;
-                const savedMsg = `saved ${prettyBytes(saved)} - ${percent
+                const savedMessage = `saved ${prettyBytes(saved)} - ${percent
                     .toFixed(1)
                     .replace(/\.0$/, '')}%`;
-                const msg = saved > 0 ? savedMsg : 'already optimized';
+                const message = saved > 0 ? savedMessage : 'already optimized';
                 if (saved > 0) {
                     totalBytes += originalSize;
                     totalSavedBytes += saved;
                     totalFiles++;
                 }
-                BalmJS.logger.debug(PLUGIN_NAME, `${file.relative} (${msg})`);
+                BalmJS.logger.debug(PLUGIN_NAME, `${file.relative} (${message})`);
                 file.contents = data;
                 callback(null, file);
             }
@@ -70,13 +64,13 @@ const gulpImagemin = (customPlugins) => {
     }
     function flush(callback) {
         const percent = totalBytes > 0 ? (totalSavedBytes / totalBytes) * 100 : 0;
-        let msg = `Minified ${totalFiles} image${totalFiles > 1 ? 's' : ''}`;
+        let message = `Minified ${totalFiles} image${totalFiles > 1 ? 's' : ''}`;
         if (totalFiles > 0) {
-            msg += ` (saved ${prettyBytes(totalSavedBytes)} - ${percent
+            message += ` (saved ${prettyBytes(totalSavedBytes)} - ${percent
                 .toFixed(1)
                 .replace(/\.0$/, '')}%)`;
         }
-        BalmJS.logger.info(PLUGIN_NAME, msg);
+        BalmJS.logger.info(PLUGIN_NAME, message);
         callback();
     }
     return through2Concurrent.obj({ maxConcurrency: 8 }, transform, flush);

package/tslib/plugins/sass.js

@@ -1,21 +1,62 @@
+import { Transform } from 'node:stream';
 import sass from 'sass';
 import replaceExtension from 'replace-ext';
 import stripAnsi from 'strip-ansi';
 import applySourceMap from 'vinyl-sourcemaps-apply';
+import ansiColors from 'ansi-colors';
 const PLUGIN_NAME = 'sass';
-const gulpSass = (options) => through2.obj((file, encoding, cb) => {
+const transformObj = (transform) => new Transform({ transform, objectMode: true });
+const filePush = (file, sassObject, callback) => {
+    if (sassObject.map) {
+        const sassMap = JSON.parse(sassObject.map.toString());
+        const sassMapFile = sassMap.file.replace(/^stdout$/, 'stdin');
+        const sassFileSrc = file.relative;
+        const sassFileSrcPath = node.path.dirname(sassFileSrc);
+        if (sassFileSrcPath) {
+            const sourceFileIndex = sassMap.sources.indexOf(sassMapFile);
+            sassMap.sources = sassMap.sources.map((source, index) => index === sourceFileIndex
+                ? source
+                : node.path.join(sassFileSrcPath, source));
+        }
+        sassMap.sources = sassMap.sources.filter((src) => src !== 'stdin' && src);
+        sassMap.file = replaceExtension(sassFileSrc, '.css');
+        applySourceMap(file, sassMap);
+    }
+    file.contents = sassObject.css;
+    file.path = replaceExtension(file.path, '.css');
+    if (file.stat) {
+        file.stat.atime = file.stat.mtime = file.stat.ctime = new Date();
+    }
+    callback(null, file);
+};
+const handleError = (error, file, callback) => {
+    const filePath = ((error.file === 'stdin' ? file.path : error.file) ||
+        file.path);
+    const relativePath = node.path.relative(process.cwd(), filePath);
+    const message = `${ansiColors.underline(relativePath)}\n${error.formatted}`;
+    error.messageFormatted = message;
+    error.messageOriginal = error.message;
+    error.message = stripAnsi(message);
+    error.relativePath = relativePath;
+    return callback(new PluginError(PLUGIN_NAME, error));
+};
+const gulpSass = (options) => transformObj((file, encoding, callback) => {
     if (file.isNull()) {
-        return cb(null, file);
+        callback(null, file);
+        return;
     }
     if (file.isStream()) {
-        return cb(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
+        callback(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
+        return;
     }
-    if (node.path.basename(file.path).indexOf('_') === 0) {
-        return cb();
+    if (node.path.basename(file.path).startsWith('_')) {
+        callback();
+        return;
     }
     if (!file.contents.length) {
         file.path = replaceExtension(file.path, '.css');
-        return cb(null, file);
+        callback(null, file);
+        return;
     }
     const opts = (options || {});
     opts.data = file.contents.toString();
@@ -37,55 +78,13 @@ const gulpSass = (options) => through2.obj((file, encoding, cb) => {
         opts.omitSourceMapUrl = true;
         opts.sourceMapContents = true;
     }
-    const filePush = (sassObj) => {
-        let sassMap;
-        let sassMapFile;
-        let sassFileSrc;
-        let sassFileSrcPath;
-        let sourceFileIndex;
-        if (sassObj.map) {
-            sassMap = JSON.parse(sassObj.map.toString());
-            sassMapFile = sassMap.file.replace(/^stdout$/, 'stdin');
-            sassFileSrc = file.relative;
-            sassFileSrcPath = node.path.dirname(sassFileSrc);
-            if (sassFileSrcPath) {
-                sourceFileIndex = sassMap.sources.indexOf(sassMapFile);
-                sassMap.sources = sassMap.sources.map((source, index) => {
-                    return index === sourceFileIndex
-                        ? source
-                        : node.path.join(sassFileSrcPath, source);
-                });
-            }
-            sassMap.sources = sassMap.sources.filter((src) => src !== 'stdin' && src);
-            sassMap.file = replaceExtension(sassFileSrc, '.css');
-            applySourceMap(file, sassMap);
-        }
-        file.contents = sassObj.css;
-        file.path = replaceExtension(file.path, '.css');
-        if (file.stat) {
-            file.stat.atime = file.stat.mtime = file.stat.ctime = new Date();
-        }
-        cb(null, file);
-    };
-    const errorM = (error) => {
-        const filePath = ((error.file === 'stdin' ? file.path : error.file) ||
-            file.path);
-        const relativePath = node.path.relative(process.cwd(), filePath);
-        const message = [relativePath, error.formatted].join('\n');
-        error.messageFormatted = message;
-        error.messageOriginal = error.message;
-        error.message = stripAnsi(message);
-        error.relativePath = relativePath;
-        return cb(new PluginError(PLUGIN_NAME, error));
-    };
     try {
-        gulpSass.compiler && filePush(gulpSass.compiler.renderSync(opts));
+        gulpSass.compiler &&
+            filePush(file, gulpSass.compiler.renderSync(opts), callback);
     }
     catch (error) {
-        return errorM(error);
+        handleError(error, file, callback);
     }
 });
-export default (options) => {
-    gulpSass.compiler = sass;
-    return gulpSass(options);
-};
+gulpSass.compiler = sass;
+export default gulpSass;

package/tslib/plugins/sftp.js

@@ -1,7 +1,25 @@
-import ssh2 from 'ssh2';
+import { Client } from 'ssh2';
 import parents from 'parents';
 import async from 'async';
 const PLUGIN_NAME = 'sftp';
+const DefaultAlgorithms = {
+    kex: [
+        'curve25519-sha256',
+        'curve25519-sha256@libssh.org',
+        'ecdh-sha2-nistp256',
+        'ecdh-sha2-nistp384',
+        'ecdh-sha2-nistp521',
+        'diffie-hellman-group-exchange-sha256',
+        'diffie-hellman-group14-sha256',
+        'diffie-hellman-group15-sha512',
+        'diffie-hellman-group16-sha512',
+        'diffie-hellman-group17-sha512',
+        'diffie-hellman-group18-sha512',
+        'diffie-hellman-group-exchange-sha1',
+        'diffie-hellman-group14-sha1',
+        'diffie-hellman-group1-sha1'
+    ]
+};
 const normalizePath = (_path) => _path.replace(/\\/g, '/');
 function resolveHomePath(key) {
     if (key.location) {
@@ -99,7 +117,8 @@ function gulpSftp(options) {
         const connectionOptions = {
             host: options.host,
             port: options.port || 22,
-            username
+            username,
+            algorithms: options.algorithms || DefaultAlgorithms
         };
         if (password) {
             connectionOptions.password = password;
@@ -115,10 +134,10 @@ function gulpSftp(options) {
         if (options.timeout) {
             connectionOptions.readyTimeout = options.timeout;
         }
-        const conn = new ssh2.Client();
+        const conn = new Client();
         connCache = conn;
         conn.on('ready', () => {
-            BalmJS.logger.debug(PLUGIN_NAME, 'Connection :: ready');
+            BalmJS.logger.debug(PLUGIN_NAME, 'Client :: ready');
             conn.sftp((err, sftp) => {
                 if (err) {
                     throw err;
@@ -138,7 +157,7 @@ function gulpSftp(options) {
             this.emit('error', new PluginError(PLUGIN_NAME, err));
         });
         conn.on('end', () => {
-            BalmJS.logger.debug(PLUGIN_NAME, 'Connection :: end');
+            BalmJS.logger.debug(PLUGIN_NAME, 'Client :: end');
         });
         conn.on('close', () => {
             if (!finished) {