@modern-js/plugin-tailwindcss 2.0.0-beta.3 → 2.0.0-beta.6

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

@@ -1,101 +1,118 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-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;
-  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(designSystem) {
-        var tailwindcssConfig = {};
-        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
-        if (designSystem) {
-          delete tailwindcssConfig.theme.supportStyledComponents;
-        }
-        return resolveConfig(tailwindcssConfig).theme || {};
-      };
-      return {
-        config: function config() {
-          var appContext = api.useAppContext();
-          pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
-          return {
-            source: {
-              alias: {
-                '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
-              }
-            },
-            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(_ref2) {
-          var _userConfig$source$de, _userConfig$source;
-          var entrypoint = _ref2.entrypoint,
-            imports = _ref2.imports;
-          var userConfig = api.useResolvedConfigContext();
-          var designSystem = (_userConfig$source$de = (_userConfig$source = userConfig.source) === null || _userConfig$source === void 0 ? void 0 : _userConfig$source.designSystem) !== null && _userConfig$source$de !== void 0 ? _userConfig$source$de : {};
-          if (_typeof(designSystem) === 'object' && designSystem.supportStyledComponents) {
-            var designTokens = getDesignTokens(userConfig.source.designSystem);
-            imports.push({
-              value: '@modern-js/runtime/plugins',
-              specifiers: [{
-                imported: PLUGIN_IDENTIFIER
-              }],
-              initialize: "\n  const designTokens = ".concat(JSON.stringify(designTokens), ";\n            ")
-            });
-          }
-          return {
-            entrypoint: entrypoint,
-            imports: imports
-          };
-        },
-        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref3) {
-          var _userConfig$source$de2, _userConfig$source2;
-          var entrypoint = _ref3.entrypoint,
-            plugins = _ref3.plugins;
-          var userConfig = api.useResolvedConfigContext();
-          var designSystem = (_userConfig$source$de2 = (_userConfig$source2 = userConfig.source) === null || _userConfig$source2 === void 0 ? void 0 : _userConfig$source2.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
-          };
-        },
-        validateSchema: function validateSchema() {
-          // add source.designSystem.supportStyledComponents config
-          return PLUGIN_SCHEMAS['@modern-js/plugin-design-token'];
-        },
-        addRuntimeExports: function addRuntimeExports() {
-          pluginsExportsUtils.addExport("export { default as designToken } from '".concat(pluginName, "/runtime-design-token'"));
+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;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-      };
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
     }
-  };
-});
+    return target;
+}
+import { lazyImport, PLUGIN_SCHEMAS, createRuntimeExportsUtils } from "@modern-js/utils";
+var cli_default = function() {
+    var pluginName = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
+        pluginName: "@modern-js/plugin-tailwindcss"
+    }).pluginName;
+    return {
+        name: "@modern-js/plugin-design-token",
+        setup: function setup(api) {
+            var pluginsExportsUtils;
+            var resolveConfig = lazyImport("tailwindcss/resolveConfig", require);
+            var PLUGIN_IDENTIFIER = "designToken";
+            var getDesignTokens = function(designSystem) {
+                var tailwindcssConfig = {};
+                tailwindcssConfig.theme = designSystem ? _objectSpread({}, designSystem) : {};
+                if (!designSystem) {
+                    tailwindcssConfig.presets = [];
+                }
+                if (designSystem) {
+                    delete tailwindcssConfig.theme.supportStyledComponents;
+                }
+                return resolveConfig(tailwindcssConfig).theme || {};
+            };
+            return {
+                config: function config() {
+                    var appContext = api.useAppContext();
+                    pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, "plugins");
+                    return {
+                        source: {
+                            alias: {
+                                "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
+                            }
+                        },
+                        tools: {}
+                    };
+                },
+                modifyEntryImports: function modifyEntryImports(param) {
+                    var entrypoint = param.entrypoint, imports = param.imports;
+                    var ref;
+                    var userConfig = api.useResolvedConfigContext();
+                    var ref1;
+                    var designSystem = (ref1 = (ref = userConfig.source) === null || ref === void 0 ? void 0 : ref.designSystem) !== null && ref1 !== void 0 ? ref1 : {};
+                    if (typeof designSystem === "object" && designSystem.supportStyledComponents) {
+                        var designTokens = getDesignTokens(userConfig.source.designSystem);
+                        imports.push({
+                            value: "@modern-js/runtime/plugins",
+                            specifiers: [
+                                {
+                                    imported: PLUGIN_IDENTIFIER
+                                }
+                            ],
+                            initialize: "\n  const designTokens = ".concat(JSON.stringify(designTokens), ";\n            ")
+                        });
+                    }
+                    return {
+                        entrypoint: entrypoint,
+                        imports: imports
+                    };
+                },
+                modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(param) {
+                    var entrypoint = param.entrypoint, plugins = param.plugins;
+                    var ref;
+                    var userConfig = api.useResolvedConfigContext();
+                    var ref1;
+                    var designSystem = (ref1 = (ref = userConfig.source) === null || ref === void 0 ? void 0 : ref.designSystem) !== null && ref1 !== void 0 ? ref1 : {};
+                    var useSCThemeProvider = true;
+                    if (designSystem) {
+                        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
+                    };
+                },
+                validateSchema: function validateSchema() {
+                    return PLUGIN_SCHEMAS["@modern-js/plugin-design-token"];
+                },
+                addRuntimeExports: function addRuntimeExports() {
+                    pluginsExportsUtils.addExport("export { default as designToken } from '".concat(pluginName, "/runtime-design-token'"));
+                }
+            };
+        }
+    };
+};
+export { cli_default as default };

