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

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

@@ -1,19 +1,16 @@
 export default (function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$cssVarsHash = _ref.cssVarsHash,
-      cssVarsHash = _ref$cssVarsHash === void 0 ? {} : _ref$cssVarsHash;
-
+    _ref$cssVarsHash = _ref.cssVarsHash,
+    cssVarsHash = _ref$cssVarsHash === void 0 ? {} : _ref$cssVarsHash;
   return {
     postcssPlugin: 'postcss-replace-css-vars',
     Declaration: function (_Declaration) {
       function Declaration(_x) {
         return _Declaration.apply(this, arguments);
       }
-
       Declaration.toString = function () {
         return _Declaration.toString();
       };
-
       return Declaration;
     }(function (decl) {
       if (decl.value && typeof decl.value === 'string') {
@@ -21,7 +18,6 @@ export default (function () {
           if (cssVarsHash[match]) {
             return cssVarsHash[match];
           }
-
           return match;
         });
       }

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

@@ -14,19 +14,16 @@ export default (function () {
       return {
         hoc: function hoc(_ref, next) {
           var App = _ref.App;
-
           var DesignTokenAppWrapper = function DesignTokenAppWrapper(props) {
             var _options$token = options.token,
-                token = _options$token === void 0 ? {} : _options$token,
-                _options$useStyledCom = options.useStyledComponentsThemeProvider,
-                useStyledComponentsThemeProvider = _options$useStyledCom === void 0 ? false : _options$useStyledCom,
-                _options$useDesignTok = options.useDesignTokenContext,
-                useDesignTokenContext = _options$useDesignTok === void 0 ? false : _options$useDesignTok;
-
+              token = _options$token === void 0 ? {} : _options$token,
+              _options$useStyledCom = options.useStyledComponentsThemeProvider,
+              useStyledComponentsThemeProvider = _options$useStyledCom === void 0 ? false : _options$useStyledCom,
+              _options$useDesignTok = options.useDesignTokenContext,
+              useDesignTokenContext = _options$useDesignTok === void 0 ? false : _options$useDesignTok;
             if (useStyledComponentsThemeProvider && useDesignTokenContext) {
               var _require = require('@modern-js/runtime/styled'),
-                  ThemeProvider = _require.ThemeProvider;
-
+                ThemeProvider = _require.ThemeProvider;
               return /*#__PURE__*/_jsx(ThemeProvider, {
                 theme: token,
                 children: /*#__PURE__*/_jsx(DesignTokenContext.Provider, {
@@ -36,8 +33,7 @@ export default (function () {
               });
             } else if (useStyledComponentsThemeProvider) {
               var _require2 = require('@modern-js/runtime/styled'),
-                  _ThemeProvider = _require2.ThemeProvider;
-
+                _ThemeProvider = _require2.ThemeProvider;
               return /*#__PURE__*/_jsx(_ThemeProvider, {
                 theme: token,
                 children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
@@ -51,7 +47,6 @@ export default (function () {
               return /*#__PURE__*/_jsx(App, _objectSpread({}, props));
             }
           };
-
           return next({
             App: hoistNonReactStatics(DesignTokenAppWrapper, App)
           });

package/dist/js/treeshaking/tailwind.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { applyOptionsChain, logger } from '@modern-js/utils';
 import { merge, cloneDeep } from '@modern-js/utils/lodash';
-
 var checkIfExistNotAllowKeys = function checkIfExistNotAllowKeys(tailwindConfig) {
   var notAllowExistKeys = ['theme'];
   var notAllowKey = '';
@@ -10,14 +9,13 @@ var checkIfExistNotAllowKeys = function checkIfExistNotAllowKeys(tailwindConfig)
   });
   return [ret, notAllowKey];
 };
-
 var getPureDesignSystemConfig = function getPureDesignSystemConfig(designSystemConfig) {
   var pureDesignSystemConfig = cloneDeep(designSystemConfig);
   delete pureDesignSystemConfig.supportStyledComponents;
   return pureDesignSystemConfig;
 };
-
 var getTailwindConfig = function getTailwindConfig(config) {
+  var _ref, _designSystem;
   var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var purgeConfig = merge({
     // TODO: how the operating environment is determined
@@ -30,22 +28,19 @@ var getTailwindConfig = function getTailwindConfig(config) {
     purge: purgeConfig
   };
   var tailwindConfig = applyOptionsChain(defaultTailwindConfig, config.tools.tailwindcss || {});
-  var designSystem = getPureDesignSystemConfig(config.source.designSystem || {});
-
+  var designSystem = getPureDesignSystemConfig((_ref = (_designSystem = config.designSystem) !== null && _designSystem !== void 0 ? _designSystem : config.source.designSystem) !== null && _ref !== void 0 ? _ref : {});
   var _checkIfExistNotAllow = checkIfExistNotAllowKeys(tailwindConfig),
-      _checkIfExistNotAllow2 = _slicedToArray(_checkIfExistNotAllow, 2),
-      exist = _checkIfExistNotAllow2[0],
-      key = _checkIfExistNotAllow2[1];
-
+    _checkIfExistNotAllow2 = _slicedToArray(_checkIfExistNotAllow, 2),
+    exist = _checkIfExistNotAllow2[0],
+    key = _checkIfExistNotAllow2[1];
   if (exist) {
-    logger.error("should not exist '".concat(key, "' on tools.tailwindcss, please remove it")); // eslint-disable-next-line no-process-exit
-
+    logger.error("should not exist '".concat(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/treeshaking/utils.js

@@ -18,30 +18,22 @@ export var checkTwinMacroNotExist = /*#__PURE__*/function () {
             return fs.readJSON(path.join(appDirectory, 'package.json'), {
               "throws": false
             });
-
           case 3:
             _context.t0 = _context.sent;
-
             if (_context.t0) {
               _context.next = 6;
               break;
             }
-
             _context.t0 = {};
-
           case 6:
             packageJson = _context.t0;
-
             if (!(_typeof(packageJson.dependencies) === 'object' && packageJson.dependencies[depName] || _typeof(packageJson.devDependencies) === 'object' && packageJson.devDependencies[depName])) {
               _context.next = 9;
               break;
             }
-
             return _context.abrupt("return", false);
-
           case 9:
             return _context.abrupt("return", true);
-
           case 10:
           case "end":
             return _context.stop();
@@ -49,7 +41,6 @@ export var checkTwinMacroNotExist = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function checkTwinMacroNotExist(_x) {
     return _ref.apply(this, arguments);
   };

package/dist/types/cli.d.ts

@@ -1,10 +1,8 @@
 import type { CliPlugin } from '@modern-js/core';
 export declare const getRandomTwConfigFileName: (internalDirectory: string) => string;
-
 declare const _default: ({
   pluginName
 }?: {
   pluginName: string;
 }) => CliPlugin;
-
 export default _default;

package/dist/types/design-token/cli/index.d.ts

@@ -1,9 +1,7 @@
 import type { CliPlugin } from '@modern-js/core';
-
 declare const _default: ({
   pluginName
 }?: {
   pluginName: string;
 }) => CliPlugin;
-
 export default _default;

package/dist/types/design-token/postcss-plugin/index.d.ts

@@ -1,5 +1,4 @@
 import type { Declaration } from 'postcss';
-
 declare const _default: ({
   cssVarsHash
 }?: {
@@ -8,5 +7,4 @@ declare const _default: ({
   postcssPlugin: string;
   Declaration(decl: Declaration): void;
 };
-
 export default _default;

package/dist/types/design-token/runtime/plugin.d.ts

@@ -2,11 +2,9 @@ import type { Plugin } from '@modern-js/runtime';
 import React from 'react';
 export declare const DesignTokenContext: React.Context<any>;
 export declare const useDesignTokens: () => IDesignTokens;
-
 declare const _default: (options?: {
   token?: Record<string, any>;
   useStyledComponentsThemeProvider?: boolean;
   useDesignTokenContext?: boolean;
 }) => Plugin;
-
 export default _default;

package/dist/types/types.d.ts

@@ -0,0 +1,10 @@
+export declare type LegacyUserConfig = {
+  designSystem?: Record<string, any> & {
+    supportStyledComponents?: boolean;
+  };
+  source?: {
+    designSystem?: Record<string, any> & {
+      supportStyledComponents?: boolean;
+    };
+  };
+};

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.1",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/js/node/index.js",
@@ -44,14 +44,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.0",
-    "@modern-js/utils": "2.0.0-beta.0",
-    "hoist-non-react-statics": "^3.3.2"
+    "hoist-non-react-statics": "^3.3.2",
+    "@modern-js/utils": "2.0.0-beta.1"
   },
   "devDependencies": {
-    "@modern-js/core": "2.0.0-beta.0",
-    "@modern-js/runtime": "2.0.0-beta.0",
-    "@modern-js/types": "2.0.0-beta.0",
-    "@scripts/build": "2.0.0-beta.0",
     "@types/jest": "^27",
     "@types/node": "^14",
     "@types/tailwindcss": "^2.2.1",
@@ -60,11 +56,15 @@
     "jest": "^27",
     "react": "^18",
     "postcss": "^8.4.14",
-    "@scripts/jest-config": "2.0.0-beta.0"
+    "@modern-js/core": "2.0.0-beta.1",
+    "@modern-js/runtime": "2.0.0-beta.1",
+    "@modern-js/types": "2.0.0-beta.1",
+    "@scripts/build": "2.0.0-beta.1",
+    "@scripts/jest-config": "2.0.0-beta.1"
   },
   "peerDependencies": {
     "tailwindcss": "^2.0.4",
-    "@modern-js/runtime": "^2.0.0-beta.0"
+    "@modern-js/runtime": "^2.0.0-beta.1"
   },
   "peerDependenciesMeta": {
     "@modern-js/runtime": {