@modern-js/plugin-tailwindcss 2.54.5 → 2.55.0

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

@@ -27,7 +27,6 @@ const designTokenPlugin = ({ pluginName } = {
 }) => ({
   name: "@modern-js/plugin-design-token",
   setup(api) {
-    let pluginsExportsUtils;
     const resolveConfig = (0, import_utils.lazyImport)("tailwindcss/resolveConfig", require);
     const PLUGIN_IDENTIFIER = "designToken";
     const getDesignTokens = (designSystem) => {
@@ -44,42 +43,7 @@ const designTokenPlugin = ({ pluginName } = {
       return resolveConfig(tailwindcssConfig).theme || {};
     };
     return {
-      config() {
-        const appContext = api.useAppContext();
-        pluginsExportsUtils = (0, import_utils.createRuntimeExportsUtils)(appContext.internalDirectory, "plugins");
-        return {
-          source: {
-            alias: {
-              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
-            }
-          }
-        };
-      },
-      modifyEntryImports({ entrypoint, imports }) {
-        var _userConfig_source;
-        const userConfig = api.useResolvedConfigContext();
-        var _userConfig_source_designSystem;
-        const designSystem = (_userConfig_source_designSystem = (_userConfig_source = userConfig.source) === null || _userConfig_source === void 0 ? void 0 : _userConfig_source.designSystem) !== null && _userConfig_source_designSystem !== void 0 ? _userConfig_source_designSystem : {};
-        if (typeof designSystem === "object" && designSystem.supportStyledComponents) {
-          const designTokens = getDesignTokens(userConfig.source.designSystem);
-          imports.push({
-            value: "@modern-js/runtime/plugins",
-            specifiers: [
-              {
-                imported: PLUGIN_IDENTIFIER
-              }
-            ],
-            initialize: `
-  const designTokens = ${JSON.stringify(designTokens)};
-            `
-          });
-        }
-        return {
-          entrypoint,
-          imports
-        };
-      },
-      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+      _internalRuntimePlugins({ entrypoint, plugins }) {
         var _userConfig_source;
         const userConfig = api.useResolvedConfigContext();
         var _userConfig_source_designSystem;
@@ -89,9 +53,15 @@ const designTokenPlugin = ({ pluginName } = {
           useSCThemeProvider = (designSystem === null || designSystem === void 0 ? void 0 : designSystem.supportStyledComponents) || false;
         }
         if (typeof designSystem === "object" && designSystem.supportStyledComponents) {
+          const designTokens = getDesignTokens(userConfig.source.designSystem);
           plugins.push({
             name: PLUGIN_IDENTIFIER,
-            options: `{token: designTokens, useStyledComponentsThemeProvider: ${useSCThemeProvider ? "true" : "false"}, useDesignTokenContext: false}`
+            path: `${pluginName}/runtime-design-token`,
+            config: {
+              token: designTokens,
+              useStyledComponentsThemeProvider: Boolean(useSCThemeProvider),
+              useDesignTokenContext: false
+            }
           });
         }
         return {
@@ -100,6 +70,8 @@ const designTokenPlugin = ({ pluginName } = {
         };
       },
       addRuntimeExports() {
+        const appContext = api.useAppContext();
+        const pluginsExportsUtils = (0, import_utils.createRuntimeExportsUtils)(appContext.internalDirectory, "plugins");
         pluginsExportsUtils.addExport(`export { default as designToken } from '${pluginName}/runtime-design-token'`);
       }
     };

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

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -29,13 +28,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var runtime_exports = {};
 __export(runtime_exports, {
-  default: () => runtime_default
+  DesignTokenContext: () => import_plugin.DesignTokenContext,
+  default: () => import_plugin.default,
+  designTokenPlugin: () => import_plugin.designTokenPlugin,
+  useDesignTokens: () => import_plugin.useDesignTokens
 });
 module.exports = __toCommonJS(runtime_exports);
 var import_plugin = __toESM(require("./plugin"));
-__reExport(runtime_exports, require("./plugin"), module.exports);
-var runtime_default = import_plugin.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./plugin")
+  DesignTokenContext,
+  designTokenPlugin,
+  useDesignTokens
 });

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

@@ -30,15 +30,15 @@ var plugin_exports = {};
 __export(plugin_exports, {
   DesignTokenContext: () => DesignTokenContext,
   default: () => plugin_default,
+  designTokenPlugin: () => designTokenPlugin,
   useDesignTokens: () => useDesignTokens
 });
 module.exports = __toCommonJS(plugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
 var import_react = __toESM(require("react"));
 const DesignTokenContext = /* @__PURE__ */ import_react.default.createContext({});
 const useDesignTokens = () => (0, import_react.useContext)(DesignTokenContext);
-var plugin_default = (options = {}) => ({
+const designTokenPlugin = (options = {}) => ({
   name: "@modern-js/plugin-design-token",
   setup: () => ({
     hoc({ App, config }, next) {
@@ -77,14 +77,16 @@ var plugin_default = (options = {}) => ({
         }
       };
       return next({
-        App: (0, import_hoist_non_react_statics.default)(DesignTokenAppWrapper, App),
+        App: DesignTokenAppWrapper,
         config
       });
     }
   })
 });
+var plugin_default = designTokenPlugin;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DesignTokenContext,
+  designTokenPlugin,
   useDesignTokens
 });

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

@@ -1,5 +1,5 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { lazyImport, createRuntimeExportsUtils } from "@modern-js/utils";
+import { createRuntimeExportsUtils, lazyImport } from "@modern-js/utils";
 var designTokenPlugin = function() {
   var pluginName = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
     pluginName: "@modern-js/plugin-tailwindcss"
@@ -7,7 +7,6 @@ var designTokenPlugin = function() {
   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) {
@@ -22,41 +21,7 @@ var designTokenPlugin = function() {
         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()
-              }
-            }
-          };
-        },
-        modifyEntryImports: function modifyEntryImports(param) {
-          var entrypoint = param.entrypoint, imports = param.imports;
-          var _userConfig_source;
-          var userConfig = api.useResolvedConfigContext();
-          var _userConfig_source_designSystem;
-          var designSystem = (_userConfig_source_designSystem = (_userConfig_source = userConfig.source) === null || _userConfig_source === void 0 ? void 0 : _userConfig_source.designSystem) !== null && _userConfig_source_designSystem !== void 0 ? _userConfig_source_designSystem : {};
-          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,
-            imports
-          };
-        },
-        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(param) {
+        _internalRuntimePlugins: function _internalRuntimePlugins(param) {
           var entrypoint = param.entrypoint, plugins = param.plugins;
           var _userConfig_source;
           var userConfig = api.useResolvedConfigContext();
@@ -67,9 +32,15 @@ var designTokenPlugin = function() {
             useSCThemeProvider = (designSystem === null || designSystem === void 0 ? void 0 : designSystem.supportStyledComponents) || false;
           }
           if (typeof designSystem === "object" && designSystem.supportStyledComponents) {
+            var designTokens = getDesignTokens(userConfig.source.designSystem);
             plugins.push({
               name: PLUGIN_IDENTIFIER,
-              options: "{token: designTokens, useStyledComponentsThemeProvider: ".concat(useSCThemeProvider ? "true" : "false", ", useDesignTokenContext: false}")
+              path: "".concat(pluginName, "/runtime-design-token"),
+              config: {
+                token: designTokens,
+                useStyledComponentsThemeProvider: Boolean(useSCThemeProvider),
+                useDesignTokenContext: false
+              }
             });
           }
           return {
@@ -78,6 +49,8 @@ var designTokenPlugin = function() {
           };
         },
         addRuntimeExports: function addRuntimeExports() {
+          var appContext = api.useAppContext();
+          var pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, "plugins");
           pluginsExportsUtils.addExport("export { default as designToken } from '".concat(pluginName, "/runtime-design-token'"));
         }
       };

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

@@ -1,6 +1,7 @@
-import designTokenPlugin from "./plugin";
-export * from "./plugin";
-var runtime_default = designTokenPlugin;
+import { default as default2, DesignTokenContext, useDesignTokens, designTokenPlugin } from "./plugin";
 export {
-  runtime_default as default
+  DesignTokenContext,
+  default2 as default,
+  designTokenPlugin,
+  useDesignTokens
 };

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

@@ -1,12 +1,11 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { jsx as _jsx } from "react/jsx-runtime";
-import hoistNonReactStatics from "hoist-non-react-statics";
 import React, { useContext } from "react";
 var DesignTokenContext = /* @__PURE__ */ React.createContext({});
 var useDesignTokens = function() {
   return useContext(DesignTokenContext);
 };
-function plugin_default() {
+var designTokenPlugin = function() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return {
     name: "@modern-js/plugin-design-token",
@@ -41,17 +40,18 @@ function plugin_default() {
             }
           };
           return next({
-            App: hoistNonReactStatics(DesignTokenAppWrapper, App),
+            App: DesignTokenAppWrapper,
             config
           });
         }
       };
     }
   };
-}
-;
+};
+var plugin_default = designTokenPlugin;
 export {
   DesignTokenContext,
   plugin_default as default,
+  designTokenPlugin,
   useDesignTokens
 };

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