package/dist/js/treeshaking/design-token/global.d.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -1,2 +1,3 @@
-export { default } from "./runtime";
-export * from "./runtime";
+import { default as default2 } from "./runtime";
+export * from "./runtime";
+export { default2 as default };

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

@@ -1,26 +1,17 @@
-export default (function () {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _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') {
-        decl.value = decl.value.replace(/--\S*/g, function (match) {
-          if (cssVarsHash[match]) {
-            return cssVarsHash[match];
-          }
-          return match;
-        });
-      }
-    })
-  };
-});
+var postcss_plugin_default = function() {
+    var ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _cssVarsHash = ref.cssVarsHash, cssVarsHash = _cssVarsHash === void 0 ? {} : _cssVarsHash;
+    return {
+        postcssPlugin: "postcss-replace-css-vars",
+        Declaration: function Declaration(decl) {
+            if (decl.value && typeof decl.value === "string") {
+                decl.value = decl.value.replace(/--\S*/g, function(match) {
+                    if (cssVarsHash[match]) {
+                        return cssVarsHash[match];
+                    }
+                    return match;
+                });
+            }
+        }
+    };
+};
+export { postcss_plugin_default as default };

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

@@ -1,3 +1,4 @@
 import designTokenPlugin from "./plugin";
 export * from "./plugin";
-export default designTokenPlugin;
+var runtime_default = designTokenPlugin;
+export { runtime_default as default };

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

@@ -1,57 +1,78 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import hoistNonReactStatics from 'hoist-non-react-statics';
-import React, { useContext } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var DesignTokenContext = /*#__PURE__*/React.createContext({});
-export var useDesignTokens = function useDesignTokens() {
-  return useContext(DesignTokenContext);
-};
-export default (function () {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return {
-    name: '@modern-js/plugin-design-token',
-    setup: function setup() {
-      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;
-            if (useStyledComponentsThemeProvider && useDesignTokenContext) {
-              var _require = require('@modern-js/runtime/styled'),
-                ThemeProvider = _require.ThemeProvider;
-              return /*#__PURE__*/_jsx(ThemeProvider, {
-                theme: token,
-                children: /*#__PURE__*/_jsx(DesignTokenContext.Provider, {
-                  value: token,
-                  children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
-                })
-              });
-            } else if (useStyledComponentsThemeProvider) {
-              var _require2 = require('@modern-js/runtime/styled'),
-                _ThemeProvider = _require2.ThemeProvider;
-              return /*#__PURE__*/_jsx(_ThemeProvider, {
-                theme: token,
-                children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
-              });
-            } else if (useDesignTokenContext) {
-              return /*#__PURE__*/_jsx(DesignTokenContext.Provider, {
-                value: token,
-                children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
-              });
-            } else {
-              return /*#__PURE__*/_jsx(App, _objectSpread({}, props));
-            }
-          };
-          return next({
-            App: hoistNonReactStatics(DesignTokenAppWrapper, App)
-          });
+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;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-      };
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
     }
-  };
-});
+    return target;
+}
+import { jsx } from "react/jsx-runtime";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import React, { useContext } from "react";
+var DesignTokenContext = React.createContext({});
+var useDesignTokens = function() {
+    return useContext(DesignTokenContext);
+};
+var plugin_default = function() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return {
+        name: "@modern-js/plugin-design-token",
+        setup: function() {
+            return {
+                hoc: function hoc(param, next) {
+                    var App = param.App;
+                    var DesignTokenAppWrapper = function(props) {
+                        var _token = options.token, token = _token === void 0 ? {} : _token, _useStyledComponentsThemeProvider = options.useStyledComponentsThemeProvider, useStyledComponentsThemeProvider = _useStyledComponentsThemeProvider === void 0 ? false : _useStyledComponentsThemeProvider, _useDesignTokenContext = options.useDesignTokenContext, useDesignTokenContext = _useDesignTokenContext === void 0 ? false : _useDesignTokenContext;
+                        if (useStyledComponentsThemeProvider && useDesignTokenContext) {
+                            var ThemeProvider = require("@modern-js/runtime/styled").ThemeProvider;
+                            return /* @__PURE__ */ jsx(ThemeProvider, {
+                                theme: token,
+                                children: /* @__PURE__ */ jsx(DesignTokenContext.Provider, {
+                                    value: token,
+                                    children: /* @__PURE__ */ jsx(App, _objectSpread({}, props))
+                                })
+                            });
+                        } else if (useStyledComponentsThemeProvider) {
+                            var ThemeProvider1 = require("@modern-js/runtime/styled").ThemeProvider;
+                            return /* @__PURE__ */ jsx(ThemeProvider1, {
+                                theme: token,
+                                children: /* @__PURE__ */ jsx(App, _objectSpread({}, props))
+                            });
+                        } else if (useDesignTokenContext) {
+                            return /* @__PURE__ */ jsx(DesignTokenContext.Provider, {
+                                value: token,
+                                children: /* @__PURE__ */ jsx(App, _objectSpread({}, props))
+                            });
+                        } else {
+                            return /* @__PURE__ */ jsx(App, _objectSpread({}, props));
+                        }
+                    };
+                    return next({
+                        App: hoistNonReactStatics(DesignTokenAppWrapper, App)
+                    });
+                }
+            };
+        }
+    };
+};
+export { DesignTokenContext, plugin_default as default, useDesignTokens };

