@modern-js/plugin-garfish 2.15.0 → 2.16.0

package/dist/esm/cli/utils.js

@@ -1,32 +1,31 @@
-var makeProvider = function() {
-    return "\nexport const provider = function ({basename, dom}) {\n  return {\n    render({basename, dom, props, appName}) {\n      render({ props, basename, dom, appName });\n    },\n    destroy({ dom }) {\n      const node = dom.querySelector('#' + MOUNT_ID) || dom;\n\n      if (node) {\n        if (IS_REACT18) {\n          root.unmount();\n        } else {\n          unmountComponentAtNode(node);\n        }\n      }\n    },\n    SubModuleComponent: (props) => {\n      const SubApp = render({props, basename});\n\n      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);\n    },\n    jupiter_submodule_app_key: (props) => {\n      const SubApp = render({props, basename});\n\n      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);\n    }\n  }\n};\n\nif (typeof __GARFISH_EXPORTS__ !== 'undefined') {\n  __GARFISH_EXPORTS__.provider = provider;\n}\n\nfunction canContinueRender ({ dom, appName }) {\n  var renderByGarfish =\n    typeof __GARFISH_EXPORTS__ !== 'undefined'\n    || typeof window !== 'undefined' && window.Garfish && window.Garfish.activeApps && window.Garfish.activeApps.some((app)=>app.appInfo.name === appName);\n  let renderByProvider = dom || appName;\n  if (renderByGarfish) {\n    // Runs in the Garfish environment and is rendered by the provider\n    if (renderByProvider) {\n      return true;\n    } else {\n      // Runs in the Garfish environment and is not rendered by the provider\n      return false;\n    }\n  } else {\n    // Running in a non-Garfish environment\n    return true;\n  }\n}\n\nfunction generateRouterPlugin (basename,routerConfig) {\n  if (basename) {\n    routerConfig.basename = basename;\n    if (routerConfig.supportHtml5History !== false) {\n      if (!routerConfig.historyOptions) {\n        routerConfig.historyOptions = {\n          basename: basename\n        };\n      } else {\n        routerConfig.historyOptions.basename = basename;\n      }\n    }\n  }\n  return router(routerConfig);\n}\n\nfunction generateRootDom ({ dom, props, basename }) {\n  const mountNode = dom ? (dom.querySelector('#' + MOUNT_ID) || dom) : document.getElementById(MOUNT_ID);\n  const mergedProps = {\n    ...props,\n    basename,\n  }\n  return { mountNode, props: mergedProps }\n}\n";
+export var makeProvider = function() {
+  return "\nexport const provider = function ({basename, dom}) {\n  return {\n    render({basename, dom, props, appName}) {\n      render({ props, basename, dom, appName });\n    },\n    destroy({ dom }) {\n      const node = dom.querySelector('#' + MOUNT_ID) || dom;\n\n      if (node) {\n        if (IS_REACT18) {\n          root.unmount();\n        } else {\n          unmountComponentAtNode(node);\n        }\n      }\n    },\n    SubModuleComponent: (props) => {\n      const SubApp = render({props, basename});\n\n      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);\n    },\n    jupiter_submodule_app_key: (props) => {\n      const SubApp = render({props, basename});\n\n      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);\n    }\n  }\n};\n\nif (typeof __GARFISH_EXPORTS__ !== 'undefined') {\n  __GARFISH_EXPORTS__.provider = provider;\n}\n\nfunction canContinueRender ({ dom, appName }) {\n  var renderByGarfish =\n    typeof __GARFISH_EXPORTS__ !== 'undefined'\n    || typeof window !== 'undefined' && window.Garfish && window.Garfish.activeApps && window.Garfish.activeApps.some((app)=>app.appInfo.name === appName);\n  let renderByProvider = dom || appName;\n  if (renderByGarfish) {\n    // Runs in the Garfish environment and is rendered by the provider\n    if (renderByProvider) {\n      return true;\n    } else {\n      // Runs in the Garfish environment and is not rendered by the provider\n      return false;\n    }\n  } else {\n    // Running in a non-Garfish environment\n    return true;\n  }\n}\n\nfunction generateRouterPlugin (basename,routerConfig) {\n  if (basename) {\n    routerConfig.basename = basename;\n    if (routerConfig.supportHtml5History !== false) {\n      if (!routerConfig.historyOptions) {\n        routerConfig.historyOptions = {\n          basename: basename\n        };\n      } else {\n        routerConfig.historyOptions.basename = basename;\n      }\n    }\n  }\n  return router(routerConfig);\n}\n\nfunction generateRootDom ({ dom, props, basename }) {\n  const mountNode = dom ? (dom.querySelector('#' + MOUNT_ID) || dom) : document.getElementById(MOUNT_ID);\n  const mergedProps = {\n    ...props,\n    basename,\n  }\n  return { mountNode, props: mergedProps }\n}\n";
 };
-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");
+export 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");
 };
