@modern-js/plugin-garfish 2.54.6 → 2.56.0

package/dist/cjs/{deps/index.js → runtime/utils.js}

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,22 +15,16 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var deps_exports = {};
-__export(deps_exports, {
-  hoistNonReactStatics: () => import_hoist_non_react_statics.default
+var utils_exports = {};
+__export(utils_exports, {
+  isRenderGarfish: () => isRenderGarfish
 });
-module.exports = __toCommonJS(deps_exports);
-var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
+module.exports = __toCommonJS(utils_exports);
+function isRenderGarfish() {
+  return typeof __GARFISH_EXPORTS__ !== "undefined";
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  hoistNonReactStatics
+  isRenderGarfish
 });

package/dist/esm/cli/code.js

@@ -0,0 +1,80 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import path from "path";
+import { fs } from "@modern-js/utils";
+import * as template from "./template";
+import { generateAsyncEntryCode } from "./utils";
+var ENTRY_POINT_FILE_NAME = "index.jsx";
+var ENTRY_BOOTSTRAP_FILE_NAME = "bootstrap.jsx";
+var generateCode = function() {
+  var _ref = _async_to_generator(function(entrypoints, appContext, config, appendEntryCode) {
+    var mountId, enableAsyncEntry, internalDirectory, internalSrcAlias, metaName, srcDirectory;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          mountId = config.html.mountId;
+          enableAsyncEntry = config.source.enableAsyncEntry;
+          internalDirectory = appContext.internalDirectory, internalSrcAlias = appContext.internalSrcAlias, metaName = appContext.metaName, srcDirectory = appContext.srcDirectory;
+          return [
+            4,
+            Promise.all(entrypoints.map(function() {
+              var _ref2 = _async_to_generator(function(entrypoint) {
+                var entryName, isAutoMount, entry, customEntry, customBootstrap, appendCode, indexCode, indexFile, bootstrapFile;
+                return _ts_generator(this, function(_state2) {
+                  switch (_state2.label) {
+                    case 0:
+                      entryName = entrypoint.entryName, isAutoMount = entrypoint.isAutoMount, entry = entrypoint.entry, customEntry = entrypoint.customEntry, customBootstrap = entrypoint.customBootstrap;
+                      return [
+                        4,
+                        appendEntryCode({
+                          entrypoint
+                        })
+                      ];
+                    case 1:
+                      appendCode = _state2.sent();
+                      if (isAutoMount) {
+                        indexCode = template.index({
+                          srcDirectory,
+                          internalSrcAlias,
+                          metaName,
+                          entry,
+                          entryName,
+                          customEntry,
+                          customBootstrap,
+                          mountId,
+                          appendCode
+                        });
+                        indexFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_POINT_FILE_NAME));
+                        fs.outputFileSync(indexFile, indexCode, "utf8");
+                        if (enableAsyncEntry) {
+                          bootstrapFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_BOOTSTRAP_FILE_NAME));
+                          fs.outputFileSync(bootstrapFile, generateAsyncEntryCode(appendCode), "utf8");
+                        }
+                      }
+                      return [
+                        2
+                      ];
+                  }
+                });
+              });
+              return function(entrypoint) {
+                return _ref2.apply(this, arguments);
+              };
+            }()))
+          ];
+        case 1:
+          _state.sent();
+          return [
+            2
+          ];
+      }
+    });
+  });
+  return function generateCode2(entrypoints, appContext, config, appendEntryCode) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export {
+  ENTRY_BOOTSTRAP_FILE_NAME,
+  generateCode
+};

package/dist/esm/cli/index.js

@@ -1,9 +1,12 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { createRuntimeExportsUtils } from "@modern-js/utils";
+import { createRuntimeExportsUtils, getEntryOptions } from "@modern-js/utils";
+import { createAsyncWorkflow } from "@modern-js/core";
 import { logger } from "../util";
