@modern-js/plugin-garfish 2.54.6 → 2.56.0

package/dist/esm/runtime/provider.js

@@ -0,0 +1,113 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoot } from "@meta/runtime/react";
+import { render } from "@meta/runtime/browser";
+import { createPortal, unmountComponentAtNode } from "react-dom";
+function createProvider(id) {
+  var _ref = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, customBootstrap = _ref.customBootstrap, beforeRender = _ref.beforeRender;
+  return function(param) {
+    var basename = param.basename, dom = param.dom;
+    var root = null;
+    return {
+      render: function render1(param2) {
+        var basename2 = param2.basename, dom2 = param2.dom, props = param2.props;
+        return _async_to_generator(function() {
+          var ModernRoot;
+          return _ts_generator(this, function(_state) {
+            switch (_state.label) {
+              case 0:
+                ModernRoot = createRoot(null, {
+                  router: {
+                    basename: basename2
+                  }
+                });
+                if (!customBootstrap)
+                  return [
+                    3,
+                    2
+                  ];
+                return [
+                  4,
+                  customBootstrap(ModernRoot, function() {
+                    return render(/* @__PURE__ */ _jsx(ModernRoot, _object_spread({
+                      basename: basename2
+                    }, props)), dom2);
+                  })
+                ];
+              case 1:
+                root = _state.sent();
+                return [
+                  3,
+                  6
+                ];
+              case 2:
+                if (!beforeRender)
+                  return [
+                    3,
+                    4
+                  ];
+                return [
+                  4,
+                  beforeRender(ModernRoot)
+                ];
+              case 3:
+                _state.sent();
+                _state.label = 4;
+              case 4:
+                return [
+                  4,
+                  render(/* @__PURE__ */ _jsx(ModernRoot, _object_spread({
+                    basename: basename2
+                  }, props)), dom2)
+                ];
+              case 5:
+                root = _state.sent();
+                _state.label = 6;
+              case 6:
+                return [
+                  2
+                ];
+            }
+          });
+        })();
+      },
+      destroy: function destroy(param2) {
+        var dom2 = param2.dom;
+        var node = dom2.querySelector("#".concat(id || "root")) || dom2;
+        if (node) {
+          if (process.env.IS_REACT18 === "true") {
+            root.unmount();
+          } else {
+            unmountComponentAtNode(node);
+          }
+        }
+      },
+      // 兼容旧版本
+      SubModuleComponent: function(props) {
+        var ModernRoot = createRoot(null, {
+          router: {
+            basename
+          }
+        });
+        return /* @__PURE__ */ createPortal(/* @__PURE__ */ _jsx(ModernRoot, _object_spread({
+          basename
+        }, props)), dom.querySelector("#".concat(id || "root")) || dom);
+      },
+      jupiter_submodule_app_key: function(props) {
+        var ModernRoot = createRoot(null, {
+          router: {
+            basename
+          }
+        });
+        return /* @__PURE__ */ createPortal(/* @__PURE__ */ _jsx(ModernRoot, _object_spread({
+          basename
+        }, props)), dom.querySelector("#".concat(id || "root")) || dom);
+      }
+    };
+  };
+}
+export {
+  createProvider
+};

package/dist/esm/runtime/utils.js

@@ -0,0 +1,6 @@
+function isRenderGarfish() {
+  return typeof __GARFISH_EXPORTS__ !== "undefined";
+}
+export {
+  isRenderGarfish
+};

package/dist/esm-node/cli/code.js

@@ -0,0 +1,40 @@
+import path from "path";
+import { fs } from "@modern-js/utils";
+import * as template from "./template";
+import { generateAsyncEntryCode } from "./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 = path.resolve(internalDirectory, `./${entryName}/${ENTRY_POINT_FILE_NAME}`);
+      fs.outputFileSync(indexFile, indexCode, "utf8");
+      if (enableAsyncEntry) {
+        const bootstrapFile = path.resolve(internalDirectory, `./${entryName}/${ENTRY_BOOTSTRAP_FILE_NAME}`);
+        fs.outputFileSync(bootstrapFile, generateAsyncEntryCode(appendCode), "utf8");
+      }
+    }
+  }));
+};
+export {
+  ENTRY_BOOTSTRAP_FILE_NAME,
+  generateCode
+};

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

@@ -1,6 +1,8 @@
-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";
 const externals = {
   "react-dom": "react-dom",
   react: "react"
@@ -19,11 +21,33 @@ function getDefaultMicroFrontedConfig(microFrontend) {
     ...microFrontend
   };
 }
