balm-core 5.0.2 → 5.2.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/index.d.ts

@@ -1,3 +1,10 @@
+export * from './types/vendors';
+export * from './types/globals';
+export * from './types/webworker';
+export * from './types/balm';
+export * from './types/gulp';
+export * from './types/node';
+
 export interface LooseObject {
   [key: string]: any;
 }
@@ -182,6 +189,8 @@ export interface BalmFtpConfig {
   username?: string;
   password?: string;
   remotePath?: string;
+  dirMode?: string;
+  fileMode?: string;
 }
 
 export interface BalmConfig {

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/htmlmin.js

@@ -1,6 +1,6 @@
 // Reference `gulp-htmlmin@5.0.1`
 
-import { minify } from 'html-minifier';
+import { minify } from 'html-minifier-terser';
 const PLUGIN_NAME = 'htmlmin';
 function gulpHtmlmin(options) {
   options = BalmJS.utils.deepMerge({}, options);
@@ -9,9 +9,10 @@ function gulpHtmlmin(options) {
       callback(null, file);
       return;
     }
-    function htmlMinify(buf, enc, cb) {
+    async function htmlMinify(buf, enc, cb) {
       try {
-        const contents = Buffer.from(minify(buf.toString(), options));
+        const minified = await minify(buf.toString(), options);
+        const contents = Buffer.from(minified);
         if (cb === callback) {
           file.contents = contents;
           cb(null, file);

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';
@@ -6,11 +6,16 @@ import through2Concurrent from 'through2-concurrent';
 const PLUGIN_NAME = 'imagemin';
 const defaultPlugins = ['gifsicle', 'mozjpeg', 'optipng', 'svgo'];
 const loadPlugin = (plugin, ...args) => {
-  try {
-    return requireModule(`imagemin-${plugin}`)(...args);
-  } catch (_) {
-    BalmJS.logger.error(PLUGIN_NAME, `Could not load default plugin \`${plugin}\``);
-  }
+  return async input => {
+    try {
+      const m = await import(`imagemin-${plugin}`);
+      const pluginFn = m.default(...args);
+      return pluginFn(input);
+    } catch (_) {
+      BalmJS.logger.error(PLUGIN_NAME, `Could not load default plugin \`${plugin}\``);
+      return input;
+    }
+  };
 };
 const exposePlugin = plugin => (...args) => loadPlugin(plugin, ...args);
 const getDefaultPlugins = () => defaultPlugins.flatMap(plugin => loadPlugin(plugin));
@@ -39,9 +44,9 @@ function gulpImagemin(customPlugins) {
     const plugins = customPlugins ?? getDefaultPlugins();
     (async () => {
       try {
-        const data = Buffer.from(await imagemin.buffer(file.contents, {
-          plugins
-        }));
+        const data = await imagemin.buffer(file.contents, {
+          plugins: plugins
+        });
         const originalSize = file.contents.length;
         const optimizedSize = data.length;
         const saved = originalSize - optimizedSize;
@@ -54,7 +59,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/rename.js

@@ -13,9 +13,7 @@ function gulpRename(obj, options = {}) {
     };
   };
   stream._transform = (chunk, unused, callback) => {
-    const file = chunk.clone({
-      contents: false
-    });
+    const file = chunk.clone();
     let parsedPath = parsePath(file.relative);
     let _path;
     const type = typeof obj;

package/lib/plugins/replace.js

@@ -5,8 +5,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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`
 import { Transform } from 'node:stream';
-import { isText } from 'istextorbinary';
+// @ts-ignore
+import * as isTextModule from 'istextorbinary';
 import rs from '../utilities/replacestream.js';
+const isText = isTextModule.isText || isTextModule;
 const defaultOptions = {
   skipBinary: true
 };

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/plugins/sftp.js

@@ -65,7 +65,7 @@ function getKey(options) {
 function gulpSftp(options) {
   options = Object.assign({}, options); // Credit sindresorhus
 
-  if (options.host === undefined) {
+  if (!options.host) {
     throw new PluginError(PLUGIN_NAME, '`host` required');
   }
   let fileCount = 0;
@@ -167,7 +167,8 @@ function gulpSftp(options) {
       });
     });
     conn.on('error', err => {
-      this.emit('error', new PluginError(PLUGIN_NAME, err));
+      const errorMsg = err && (err.message || err.toString()) || 'SFTP connection error';
+      this.emit('error', new PluginError(PLUGIN_NAME, errorMsg));
     });
     conn.on('end', () => {
       BalmJS.logger.debug(PLUGIN_NAME, 'Client :: end');
@@ -216,7 +217,6 @@ function gulpSftp(options) {
       cb => cb(null, fileDirs && fileDirs.length), cb => {
         let d = fileDirs.pop();
         mkDirCache[d] = true;
-        // Mdrake - TODO: use a default file permission instead of defaulting to 755
         if (remotePlatform && remotePlatform.toLowerCase().indexOf('win') !== -1) {
           d = d.replace('/', '\\');
         }
@@ -224,8 +224,9 @@ function gulpSftp(options) {
           if (exist) {
             cb();
           } else {
+            const dirMode = options.dirMode || '0755';
             sftp.mkdir(d, {
-              mode: '0755'
+              mode: dirMode
             }, err => {
               // REMOTE PATH
               if (err) {
@@ -239,10 +240,11 @@ function gulpSftp(options) {
           }
         });
       }, () => {
+        const fileMode = options.fileMode || '0666';
         const stream = sftp.createWriteStream(finalRemotePath, {
           flags: 'w',
           encoding: null,
-          mode: '0666',
+          mode: fileMode,
           autoClose: true
         });
 

package/lib/tasks/foundation/balm.js

@@ -31,8 +31,8 @@ class BalmTask {
   }
   get src() {
     return gulp.src(this.input, Object.assign({
-      encoding: false,
-      allowEmpty: true
+      allowEmpty: true,
+      encoding: false
     }, this.gulpSrcOptions)).pipe(BalmJS.plugins.plumber(error => {
       BalmJS.logger.error(`${this.name} task`, error.message);
     }));
@@ -49,8 +49,8 @@ class BalmTask {
       default:
     }
     const useAbsPath = !['webpack', 'rollup', 'esbuild', 'sprite'].includes(key);
-    this.input = useAbsPath ? BalmJS.file.absPaths(input || this.defaultInput) : input || this.defaultInput;
-    this.output = useAbsPath ? BalmJS.file.absPath(output || this.defaultOutput) : output || this.defaultOutput;
+    this.input = useAbsPath && (input || this.defaultInput) ? BalmJS.file.absPaths(input || this.defaultInput) : input || this.defaultInput;
+    this.output = useAbsPath && typeof (output || this.defaultOutput) === 'string' ? BalmJS.file.absPath(output || this.defaultOutput) : output || this.defaultOutput;
     this.customOptions = options[key] || {};
     const obj = {
       input: this.input,

package/lib/tasks/foundation/balm_style.js

@@ -32,7 +32,6 @@ class BalmStyleTask extends BalmTask {
     const taskName = `${this.name} task`;
     const shouldUseSourceMap = !(BalmJS.config.env.isProd || BalmJS.config.styles.minify);
     let stream = gulp.src(this.input, Object.assign({
-      encoding: false,
       sourcemaps: shouldUseSourceMap,
       allowEmpty: true
     }, this.gulpSrcOptions)).pipe(BalmJS.plugins.plumber(function (error) {
@@ -47,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));