balm-core 4.22.1 → 4.23.0

package/index.d.ts

@@ -41,6 +41,10 @@ interface BalmStyles {
   spriteParams: object;
 }
 
+// Sass
+export type SassOptions = import('sass').Options<'sync'>;
+export type SassImporter = import('sass').FileImporter<'sync'>;
+
 // Webpack
 export type WebpackEntry = import('webpack').Entry;
 export type Configuration = import('webpack').Configuration;

package/lib/config/scripts.js

@@ -8,14 +8,6 @@ const minify = false;
  */
 const minifyOptions = {
   ecma: 5,
-  parse: {
-    // We want terser to parse ecma 8 code. However, we don't want it
-    // 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
-    ecma: 2017
-  },
   compress: {
     // Disabled because of an issue with Uglify breaking seemingly valid code:
     // https://github.com/facebook/create-react-app/issues/2376
@@ -31,7 +23,7 @@ const minifyOptions = {
   mangle: {
     safari10: true
   },
-  output: {
+  format: {
     comments: false,
     // Turned on because emoji and regex is not minified properly using default
     // https://github.com/facebook/create-react-app/issues/2488

package/lib/plugins/sass.js

@@ -1,5 +1,6 @@
 import path from 'node:path';
 import fs from 'node:fs';
+import { pathToFileURL } from 'node:url';
 // Reference `gulp-sass@5.1.0`
 import { Transform } from 'node:stream';
 import * as sass from 'sass';
@@ -67,6 +68,21 @@ const gulpSass = options => transformObj((file, encoding, callback) => {
     return callback(null, file);
   }
   const path = file.path;
+
+  // Create alias
+  if (!options.importers && Object.keys(BalmJS.config.scripts.alias).length) {
+    options.importers = [];
+    for (const [key, value] of Object.entries(BalmJS.config.scripts.alias)) {
+      options.importers.push({
+        findFileUrl(url) {
+          if (!url.startsWith(key)) return null;
+          const newUrl = url.replace(new RegExp(`^${key}`), value);
+          BalmJS.logger.debug(`${PLUGIN_NAME} alias`, `${url} -> ${newUrl}`);
+          return pathToFileURL(newUrl);
+        }
+      });
+    }
+  }
   try {
     filePush(file, sassModule.compile(path, options), callback);
   } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "balm-core",
-  "version": "4.22.1",
+  "version": "4.23.0",
   "description": "BalmJS compiler core",
   "keywords": [
     "balm",
@@ -44,14 +44,14 @@
     "@rollup/plugin-terser": "^0.4.3",
     "ansi-colors": "^4.1.3",
     "async": "^3.2.4",
-    "autoprefixer": "^10.4.15",
+    "autoprefixer": "^10.4.16",
     "babel-loader": "^9.1.3",
     "browser-sync": "^2.29.3",
     "connect-history-api-fallback": "^2.0.0",
     "css-loader": "^6.8.1",
     "css-minimizer-webpack-plugin": "^5.0.1",
     "cssnano": "^6.0.1",
-    "del": "^7.0.0",
+    "del": "^7.1.0",
     "dotenv": "^16.3.1",
     "dotenv-expand": "^10.0.0",
     "esbuild": "^0.19.0",
@@ -73,33 +73,33 @@
     "istextorbinary": "^6.0.0",
     "less": "^4.2.0",
     "mini-css-extract-plugin": "^2.7.6",
-    "modernizr": "^3.12.0",
+    "modernizr": "^3.13.0",
     "parents": "^1.0.1",
     "plugin-error": "^2.0.1",
-    "postcss": "^8.4.27",
+    "postcss": "^8.4.30",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-import": "^15.1.0",
     "postcss-load-config": "^4.0.1",
     "postcss-loader": "7.3.3",
-    "postcss-preset-env": "^9.1.1",
+    "postcss-preset-env": "^9.1.4",
     "pretty-bytes": "^6.1.1",
     "readable-stream": "^4.4.2",
     "replace-ext": "^2.0.0",
-    "rollup": "^3.24.0",
-    "sass": "^1.65.1",
+    "rollup": "^3.29.3",
+    "sass": "^1.68.0",
     "sass-loader": "^13.3.2",
     "ssh2": "^1.14.0",
     "strip-ansi": "^7.1.0",
     "style-loader": "^3.3.3",
     "tailwindcss": "^3.3.3",
-    "terser": "^5.19.2",
+    "terser": "^5.20.0",
     "terser-webpack-plugin": "^5.3.9",
     "through2": "^4.0.2",
     "through2-concurrent": "^2.0.0",
-    "tslib": "^2.6.1",
+    "tslib": "^2.6.2",
     "vinyl-sourcemaps-apply": "^0.2.1",
-    "webpack": "^5.88.0",
-    "webpack-bundle-analyzer": "^4.9.0",
+    "webpack": "^5.88.2",
+    "webpack-bundle-analyzer": "^4.9.1",
     "webpack-dev-middleware": "^6.1.1",
     "webpack-hot-middleware": "^2.25.4",
     "webpack-merge": "^5.9.0",
@@ -121,5 +121,5 @@
   "engines": {
     "node": ">=16"
   },
-  "gitHead": "ab3af9d04a485cf0ffa666c9bde1ea3930efbfae"
+  "gitHead": "dd622fb3dd42f96992bf73fc238ebe8e725785b4"
 }

package/tslib/config/scripts.js

@@ -2,9 +2,6 @@ const bundler = 'webpack';
 const minify = false;
 const minifyOptions = {
     ecma: 5,
-    parse: {
-        ecma: 2017
-    },
     compress: {
         comparisons: false,
         inline: 2
@@ -12,7 +9,7 @@ const minifyOptions = {
     mangle: {
         safari10: true
     },
-    output: {
+    format: {
         comments: false,
         ascii_only: true
     }

package/tslib/plugins/sass.js

@@ -1,5 +1,6 @@
 import path from 'node:path';
 import fs from 'node:fs';
+import { pathToFileURL } from 'node:url';
 import { Transform } from 'node:stream';
 import * as sass from 'sass';
 import replaceExtension from 'replace-ext';
@@ -54,6 +55,21 @@ const gulpSass = (options) => transformObj((file, encoding, callback) => {
         return callback(null, file);
     }
     const path = file.path;
+    if (!options.importers &&
+        Object.keys(BalmJS.config.scripts.alias).length) {
+        options.importers = [];
+        for (const [key, value] of Object.entries(BalmJS.config.scripts.alias)) {
+            options.importers.push({
+                findFileUrl(url) {
+                    if (!url.startsWith(key))
+                        return null;
+                    const newUrl = url.replace(new RegExp(`^${key}`), value);
+                    BalmJS.logger.debug(`${PLUGIN_NAME} alias`, `${url} -> ${newUrl}`);
+                    return pathToFileURL(newUrl);
+                }
+            });
+        }
+    }
     try {
         filePush(file, sassModule.compile(path, options), callback);
     }