-import { getRuntimeConfig, makeProvider, makeRenderFunction, setRuntimeConfig, generateAsyncEntry } from "./utils";
+import { getRuntimeConfig, setRuntimeConfig } from "./utils";
+import { generateCode } from "./code";
 var externals = {
   "react-dom": "react-dom",
   react: "react"
@@ -21,16 +24,37 @@ function getDefaultMicroFrontedConfig(microFrontend) {
     externalBasicLibrary: false
   }, microFrontend);
 }
+var appendEntryCode = createAsyncWorkflow();
 var garfishPlugin = function() {
-  var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_pluginName = _ref.pluginName, pluginName = _ref_pluginName === void 0 ? "@modern-js/plugin-garfish" : _ref_pluginName, _ref_runtimePluginName = _ref.runtimePluginName, runtimePluginName = _ref_runtimePluginName === void 0 ? "@modern-js/runtime/plugins" : _ref_runtimePluginName;
   return {
     name: "@modern-js/plugin-garfish",
-    setup: function(param) {
-      var useAppContext = param.useAppContext, useResolvedConfigContext = param.useResolvedConfigContext, useConfigContext = param.useConfigContext;
-      var pluginsExportsUtils;
+    pre: [
+      "@modern-js/runtime"
+    ],
+    registerHook: {
+      appendEntryCode
+    },
+    setup: function(api) {
       return {
+        _internalRuntimePlugins: function _internalRuntimePlugins(param) {
+          var entrypoint = param.entrypoint, plugins = param.plugins;
+          var userConfig = api.useResolvedConfigContext();
+          var _api_useAppContext = api.useAppContext(), packageName = _api_useAppContext.packageName, metaName = _api_useAppContext.metaName;
+          var runtimeConfig = getEntryOptions(entrypoint.entryName, entrypoint.isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName);
+          if (runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.masterApp) {
+            plugins.push({
+              name: "garfish",
+              path: "@".concat(metaName, "/plugin-garfish/runtime"),
+              config: (runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.masterApp) || {}
+            });
+          }
+          return {
+            entrypoint,
+            plugins
+          };
+        },
         resolvedConfig: function() {
-          var _ref2 = _async_to_generator(function(config) {
+          var _ref = _async_to_generator(function(config) {
             var resolved, _getRuntimeConfig, masterApp, router, nConfig, _useConfig_server, _router_historyOptions, useConfig, baseUrl;
             return _ts_generator(this, function(_state) {
               resolved = config.resolved;
@@ -40,7 +64,7 @@ var garfishPlugin = function() {
               };
               if (masterApp) {
                 ;
-                useConfig = useConfigContext();
+                useConfig = api.useConfigContext();
                 baseUrl = useConfig === null || useConfig === void 0 ? void 0 : (_useConfig_server = useConfig.server) === null || _useConfig_server === void 0 ? void 0 : _useConfig_server.baseUrl;
                 if (Array.isArray(baseUrl)) {
                   throw new Error("Now Micro-Front-End mode dose not support multiple baseUrl, you can set it as a string");
@@ -62,15 +86,14 @@ var garfishPlugin = function() {
             });
           });
           return function(config) {
-            return _ref2.apply(this, arguments);
+            return _ref.apply(this, arguments);
           };
         }(),
         config: function config() {
           var _useConfig_output, _useConfig_deploy;
-          var useConfig = useConfigContext();
+          var useConfig = api.useConfigContext();
+          var _api_useAppContext = api.useAppContext(), metaName = _api_useAppContext.metaName, packageName = _api_useAppContext.packageName;
           logger("useConfig", useConfig);
-          var config2 = useAppContext();
-          pluginsExportsUtils = createRuntimeExportsUtils(config2.internalDirectory, "plugins");
           var disableCssExtract = ((_useConfig_output = useConfig.output) === null || _useConfig_output === void 0 ? void 0 : _useConfig_output.disableCssExtract) || false;
           if ((_useConfig_deploy = useConfig.deploy) === null || _useConfig_deploy === void 0 ? void 0 : _useConfig_deploy.microFrontend) {
             var _useConfig_deploy1;
@@ -79,15 +102,13 @@ var garfishPlugin = function() {
               disableCssExtract = true;
             }
           }
+          var _obj;
           return {
             output: {
               disableCssExtract
             },
             source: {
-              alias: {
-                "@modern-js/runtime/plugins": pluginsExportsUtils.getPath(),
-                "@modern-js/runtime/garfish": "@modern-js/plugin-garfish/runtime"
-              }
+              alias: (_obj = {}, _define_property(_obj, "@".concat(metaName, "/runtime/garfish"), "@".concat(metaName, "/plugin-garfish/runtime")), _define_property(_obj, "@meta/runtime/browser", "@modern-js/runtime/browser"), _define_property(_obj, "@meta/runtime/react", "@modern-js/runtime/react"), _obj)
             },
             tools: {
               devServer: {
@@ -95,8 +116,8 @@ var garfishPlugin = function() {
                   "Access-Control-Allow-Origin": "*"
                 }
               },
-              bundlerChain: function(chain, param2) {
-                var env = param2.env, CHAIN_ID = param2.CHAIN_ID, bundler = param2.bundler;
+              bundlerChain: function(chain, param) {
+                var env = param.env, CHAIN_ID = param.CHAIN_ID, bundler = param.bundler;
                 var _resolveOptions_deploy, _resolveConfig_resolve;
                 if (bundler.BannerPlugin) {
                   chain.plugin("garfish-banner").use(bundler.BannerPlugin, [
@@ -105,7 +126,7 @@ var garfishPlugin = function() {
                     }
                   ]);
                 }
-                var resolveOptions = useResolvedConfigContext();
+                var resolveOptions = api.useResolvedConfigContext();
                 if (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) {
                   var _resolveOptions_dev, _useConfig_dev, _resolveOptions_server, _resolveOptions_deploy1;
                   chain.output.libraryTarget("umd");
@@ -130,7 +151,7 @@ var garfishPlugin = function() {
                 }
                 var uniqueName = chain.output.get("uniqueName");
                 if (!uniqueName) {
-                  chain.output.uniqueName(config2.packageName);
+                  chain.output.uniqueName(packageName);
                 }
                 var resolveConfig = chain.toConfig();
                 logger("bundlerConfig", {
@@ -145,130 +166,46 @@ var garfishPlugin = function() {
           };
         },
         addRuntimeExports: function addRuntimeExports() {
-          var config = useResolvedConfigContext();
+          var config = api.useResolvedConfigContext();
           var masterApp = getRuntimeConfig(config).masterApp;
+          var _api_useAppContext = api.useAppContext(), internalDirectory = _api_useAppContext.internalDirectory, metaName = _api_useAppContext.metaName;
+          var pluginsExportsUtils = createRuntimeExportsUtils(internalDirectory, "plugins");
           if (masterApp) {
-            var addExportStatement = "export { default as garfish, default as masterApp } from '".concat(pluginName, "/runtime'");
+            var addExportStatement = "export { default as garfish, default as masterApp } from '".concat(metaName, "/plugin-garfish/runtime'");
             logger("exportStatement", addExportStatement);
             pluginsExportsUtils.addExport(addExportStatement);
           }
-          var otherExportStatement = "export { hoistNonReactStatics } from '".concat(pluginName, "/deps'");
-          logger("otherExportStatement", otherExportStatement);
-          pluginsExportsUtils.addExport(otherExportStatement);
         },
-        modifyEntryImports: function modifyEntryImports(param2) {
-          var entrypoint = param2.entrypoint, imports = param2.imports;
-          var config = useResolvedConfigContext();
-          var masterApp = getRuntimeConfig(config).masterApp;
-          if (masterApp) {
-            imports.push({
-              value: runtimePluginName,
-              specifiers: [
-                {
-                  imported: "garfish"
-                }
-              ]
-            });
-            imports.push({
-              value: runtimePluginName,
-              specifiers: [
-                {
-                  imported: "masterApp"
-                }
-              ]
-            });
-          }
-          imports.push({
-            value: runtimePluginName,
-            specifiers: [
-              {
-                imported: "hoistNonReactStatics"
-              }
-            ]
-          });
-          imports.push({
-            value: "react-dom",
-            specifiers: [
-              {
-                imported: "unmountComponentAtNode"
-              },
-              {
-                imported: "createPortal"
+        generateEntryCode: function generateEntryCode(param) {
+          var entrypoints = param.entrypoints;
+          return _async_to_generator(function() {
+            var _resolveOptions_deploy, resolveOptions, appContext, resolvedConfig, appendEntryCode2;
+            return _ts_generator(this, function(_state) {
+              switch (_state.label) {
+                case 0:
+                  resolveOptions = api.useResolvedConfigContext();
+                  if (!(resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend))
+                    return [
+                      3,
+                      2
+                    ];
+                  appContext = api.useAppContext();
+                  resolvedConfig = api.useResolvedConfigContext();
+                  appendEntryCode2 = api.useHookRunners().appendEntryCode;
+                  return [
+                    4,
+                    generateCode(entrypoints, appContext, resolvedConfig, appendEntryCode2)
+                  ];
+                case 1:
+                  _state.sent();
+                  _state.label = 2;
+                case 2:
+                  return [
+                    2
+                  ];
               }
-            ]
-          });
-          return {
-            imports,
-            entrypoint
-          };
-        },
-        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(param2) {
-          var entrypoint = param2.entrypoint, plugins = param2.plugins;
-          var config = useResolvedConfigContext();
-          var masterApp = getRuntimeConfig(config).masterApp;
-          if (masterApp) {
-            logger("garfishPlugin options", masterApp);
-            plugins.push({
-              name: "garfish",
-              args: "masterApp",
-              options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
             });
-          }
-          return {
-            entrypoint,
-            plugins
-          };
-        },
-        modifyEntryRenderFunction: function modifyEntryRenderFunction(param2) {
-          var entrypoint = param2.entrypoint, code = param2.code;
-          var _config_deploy;
-          var config = useResolvedConfigContext();
-          if (!(config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend)) {
-            return {
-              entrypoint,
-              code
-            };
-          }
-          var nCode = makeRenderFunction(code);
-          logger("makeRenderFunction", nCode);
-          return {
-            entrypoint,
-            code: nCode
-          };
-        },
-        modifyAsyncEntry: function modifyAsyncEntry(param2) {
-          var entrypoint = param2.entrypoint, code = param2.code;
-          var _config_deploy, _config_source;
-          var config = useResolvedConfigContext();
-          var finalCode = code;
-          if ((config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend) && (config === null || config === void 0 ? void 0 : (_config_source = config.source) === null || _config_source === void 0 ? void 0 : _config_source.enableAsyncEntry)) {
-            finalCode = generateAsyncEntry(code);
-            return {
-              entrypoint,
-              code: "".concat(finalCode)
-            };
-          }
-          return {
-            entrypoint,
-            code: finalCode
-          };
-        },
-        modifyEntryExport: function modifyEntryExport(param2) {
-          var entrypoint = param2.entrypoint, exportStatement = param2.exportStatement;
-          var _config_deploy;
-          var config = useResolvedConfigContext();
-          if (config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend) {
-            var exportStatementCode = makeProvider();
-            logger("exportStatement", exportStatementCode);
-            return {
-              entrypoint,
-              exportStatement: exportStatementCode
-            };
-          }
-          return {
-            entrypoint,
-            exportStatement
-          };
+          })();
         }
       };
     }

package/dist/esm/cli/template.js

@@ -0,0 +1,20 @@
+import { formatImportPath } from "@modern-js/utils";
+var genRenderCode = function(param) {
+  var srcDirectory = param.srcDirectory, internalSrcAlias = param.internalSrcAlias, metaName = param.metaName, entry = param.entry, customEntry = param.customEntry, customBootstrap = param.customBootstrap, mountId = param.mountId;
+  return customEntry ? "import '".concat(entry.replace(srcDirectory, internalSrcAlias), "'\nexport * from '").concat(entry.replace(srcDirectory, internalSrcAlias), "'") : "import { createRoot } from '@".concat(metaName, "/runtime/react';\nimport { render } from '@").concat(metaName, "/runtime/browser';\nimport { isRenderGarfish, createProvider } from '@").concat(metaName, "/plugin-garfish/runtime';\n").concat(customBootstrap ? "import customBootstrap from '".concat(formatImportPath(customBootstrap.replace(srcDirectory, internalSrcAlias)), "';") : "let customBootstrap;", "\nif (!isRenderGarfish()) {\n  const ModernRoot = createRoot();\n  ").concat(customBootstrap ? "customBootstrap(ModernRoot, () => render(<ModernRoot />, '".concat(mountId || "root", "'));") : "render(<ModernRoot />, '".concat(mountId || "root", "');"), ";\n}\n\nexport const provider = createProvider('").concat(mountId || "root", "', { customBootstrap });\n");
+};
+var index = function(param) {
+  var srcDirectory = param.srcDirectory, internalSrcAlias = param.internalSrcAlias, metaName = param.metaName, entry = param.entry, entryName = param.entryName, customEntry = param.customEntry, customBootstrap = param.customBootstrap, mountId = param.mountId, _param_appendCode = param.appendCode, appendCode = _param_appendCode === void 0 ? [] : _param_appendCode;
+  return "import '@".concat(metaName, "/runtime/registry/").concat(entryName, "';\n  ").concat(genRenderCode({
+    srcDirectory,
+    internalSrcAlias,
+    metaName,
+    entry,
+    customEntry,
+    customBootstrap,
+    mountId
+  }), "\n  ").concat(appendCode.join("\n"), "\n  ");
+};
+export {
+  index
+};

package/dist/esm/cli/utils.js

@@ -1,89 +1,3 @@
-var makeProvider = function() {
-  return `
-export const provider = function ({basename, dom}) {
-  return {
-    render({basename, dom, props, appName}) {
-      render({ props, basename, dom, appName });
-    },
-    destroy({ dom }) {
-      const node = dom.querySelector('#' + MOUNT_ID) || dom;
-
-      if (node) {
-        if (IS_REACT18) {
-          root.unmount();
-        } else {
-          unmountComponentAtNode(node);
-        }
-      }
-    },
-    SubModuleComponent: (props) => {
-      const SubApp = render({props, basename});
-
-      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
-    },
-    jupiter_submodule_app_key: (props) => {
-      const SubApp = render({props, basename});
-
-      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
-    }
-  }
-};
-
-if (typeof __GARFISH_EXPORTS__ !== 'undefined') {
-  __GARFISH_EXPORTS__.provider = provider;
-}
-
-function canContinueRender ({ dom, appName }) {
-  var renderByGarfish =
-    typeof __GARFISH_EXPORTS__ !== 'undefined'
-    || typeof window !== 'undefined' && window.Garfish && window.Garfish.activeApps && window.Garfish.activeApps.some((app)=>app.appInfo.name === appName);
-  let renderByProvider = dom || appName;
-  if (renderByGarfish) {
-    // Runs in the Garfish environment and is rendered by the provider
-    if (renderByProvider) {
-      return true;
-    } else {
-      // Runs in the Garfish environment and is not rendered by the provider
-      return false;
-    }
-  } else {
-    // Running in a non-Garfish environment
-    return true;
-  }
-}
-
-function generateRouterPlugin (basename,routerConfig) {
-  if (basename) {
-    routerConfig.originalBaseUrl = basename.replace(/^\\/*/, "/");
-    // for compatibility with react router v5
-    routerConfig.basename = basename;
-    if (routerConfig.supportHtml5History !== false) {
-      if (!routerConfig.historyOptions) {
-        routerConfig.historyOptions = {
-          basename: basename
-        };
-      } else {
-        routerConfig.historyOptions.basename = basename;
-      }
-    }
-  }
-  return router(routerConfig);
-}
-
-function generateRootDom ({ dom, props, basename }) {
-  const mountNode = dom ? (dom.querySelector('#' + MOUNT_ID) || dom) : document.getElementById(MOUNT_ID);
-  const mergedProps = {
-    ...props,
-    basename,
-  }
-  return { mountNode, props: mergedProps }
-}
-`;
-};
-var makeRenderFunction = function(code) {
-  var inGarfishToRender = "\n  let { basename, props, dom, appName } = typeof arguments[0] === 'object' && arguments[0] || {};\n  if (!canContinueRender({ dom, appName })) return null;\n  const rootDomInfo = generateRootDom({dom, props, basename});\n  let mountNode = rootDomInfo.mountNode;\n  props = rootDomInfo.props;\n  ";
-  return inGarfishToRender + code.replace("router(", "generateRouterPlugin(basename,").replace(/MOUNT_ID/g, "mountNode").replace("createApp({", "createApp({ props,").replace("bootstrap(AppWrapper, mountNode, root", "bootstrap(AppWrapper, mountNode, root = IS_REACT18 ? ReactDOM.createRoot(mountNode) : null").replace("customBootstrap(AppWrapper", "customBootstrap(AppWrapper, mountNode").replace(/customBootstrap\((.*)\)/g, "customBootstrap($1, props)");
-};
 function getRuntimeConfig(config) {
   var _config_runtime;
   if (config === null || config === void 0 ? void 0 : (_config_runtime = config.runtime) === null || _config_runtime === void 0 ? void 0 : _config_runtime.features) {
@@ -104,14 +18,12 @@ function setRuntimeConfig(config, key, value) {
   }
   return void 0;
 }
-var generateAsyncEntry = function(code) {
-  var transformCode = code.replace("import('./bootstrap.jsx');", "if (!window.__GARFISH__) { import('./bootstrap.jsx'); }");
-  return "\n      export const provider = async (...args) => {\n        const exports = await import('./bootstrap');\n        return exports.provider.apply(null, args);\n      };\n      ".concat(transformCode, "\n      if (typeof __GARFISH_EXPORTS__ !== 'undefined') {\n        __GARFISH_EXPORTS__.provider = provider;\n      }\n    ");
+var generateAsyncEntryCode = function() {
+  var appendCode = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+  return "\n      export const provider = async (...args) => {\n        const exports = await import('./index.jsx');\n        return exports.provider.apply(null, args);\n      };\n      if (!window.__GARFISH__) { import('./index.jsx'); }\n      if (typeof __GARFISH_EXPORTS__ !== 'undefined') {\n        __GARFISH_EXPORTS__.provider = provider;\n      }\n\n      ".concat(appendCode.join("\n"), "\n    ");
 };
 export {
-  generateAsyncEntry,
+  generateAsyncEntryCode,
   getRuntimeConfig,
-  makeProvider,
-  makeRenderFunction,
   setRuntimeConfig
 };

package/dist/esm/runtime/index.js

@@ -1,10 +1,15 @@
-import { default as default2 } from "./plugin";
+import { default as default2, garfishPlugin } from "./plugin";
 import { useModuleApps, useModuleApp } from "./useModuleApps";
 import { default as default3, default as default4 } from "garfish";
+import { isRenderGarfish } from "./utils";
+import { createProvider } from "./provider";
 export {
   default3 as Garfish,
+  createProvider,
   default2 as default,
   default4 as garfish,
+  garfishPlugin,
+  isRenderGarfish,
   useModuleApp,
   useModuleApps
 };

package/dist/esm/runtime/plugin.js

@@ -11,7 +11,6 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx } from "react/jsx-runtime";
 import GarfishInstance from "garfish";
 import React from "react";
-import hoistNonReactStatics from "hoist-non-react-statics";
 import { logger } from "../util";
 import { GarfishProvider } from "./utils/Context";
 import setExternal from "./utils/setExternal";
@@ -68,7 +67,7 @@ function _initOptions() {
   });
   return _initOptions.apply(this, arguments);
 }
-function plugin_default(config) {
+var garfishPlugin = function(config) {
   return {
     name: "@modern-js/garfish-plugin",
     setup: function() {
@@ -163,15 +162,16 @@ function plugin_default(config) {
             return GetMicroFrontendApp2;
           }(React.Component);
           return next({
-            App: hoistNonReactStatics(GetMicroFrontendApp, App),
+            App: GetMicroFrontendApp,
             config: _$config
           });
         }
       };
     }
   };
-}
-;
+};
+var plugin_default = garfishPlugin;
 export {
-  plugin_default as default
+  plugin_default as default,
+  garfishPlugin
 };