@modern-js/plugin-tailwindcss 0.0.0-next-20221122140537 → 0.0.0-next-20221123121051

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @modern-js/plugin-tailwindcss
 
-## 0.0.0-next-20221122140537
+## 0.0.0-next-20221123121051
 
 ### Major Changes
 
@@ -40,9 +40,11 @@
 
 ### Patch Changes
 
+- Updated dependencies [a11fcf8b]
 - Updated dependencies [b18fa8f3]
 - Updated dependencies [c9e800d3]
 - Updated dependencies [3e57f2bd]
+- Updated dependencies [fbf5eed5]
 - Updated dependencies [a2509bfb]
 - Updated dependencies [4369648a]
 - Updated dependencies [92f0eade]
@@ -63,8 +65,8 @@
 - Updated dependencies [abf3421a]
 - Updated dependencies [543be955]
 - Updated dependencies [14b712da]
-  - @modern-js/runtime@0.0.0-next-20221122140537
-  - @modern-js/utils@0.0.0-next-20221122140537
+  - @modern-js/runtime@0.0.0-next-20221123121051
+  - @modern-js/utils@0.0.0-next-20221123121051
 
 ## 2.0.0-beta.0
 

package/dist/js/modern/cli.js

@@ -1,9 +1,6 @@
 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; }
-
 import path from 'path';
 import { PLUGIN_SCHEMAS, fs, CONFIG_CACHE_DIR, globby, nanoid, slash } from '@modern-js/utils';
 import DesignTokenPlugin from "./design-token/cli";
