balm-core 4.0.0-canary.e34d3bf4.0 → 4.0.0

package/README.md

@@ -69,7 +69,7 @@ You need to set up your development environment before you can do anything.
 
 Install [Node.js® and npm](https://nodejs.org/en/download/) if they are not already on your machine.
 
-> **Verify that you are running at least node `12.0.0` and npm `5.2.0`** by running `node -v` and `npm -v` in a terminal/console window. Older versions maybe produce errors, but newer versions are fine.
+> **Verify that you are running at least node `12.13.0` and npm `5.2.0`** by running `node -v` and `npm -v` in a terminal/console window. Older versions maybe produce errors, but newer versions are fine.
 
 You develop apps in the context of an [Balm workspace](https://balm.js.org/docs/guide/structure.html).
 

package/index.d.ts

@@ -86,7 +86,6 @@ export interface BalmScripts {
   lint: boolean;
   // webpack
   library: string | object;
-  libraryTarget: string;
   loaders: RuleSetRule[];
   defaultLoaders: Partial<BalmLoaders>;
   includeJsResource: string[];
@@ -110,16 +109,17 @@ export interface BalmScripts {
   extractAllVendors: boolean;
   vendorName: string;
   extractCss: boolean;
-  useCache: boolean;
   ie8: boolean;
   // rollup
-  inputOptions: InputOptions;
+  inputOptions: Omit<InputOptions, 'acorn'>; // incompatible
   outputOptions: OutputOptions;
   watchOptions: WatcherOptions;
   // esbuild
   buildOptions: BuildOptions;
   useTransform: boolean;
   transformOptions: TransformOptions;
+  // extra
+  useCache?: boolean;
 }
 
 export interface BalmImagesPlugins {
@@ -169,6 +169,7 @@ interface BalmServer {
   historyOptions: boolean | object;
   middlewares: Function[] | object[];
   extraWatchFiles: string[];
+  // extra
   useHMR?: boolean;
 }
 

package/lib/balm.js

@@ -1,3 +1,7 @@
+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 _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
@@ -19,7 +23,7 @@ var _config = /*#__PURE__*/new WeakMap();
 
 class Balm {
   constructor() {
-    _config.set(this, {
+    _classPrivateFieldInitSpec(this, _config, {
       writable: true,
       value: void 0
     });

package/lib/bootstrap/check_config.js

@@ -12,9 +12,15 @@ function upgradeRenamed(version, configCategory, from, to) {
   }
 }
 
-function upgradeMigrated(version, configCategory, from, to) {
-  if (BalmJS.config[from][configCategory]) {
-    BalmJS.logger.warn(`balm@${version}+ config`, upgradeGuide(to, configCategory, `'${from}.${configCategory}' was migrated to '${to}.${configCategory}'.`));
+function upgradeMigrated(version, configName, from, to) {
+  if (BalmJS.config[from][configName]) {
+    BalmJS.logger.warn(`balm@${version}+ config`, upgradeGuide(to, configName, `'${from}.${configName}' was migrated to '${to}.${configName}'.`));
+  }
+}
+
+function upgradeDeprecated(version, configCategory, configName) {
+  if (BalmJS.config[configCategory][configName]) {
+    BalmJS.logger.warn(`balm@${version}+ config`, `'${configCategory}.${configName}' was deprecated.`);
   }
 } // Compatibility for upgrade balm
 
@@ -28,6 +34,8 @@ function checkConfig() {
   upgradeRenamed('3.0.0', 'styles', 'minified', 'minify');
   upgradeRenamed('3.9.0', 'scripts', 'options', 'minifyOptions');
   upgradeRenamed('3.16.0', 'scripts', 'inject', 'useCache');
+  upgradeDeprecated('3.17.0', 'styles', 'darkSass');
+  upgradeDeprecated('3.19.0', 'scripts', 'useCache');
 }
 
 export default checkConfig;

package/lib/bootstrap/index.js

@@ -32,8 +32,10 @@ function ready(config) {
 
   if (/^electron-.*/.test(config.scripts.target)) {
     config.env.inDesktopApp = true;
-  }
+  } // Set use cache for webpack
+
 
+  config.scripts.useCache = config.env.isProd && config.assets.cache && config.scripts.injectHtml;
   return config;
 }
 

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

@@ -1,6 +1,6 @@
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import getLoaders from '../loaders.js';
-import { HASH_NAME } from '../../../config/constants.js';
+import { HASH_NAME_PROD } from '../../../config/constants.js';
 
 function getDefaultPlugins(webpack, scripts) {
   const plugins = [// Moment.js is an extremely popular library that bundles large locale files
@@ -14,8 +14,16 @@ function getDefaultPlugins(webpack, scripts) {
   })];
 
   if (scripts.injectHtml) {
-    const isSPA = BalmJS.entries.length === 1;
+    const isSPA = BalmJS.entries.length < 2;
     const titles = scripts.htmlPluginOptions.title || ['BalmJS App'];
+
+    if (!BalmJS.entries.length) {
+      BalmJS.entries.push({
+        key: 'main',
+        value: `./${BalmJS.file.defaultEntry}`
+      });
+    }
+
     BalmJS.entries.forEach((entry, index) => {
       const entryName = isSPA ? 'index' : entry.key;
       const chunks = isSPA ? '?' : [entryName];
@@ -40,7 +48,7 @@ function getSplitChunks() {
 
   if (scripts.extractAllVendors) {
     // All vendors
-    const jsFilename = scripts.useCache ? `${scripts.vendorName}.${HASH_NAME}.js` : `${scripts.vendorName}.js`;
+    const jsFilename = scripts.useCache ? `${scripts.vendorName}.${HASH_NAME_PROD}.js` : `${scripts.vendorName}.js`;
     cacheGroups = {
       defaultVendors: {
         name: 'vendors',
@@ -57,7 +65,7 @@ function getSplitChunks() {
     for (const vendor of BalmJS.vendors) {
       const cacheGroupKey = vendor.key;
       const cacheGroupModules = vendor.value.join('|');
-      const jsFilename = scripts.useCache ? `${cacheGroupKey}.${HASH_NAME}.js` : `${cacheGroupKey}.js`;
+      const jsFilename = scripts.useCache ? `${cacheGroupKey}.${HASH_NAME_PROD}.js` : `${cacheGroupKey}.js`;
       cacheGroups[cacheGroupKey] = {
         name: cacheGroupKey,
         chunks: 'initial',
@@ -87,14 +95,16 @@ function getSplitChunks() {
 function getCommonConfig(webpack, scripts) {
   const splitChunks = getSplitChunks();
   const optimization = splitChunks ? BalmJS.utils.deepMerge({
-    splitChunks
+    splitChunks: splitChunks
   }, scripts.optimization) : scripts.optimization;
   return {
     context: BalmJS.config.workspace,
     mode: 'none',
+    // Stop compilation early in production
+    bail: BalmJS.config.env.isProd,
     module: {
-      rules: getLoaders(scripts.loaders),
-      strictExportPresence: true
+      strictExportPresence: true,
+      rules: getLoaders(scripts.loaders)
     },
     resolve: {
       // (was split into `root`, `modulesDirectories` and `fallback` in the old options)
@@ -110,7 +120,7 @@ function getCommonConfig(webpack, scripts) {
       // These JSON files are read in directories
       descriptionFiles: ['package.json', 'bower.json'],
       // These fields in the description files are looked up when trying to resolve the package directory
-      mainFields: ['main', 'browser', 'module']
+      mainFields: ['browser', 'module', 'main']
     },
     optimization,
     plugins: [...getDefaultPlugins(webpack, scripts), ...scripts.plugins],

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

@@ -4,7 +4,9 @@ import getCommonConfig from './common.js';
 function getDevConfig(webpack, scripts) {
   return merge(getCommonConfig(webpack, scripts), {
     mode: 'development',
-    plugins: [// This is necessary to emit hot updates
+    plugins: [new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
+    }), // This is necessary to emit hot updates
     new webpack.HotModuleReplacementPlugin()],
     devtool: scripts.sourceMap ? scripts.sourceMap : 'eval-cheap-module-source-map'
   });

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

@@ -1,28 +1,17 @@
 import TerserPlugin from 'terser-webpack-plugin';
 import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
-import safePostCssParser from 'postcss-safe-parser';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import webpackBundleAnalyzer from 'webpack-bundle-analyzer';
 import { merge } from 'webpack-merge';
 import getCommonConfig from './common.js';
-import { ASYNC_SCRIPTS, HASH_NAME } from '../../../config/constants.js';
+import { ASYNC_SCRIPTS, HASH_NAME_PROD } from '../../../config/constants.js';
 // Run the build command with an extra argument to
 // View the bundle analyzer report after build finishes:
 // `npm run prod --report`
 // Set to `true` or `false` to always turn it on or off
 const bundleAnalyzerReport = process.env.npm_config_report || false;
 
-function getCssFilename(isChunk = false) {
-  let filename;
-
-  if (isChunk) {
-    filename = BalmJS.config.env.isProd ? `[id].${HASH_NAME}` : '[id]';
-  } else {
-    filename = BalmJS.config.env.isProd ? `[name].${HASH_NAME}` : '[name]';
-  }
-
-  return `${BalmJS.config.paths.target.css}/${ASYNC_SCRIPTS}/${filename}.css`;
-}
+const getCssFilename = () => `${BalmJS.config.paths.target.css}/${ASYNC_SCRIPTS}/[name].${HASH_NAME_PROD}.css`;
 
 function getProdConfig(webpack, scripts) {
   const shouldUseSourceMap = scripts.sourceMap;
@@ -38,31 +27,14 @@ function getProdConfig(webpack, scripts) {
       minimizer: [new TerserPlugin({
         terserOptions,
         extractComments: false
-      }), new CssMinimizerPlugin({
-        minimizerOptions: {
-          preset: ['default', {
-            minifyFontValues: {
-              removeQuotes: false
-            }
-          }],
-          processorOptions: {
-            parser: safePostCssParser,
-            map: shouldUseSourceMap ? {
-              // `inline: false` forces the sourcemap to be output into a
-              // separate file
-              inline: false,
-              // `annotation: true` appends the sourceMappingURL to the end of
-              // the css file, helping the browser find the sourcemap
-              annotation: true
-            } : false
-          }
-        }
-      })]
+      }), new CssMinimizerPlugin()]
     },
-    plugins: [// Extract css into its own file
+    plugins: [new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'production')
+    }), // Extract css into its own file
     ...(scripts.extractCss ? [new MiniCssExtractPlugin({
       filename: BalmJS.file.assetsPath(getCssFilename()),
-      chunkFilename: BalmJS.file.assetsPath(getCssFilename(true))
+      chunkFilename: BalmJS.file.assetsPath(getCssFilename())
     })] : []), // View the bundle analyzer report
     ...(bundleAnalyzerReport ? [new webpackBundleAnalyzer.BundleAnalyzerPlugin()] : [])],
     devtool: shouldUseSourceMap ? 'source-map' : false

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

@@ -1,8 +1,10 @@
 const htmlRegex = /\.html$/;
 const cssRegex = /\.css$/;
 const cssModuleRegex = /\.module\.css$/;
+const sassRegex = /\.(scss|sass)$/;
+const sassModuleRegex = /\.module\.(scss|sass)$/;
 const jsRegex = /\.(js|mjs|jsx|ts|tsx)$/;
 const imgRegex = /\.(bmp|gif|jpe?g|png|svg)(\?.*)?$/;
 const fontRegex = /\.(woff2?|eot|ttf|otf)(\?.*)?$/;
 const mediaRegex = /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/;
-export { htmlRegex, cssRegex, cssModuleRegex, jsRegex, imgRegex, fontRegex, mediaRegex };
+export { htmlRegex, cssRegex, cssModuleRegex, sassRegex, sassModuleRegex, jsRegex, imgRegex, fontRegex, mediaRegex };

package/lib/bundler/webpack/output.js

@@ -1,12 +1,12 @@
-import { ASYNC_SCRIPTS, HASH_NAME, MP_ASSETS } from '../../config/constants.js';
+import { ASYNC_SCRIPTS, HASH_NAME_PROD, MP_ASSETS } from '../../config/constants.js';
 
 function getFilename(scripts, isChunk = false) {
   let filename;
 
   if (isChunk) {
-    filename = BalmJS.config.env.isProd ? BalmJS.config.assets.cache || scripts.useCache ? `[name].${HASH_NAME}` : '[name]' : '[id]';
+    filename = BalmJS.config.env.isProd ? `[name].${HASH_NAME_PROD}` : '[name]';
   } else {
-    filename = scripts.useCache ? `[name].${HASH_NAME}` : '[name]';
+    filename = scripts.useCache ? `[name].${HASH_NAME_PROD}` : '[name]';
   }
 
   return `${filename}.js`;
@@ -18,16 +18,9 @@ function getOutput(output, scripts, isHook = false) {
   const jsFolder = BalmJS.config.paths.target.js;
   const jsFilename = getFilename(scripts);
   const jsChunkFilename = getFilename(scripts, true);
-  const customLibraryConfig = ['module', 'commonjs2'].includes(scripts.libraryTarget) ? {
-    library: {
-      type: scripts.libraryTarget
-    }
-  } : {
-    library: {
-      name: scripts.library || 'MyLibrary',
-      type: scripts.libraryTarget
-    }
-  };
+  const customLibraryConfig = scripts.library ? {
+    library: scripts.library
+  } : {};
   const miniprogramConfig = BalmJS.config.env.isMP ? {
     path: BalmJS.file.absPath(node.path.join(BalmJS.config.dest.base, MP_ASSETS)),
     library: {
@@ -37,10 +30,17 @@ function getOutput(output, scripts, isHook = false) {
     }
   } : {};
   return Object.assign({
+    // The build folder.
     path: BalmJS.file.absPath(outputPath),
+    // There will be one main bundle, and one file per asynchronous chunk.
+    // In development, it does not produce real files.
     filename: isHook ? jsFilename : BalmJS.file.assetsPath(`${jsFolder}/${jsFilename}`),
-    publicPath: BalmJS.file.publicUrlOrPath,
-    chunkFilename: isHook ? jsChunkFilename : BalmJS.file.assetsPath(`${jsFolder}/${ASYNC_SCRIPTS}/${jsChunkFilename}`)
+    // There are also additional JS chunk files if you use code splitting.
+    chunkFilename: isHook ? jsChunkFilename : BalmJS.file.assetsPath(`${jsFolder}/${ASYNC_SCRIPTS}/${jsChunkFilename}`),
+    // webpack uses `publicPath` to determine where the app is being served from.
+    // It requires a trailing slash, or the file assets will get an incorrect path.
+    // We inferred the "public path" (such as / or /my-project) from homepage.
+    publicPath: BalmJS.file.publicUrlOrPath
   }, customLibraryConfig, miniprogramConfig);
 }
 

package/lib/bundler/webpack/rules/css.js

@@ -1,5 +1,40 @@
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import { cssRegex, cssModuleRegex } from '../config/regex.js';
+import { cssRegex, cssModuleRegex, sassRegex, sassModuleRegex } from '../config/regex.js';
+
+// common function to get style loaders
+const getStyleLoaders = (styleLoader, cssOptions, preProcessor = '', sassOptions = {}) => {
+  const {
+    sourceMap
+  } = cssOptions;
+  const loaders = [BalmJS.config.env.isProd && BalmJS.config.scripts.extractCss ? {
+    loader: MiniCssExtractPlugin.loader,
+    options: {
+      esModule: BalmJS.config.scripts.useEsModule
+    }
+  } : styleLoader, {
+    loader: requireModule.resolve('css-loader'),
+    options: cssOptions
+  }, {
+    loader: requireModule.resolve('postcss-loader'),
+    options: Object.assign({
+      postcssOptions: {
+        plugins: BalmJS.plugins.postcssPlugins(true)
+      },
+      sourceMap
+    }, BalmJS.config.scripts.postcssLoaderOptions)
+  }].filter(Boolean);
+
+  if (preProcessor) {
+    loaders.push({
+      loader: requireModule.resolve(preProcessor),
+      options: Object.assign({
+        sourceMap: true
+      }, sassOptions)
+    });
+  }
+
+  return loaders;
+};
 
 function cssLoader() {
   let styleLoader = {
@@ -28,39 +63,44 @@ function cssLoader() {
   // of CSS.
   // By default we support CSS Modules with the extension .module.css
 
-  return {
+  return [{
     test: cssRegex,
     exclude: cssModuleRegex,
-    use: [BalmJS.config.env.isProd && BalmJS.config.scripts.extractCss ? {
-      loader: MiniCssExtractPlugin.loader,
-      options: {
-        esModule: BalmJS.config.scripts.useEsModule
-      }
-    } : styleLoader, {
-      loader: requireModule.resolve('css-loader'),
-      options: {
-        importLoaders: 1,
-        sourceMap,
-        modules: {
-          compileType: 'icss'
-        },
-        esModule: BalmJS.config.scripts.useEsModule
+    use: getStyleLoaders(styleLoader, {
+      importLoaders: 1,
+      sourceMap,
+      modules: {
+        mode: 'icss'
+      },
+      esModule: BalmJS.config.scripts.useEsModule
+    }),
+    // Don't consider CSS imports dead code even if the
+    // containing package claims to have no side effects.
+    // Remove this when webpack adds a warning or an error for this.
+    // See https://github.com/webpack/webpack/issues/6571
+    sideEffects: true
+  }, // Opt-in support for SASS (using .scss or .sass extensions).
+  // By default we support SASS Modules with the
+  // extensions .module.scss or .module.sass
+  {
+    test: sassRegex,
+    exclude: sassModuleRegex,
+    use: getStyleLoaders(styleLoader, {
+      importLoaders: 3,
+      sourceMap,
+      modules: {
+        mode: 'icss'
       }
-    }, {
-      loader: requireModule.resolve('postcss-loader'),
-      options: Object.assign({
-        postcssOptions: {
-          plugins: BalmJS.plugins.postcssPlugins(true)
-        },
-        sourceMap
-      }, BalmJS.config.scripts.postcssLoaderOptions)
-    }],
+    }, 'sass-loader', {
+      // Prefer `dart-sass`
+      implementation: requireModule.resolve('sass')
+    }),
     // Don't consider CSS imports dead code even if the
     // containing package claims to have no side effects.
     // Remove this when webpack adds a warning or an error for this.
     // See https://github.com/webpack/webpack/issues/6571
     sideEffects: true
-  };
+  }];
 }
 
 export default cssLoader;

package/lib/bundler/webpack/rules/url.js

@@ -1,10 +1,10 @@
-import { STATIC_ASSETS } from '../../../config/constants.js';
+import { STATIC_ASSETS, HASH_NAME_DEV } from '../../../config/constants.js';
 import { imgRegex, fontRegex, mediaRegex } from '../config/regex.js';
 const imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');
 
 function urlLoader() {
   const PATHNAME = `${BalmJS.config.paths.target.js}/${STATIC_ASSETS}/`;
-  const FILENAME = '[name].[hash:8].[ext]';
+  const FILENAME = `[name].${HASH_NAME_DEV}[ext]`;
   const options = Object.assign({
     limit: imageInlineSizeLimit,
     // Loads files as `base64` encoded URL

package/lib/config/constants.js

@@ -3,7 +3,8 @@ const PUBLIC_URL = '%PUBLIC_URL%';
 const ASSETS_KEYS = ['css', 'js', 'img', 'font', 'media'];
 const ASYNC_SCRIPTS = 'async';
 const STATIC_ASSETS = 'assets';
-const HASH_NAME = '[contenthash:8]';
+const HASH_NAME_PROD = '[contenthash:8]';
+const HASH_NAME_DEV = '[hash:8]';
 const HMR_PATH = '/__balm_hmr';
 const MP_ASSETS = 'common';
-export { DOMAIN, PUBLIC_URL, ASSETS_KEYS, ASYNC_SCRIPTS, STATIC_ASSETS, HASH_NAME, HMR_PATH, MP_ASSETS };
+export { DOMAIN, PUBLIC_URL, ASSETS_KEYS, ASYNC_SCRIPTS, STATIC_ASSETS, HASH_NAME_PROD, HASH_NAME_DEV, HMR_PATH, MP_ASSETS };

package/lib/config/globals.js

@@ -1,5 +1,5 @@
-import path from 'path';
-import fs from 'fs';
+import path from 'node:path';
+import fs from 'node:fs';
 import colors from 'ansi-colors';
 import { create } from 'browser-sync';
 import through2 from 'through2';

package/lib/config/scripts.js

@@ -11,7 +11,7 @@ const minifyOptions = {
   ecma: 5,
   parse: {
     // We want terser to parse ecma 8 code. However, we don't want it
-    // to apply any minfication steps that turns valid ecma 5 code
+    // to apply any minification steps that turns valid ecma 5 code
     // into invalid ecma 5 code. This is why the 'compress' and 'output'
     // sections only apply transformations that are ecma 5 safe
     // https://github.com/facebook/create-react-app/pull/4234
@@ -25,7 +25,7 @@ const minifyOptions = {
     comparisons: false,
     // Disabled because of an issue with Terser breaking valid code:
     // https://github.com/facebook/create-react-app/issues/5250
-    // Pending futher investigation:
+    // Pending further investigation:
     // https://github.com/terser-js/terser/issues/120
     inline: 2
   },
@@ -47,8 +47,7 @@ const lint = false;
  */
 // Output
 
-const library = '';
-const libraryTarget = 'var'; // Module
+const library = ''; // Module
 
 const loaders = [];
 const defaultLoaders = {};
@@ -123,8 +122,7 @@ const optimization = {};
 const extractAllVendors = false; // Extract all vendors (all in one)
 
 const vendorName = 'vendor'; // AllInOne vendor filename or Vendors folder name
-
-const useCache = false; // IE8 compatibility
+// IE8 compatibility
 
 const ie8 = false;
 /**
@@ -150,7 +148,6 @@ export default {
   lint,
   // webpack
   library,
-  libraryTarget,
   loaders,
   defaultLoaders,
   includeJsResource,
@@ -174,7 +171,6 @@ export default {
   optimization,
   extractAllVendors,
   vendorName,
-  useCache,
   ie8,
   // rollup
   inputOptions,

package/lib/hello.js

@@ -1,6 +1,7 @@
-import { createRequire } from 'module';
-import { EventEmitter } from 'events';
-import fs from 'fs';
+import { createRequire } from 'node:module';
+import fs from 'node:fs';
+import { URL } from 'node:url';
+import { EventEmitter } from 'node:events';
 import cacheBalmCore from './utilities/cache-core.js';
 const requireModule = createRequire(import.meta.url);
 const balmCorePkg = JSON.parse(fs.readFileSync(new URL('../package.json', import.meta.url), 'utf8'));

package/lib/middlewares/proxy.js

@@ -33,7 +33,10 @@ function httpProxyMiddleware() {
         handleProxyConfigError();
       }
     } catch (error) {
-      BalmJS.logger.error('proxy middleware', error.message);
+      const {
+        message
+      } = error;
+      BalmJS.logger.error('proxy middleware', message);
     }
   }
 

package/lib/plugins/plumber.js

@@ -1,5 +1,5 @@
 // Reference `gulp-plumber@1.2.1`
-import { EventEmitter } from 'events';
+import { EventEmitter } from 'node:events';
 const PLUGIN_NAME = 'plumber';
 const emitter = new EventEmitter();
 

package/lib/plugins/postcss.js

@@ -1,4 +1,4 @@
-import { Transform } from 'stream';
+import { Transform } from 'node:stream';
 import postcss from 'postcss';
 import postcssLoadConfig from 'postcss-load-config';
 import applySourceMap from 'vinyl-sourcemaps-apply';

package/lib/plugins/rename.js

@@ -1,5 +1,5 @@
 // Reference `gulp-rename@2.0.0`
-import { Transform } from 'stream';
+import { Transform } from 'node:stream';
 
 function gulpRename(obj, options = {}) {
   const stream = new Transform({

package/lib/plugins/replace.js

@@ -5,7 +5,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 // Reference `gulp-replace@1.1.3`
-import { Transform } from 'stream';
+import { Transform } from 'node:stream';
 import { isText } from 'istextorbinary';
 import rs from '../utilities/replacestream.js';
 const defaultOptions = {

package/lib/tasks/index.js

@@ -31,7 +31,10 @@ function registerTasks(recipe) {
   try {
     recipe(new BalmHooks());
   } catch (error) {
-    BalmJS.logger.error('balm hook', error.message);
+    const {
+      message
+    } = error;
+    BalmJS.logger.error('balm hook', message);
   } // 3. Register balm default task
 
 

package/lib/tasks/private/clean.js

@@ -1,5 +1,9 @@
 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; }
 
+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 _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
@@ -29,7 +33,7 @@ class CleanTask extends BalmJS.BalmTask {
   constructor() {
     super('clean');
 
-    _getAssetsDir.set(this, {
+    _classPrivateFieldInitSpec(this, _getAssetsDir, {
       writable: true,
       value: (rootKey = 'assets') => {
         return unique(ASSETS_KEYS.map(assetKey => BalmJS.config[rootKey][assetKey]));

package/lib/tasks/private/modernizr.js

@@ -1,5 +1,9 @@
 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; }
 
+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 _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
@@ -18,7 +22,7 @@ class ModernizrTask extends BalmJS.BalmTask {
   constructor() {
     super('modernizr');
 
-    _readConfig.set(this, {
+    _classPrivateFieldInitSpec(this, _readConfig, {
       writable: true,
       value: () => {
         return new Promise((resolve, reject) => {
@@ -30,7 +34,7 @@ class ModernizrTask extends BalmJS.BalmTask {
       }
     });
 
-    _createDir.set(this, {
+    _classPrivateFieldInitSpec(this, _createDir, {
       writable: true,
       value: () => {
         return new Promise((resolve, reject) => {
@@ -44,7 +48,7 @@ class ModernizrTask extends BalmJS.BalmTask {
       }
     });
 
-    _generateScript.set(this, {
+    _classPrivateFieldInitSpec(this, _generateScript, {
       writable: true,
       value: config => {
         return new Promise((resolve, reject) => {