@appshell/react-shell 1.0.0-alpha.34 → 1.0.0-alpha.36

package/dist/dev/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "Appshell",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "1.0.0-alpha.34",
+      "buildVersion": "1.0.0-alpha.36",
       "buildName": "@appshell/react-shell"
     },
     "remoteEntry": {
@@ -27,9 +27,9 @@
     {
       "id": "Appshell:@appshell/react",
       "name": "@appshell/react",
-      "version": "1.0.0-alpha.34",
+      "version": "1.0.0-alpha.36",
       "singleton": true,
-      "requiredVersion": "^1.0.0-alpha.34",
+      "requiredVersion": "^1.0.0-alpha.36",
       "assets": {
         "js": {
           "async": [],
@@ -48,9 +48,9 @@
     {
       "id": "Appshell:@appshell/runtime",
       "name": "@appshell/runtime",
-      "version": "1.0.0-alpha.34",
+      "version": "1.0.0-alpha.36",
       "singleton": true,
-      "requiredVersion": "^1.0.0-alpha.34",
+      "requiredVersion": "^1.0.0-alpha.36",
       "assets": {
         "js": {
           "async": [],
@@ -85,6 +85,26 @@
       },
       "fallback": ""
     },
+    {
+      "id": "Appshell:react/jsx-runtime",
+      "name": "react/jsx-runtime",
+      "version": "18.2.0",
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "vendors-node_modules_react_jsx-runtime_js.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "fallback": ""
+    },
     {
       "id": "Appshell:react",
       "name": "react",

package/dist/dev/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "Appshell",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "1.0.0-alpha.34",
+      "buildVersion": "1.0.0-alpha.36",
       "buildName": "@appshell/react-shell"
     },
     "remoteEntry": {
@@ -26,10 +26,10 @@
   "shared": [
     {
       "singleton": true,
-      "requiredVersion": "^1.0.0-alpha.34",
+      "requiredVersion": "^1.0.0-alpha.36",
       "shareScope": "default",
       "name": "@appshell/react",
-      "version": "1.0.0-alpha.34",
+      "version": "1.0.0-alpha.36",
       "eager": false,
       "id": "Appshell:@appshell/react",
       "assets": {
@@ -51,10 +51,10 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^1.0.0-alpha.34",
+      "requiredVersion": "^1.0.0-alpha.36",
       "shareScope": "default",
       "name": "@appshell/runtime",
-      "version": "1.0.0-alpha.34",
+      "version": "1.0.0-alpha.36",
       "eager": false,
       "id": "Appshell:@appshell/runtime",
       "assets": {
@@ -97,6 +97,30 @@
       "usedExports": [],
       "fallback": ""
     },
+    {
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "shareScope": "default",
+      "name": "react/jsx-runtime",
+      "version": "18.2.0",
+      "eager": false,
+      "id": "Appshell:react/jsx-runtime",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "vendors-node_modules_react_jsx-runtime_js.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
+    },
     {
       "singleton": true,
       "requiredVersion": "18.2.0",

package/dist/dev/react_src_index_ts-_f7a70.js

@@ -211,21 +211,25 @@ __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 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__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+}) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("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));
+  },
+  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);
 
 /***/ },
@@ -245,6 +249,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */
 
 
@@ -283,12 +289,15 @@ const RemoteSlot = ({
         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)));
+        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__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_LoadingError__WEBPACK_IMPORTED_MODULE_3__["default"], {
+          setElement(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_LoadingError__WEBPACK_IMPORTED_MODULE_3__["default"], {
             remote: remote,
             reason: `${err}`
           }));
@@ -306,7 +315,9 @@ const RemoteSlot = ({
   // 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);
+  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
@@ -330,14 +341,18 @@ __webpack_require__.r(__webpack_exports__);
 /* 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__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RemoteContext.Provider, {
-  value: remote
-}, children);
+}) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(RemoteContext.Provider, {
+  value: remote,
+  children: children
+});
 RemoteProvider.defaultProps = {
   remote: undefined
 };

package/dist/dev/react_src_index_ts-_f7a70.js.map

@@ -1 +1 @@
-{"version":3,"file":"react_src_index_ts-_f7a70.js","mappings":"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","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 {\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\nexport default 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","/* 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 ??\n    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      setVars(remote.scope, vars);\n\n      const Component = await loadAppshellComponent<TComponent>(\n        remote.scope,\n        remote.module,\n        remote.remoteEntryUrl,\n        remote.shareScope,\n      );\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.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.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 React, { 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 React, { 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 React, { 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","scope","module","remoteEntryUrl","shareScope","console","debug","has","add","entry","exposed","replace","Module","Error","default","setVars","loadAppshellComponent","chainResolvers","inlineResolver","registryResolver","options","composition","window","undefined","__appshell_config__","resolve","resolver","key","failed","err","toString","resolution","remote","vars","Component","origin","url","applicationId","response","fetch","credentials","ok","json","resolvers","React","LoadingError","reason","createElement","style","border","fontSize","useEffect","useState","RemoteProvider","RemoteSlot","fallback","rest","element","setElement","disposed","loadComponent","load","resolved","Object","values","Fragment","defaultProps","createContext","RemoteContext","children","Provider","value","RemoteConsumer","Consumer","useContext","useRemote","jsonResource","status","result","suspender","headers","Accept","then","data","statusText","read"],"sourceRoot":""}
+{"version":3,"file":"react_src_index_ts-_f7a70.js","mappings":"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","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 {\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\nexport default 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","/* 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 ??\n    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      setVars(remote.scope, vars);\n\n      const Component = await loadAppshellComponent<TComponent>(\n        remote.scope,\n        remote.module,\n        remote.remoteEntryUrl,\n        remote.shareScope,\n      );\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.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.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","scope","module","remoteEntryUrl","shareScope","console","debug","has","add","entry","exposed","replace","Module","Error","default","setVars","loadAppshellComponent","chainResolvers","inlineResolver","registryResolver","options","composition","window","undefined","__appshell_config__","resolve","resolver","key","failed","err","toString","resolution","remote","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","load","resolved","Object","values","defaultProps","createContext","RemoteContext","Provider","value","RemoteConsumer","Consumer","React","useContext","useRemote","jsonResource","status","result","suspender","headers","Accept","then","data","statusText","read"],"sourceRoot":""}

package/dist/dev/react_src_index_ts-_f7a71.js

@@ -211,21 +211,25 @@ __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 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__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+}) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("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));
+  },
+  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);
 
 /***/ },
@@ -245,6 +249,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */
 
 
@@ -283,12 +289,15 @@ const RemoteSlot = ({
         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)));
+        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__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_LoadingError__WEBPACK_IMPORTED_MODULE_3__["default"], {
+          setElement(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_LoadingError__WEBPACK_IMPORTED_MODULE_3__["default"], {
             remote: remote,
             reason: `${err}`
           }));
@@ -306,7 +315,9 @@ const RemoteSlot = ({
   // 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);
+  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
@@ -330,14 +341,18 @@ __webpack_require__.r(__webpack_exports__);
 /* 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__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RemoteContext.Provider, {
-  value: remote
-}, children);
+}) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(RemoteContext.Provider, {
+  value: remote,
+  children: children
+});
 RemoteProvider.defaultProps = {
   remote: undefined
 };

package/dist/dev/react_src_index_ts-_f7a71.js.map

@@ -1 +1 @@
-{"version":3,"file":"react_src_index_ts-_f7a71.js","mappings":"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","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/../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 {\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\nexport default 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","/* 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 ??\n    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      setVars(remote.scope, vars);\n\n      const Component = await loadAppshellComponent<TComponent>(\n        remote.scope,\n        remote.module,\n        remote.remoteEntryUrl,\n        remote.shareScope,\n      );\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.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.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","import React, { 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 React, { 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 React, { 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","scope","module","remoteEntryUrl","shareScope","console","debug","has","add","entry","exposed","replace","Module","Error","default","setVars","loadAppshellComponent","chainResolvers","inlineResolver","registryResolver","options","composition","window","undefined","__appshell_config__","resolve","resolver","key","failed","err","toString","resolution","remote","vars","Component","origin","url","applicationId","response","fetch","credentials","ok","json","resolvers","React","LoadingError","reason","createElement","style","border","fontSize","useEffect","useState","RemoteProvider","RemoteSlot","fallback","rest","element","setElement","disposed","loadComponent","load","resolved","Object","values","Fragment","defaultProps","createContext","RemoteContext","children","Provider","value","RemoteConsumer","Consumer","useContext","useRemote","jsonResource","status","result","suspender","headers","Accept","then","data","statusText","read"],"sourceRoot":""}
+{"version":3,"file":"react_src_index_ts-_f7a71.js","mappings":"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","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/../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 {\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\nexport default 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","/* 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 ??\n    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      setVars(remote.scope, vars);\n\n      const Component = await loadAppshellComponent<TComponent>(\n        remote.scope,\n        remote.module,\n        remote.remoteEntryUrl,\n        remote.shareScope,\n      );\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.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.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","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","scope","module","remoteEntryUrl","shareScope","console","debug","has","add","entry","exposed","replace","Module","Error","default","setVars","loadAppshellComponent","chainResolvers","inlineResolver","registryResolver","options","composition","window","undefined","__appshell_config__","resolve","resolver","key","failed","err","toString","resolution","remote","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","load","resolved","Object","values","defaultProps","createContext","RemoteContext","Provider","value","RemoteConsumer","Consumer","React","useContext","useRemote","jsonResource","status","result","suspender","headers","Accept","then","data","statusText","read"],"sourceRoot":""}

package/dist/dev/src_bootstrap_tsx.js

@@ -15,7 +15,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _overlayBadge__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./overlayBadge */ "./src/overlayBadge.ts");
 /* harmony import */ var _reset_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reset.css */ "./src/reset.css");
 /* harmony import */ var _splash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./splash */ "./src/splash.ts");
-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); }
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/sharing/consume/default/react/jsx-runtime/react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__);
 /* eslint-disable react/jsx-props-no-spreading */
 
 
@@ -23,6 +24,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 
+
 const container = document.getElementById('root');
 const root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_2__.createRoot)(container);
 
@@ -41,9 +43,12 @@ const props = composition.rootProps;
 // the registry served — it has to be, because the thing being waited for is the package's
 // own code, and this bundle is fetched before it. All the shell does is take it away.
 (0,_splash__WEBPACK_IMPORTED_MODULE_5__["default"])(container);
-root.render(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().StrictMode), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_appshell_react__WEBPACK_IMPORTED_MODULE_0__.RemoteSlot, _extends({
-  remote: remote
-}, props))));
+root.render(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)((react__WEBPACK_IMPORTED_MODULE_1___default().StrictMode), {
+  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_appshell_react__WEBPACK_IMPORTED_MODULE_0__.RemoteSlot, {
+    remote: remote,
+    ...props
+  })
+}));
 
 /***/ },