@@ -28,30 +25,26 @@ export 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 checkTwinMacroNotExist(appDirectory);
     return {
       prepare() {
         if (notHaveTwinMacro) {
           return;
         }
-
         internalTwConfigPath = getRandomTwConfigFileName(internalDirectory);
         const globPattern = slash(path.join(appDirectory, CONFIG_CACHE_DIR, '*.cjs'));
         const files = globby.sync(globPattern, {
           absolute: true
         });
-
         if (files.length > 0) {
           fs.writeFileSync(internalTwConfigPath, template(files[files.length - 1]), 'utf-8');
         }
       },
-
       validateSchema() {
         return PLUGIN_SCHEMAS['@modern-js/plugin-tailwindcss'];
       },
-
       config() {
         return {
           tools: {
@@ -59,8 +52,8 @@ export default (({
             // TODO: In module project, also is called, but should not be called.
             postcss: config => {
               const modernConfig = api.useResolvedConfigContext();
-
-              if (!config.postcssOptions // config.$$tools === 'module-tools'
+              if (!config.postcssOptions
+              // config.$$tools === 'module-tools'
               ) {
                 if (Array.isArray(config.plugins)) {
                   const tailwindConfig = getTailwindConfig(modernConfig, {
@@ -80,11 +73,11 @@ export default (({
               } else {
                 const tailwindConfig = getTailwindConfig(modernConfig, {
                   pureConfig: {
-                    content: ['./config/html/**/*.html', './config/html/**/*.ejs', './config/html/**/*.hbs', './src/**/*.js', './src/**/*.jsx', './src/**/*.ts', './src/**/*.tsx', // about storybook
+                    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 {
@@ -92,14 +85,11 @@ export default (({
                 }
               }
             },
-
             babel(config) {
               var _config$plugins;
-
               if (notHaveTwinMacro) {
                 return;
               }
-
               const twinConfig = {
                 twin: {
                   preset: supportCssInJsLibrary,
@@ -110,27 +100,23 @@ export 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
                   slash(pluginTarget).includes('compiled/babel-plugin-macros')) {
                     if (pluginOptions) {
                       pluginOptions = _objectSpread(_objectSpread({}, pluginOptions), twinConfig);
                     } else {
                       plugin.push(twinConfig);
                     }
-
                     return true;
                   }
                 }
-
                 return false;
               });
             }
-
           }
         };
       }
-
     };
   }
 }));

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

@@ -1,9 +1,6 @@
 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; }
-
 import { lazyImport, PLUGIN_SCHEMAS, createRuntimeExportsUtils } from '@modern-js/utils';
 export default (({
   pluginName
@@ -11,31 +8,27 @@ export default (({
   pluginName: '@modern-js/plugin-tailwindcss'
 }) => ({
   name: '@modern-js/plugin-design-token',
-
   setup(api) {
     let pluginsExportsUtils;
     const resolveConfig = lazyImport('tailwindcss/resolveConfig', require);
     const PLUGIN_IDENTIFIER = 'designToken';
-
     const getDesignTokens = userConfig => {
       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();
@@ -46,23 +39,21 @@ export 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 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({
@@ -75,51 +66,41 @@ export default (({
             `
           });
         }
-
         return {
           entrypoint,
           imports
         };
       },
-
       modifyEntryRuntimePlugins({
         entrypoint,
         plugins
       }) {
         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 PLUGIN_SCHEMAS['@modern-js/plugin-design-token'];
       },
-
       addRuntimeExports() {
         pluginsExportsUtils.addExport(`export { default as designToken } from '${pluginName}/runtime-design-token'`);
       }
-
     };
   }
-
 }));

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

@@ -2,17 +2,14 @@ export 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;
       });
     }
   }
-
 }));

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

@@ -1,9 +1,6 @@
 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; }
-
 import hoistNonReactStatics from 'hoist-non-react-statics';
 import React, { useContext } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -21,12 +18,10 @@ export default ((options = {}) => ({
           useStyledComponentsThemeProvider = false,
           useDesignTokenContext = false
         } = options;
-
         if (useStyledComponentsThemeProvider && useDesignTokenContext) {
           const {
             ThemeProvider
           } = require('@modern-js/runtime/styled');
-
           return /*#__PURE__*/_jsx(ThemeProvider, {
             theme: token,
             children: /*#__PURE__*/_jsx(DesignTokenContext.Provider, {
@@ -38,7 +33,6 @@ export default ((options = {}) => ({
           const {
             ThemeProvider
           } = require('@modern-js/runtime/styled');
-
           return /*#__PURE__*/_jsx(ThemeProvider, {
             theme: token,
             children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
@@ -52,11 +46,9 @@ export default ((options = {}) => ({
           return /*#__PURE__*/_jsx(App, _objectSpread({}, props));
         }
       };
-
       return next({
         App: hoistNonReactStatics(DesignTokenAppWrapper, App)
       });
     }
-
   })
 }));

package/dist/js/modern/tailwind.js

@@ -1,22 +1,18 @@
 import { applyOptionsChain, logger } from '@modern-js/utils';
 import { merge, cloneDeep } from '@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 = cloneDeep(designSystemConfig);
   delete pureDesignSystemConfig.supportStyledComponents;
   return pureDesignSystemConfig;
 };
-
 const getTailwindConfig = (config, option = {}) => {
   var _ref, _designSystem;
-
   const purgeConfig = merge({
     // TODO: how the operating environment is determined
     enabled: process.env.NODE_ENV === 'production',
@@ -30,16 +26,14 @@ const getTailwindConfig = (config, option = {}) => {
   const tailwindConfig = applyOptionsChain(defaultTailwindConfig, 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) {
-    logger.error(`should not exist '${key}' on tools.tailwindcss, please remove it`); // eslint-disable-next-line no-process-exit
-
+    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;
 };
-
 export { getTailwindConfig };

package/dist/js/modern/utils.js

@@ -25,10 +25,8 @@ export const checkTwinMacroNotExist = async appDirectory => {
   const packageJson = (await fs.readJSON(path.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;
 };

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,8 +60,8 @@ var _default = ({
             // TODO: In module project, also is called, but should not be called.
             postcss: config => {
               const modernConfig = api.useResolvedConfigContext();
-
-              if (!config.postcssOptions // config.$$tools === 'module-tools'
+              if (!config.postcssOptions
+              // config.$$tools === 'module-tools'
               ) {
                 if (Array.isArray(config.plugins)) {
                   const tailwindConfig = (0, _tailwind.getTailwindConfig)(modernConfig, {
@@ -99,11 +81,11 @@ var _default = ({
               } else {
                 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
+                    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 {
@@ -111,14 +93,11 @@ var _default = ({
                 }
               }
             },
-
             babel(config) {
               var _config$plugins;
-
               if (notHaveTwinMacro) {
                 return;
               }
-
               const twinConfig = {
                 twin: {
                   preset: supportCssInJsLibrary,
@@ -129,29 +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;
               });
             }
-
           }
         };
       }
-
     };
   }
 });
-
 exports.default = _default;

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

@@ -4,46 +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 => {
       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();
@@ -54,23 +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 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({
@@ -83,53 +72,42 @@ var _default = ({
             `
           });
         }
-
         return {
           entrypoint,
           imports
         };
       },
-
       modifyEntryRuntimePlugins({
         entrypoint,
         plugins
       }) {
         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;