@module-federation/bridge-react 2.6.0 → 2.7.0

package/dist/base.cjs.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const createHelpers = require("./createHelpers-DNBacpxb.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DG4e3Tib.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-BjMVNoep.js");
 const lazyUtils = require("./utils-CFTy4LVE.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-CG2l-06N.js");
+const prefetch = require("./prefetch-DLhPTofn.js");
 const createRemoteAppComponent = createHelpers.createRemoteAppComponentFactory(createHelpers.RemoteAppWrapper);
 const createRemoteComponent = createHelpers.createDeprecatedRemoteComponentFactory(
   createRemoteAppComponent

package/dist/base.es.js

@@ -1,9 +1,9 @@
 import { c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory, R as RemoteAppWrapper } from "./createHelpers-BY5Uj9_Z.mjs";
 import { b } from "./createHelpers-BY5Uj9_Z.mjs";
-import { a, c, b as b2, l } from "./lazy-load-component-plugin-BYI941I2.mjs";
+import { a, c, b as b2, l } from "./lazy-load-component-plugin-aj97Vt-4.mjs";
 import { C, a as a2, E, c as c2, b as b3, d, g, r, s } from "./utils-DGS4pYp8.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-DzO9_QQ-.mjs";
+import { p } from "./prefetch-BwRDb4SJ.mjs";
 const createRemoteAppComponent = createRemoteAppComponentFactory(RemoteAppWrapper);
 const createRemoteComponent = createDeprecatedRemoteComponentFactory(
   createRemoteAppComponent

package/dist/data-fetch-utils.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lazyUtils = require("./utils-CFTy4LVE.js");
-const prefetch = require("./prefetch-CG2l-06N.js");
+const prefetch = require("./prefetch-DLhPTofn.js");
 async function callDataFetch() {
   const dataFetch = globalThis[lazyUtils.DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/data-fetch-utils.es.js

@@ -1,7 +1,7 @@
 import { y as DATA_FETCH_FUNCTION } from "./utils-DGS4pYp8.mjs";
 import { C, a, c, b, d, g, r } from "./utils-DGS4pYp8.mjs";
-import { d as dataFetchFunction } from "./prefetch-DzO9_QQ-.mjs";
-import { i, p } from "./prefetch-DzO9_QQ-.mjs";
+import { d as dataFetchFunction } from "./prefetch-BwRDb4SJ.mjs";
+import { i, p } from "./prefetch-BwRDb4SJ.mjs";
 async function callDataFetch() {
   const dataFetch = globalThis[DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/data-fetch.cjs.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DG4e3Tib.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-BjMVNoep.js");
 const lazyUtils = require("./utils-CFTy4LVE.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-CG2l-06N.js");
+const prefetch = require("./prefetch-DLhPTofn.js");
 exports.autoFetchDataPlugin = lazyLoadComponentPlugin.autoFetchData;
 exports.collectSSRAssets = lazyLoadComponentPlugin.collectSSRAssets;
 exports.createLazyComponent = lazyLoadComponentPlugin.createLazyComponent;

package/dist/data-fetch.es.js

@@ -1,7 +1,7 @@
-import { a, c, b, l } from "./lazy-load-component-plugin-BYI941I2.mjs";
+import { a, c, b, l } from "./lazy-load-component-plugin-aj97Vt-4.mjs";
 import { C, a as a2, E, c as c2, b as b2, d, f, g, r, s } from "./utils-DGS4pYp8.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-DzO9_QQ-.mjs";
+import { p } from "./prefetch-BwRDb4SJ.mjs";
 export {
   C as CacheSize,
   a2 as CacheTime,

package/dist/index.cjs.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const createHelpers = require("./createHelpers-DNBacpxb.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DG4e3Tib.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-BjMVNoep.js");
 const lazyUtils = require("./utils-CFTy4LVE.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
 const React = require("react");
 const ReactRouterDOM = require("react-router-dom");
 const index = require("./index-DbjGCKOr.js");
-const prefetch = require("./prefetch-CG2l-06N.js");
+const prefetch = require("./prefetch-DLhPTofn.js");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {

package/dist/index.es.js

@@ -1,12 +1,12 @@
 import { R as RemoteAppWrapper, c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory } from "./createHelpers-BY5Uj9_Z.mjs";
 import { b } from "./createHelpers-BY5Uj9_Z.mjs";
-import { a, c, b as b2, l } from "./lazy-load-component-plugin-BYI941I2.mjs";
+import { a, c, b as b2, l } from "./lazy-load-component-plugin-aj97Vt-4.mjs";
 import { C, a as a2, E, c as c2, b as b3, d, g, r, s } from "./utils-DGS4pYp8.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
 import React__default, { forwardRef, useContext, useState, useEffect } from "react";
 import * as ReactRouterDOM from "react-router-dom";
 import { p as pathJoin, L as LoggerInstance } from "./index-Bs2NxD2z.mjs";
-import { p } from "./prefetch-DzO9_QQ-.mjs";
+import { p } from "./prefetch-BwRDb4SJ.mjs";
 function e() {
   const t = new PopStateEvent("popstate", { state: window.history.state });
   window.dispatchEvent(t);

package/dist/{lazy-load-component-plugin-DG4e3Tib.js → lazy-load-component-plugin-BjMVNoep.js}

@@ -1,5 +1,5 @@
 "use strict";
-const prefetch = require("./prefetch-CG2l-06N.js");
+const prefetch = require("./prefetch-DLhPTofn.js");
 const lazyUtils = require("./utils-CFTy4LVE.js");
 const React = require("react");
 const autoFetchData = () => {

package/dist/{lazy-load-component-plugin-BYI941I2.mjs → lazy-load-component-plugin-aj97Vt-4.mjs}

@@ -1,4 +1,4 @@
-import { i as injectDataFetch, p as prefetch } from "./prefetch-DzO9_QQ-.mjs";
+import { i as injectDataFetch, p as prefetch } from "./prefetch-BwRDb4SJ.mjs";
 import { i as initDataFetchMap, k as isDataLoaderExpose, m as getDataFetchInfo, n as getDataFetchMapKey, l as logger, o as getDataFetchItem, p as DATA_FETCH_CLIENT_SUFFIX, q as MF_DATA_FETCH_TYPE, t as isCSROnly, M as MF_DATA_FETCH_STATUS, j as loadDataFetchModule, e as getDataFetchMap, u as isServerEnv, v as getDataFetchIdWithErrorMsgs, w as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, x as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, y as DATA_FETCH_FUNCTION, z as getLoadedRemoteInfos, h as fetchData$1, A as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils-DGS4pYp8.mjs";
 import React__default, { useRef, useState, Suspense, useEffect } from "react";
 const autoFetchData = () => {

package/dist/lazy-load-component-plugin.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DG4e3Tib.js");
-require("./prefetch-CG2l-06N.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-BjMVNoep.js");
+require("./prefetch-DLhPTofn.js");
 exports.default = lazyLoadComponentPlugin.lazyLoadComponentPlugin;
 exports.lazyLoadComponentPlugin = lazyLoadComponentPlugin.lazyLoadComponentPlugin;

package/dist/lazy-load-component-plugin.es.js

@@ -1,5 +1,5 @@
-import { l, l as l2 } from "./lazy-load-component-plugin-BYI941I2.mjs";
-import "./prefetch-DzO9_QQ-.mjs";
+import { l, l as l2 } from "./lazy-load-component-plugin-aj97Vt-4.mjs";
+import "./prefetch-BwRDb4SJ.mjs";
 export {
   l as default,
   l2 as lazyLoadComponentPlugin

package/dist/{prefetch-DzO9_QQ-.mjs → prefetch-BwRDb4SJ.mjs}

@@ -215,16 +215,12 @@ function importNodeModule(name) {
   sdkImportCache.set(name, promise);
   return promise;
 }
-const loadNodeFetch = async () => {
-  const fetchModule = await importNodeModule("node-fetch");
-  return fetchModule.default || fetchModule;
-};
 const lazyLoaderHookFetch = async (input, init, loaderHook) => {
   const hook = (url, init2) => {
     return loaderHook.lifecycle.fetch.emit(url, init2);
   };
   const res = await hook(input, init || {});
-  if (!res || !(res instanceof Response)) return (typeof fetch === "undefined" ? await loadNodeFetch() : fetch)(input, init || {});
+  if (!res || !(res instanceof Response)) return fetch(input, init || {});
   return res;
 };
 const createScriptNode = typeof ENV_TARGET === "undefined" || ENV_TARGET !== "web" ? (url, cb, attrs, loaderHook) => {
@@ -242,7 +238,7 @@ const createScriptNode = typeof ENV_TARGET === "undefined" || ENV_TARGET !== "we
   }
   const getFetch = async () => {
     if (loaderHook == null ? void 0 : loaderHook.fetch) return (input, init) => lazyLoaderHookFetch(input, init, loaderHook);
-    return typeof fetch === "undefined" ? loadNodeFetch() : fetch;
+    return fetch;
   };
   const handleScriptFetch = async (f, urlObj2) => {
     var _a;
@@ -306,20 +302,82 @@ const loadScriptNode = typeof ENV_TARGET === "undefined" || ENV_TARGET !== "web"
   throw new Error("loadScriptNode is disabled in non-Node.js environment");
 };
 const esmModuleCache = /* @__PURE__ */ new Map();
+const isFetchableRemoteModuleUrl = (url) => url.startsWith("http:") || url.startsWith("https:");
+const isBareModuleSpecifier = (specifier) => !specifier.startsWith("./") && !specifier.startsWith("../") && !specifier.startsWith("/") && !specifier.includes(":");
+function encodeRemoteModulePath(url) {
+  const remoteUrl = new URL(url);
+  const encodedProtocol = encodeURIComponent(remoteUrl.protocol.slice(0, -1));
+  const encodedHost = encodeURIComponent(remoteUrl.host);
+  const encodedPathname = remoteUrl.pathname.split("/").map((segment) => encodeURIComponent(segment)).join("/");
+  const encodedSearchHash = encodeURIComponent(`${remoteUrl.search}${remoteUrl.hash}`);
+  return `/${encodedProtocol}/${encodedHost}${encodedPathname}${encodedSearchHash ? `/${encodedSearchHash}` : ""}`;
+}
+function createImportMetaUrl(url, baseFileUrl) {
+  const baseUrl = baseFileUrl.endsWith("/") ? baseFileUrl : `${baseFileUrl}/`;
+  return new URL(`__module_federation_remote__${encodeRemoteModulePath(url)}`, baseUrl).href;
+}
+async function isNodeBuiltinSpecifier(specifier) {
+  if (specifier.startsWith("node:")) return true;
+  if (!isBareModuleSpecifier(specifier)) return false;
+  return (await importNodeModule("node:module")).builtinModules.includes(specifier);
+}
+function getSyntheticModuleExports(moduleExports) {
+  const namespaceObject = moduleExports && (typeof moduleExports === "object" || typeof moduleExports === "function") ? moduleExports : { default: moduleExports };
+  const effectiveExports = { ...namespaceObject };
+  if (!Object.prototype.hasOwnProperty.call(effectiveExports, "default")) effectiveExports.default = namespaceObject;
+  return effectiveExports;
+}
+async function createSyntheticModuleFromExports(identifier, moduleExports, vm) {
+  if (typeof vm.SyntheticModule !== "function") throw new Error("vm.SyntheticModule is required to load Node.js built-in modules in ESM remote entries.");
+  const effectiveExports = getSyntheticModuleExports(moduleExports);
+  const exportNames = Object.keys(effectiveExports);
+  const syntheticModule = new vm.SyntheticModule(exportNames, function setSyntheticModuleExports() {
+    for (const name of exportNames) this.setExport(name, effectiveExports[name]);
+  }, { identifier });
+  esmModuleCache.set(identifier, syntheticModule);
+  await syntheticModule.link(async () => {
+    throw new Error(`Node.js built-in module "${identifier}" should not request child modules.`);
+  });
+  await syntheticModule.evaluate();
+  return syntheticModule;
+}
+async function loadNodeBuiltinModule(specifier, vm) {
+  const cacheKey = `node-builtin:${specifier}`;
+  if (esmModuleCache.has(cacheKey)) return esmModuleCache.get(cacheKey);
+  return createSyntheticModuleFromExports(cacheKey, await importNodeModule(specifier), vm);
+}
+async function loadResolvedModule(specifier, parentUrl, options) {
+  if (await isNodeBuiltinSpecifier(specifier)) return loadNodeBuiltinModule(specifier, options.vm);
+  if (isBareModuleSpecifier(specifier)) throw new Error(`Unsupported ESM module specifier "${specifier}". Only relative or absolute http(s) remote modules and Node.js built-in modules are supported.`);
+  const resolvedUrl = new URL(specifier, parentUrl).href;
+  if (!isFetchableRemoteModuleUrl(resolvedUrl)) throw new Error(`Unsupported ESM module specifier "${specifier}" resolved to "${resolvedUrl}". Only http(s) remote modules and Node.js built-in modules are supported.`);
+  return loadModule(resolvedUrl, options);
+}
+async function evaluateDynamicModule(module) {
+  if (module.status === "linked") await module.evaluate();
+  if (module.status === "errored") throw module.error;
+  return module;
+}
 async function loadModule(url, options) {
   if (esmModuleCache.has(url)) return esmModuleCache.get(url);
   const { fetch: fetch2, vm } = options;
+  if (!isFetchableRemoteModuleUrl(url)) throw new Error(`Unsupported ESM module URL "${url}". Only http(s) remote modules and Node.js built-in modules are supported.`);
   const code = await (await fetch2(url)).text();
-  const module = new vm.SourceTextModule(code, { importModuleDynamically: async (specifier, script) => {
-    const resolvedUrl = new URL(specifier, url).href;
-    return loadModule(resolvedUrl, options);
-  } });
-  esmModuleCache.set(url, module);
-  await module.link(async (specifier) => {
-    const resolvedUrl = new URL(specifier, url).href;
-    return await loadModule(resolvedUrl, options);
+  const cwdFileUrl = (await importNodeModule("node:url")).pathToFileURL(process.cwd()).href;
+  const sourceTextModule = new vm.SourceTextModule(code, {
+    identifier: url,
+    initializeImportMeta: (meta) => {
+      meta.url = createImportMetaUrl(url, cwdFileUrl);
+    },
+    importModuleDynamically: async (specifier) => {
+      return evaluateDynamicModule(await loadResolvedModule(specifier, url, options));
+    }
   });
-  return module;
+  esmModuleCache.set(url, sourceTextModule);
+  await sourceTextModule.link(async (specifier) => {
+    return loadResolvedModule(specifier, url, options);
+  });
+  return sourceTextModule;
 }
 const dataFetchFunction = async function(options) {
   var _a, _b;

package/dist/{prefetch-CG2l-06N.js → prefetch-DLhPTofn.js}

@@ -216,16 +216,12 @@ function importNodeModule(name) {
   sdkImportCache.set(name, promise);
   return promise;
 }
-const loadNodeFetch = async () => {
-  const fetchModule = await importNodeModule("node-fetch");
-  return fetchModule.default || fetchModule;
-};
 const lazyLoaderHookFetch = async (input, init, loaderHook) => {
   const hook = (url, init2) => {
     return loaderHook.lifecycle.fetch.emit(url, init2);
   };
   const res = await hook(input, init || {});
-  if (!res || !(res instanceof Response)) return (typeof fetch === "undefined" ? await loadNodeFetch() : fetch)(input, init || {});
+  if (!res || !(res instanceof Response)) return fetch(input, init || {});
   return res;
 };
 const createScriptNode = typeof ENV_TARGET === "undefined" || ENV_TARGET !== "web" ? (url, cb, attrs, loaderHook) => {
@@ -243,7 +239,7 @@ const createScriptNode = typeof ENV_TARGET === "undefined" || ENV_TARGET !== "we
   }
   const getFetch = async () => {
     if (loaderHook == null ? void 0 : loaderHook.fetch) return (input, init) => lazyLoaderHookFetch(input, init, loaderHook);
-    return typeof fetch === "undefined" ? loadNodeFetch() : fetch;
+    return fetch;
   };
   const handleScriptFetch = async (f, urlObj2) => {
     var _a;
@@ -307,20 +303,82 @@ const loadScriptNode = typeof ENV_TARGET === "undefined" || ENV_TARGET !== "web"
   throw new Error("loadScriptNode is disabled in non-Node.js environment");
 };
 const esmModuleCache = /* @__PURE__ */ new Map();
+const isFetchableRemoteModuleUrl = (url) => url.startsWith("http:") || url.startsWith("https:");
+const isBareModuleSpecifier = (specifier) => !specifier.startsWith("./") && !specifier.startsWith("../") && !specifier.startsWith("/") && !specifier.includes(":");
+function encodeRemoteModulePath(url) {
+  const remoteUrl = new URL(url);
+  const encodedProtocol = encodeURIComponent(remoteUrl.protocol.slice(0, -1));
+  const encodedHost = encodeURIComponent(remoteUrl.host);
+  const encodedPathname = remoteUrl.pathname.split("/").map((segment) => encodeURIComponent(segment)).join("/");
+  const encodedSearchHash = encodeURIComponent(`${remoteUrl.search}${remoteUrl.hash}`);
+  return `/${encodedProtocol}/${encodedHost}${encodedPathname}${encodedSearchHash ? `/${encodedSearchHash}` : ""}`;
+}
+function createImportMetaUrl(url, baseFileUrl) {
+  const baseUrl = baseFileUrl.endsWith("/") ? baseFileUrl : `${baseFileUrl}/`;
+  return new URL(`__module_federation_remote__${encodeRemoteModulePath(url)}`, baseUrl).href;
+}
+async function isNodeBuiltinSpecifier(specifier) {
+  if (specifier.startsWith("node:")) return true;
+  if (!isBareModuleSpecifier(specifier)) return false;
+  return (await importNodeModule("node:module")).builtinModules.includes(specifier);
+}
+function getSyntheticModuleExports(moduleExports) {
+  const namespaceObject = moduleExports && (typeof moduleExports === "object" || typeof moduleExports === "function") ? moduleExports : { default: moduleExports };
+  const effectiveExports = { ...namespaceObject };
+  if (!Object.prototype.hasOwnProperty.call(effectiveExports, "default")) effectiveExports.default = namespaceObject;
+  return effectiveExports;
+}
+async function createSyntheticModuleFromExports(identifier, moduleExports, vm) {
+  if (typeof vm.SyntheticModule !== "function") throw new Error("vm.SyntheticModule is required to load Node.js built-in modules in ESM remote entries.");
+  const effectiveExports = getSyntheticModuleExports(moduleExports);
+  const exportNames = Object.keys(effectiveExports);
+  const syntheticModule = new vm.SyntheticModule(exportNames, function setSyntheticModuleExports() {
+    for (const name of exportNames) this.setExport(name, effectiveExports[name]);
+  }, { identifier });
+  esmModuleCache.set(identifier, syntheticModule);
+  await syntheticModule.link(async () => {
+    throw new Error(`Node.js built-in module "${identifier}" should not request child modules.`);
+  });
+  await syntheticModule.evaluate();
+  return syntheticModule;
+}
+async function loadNodeBuiltinModule(specifier, vm) {
+  const cacheKey = `node-builtin:${specifier}`;
+  if (esmModuleCache.has(cacheKey)) return esmModuleCache.get(cacheKey);
+  return createSyntheticModuleFromExports(cacheKey, await importNodeModule(specifier), vm);
+}
+async function loadResolvedModule(specifier, parentUrl, options) {
+  if (await isNodeBuiltinSpecifier(specifier)) return loadNodeBuiltinModule(specifier, options.vm);
+  if (isBareModuleSpecifier(specifier)) throw new Error(`Unsupported ESM module specifier "${specifier}". Only relative or absolute http(s) remote modules and Node.js built-in modules are supported.`);
+  const resolvedUrl = new URL(specifier, parentUrl).href;
+  if (!isFetchableRemoteModuleUrl(resolvedUrl)) throw new Error(`Unsupported ESM module specifier "${specifier}" resolved to "${resolvedUrl}". Only http(s) remote modules and Node.js built-in modules are supported.`);
+  return loadModule(resolvedUrl, options);
+}
+async function evaluateDynamicModule(module2) {
+  if (module2.status === "linked") await module2.evaluate();
+  if (module2.status === "errored") throw module2.error;
+  return module2;
+}
 async function loadModule(url, options) {
   if (esmModuleCache.has(url)) return esmModuleCache.get(url);
   const { fetch: fetch2, vm } = options;
+  if (!isFetchableRemoteModuleUrl(url)) throw new Error(`Unsupported ESM module URL "${url}". Only http(s) remote modules and Node.js built-in modules are supported.`);
   const code = await (await fetch2(url)).text();
-  const module2 = new vm.SourceTextModule(code, { importModuleDynamically: async (specifier, script) => {
-    const resolvedUrl = new URL(specifier, url).href;
-    return loadModule(resolvedUrl, options);
-  } });
-  esmModuleCache.set(url, module2);
-  await module2.link(async (specifier) => {
-    const resolvedUrl = new URL(specifier, url).href;
-    return await loadModule(resolvedUrl, options);
+  const cwdFileUrl = (await importNodeModule("node:url")).pathToFileURL(process.cwd()).href;
+  const sourceTextModule = new vm.SourceTextModule(code, {
+    identifier: url,
+    initializeImportMeta: (meta) => {
+      meta.url = createImportMetaUrl(url, cwdFileUrl);
+    },
+    importModuleDynamically: async (specifier) => {
+      return evaluateDynamicModule(await loadResolvedModule(specifier, url, options));
+    }
   });
-  return module2;
+  esmModuleCache.set(url, sourceTextModule);
+  await sourceTextModule.link(async (specifier) => {
+    return loadResolvedModule(specifier, url, options);
+  });
+  return sourceTextModule;
 }
 const dataFetchFunction = async function(options) {
   var _a, _b;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -140,7 +140,7 @@
   },
   "dependencies": {
     "lru-cache": "10.4.3",
-    "@module-federation/sdk": "2.6.0"
+    "@module-federation/sdk": "2.7.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -158,6 +158,7 @@
   },
   "devDependencies": {
     "react-error-boundary": "^4.1.2",
+    "@rsbuild/plugin-react": "2.1.0",
     "@testing-library/react": "15.0.7",
     "@testing-library/jest-dom": "6.6.3",
     "@types/react": "18.2.79",
@@ -169,19 +170,20 @@
     "react-dom": "18.3.1",
     "react-router-dom": "6.30.3",
     "react-router": "7.16.0",
-    "typescript": "^5.2.2",
+    "typescript": "^6.0.3",
     "vite": "^5.4.21",
     "vite-plugin-dts": "^4.3.0",
-    "hono": "4.12.25",
-    "vitest": "1.6.0",
-    "@module-federation/bridge-shared": "2.6.0",
-    "@module-federation/runtime": "2.6.0",
-    "@module-federation/runtime-core": "2.6.0"
+    "hono": "4.12.26",
+    "@module-federation/bridge-shared": "2.7.0",
+    "@module-federation/runtime-core": "2.7.0",
+    "@module-federation/runtime": "2.7.0"
   },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "test": "pnpm exec jest --config jest.config.ts --passWithNoTests"
+    "test": "pnpm run test:jest && pnpm run test:rstest",
+    "test:jest": "pnpm exec jest --config jest.config.ts --passWithNoTests",
+    "test:rstest": "pnpm exec rstest --passWithNoTests"
   }
 }