@modern-js/plugin-tailwindcss 2.56.1 → 2.57.0

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

@@ -35,13 +35,16 @@ __export(plugin_exports, {
 });
 module.exports = __toCommonJS(plugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_merge = require("@modern-js/runtime-utils/merge");
 var import_react = __toESM(require("react"));
 const DesignTokenContext = /* @__PURE__ */ import_react.default.createContext({});
 const useDesignTokens = () => (0, import_react.useContext)(DesignTokenContext);
-const designTokenPlugin = (options = {}) => ({
+const designTokenPlugin = (userConfig = {}) => ({
   name: "@modern-js/plugin-design-token",
-  setup: () => ({
-    hoc({ App, config }, next) {
+  setup: (api) => ({
+    wrapRoot(App) {
+      const pluginConfig = api.useRuntimeConfigContext();
+      const { options } = (0, import_merge.merge)(pluginConfig.designToken || {}, userConfig);
       const DesignTokenAppWrapper = (props) => {
         const { token = {}, useStyledComponentsThemeProvider = false, useDesignTokenContext = false } = options;
         if (useStyledComponentsThemeProvider && useDesignTokenContext) {
@@ -76,10 +79,7 @@ const designTokenPlugin = (options = {}) => ({
           });
         }
       };
-      return next({
-        App: DesignTokenAppWrapper,
-        config
-      });
+      return DesignTokenAppWrapper;
     }
   })
 });

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

@@ -1,18 +1,20 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { merge } from "@modern-js/runtime-utils/merge";
 import React, { useContext } from "react";
 var DesignTokenContext = /* @__PURE__ */ React.createContext({});
 var useDesignTokens = function() {
   return useContext(DesignTokenContext);
 };
 var designTokenPlugin = function() {
-  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var userConfig = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return {
     name: "@modern-js/plugin-design-token",
-    setup: function() {
+    setup: function(api) {
       return {
-        hoc: function hoc(param, next) {
-          var App = param.App, config = param.config;
+        wrapRoot: function wrapRoot(App) {
+          var pluginConfig = api.useRuntimeConfigContext();
+          var options = merge(pluginConfig.designToken || {}, userConfig).options;
           var DesignTokenAppWrapper = function(props) {
             var _options_token = options.token, token = _options_token === void 0 ? {} : _options_token, _options_useStyledComponentsThemeProvider = options.useStyledComponentsThemeProvider, useStyledComponentsThemeProvider = _options_useStyledComponentsThemeProvider === void 0 ? false : _options_useStyledComponentsThemeProvider, _options_useDesignTokenContext = options.useDesignTokenContext, useDesignTokenContext = _options_useDesignTokenContext === void 0 ? false : _options_useDesignTokenContext;
             if (useStyledComponentsThemeProvider && useDesignTokenContext) {
@@ -39,10 +41,7 @@ var designTokenPlugin = function() {
               return /* @__PURE__ */ _jsx(App, _object_spread({}, props));
             }
           };
-          return next({
-            App: DesignTokenAppWrapper,
-            config
-          });
+          return DesignTokenAppWrapper;
         }
       };
     }

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

@@ -1,11 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { merge } from "@modern-js/runtime-utils/merge";
 import React, { useContext } from "react";
 const DesignTokenContext = /* @__PURE__ */ React.createContext({});
 const useDesignTokens = () => useContext(DesignTokenContext);
-const designTokenPlugin = (options = {}) => ({
+const designTokenPlugin = (userConfig = {}) => ({
   name: "@modern-js/plugin-design-token",
-  setup: () => ({
-    hoc({ App, config }, next) {
+  setup: (api) => ({
+    wrapRoot(App) {
+      const pluginConfig = api.useRuntimeConfigContext();
+      const { options } = merge(pluginConfig.designToken || {}, userConfig);
       const DesignTokenAppWrapper = (props) => {
         const { token = {}, useStyledComponentsThemeProvider = false, useDesignTokenContext = false } = options;
         if (useStyledComponentsThemeProvider && useDesignTokenContext) {
@@ -40,10 +43,7 @@ const designTokenPlugin = (options = {}) => ({
           });
         }
       };
-      return next({
-        App: DesignTokenAppWrapper,
-        config
-      });
+      return DesignTokenAppWrapper;
     }
   })
 });

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

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

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.56.1",
+  "version": "2.57.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -49,8 +49,9 @@
   "dependencies": {
     "babel-plugin-macros": "3.1.0",
     "@swc/helpers": "0.5.3",
-    "@modern-js/utils": "2.56.1",
-    "@modern-js/node-bundle-require": "2.56.1"
+    "@modern-js/utils": "2.57.0",
+    "@modern-js/runtime-utils": "2.57.0",
+    "@modern-js/node-bundle-require": "2.57.0"
   },
   "devDependencies": {
     "@types/jest": "^29",
@@ -60,17 +61,17 @@
     "jest": "^29",
     "react": "^18",
     "postcss": "^8.4.35",
-    "@modern-js/core": "2.56.1",
-    "@modern-js/module-tools": "2.56.1",
-    "@modern-js/runtime": "2.56.1",
-    "@modern-js/types": "2.56.1",
-    "@scripts/build": "2.56.1",
-    "@modern-js/app-tools": "2.56.1",
-    "@scripts/jest-config": "2.56.1"
+    "@modern-js/core": "2.57.0",
+    "@modern-js/module-tools": "2.57.0",
+    "@modern-js/runtime": "2.57.0",
+    "@modern-js/types": "2.57.0",
+    "@modern-js/app-tools": "2.57.0",
+    "@scripts/jest-config": "2.57.0",
+    "@scripts/build": "2.57.0"
   },
   "peerDependencies": {
     "tailwindcss": ">= 2.0.0 || >= 3.0.0",
-    "@modern-js/runtime": "^2.56.1"
+    "@modern-js/runtime": "^2.57.0"
   },
   "peerDependenciesMeta": {
     "@modern-js/runtime": {