@modern-js/plugin-garfish 2.54.6 → 2.56.0

package/dist/cjs/cli/code.js

@@ -0,0 +1,75 @@
+"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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 code_exports = {};
+__export(code_exports, {
+  ENTRY_BOOTSTRAP_FILE_NAME: () => ENTRY_BOOTSTRAP_FILE_NAME,
+  generateCode: () => generateCode
+});
+module.exports = __toCommonJS(code_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+var template = __toESM(require("./template"));
+var import_utils2 = require("./utils");
+const ENTRY_POINT_FILE_NAME = "index.jsx";
+const ENTRY_BOOTSTRAP_FILE_NAME = "bootstrap.jsx";
+const generateCode = async (entrypoints, appContext, config, appendEntryCode) => {
+  const { mountId } = config.html;
+  const { enableAsyncEntry } = config.source;
+  const { internalDirectory, internalSrcAlias, metaName, srcDirectory } = appContext;
+  await Promise.all(entrypoints.map(async (entrypoint) => {
+    const { entryName, isAutoMount, entry, customEntry, customBootstrap } = entrypoint;
+    const appendCode = await appendEntryCode({
+      entrypoint
+    });
+    if (isAutoMount) {
+      const indexCode = template.index({
+        srcDirectory,
+        internalSrcAlias,
+        metaName,
+        entry,
+        entryName,
+        customEntry,
+        customBootstrap,
+        mountId,
+        appendCode
+      });
+      const indexFile = import_path.default.resolve(internalDirectory, `./${entryName}/${ENTRY_POINT_FILE_NAME}`);
+      import_utils.fs.outputFileSync(indexFile, indexCode, "utf8");
+      if (enableAsyncEntry) {
+        const bootstrapFile = import_path.default.resolve(internalDirectory, `./${entryName}/${ENTRY_BOOTSTRAP_FILE_NAME}`);
+        import_utils.fs.outputFileSync(bootstrapFile, (0, import_utils2.generateAsyncEntryCode)(appendCode), "utf8");
+      }
+    }
+  }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ENTRY_BOOTSTRAP_FILE_NAME,
+  generateCode
+});

package/dist/cjs/cli/index.js

@@ -25,8 +25,10 @@ __export(cli_exports, {
 });
 module.exports = __toCommonJS(cli_exports);
 var import_utils = require("@modern-js/utils");
+var import_core = require("@modern-js/core");
 var import_util = require("../util");
 var import_utils2 = require("./utils");
+var import_code = require("./code");
 const externals = {
   "react-dom": "react-dom",
   react: "react"
@@ -45,11 +47,33 @@ function getDefaultMicroFrontedConfig(microFrontend) {
     ...microFrontend
   };
 }
-const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePluginName = "@modern-js/runtime/plugins" } = {}) => ({
+const appendEntryCode = (0, import_core.createAsyncWorkflow)();
+const garfishPlugin = () => ({
   name: "@modern-js/plugin-garfish",
-  setup: ({ useAppContext, useResolvedConfigContext, useConfigContext }) => {
-    let pluginsExportsUtils;
+  pre: [
+    "@modern-js/runtime"
+  ],
+  registerHook: {
+    appendEntryCode
+  },
+  setup: (api) => {
     return {
+      _internalRuntimePlugins({ entrypoint, plugins }) {
+        const userConfig = api.useResolvedConfigContext();
+        const { packageName, metaName } = api.useAppContext();
+        const runtimeConfig = (0, import_utils.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: `@${metaName}/plugin-garfish/runtime`,
+            config: (runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.masterApp) || {}
+          });
+        }
+        return {
+          entrypoint,
+          plugins
+        };
+      },
       resolvedConfig: async (config) => {
         const { resolved } = config;
         const { masterApp, router } = (0, import_utils2.getRuntimeConfig)(resolved);
@@ -60,7 +84,7 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
         };
         if (masterApp) {
           var _useConfig_server, _router_historyOptions;
-          const useConfig = useConfigContext();
+          const useConfig = api.useConfigContext();
           const 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");
@@ -81,10 +105,9 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
       },
       config() {
         var _useConfig_output, _useConfig_deploy;
-        const useConfig = useConfigContext();
+        const useConfig = api.useConfigContext();
+        const { metaName, packageName } = api.useAppContext();
         (0, import_util.logger)("useConfig", useConfig);
-        const config = useAppContext();
-        pluginsExportsUtils = (0, import_utils.createRuntimeExportsUtils)(config.internalDirectory, "plugins");
         let 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;
@@ -99,8 +122,9 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
           },
           source: {
             alias: {
-              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath(),
-              "@modern-js/runtime/garfish": "@modern-js/plugin-garfish/runtime"
+              [`@${metaName}/runtime/garfish`]: `@${metaName}/plugin-garfish/runtime`,
+              "@meta/runtime/browser": "@modern-js/runtime/browser",
+              "@meta/runtime/react": "@modern-js/runtime/react"
             }
           },
           tools: {
@@ -118,7 +142,7 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
                   }
                 ]);
               }
-              const resolveOptions = useResolvedConfigContext();
+              const 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");
@@ -143,7 +167,7 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
               }
               const uniqueName = chain.output.get("uniqueName");
               if (!uniqueName) {
-                chain.output.uniqueName(config.packageName);
+                chain.output.uniqueName(packageName);
               }
               const resolveConfig = chain.toConfig();
               (0, import_util.logger)("bundlerConfig", {
@@ -158,125 +182,25 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
         };
       },
       addRuntimeExports() {
-        const config = useResolvedConfigContext();
+        const config = api.useResolvedConfigContext();
         const { masterApp } = (0, import_utils2.getRuntimeConfig)(config);
+        const { internalDirectory, metaName } = api.useAppContext();
+        const pluginsExportsUtils = (0, import_utils.createRuntimeExportsUtils)(internalDirectory, "plugins");
         if (masterApp) {
-          const addExportStatement = `export { default as garfish, default as masterApp } from '${pluginName}/runtime'`;
+          const addExportStatement = `export { default as garfish, default as masterApp } from '${metaName}/plugin-garfish/runtime'`;
           (0, import_util.logger)("exportStatement", addExportStatement);
           pluginsExportsUtils.addExport(addExportStatement);
         }
-        const otherExportStatement = `export { hoistNonReactStatics } from '${pluginName}/deps'`;
-        (0, import_util.logger)("otherExportStatement", otherExportStatement);
-        pluginsExportsUtils.addExport(otherExportStatement);
-      },
-      modifyEntryImports({ entrypoint, imports }) {
-        const config = useResolvedConfigContext();
-        const { masterApp } = (0, import_utils2.getRuntimeConfig)(config);
-        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"
-            }
-          ]
-        });
-        return {
-          imports,
-          entrypoint
-        };
-      },
-      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
-        const config = useResolvedConfigContext();
-        const { masterApp } = (0, import_utils2.getRuntimeConfig)(config);
-        if (masterApp) {
-          (0, import_util.logger)("garfishPlugin options", masterApp);
-          plugins.push({
-            name: "garfish",
-            args: "masterApp",
-            options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
-          });
-        }
-        return {
-          entrypoint,
-          plugins
-        };
-      },
-      modifyEntryRenderFunction({ entrypoint, code }) {
-        var _config_deploy;
-        const 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
-          };
-        }
-        const nCode = (0, import_utils2.makeRenderFunction)(code);
-        (0, import_util.logger)("makeRenderFunction", nCode);
-        return {
-          entrypoint,
-          code: nCode
-        };
-      },
-      modifyAsyncEntry({ entrypoint, code }) {
-        var _config_deploy, _config_source;
-        const config = useResolvedConfigContext();
-        let 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 = (0, import_utils2.generateAsyncEntry)(code);
-          return {
-            entrypoint,
-            code: `${finalCode}`
-          };
-        }
-        return {
-          entrypoint,
-          code: finalCode
-        };
       },
