@appshell/react-shell 1.0.0-alpha.12 → 1.0.0-alpha.14

package/dist/dev/src_bootstrap_tsx-webpack_sharing_consume_default_react-dom_react-dom.js

@@ -0,0 +1,1057 @@
+"use strict";
+(globalThis["webpackChunkappshell_react_shell"] = globalThis["webpackChunkappshell_react_shell"] || []).push([["src_bootstrap_tsx-webpack_sharing_consume_default_react-dom_react-dom"],{
+
+/***/ "../core/src/appshell.env.ts"
+/*!***********************************!*\
+  !*** ../core/src/appshell.env.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 */ });
+/* eslint-disable no-underscore-dangle */
+
+// Absent when the registry served the page — it inlines the composition instead.
+const env = window.__appshell_env__ ?? {};
+const APPSHELL_PUBLIC_URL = env.APPSHELL_PUBLIC_URL || '';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  APPSHELL_PUBLIC_URL,
+  APPSHELL_ROOT: env.APPSHELL_ROOT,
+  APPSHELL_ROOT_PROPS: env.APPSHELL_ROOT_PROPS || '{}',
+  APPSHELL_CONFIG_URL: `${APPSHELL_PUBLIC_URL}/appshell.config.json`,
+  APPSHELL_PRIMARY_COLOR: env.APPSHELL_PRIMARY_COLOR || '#8ed6fb',
+  APPSHELL_THEME_COLOR: env.APPSHELL_THEME_COLOR || '#282c34'
+});
+
+/***/ },
+
+/***/ "../core/src/index.ts"
+/*!****************************!*\
+  !*** ../core/src/index.ts ***!
+  \****************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   APPSHELL_ENV: () => (/* reexport safe */ _appshell_env__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _appshell_env__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./appshell.env */ "../core/src/appshell.env.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 */   legacyManifestResolver: () => (/* reexport safe */ _resolvers__WEBPACK_IMPORTED_MODULE_1__.legacyManifestResolver),
+/* 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 _loadAppshellComponent__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./loadAppshellComponent */ "../loader/src/loadAppshellComponent.ts");
+/* harmony import */ var _resolvers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./resolvers */ "../loader/src/resolvers.ts");
+/* eslint-disable no-underscore-dangle */
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((config, options = {}) => {
+  const composition = options.composition ?? (typeof window === 'undefined' ? undefined : window.__appshell_config__);
+  const resolve = options.resolver ?? (0,_resolvers__WEBPACK_IMPORTED_MODULE_1__.chainResolvers)((0,_resolvers__WEBPACK_IMPORTED_MODULE_1__.inlineResolver)(composition), (0,_resolvers__WEBPACK_IMPORTED_MODULE_1__.registryResolver)(composition), (0,_resolvers__WEBPACK_IMPORTED_MODULE_1__.legacyManifestResolver)(config));
+  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,
+      environment,
+      manifest
+    } = resolution;
+    try {
+      window[`__appshell_env__${remote.scope}`] = environment;
+      const Component = await (0,_loadAppshellComponent__WEBPACK_IMPORTED_MODULE_0__["default"])(remote.scope, remote.module, remote.remoteEntryUrl, remote.shareScope);
+      return [Component, manifest];
+    } 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 */   legacyManifestResolver: () => (/* binding */ legacyManifestResolver),
+/* harmony export */   registryResolver: () => (/* binding */ registryResolver)
+/* harmony export */ });
+const manifestOf = (composition, remotes) => ({
+  remotes,
+  environment: composition.environment,
+  modules: {}
+});
+
+/** 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,
+    environment: composition.environment[remote.scope] ?? {},
+    manifest: manifestOf(composition, composition.remotes)
+  };
+};
+
+/** Fetch-on-miss: covers an app activated after this page was served. */
+const registryResolver = (composition, origin = '') => async key => {
+  if (!composition) return undefined;
+  const url = `${origin}/v1/environments/${composition.environmentId}/remotes/${key}`;
+  const response = await fetch(url, {
+    credentials: 'include'
+  });
+  if (!response.ok) return undefined;
+  const remote = await response.json();
+  return {
+    remote,
+    environment: composition.environment[remote.scope] ?? {},
+    manifest: manifestOf(composition, {
+      [key]: remote
+    })
+  };
+};
+
+/**
+ * Pre-registry hosts: follow `index[key]` to the app's own manifest. The override
+ * merge stays here because in this mode no server has done it.
+ */
+const legacyManifestResolver = config => {
+  const cache = new Map();
+  const fetchManifest = url => {
+    const cached = cache.get(url);
+    if (cached) return cached;
+    const pending = fetch(url, {
+      credentials: 'include'
+    }).then(async response => {
+      if (!response.ok) {
+        throw new Error(`Failed to get manifest from ${url}. ${await response.text()}`);
+      }
+      return response.json();
+    });
+    cache.set(url, pending);
+    return pending;
+  };
+  return async key => {
+    const manifestUrl = config.index?.[key];
+    if (!manifestUrl) return undefined;
+    const manifest = await fetchManifest(manifestUrl);
+    const remote = manifest?.remotes[key];
+    if (!remote) return undefined;
+    return {
+      remote,
+      environment: {
+        ...(manifest.environment[remote.scope] ?? {}),
+        ...(config.overrides?.environment?.[remote.scope] ?? {})
+      },
+      manifest
+    };
+  };
+};
+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/AppshellComponent.tsx"
+/*!*****************************************************!*\
+  !*** ../react/src/components/AppshellComponent.tsx ***!
+  \*****************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FederatedComponent: () => (/* binding */ FederatedComponent),
+/* 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_ManifestContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts/ManifestContext */ "../react/src/contexts/ManifestContext.tsx");
+/* harmony import */ var _contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts/RemoteContext */ "../react/src/contexts/RemoteContext.tsx");
+/* harmony import */ var _hooks_useGlobalConfig__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/useGlobalConfig */ "../react/src/hooks/useGlobalConfig.ts");
+/* harmony import */ var _LoadingError__WEBPACK_IMPORTED_MODULE_5__ = __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 AppshellComponent = ({
+  remote,
+  fallback,
+  ...rest
+}) => {
+  const config = (0,_hooks_useGlobalConfig__WEBPACK_IMPORTED_MODULE_4__["default"])();
+  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"])(config);
+    async function load() {
+      try {
+        const [Component, manifest] = await loadComponent(remote);
+        if (disposed || !Component) {
+          return;
+        }
+        setElement(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_contexts_ManifestContext__WEBPACK_IMPORTED_MODULE_2__.ManifestProvider, {
+          manifest: manifest
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_3__.RemoteProvider, {
+          remote: manifest.remotes[remote]
+        }, /*#__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_5__["default"], {
+            remote: remote,
+            reason: `${err}`
+          }));
+        }
+      }
+    }
+    setElement(undefined);
+    load();
+    return () => {
+      disposed = true;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [remote, config, ...Object.values(rest)]);
+
+  // eslint-disable-next-line no-console
+  console.debug(`rendering AppshellComponent[${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);
+};
+AppshellComponent.defaultProps = {
+  fallback: undefined
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppshellComponent);
+
+/**
+ * @deprecated This component is deprecated and will be removed in future versions.
+ * Please use AppshellComponent instead.
+ */
+const FederatedComponent = AppshellComponent;
+
+/***/ },
+
+/***/ "../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/ReactHost.tsx"
+/*!*********************************************!*\
+  !*** ../react/src/components/ReactHost.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__);
+/* harmony import */ var _contexts_GlobalConfigContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/GlobalConfigContext */ "../react/src/contexts/GlobalConfigContext.tsx");
+/* harmony import */ var _AppshellComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AppshellComponent */ "../react/src/components/AppshellComponent.tsx");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* eslint-disable react/jsx-props-no-spreading */
+
+
+
+
+
+/** The registry inlines the composition, so a shell it served needs no config fetch. */
+const inlinedConfig = () => {
+  const composition = typeof window === 'undefined' ? undefined : window.__appshell_config__;
+  return composition && {
+    index: composition.index
+  };
+};
+const ReactHost = ({
+  configUrl,
+  remote,
+  fallback,
+  ...rest
+}) => {
+  const [config, setGlobalConfig] = react__WEBPACK_IMPORTED_MODULE_0___default().useState(inlinedConfig);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (config) {
+      return;
+    }
+    if (!configUrl) {
+      setGlobalConfig({
+        index: {}
+      });
+      return;
+    }
+    const fetchGlobalConfig = async () => {
+      const res = await fetch(configUrl);
+      setGlobalConfig(res.ok ? await res.json() : {
+        index: {}
+      });
+    };
+    fetchGlobalConfig();
+  }, [config, configUrl]);
+  if (!config) {
+    return null;
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts_GlobalConfigContext__WEBPACK_IMPORTED_MODULE_1__.GlobalConfigProvider, {
+    config: config
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AppshellComponent__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
+    remote: remote,
+    fallback: fallback
+  }, rest)));
+};
+ReactHost.defaultProps = {
+  configUrl: undefined,
+  fallback: undefined
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactHost);
+
+/***/ },
+
+/***/ "../react/src/contexts/GlobalConfigContext.tsx"
+/*!*****************************************************!*\
+  !*** ../react/src/contexts/GlobalConfigContext.tsx ***!
+  \*****************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   GlobalConfigConsumer: () => (/* binding */ GlobalConfigConsumer),
+/* harmony export */   GlobalConfigContext: () => (/* binding */ GlobalConfigContext),
+/* harmony export */   GlobalConfigProvider: () => (/* binding */ GlobalConfigProvider),
+/* 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 GlobalConfigContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({
+  index: {}
+});
+const GlobalConfigProvider = ({
+  config,
+  children
+}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(GlobalConfigContext.Provider, {
+  value: config
+}, children);
+const GlobalConfigConsumer = GlobalConfigContext.Consumer;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GlobalConfigContext);
+
+/***/ },
+
+/***/ "../react/src/contexts/ManifestContext.tsx"
+/*!*************************************************!*\
+  !*** ../react/src/contexts/ManifestContext.tsx ***!
+  \*************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ManifestConsumer: () => (/* binding */ ManifestConsumer),
+/* harmony export */   ManifestContext: () => (/* binding */ ManifestContext),
+/* harmony export */   ManifestProvider: () => (/* binding */ ManifestProvider),
+/* 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 ManifestContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({
+  remotes: {},
+  modules: {},
+  environment: {}
+});
+
+// `modules` is build-time webpack config that the browser has no use for, and it is
+// the bulkiest field to inline. Warn for one release to find any consumer still on it.
+const deprecateModules = manifest => new Proxy(manifest, {
+  get(target, property, receiver) {
+    if (property === 'modules') {
+      // eslint-disable-next-line no-console
+      console.warn('useManifest().modules is deprecated and will be removed. It is build-time webpack config; use useRemote() for what the browser needs. Please open an issue at github.com/appshell-org/appshell if you rely on it.');
+    }
+    return Reflect.get(target, property, receiver);
+  }
+});
+const ManifestProvider = ({
+  manifest,
+  children
+}) => {
+  const value = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => deprecateModules(manifest), [manifest]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ManifestContext.Provider, {
+    value: value
+  }, children);
+};
+const ManifestConsumer = ManifestContext.Consumer;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ManifestContext);
+
+/***/ },
+
+/***/ "../react/src/contexts/MetadataContext.tsx"
+/*!*************************************************!*\
+  !*** ../react/src/contexts/MetadataContext.tsx ***!
+  \*************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MetadataConsumer: () => (/* binding */ MetadataConsumer),
+/* harmony export */   MetadataContext: () => (/* binding */ MetadataContext),
+/* harmony export */   MetadataProvider: () => (/* binding */ MetadataProvider),
+/* 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 MetadataContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({});
+const MetadataProvider = ({
+  metata,
+  children
+}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MetadataContext.Provider, {
+  value: metata
+}, children);
+const MetadataConsumer = MetadataContext.Consumer;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MetadataContext);
+
+/***/ },
+
+/***/ "../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/useGlobalConfig.ts"
+/*!*********************************************!*\
+  !*** ../react/src/hooks/useGlobalConfig.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_GlobalConfigContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/GlobalConfigContext */ "../react/src/contexts/GlobalConfigContext.tsx");
+
+// eslint-disable-next-line import/no-named-as-default
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_contexts_GlobalConfigContext__WEBPACK_IMPORTED_MODULE_1__["default"]));
+(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
+
+/***/ },
+
+/***/ "../react/src/hooks/useManifest.ts"
+/*!*****************************************!*\
+  !*** ../react/src/hooks/useManifest.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_ManifestContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/ManifestContext */ "../react/src/contexts/ManifestContext.tsx");
+
+
+// eslint-disable-next-line import/no-named-as-default
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_contexts_ManifestContext__WEBPACK_IMPORTED_MODULE_1__["default"]));
+(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
+
+/***/ },
+
+/***/ "../react/src/hooks/useMetadata.ts"
+/*!*****************************************!*\
+  !*** ../react/src/hooks/useMetadata.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_MetadataContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/MetadataContext */ "../react/src/contexts/MetadataContext.tsx");
+
+// eslint-disable-next-line import/no-named-as-default
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_contexts_MetadataContext__WEBPACK_IMPORTED_MODULE_1__["default"]));
+(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
+
+/***/ },
+
+/***/ "../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 `AppshellComponent` — 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 */   AppshellComponent: () => (/* reexport safe */ _components_AppshellComponent__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   FederatedComponent: () => (/* reexport safe */ _components_AppshellComponent__WEBPACK_IMPORTED_MODULE_0__.FederatedComponent),
+/* harmony export */   GlobalConfigProvider: () => (/* reexport safe */ _contexts_GlobalConfigContext__WEBPACK_IMPORTED_MODULE_2__.GlobalConfigProvider),
+/* harmony export */   ManifestProvider: () => (/* reexport safe */ _contexts_ManifestContext__WEBPACK_IMPORTED_MODULE_3__.ManifestProvider),
+/* harmony export */   MetadataProvider: () => (/* reexport safe */ _contexts_MetadataContext__WEBPACK_IMPORTED_MODULE_4__.MetadataProvider),
+/* harmony export */   ReactHost: () => (/* reexport safe */ _components_ReactHost__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   RemoteProvider: () => (/* reexport safe */ _contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_5__.RemoteProvider),
+/* harmony export */   jsonResource: () => (/* reexport safe */ _resources_jsonResource__WEBPACK_IMPORTED_MODULE_10__["default"]),
+/* harmony export */   useGlobalConfig: () => (/* reexport safe */ _hooks_useGlobalConfig__WEBPACK_IMPORTED_MODULE_6__["default"]),
+/* harmony export */   useManifest: () => (/* reexport safe */ _hooks_useManifest__WEBPACK_IMPORTED_MODULE_7__["default"]),
+/* harmony export */   useMetadata: () => (/* reexport safe */ _hooks_useMetadata__WEBPACK_IMPORTED_MODULE_8__["default"]),
+/* harmony export */   useRemote: () => (/* reexport safe */ _hooks_useRemote__WEBPACK_IMPORTED_MODULE_9__["default"])
+/* harmony export */ });
+/* harmony import */ var _components_AppshellComponent__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/AppshellComponent */ "../react/src/components/AppshellComponent.tsx");
+/* harmony import */ var _components_ReactHost__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/ReactHost */ "../react/src/components/ReactHost.tsx");
+/* harmony import */ var _contexts_GlobalConfigContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./contexts/GlobalConfigContext */ "../react/src/contexts/GlobalConfigContext.tsx");
+/* harmony import */ var _contexts_ManifestContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./contexts/ManifestContext */ "../react/src/contexts/ManifestContext.tsx");
+/* harmony import */ var _contexts_MetadataContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./contexts/MetadataContext */ "../react/src/contexts/MetadataContext.tsx");
+/* harmony import */ var _contexts_RemoteContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./contexts/RemoteContext */ "../react/src/contexts/RemoteContext.tsx");
+/* harmony import */ var _hooks_useGlobalConfig__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks/useGlobalConfig */ "../react/src/hooks/useGlobalConfig.ts");
+/* harmony import */ var _hooks_useManifest__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hooks/useManifest */ "../react/src/hooks/useManifest.ts");
+/* harmony import */ var _hooks_useMetadata__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/useMetadata */ "../react/src/hooks/useMetadata.ts");
+/* harmony import */ var _hooks_useRemote__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/useRemote */ "../react/src/hooks/useRemote.ts");
+/* harmony import */ var _resources_jsonResource__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./resources/jsonResource */ "../react/src/resources/jsonResource.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+/***/ },
+
+/***/ "../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 });
+
+/***/ },
+
+/***/ "./src/bootstrap.tsx"
+/*!***************************!*\
+  !*** ./src/bootstrap.tsx ***!
+  \***************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _appshell_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @appshell/core */ "../core/src/index.ts");
+/* harmony import */ var _appshell_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @appshell/react */ "../react/src/index.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-dom/client */ "../../node_modules/react-dom/client.js");
+/* harmony import */ var _components_Splash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/Splash */ "./src/components/Splash.tsx");
+/* harmony import */ var _overlayBadge__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./overlayBadge */ "./src/overlayBadge.ts");
+/* harmony import */ var _reportWebVitals__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./reportWebVitals */ "./src/reportWebVitals.ts");
+/* harmony import */ var _reset_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./reset.css */ "./src/reset.css");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* eslint-disable react/jsx-props-no-spreading */
+
+
+
+
+
+
+
+
+const root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_3__.createRoot)(document.getElementById('root'));
+
+// A registry-served shell inlines these; the build-time env is the standalone fallback.
+const composition = window.__appshell_config__;
+
+// Outside the React root on purpose, so it outlives a crash in the composed app.
+(0,_overlayBadge__WEBPACK_IMPORTED_MODULE_5__["default"])(composition);
+const remote = composition?.root || _appshell_core__WEBPACK_IMPORTED_MODULE_0__.APPSHELL_ENV.APPSHELL_ROOT;
+const props = composition?.rootProps ?? JSON.parse(_appshell_core__WEBPACK_IMPORTED_MODULE_0__.APPSHELL_ENV.APPSHELL_ROOT_PROPS);
+if (!remote) {
+  throw new Error(`No root remote to mount. The registry supplies one; a standalone build needs APPSHELL_ROOT.`);
+}
+root.render(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().StrictMode), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_appshell_react__WEBPACK_IMPORTED_MODULE_1__.ReactHost, _extends({
+  configUrl: composition ? undefined : _appshell_core__WEBPACK_IMPORTED_MODULE_0__.APPSHELL_ENV.APPSHELL_CONFIG_URL,
+  remote: remote,
+  fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_components_Splash__WEBPACK_IMPORTED_MODULE_4__["default"], null)
+}, props))));
+(0,_reportWebVitals__WEBPACK_IMPORTED_MODULE_6__["default"])();
+
+/***/ },
+
+/***/ "./src/components/Splash.tsx"
+/*!***********************************!*\
+  !*** ./src/components/Splash.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_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @appshell/core */ "../core/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 react_spinners_PropagateLoader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-spinners/PropagateLoader */ "../../node_modules/react-spinners/PropagateLoader.js");
+/* harmony import */ var react_spinners_PropagateLoader__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_spinners_PropagateLoader__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+const Splash = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+  style: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexGrow: 1,
+    height: '100vh',
+    backgroundColor: _appshell_core__WEBPACK_IMPORTED_MODULE_0__.APPSHELL_ENV.APPSHELL_THEME_COLOR
+  }
+}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react_spinners_PropagateLoader__WEBPACK_IMPORTED_MODULE_2___default()), {
+  color: _appshell_core__WEBPACK_IMPORTED_MODULE_0__.APPSHELL_ENV.APPSHELL_PRIMARY_COLOR,
+  speedMultiplier: 1.5,
+  size: 24
+}));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Splash);
+
+/***/ },
+
+/***/ "./src/overlayBadge.ts"
+/*!*****************************!*\
+  !*** ./src/overlayBadge.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 */   overlayBadgeMarkup: () => (/* binding */ overlayBadgeMarkup)
+/* harmony export */ });
+/**
+ * Marks a page whose remotes have been redirected by a per-developer overlay.
+ *
+ * Deliberately plain DOM in its own element rather than a component inside the React
+ * tree, for two reasons. It has to survive a crash in the composed app — the moment
+ * the page misbehaves is exactly when knowing your remotes are not the published ones
+ * matters most — and nothing about it is React-specific, so it lifts into a shared
+ * package unchanged the day a second shell implementation exists.
+ *
+ * Styles are inline: the badge renders alongside whatever CSS the remotes ship, and a
+ * stylesheet of its own would be one more thing for them to override.
+ */
+
+const CONTAINER_ID = 'appshell-overlay-badge';
+const styles = {
+  container: ['position:fixed', 'bottom:12px', 'left:12px', 'z-index:2147483647', 'max-width:min(420px, calc(100vw - 24px))', 'padding:8px 12px', 'border-radius:6px', 'border:1px solid #f0b429', 'background:#3d3016', 'color:#f7e3a1', 'font:12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace', 'box-shadow:0 2px 8px rgba(0,0,0,.35)'].join(';'),
+  summary: 'cursor:pointer;font-weight:600;list-style:none',
+  list: 'margin:6px 0 0;padding-left:16px'
+};
+const escape = value => value.replace(/&/g, '&amp;').replace(/</g, '&lt;');
+const overlayBadgeMarkup = (remotes, shellFlavor = 'prod') => {
+  const changes = [shellFlavor === 'dev' && 'development shell', remotes.length && `${remotes.length} remote${remotes.length === 1 ? '' : 's'} redirected`].filter(Boolean);
+  const items = remotes
+  // The keys come from the registry's own composition, but this string is written
+  // straight into innerHTML, so it is escaped rather than trusted by provenance.
+  .map(key => `<li>${escape(key)}</li>`).join('');
+  return [`<details style="${styles.container}" open>`, `<summary style="${styles.summary}">⚠ Development overlay — ${changes.join(', ')}</summary>`, items ? `<ul style="${styles.list}">${items}</ul>` : '', '</details>'].join('');
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (composition => {
+  const overlay = composition?.overlay;
+
+  // The registry only emits the block when an overlay changed something, so its mere
+  // presence is the signal. A shell-only overlay has no remotes and still has to show.
+  if (!overlay || document.getElementById(CONTAINER_ID)) return;
+  const container = document.createElement('div');
+  container.id = CONTAINER_ID;
+  container.innerHTML = overlayBadgeMarkup(overlay.remotes ?? [], overlay.shellFlavor);
+  document.body.appendChild(container);
+});
+(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
+
+/***/ },
+
+/***/ "./src/reportWebVitals.ts"
+/*!********************************!*\
+  !*** ./src/reportWebVitals.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 */ });
+// eslint-disable-next-line import/named
+
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    __webpack_require__.e(/*! import() */ "node_modules_web-vitals_dist_web-vitals_js").then(__webpack_require__.bind(__webpack_require__, /*! web-vitals */ "../../node_modules/web-vitals/dist/web-vitals.js")).then(({
+      getCLS,
+      getFID,
+      getFCP,
+      getLCP,
+      getTTFB
+    }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reportWebVitals);
+
+/***/ },
+
+/***/ "../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js!./src/reset.css"
+/*!***************************************************************************************************************!*\
+  !*** ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js!./src/reset.css ***!
+  \***************************************************************************************************************/
+(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 _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "../../node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "../../node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "body {\n  margin: 0;\n  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n", "",{"version":3,"sources":["webpack://./src/reset.css"],"names":[],"mappings":"AAAA;EACE,SAAS;EACT;;cAEY;EACZ,mCAAmC;EACnC,kCAAkC;AACpC","sourcesContent":["body {\n  margin: 0;\n  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ },
+
+/***/ "./src/reset.css"
+/*!***********************!*\
+  !*** ./src/reset.css ***!
+  \***********************/
+(__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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../../node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "../../node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../../node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "../../node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_postcss_loader_dist_cjs_js_reset_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/postcss-loader/dist/cjs.js!./reset.css */ "../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js!./src/reset.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_postcss_loader_dist_cjs_js_reset_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_postcss_loader_dist_cjs_js_reset_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_postcss_loader_dist_cjs_js_reset_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_postcss_loader_dist_cjs_js_reset_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
+/***/ }
+
+}]);
+//# sourceMappingURL=src_bootstrap_tsx-webpack_sharing_consume_default_react-dom_react-dom.js.map