@appshell/react-shell 1.0.0-alpha.24 → 1.0.0-alpha.26

package/dist/dev/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "Appshell",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "1.0.0-alpha.24",
+      "buildVersion": "1.0.0-alpha.26",
       "buildName": "@appshell/react-shell"
     },
     "remoteEntry": {
@@ -24,12 +24,33 @@
     "publicPath": "auto"
   },
   "shared": [
+    {
+      "id": "Appshell:@appshell/react",
+      "name": "@appshell/react",
+      "version": "1.0.0-alpha.26",
+      "singleton": true,
+      "requiredVersion": "^1.0.0-alpha.26",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "react_src_index_ts-_f7a70.js",
+            "react_src_index_ts-_f7a71.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "fallback": ""
+    },
     {
       "id": "Appshell:@appshell/runtime",
       "name": "@appshell/runtime",
-      "version": "1.0.0-alpha.24",
+      "version": "1.0.0-alpha.26",
       "singleton": true,
-      "requiredVersion": "^1.0.0-alpha.24",
+      "requiredVersion": "^1.0.0-alpha.26",
       "assets": {
         "js": {
           "async": [],

package/dist/dev/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "Appshell",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "1.0.0-alpha.24",
+      "buildVersion": "1.0.0-alpha.26",
       "buildName": "@appshell/react-shell"
     },
     "remoteEntry": {
@@ -26,10 +26,35 @@
   "shared": [
     {
       "singleton": true,
-      "requiredVersion": "^1.0.0-alpha.24",
+      "requiredVersion": "^1.0.0-alpha.26",
+      "shareScope": "default",
+      "name": "@appshell/react",
+      "version": "1.0.0-alpha.26",
+      "eager": false,
+      "id": "Appshell:@appshell/react",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "react_src_index_ts-_f7a70.js",
+            "react_src_index_ts-_f7a71.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^1.0.0-alpha.26",
       "shareScope": "default",
       "name": "@appshell/runtime",
-      "version": "1.0.0-alpha.24",
+      "version": "1.0.0-alpha.26",
       "eager": false,
       "id": "Appshell:@appshell/runtime",
       "assets": {

package/dist/dev/react_src_index_ts-_f7a70.js

@@ -0,0 +1,515 @@
+"use strict";
+(globalThis["webpackChunkappshell_react_shell"] = globalThis["webpackChunkappshell_react_shell"] || []).push([["react_src_index_ts-_f7a70"],{
+
+/***/ "../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 */ });
+/* 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: []
+  });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (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;
+});
+(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
+
+/***/ },
+
+/***/ "../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()`.
+      (0,_appshell_runtime__WEBPACK_IMPORTED_MODULE_0__.setVars)(remote.scope, vars);
+      const Component = await (0,_loadAppshellComponent__WEBPACK_IMPORTED_MODULE_1__["default"])(remote.scope, remote.module, remote.remoteEntryUrl, remote.shareScope);
+      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.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.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__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__);
+
+const LoadingError = ({
+  remote,
+  reason
+}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  style: {
+    border: '3px solid red'
+  }
+}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h5", null, `Error loading Appshell component '${remote}.'`), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+  style: {
+    fontSize: '1rem'
+  }
+}, 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");
+/* 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__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_2__.RemoteProvider, {
+          remote: resolved
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Component, rest)));
+      } catch (err) {
+        if (!disposed) {
+          setElement(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_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__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, 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__);
+
+const RemoteContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
+const RemoteProvider = ({
+  remote,
+  children
+}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RemoteContext.Provider, {
+  value: remote
+}, 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-_f7a70.js.map