@modern-js/plugin-tailwindcss 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/js/node/design-token/cli/index.js

@@ -4,49 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _utils = require("@modern-js/utils");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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; }
-
 var _default = ({
   pluginName
 } = {
   pluginName: '@modern-js/plugin-tailwindcss'
 }) => ({
   name: '@modern-js/plugin-design-token',
-
   setup(api) {
     let pluginsExportsUtils;
     const resolveConfig = (0, _utils.lazyImport)('tailwindcss/resolveConfig', require);
     const PLUGIN_IDENTIFIER = 'designToken';
-
     const getDesignTokens = userConfig => {
-      const {
-        source: {
-          designSystem
-        }
-      } = userConfig; // TODO: Type to be filled
-
+      var _userConfig$source;
+      const designSystem = (_userConfig$source = userConfig.source) === null || _userConfig$source === void 0 ? void 0 : _userConfig$source.designSystem;
       const tailwindcssConfig = {};
-      tailwindcssConfig.theme = designSystem ? _objectSpread({}, designSystem) : {}; // not use default design token when designToken.defaultTheme is false or theme is false
+      tailwindcssConfig.theme = designSystem ? _objectSpread({}, designSystem) : {};
 
+      // not use default design token when designToken.defaultTheme is false or theme is false
       if (!designSystem) {
         tailwindcssConfig.presets = [];
-      } // when only designSystem exist, need remove supportStyledComponents
-
+      }
 
+      // when only designSystem exist, need remove supportStyledComponents
       if (designSystem) {
         delete tailwindcssConfig.theme.supportStyledComponents;
       }
-
       return resolveConfig(tailwindcssConfig).theme || {};
     };
-
     return {
       config() {
         const appContext = api.useAppContext();
@@ -57,25 +45,21 @@ var _default = ({
               '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
             }
           },
-          tools: {// TODO: support less、scss、css vars
+          tools: {
+            // TODO: support less、scss、css vars
             // less: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR166
             // sass: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR229
             // postcss: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR281
           }
         };
       },
-
       modifyEntryImports({
         entrypoint,
         imports
       }) {
+        var _userConfig$source$de, _userConfig$source2;
         const userConfig = api.useResolvedConfigContext();
-        const {
-          source: {
-            designSystem
-          }
-        } = userConfig;
-
+        const designSystem = (_userConfig$source$de = (_userConfig$source2 = userConfig.source) === null || _userConfig$source2 === void 0 ? void 0 : _userConfig$source2.designSystem) !== null && _userConfig$source$de !== void 0 ? _userConfig$source$de : {};
         if (typeof designSystem === 'object' && designSystem.supportStyledComponents) {
           const designTokens = getDesignTokens(userConfig);
           imports.push({
@@ -88,54 +72,42 @@ var _default = ({
             `
           });
         }
-
         return {
           entrypoint,
           imports
         };
       },
-
       modifyEntryRuntimePlugins({
         entrypoint,
         plugins
       }) {
-        const {
-          source: {
-            designSystem
-          }
-        } = api.useResolvedConfigContext();
+        var _userConfig$source$de2, _userConfig$source3;
+        const userConfig = api.useResolvedConfigContext();
+        const designSystem = (_userConfig$source$de2 = (_userConfig$source3 = userConfig.source) === null || _userConfig$source3 === void 0 ? void 0 : _userConfig$source3.designSystem) !== null && _userConfig$source$de2 !== void 0 ? _userConfig$source$de2 : {};
         let useSCThemeProvider = true;
-
         if (designSystem) {
           // when designSystem exist, designToken.styledComponents`s default value is false.
           useSCThemeProvider = (designSystem === null || designSystem === void 0 ? void 0 : designSystem.supportStyledComponents) || false;
         }
-
         if (typeof designSystem === 'object' && designSystem.supportStyledComponents) {
           plugins.push({
             name: PLUGIN_IDENTIFIER,
             options: `{token: designTokens, useStyledComponentsThemeProvider: ${useSCThemeProvider ? 'true' : 'false'}, useDesignTokenContext: false}`
           });
         }
-
         return {
           entrypoint,
           plugins
         };
       },
-
       validateSchema() {
         // add source.designSystem.supportStyledComponents config
         return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-design-token'];
       },
-
       addRuntimeExports() {
         pluginsExportsUtils.addExport(`export { default as designToken } from '${pluginName}/runtime-design-token'`);
       }
-
     };
   }
-
 });
-
 exports.default = _default;

package/dist/js/node/design-token/index.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "default", {
     return _runtime.default;
   }
 });
-
 var _runtime = _interopRequireWildcard(require("./runtime"));
-
 Object.keys(_runtime).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -24,7 +22,5 @@ Object.keys(_runtime).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/js/node/design-token/postcss-plugin/index.js

@@ -4,24 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _default = ({
   cssVarsHash: _cssVarsHash = {}
 } = {}) => ({
   postcssPlugin: 'postcss-replace-css-vars',
-
   Declaration(decl) {
     if (decl.value && typeof decl.value === 'string') {
       decl.value = decl.value.replace(/--\S*/g, match => {
         if (_cssVarsHash[match]) {
           return _cssVarsHash[match];
         }
-
         return match;
       });
     }
   }
-
 });
-
 exports.default = _default;

package/dist/js/node/design-token/runtime/index.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _plugin = _interopRequireWildcard(require("./plugin"));
-
 Object.keys(_plugin).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -19,10 +17,7 @@ Object.keys(_plugin).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = _plugin.default;
 exports.default = _default;

package/dist/js/node/design-token/runtime/plugin.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDesignTokens = exports.default = exports.DesignTokenContext = void 0;
-
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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; }
-
 const DesignTokenContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.DesignTokenContext = DesignTokenContext;
