@appshell/react-shell 1.0.0-alpha.8 → 1.0.0-alpha.80

package/dist/dev/react_src_index_ts.js

@@ -0,0 +1,554 @@
+"use strict";
+(globalThis["webpackChunkappshell_react_shell"] = globalThis["webpackChunkappshell_react_shell"] || []).push([["react_src_index_ts"],{
+
+/***/ "../loader/src/index.ts"
+/*!******************************!*\
+  !*** ../loader/src/index.ts ***!
+  \******************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   chainResolvers: () => (/* reexport safe */ _resolvers__WEBPACK_IMPORTED_MODULE_1__.chainResolvers),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   inlineResolver: () => (/* reexport safe */ _resolvers__WEBPACK_IMPORTED_MODULE_1__.inlineResolver),
+/* harmony export */   registryResolver: () => (/* reexport safe */ _resolvers__WEBPACK_IMPORTED_MODULE_1__.registryResolver)
+/* harmony export */ });
+/* harmony import */ var _remoteLoader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./remoteLoader */ "../loader/src/remoteLoader.ts");
+/* harmony import */ var _resolvers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./resolvers */ "../loader/src/resolvers.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./types */ "../loader/src/types.ts");
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_remoteLoader__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ },
+
+/***/ "../loader/src/loadAppshellComponent.ts"
+/*!**********************************************!*\
+  !*** ../loader/src/loadAppshellComponent.ts ***!
+  \**********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   load: () => (/* binding */ load)
+/* harmony export */ });
+/* harmony import */ var _module_federation_enhanced_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @module-federation/enhanced/runtime */ "../../node_modules/@module-federation/enhanced/dist/src/runtime.mjs");
+
+const HOST_NAME = 'Appshell';
+
+// The runtime instance and each remote's registration only need to happen once per page load.
+let initialized = false;
+const registeredScopes = new Set();
+const ensureInitialized = () => {
+  if (initialized) return;
+  initialized = true;
+
+  // A host that ships its own ModuleFederationPlugin (e.g. @appshell/react-shell) already
+  // created the global federation instance during its own bootstrap. Re-calling `init()`
+  // with a different name throws (#RUNTIME-010), so reuse whatever instance already exists.
+  if ((0,_module_federation_enhanced_runtime__WEBPACK_IMPORTED_MODULE_0__.getInstance)()) return;
+  (0,_module_federation_enhanced_runtime__WEBPACK_IMPORTED_MODULE_0__.init)({
+    name: HOST_NAME,
+    remotes: []
+  });
+};
+const loadModuleFederation = async (scope, module, remoteEntryUrl, shareScope = 'default') => {
+  // eslint-disable-next-line no-console
+  console.debug(`loading Appshell component: { scope: ${scope}, module: ${module}, shareScope: ${shareScope} }`);
+  ensureInitialized();
+
+  // Registered exactly once, and never re-registered or cache-busted afterwards.
+  //
+  // A remote served by a dev server updates itself: its `remoteEntry` already carries
+  // webpack's HMR runtime and a dev-server client, so an edit is applied in place
+  // behind a container identity that does not move. Re-registering the same scope, or
+  // appending a cache-busting query to its entry, changes that identity and the
+  // `publicPath` derived from it mid-flight, which strands the `*.hot-update.json` and
+  // `*.hot-update.js` requests the remote is midway through making.
+  if (!registeredScopes.has(scope)) {
+    registeredScopes.add(scope);
+    (0,_module_federation_enhanced_runtime__WEBPACK_IMPORTED_MODULE_0__.registerRemotes)([{
+      name: scope,
+      entry: remoteEntryUrl
+    }]);
+  }
+
+  // Federation ids drop the leading `./` that `exposes` keys use.
+  const exposed = module.replace(/^\.\//, '');
+  const Module = await (0,_module_federation_enhanced_runtime__WEBPACK_IMPORTED_MODULE_0__.loadRemote)(`${scope}/${exposed}`);
+  if (!Module) {
+    throw new Error(`Failed to find module container ${scope}`);
+  }
+
+  // eslint-disable-next-line no-console
+  console.debug(`Appshell component loaded: { scope: ${scope}, module: ${module}, shareScope: ${shareScope} }`);
+  return Module.default;
+};
+
+/**
+ * Dispatches on the loader's kind rather than assuming federation.
+ *
+ * There is one kind today. Naming it is what lets a second — single-spa, import maps —
+ * arrive without reinterpreting manifests already published, and what stops federation's
+ * vocabulary reading as though it were appshell's.
+ */
+const load = async remote => {
+  const {
+    loader
+  } = remote;
+  if (loader.kind !== 'ModuleFederation') {
+    // Unreachable while one kind exists, and the reason the field is a discriminant: a
+    // manifest published under a kind this host cannot load should say so, rather than
+    // failing somewhere inside a loader that assumed otherwise.
+    throw new Error(`No loader for kind '${loader.kind}'.`);
+  }
+  return loadModuleFederation(loader.scope, loader.module, remote.remoteEntryUrl, loader.shareScope);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (load);
+
+/***/ },
+
+/***/ "../loader/src/remoteLoader.ts"
+/*!*************************************!*\
+  !*** ../loader/src/remoteLoader.ts ***!
+  \*************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _appshell_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @appshell/runtime */ "webpack/sharing/consume/default/@appshell/runtime/@appshell/runtime");
+/* harmony import */ var _loadAppshellComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./loadAppshellComponent */ "../loader/src/loadAppshellComponent.ts");
+/* harmony import */ var _resolvers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./resolvers */ "../loader/src/resolvers.ts");
+/* eslint-disable no-underscore-dangle */
+
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((options = {}) => {
+  const composition = options.composition ?? (typeof window === 'undefined' ? undefined : window.__appshell_config__);
+  const resolve = options.resolver ?? (0,_resolvers__WEBPACK_IMPORTED_MODULE_2__.chainResolvers)((0,_resolvers__WEBPACK_IMPORTED_MODULE_2__.inlineResolver)(composition), (0,_resolvers__WEBPACK_IMPORTED_MODULE_2__.registryResolver)(composition));
+  return async key => {
+    const failed = err => new Error(`Failed to load component '${key}'. ${err?.toString()}`);
+    let resolution;
+    try {
+      resolution = await resolve(key);
+    } catch (err) {
+      throw failed(err);
+    }
+    if (!resolution) {
+      throw new Error(`Remote resource not found in registry. Expected: ${key}`);
+    }
+    const {
+      remote,
+      vars
+    } = resolution;
+    try {
+      // Before the remote loads, so a package that validates its vars while its modules
+      // evaluate still finds them. `@appshell/runtime` is a shared singleton, so this is
+      // the same store the package reads through `getVars()`.
+      // Vars are keyed by federation scope, which is itself one framework's vocabulary —
+      // noted rather than fixed here, since application specs address overrides.vars the
+      // same way.
+      (0,_appshell_runtime__WEBPACK_IMPORTED_MODULE_0__.setVars)(remote.loader.scope, vars);
+      const Component = await (0,_loadAppshellComponent__WEBPACK_IMPORTED_MODULE_1__["default"])(remote);
+      return [Component, remote];
+    } catch (err) {
+      throw failed(err);
+    }
+  };
+});
+(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
+
+/***/ },
+
+/***/ "../loader/src/resolvers.ts"
+/*!**********************************!*\
+  !*** ../loader/src/resolvers.ts ***!
+  \**********************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   chainResolvers: () => (/* binding */ chainResolvers),
+/* harmony export */   inlineResolver: () => (/* binding */ inlineResolver),
+/* harmony export */   registryResolver: () => (/* binding */ registryResolver)
+/* harmony export */ });
+/** The registry inlined the composition into the page, so no network call is needed. */
+const inlineResolver = composition => async key => {
+  const remote = composition?.remotes[key];
+  if (!composition || !remote) return undefined;
+  return {
+    remote,
+    vars: composition.vars[remote.loader.scope] ?? {}
+  };
+};
+
+/** Fetch-on-miss: covers a package activated after this page was served. */
+const registryResolver = (composition, origin = '') => async key => {
+  if (!composition) return undefined;
+  const url = `${origin}/v1/applications/${composition.applicationId}/remotes/${key}`;
+  const response = await fetch(url, {
+    credentials: 'include'
+  });
+  if (!response.ok) return undefined;
+  const remote = await response.json();
+  return {
+    remote,
+    vars: composition.vars[remote.loader.scope] ?? {}
+  };
+};
+const chainResolvers = (...resolvers) => async key => {
+  // eslint-disable-next-line no-restricted-syntax
+  for (const resolve of resolvers) {
+    // eslint-disable-next-line no-await-in-loop
+    const resolution = await resolve(key);
+    if (resolution) return resolution;
+  }
+  return undefined;
+};
+
+/***/ },
+
+/***/ "../loader/src/types.ts"
+/*!******************************!*\
+  !*** ../loader/src/types.ts ***!
+  \******************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+
+
+/***/ },
+
+/***/ "../react/src/components/LoadingError.tsx"
+/*!************************************************!*\
+  !*** ../react/src/components/LoadingError.tsx ***!
+  \************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/sharing/consume/default/react/jsx-runtime/react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+
+const LoadingError = ({
+  remote,
+  reason
+}) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+  style: {
+    border: '3px solid red'
+  },
+  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h5", {
+    children: `Error loading Appshell component '${remote}.'`
+  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+    style: {
+      fontSize: '1rem'
+    },
+    children: reason
+  })]
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LoadingError);
+
+/***/ },
+
+/***/ "../react/src/components/RemoteSlot.tsx"
+/*!**********************************************!*\
+  !*** ../react/src/components/RemoteSlot.tsx ***!
+  \**********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _appshell_loader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @appshell/loader */ "../loader/src/index.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts/RemoteContext */ "../react/src/contexts/RemoteContext.tsx");
+/* harmony import */ var _LoadingError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./LoadingError */ "../react/src/components/LoadingError.tsx");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/sharing/consume/default/react/jsx-runtime/react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
+/* eslint-disable react/jsx-props-no-spreading */
+
+
+
+
+
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
+
+/**
+ * Loads a remote once and leaves it alone.
+ *
+ * Keeping a remote current while it is being developed is not this component's job.
+ * A remote served by a dev server ships webpack's HMR runtime and a dev-server client
+ * inside its own `remoteEntry`, so it applies its own edits in place and React Fast
+ * Refresh swaps the component implementations underneath this tree — no reload, and no
+ * remount that would discard state this component never owned.
+ *
+ * Watching the remote's socket from here and reloading the page was strictly worse: it
+ * raced the remote's own update, and it threw away the entire composed app to deliver a
+ * change to one subtree. When webpack genuinely cannot apply an update, the remote's own
+ * client still falls back to a full reload — which is the right place for that decision,
+ * because it is the only side that knows whether the update applied.
+ */
+const RemoteSlot = ({
+  remote,
+  fallback,
+  ...rest
+}) => {
+  const [element, setElement] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)();
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
+    let disposed = false;
+    const loadComponent = (0,_appshell_loader__WEBPACK_IMPORTED_MODULE_0__["default"])();
+    async function load() {
+      try {
+        const [Component, resolved] = await loadComponent(remote);
+        if (disposed || !Component) {
+          return;
+        }
+        setElement(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_2__.RemoteProvider, {
+          remote: resolved,
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Component, {
+            ...rest
+          })
+        }));
+      } catch (err) {
+        if (!disposed) {
+          setElement(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_LoadingError__WEBPACK_IMPORTED_MODULE_3__["default"], {
+            remote: remote,
+            reason: `${err}`
+          }));
+        }
+      }
+    }
+    setElement(undefined);
+    load();
+    return () => {
+      disposed = true;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [remote, ...Object.values(rest)]);
+
+  // eslint-disable-next-line no-console
+  console.debug(`rendering RemoteSlot[${remote}], loading=${!element}`);
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
+    children: element || fallback
+  });
+};
+RemoteSlot.defaultProps = {
+  fallback: undefined
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RemoteSlot);
+
+/***/ },
+
+/***/ "../react/src/contexts/RemoteContext.tsx"
+/*!***********************************************!*\
+  !*** ../react/src/contexts/RemoteContext.tsx ***!
+  \***********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RemoteConsumer: () => (/* binding */ RemoteConsumer),
+/* harmony export */   RemoteContext: () => (/* binding */ RemoteContext),
+/* harmony export */   RemoteProvider: () => (/* binding */ RemoteProvider),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/sharing/consume/default/react/jsx-runtime/react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+
+
+const RemoteContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
+const RemoteProvider = ({
+  remote,
+  children
+}) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(RemoteContext.Provider, {
+  value: remote,
+  children: children
+});
+RemoteProvider.defaultProps = {
+  remote: undefined
+};
+const RemoteConsumer = RemoteContext.Consumer;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RemoteContext);
+
+/***/ },
+
+/***/ "../react/src/hooks/useRemote.ts"
+/*!***************************************!*\
+  !*** ../react/src/hooks/useRemote.ts ***!
+  \***************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/RemoteContext */ "../react/src/contexts/RemoteContext.tsx");
+
+// eslint-disable-next-line import/no-named-as-default
+
+
+/** The remote backing the nearest `RemoteSlot` — it already knows its own key. */
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_1__["default"]));
+(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
+
+/***/ },
+
+/***/ "../react/src/index.ts"
+/*!*****************************!*\
+  !*** ../react/src/index.ts ***!
+  \*****************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RemoteProvider: () => (/* reexport safe */ _contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_1__.RemoteProvider),
+/* harmony export */   RemoteSlot: () => (/* reexport safe */ _components_RemoteSlot__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   jsonResource: () => (/* reexport safe */ _resources_jsonResource__WEBPACK_IMPORTED_MODULE_3__["default"]),
+/* harmony export */   useRemote: () => (/* reexport safe */ _hooks_useRemote__WEBPACK_IMPORTED_MODULE_2__["default"])
+/* harmony export */ });
+/* harmony import */ var _components_RemoteSlot__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/RemoteSlot */ "../react/src/components/RemoteSlot.tsx");
+/* harmony import */ var _contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./contexts/RemoteContext */ "../react/src/contexts/RemoteContext.tsx");
+/* harmony import */ var _hooks_useRemote__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks/useRemote */ "../react/src/hooks/useRemote.ts");
+/* harmony import */ var _resources_jsonResource__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./resources/jsonResource */ "../react/src/resources/jsonResource.ts");
+/*
+ * The wire types, re-exported so a React package needs one dependency rather than two
+ * to type what RemoteSlot hands it.
+ */
+
+
+
+
+
+
+/***/ },
+
+/***/ "../react/src/resources/jsonResource.ts"
+/*!**********************************************!*\
+  !*** ../react/src/resources/jsonResource.ts ***!
+  \**********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (url => {
+  let status = 'pending';
+  let result;
+  const suspender = fetch(url, {
+    headers: {
+      'Content-Type': 'application/json',
+      Accept: 'application/json'
+    }
+    // eslint-disable-next-line consistent-return
+  }).then(response => {
+    if (response.ok) {
+      return response.json().then(data => {
+        status = 'success';
+        result = data;
+      });
+    }
+    status = 'error';
+    result = new Error(`${response.status} ${response.statusText} ${response.url}`);
+  });
+  return {
+    read() {
+      if (status === 'pending') {
+        // eslint-disable-next-line @typescript-eslint/no-throw-literal
+        throw suspender;
+      } else if (status === 'error') {
+        throw result;
+      } else if (status === 'success') {
+        return result;
+      }
+      return undefined;
+    }
+  };
+});
+(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
+
+/***/ },
+
+/***/ "../../node_modules/@module-federation/enhanced/dist/src/runtime.mjs"
+/*!***************************************************************************!*\
+  !*** ../../node_modules/@module-federation/enhanced/dist/src/runtime.mjs ***!
+  \***************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Module: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.Module),
+/* harmony export */   ModuleFederation: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.ModuleFederation),
+/* harmony export */   createInstance: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.createInstance),
+/* harmony export */   getInstance: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.getInstance),
+/* harmony export */   getRemoteEntry: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.getRemoteEntry),
+/* harmony export */   getRemoteInfo: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.getRemoteInfo),
+/* harmony export */   init: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.init),
+/* harmony export */   loadRemote: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.loadRemote),
+/* harmony export */   loadScript: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.loadScript),
+/* harmony export */   loadScriptNode: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.loadScriptNode),
+/* harmony export */   loadShare: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.loadShare),
+/* harmony export */   loadShareSync: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.loadShareSync),
+/* harmony export */   preloadRemote: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.preloadRemote),
+/* harmony export */   registerGlobalPlugins: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.registerGlobalPlugins),
+/* harmony export */   registerPlugins: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.registerPlugins),
+/* harmony export */   registerRemotes: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.registerRemotes),
+/* harmony export */   registerShared: () => (/* reexport safe */ _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__.registerShared)
+/* harmony export */ });
+/* harmony import */ var _module_federation_runtime_tools_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @module-federation/runtime-tools/runtime */ "../../node_modules/@module-federation/runtime-tools/dist/runtime.js");
+
+
+
+
+/***/ },
+
+/***/ "../../node_modules/@module-federation/runtime-tools/dist/runtime.js"
+/*!***************************************************************************!*\
+  !*** ../../node_modules/@module-federation/runtime-tools/dist/runtime.js ***!
+  \***************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Module: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.Module),
+/* harmony export */   ModuleFederation: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.ModuleFederation),
+/* harmony export */   createInstance: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.createInstance),
+/* harmony export */   getInstance: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.getInstance),
+/* harmony export */   getRemoteEntry: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.getRemoteEntry),
+/* harmony export */   getRemoteInfo: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.getRemoteInfo),
+/* harmony export */   init: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.init),
+/* harmony export */   loadRemote: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.loadRemote),
+/* harmony export */   loadScript: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.loadScript),
+/* harmony export */   loadScriptNode: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.loadScriptNode),
+/* harmony export */   loadShare: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.loadShare),
+/* harmony export */   loadShareSync: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.loadShareSync),
+/* harmony export */   preloadRemote: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.preloadRemote),
+/* harmony export */   registerGlobalPlugins: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.registerGlobalPlugins),
+/* harmony export */   registerPlugins: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.registerPlugins),
+/* harmony export */   registerRemotes: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.registerRemotes),
+/* harmony export */   registerShared: () => (/* reexport safe */ _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__.registerShared)
+/* harmony export */ });
+/* harmony import */ var _module_federation_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @module-federation/runtime */ "../../node_modules/@module-federation/runtime/dist/bundler.js");
+
+
+
+
+/***/ }
+
+}]);
+//# sourceMappingURL=react_src_index_ts.js.map

