balm-core 3.30.0 → 3.31.0

package/lib/tasks/public/rollup.js

@@ -28,17 +28,15 @@ var RollupTask = /*#__PURE__*/function (_BalmJS$BalmTask) {
       var balmBundler = /*#__PURE__*/function () {
         var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(callback) {
           return _regenerator["default"].wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.next = 2;
-                  return (0, _rollup["default"])(input, output);
-                case 2:
-                  callback();
-                case 3:
-                case "end":
-                  return _context.stop();
-              }
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return (0, _rollup["default"])(input, output);
+              case 2:
+                callback();
+              case 3:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }));

package/lib/utilities/file.js

@@ -13,7 +13,7 @@ var _publicUrl = _interopRequireDefault(require("./public-url"));
 var _constants = require("../config/constants");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 // Make sure any symlinks in the project folder are resolved
 var appDirectory = _fs["default"].realpathSync(process.cwd());
 var resolveApp = function resolveApp(relativePath) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "balm-core",
-  "version": "3.30.0",
+  "version": "3.31.0",
   "description": "BalmJS compiler core",
   "keywords": [
     "balm",
@@ -44,7 +44,7 @@
     "async": "^3.2.4",
     "autoprefixer": "9",
     "babel-loader": "8",
-    "browser-sync": "^2.27.11",
+    "browser-sync": "^2.29.0",
     "connect-history-api-fallback": "^2.0.0",
     "css-loader": "5",
     "cssnano": "4",
@@ -74,6 +74,7 @@
     "parents": "^1.0.1",
     "plugin-error": "^2.0.1",
     "postcss": "7",
+    "postcss-flexbugs-fixes": "4",
     "postcss-import": "12",
     "postcss-load-config": "2",
     "postcss-loader": "4",
@@ -89,7 +90,8 @@
     "ssh2": "0.8.9",
     "strip-ansi": "6",
     "style-loader": "2",
-    "terser": "^5.16.2",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "terser": "^5.16.6",
     "terser-webpack-plugin": "4",
     "through2": "^4.0.2",
     "through2-concurrent": "^2.0.0",
@@ -97,7 +99,7 @@
     "url-loader": "^4.1.1",
     "vinyl-sourcemaps-apply": "^0.2.1",
     "webpack": "4",
-    "webpack-bundle-analyzer": "^4.7.0",
+    "webpack-bundle-analyzer": "^4.8.0",
     "webpack-dev-middleware": "3",
     "webpack-hot-middleware": "^2.25.3",
     "webpack-merge": "^5.8.0",
@@ -117,5 +119,5 @@
   "engines": {
     "node": ">=10.13.0"
   },
-  "gitHead": "0c04c5c4bfca62e2558097b9694603164727ce88"
+  "gitHead": "c8dba4cdbc84c9ea0f7e2912fb3f3b4b04b01caa"
 }

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

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const fs_1 = tslib_1.__importDefault(require("fs"));
 const regex_1 = require("../config/regex");
+const useTailwind = fs_1.default.existsSync(path.join(BalmJS.config.workspace, 'tailwind.config.js'));
 function cssLoader() {
     let styleLoader = {
         loader: require.resolve('style-loader'),
@@ -48,7 +51,7 @@ function cssLoader() {
                 loader: require.resolve('postcss-loader'),
                 options: Object.assign({
                     postcssOptions: {
-                        plugins: BalmJS.plugins.postcssPlugins(true)
+                        plugins: BalmJS.plugins.postcssPlugins(true, useTailwind)
                     },
                     sourceMap
                 }, BalmJS.config.scripts.postcssLoaderOptions)

package/tslib/config/styles.js

@@ -12,10 +12,10 @@ const options = {
 const sassOptions = {};
 const lessOptions = {};
 const postcssEnvOptions = {
-    stage: 0,
     autoprefixer: {
         flexbox: 'no-2009'
-    }
+    },
+    stage: 3
 };
 const postcssPlugins = [];
 const imageBasePath = '../';

package/tslib/plugins/postcss-plugins.js

@@ -1,14 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-function getDefaultPostcssPlugins(isPostCSS = false) {
-    const postcssPresetEnv = require('postcss-preset-env');
+function getDefaultPostcssPlugins(isPostCSS = false, useTailwind = false) {
     const atImport = require('postcss-import');
+    const postcssFlexbugsFixes = require('postcss-flexbugs-fixes');
+    const postcssPresetEnv = require('postcss-preset-env');
     const autoprefixer = require('autoprefixer');
     const cssnano = require('cssnano');
     const defaultPostcssPlugins = isPostCSS || BalmJS.config.styles.extname === 'css'
         ? [
-            postcssPresetEnv(BalmJS.config.styles.postcssEnvOptions),
-            atImport({ path: BalmJS.file.stylePaths })
+            ...(useTailwind ? ['tailwindcss'] : []),
+            atImport({ path: BalmJS.file.stylePaths }),
+            postcssFlexbugsFixes(),
+            postcssPresetEnv(BalmJS.config.styles.postcssEnvOptions)
         ]
         : [];
     const cssnanoPlugin = BalmJS.config.env.isProd || BalmJS.config.styles.minify