-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) {
-        var _config_runtime1;
-        return config === null || config === void 0 ? void 0 : (_config_runtime1 = config.runtime) === null || _config_runtime1 === void 0 ? void 0 : _config_runtime1.features;
-    }
-    return (config === null || config === void 0 ? void 0 : config.runtime) || {};
+export 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) {
+    var _config_runtime1;
+    return config === null || config === void 0 ? void 0 : (_config_runtime1 = config.runtime) === null || _config_runtime1 === void 0 ? void 0 : _config_runtime1.features;
+  }
+  return (config === null || config === void 0 ? void 0 : config.runtime) || {};
 }
-function setRuntimeConfig(config, key, value) {
-    var _config_runtime, _config_runtime1;
-    if ((config === null || config === void 0 ? void 0 : (_config_runtime = config.runtime) === null || _config_runtime === void 0 ? void 0 : _config_runtime.features) && (config === null || config === void 0 ? void 0 : (_config_runtime1 = config.runtime) === null || _config_runtime1 === void 0 ? void 0 : _config_runtime1.features[key])) {
-        config.runtime.features[key] = value;
-        return void 0;
-    }
-    if ((config === null || config === void 0 ? void 0 : config.runtime) && (config === null || config === void 0 ? void 0 : config.runtime[key])) {
-        config.runtime[key] = value;
-        return void 0;
-    }
+export function setRuntimeConfig(config, key, value) {
+  var _config_runtime, _config_runtime1;
+  if ((config === null || config === void 0 ? void 0 : (_config_runtime = config.runtime) === null || _config_runtime === void 0 ? void 0 : _config_runtime.features) && (config === null || config === void 0 ? void 0 : (_config_runtime1 = config.runtime) === null || _config_runtime1 === void 0 ? void 0 : _config_runtime1.features[key])) {
+    config.runtime.features[key] = value;
     return void 0;
+  }
+  if ((config === null || config === void 0 ? void 0 : config.runtime) && (config === null || config === void 0 ? void 0 : config.runtime[key])) {
+    config.runtime[key] = value;
+    return void 0;
+  }
+  return void 0;
 }
-var generateAsyncEntry = function(code) {
-    var transformCode = code.replace("import('./bootstrap.js');", "if (!window.__GARFISH__) { import('./bootstrap.js'); }");
-    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    ");
+export var generateAsyncEntry = function(code) {
+  var transformCode = code.replace("import('./bootstrap.js');", "if (!window.__GARFISH__) { import('./bootstrap.js'); }");
+  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    ");
 };
-export { generateAsyncEntry, getRuntimeConfig, makeProvider, makeRenderFunction, setRuntimeConfig };

package/dist/esm/deps/index.js

@@ -1,2 +1 @@
-import { default as default2 } from "hoist-non-react-statics";
-export { default2 as hoistNonReactStatics };
+export { default as hoistNonReactStatics } from "hoist-non-react-statics";

package/dist/esm/index.js

@@ -1,3 +1,2 @@
-import { default as default2 } from "./runtime";
+export { default } from "./runtime";
 export * from "./runtime";
-export { default2 as default };

package/dist/esm/runtime/index.js

@@ -1,4 +1,3 @@
-import { default as default2 } from "./plugin";
-import { useModuleApps, useModuleApp } from "./useModuleApps";
-import { default as default3, default as default4 } from "garfish";
-export { default3 as Garfish, default2 as default, default4 as garfish, useModuleApp, useModuleApps };
+export { default } from "./plugin";
+export { useModuleApps, useModuleApp } from "./useModuleApps";
+export { default as Garfish, default as garfish } from "garfish";

package/dist/esm/runtime/loadable.js

@@ -1,236 +1,252 @@
-function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
+function _array_like_to_array(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
 }
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
 }
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
-function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i == null)
+    return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _s, _e;
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i)
+        break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
     try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