-const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePluginName = "@modern-js/runtime/plugins" } = {}) => ({
+const appendEntryCode = 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 = 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 } = getRuntimeConfig(resolved);
@@ -34,7 +58,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");
@@ -55,10 +79,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();
         logger("useConfig", useConfig);
-        const config = useAppContext();
-        pluginsExportsUtils = 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;
@@ -73,8 +96,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: {
@@ -92,7 +116,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");
@@ -117,7 +141,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();
               logger("bundlerConfig", {
@@ -132,125 +156,25 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
         };
       },
       addRuntimeExports() {
-        const config = useResolvedConfigContext();
+        const config = api.useResolvedConfigContext();
         const { masterApp } = getRuntimeConfig(config);
+        const { internalDirectory, metaName } = api.useAppContext();
+        const pluginsExportsUtils = 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'`;
           logger("exportStatement", addExportStatement);
           pluginsExportsUtils.addExport(addExportStatement);
         }
-        const otherExportStatement = `export { hoistNonReactStatics } from '${pluginName}/deps'`;
-        logger("otherExportStatement", otherExportStatement);
-        pluginsExportsUtils.addExport(otherExportStatement);
-      },
-      modifyEntryImports({ entrypoint, imports }) {
-        const config = useResolvedConfigContext();
-        const { masterApp } = 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 } = getRuntimeConfig(config);
-        if (masterApp) {
-          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 = makeRenderFunction(code);
-        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 = 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 = makeProvider();
-          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 generateCode(entrypoints, appContext, resolvedConfig, appendEntryCode2);
         }
-        return {
-          entrypoint,
-          exportStatement
-        };
       }
     };
   }

package/dist/esm-node/cli/template.js

@@ -0,0 +1,28 @@
+import { formatImportPath } from "@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 '${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")}
+  `;
+export {
+  index
+};

package/dist/esm-node/cli/utils.js

@@ -1,93 +1,3 @@
-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) {
@@ -108,23 +18,22 @@ 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")}
     `;
 };
 export {
-  generateAsyncEntry,
+  generateAsyncEntryCode,
   getRuntimeConfig,
-  makeProvider,
-  makeRenderFunction,
   setRuntimeConfig
 };

package/dist/esm-node/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-node/runtime/plugin.js

@@ -1,7 +1,6 @@
 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";
@@ -33,7 +32,7 @@ async function initOptions(manifest = {}, options) {
     apps
   };
 }
-var plugin_default = (config) => ({
+const garfishPlugin = (config) => ({
   name: "@modern-js/garfish-plugin",
   setup: () => {
     setExternal();
@@ -98,13 +97,15 @@ var plugin_default = (config) => ({
           }
         }
         return next({
-          App: hoistNonReactStatics(GetMicroFrontendApp, App),
+          App: GetMicroFrontendApp,
           config: config2
         });
       }
     };
   }
 });
+var plugin_default = garfishPlugin;
 export {
-  plugin_default as default
+  plugin_default as default,
+  garfishPlugin
 };

package/dist/esm-node/runtime/provider.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoot } from "@meta/runtime/react";
+import { render } from "@meta/runtime/browser";
+import { createPortal, unmountComponentAtNode } from "react-dom";
+function createProvider(id, { customBootstrap, beforeRender } = {}) {
+  return ({ basename, dom }) => {
+    let root = null;
+    return {
+      async render({ basename: basename2, dom: dom2, props }) {
+        const ModernRoot = createRoot(null, {
+          router: {
+            basename: basename2
+          }
+        });
+        if (customBootstrap) {
+          root = await customBootstrap(ModernRoot, () => render(/* @__PURE__ */ _jsx(ModernRoot, {
+            basename: basename2,
+            ...props
+          }), dom2));
+        } else {
+          if (beforeRender) {
+            await beforeRender(ModernRoot);
+          }
+          root = await render(/* @__PURE__ */ _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 {
+            unmountComponentAtNode(node);
+          }
+        }
+      },
+      // 兼容旧版本
+      SubModuleComponent: (props) => {
+        const ModernRoot = createRoot(null, {
+          router: {
+            basename
+          }
+        });
+        return /* @__PURE__ */ createPortal(/* @__PURE__ */ _jsx(ModernRoot, {
+          basename,
+          ...props
+        }), dom.querySelector(`#${id || "root"}`) || dom);
+      },
+      jupiter_submodule_app_key: (props) => {
+        const ModernRoot = createRoot(null, {
+          router: {
+            basename
+          }
+        });
+        return /* @__PURE__ */ createPortal(/* @__PURE__ */ _jsx(ModernRoot, {
+          basename,
+          ...props
+        }), dom.querySelector(`#${id || "root"}`) || dom);
+      }
+    };
+  };
+}
+export {
+  createProvider
+};

package/dist/esm-node/runtime/utils.js

@@ -0,0 +1,6 @@
+function isRenderGarfish() {
+  return typeof __GARFISH_EXPORTS__ !== "undefined";
+}
+export {
+  isRenderGarfish
+};