@@ -1,10 +1,9 @@
-import { lazyImport, createRuntimeExportsUtils } from "@modern-js/utils";
+import { createRuntimeExportsUtils, lazyImport } from "@modern-js/utils";
 const designTokenPlugin = ({ pluginName } = {
   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 = (designSystem) => {
@@ -21,42 +20,7 @@ const designTokenPlugin = ({ pluginName } = {
       return resolveConfig(tailwindcssConfig).theme || {};
     };
     return {
-      config() {
-        const appContext = api.useAppContext();
-        pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, "plugins");
-        return {
-          source: {
-            alias: {
-              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
-            }
-          }
-        };
-      },
-      modifyEntryImports({ entrypoint, imports }) {
-        var _userConfig_source;
-        const userConfig = api.useResolvedConfigContext();
-        var _userConfig_source_designSystem;
-        const designSystem = (_userConfig_source_designSystem = (_userConfig_source = userConfig.source) === null || _userConfig_source === void 0 ? void 0 : _userConfig_source.designSystem) !== null && _userConfig_source_designSystem !== void 0 ? _userConfig_source_designSystem : {};
-        if (typeof designSystem === "object" && designSystem.supportStyledComponents) {
-          const designTokens = getDesignTokens(userConfig.source.designSystem);
-          imports.push({
-            value: "@modern-js/runtime/plugins",
-            specifiers: [
-              {
-                imported: PLUGIN_IDENTIFIER
-              }
-            ],
-            initialize: `
-  const designTokens = ${JSON.stringify(designTokens)};
-            `
-          });
-        }
-        return {
-          entrypoint,
-          imports
-        };
-      },
-      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+      _internalRuntimePlugins({ entrypoint, plugins }) {
         var _userConfig_source;
         const userConfig = api.useResolvedConfigContext();
         var _userConfig_source_designSystem;
@@ -66,9 +30,15 @@ const designTokenPlugin = ({ pluginName } = {
           useSCThemeProvider = (designSystem === null || designSystem === void 0 ? void 0 : designSystem.supportStyledComponents) || false;
         }
         if (typeof designSystem === "object" && designSystem.supportStyledComponents) {
+          const designTokens = getDesignTokens(userConfig.source.designSystem);
           plugins.push({
             name: PLUGIN_IDENTIFIER,
-            options: `{token: designTokens, useStyledComponentsThemeProvider: ${useSCThemeProvider ? "true" : "false"}, useDesignTokenContext: false}`
+            path: `${pluginName}/runtime-design-token`,
+            config: {
+              token: designTokens,
+              useStyledComponentsThemeProvider: Boolean(useSCThemeProvider),
+              useDesignTokenContext: false
+            }
           });
         }
         return {
@@ -77,6 +47,8 @@ const designTokenPlugin = ({ pluginName } = {
         };
       },
       addRuntimeExports() {
+        const appContext = api.useAppContext();
+        const pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, "plugins");
         pluginsExportsUtils.addExport(`export { default as designToken } from '${pluginName}/runtime-design-token'`);
       }
     };

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

@@ -1,6 +1,7 @@
-import designTokenPlugin from "./plugin";
-export * from "./plugin";
-var runtime_default = designTokenPlugin;
+import { default as default2, DesignTokenContext, useDesignTokens, designTokenPlugin } from "./plugin";
 export {
-  runtime_default as default
+  DesignTokenContext,
+  default2 as default,
+  designTokenPlugin,
+  useDesignTokens
 };

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

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import hoistNonReactStatics from "hoist-non-react-statics";
 import React, { useContext } from "react";
 const DesignTokenContext = /* @__PURE__ */ React.createContext({});
 const useDesignTokens = () => useContext(DesignTokenContext);
-var plugin_default = (options = {}) => ({
+const designTokenPlugin = (options = {}) => ({
   name: "@modern-js/plugin-design-token",
   setup: () => ({
     hoc({ App, config }, next) {
@@ -42,14 +41,16 @@ var plugin_default = (options = {}) => ({
         }
       };
       return next({
-        App: hoistNonReactStatics(DesignTokenAppWrapper, App),
+        App: DesignTokenAppWrapper,
         config
       });
     }
   })
 });
+var plugin_default = designTokenPlugin;
 export {
   DesignTokenContext,
   plugin_default as default,
+  designTokenPlugin,
   useDesignTokens
 };

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

@@ -1,3 +1 @@
-import designTokenPlugin from './plugin';
-export * from './plugin';
-export default designTokenPlugin;
+export { default, DesignTokenContext, useDesignTokens, designTokenPlugin, } from './plugin';

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

@@ -2,9 +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?: {
+export declare const designTokenPlugin: (options?: {
     token?: Record<string, any>;
     useStyledComponentsThemeProvider?: boolean;
     useDesignTokenContext?: boolean;
 }) => Plugin;
-export default _default;
+export default designTokenPlugin;

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.54.5",
+  "version": "2.55.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -26,6 +26,7 @@
         "jsnext:source": "./src/index.ts",
         "require": "./dist/cjs/index.js"
       },
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/cjs/index.js"
     },
     "./cli": {
@@ -47,10 +48,9 @@
   },
   "dependencies": {
     "babel-plugin-macros": "3.1.0",
-    "hoist-non-react-statics": "^3.3.2",
     "@swc/helpers": "0.5.3",
-    "@modern-js/utils": "2.54.5",
-    "@modern-js/node-bundle-require": "2.54.5"
+    "@modern-js/node-bundle-require": "2.55.0",
+    "@modern-js/utils": "2.55.0"
   },
   "devDependencies": {
     "@types/jest": "^29",
@@ -60,17 +60,17 @@
     "jest": "^29",
     "react": "^18",
     "postcss": "^8.4.35",
-    "@modern-js/core": "2.54.5",
-    "@modern-js/runtime": "2.54.5",
-    "@modern-js/module-tools": "2.54.5",
-    "@modern-js/types": "2.54.5",
-    "@scripts/build": "2.54.5",
-    "@scripts/jest-config": "2.54.5",
-    "@modern-js/app-tools": "2.54.5"
+    "@modern-js/core": "2.55.0",
+    "@modern-js/runtime": "2.55.0",
+    "@modern-js/module-tools": "2.55.0",
+    "@modern-js/types": "2.55.0",
+    "@scripts/build": "2.55.0",
+    "@scripts/jest-config": "2.55.0",
+    "@modern-js/app-tools": "2.55.0"
   },
   "peerDependencies": {
     "tailwindcss": ">= 2.0.0 || >= 3.0.0",
-    "@modern-js/runtime": "^2.54.5"
+    "@modern-js/runtime": "^2.55.0"
   },
   "peerDependenciesMeta": {
     "@modern-js/runtime": {