-      modifyEntryExport({ entrypoint, exportStatement }) {
-        var _config_deploy;
-        const config = useResolvedConfigContext();
-        if (config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend) {
-          const exportStatementCode = (0, import_utils2.makeProvider)();
-          (0, import_util.logger)("exportStatement", exportStatementCode);
-          return {
-            entrypoint,
-            exportStatement: exportStatementCode
-          };
+      async generateEntryCode({ entrypoints }) {
+        var _resolveOptions_deploy;
+        const 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) {
+          const appContext = api.useAppContext();
+          const resolvedConfig = api.useResolvedConfigContext();
+          const { appendEntryCode: appendEntryCode2 } = api.useHookRunners();
+          await (0, import_code.generateCode)(entrypoints, appContext, resolvedConfig, appendEntryCode2);
         }
-        return {
-          entrypoint,
-          exportStatement
-        };
       }
     };
   }

package/dist/cjs/cli/template.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var template_exports = {};
+__export(template_exports, {
+  index: () => index
+});
+module.exports = __toCommonJS(template_exports);
+var import_utils = require("@modern-js/utils");
+const genRenderCode = ({ srcDirectory, internalSrcAlias, metaName, entry, customEntry, customBootstrap, mountId }) => customEntry ? `import '${entry.replace(srcDirectory, internalSrcAlias)}'
+export * from '${entry.replace(srcDirectory, internalSrcAlias)}'` : `import { createRoot } from '@${metaName}/runtime/react';
+import { render } from '@${metaName}/runtime/browser';
+import { isRenderGarfish, createProvider } from '@${metaName}/plugin-garfish/runtime';
+${customBootstrap ? `import customBootstrap from '${(0, import_utils.formatImportPath)(customBootstrap.replace(srcDirectory, internalSrcAlias))}';` : "let customBootstrap;"}
+if (!isRenderGarfish()) {
+  const ModernRoot = createRoot();
+  ${customBootstrap ? `customBootstrap(ModernRoot, () => render(<ModernRoot />, '${mountId || "root"}'));` : `render(<ModernRoot />, '${mountId || "root"}');`};
+}
+
+export const provider = createProvider('${mountId || "root"}', { customBootstrap });
+`;
+const index = ({ srcDirectory, internalSrcAlias, metaName, entry, entryName, customEntry, customBootstrap, mountId, appendCode = [] }) => `import '@${metaName}/runtime/registry/${entryName}';
+  ${genRenderCode({
+  srcDirectory,
+  internalSrcAlias,
+  metaName,
+  entry,
+  customEntry,
+  customBootstrap,
+  mountId
+})}
+  ${appendCode.join("\n")}
+  `;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  index
+});