-
 const useDesignTokens = () => (0, _react.useContext)(DesignTokenContext);
-
 exports.useDesignTokens = useDesignTokens;
-
 var _default = (options = {}) => ({
   name: '@modern-js/plugin-design-token',
   setup: () => ({
@@ -43,12 +29,10 @@ var _default = (options = {}) => ({
           useStyledComponentsThemeProvider = false,
           useDesignTokenContext = false
         } = options;
-
         if (useStyledComponentsThemeProvider && useDesignTokenContext) {
           const {
             ThemeProvider
           } = require('@modern-js/runtime/styled');
-
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeProvider, {
             theme: token,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DesignTokenContext.Provider, {
@@ -60,7 +44,6 @@ var _default = (options = {}) => ({
           const {
             ThemeProvider
           } = require('@modern-js/runtime/styled');
-
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeProvider, {
             theme: token,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
@@ -74,13 +57,10 @@ var _default = (options = {}) => ({
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props));
         }
       };
-
       return next({
         App: (0, _hoistNonReactStatics.default)(DesignTokenAppWrapper, App)
       });
     }
-
   })
 });
-
 exports.default = _default;

package/dist/js/node/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _cli.default;
   }
 });
-
 var _cli = _interopRequireDefault(require("./cli"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/js/node/tailwind.js

@@ -4,25 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTailwindConfig = void 0;
-
 var _utils = require("@modern-js/utils");
-
 var _lodash = require("@modern-js/utils/lodash");
-
 const checkIfExistNotAllowKeys = tailwindConfig => {
   const notAllowExistKeys = ['theme'];
   let notAllowKey = '';
   const ret = Object.keys(tailwindConfig).some(key => notAllowExistKeys.includes(key) && (notAllowKey = key));
   return [ret, notAllowKey];
 };
-
 const getPureDesignSystemConfig = designSystemConfig => {
   const pureDesignSystemConfig = (0, _lodash.cloneDeep)(designSystemConfig);
   delete pureDesignSystemConfig.supportStyledComponents;
   return pureDesignSystemConfig;
 };
-
 const getTailwindConfig = (config, option = {}) => {
+  var _ref, _designSystem;
   const purgeConfig = (0, _lodash.merge)({
     // TODO: how the operating environment is determined
     enabled: process.env.NODE_ENV === 'production',
@@ -34,19 +30,16 @@ const getTailwindConfig = (config, option = {}) => {
     purge: purgeConfig
   };
   const tailwindConfig = (0, _utils.applyOptionsChain)(defaultTailwindConfig, config.tools.tailwindcss || {});
-  const designSystem = getPureDesignSystemConfig(config.source.designSystem || {});
+  const designSystem = getPureDesignSystemConfig((_ref = (_designSystem = config.designSystem) !== null && _designSystem !== void 0 ? _designSystem : config.source.designSystem) !== null && _ref !== void 0 ? _ref : {});
   const [exist, key] = checkIfExistNotAllowKeys(tailwindConfig);
-
   if (exist) {
-    _utils.logger.error(`should not exist '${key}' on tools.tailwindcss, please remove it`); // eslint-disable-next-line no-process-exit
-
-
+    _utils.logger.error(`should not exist '${key}' on tools.tailwindcss, please remove it`);
+    // eslint-disable-next-line no-process-exit
     process.exit(0);
-  } // Because there is no default theme configuration
-
+  }
 
+  // Because there is no default theme configuration
   tailwindConfig.theme = designSystem || {};
   return tailwindConfig;
 };
-
 exports.getTailwindConfig = getTailwindConfig;

package/dist/js/node/utils.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 => `
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : { default: obj };
@@ -31,20 +27,15 @@ 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'), {
     throws: false
   })) || {};
-
   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

@@ -12,10 +12,9 @@ export var getRandomTwConfigFileName = function getRandomTwConfigFileName(intern
 };
 export default (function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    pluginName: '@modern-js/plugin-tailwindcss'
-  },
-      pluginName = _ref.pluginName;
-
+      pluginName: '@modern-js/plugin-tailwindcss'
+    },
+    pluginName = _ref.pluginName;
   return {
     name: '@modern-js/plugin-tailwindcss',
     // support designSystem.supportStyledComponents
@@ -25,17 +24,14 @@ export default (function () {
     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", {
@@ -43,13 +39,11 @@ export default (function () {
                     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');
                     }
@@ -64,26 +58,44 @@ export default (function () {
                         // TODO: In module project, also is called, but should not be called.
                         postcss: function postcss(config) {
                           var modernConfig = api.useResolvedConfigContext();
-                          var tailwindConfig = 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 (!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)];
                             }
-                          });
-
-                          if (Array.isArray(config.postcssOptions.plugins)) {
-                            config.postcssOptions.plugins.push(require('tailwindcss')(tailwindConfig));
                           } else {
-                            config.postcssOptions.plugins = [require('tailwindcss')(tailwindConfig)];
+                            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,
@@ -94,36 +106,24 @@ export default (function () {
                             if (Array.isArray(plugin) && plugin[0]) {
                               var pluginTarget = plugin[0];
                               var pluginOptions = plugin[1];
-
-                              if (typeof pluginTarget === 'string' && // TODO: use babel chain
+                              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);
                                 }
-
                                 return true;
                               }
                             }
-
                             return false;
                           });
                         }
                       }
                     };
-                  },
-                  moduleTailwindConfig: function moduleTailwindConfig() {
-                    var modernConfig = api.useResolvedConfigContext();
-                    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']
-                      }
-                    });
-                    return require('tailwindcss')(tailwindConfig);
                   }
                 });
-
               case 6:
               case "end":
                 return _context.stop();
@@ -131,11 +131,9 @@ export default (function () {
           }
         }, _callee);
       }));
-
       function setup(_x) {
         return _setup.apply(this, arguments);
       }
-
       return setup;
     }()
   };

package/dist/js/treeshaking/design-token/cli/index.js

@@ -3,36 +3,32 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { lazyImport, PLUGIN_SCHEMAS, createRuntimeExportsUtils } from '@modern-js/utils';
 export default (function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    pluginName: '@modern-js/plugin-tailwindcss'
-  },
-      pluginName = _ref.pluginName;
-
+      pluginName: '@modern-js/plugin-tailwindcss'
+    },
+    pluginName = _ref.pluginName;
   return {
     name: '@modern-js/plugin-design-token',
     setup: function setup(api) {
       var pluginsExportsUtils;
       var resolveConfig = lazyImport('tailwindcss/resolveConfig', require);
       var PLUGIN_IDENTIFIER = 'designToken';
-
       var getDesignTokens = function getDesignTokens(userConfig) {
-        var _ref2 = userConfig,
-            designSystem = _ref2.source.designSystem; // TODO: Type to be filled
-
+        var _userConfig$source;
+        var designSystem = (_userConfig$source = userConfig.source) === null || _userConfig$source === void 0 ? void 0 : _userConfig$source.designSystem;
         var tailwindcssConfig = {};
-        tailwindcssConfig.theme = designSystem ? _objectSpread({}, designSystem) : {}; // not use default design token when designToken.defaultTheme is false or theme is false
+        tailwindcssConfig.theme = designSystem ? _objectSpread({}, designSystem) : {};
 
+        // not use default design token when designToken.defaultTheme is false or theme is false
         if (!designSystem) {
           tailwindcssConfig.presets = [];
-        } // when only designSystem exist, need remove supportStyledComponents
-
+        }
 
+        // when only designSystem exist, need remove supportStyledComponents
         if (designSystem) {
           delete tailwindcssConfig.theme.supportStyledComponents;
         }
-
         return resolveConfig(tailwindcssConfig).theme || {};
       };
-
       return {
         config: function config() {
           var appContext = api.useAppContext();
@@ -43,19 +39,20 @@ export default (function () {
                 '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
               }
             },
-            tools: {// TODO: support less、scss、css vars
+            tools: {
+              // TODO: support less、scss、css vars
               // less: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR166
               // sass: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR229
               // postcss: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR281
             }
           };
         },
-        modifyEntryImports: function modifyEntryImports(_ref3) {
-          var entrypoint = _ref3.entrypoint,
-              imports = _ref3.imports;
+        modifyEntryImports: function modifyEntryImports(_ref2) {
+          var _userConfig$source$de, _userConfig$source2;
+          var entrypoint = _ref2.entrypoint,
+            imports = _ref2.imports;
           var userConfig = api.useResolvedConfigContext();
-          var designSystem = userConfig.source.designSystem;
-
+          var designSystem = (_userConfig$source$de = (_userConfig$source2 = userConfig.source) === null || _userConfig$source2 === void 0 ? void 0 : _userConfig$source2.designSystem) !== null && _userConfig$source$de !== void 0 ? _userConfig$source$de : {};
           if (_typeof(designSystem) === 'object' && designSystem.supportStyledComponents) {
             var designTokens = getDesignTokens(userConfig);
             imports.push({
@@ -66,33 +63,28 @@ export default (function () {
               initialize: "\n  const designTokens = ".concat(JSON.stringify(designTokens), ";\n            ")
             });
           }
-
           return {
             entrypoint: entrypoint,
             imports: imports
           };
         },
-        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref4) {
-          var entrypoint = _ref4.entrypoint,
-              plugins = _ref4.plugins;
-
-          var _ref5 = api.useResolvedConfigContext(),
-              designSystem = _ref5.source.designSystem;
-
+        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref3) {
+          var _userConfig$source$de2, _userConfig$source3;
+          var entrypoint = _ref3.entrypoint,
+            plugins = _ref3.plugins;
+          var userConfig = api.useResolvedConfigContext();
+          var designSystem = (_userConfig$source$de2 = (_userConfig$source3 = userConfig.source) === null || _userConfig$source3 === void 0 ? void 0 : _userConfig$source3.designSystem) !== null && _userConfig$source$de2 !== void 0 ? _userConfig$source$de2 : {};
           var useSCThemeProvider = true;
-
           if (designSystem) {
             // when designSystem exist, designToken.styledComponents`s default value is false.
             useSCThemeProvider = (designSystem === null || designSystem === void 0 ? void 0 : designSystem.supportStyledComponents) || false;
           }
-
           if (_typeof(designSystem) === 'object' && designSystem.supportStyledComponents) {
             plugins.push({
               name: PLUGIN_IDENTIFIER,
               options: "{token: designTokens, useStyledComponentsThemeProvider: ".concat(useSCThemeProvider ? 'true' : 'false', ", useDesignTokenContext: false}")
             });
           }
-
           return {
             entrypoint: entrypoint,
             plugins: plugins