+      if (!_n && _i["return"] != null)
+        _i["return"]();
+    } finally {
+      if (_d)
+        throw _e;
     }
-    return _arr;
+  }
+  return _arr;
 }
-function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _objectSpread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
-        });
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys2 = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
     }
-    return target;
+    ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
 }
 function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
     }
-    return keys;
+    keys.push.apply(keys, symbols);
+  }
+  return keys;
 }
-function _objectSpreadProps(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
+function _object_spread_props(target, source) {
+  source = source != null ? source : {};
+  if (Object.getOwnPropertyDescriptors) {
+    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+  } else {
+    ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
 }
-function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key))
+        continue;
+      target[key] = source[key];
     }
-    return target;
+  }
+  return target;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
 }
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
-function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+function _unsupported_iterable_to_array(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _array_like_to_array(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _array_like_to_array(o, minLen);
 }
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { logger } from "../util";
 var DEFAULT_LOADABLE = {
-    delay: 200,
-    timeout: 1e4,
-    loading: null
+  delay: 200,
+  timeout: 1e4,
+  loading: null
 };
-function Loadable(WrapComponent) {
-    return function(defaultLoadable) {
-        return function Lodable(props) {
-            var _props_loadable;
-            var _props_loadable1 = props.loadable, loadable = _props_loadable1 === void 0 ? defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE : _props_loadable1, otherProps = _objectWithoutProperties(props, [
-                "loadable"
-            ]);
-            var delayTimer = null;
-            var timeoutTimer = null;
-            var _useState = _slicedToArray(useState(function() {
-                var delay = loadable.delay, timeout = loadable.timeout;
-                var initState = {
-                    error: null,
-                    pastDelay: false,
-                    timedOut: false,
-                    isLoading: false
-                };
-                if (typeof delay === "number") {
-                    if (delay === 0) {
-                        initState.pastDelay = true;
-                    } else {
-                        delayTimer = setTimeout(function() {
-                            setStateWithMountCheck({
-                                pastDelay: true
-                            });
-                        }, delay);
-                    }
-                }
-                if (typeof timeout === "number") {
-                    timeoutTimer = setTimeout(function() {
-                        setStateWithMountCheck({
-                            timedOut: true
-                        });
-                    }, timeout);
-                }
-                return initState;
-            }), 2), state = _useState[0], setState = _useState[1];
-            var LoadingComponent = (_props_loadable = props.loadable) === null || _props_loadable === void 0 ? void 0 : _props_loadable.loading;
-            useEffect(function() {
-                logger("Loadable render state", {
-                    state: state,
-                    props: otherProps,
-                    loadable: loadable,
-                    defaultLoadable: defaultLoadable
-                });
-                return function() {
-                    setStateWithMountCheck({
-                        isLoading: false,
-                        error: null
-                    });
-                    if (delayTimer) {
-                        clearTimeout(delayTimer);
-                        delayTimer = null;
-                    }
-                    if (timeoutTimer) {
-                        clearTimeout(timeoutTimer);
-                        timeoutTimer = null;
-                    }
-                };
-            }, []);
-            var retry = useCallback(function() {
-                setState(_objectSpreadProps(_objectSpread({}, state), {
-                    error: null,
-                    isLoading: true,
-                    timedOut: false
-                }));
-            }, [
-                state
-            ]);
-            var setStateWithMountCheck = useCallback(function(newState) {
-                setState(function(state2) {
-                    return _objectSpread({}, state2, newState);
-                });
-            }, [
-                state
-            ]);
-            var showLoading = (state.isLoading || state.error) && LoadingComponent;
-            return /* @__PURE__ */ jsxs(Fragment, {
-                children: [
-                    showLoading && /* @__PURE__ */ jsx(LoadingComponent, {
-                        isLoading: state.isLoading,
-                        pastDelay: state.pastDelay,
-                        timedOut: state.timedOut,
-                        error: state === null || state === void 0 ? void 0 : state.error,
-                        retry: retry
-                    }),
-                    /* @__PURE__ */ jsx(WrapComponent, _objectSpread({
-                        style: {
-                            display: showLoading ? "none" : "block"
-                        },
-                        setLoadingState: function(props2) {
-                            if (props2.error && !LoadingComponent) {
-                                throw props2.error;
-                            }
-                            setStateWithMountCheck(props2);
-                        }
-                    }, otherProps))
-                ]
+export function Loadable(WrapComponent) {
+  return function(defaultLoadable) {
+    return function Lodable(props) {
+      var _props_loadable;
+      var _props_loadable1 = props.loadable, loadable = _props_loadable1 === void 0 ? defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE : _props_loadable1, otherProps = _object_without_properties(props, [
+        "loadable"
+      ]);
+      var delayTimer = null;
+      var timeoutTimer = null;
+      var _useState = _sliced_to_array(useState(function() {
+        var delay = loadable.delay, timeout = loadable.timeout;
+        var initState = {
+          error: null,
+          pastDelay: false,
+          timedOut: false,
+          isLoading: false
+        };
+        if (typeof delay === "number") {
+          if (delay === 0) {
+            initState.pastDelay = true;
+          } else {
+            delayTimer = setTimeout(function() {
+              setStateWithMountCheck({
+                pastDelay: true
+              });
+            }, delay);
+          }
+        }
+        if (typeof timeout === "number") {
+          timeoutTimer = setTimeout(function() {
+            setStateWithMountCheck({
+              timedOut: true
             });
+          }, timeout);
+        }
+        return initState;
+      }), 2), state = _useState[0], setState = _useState[1];
+      var LoadingComponent = (_props_loadable = props.loadable) === null || _props_loadable === void 0 ? void 0 : _props_loadable.loading;
+      useEffect(function() {
+        logger("Loadable render state", {
+          state,
+          props: otherProps,
+          loadable,
+          defaultLoadable
+        });
+        return function() {
+          setStateWithMountCheck({
+            isLoading: false,
+            error: null
+          });
+          if (delayTimer) {
+            clearTimeout(delayTimer);
+            delayTimer = null;
+          }
+          if (timeoutTimer) {
+            clearTimeout(timeoutTimer);
+            timeoutTimer = null;
+          }
         };
+      }, []);
+      var retry = useCallback(function() {
+        setState(_object_spread_props(_object_spread({}, state), {
+          error: null,
+          isLoading: true,
+          timedOut: false
+        }));
+      }, [
+        state
+      ]);
+      var setStateWithMountCheck = useCallback(function(newState) {
+        setState(function(state2) {
+          return _object_spread({}, state2, newState);
+        });
+      }, [
+        state
+      ]);
+      var showLoading = (state.isLoading || state.error) && LoadingComponent;
+      return /* @__PURE__ */ _jsxs(_Fragment, {
+        children: [
+          showLoading && /* @__PURE__ */ _jsx(LoadingComponent, {
+            isLoading: state.isLoading,
+            pastDelay: state.pastDelay,
+            timedOut: state.timedOut,
+            error: state === null || state === void 0 ? void 0 : state.error,
+            retry
+          }),
+          /* @__PURE__ */ _jsx(WrapComponent, _object_spread({
+            style: {
+              display: showLoading ? "none" : "block"
+            },
+            setLoadingState: function(props2) {
+              if (props2.error && !LoadingComponent) {
+                throw props2.error;
+              }
+              setStateWithMountCheck(props2);
+            }
+          }, otherProps))
+        ]
+      });
     };
+  };
 }
-export { Loadable };