balm-core 4.30.0 → 4.32.0

package/README.md

@@ -1,6 +1,6 @@
 <div align="center">
   <a href="https://balm.js.org/">
-    <img width="128" heigth="128" src="https://balm.js.org/logo.png" alt="BalmJS">
+    <img width="128" height="128" src="https://balm.js.org/logo.png" alt="BalmJS">
   </a>
   <br>
   <br>

package/lib/balm.js

@@ -1,5 +1,5 @@
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }

package/lib/bundler/webpack/config/env.js

@@ -1,6 +1,6 @@
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import dotenv from 'dotenv';

package/lib/config/globals.js

@@ -4,10 +4,21 @@ import colors from 'ansi-colors';
 import { create } from 'browser-sync';
 import through2 from 'through2';
 import PluginError from 'plugin-error';
+import semver from 'semver';
 
 // Set env var for ORIGINAL cwd before anything touches it
 process.env.BALM_CWD = process.env.INIT_CWD || process.cwd();
 const gulpModule = path.join(process.env.BALM_ROOT || process.env.BALM_CWD, 'node_modules', 'gulp', 'index.js');
+const localSassModule = path.join(process.env.BALM_CWD, 'node_modules', 'sass');
+let isLegacySass = false;
+try {
+  const sassPkg = requireModule(path.join(localSassModule, 'package.json'));
+  isLegacySass = semver.lt(sassPkg.version, '1.40.0');
+} catch (_) {}
+const nodeLocalSassModule = path.join(localSassModule, 'sass.node.js');
+const defaultLocalSassModule = path.join(localSassModule, 'sass.default.js'); // For `npm i -D sass <= 1.62.1`
+const dartLocalSassModule = path.join(localSassModule, 'sass.dart.js'); // For `npm i -D sass <= 1.39.2`
+const getSassModule = sass => fs.existsSync(nodeLocalSassModule) ? requireModule(nodeLocalSassModule) : fs.existsSync(defaultLocalSassModule) ? requireModule(defaultLocalSassModule) : fs.existsSync(dartLocalSassModule) ? requireModule(dartLocalSassModule) : sass;
 if (fs.existsSync(gulpModule)) {
   // Chdir before requiring balm config to make sure
   // we let them chdir as needed
@@ -22,7 +33,9 @@ if (fs.existsSync(gulpModule)) {
 }
 global.node = {
   path,
-  fs
+  fs,
+  isLegacySass,
+  getSassModule
 };
 global.server = create();
 global.through2 = through2;

package/lib/plugins/imagemin.js

@@ -1,4 +1,4 @@
-// Reference `gulp-imagemin@9.0.0`
+// Reference `gulp-imagemin@9.1.0`
 
 import imagemin from 'imagemin';
 import prettyBytes from 'pretty-bytes';
@@ -54,7 +54,7 @@ function gulpImagemin(customPlugins) {
           totalFiles++;
         }
         BalmJS.logger.debug(PLUGIN_NAME, `${file.relative} (${message})`);
-        file.contents = data;
+        file.contents = Buffer.from(data);
         callback(null, file);
       } catch (error) {
         callback(new PluginError(PLUGIN_NAME, error, {

package/lib/plugins/index.js

@@ -8,6 +8,7 @@ import postcssPlugins from './postcss-plugins.js';
 import rename from './rename.js';
 import replace from './replace.js';
 import sass from './sass.js';
+import legacySass from './sass-legacy.js';
 import sftp from './sftp.js';
 const plugins = {
   htmlmin,
@@ -20,6 +21,7 @@ const plugins = {
   rename,
   replace,
   sass,
+  legacySass,
   sftp
 };
 BalmJS.plugins = plugins;

package/lib/plugins/postcss.js

@@ -1,4 +1,4 @@
-// Reference `gulp-postcss@9.0.1`
+// Reference `gulp-postcss@10.0.0`
 import { Transform } from 'node:stream';
 import postcss from 'postcss';
 import postcssLoadConfig from 'postcss-load-config';
@@ -28,7 +28,7 @@ function gulpPostcss(cb) {
         }
         const ctx = {
           file,
-          options: contextOptions
+          options: contextOptions // @TODO: The options property is deprecated and should be removed
         };
         return postcssLoadConfig(ctx, configPath);
       });

package/lib/plugins/replace.js

@@ -1,6 +1,6 @@
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // Reference `gulp-replace@1.1.4`

package/lib/plugins/sass-legacy.js

@@ -0,0 +1,131 @@
+// Reference `gulp-sass@5.1.0`
+import { Transform } from 'node:stream';
+import * as 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 sassModule = node.getSassModule(sass);
+const PLUGIN_NAME = 'sass-legacy';
+const transformObj = transform => new Transform({
+  transform,
+  objectMode: true
+});
+
+/**
+ * Handles returning the file to the stream
+ */
+function 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 sources 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
+ */
+function 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, sync = false) => transformObj((file, encoding, callback) => {
+  if (file.isNull()) {
+    return callback(null, file);
+  }
+  if (file.isStream()) {
+    return callback(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
+  }
+  if (node.path.basename(file.path).startsWith('_')) {
+    return callback();
+  }
+  if (!file.contents.length) {
+    file.path = replaceExtension(file.path, '.css');
+    return callback(null, file);
+  }
+  const opts = options || {};
+  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
+  if (node.path.extname(file.path) === '.sass') {
+    opts.indentedSyntax = true;
+  }
+
+  // Ensure file's parent directory in the include path
+  if (opts.includePaths) {
+    if (typeof opts.includePaths === 'string') {
+      opts.includePaths = [opts.includePaths];
+    }
+  } else {
+    opts.includePaths = [];
+  }
+  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;
+  }
+  if (sync !== true) {
+    /**
+     * Async Sass render
+     */
+    sassModule.render(opts, (error, obj) => {
+      if (error) {
+        handleError(error, file, callback);
+        return;
+      }
+      filePush(file, obj, callback);
+    });
+  } else {
+    /**
+     * Sync Sass render
+     */
+    try {
+      filePush(file, sassModule.renderSync(opts), callback);
+    } catch (error) {
+      handleError(error, file, callback);
+    }
+  }
+});
+export default gulpSass;

package/lib/plugins/sass.js

@@ -1,24 +1,11 @@
-import fs from 'node:fs';
-import { pathToFileURL } from 'node:url';
-// Reference `gulp-sass@5.1.0`
+// Reference `gulp-sass@6.0.1`
 import { Transform } from 'node:stream';
-import semver from 'semver';
 import * as sass from 'sass';
 import replaceExtension from 'replace-ext';
 import stripAnsi from 'strip-ansi';
 import applySourceMap from 'vinyl-sourcemaps-apply';
 import ansiColors from 'ansi-colors';
-process.env.BALM_CWD = process.env.INIT_CWD || process.cwd();
-const localSassModule = node.path.join(process.env.BALM_CWD, 'node_modules', 'sass');
-let isLegacy = false;
-try {
-  const sassPkg = requireModule(node.path.join(localSassModule, 'package.json'));
-  isLegacy = semver.lt(sassPkg.version, '1.40.0');
-} catch (_) {}
-const nodeLocalSassModule = node.path.join(localSassModule, 'sass.node.js');
-const defaultLocalSassModule = node.path.join(localSassModule, 'sass.default.js'); // For `npm i -D sass <= 1.62.1`
-const dartLocalSassModule = node.path.join(localSassModule, 'sass.dart.js'); // For `npm i -D sass <= 1.39.2`
-const sassModule = fs.existsSync(nodeLocalSassModule) ? requireModule(nodeLocalSassModule) : fs.existsSync(defaultLocalSassModule) ? requireModule(defaultLocalSassModule) : fs.existsSync(dartLocalSassModule) ? requireModule(dartLocalSassModule) : sass;
+const sassModule = node.getSassModule(sass);
 const PLUGIN_NAME = 'sass';
 const transformObj = transform => new Transform({
   transform,
@@ -29,48 +16,44 @@ const transformObj = transform => new Transform({
  * Handles returning the file to the stream
  */
 function filePush(file, result, callback) {
-  // Build Source Maps!
-  if (result.sourceMap) {
-    const sassMap = result.sourceMap;
-    // Replace the map file with the original filename (but new extension)
-    sassMap.file = replaceExtension(file.relative, '.css');
-    // Apply the map
-    applySourceMap(file, sassMap);
-  }
   file.contents = Buffer.from(result.css);
   file.path = replaceExtension(file.path, '.css');
-  if (file.stat) {
-    file.stat.atime = file.stat.mtime = file.stat.ctime = new Date();
-  }
-  callback(null, file);
-}
-function legacyFilePush(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));
+  if (result.sourceMap) {
+    const proto = /^file:\/\/?/;
+    const leadingSlash = /^\//;
+    const sassMap = result.sourceMap;
+    const base = node.path.resolve(file.cwd, file.base);
+    if (!sassMap.file) {
+      // Convert from absolute path to relative as in gulp-sass 5.0.0
+      sassMap.file = file.history[0].replace(base + node.path.sep, '').replace(proto, '');
     }
 
-    // Remove 'stdin' from sources and replace with filenames!
-    sassMap.sources = sassMap.sources.filter(src => src !== 'stdin' && src);
+    // Transform to relative file paths as in gulp-sass 5.0.0
+    sassMap.sources = sassMap.sources.map(src => {
+      // file uses Windows-style path separators, source is a URL.
+      const baseUri = base.replace(/\\/g, '/');
+      // The current file and its content is included
+      // as data:<encoded file contents> in the new Sass JS API.
+      // Map it to the original file name (first history entry).
+      if (src.startsWith('data:')) {
+        return file.history[0].replace(/\\/g, '/').replace(`${baseUri}/`, '').replace(proto, '').replace(leadingSlash, '');
+      }
+      return src.replace(proto, '').replace(`${baseUri}/`, '').replace(leadingSlash, '');
+    });
 
+    // Grab the base filename that's being worked on
+    const sassFileSrc = file.relative;
     // Replace the map file with the original filename (but new extension)
     sassMap.file = replaceExtension(sassFileSrc, '.css');
+    if (file.sourceMap && file.sourceMap.sourcesContent && !sassMap.sourcesContent) {
+      sassMap.sourcesContent = file.sourceMap.sourcesContent;
+    }
+
     // 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();
   }
@@ -81,26 +64,17 @@ function legacyFilePush(file, sassObject, callback) {
  * Handles error message
  */
 function handleError(error, file, callback) {
-  const relativePath = node.path.relative(process.cwd(), file.path);
-  const message = `${ansiColors.underline(relativePath)}\n${error.message}`;
-  error.message = stripAnsi(message);
-  return callback(new PluginError(PLUGIN_NAME, error));
-}
-function legacyHandleError(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;
+  const message = `${ansiColors.underline(relativePath)}\n${error.message}`;
   error.message = stripAnsi(message);
-  error.relativePath = relativePath;
   return callback(new PluginError(PLUGIN_NAME, error));
 }
 
 //////////////////////////////
 // Main Gulp Sass function
 //////////////////////////////
-const gulpSass = options => transformObj((file, encoding, callback) => {
+const gulpSass = (options, sync = false) => transformObj((file, encoding, callback) => {
   if (file.isNull()) {
     return callback(null, file);
   }
@@ -115,79 +89,46 @@ const gulpSass = options => transformObj((file, encoding, callback) => {
     return callback(null, file);
   }
   const opts = options || {};
-  if (isLegacy) {
-    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
-    if (node.path.extname(file.path) === '.sass') {
-      opts.indentedSyntax = true;
-    }
 
-    // Ensure file's parent directory in the include path
-    if (opts.includePaths) {
-      if (typeof opts.includePaths === 'string') {
-        opts.includePaths = [opts.includePaths];
-      }
-    } else {
-      opts.includePaths = [];
-    }
-    opts.includePaths.unshift(node.path.dirname(file.path));
+  // Ensure `indented` if a `.sass` file
+  if (node.path.extname(file.path) === '.sass') {
+    opts.syntax = 'indented';
+  }
 
-    // Generate Source Maps if the source-map plugin is present
-    if (file.sourceMap) {
-      opts.sourceMap = file.path;
-      opts.omitSourceMapUrl = true;
-      opts.sourceMapContents = true;
+  // Ensure file's parent directory in the include path
+  if (opts.loadPaths) {
+    if (typeof opts.loadPaths === 'string') {
+      opts.loadPaths = [opts.loadPaths];
     }
+  } else {
+    opts.loadPaths = [];
+  }
+  opts.loadPaths.unshift(node.path.dirname(file.path));
 
-    // Create alias
-    if (!opts.importer) {
-      const aliasKeys = Object.keys(BalmJS.config.scripts.alias).filter(key => /^@[a-z0-9-]{1,213}/.test(key));
-      if (aliasKeys.length) {
-        const aliasKeyRegex = new RegExp(`^(${aliasKeys.join('|')})/`);
-        opts.importer = [function (url) {
-          let file = url;
-          const result = url.match(aliasKeyRegex);
-          const key = result ? result[1] : null;
-          if (key) {
-            file = url.replace(key, BalmJS.config.scripts.alias[key]);
-            BalmJS.logger.debug(`${PLUGIN_NAME} alias`, `${key} -> ${url} => ${file}`);
-          }
-          return {
-            file
-          };
-        }];
-      }
-    }
+  // Generate Source Maps if the source-map plugin is present
+  if (file.sourceMap) {
+    opts.sourceMap = true;
+    opts.sourceMapIncludeSources = true;
+  }
+  const fileContents = file.contents.toString();
+  if (sync !== true) {
+    /**
+     * Async Sass compile
+     */
+    sassModule.compileStringAsync(fileContents, opts).then(compileResult => {
+      filePush(file, compileResult, callback);
+    }).catch(error => {
+      handleError(error, file, callback);
+    });
   } else {
-    // Create alias
-    if (!options.importers) {
-      const aliasKeys = Object.keys(BalmJS.config.scripts.alias).filter(key => /^@[a-z0-9-]{1,213}/.test(key));
-      if (aliasKeys.length) {
-        const aliasKeyRegex = new RegExp(`^(${aliasKeys.join('|')})/`);
-        options.importers = [{
-          findFileUrl(url) {
-            let file = url;
-            const result = url.match(aliasKeyRegex);
-            const key = result ? result[1] : null;
-            if (key) {
-              file = url.replace(key, BalmJS.config.scripts.alias[key]);
-              BalmJS.logger.debug(`${PLUGIN_NAME} alias`, `${key} -> ${url} => ${file}`);
-            }
-            return pathToFileURL(file);
-          }
-        }];
-      }
+    /**
+     * Sync Sass compile
+     */
+    try {
+      filePush(file, sassModule.compileString(fileContents, opts), callback);
+    } catch (error) {
+      handleError(error, file, callback);
     }
   }
-  try {
-    isLegacy ? legacyFilePush(file, sassModule.renderSync(opts), callback) : filePush(file, sassModule.compile(file.path, options), callback);
-  } catch (error) {
-    isLegacy ? legacyHandleError(error, file, callback) : handleError(error, file, callback);
-  }
 });
-export default gulpSass;
-export { isLegacy };
+export default gulpSass;

package/lib/tasks/foundation/balm.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class BalmTask {

package/lib/tasks/foundation/balm_style.js

@@ -46,7 +46,7 @@ class BalmStyleTask extends BalmTask {
     }));
     switch (style) {
       case 'sass':
-        stream = stream.pipe(BalmJS.plugins.sass(options));
+        stream = stream.pipe(node.isLegacySass ? BalmJS.plugins.legacySass(options) : BalmJS.plugins.sass(options));
         break;
       case 'less':
         stream = stream.pipe(BalmJS.plugins.less(options));

package/lib/tasks/private/build.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import gulpSize from 'gulp-size';

package/lib/tasks/private/cache.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import revAll from 'gulp-rev-all';

package/lib/tasks/private/clean.js

@@ -1,8 +1,8 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 import { deleteAsync } from 'del';

package/lib/tasks/private/end.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class EndTask extends BalmJS.BalmTask {

package/lib/tasks/private/extra.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class ExtraTask extends BalmJS.BalmTask {

package/lib/tasks/private/font.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class FontTask extends BalmJS.BalmTask {

package/lib/tasks/private/image.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { getDefaultImagePlugins } from '../../plugins/imagemin.js';

package/lib/tasks/private/lint.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class LintTask extends BalmJS.BalmTask {

package/lib/tasks/private/media.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class MediaTask extends BalmJS.BalmTask {

package/lib/tasks/private/modernizr.js

@@ -1,8 +1,8 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 import { build } from 'modernizr';

package/lib/tasks/private/pwa-cache.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { deleteAsync } from 'del';