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

package/dist/js/node/cli.js

@@ -4,33 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRandomTwConfigFileName = exports.default = void 0;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _utils = require("@modern-js/utils");
-
 var _cli = _interopRequireDefault(require("./design-token/cli"));
-
 var _tailwind = require("./tailwind");
-
 var _utils2 = require("./utils");
-
 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 supportCssInJsLibrary = 'styled-components';
-
 const getRandomTwConfigFileName = internalDirectory => {
   return (0, _utils.slash)(_path.default.join(internalDirectory, `tailwind.config.${Date.now()}.${(0, _utils.nanoid)()}.js`));
 };
-
 exports.getRandomTwConfigFileName = getRandomTwConfigFileName;
-
 var _default = ({
   pluginName
 } = {
@@ -46,31 +33,26 @@ var _default = ({
       appDirectory,
       internalDirectory
     } = api.useAppContext();
-    let internalTwConfigPath = ''; // When reinstalling dependencies, most of the time the project will be restarted
-
+    let internalTwConfigPath = '';
+    // When reinstalling dependencies, most of the time the project will be restarted
     const notHaveTwinMacro = await (0, _utils2.checkTwinMacroNotExist)(appDirectory);
     return {
       prepare() {
         if (notHaveTwinMacro) {
           return;
         }
-
         internalTwConfigPath = getRandomTwConfigFileName(internalDirectory);
         const globPattern = (0, _utils.slash)(_path.default.join(appDirectory, _utils.CONFIG_CACHE_DIR, '*.cjs'));
-
         const files = _utils.globby.sync(globPattern, {
           absolute: true
         });
-
         if (files.length > 0) {
           _utils.fs.writeFileSync(internalTwConfigPath, (0, _utils2.template)(files[files.length - 1]), 'utf-8');
         }
       },
-
       validateSchema() {
         return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-tailwindcss'];
       },
-
       config() {
         return {
           tools: {
@@ -78,27 +60,44 @@ var _default = ({
             // TODO: In module project, also is called, but should not be called.
             postcss: config => {
               const modernConfig = api.useResolvedConfigContext();
-              const tailwindConfig = (0, _tailwind.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)) {
+                  const tailwindConfig = (0, _tailwind.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 {
+                  const tailwindConfig = (0, _tailwind.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)];
+                const tailwindConfig = (0, _tailwind.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')(tailwindConfig));
+                } else {
+                  config.postcssOptions.plugins = [require('tailwindcss')(tailwindConfig)];
+                }
               }
             },
-
             babel(config) {
               var _config$plugins;
-
               if (notHaveTwinMacro) {
                 return;
               }
-
               const twinConfig = {
                 twin: {
                   preset: supportCssInJsLibrary,
@@ -109,39 +108,24 @@ var _default = ({
                 if (Array.isArray(plugin) && plugin[0]) {
                   const pluginTarget = plugin[0];
                   let pluginOptions = plugin[1];
-
-                  if (typeof pluginTarget === 'string' && // TODO: use babel chain
+                  if (typeof pluginTarget === 'string' &&
+                  // TODO: use babel chain
                   (0, _utils.slash)(pluginTarget).includes('compiled/babel-plugin-macros')) {
                     if (pluginOptions) {
                       pluginOptions = _objectSpread(_objectSpread({}, pluginOptions), twinConfig);
                     } else {
                       plugin.push(twinConfig);
                     }
-
                     return true;
                   }
                 }
-
                 return false;
               });
             }
-
           }
         };
-      },
-
-      moduleTailwindConfig() {
-        const modernConfig = api.useResolvedConfigContext();
-        const tailwindConfig = (0, _tailwind.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);
       }
-
     };
   }
 });
-
 exports.default = _default;

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 _config$tools, _ref, _designSystem;
   const purgeConfig = (0, _lodash.merge)({
     // TODO: how the operating environment is determined
     enabled: process.env.NODE_ENV === 'production',
@@ -33,20 +29,17 @@ const getTailwindConfig = (config, option = {}) => {
   const defaultTailwindConfig = {
     purge: purgeConfig
   };
-  const tailwindConfig = (0, _utils.applyOptionsChain)(defaultTailwindConfig, config.tools.tailwindcss || {});
-  const designSystem = getPureDesignSystemConfig(config.source.designSystem || {});
+  const tailwindConfig = (0, _utils.applyOptionsChain)(defaultTailwindConfig, ((_config$tools = config.tools) === null || _config$tools === void 0 ? void 0 : _config$tools.tailwindcss) || {});
+  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;