@modern-js/plugin-tailwindcss 2.0.0-beta.2 → 2.0.0-beta.4

package/dist/js/node/utils.js

@@ -1,13 +1,55 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  checkTwinMacroNotExist: () => checkTwinMacroNotExist,
+  template: () => template
 });
-exports.template = exports.checkTwinMacroNotExist = void 0;
-var _path = _interopRequireDefault(require("path"));
-var _utils = require("@modern-js/utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const template = configPath => `
+module.exports = __toCommonJS(stdin_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const template = (configPath) => `
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -27,15 +69,13 @@ module.exports = {
     ...tailwindcss,
 };
 `;
-exports.template = template;
-const checkTwinMacroNotExist = async appDirectory => {
-  const depName = 'twin.macro';
-  const packageJson = (await _utils.fs.readJSON(_path.default.join(appDirectory, 'package.json'), {
+const checkTwinMacroNotExist = (appDirectory) => __async(void 0, null, function* () {
+  const depName = "twin.macro";
+  const packageJson = (yield import_utils.fs.readJSON(import_path.default.join(appDirectory, "package.json"), {
     throws: false
   })) || {};
-  if (typeof packageJson.dependencies === 'object' && packageJson.dependencies[depName] || typeof packageJson.devDependencies === 'object' && packageJson.devDependencies[depName]) {
+  if (typeof packageJson.dependencies === "object" && packageJson.dependencies[depName] || typeof packageJson.devDependencies === "object" && packageJson.devDependencies[depName]) {
     return false;
   }
   return true;
-};
-exports.checkTwinMacroNotExist = checkTwinMacroNotExist;
+});

package/dist/js/treeshaking/cli.js

@@ -1,140 +1,272 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import path from 'path';
-import { PLUGIN_SCHEMAS, fs, CONFIG_CACHE_DIR, globby, nanoid, slash } from '@modern-js/utils';
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+var __generator = this && this.__generator || function(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return(g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g);
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+};
+import path from "path";
+import { PLUGIN_SCHEMAS, fs, CONFIG_CACHE_DIR, globby, nanoid, slash } from "@modern-js/utils";
 import DesignTokenPlugin from "./design-token/cli";
 import { getTailwindConfig } from "./tailwind";
 import { template, checkTwinMacroNotExist } from "./utils";
-var supportCssInJsLibrary = 'styled-components';
-export var getRandomTwConfigFileName = function getRandomTwConfigFileName(internalDirectory) {
-  return slash(path.join(internalDirectory, "tailwind.config.".concat(Date.now(), ".").concat(nanoid(), ".js")));
+var supportCssInJsLibrary = "styled-components";
+var getRandomTwConfigFileName = function(internalDirectory) {
+    return slash(path.join(internalDirectory, "tailwind.config.".concat(Date.now(), ".").concat(nanoid(), ".js")));
 };
-export default (function () {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      pluginName: '@modern-js/plugin-tailwindcss'
-    },
-    pluginName = _ref.pluginName;
-  return {
-    name: '@modern-js/plugin-tailwindcss',
-    // support designSystem.supportStyledComponents
-    usePlugins: [DesignTokenPlugin({
-      pluginName: pluginName
-    })],
-    setup: function () {
-      var _setup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(api) {
-        var _api$useAppContext, appDirectory, internalDirectory, internalTwConfigPath, notHaveTwinMacro;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _api$useAppContext = api.useAppContext(), appDirectory = _api$useAppContext.appDirectory, internalDirectory = _api$useAppContext.internalDirectory;
-                internalTwConfigPath = ''; // When reinstalling dependencies, most of the time the project will be restarted
-                _context.next = 4;
-                return checkTwinMacroNotExist(appDirectory);
-              case 4:
-                notHaveTwinMacro = _context.sent;
-                return _context.abrupt("return", {
-                  prepare: function prepare() {
-                    if (notHaveTwinMacro) {
-                      return;
-                    }
-                    internalTwConfigPath = getRandomTwConfigFileName(internalDirectory);
-                    var globPattern = slash(path.join(appDirectory, CONFIG_CACHE_DIR, '*.cjs'));
-                    var files = globby.sync(globPattern, {
-                      absolute: true
-                    });
-                    if (files.length > 0) {
-                      fs.writeFileSync(internalTwConfigPath, template(files[files.length - 1]), 'utf-8');
-                    }
-                  },
-                  validateSchema: function validateSchema() {
-                    return PLUGIN_SCHEMAS['@modern-js/plugin-tailwindcss'];
-                  },
-                  config: function config() {
-                    return {
-                      tools: {
-                        // TODO: Add interface about postcss config
-                        // TODO: In module project, also is called, but should not be called.
-                        postcss: function postcss(config) {
-                          var modernConfig = api.useResolvedConfigContext();
-                          if (!config.postcssOptions
-                          // config.$$tools === 'module-tools'
-                          ) {
-                            if (Array.isArray(config.plugins)) {
-                              var tailwindConfig = getTailwindConfig(modernConfig, {
-                                pureConfig: {
-                                  content: ['./src/**/*.js', './src/**/*.jsx', './src/**/*.ts', './src/**/*.tsx', './src/**/*.less', './src/**/*.css', './src/**/*.sass', './src/**/*.scss', './styles/**/*.less', './styles/**/*.css', './styles/**/*.sass', './styles/**/*.scss']
-                                }
-                              });
-                              config.plugins.push(require('tailwindcss')(tailwindConfig));
-                            } else {
-                              var _tailwindConfig = getTailwindConfig(modernConfig, {
-                                pureConfig: {
-                                  content: ['./src/**/*.js', './src/**/*.jsx', './src/**/*.ts', './src/**/*.tsx', './src/**/*.less', './src/**/*.css', './src/**/*.sass', './src/**/*.scss', './styles/**/*.less', './styles/**/*.css', './styles/**/*.sass', './styles/**/*.scss']
-                                }
-                              });
-                              config.plugins = [require('tailwindcss')(_tailwindConfig)];
-                            }
-                          } else {
-                            var _tailwindConfig2 = getTailwindConfig(modernConfig, {
-                              pureConfig: {
-                                content: ['./config/html/**/*.html', './config/html/**/*.ejs', './config/html/**/*.hbs', './src/**/*.js', './src/**/*.jsx', './src/**/*.ts', './src/**/*.tsx',
-                                // about storybook
-                                './storybook/**/*', './styles/**/*.less', './styles/**/*.css', './styles/**/*.sass', './styles/**/*.scss']
-                              }
-                            });
-                            if (Array.isArray(config.postcssOptions.plugins)) {
-                              config.postcssOptions.plugins.push(require('tailwindcss')(_tailwindConfig2));
-                            } else {
-                              config.postcssOptions.plugins = [require('tailwindcss')(_tailwindConfig2)];
-                            }
-                          }
-                        },
-                        babel: function babel(config) {
-                          var _config$plugins;
-                          if (notHaveTwinMacro) {
-                            return;
-                          }
-                          var twinConfig = {
-                            twin: {
-                              preset: supportCssInJsLibrary,
-                              config: internalTwConfigPath
-                            }
-                          };
-                          (_config$plugins = config.plugins) === null || _config$plugins === void 0 ? void 0 : _config$plugins.some(function (plugin) {
-                            if (Array.isArray(plugin) && plugin[0]) {
-                              var pluginTarget = plugin[0];
-                              var pluginOptions = plugin[1];
-                              if (typeof pluginTarget === 'string' &&
-                              // TODO: use babel chain
-                              slash(pluginTarget).includes('compiled/babel-plugin-macros')) {
-                                if (pluginOptions) {
-                                  pluginOptions = _objectSpread(_objectSpread({}, pluginOptions), twinConfig);
-                                } else {
-                                  plugin.push(twinConfig);
+var cli_default = function() {
+    var pluginName = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
+        pluginName: "@modern-js/plugin-tailwindcss"
+    }).pluginName;
+    return {
+        name: "@modern-js/plugin-tailwindcss",
+        usePlugins: [
+            DesignTokenPlugin({
+                pluginName: pluginName
+            })
+        ],
+        setup: function() {
+            var _ref = _asyncToGenerator(function(api) {
+                var ref, appDirectory, internalDirectory, internalTwConfigPath, notHaveTwinMacro;
+                return __generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            ref = api.useAppContext(), appDirectory = ref.appDirectory, internalDirectory = ref.internalDirectory;
+                            internalTwConfigPath = "";
+                            return [
+                                4,
+                                checkTwinMacroNotExist(appDirectory)
+                            ];
+                        case 1:
+                            notHaveTwinMacro = _state.sent();
+                            return [
+                                2,
+                                {
+                                    prepare: function prepare() {
+                                        if (notHaveTwinMacro) {
+                                            return;
+                                        }
+                                        internalTwConfigPath = getRandomTwConfigFileName(internalDirectory);
+                                        var globPattern = slash(path.join(appDirectory, CONFIG_CACHE_DIR, "*.cjs"));
+                                        var files = globby.sync(globPattern, {
+                                            absolute: true
+                                        });
+                                        if (files.length > 0) {
+                                            fs.writeFileSync(internalTwConfigPath, template(files[files.length - 1]), "utf-8");
+                                        }
+                                    },
+                                    validateSchema: function validateSchema() {
+                                        return PLUGIN_SCHEMAS["@modern-js/plugin-tailwindcss"];
+                                    },
+                                    config: function config() {
+                                        return {
+                                            tools: {
+                                                postcss: function(config) {
+                                                    var ref, ref1;
+                                                    var modernConfig = api.useResolvedConfigContext();
+                                                    var tailwindConfig = getTailwindConfig(modernConfig === null || modernConfig === void 0 ? void 0 : (ref = modernConfig.tools) === null || ref === void 0 ? void 0 : ref.tailwindcss, modernConfig === null || modernConfig === void 0 ? void 0 : (ref1 = modernConfig.source) === null || ref1 === void 0 ? void 0 : ref1.designSystem, {
+                                                        pureConfig: {
+                                                            content: [
+                                                                "./config/html/**/*.html",
+                                                                "./config/html/**/*.ejs",
+                                                                "./config/html/**/*.hbs",
+                                                                "./src/**/*.js",
+                                                                "./src/**/*.jsx",
+                                                                "./src/**/*.ts",
+                                                                "./src/**/*.tsx",
+                                                                "./storybook/**/*",
+                                                                "./styles/**/*.less",
+                                                                "./styles/**/*.css",
+                                                                "./styles/**/*.sass",
+                                                                "./styles/**/*.scss"
+                                                            ]
+                                                        }
+                                                    });
+                                                    if (Array.isArray(config.postcssOptions.plugins)) {
+                                                        config.postcssOptions.plugins.push(require("tailwindcss")(tailwindConfig));
+                                                    } else {
+                                                        config.postcssOptions.plugins = [
+                                                            require("tailwindcss")(tailwindConfig)
+                                                        ];
+                                                    }
+                                                },
+                                                babel: function babel(_, param) {
+                                                    var addPlugins = param.addPlugins;
+                                                    if (notHaveTwinMacro) {
+                                                        return;
+                                                    }
+                                                    addPlugins([
+                                                        [
+                                                            require.resolve("babel-plugin-macros"),
+                                                            {
+                                                                twin: {
+                                                                    preset: supportCssInJsLibrary,
+                                                                    config: internalTwConfigPath
+                                                                }
+                                                            }
+                                                        ]
+                                                    ]);
+                                                }
+                                            }
+                                        };
+                                    },
+                                    beforeBuildTask: function beforeBuildTask(param) {
+                                        var config = param.config;
+                                        var modernConfig = api.useResolvedConfigContext();
+                                        var designSystem = modernConfig.designSystem;
+                                        var tailwindConfig = getTailwindConfig(config.style.tailwindCss, designSystem, {
+                                            pureConfig: {
+                                                content: [
+                                                    "./config/html/**/*.html",
+                                                    "./config/html/**/*.ejs",
+                                                    "./config/html/**/*.hbs",
+                                                    "./src/**/*.js",
+                                                    "./src/**/*.jsx",
+                                                    "./src/**/*.ts",
+                                                    "./src/**/*.tsx",
+                                                    "./storybook/**/*",
+                                                    "./styles/**/*.less",
+                                                    "./styles/**/*.css",
+                                                    "./styles/**/*.sass",
+                                                    "./styles/**/*.scss"
+                                                ]
+                                            }
+                                        });
+                                        if (Array.isArray(config.style.postcss.plugins)) {
+                                            config.style.postcss.plugins.push(require("tailwindcss")(tailwindConfig));
+                                        } else {
+                                            config.style.postcss.plugins = [
+                                                require("tailwindcss")(tailwindConfig)
+                                            ];
+                                        }
+                                        return config;
+                                    }
                                 }
-                                return true;
-                              }
-                            }
-                            return false;
-                          });
-                        }
-                      }
-                    };
-                  }
+                            ];
+                    }
                 });
-              case 6:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      function setup(_x) {
-        return _setup.apply(this, arguments);
-      }
-      return setup;
-    }()
-  };
-});
+            });
+            return function(api) {
+                return _ref.apply(this, arguments);
+            };
+        }()
+    };
+};
+export { cli_default as default, getRandomTwConfigFileName };