package/dist/cjs/cli/utils.js

@@ -18,103 +18,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
-  generateAsyncEntry: () => generateAsyncEntry,
+  generateAsyncEntryCode: () => generateAsyncEntryCode,
   getRuntimeConfig: () => getRuntimeConfig,
-  makeProvider: () => makeProvider,
-  makeRenderFunction: () => makeRenderFunction,
   setRuntimeConfig: () => setRuntimeConfig
 });
 module.exports = __toCommonJS(utils_exports);
-const makeProvider = () => `
-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 }
-}
-`;
-const makeRenderFunction = (code) => {
-  const inGarfishToRender = `
-  let { basename, props, dom, appName } = typeof arguments[0] === 'object' && arguments[0] || {};
-  if (!canContinueRender({ dom, appName })) return null;
-  const rootDomInfo = generateRootDom({dom, props, basename});
-  let mountNode = rootDomInfo.mountNode;
-  props = rootDomInfo.props;
-  `;
-  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) {
@@ -135,24 +43,23 @@ function setRuntimeConfig(config, key, value) {
   }
   return void 0;
 }
-const generateAsyncEntry = (code) => {
-  const transformCode = code.replace(`import('./bootstrap.jsx');`, `if (!window.__GARFISH__) { import('./bootstrap.jsx'); }`);
+const generateAsyncEntryCode = (appendCode = []) => {
   return `
       export const provider = async (...args) => {
-        const exports = await import('./bootstrap');
+        const exports = await import('./index.jsx');
         return exports.provider.apply(null, args);
       };
-      ${transformCode}
+      if (!window.__GARFISH__) { import('./index.jsx'); }
       if (typeof __GARFISH_EXPORTS__ !== 'undefined') {
         __GARFISH_EXPORTS__.provider = provider;
       }
+
+      ${appendCode.join("\n")}
     `;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  generateAsyncEntry,
+  generateAsyncEntryCode,
   getRuntimeConfig,
-  makeProvider,
-  makeRenderFunction,
   setRuntimeConfig
 });

package/dist/cjs/runtime/index.js