package/dist/js/treeshaking/index.js

@@ -1 +1,2 @@
-export { default } from "./cli";
+import { default as default2 } from "./cli";
+export { default2 as default };

package/dist/js/treeshaking/modern-app.env.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/js/treeshaking/tailwind.js

@@ -1,45 +1,89 @@
-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 = '';
-  var ret = Object.keys(tailwindConfig).some(function (key) {
-    return notAllowExistKeys.includes(key) && (notAllowKey = key);
-  });
-  return [ret, notAllowKey];
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+import { applyOptionsChain, logger } from "@modern-js/utils";
+import { merge, cloneDeep } from "@modern-js/utils/lodash";
+var checkIfExistNotAllowKeys = function(tailwindConfig) {
+    var notAllowExistKeys = [
+        "theme"
+    ];
+    var notAllowKey = "";
+    var ret = Object.keys(tailwindConfig).some(function(key) {
+        return notAllowExistKeys.includes(key) && (notAllowKey = key);
+    });
+    return [
+        ret,
+        notAllowKey
+    ];
 };
-var getPureDesignSystemConfig = function getPureDesignSystemConfig(designSystemConfig) {
-  var pureDesignSystemConfig = cloneDeep(designSystemConfig);
-  delete pureDesignSystemConfig.supportStyledComponents;
-  return pureDesignSystemConfig;
+var getPureDesignSystemConfig = function(designSystemConfig) {
+    var pureDesignSystemConfig = cloneDeep(designSystemConfig);
+    delete pureDesignSystemConfig.supportStyledComponents;
+    return pureDesignSystemConfig;
 };
-var getTailwindConfig = function getTailwindConfig(tailwindcss, designSystem) {
-  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var purgeConfig = merge({
-    // TODO: how the operating environment is determined
-    enabled: process.env.NODE_ENV === 'production',
-    // TODO: Remove or not
-    layers: ['utilities'],
-    content: []
-  }, option.pureConfig || {});
-  var defaultTailwindConfig = {
-    purge: purgeConfig
-  };
-  var tailwindConfig = applyOptionsChain(defaultTailwindConfig, tailwindcss || {});
-  var designSystemConfig = getPureDesignSystemConfig(designSystem !== null && designSystem !== void 0 ? designSystem : {});
-  var _checkIfExistNotAllow = checkIfExistNotAllowKeys(tailwindConfig),
-    _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
-    process.exit(0);
-  }
-
-  // Because there is no default theme configuration
-  tailwindConfig.theme = designSystemConfig || {};
-  return tailwindConfig;
+var getTailwindConfig = function(tailwindcss, designSystem) {
+    var option = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    var purgeConfig = merge({
+        enabled: process.env.NODE_ENV === "production",
+        layers: [
+            "utilities"
+        ],
+        content: []
+    }, option.pureConfig || {});
+    var defaultTailwindConfig = {
+        purge: purgeConfig
+    };
+    var tailwindConfig = applyOptionsChain(defaultTailwindConfig, tailwindcss || {});
+    var designSystemConfig = getPureDesignSystemConfig(designSystem !== null && designSystem !== void 0 ? designSystem : {});
+    var ref = _slicedToArray(checkIfExistNotAllowKeys(tailwindConfig), 2), exist = ref[0], key = ref[1];
+    if (exist) {
+        logger.error("should not exist '".concat(key, "' on tools.tailwindcss, please remove it"));
+        process.exit(0);
+    }
+    tailwindConfig.theme = designSystemConfig || {};
+    return tailwindConfig;
 };
-export { getTailwindConfig };
+export { getTailwindConfig };

package/dist/js/treeshaking/types.js

@@ -0,0 +1 @@
+"use strict";