package/dist/dev/react_src_index_ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react_src_index_ts.js","mappings":";;;;;;;;;;;;;;;;;;;AAA0C;AAGd;AACJ;AAExB,iEAAeA,qDAAY,E;;;;;;;;;;;;;;;;ACAkB;AAE7C,MAAMK,SAAS,GAAG,UAAU;;AAE5B;AACA,IAAIC,WAAW,GAAG,KAAK;AACvB,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,CAAS,CAAC;AAE1C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAIH,WAAW,EAAE;EACjBA,WAAW,GAAG,IAAI;;EAElB;EACA;EACA;EACA,IAAIL,gFAAW,CAAC,CAAC,EAAE;EAEnBC,yEAAI,CAAC;IAAEQ,IAAI,EAAEL,SAAS;IAAEM,OAAO,EAAE;EAAG,CAAC,CAAC;AACxC,CAAC;AAED,MAAMC,oBAAoB,GAAG,MAAAA,CAC3BC,KAAa,EACbC,MAAc,EACdC,cAAsB,EACtBC,UAAU,GAAG,SAAS,KACnB;EACH;EACAC,OAAO,CAACC,KAAK,CACX,wCAAwCL,KAAK,aAAaC,MAAM,iBAAiBE,UAAU,IAC7F,CAAC;EAEDP,iBAAiB,CAAC,CAAC;;EAEnB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAI,CAACF,gBAAgB,CAACY,GAAG,CAACN,KAAK,CAAC,EAAE;IAChCN,gBAAgB,CAACa,GAAG,CAACP,KAAK,CAAC;IAC3BT,oFAAe,CAAC,CAAC;MAAEM,IAAI,EAAEG,KAAK;MAAEQ,KAAK,EAAEN;IAAe,CAAC,CAAC,CAAC;EAC3D;;EAEA;EACA,MAAMO,OAAO,GAAGR,MAAM,CAACS,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;EAC3C,MAAMC,MAAM,GAAG,MAAMrB,+EAAU,CAA0B,GAAGU,KAAK,IAAIS,OAAO,EAAE,CAAC;EAE/E,IAAI,CAACE,MAAM,EAAE;IACX,MAAM,IAAIC,KAAK,CAAC,mCAAmCZ,KAAK,EAAE,CAAC;EAC7D;;EAEA;EACAI,OAAO,CAACC,KAAK,CACX,uCAAuCL,KAAK,aAAaC,MAAM,iBAAiBE,UAAU,IAC5F,CAAC;EAED,OAAOQ,MAAM,CAACE,OAAO;AACvB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAG,MAAmBC,MAGtC,IAAK;EACJ,MAAM;IAAEC;EAAO,CAAC,GAAGD,MAAM;EAEzB,IAAIC,MAAM,CAACC,IAAI,KAAK,kBAAkB,EAAE;IACtC;IACA;IACA;IACA,MAAM,IAAIL,KAAK,CAAC,uBAAwBI,MAAM,CAAsBC,IAAI,IAAI,CAAC;EAC/E;EAEA,OAAOlB,oBAAoB,CACzBiB,MAAM,CAAChB,KAAK,EACZgB,MAAM,CAACf,MAAM,EACbc,MAAM,CAACb,cAAc,EACrBc,MAAM,CAACb,UACT,CAAC;AACH,CAAC;AAED,iEAAeW,IAAI,E;;;;;;;;;;;;;;;;;AChGnB;;AAE4C;AACgB;AACwC;AAcpG,iEAAe,CAACS,OAA4B,GAAG,CAAC,CAAC,KAAK;EACpD,MAAMC,WAAW,GACfD,OAAO,CAACC,WAAW,KAAK,OAAOC,MAAM,KAAK,WAAW,GAAGC,SAAS,GAAGD,MAAM,CAACE,mBAAmB,CAAC;EAEjG,MAAMC,OAAO,GACXL,OAAO,CAACM,QAAQ,IAAIT,0DAAc,CAACC,0DAAc,CAACG,WAAW,CAAC,EAAEF,4DAAgB,CAACE,WAAW,CAAC,CAAC;EAEhG,OAAO,MAAmBM,GAAW,IAAK;IACxC,MAAMC,MAAM,GAAIC,GAAY,IAC1B,IAAIpB,KAAK,CAAC,6BAA6BkB,GAAG,MAAME,GAAG,EAAEC,QAAQ,CAAC,CAAC,EAAE,CAAC;IAEpE,IAAIC,UAAU;IACd,IAAI;MACFA,UAAU,GAAG,MAAMN,OAAO,CAACE,GAAG,CAAC;IACjC,CAAC,CAAC,OAAOE,GAAG,EAAE;MACZ,MAAMD,MAAM,CAACC,GAAG,CAAC;IACnB;IAEA,IAAI,CAACE,UAAU,EAAE;MACf,MAAM,IAAItB,KAAK,CAAC,oDAAoDkB,GAAG,EAAE,CAAC;IAC5E;IAEA,MAAM;MAAEf,MAAM;MAAEoB;IAAK,CAAC,GAAGD,UAAU;IAEnC,IAAI;MACF;MACA;MACA;MACA;MACA;MACA;MACAhB,0DAAO,CAACH,MAAM,CAACC,MAAM,CAAChB,KAAK,EAAEmC,IAAI,CAAC;MAElC,MAAMC,SAAS,GAAG,MAAMjB,kEAAqB,CAAaJ,MAAM,CAAC;MAEjE,OAAO,CAACqB,SAAS,EAAErB,MAAM,CAAC;IAC5B,CAAC,CAAC,OAAOiB,GAAG,EAAE;MACZ,MAAMD,MAAM,CAACC,GAAG,CAAC;IACnB;EACF,CAAC;AACH,CAAC;AAAA,4L;;;;;;;;;;;;;;;;AChDD;AACO,MAAMX,cAAc,GACxBG,WAAiC,IAClC,MAAOM,GAAG,IAAK;EACb,MAAMf,MAAM,GAAGS,WAAW,EAAE1B,OAAO,CAACgC,GAAG,CAAC;EACxC,IAAI,CAACN,WAAW,IAAI,CAACT,MAAM,EAAE,OAAOW,SAAS;EAE7C,OAAO;IACLX,MAAM;IACNoB,IAAI,EAAEX,WAAW,CAACW,IAAI,CAACpB,MAAM,CAACC,MAAM,CAAChB,KAAK,CAAC,IAAI,CAAC;EAClD,CAAC;AACH,CAAC;;AAEH;AACO,MAAMsB,gBAAgB,GAC3BA,CAACE,WAAiC,EAAEa,MAAM,GAAG,EAAE,KAC/C,MAAOP,GAAG,IAAK;EACb,IAAI,CAACN,WAAW,EAAE,OAAOE,SAAS;EAElC,MAAMY,GAAG,GAAG,GAAGD,MAAM,oBAAoBb,WAAW,CAACe,aAAa,YAAYT,GAAG,EAAE;EACnF,MAAMU,QAAQ,GAAG,MAAMC,KAAK,CAACH,GAAG,EAAE;IAAEI,WAAW,EAAE;EAAU,CAAC,CAAC;EAC7D,IAAI,CAACF,QAAQ,CAACG,EAAE,EAAE,OAAOjB,SAAS;EAElC,MAAMX,MAAsB,GAAG,MAAMyB,QAAQ,CAACI,IAAI,CAAC,CAAC;EAEpD,OAAO;IACL7B,MAAM;IACNoB,IAAI,EAAEX,WAAW,CAACW,IAAI,CAACpB,MAAM,CAACC,MAAM,CAAChB,KAAK,CAAC,IAAI,CAAC;EAClD,CAAC;AACH,CAAC;AAEI,MAAMoB,cAAc,GACzBA,CAAC,GAAGyB,SAA2B,KAC/B,MAAOf,GAAG,IAAK;EACb;EACA,KAAK,MAAMF,OAAO,IAAIiB,SAAS,EAAE;IAC/B;IACA,MAAMX,UAAU,GAAG,MAAMN,OAAO,CAACE,GAAG,CAAC;IACrC,IAAII,UAAU,EAAE,OAAOA,UAAU;EACnC;EAEA,OAAOR,SAAS;AAClB,CAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;AE7CH,MAAMoB,YAA4B,GAAGA,CAAC;EAAE/B,MAAM;EAAEgC;AAAO,CAAC,kBACtDC,uDAAA;EAAKC,KAAK,EAAE;IAAEC,MAAM,EAAE;EAAgB,CAAE;EAAAC,QAAA,gBACtCC,sDAAA;IAAAD,QAAA,EAAK,qCAAqCpC,MAAM;EAAI,CAAK,CAAC,eAC1DqC,sDAAA;IAAMH,KAAK,EAAE;MAAEI,QAAQ,EAAE;IAAO,CAAE;IAAAF,QAAA,EAAEJ;EAAM,CAAO,CAAC;AAAA,CAC/C,CACN;AAED,iEAAeD,YAAY,E;;;;;;;;;;;;;;;;;;;;;ACd3B;AAC4C;AACwC;AACzB;AACjB;;AAI1C;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMc,UAAU,GAAGA,CAA+B;EAChD7C,MAAM;EACN8C,QAAQ;EACR,GAAGC;AACoB,CAAC,KAA2B;EACnD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGT,+CAAQ,CAAe,CAAC;EAEtDD,gDAAS,CAAC,MAAM;IACd,IAAIW,QAAQ,GAAG,KAAK;IACpB,MAAMC,aAAa,GAAG/E,4DAAY,CAAC,CAAC;IAEpC,eAAe2B,IAAIA,CAAA,EAAG;MACpB,IAAI;QACF,MAAM,CAACsB,SAAS,EAAE+B,QAAQ,CAAC,GAAG,MAAMD,aAAa,CAAgBnD,MAAM,CAAC;QAExE,IAAIkD,QAAQ,IAAI,CAAC7B,SAAS,EAAE;UAC1B;QACF;QAEA4B,UAAU,cACRZ,sDAAA,CAACI,mEAAc;UAACzC,MAAM,EAAEoD,QAAS;UAAAhB,QAAA,eAC/BC,sDAAA,CAAChB,SAAS;YAAA,GAAK0B;UAAI,CAAG;QAAC,CACT,CAClB,CAAC;MACH,CAAC,CAAC,OAAO9B,GAAG,EAAE;QACZ,IAAI,CAACiC,QAAQ,EAAE;UACbD,UAAU,cAACZ,sDAAA,CAACN,qDAAY;YAAC/B,MAAM,EAAEA,MAAO;YAACgC,MAAM,EAAE,GAAGf,GAAG;UAAG,CAAE,CAAC,CAAC;QAChE;MACF;IACF;IAEAgC,UAAU,CAACtC,SAAS,CAAC;IACrBZ,IAAI,CAAC,CAAC;IAEN,OAAO,MAAM;MACXmD,QAAQ,GAAG,IAAI;IACjB,CAAC;IACD;EACF,CAAC,EAAE,CAAClD,MAAM,EAAE,GAAGqD,MAAM,CAACC,MAAM,CAACP,IAAI,CAAC,CAAC,CAAC;;EAEpC;EACA1D,OAAO,CAACC,KAAK,CAAC,wBAAwBU,MAAM,cAAc,CAACgD,OAAO,EAAE,CAAC;EACrE;EACA,oBAAOX,sDAAA,CAAAO,uDAAA;IAAAR,QAAA,EAAGY,OAAO,IAAIF;EAAQ,CAAG,CAAC;AACnC,CAAC;AAEDD,UAAU,CAACU,YAAY,GAAG;EACxBT,QAAQ,EAAEnC;AACZ,CAAC;AAED,iEAAekC,UAAU,E;;;;;;;;;;;;;;;;;;;;;AC7Ea;AAAA;AAO/B,MAAMY,aAAa,gBAAGD,oDAAa,CAA6B7C,SAAS,CAAC;AAE1E,MAAM8B,cAAuC,GAAGA,CAAC;EAAEzC,MAAM;EAAEoC;AAAS,CAAC,kBAC1EC,sDAAA,CAACoB,aAAa,CAACC,QAAQ;EAACC,KAAK,EAAE3D,MAAO;EAAAoC,QAAA,EAAEA;AAAQ,CAAyB,CAC1E;AAEDK,cAAc,CAACc,YAAY,GAAG;EAC5BvD,MAAM,EAAEW;AACV,CAAC;AAEM,MAAMiD,cAAc,GAAGH,aAAa,CAACI,QAAQ;AAEpD,iEAAeJ,aAAa,E;;;;;;;;;;;;;;;;;ACpBF;AAC1B;AACsD;;AAEtD;AACA,iEAAe,MAAkCK,uDAAgB,CAACL,+DAAa,CAAC;AAAA,4L;;;;;;;;;;;;;;;;;;;;;ACNhF;AACA;AACA;AACA;;AAEgE;AACN;AACD;;;;;;;;;;;;;;;ACPzD,iEAA2BlC,GAAW,IAAK;EACzC,IAAI2C,MAAM,GAAG,SAAS;EACtB,IAAIC,MAAyB;EAC7B,MAAMC,SAAS,GAAG1C,KAAK,CAACH,GAAG,EAAE;IAC3B8C,OAAO,EAAE;MACP,cAAc,EAAE,kBAAkB;MAClCC,MAAM,EAAE;IACV;IACA;EACF,CAAC,CAAC,CAACC,IAAI,CAAE9C,QAAQ,IAAK;IACpB,IAAIA,QAAQ,CAACG,EAAE,EAAE;MACf,OAAOH,QAAQ,CAACI,IAAI,CAAC,CAAC,CAAC0C,IAAI,CAAEC,IAAI,IAAK;QACpCN,MAAM,GAAG,SAAS;QAClBC,MAAM,GAAGK,IAAI;MACf,CAAC,CAAC;IACJ;IACAN,MAAM,GAAG,OAAO;IAChBC,MAAM,GAAG,IAAItE,KAAK,CAAC,GAAG4B,QAAQ,CAACyC,MAAM,IAAIzC,QAAQ,CAACgD,UAAU,IAAIhD,QAAQ,CAACF,GAAG,EAAE,CAAC;EACjF,CAAC,CAAC;EAEF,OAAO;IACLmD,IAAIA,CAAA,EAAG;MACL,IAAIR,MAAM,KAAK,SAAS,EAAE;QACxB;QACA,MAAME,SAAS;MACjB,CAAC,MAAM,IAAIF,MAAM,KAAK,OAAO,EAAE;QAC7B,MAAMC,MAAM;MACd,CAAC,MAAM,IAAID,MAAM,KAAK,SAAS,EAAE;QAC/B,OAAOC,MAAM;MACf;MAEA,OAAOxD,SAAS;IAClB;EACF,CAAC;AACH,CAAC;AAAA,4L;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClCuD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAd","sources":["webpack://appshell-react-shell/../loader/src/index.ts","webpack://appshell-react-shell/../loader/src/loadAppshellComponent.ts","webpack://appshell-react-shell/../loader/src/remoteLoader.ts","webpack://appshell-react-shell/../loader/src/resolvers.ts","webpack://appshell-react-shell/../loader/src/types.ts","webpack://appshell-react-shell/../react/src/components/LoadingError.tsx","webpack://appshell-react-shell/../react/src/components/RemoteSlot.tsx","webpack://appshell-react-shell/../react/src/contexts/RemoteContext.tsx","webpack://appshell-react-shell/../react/src/hooks/useRemote.ts","webpack://appshell-react-shell/../react/src/index.ts","webpack://appshell-react-shell/../react/src/resources/jsonResource.ts","webpack://appshell-react-shell/../../node_modules/@module-federation/enhanced/dist/src/runtime.mjs","webpack://appshell-react-shell/../../node_modules/@module-federation/runtime-tools/dist/runtime.js"],"sourcesContent":["import remoteLoader from './remoteLoader';\n\nexport type { RemoteLoaderOptions } from './remoteLoader';\nexport * from './resolvers';\nexport * from './types';\n\nexport default remoteLoader;\n","import type { RemoteLoader } from '@appshell/runtime';\nimport {\n  getInstance,\n  init,\n  loadRemote,\n  registerRemotes,\n} from '@module-federation/enhanced/runtime';\n\nconst HOST_NAME = 'Appshell';\n\n// The runtime instance and each remote's registration only need to happen once per page load.\nlet initialized = false;\nconst registeredScopes = new Set<string>();\n\nconst ensureInitialized = () => {\n  if (initialized) return;\n  initialized = true;\n\n  // A host that ships its own ModuleFederationPlugin (e.g. @appshell/react-shell) already\n  // created the global federation instance during its own bootstrap. Re-calling `init()`\n  // with a different name throws (#RUNTIME-010), so reuse whatever instance already exists.\n  if (getInstance()) return;\n\n  init({ name: HOST_NAME, remotes: [] });\n};\n\nconst loadModuleFederation = async <TComponent>(\n  scope: string,\n  module: string,\n  remoteEntryUrl: string,\n  shareScope = 'default',\n) => {\n  // eslint-disable-next-line no-console\n  console.debug(\n    `loading Appshell component: { scope: ${scope}, module: ${module}, shareScope: ${shareScope} }`,\n  );\n\n  ensureInitialized();\n\n  // Registered exactly once, and never re-registered or cache-busted afterwards.\n  //\n  // A remote served by a dev server updates itself: its `remoteEntry` already carries\n  // webpack's HMR runtime and a dev-server client, so an edit is applied in place\n  // behind a container identity that does not move. Re-registering the same scope, or\n  // appending a cache-busting query to its entry, changes that identity and the\n  // `publicPath` derived from it mid-flight, which strands the `*.hot-update.json` and\n  // `*.hot-update.js` requests the remote is midway through making.\n  if (!registeredScopes.has(scope)) {\n    registeredScopes.add(scope);\n    registerRemotes([{ name: scope, entry: remoteEntryUrl }]);\n  }\n\n  // Federation ids drop the leading `./` that `exposes` keys use.\n  const exposed = module.replace(/^\\.\\//, '');\n  const Module = await loadRemote<{ default: TComponent }>(`${scope}/${exposed}`);\n\n  if (!Module) {\n    throw new Error(`Failed to find module container ${scope}`);\n  }\n\n  // eslint-disable-next-line no-console\n  console.debug(\n    `Appshell component loaded: { scope: ${scope}, module: ${module}, shareScope: ${shareScope} }`,\n  );\n\n  return Module.default;\n};\n\n/**\n * Dispatches on the loader's kind rather than assuming federation.\n *\n * There is one kind today. Naming it is what lets a second — single-spa, import maps —\n * arrive without reinterpreting manifests already published, and what stops federation's\n * vocabulary reading as though it were appshell's.\n */\nexport const load = async <TComponent>(remote: {\n  loader: RemoteLoader;\n  remoteEntryUrl: string;\n}) => {\n  const { loader } = remote;\n\n  if (loader.kind !== 'ModuleFederation') {\n    // Unreachable while one kind exists, and the reason the field is a discriminant: a\n    // manifest published under a kind this host cannot load should say so, rather than\n    // failing somewhere inside a loader that assumed otherwise.\n    throw new Error(`No loader for kind '${(loader as { kind: string }).kind}'.`);\n  }\n\n  return loadModuleFederation<TComponent>(\n    loader.scope,\n    loader.module,\n    remote.remoteEntryUrl,\n    loader.shareScope,\n  );\n};\n\nexport default load;\n","/* eslint-disable no-underscore-dangle */\nimport type { AppshellComposition } from '@appshell/config';\nimport { setVars } from '@appshell/runtime';\nimport loadAppshellComponent from './loadAppshellComponent';\nimport { chainResolvers, inlineResolver, registryResolver, type RemoteResolver } from './resolvers';\n\ndeclare global {\n  interface Window {\n    __appshell_config__?: AppshellComposition;\n  }\n}\n\nexport type RemoteLoaderOptions = {\n  composition?: AppshellComposition;\n  /** Replaces the resolver chain outright; a seam for tests and embedders. */\n  resolver?: RemoteResolver;\n};\n\nexport default (options: RemoteLoaderOptions = {}) => {\n  const composition =\n    options.composition ?? (typeof window === 'undefined' ? undefined : window.__appshell_config__);\n\n  const resolve =\n    options.resolver ?? chainResolvers(inlineResolver(composition), registryResolver(composition));\n\n  return async <TComponent>(key: string) => {\n    const failed = (err: unknown) =>\n      new Error(`Failed to load component '${key}'. ${err?.toString()}`);\n\n    let resolution;\n    try {\n      resolution = await resolve(key);\n    } catch (err) {\n      throw failed(err);\n    }\n\n    if (!resolution) {\n      throw new Error(`Remote resource not found in registry. Expected: ${key}`);\n    }\n\n    const { remote, vars } = resolution;\n\n    try {\n      // Before the remote loads, so a package that validates its vars while its modules\n      // evaluate still finds them. `@appshell/runtime` is a shared singleton, so this is\n      // the same store the package reads through `getVars()`.\n      // Vars are keyed by federation scope, which is itself one framework's vocabulary —\n      // noted rather than fixed here, since application specs address overrides.vars the\n      // same way.\n      setVars(remote.loader.scope, vars);\n\n      const Component = await loadAppshellComponent<TComponent>(remote);\n\n      return [Component, remote] as const;\n    } catch (err) {\n      throw failed(err);\n    }\n  };\n};\n","import type { AppshellComposition, ResolvedRemote } from '@appshell/config';\n\nexport type RemoteResolution = {\n  remote: ResolvedRemote;\n  /** Already merged with the application's overrides — nothing left for the browser to layer on. */\n  vars: Record<string, string | number | undefined>;\n};\n\nexport type RemoteResolver = (key: string) => Promise<RemoteResolution | undefined>;\n\n/** The registry inlined the composition into the page, so no network call is needed. */\nexport const inlineResolver =\n  (composition?: AppshellComposition): RemoteResolver =>\n  async (key) => {\n    const remote = composition?.remotes[key];\n    if (!composition || !remote) return undefined;\n\n    return {\n      remote,\n      vars: composition.vars[remote.loader.scope] ?? {},\n    };\n  };\n\n/** Fetch-on-miss: covers a package activated after this page was served. */\nexport const registryResolver =\n  (composition?: AppshellComposition, origin = ''): RemoteResolver =>\n  async (key) => {\n    if (!composition) return undefined;\n\n    const url = `${origin}/v1/applications/${composition.applicationId}/remotes/${key}`;\n    const response = await fetch(url, { credentials: 'include' });\n    if (!response.ok) return undefined;\n\n    const remote: ResolvedRemote = await response.json();\n\n    return {\n      remote,\n      vars: composition.vars[remote.loader.scope] ?? {},\n    };\n  };\n\nexport const chainResolvers =\n  (...resolvers: RemoteResolver[]): RemoteResolver =>\n  async (key) => {\n    // eslint-disable-next-line no-restricted-syntax\n    for (const resolve of resolvers) {\n      // eslint-disable-next-line no-await-in-loop\n      const resolution = await resolve(key);\n      if (resolution) return resolution;\n    }\n\n    return undefined;\n  };\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ShareScope<TComponent = any> = Record<\n  string,\n  Record<string, { loaded?: 1; get: () => Promise<TComponent>; from: string; eager: boolean }>\n>;\n\nexport interface ModuleContainer<TComponent> {\n  init(shareScope: ShareScope<TComponent>): Promise<void>;\n  get(module: string): Promise<() => Record<string, TComponent>>;\n}\n","import { FC } from 'react';\n\ntype ErrorProps = {\n  remote: string;\n  reason: string;\n};\n\nconst LoadingError: FC<ErrorProps> = ({ remote, reason }) => (\n  <div style={{ border: '3px solid red' }}>\n    <h5>{`Error loading Appshell component '${remote}.'`}</h5>\n    <span style={{ fontSize: '1rem' }}>{reason}</span>\n  </div>\n);\n\nexport default LoadingError;\n","/* eslint-disable react/jsx-props-no-spreading */\nimport remoteLoader from '@appshell/loader';\nimport { ComponentType, ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { RemoteProvider } from '../contexts/RemoteContext';\nimport LoadingError from './LoadingError';\n\nexport type ExtendedProps = Record<string, unknown>;\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport type RemoteSlotProps<TProps extends ExtendedProps = ExtendedProps> = {\n  remote: string;\n  fallback?: ReactNode;\n} & TProps;\n\n/**\n * Loads a remote once and leaves it alone.\n *\n * Keeping a remote current while it is being developed is not this component's job.\n * A remote served by a dev server ships webpack's HMR runtime and a dev-server client\n * inside its own `remoteEntry`, so it applies its own edits in place and React Fast\n * Refresh swaps the component implementations underneath this tree — no reload, and no\n * remount that would discard state this component never owned.\n *\n * Watching the remote's socket from here and reloading the page was strictly worse: it\n * raced the remote's own update, and it threw away the entire composed app to deliver a\n * change to one subtree. When webpack genuinely cannot apply an update, the remote's own\n * client still falls back to a full reload — which is the right place for that decision,\n * because it is the only side that knows whether the update applied.\n */\nconst RemoteSlot = <TProps extends ExtendedProps>({\n  remote,\n  fallback,\n  ...rest\n}: RemoteSlotProps<TProps>): ReactElement<TProps> => {\n  const [element, setElement] = useState<ReactElement>();\n\n  useEffect(() => {\n    let disposed = false;\n    const loadComponent = remoteLoader();\n\n    async function load() {\n      try {\n        const [Component, resolved] = await loadComponent<ComponentType>(remote);\n\n        if (disposed || !Component) {\n          return;\n        }\n\n        setElement(\n          <RemoteProvider remote={resolved}>\n            <Component {...rest} />\n          </RemoteProvider>,\n        );\n      } catch (err) {\n        if (!disposed) {\n          setElement(<LoadingError remote={remote} reason={`${err}`} />);\n        }\n      }\n    }\n\n    setElement(undefined);\n    load();\n\n    return () => {\n      disposed = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [remote, ...Object.values(rest)]);\n\n  // eslint-disable-next-line no-console\n  console.debug(`rendering RemoteSlot[${remote}], loading=${!element}`);\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{element || fallback}</>;\n};\n\nRemoteSlot.defaultProps = {\n  fallback: undefined,\n};\n\nexport default RemoteSlot;\n","import { AppshellRemote } from '@appshell/config';\nimport type { FC, ReactNode } from 'react';\nimport { createContext } from 'react';\n\ninterface RemoteProviderProps {\n  remote?: AppshellRemote;\n  children: ReactNode;\n}\n\nexport const RemoteContext = createContext<AppshellRemote | undefined>(undefined);\n\nexport const RemoteProvider: FC<RemoteProviderProps> = ({ remote, children }) => (\n  <RemoteContext.Provider value={remote}>{children}</RemoteContext.Provider>\n);\n\nRemoteProvider.defaultProps = {\n  remote: undefined,\n};\n\nexport const RemoteConsumer = RemoteContext.Consumer;\n\nexport default RemoteContext;\n","import { AppshellRemote } from '@appshell/config';\nimport React from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport RemoteContext from '../contexts/RemoteContext';\n\n/** The remote backing the nearest `RemoteSlot` — it already knows its own key. */\nexport default (): AppshellRemote | undefined => React.useContext(RemoteContext);\n","/*\n * The wire types, re-exported so a React package needs one dependency rather than two\n * to type what RemoteSlot hands it.\n */\nexport type { AppshellIndex, AppshellRemote, Metadata } from '@appshell/runtime';\nexport { default as RemoteSlot } from './components/RemoteSlot';\nexport { RemoteProvider } from './contexts/RemoteContext';\nexport { default as useRemote } from './hooks/useRemote';\nexport { default as jsonResource } from './resources/jsonResource';\n","export default <TResource>(url: string) => {\n  let status = 'pending';\n  let result: TResource | Error;\n  const suspender = fetch(url, {\n    headers: {\n      'Content-Type': 'application/json',\n      Accept: 'application/json',\n    },\n    // eslint-disable-next-line consistent-return\n  }).then((response) => {\n    if (response.ok) {\n      return response.json().then((data) => {\n        status = 'success';\n        result = data;\n      });\n    }\n    status = 'error';\n    result = new Error(`${response.status} ${response.statusText} ${response.url}`);\n  });\n\n  return {\n    read() {\n      if (status === 'pending') {\n        // eslint-disable-next-line @typescript-eslint/no-throw-literal\n        throw suspender as Promise<TResource>;\n      } else if (status === 'error') {\n        throw result as Error;\n      } else if (status === 'success') {\n        return result;\n      }\n\n      return undefined;\n    },\n  };\n};\n","export * from \"@module-federation/runtime-tools/runtime\"\n\nexport {  };","export * from \"@module-federation/runtime\"\n\nexport {  };"],"names":["remoteLoader","getInstance","init","loadRemote","registerRemotes","HOST_NAME","initialized","registeredScopes","Set","ensureInitialized","name","remotes","loadModuleFederation","scope","module","remoteEntryUrl","shareScope","console","debug","has","add","entry","exposed","replace","Module","Error","default","load","remote","loader","kind","setVars","loadAppshellComponent","chainResolvers","inlineResolver","registryResolver","options","composition","window","undefined","__appshell_config__","resolve","resolver","key","failed","err","toString","resolution","vars","Component","origin","url","applicationId","response","fetch","credentials","ok","json","resolvers","LoadingError","reason","_jsxs","style","border","children","_jsx","fontSize","useEffect","useState","RemoteProvider","jsx","Fragment","_Fragment","RemoteSlot","fallback","rest","element","setElement","disposed","loadComponent","resolved","Object","values","defaultProps","createContext","RemoteContext","Provider","value","RemoteConsumer","Consumer","React","useContext","useRemote","jsonResource","status","result","suspender","headers","Accept","then","data","statusText","read"],"sourceRoot":""}