@@ -29,8 +29,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var runtime_exports = {};
 __export(runtime_exports, {
   Garfish: () => import_garfish.default,
+  createProvider: () => import_provider.createProvider,
   default: () => import_plugin.default,
   garfish: () => import_garfish.default,
+  garfishPlugin: () => import_plugin.garfishPlugin,
+  isRenderGarfish: () => import_utils.isRenderGarfish,
   useModuleApp: () => import_useModuleApps.useModuleApp,
   useModuleApps: () => import_useModuleApps.useModuleApps
 });
@@ -38,10 +41,15 @@ module.exports = __toCommonJS(runtime_exports);
 var import_plugin = __toESM(require("./plugin"));
 var import_useModuleApps = require("./useModuleApps");
 var import_garfish = __toESM(require("garfish"));
+var import_utils = require("./utils");
+var import_provider = require("./provider");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Garfish,
+  createProvider,
   garfish,
+  garfishPlugin,
+  isRenderGarfish,
   useModuleApp,
   useModuleApps
 });

package/dist/cjs/runtime/plugin.js

@@ -28,13 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var plugin_exports = {};
 __export(plugin_exports, {
-  default: () => plugin_default
+  default: () => plugin_default,
+  garfishPlugin: () => garfishPlugin
 });
 module.exports = __toCommonJS(plugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_garfish = __toESM(require("garfish"));
 var import_react = __toESM(require("react"));
-var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
 var import_util = require("../util");
 var import_Context = require("./utils/Context");
 var import_setExternal = __toESM(require("./utils/setExternal"));
@@ -66,7 +66,7 @@ async function initOptions(manifest = {}, options) {
     apps
   };
 }
-var plugin_default = (config) => ({
+const garfishPlugin = (config) => ({
   name: "@modern-js/garfish-plugin",
   setup: () => {
     (0, import_setExternal.default)();
@@ -131,10 +131,15 @@ var plugin_default = (config) => ({
           }
         }
         return next({
-          App: (0, import_hoist_non_react_statics.default)(GetMicroFrontendApp, App),
+          App: GetMicroFrontendApp,
           config: config2
         });
       }
     };
   }
 });
+var plugin_default = garfishPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  garfishPlugin
+});

package/dist/cjs/runtime/provider.js

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var provider_exports = {};
+__export(provider_exports, {
+  createProvider: () => createProvider
+});
+module.exports = __toCommonJS(provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@meta/runtime/react");
+var import_browser = require("@meta/runtime/browser");
+var import_react_dom = require("react-dom");
+function createProvider(id, { customBootstrap, beforeRender } = {}) {
+  return ({ basename, dom }) => {
+    let root = null;
+    return {
+      async render({ basename: basename2, dom: dom2, props }) {
+        const ModernRoot = (0, import_react.createRoot)(null, {
+          router: {
+            basename: basename2
+          }
+        });
+        if (customBootstrap) {
+          root = await customBootstrap(ModernRoot, () => (0, import_browser.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModernRoot, {
+            basename: basename2,
+            ...props
+          }), dom2));
+        } else {
+          if (beforeRender) {
+            await beforeRender(ModernRoot);
+          }
+          root = await (0, import_browser.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModernRoot, {
+            basename: basename2,
+            ...props
+          }), dom2);
+        }
+      },
+      destroy({ dom: dom2 }) {
+        const node = dom2.querySelector(`#${id || "root"}`) || dom2;
+        if (node) {
+          if (process.env.IS_REACT18 === "true") {
+            root.unmount();
+          } else {
+            (0, import_react_dom.unmountComponentAtNode)(node);
+          }
+        }
+      },
+      // 兼容旧版本
+      SubModuleComponent: (props) => {
+        const ModernRoot = (0, import_react.createRoot)(null, {
+          router: {
+            basename
+          }
+        });
+        return /* @__PURE__ */ (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModernRoot, {
+          basename,
+          ...props
+        }), dom.querySelector(`#${id || "root"}`) || dom);
+      },
+      jupiter_submodule_app_key: (props) => {
+        const ModernRoot = (0, import_react.createRoot)(null, {
+          router: {
+            basename
+          }
+        });
+        return /* @__PURE__ */ (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModernRoot, {
+          basename,
+          ...props
+        }), dom.querySelector(`#${id || "root"}`) || dom);
+      }
+    };
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createProvider
+});