@modern-js/plugin-tailwindcss 0.0.0-next-20240701111908 → 0.0.0-next-20240702030948

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

@@ -27,6 +27,7 @@ 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) => {
@@ -43,7 +44,42 @@ const designTokenPlugin = ({ pluginName } = {
       return resolveConfig(tailwindcssConfig).theme || {};
     };
     return {
-      _internalRuntimePlugins({ entrypoint, plugins }) {
+      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 }) {
         var _userConfig_source;
         const userConfig = api.useResolvedConfigContext();
         var _userConfig_source_designSystem;
@@ -53,15 +89,9 @@ 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,
-            path: `${pluginName}/runtime-design-token`,
-            config: {
-              token: designTokens,
-              useStyledComponentsThemeProvider: Boolean(useSCThemeProvider),
-              useDesignTokenContext: false
-            }
+            options: `{token: designTokens, useStyledComponentsThemeProvider: ${useSCThemeProvider ? "true" : "false"}, useDesignTokenContext: false}`
           });
         }
         return {
@@ -70,8 +100,6 @@ 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,6 +17,7 @@ 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-
@@ -28,16 +29,13 @@ 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, {
-  DesignTokenContext: () => import_plugin.DesignTokenContext,
-  default: () => import_plugin.default,
-  designTokenPlugin: () => import_plugin.designTokenPlugin,
-  useDesignTokens: () => import_plugin.useDesignTokens
+  default: () => runtime_default
 });
 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 = {
-  DesignTokenContext,
-  designTokenPlugin,
-  useDesignTokens
+  ...require("./plugin")
 });

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);
-const designTokenPlugin = (options = {}) => ({
+var plugin_default = (options = {}) => ({
   name: "@modern-js/plugin-design-token",
   setup: () => ({
     hoc({ App, config }, next) {
@@ -77,16 +77,14 @@ const designTokenPlugin = (options = {}) => ({
         }
       };
       return next({
-        App: DesignTokenAppWrapper,
+        App: (0, import_hoist_non_react_statics.default)(DesignTokenAppWrapper, App),
         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 { createRuntimeExportsUtils, lazyImport } from "@modern-js/utils";
+import { lazyImport, createRuntimeExportsUtils } from "@modern-js/utils";
 var designTokenPlugin = function() {
   var pluginName = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
     pluginName: "@modern-js/plugin-tailwindcss"
@@ -7,6 +7,7 @@ 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) {
@@ -21,7 +22,41 @@ var designTokenPlugin = function() {
         return resolveConfig(tailwindcssConfig).theme || {};
       };
       return {
-        _internalRuntimePlugins: function _internalRuntimePlugins(param) {
+        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) {
           var entrypoint = param.entrypoint, plugins = param.plugins;
           var _userConfig_source;
           var userConfig = api.useResolvedConfigContext();
@@ -32,15 +67,9 @@ 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,
-              path: "".concat(pluginName, "/runtime-design-token"),
-              config: {
-                token: designTokens,
-                useStyledComponentsThemeProvider: Boolean(useSCThemeProvider),
-                useDesignTokenContext: false
-              }
+              options: "{token: designTokens, useStyledComponentsThemeProvider: ".concat(useSCThemeProvider ? "true" : "false", ", useDesignTokenContext: false}")
             });
           }
           return {
@@ -49,8 +78,6 @@ 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,7 +1,6 @@
-import { default as default2, DesignTokenContext, useDesignTokens, designTokenPlugin } from "./plugin";
+import designTokenPlugin from "./plugin";
+export * from "./plugin";
+var runtime_default = designTokenPlugin;
 export {
-  DesignTokenContext,
-  default2 as default,
-  designTokenPlugin,
-  useDesignTokens
+  runtime_default as default
 };

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

@@ -1,11 +1,12 @@
 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);
 };
-var designTokenPlugin = function() {
+function plugin_default() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return {
     name: "@modern-js/plugin-design-token",
@@ -40,18 +41,17 @@ var designTokenPlugin = function() {
             }
           };
           return next({
-            App: DesignTokenAppWrapper,
+            App: hoistNonReactStatics(DesignTokenAppWrapper, App),
             config
           });
         }
       };
     }
   };
-};
-var plugin_default = designTokenPlugin;
+}
+;
 export {
   DesignTokenContext,
   plugin_default as default,
-  designTokenPlugin,
   useDesignTokens
 };

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

@@ -1,9 +1,10 @@
-import { createRuntimeExportsUtils, lazyImport } from "@modern-js/utils";
+import { lazyImport, createRuntimeExportsUtils } 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) => {
@@ -20,7 +21,42 @@ const designTokenPlugin = ({ pluginName } = {
       return resolveConfig(tailwindcssConfig).theme || {};
     };
     return {
-      _internalRuntimePlugins({ entrypoint, plugins }) {
+      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 }) {
         var _userConfig_source;
         const userConfig = api.useResolvedConfigContext();
         var _userConfig_source_designSystem;
@@ -30,15 +66,9 @@ 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,
-            path: `${pluginName}/runtime-design-token`,
-            config: {
-              token: designTokens,
-              useStyledComponentsThemeProvider: Boolean(useSCThemeProvider),
-              useDesignTokenContext: false
-            }
+            options: `{token: designTokens, useStyledComponentsThemeProvider: ${useSCThemeProvider ? "true" : "false"}, useDesignTokenContext: false}`
           });
         }
         return {
@@ -47,8 +77,6 @@ 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,7 +1,6 @@
-import { default as default2, DesignTokenContext, useDesignTokens, designTokenPlugin } from "./plugin";
+import designTokenPlugin from "./plugin";
+export * from "./plugin";
+var runtime_default = designTokenPlugin;
 export {
-  DesignTokenContext,
-  default2 as default,
-  designTokenPlugin,
-  useDesignTokens
+  runtime_default as default
 };

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

@@ -1,8 +1,9 @@
 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);
-const designTokenPlugin = (options = {}) => ({
+var plugin_default = (options = {}) => ({
   name: "@modern-js/plugin-design-token",
   setup: () => ({
     hoc({ App, config }, next) {
@@ -41,16 +42,14 @@ const designTokenPlugin = (options = {}) => ({
         }
       };
       return next({
-        App: DesignTokenAppWrapper,
+        App: hoistNonReactStatics(DesignTokenAppWrapper, App),
         config
       });
     }
   })
 });
-var plugin_default = designTokenPlugin;
 export {
   DesignTokenContext,
   plugin_default as default,
-  designTokenPlugin,
   useDesignTokens
 };

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

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

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

package/package.json

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