@modern-js/plugin-garfish 2.35.1 → 2.37.0

package/dist/cjs/cli/index.js

@@ -1,31 +1,32 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+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)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  externals: function() {
-    return externals;
-  },
-  getDefaultMicroFrontedConfig: function() {
-    return getDefaultMicroFrontedConfig;
-  },
-  garfishPlugin: function() {
-    return garfishPlugin;
-  },
-  default: function() {
-    return _default;
+    __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 cli_exports = {};
+__export(cli_exports, {
+  default: () => cli_default,
+  externals: () => externals,
+  garfishPlugin: () => garfishPlugin,
+  getDefaultMicroFrontedConfig: () => getDefaultMicroFrontedConfig
 });
-const _utils = require("@modern-js/utils");
-const _util = require("../util");
-const _utils1 = require("./utils");
+module.exports = __toCommonJS(cli_exports);
+var import_utils = require("@modern-js/utils");
+var import_util = require("../util");
+var import_utils2 = require("./utils");
 const externals = {
   "react-dom": "react-dom",
   react: "react"
@@ -81,7 +82,7 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
       },
       resolvedConfig: async (config) => {
         const { resolved } = config;
-        const { masterApp, router } = (0, _utils1.getRuntimeConfig)(resolved);
+        const { masterApp, router } = (0, import_utils2.getRuntimeConfig)(resolved);
         const nConfig = {
           resolved: {
             ...resolved
@@ -94,13 +95,13 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
           if (Array.isArray(baseUrl)) {
             throw new Error("Now Micro-Front-End mode dose not support multiple baseUrl, you can set it as a string");
           }
-          (0, _utils1.setRuntimeConfig)(nConfig.resolved, "masterApp", Object.assign(typeof masterApp === "object" ? {
+          (0, import_utils2.setRuntimeConfig)(nConfig.resolved, "masterApp", Object.assign(typeof masterApp === "object" ? {
             ...masterApp
           } : {}, {
             basename: baseUrl || (router === null || router === void 0 ? void 0 : (_router_historyOptions = router.historyOptions) === null || _router_historyOptions === void 0 ? void 0 : _router_historyOptions.basename) || (router === null || router === void 0 ? void 0 : router.basename) || "/"
           }));
         }
-        (0, _util.logger)(`resolvedConfig`, {
+        (0, import_util.logger)(`resolvedConfig`, {
           output: nConfig.resolved.output,
           runtime: nConfig.resolved.runtime,
           deploy: nConfig.resolved.deploy,
@@ -111,9 +112,9 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
       config() {
         var _useConfig_output, _useConfig_deploy;
         const useConfig = useConfigContext();
-        (0, _util.logger)("useConfig", useConfig);
+        (0, import_util.logger)("useConfig", useConfig);
         const config = useAppContext();
-        pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(config.internalDirectory, "plugins");
+        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;
@@ -138,15 +139,6 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
                 "Access-Control-Allow-Origin": "*"
               }
             },
-            webpackChain: (chain, { webpack, CHAIN_ID }) => {
-              if (webpack.BannerPlugin) {
-                chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(webpack.BannerPlugin, [
-                  {
-                    banner: "Micro front-end"
-                  }
-                ]);
-              }
-            },
             rspack: (config2) => {
               var _resolveOptions_deploy;
               var _config;
@@ -156,23 +148,24 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
               if ((resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) && !config2.externalsType) {
                 config2.externalsType = "commonjs";
               }
-              const banner = config2.builtins.banner || [];
-              config2.builtins.banner = [
-                ...Array.isArray(banner) ? banner : [
-                  banner
-                ],
-                {
-                  banner: "Micro front-end"
-                }
-              ];
             },
-            bundlerChain: (chain, { env, CHAIN_ID }) => {
+            bundlerChain: (chain, { env, CHAIN_ID, bundler }) => {
               var _resolveOptions_deploy, _resolveConfig_resolve;
+              if (bundler.BannerPlugin) {
+                chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(bundler.BannerPlugin, [
+                  {
+                    banner: "Micro front-end"
+                  }
+                ]);
+              }
               const resolveOptions = useResolvedConfigContext();
               if (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) {
-                var _useConfig_dev, _resolveOptions_server, _resolveOptions_deploy1;
+                var _resolveOptions_dev, _useConfig_dev, _resolveOptions_server, _resolveOptions_deploy1;
                 chain.output.libraryTarget("umd");
-                if (!((_useConfig_dev = useConfig.dev) === null || _useConfig_dev === void 0 ? void 0 : _useConfig_dev.assetPrefix) && (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_server = resolveOptions.server) === null || _resolveOptions_server === void 0 ? void 0 : _resolveOptions_server.port) && env === "development") {
+                const DEFAULT_ASSET_PREFIX = "/";
+                const resolvedAssetPrefix = (_resolveOptions_dev = resolveOptions.dev) === null || _resolveOptions_dev === void 0 ? void 0 : _resolveOptions_dev.assetPrefix;
+                const isUsingDefaultAssetPrefix = !((_useConfig_dev = useConfig.dev) === null || _useConfig_dev === void 0 ? void 0 : _useConfig_dev.assetPrefix) && (!resolvedAssetPrefix || resolvedAssetPrefix === DEFAULT_ASSET_PREFIX);
+                if (isUsingDefaultAssetPrefix && (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_server = resolveOptions.server) === null || _resolveOptions_server === void 0 ? void 0 : _resolveOptions_server.port) && env === "development") {
                   chain.output.publicPath(`//localhost:${resolveOptions.server.port}/`);
                 }
                 const { enableHtmlEntry, externalBasicLibrary } = getDefaultMicroFrontedConfig((_resolveOptions_deploy1 = resolveOptions.deploy) === null || _resolveOptions_deploy1 === void 0 ? void 0 : _resolveOptions_deploy1.microFrontend);
@@ -193,7 +186,7 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
                 chain.output.uniqueName(config.packageName);
               }
               const resolveConfig = chain.toConfig();
-              (0, _util.logger)("bundlerConfig", {
+              (0, import_util.logger)("bundlerConfig", {
                 output: resolveConfig.output,
                 externals: resolveConfig.externals,
                 env,
@@ -206,19 +199,19 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
       },
       addRuntimeExports() {
         const config = useResolvedConfigContext();
-        const { masterApp } = (0, _utils1.getRuntimeConfig)(config);
+        const { masterApp } = (0, import_utils2.getRuntimeConfig)(config);
         if (masterApp) {
           const addExportStatement = `export { default as garfish, default as masterApp } from '${pluginName}/runtime'`;
-          (0, _util.logger)("exportStatement", addExportStatement);
+          (0, import_util.logger)("exportStatement", addExportStatement);
           pluginsExportsUtils.addExport(addExportStatement);
         }
         const otherExportStatement = `export { hoistNonReactStatics } from '${pluginName}/deps'`;
-        (0, _util.logger)("otherExportStatement", otherExportStatement);
+        (0, import_util.logger)("otherExportStatement", otherExportStatement);
         pluginsExportsUtils.addExport(otherExportStatement);
       },
       modifyEntryImports({ entrypoint, imports }) {
         const config = useResolvedConfigContext();
-        const { masterApp } = (0, _utils1.getRuntimeConfig)(config);
+        const { masterApp } = (0, import_utils2.getRuntimeConfig)(config);
         if (masterApp) {
           imports.push({
             value: runtimePluginName,
@@ -263,9 +256,9 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
       },
       modifyEntryRuntimePlugins({ entrypoint, plugins }) {
         const config = useResolvedConfigContext();
-        const { masterApp } = (0, _utils1.getRuntimeConfig)(config);
+        const { masterApp } = (0, import_utils2.getRuntimeConfig)(config);
         if (masterApp) {
-          (0, _util.logger)("garfishPlugin options", masterApp);
+          (0, import_util.logger)("garfishPlugin options", masterApp);
           plugins.push({
             name: "garfish",
             args: "masterApp",
@@ -286,8 +279,8 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
             code
           };
         }
-        const nCode = (0, _utils1.makeRenderFunction)(code);
-        (0, _util.logger)("makeRenderFunction", nCode);
+        const nCode = (0, import_utils2.makeRenderFunction)(code);
+        (0, import_util.logger)("makeRenderFunction", nCode);
         return {
           entrypoint,
           code: nCode
@@ -298,7 +291,7 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
         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, _utils1.generateAsyncEntry)(code);
+          finalCode = (0, import_utils2.generateAsyncEntry)(code);
           return {
             entrypoint,
             code: `${finalCode}`
@@ -313,8 +306,8 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
         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, _utils1.makeProvider)();
-          (0, _util.logger)("exportStatement", exportStatementCode);
+          const exportStatementCode = (0, import_utils2.makeProvider)();
+          (0, import_util.logger)("exportStatement", exportStatementCode);
           return {
             entrypoint,
             exportStatement: exportStatementCode
@@ -328,4 +321,10 @@ const garfishPlugin = ({ pluginName = "@modern-js/plugin-garfish", runtimePlugin
     };
   }
 });
-const _default = garfishPlugin;
+var cli_default = garfishPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  externals,
+  garfishPlugin,
+  getDefaultMicroFrontedConfig
+});

package/dist/cjs/cli/utils.js

@@ -1,31 +1,30 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+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)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  makeProvider: function() {
-    return makeProvider;
-  },
-  makeRenderFunction: function() {
-    return makeRenderFunction;
-  },
-  getRuntimeConfig: function() {
-    return getRuntimeConfig;
-  },
-  setRuntimeConfig: function() {
-    return setRuntimeConfig;
-  },
-  generateAsyncEntry: function() {
-    return generateAsyncEntry;
+    __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 utils_exports = {};
+__export(utils_exports, {
+  generateAsyncEntry: () => generateAsyncEntry,
+  getRuntimeConfig: () => getRuntimeConfig,
+  makeProvider: () => makeProvider,
+  makeRenderFunction: () => makeRenderFunction,
+  setRuntimeConfig: () => setRuntimeConfig
 });
+module.exports = __toCommonJS(utils_exports);
 const makeProvider = () => `
 export const provider = function ({basename, dom}) {
   return {
@@ -147,3 +146,11 @@ const generateAsyncEntry = (code) => {
       }
     `;
 };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateAsyncEntry,
+  getRuntimeConfig,
+  makeProvider,
+  makeRenderFunction,
+  setRuntimeConfig
+});

package/dist/cjs/deps/index.js

@@ -1,12 +1,38 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "hoistNonReactStatics", {
-  enumerable: true,
-  get: function() {
-    return _hoistnonreactstatics.default;
+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 deps_exports = {};
+__export(deps_exports, {
+  hoistNonReactStatics: () => import_hoist_non_react_statics.default
+});
+module.exports = __toCommonJS(deps_exports);
+var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hoistNonReactStatics
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _hoistnonreactstatics = /* @__PURE__ */ _interop_require_default._(require("hoist-non-react-statics"));

package/dist/cjs/index.js

@@ -1,13 +1,40 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function() {
-    return _runtime.default;
+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 __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-
+  // 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 src_exports = {};
+__export(src_exports, {
+  default: () => import_runtime.default
+});
+module.exports = __toCommonJS(src_exports);
+var import_runtime = __toESM(require("./runtime"));
+__reExport(src_exports, require("./runtime"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./runtime")
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _runtime = /* @__PURE__ */ _interop_require_default._(_export_star._(require("./runtime"), exports));

package/dist/cjs/runtime/index.js

@@ -1,32 +1,47 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+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)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  default: function() {
-    return _plugin.default;
-  },
-  useModuleApps: function() {
-    return _useModuleApps.useModuleApps;
-  },
-  useModuleApp: function() {
-    return _useModuleApps.useModuleApp;
-  },
-  Garfish: function() {
-    return _garfish.default;
-  },
-  garfish: function() {
-    return _garfish.default;
+    __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 runtime_exports = {};
+__export(runtime_exports, {
+  Garfish: () => import_garfish.default,
+  default: () => import_plugin.default,
+  garfish: () => import_garfish.default,
+  useModuleApp: () => import_useModuleApps.useModuleApp,
+  useModuleApps: () => import_useModuleApps.useModuleApps
+});
+module.exports = __toCommonJS(runtime_exports);
+var import_plugin = __toESM(require("./plugin"));
+var import_useModuleApps = require("./useModuleApps");
+var import_garfish = __toESM(require("garfish"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Garfish,
+  garfish,
+  useModuleApp,
+  useModuleApps
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _plugin = /* @__PURE__ */ _interop_require_default._(require("./plugin"));
-const _useModuleApps = require("./useModuleApps");
-const _garfish = /* @__PURE__ */ _interop_require_default._(require("garfish"));

package/dist/cjs/runtime/loadable.js

@@ -1,16 +1,29 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Loadable", {
-  enumerable: true,
-  get: function() {
-    return Loadable;
+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 loadable_exports = {};
+__export(loadable_exports, {
+  Loadable: () => Loadable
 });
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _util = require("../util");
+module.exports = __toCommonJS(loadable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_util = require("../util");
 const DEFAULT_LOADABLE = {
   delay: 200,
   timeout: 1e4,
@@ -23,7 +36,7 @@ function Loadable(WrapComponent) {
       const { loadable = defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE, ...otherProps } = props;
       let delayTimer = null;
       let timeoutTimer = null;
-      const [state, setState] = (0, _react.useState)(() => {
+      const [state, setState] = (0, import_react.useState)(() => {
         const { delay, timeout } = loadable;
         const initState = {
           error: null,
@@ -52,8 +65,8 @@ function Loadable(WrapComponent) {
         return initState;
       });
       const LoadingComponent = (_props_loadable = props.loadable) === null || _props_loadable === void 0 ? void 0 : _props_loadable.loading;
-      (0, _react.useEffect)(() => {
-        (0, _util.logger)("Loadable render state", {
+      (0, import_react.useEffect)(() => {
+        (0, import_util.logger)("Loadable render state", {
           state,
           props: otherProps,
           loadable,
@@ -74,7 +87,7 @@ function Loadable(WrapComponent) {
           }
         };
       }, []);
-      const retry = (0, _react.useCallback)(() => {
+      const retry = (0, import_react.useCallback)(() => {
         setState({
           ...state,
           error: null,
@@ -84,7 +97,7 @@ function Loadable(WrapComponent) {
       }, [
         state
       ]);
-      const setStateWithMountCheck = (0, _react.useCallback)((newState) => {
+      const setStateWithMountCheck = (0, import_react.useCallback)((newState) => {
         setState((state2) => ({
           ...state2,
           ...newState
@@ -93,16 +106,16 @@ function Loadable(WrapComponent) {
         state
       ]);
       const showLoading = (state.isLoading || state.error) && LoadingComponent;
-      return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
-          showLoading && /* @__PURE__ */ (0, _jsxruntime.jsx)(LoadingComponent, {
+          showLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingComponent, {
             isLoading: state.isLoading,
             pastDelay: state.pastDelay,
             timedOut: state.timedOut,
             error: state === null || state === void 0 ? void 0 : state.error,
             retry
           }),
-          /* @__PURE__ */ (0, _jsxruntime.jsx)(WrapComponent, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapComponent, {
             style: {
               display: showLoading ? "none" : "block"
             },
@@ -119,3 +132,7 @@ function Loadable(WrapComponent) {
     };
   };
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Loadable
+});