@module-federation/bridge-react-webpack-plugin 0.19.1 → 0.21.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @module-federation/bridge-react-webpack-plugin
 
+## 0.21.0
+
+### Minor Changes
+
+- d225658: feat: Add React Router v7 Support to Module Federation Bridge
+
+### Patch Changes
+
+- Updated dependencies [d1e90a4]
+  - @module-federation/sdk@0.21.0
+
+## 0.20.0
+
+### Patch Changes
+
+- Updated dependencies [37346d4]
+- Updated dependencies [639a83b]
+  - @module-federation/sdk@0.20.0
+
 ## 0.19.1
 
 ### Patch Changes

package/__tests__/mockRouterDir/router-v7/react-router/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "react-router",
+  "version": "7.0.0",
+  "description": "Declarative routing for React applications",
+  "keywords": [
+    "react",
+    "router",
+    "route",
+    "routing",
+    "history",
+    "link"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/remix-run/react-router",
+    "directory": "packages/react-router"
+  },
+  "license": "MIT",
+  "author": "Remix Software <hello@remix.run>",
+  "sideEffects": false,
+  "main": "./dist/main.js",
+  "unpkg": "./dist/umd/react-router.production.min.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "dependencies": {
+    "@remix-run/router": "2.0.0"
+  },
+  "devDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "files": [
+    "dist/",
+    "CHANGELOG.md",
+    "LICENSE.md",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

package/__tests__/utils.spec.ts

@@ -1,9 +1,6 @@
 import path from 'node:path';
-import {
-  checkVersion,
-  findPackageJson,
-  getBridgeRouterAlias,
-} from '../src/utis';
+import { checkVersion, findPackageJson } from '../src/utils';
+import { getBridgeRouterAlias } from '../src/router-alias';
 
 const resolveRouterV5 = path.resolve(
   __dirname,
@@ -21,6 +18,14 @@ const resolveRouterV6_PkgPath = path.resolve(
   __dirname,
   '../__tests__/mockRouterDir/router-v6/react-router-dom/package.json',
 );
+const resolveRouterV7 = path.resolve(
+  __dirname,
+  '../__tests__/mockRouterDir/router-v7/react-router',
+);
+const resolveRouterV7_PkgPath = path.resolve(
+  __dirname,
+  '../__tests__/mockRouterDir/router-v7/react-router/package.json',
+);
 
 describe('test checkVersion: should return the correct major version for react-router-dom', () => {
   it('should return 5', () => {
@@ -42,16 +47,29 @@ describe('test checkVersion: should return the correct major version for react-r
   it('should return 6', () => {
     expect(checkVersion('^6.0.0')).toBe(6);
   });
+
+  it('should return 7', () => {
+    expect(checkVersion('7.0.0')).toBe(7);
+  });
+
+  it('should return 7', () => {
+    expect(checkVersion('~7.0.0')).toBe(7);
+  });
+
+  it('should return 7', () => {
+    expect(checkVersion('^7.0.0')).toBe(7);
+  });
 });
 
-describe('test findPackageJson: should return the correct package.json path for react-router-dom v5 and v6', () => {
+describe('test findPackageJson: should return the correct package.json path for react-router-dom v5, v6 and react-router v7', () => {
   it('should return the package.json path', () => {
     expect(findPackageJson(resolveRouterV5)).toBe(resolveRouterV5_PkgPath);
     expect(findPackageJson(resolveRouterV6)).toBe(resolveRouterV6_PkgPath);
+    expect(findPackageJson(resolveRouterV7)).toBe(resolveRouterV7_PkgPath);
   });
 });
 
-describe('test getBridgeRouterAlias: should return the correct alias for react-router-dom v5 and v6', () => {
+describe('test getBridgeRouterAlias: should return the correct alias for react-router-dom v5, v6 and react-router v7', () => {
   it('should return the correct alias for router v5', () => {
     const res = getBridgeRouterAlias(resolveRouterV5);
     expect(res).toEqual({
@@ -66,6 +84,19 @@ describe('test getBridgeRouterAlias: should return the correct alias for react-r
     expect(res).toEqual({
       'react-router-dom$':
         '@module-federation/bridge-react/dist/router-v6.es.js',
+      'react-router-dom/dist/index.js': resolveRouterV6,
+    });
+  });
+
+  it('should return the correct alias for router v7', () => {
+    const res = getBridgeRouterAlias(resolveRouterV7);
+    expect(res).toEqual({
+      'react-router$': '@module-federation/bridge-react/dist/router-v7.es.js',
+      'react-router-dom$':
+        '@module-federation/bridge-react/dist/router-v7.es.js',
+      'react-router/dist/development/index.js': resolveRouterV7,
+      'react-router/dist/production/index.js': resolveRouterV7,
+      'react-router-dom/dist/index.js': resolveRouterV7,
     });
   });
 });

package/dist/index.cjs.js

@@ -1,27 +1,6 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const fs = require("node:fs");
 const path = require("node:path");
@@ -1625,8 +1604,10 @@ const checkVersion = (version) => {
   const cleanVersion = versionMatch[0];
   if (semver$1.gte(cleanVersion, "5.0.0") && semver$1.lt(cleanVersion, "6.0.0")) {
     return 5;
-  } else if (semver$1.gte(cleanVersion, "6.0.0")) {
+  } else if (semver$1.gte(cleanVersion, "6.0.0") && semver$1.lt(cleanVersion, "7.0.0")) {
     return 6;
+  } else if (semver$1.gte(cleanVersion, "7.0.0")) {
+    return 7;
   }
   return 0;
 };
@@ -1657,72 +1638,95 @@ const getDependencies = () => {
 };
 const reactRouterDomV5AliasPath = "@module-federation/bridge-react/dist/router-v5.es.js";
 const reactRouterDomV6AliasPath = "@module-federation/bridge-react/dist/router-v6.es.js";
+const reactRouterDomV7AliasPath = "@module-federation/bridge-react/dist/router-v7.es.js";
+const createReactRouterV7Alias = (reactRouterDomPath) => {
+  const baseAlias = {
+    "react-router$": reactRouterDomV7AliasPath,
+    "react-router-dom$": reactRouterDomV7AliasPath
+    // Keep compatibility for old imports
+  };
+  const resolvedDistPaths = {
+    "react-router/dist/development/index.js": reactRouterDomPath,
+    "react-router/dist/production/index.js": reactRouterDomPath
+  };
+  const legacyCompatibility = {
+    "react-router-dom/dist/index.js": reactRouterDomPath
+  };
+  return {
+    ...baseAlias,
+    ...resolvedDistPaths,
+    ...legacyCompatibility
+  };
+};
+const createReactRouterV5Alias = (reactRouterDomPath) => {
+  return {
+    "react-router-dom$": reactRouterDomV5AliasPath,
+    "react-router-dom/index.js": reactRouterDomPath
+  };
+};
+const createReactRouterV6Alias = (reactRouterDomPath) => {
+  return {
+    "react-router-dom$": reactRouterDomV6AliasPath,
+    "react-router-dom/dist/index.js": reactRouterDomPath
+  };
+};
 const setRouterAlias = (majorVersion, reactRouterDomPath) => {
-  let bridgeRouterAlias = {};
-  if (majorVersion === 5) {
-    bridgeRouterAlias = {
-      "react-router-dom$": reactRouterDomV5AliasPath
-    };
-    try {
-      require.resolve("react-router-dom/index.js");
-    } catch (error) {
-      bridgeRouterAlias = {
-        ...bridgeRouterAlias,
-        "react-router-dom/index.js": reactRouterDomPath
-      };
-    }
-  } else if (majorVersion === 6) {
-    bridgeRouterAlias = {
-      "react-router-dom$": reactRouterDomV6AliasPath
-    };
-    try {
-      require.resolve("react-router-dom/dist/index.js");
-    } catch (error) {
-      bridgeRouterAlias = {
-        ...bridgeRouterAlias,
-        "react-router-dom/dist/index.js": reactRouterDomPath
-      };
-    }
+  switch (majorVersion) {
+    case 5:
+      return createReactRouterV5Alias(reactRouterDomPath);
+    case 6:
+      return createReactRouterV6Alias(reactRouterDomPath);
+    case 7:
+      return createReactRouterV7Alias(reactRouterDomPath);
+    default:
+      console.warn(
+        `Unsupported React Router version: ${majorVersion}. Defaulting to v7.`
+      );
+      return createReactRouterV7Alias(reactRouterDomPath);
   }
-  return bridgeRouterAlias;
 };
 const getBridgeRouterAlias = (originalAlias) => {
   const userDependencies = getDependencies();
   let reactRouterDomPath = "";
   if (originalAlias) {
     reactRouterDomPath = originalAlias;
+  } else if (userDependencies["react-router"]) {
+    reactRouterDomPath = path.resolve(
+      process.cwd(),
+      "node_modules/react-router"
+    );
   } else if (userDependencies["react-router-dom"]) {
-    try {
-      reactRouterDomPath = path.resolve(
-        process.cwd(),
-        "node_modules/react-router-dom"
-      );
-    } catch (error) {
-      console.log(error);
-    }
+    reactRouterDomPath = path.resolve(
+      process.cwd(),
+      "node_modules/react-router-dom"
+    );
   }
   if (reactRouterDomPath) {
-    const packageJsonPath = findPackageJson(reactRouterDomPath) || "";
-    const packageJsonContent = JSON.parse(
-      fs.readFileSync(packageJsonPath, "utf-8")
-    );
-    const majorVersion = checkVersion(packageJsonContent.version);
-    const bridgeRouterAlias = setRouterAlias(majorVersion, reactRouterDomPath);
-    console.log(
-      "<<<<<<<<<<<<< bridgeRouterAlias >>>>>>>>>>>>>",
-      bridgeRouterAlias
-    );
-    return bridgeRouterAlias;
-  } else {
-    const bridgeRouterAlias = {
-      "react-router-dom$": reactRouterDomV6AliasPath
-    };
-    console.log(
-      "<<<<<<<<<<<<< default bridgeRouterAlias >>>>>>>>>>>>>",
-      bridgeRouterAlias
-    );
-    return bridgeRouterAlias;
+    const packageJsonPath = findPackageJson(reactRouterDomPath);
+    if (packageJsonPath) {
+      const packageJsonContent = JSON.parse(
+        fs.readFileSync(packageJsonPath, "utf-8")
+      );
+      const majorVersion = checkVersion(packageJsonContent.version);
+      const bridgeRouterAlias2 = setRouterAlias(
+        majorVersion,
+        reactRouterDomPath
+      );
+      console.log(
+        "<<<<<<<<<<<<< bridgeRouterAlias >>>>>>>>>>>>>",
+        bridgeRouterAlias2
+      );
+      return bridgeRouterAlias2;
+    }
   }
+  const bridgeRouterAlias = {
+    "react-router-dom$": reactRouterDomV6AliasPath
+  };
+  console.log(
+    "<<<<<<<<<<<<< default bridgeRouterAlias >>>>>>>>>>>>>",
+    bridgeRouterAlias
+  );
+  return bridgeRouterAlias;
 };
 class ReactBridgeAliasChangerPlugin {
   constructor(info) {

package/dist/index.es.js

@@ -1603,8 +1603,10 @@ const checkVersion = (version) => {
   const cleanVersion = versionMatch[0];
   if (semver$1.gte(cleanVersion, "5.0.0") && semver$1.lt(cleanVersion, "6.0.0")) {
     return 5;
-  } else if (semver$1.gte(cleanVersion, "6.0.0")) {
+  } else if (semver$1.gte(cleanVersion, "6.0.0") && semver$1.lt(cleanVersion, "7.0.0")) {
     return 6;
+  } else if (semver$1.gte(cleanVersion, "7.0.0")) {
+    return 7;
   }
   return 0;
 };
@@ -1635,72 +1637,95 @@ const getDependencies = () => {
 };
 const reactRouterDomV5AliasPath = "@module-federation/bridge-react/dist/router-v5.es.js";
 const reactRouterDomV6AliasPath = "@module-federation/bridge-react/dist/router-v6.es.js";
+const reactRouterDomV7AliasPath = "@module-federation/bridge-react/dist/router-v7.es.js";
+const createReactRouterV7Alias = (reactRouterDomPath) => {
+  const baseAlias = {
+    "react-router$": reactRouterDomV7AliasPath,
+    "react-router-dom$": reactRouterDomV7AliasPath
+    // Keep compatibility for old imports
+  };
+  const resolvedDistPaths = {
+    "react-router/dist/development/index.js": reactRouterDomPath,
+    "react-router/dist/production/index.js": reactRouterDomPath
+  };
+  const legacyCompatibility = {
+    "react-router-dom/dist/index.js": reactRouterDomPath
+  };
+  return {
+    ...baseAlias,
+    ...resolvedDistPaths,
+    ...legacyCompatibility
+  };
+};
+const createReactRouterV5Alias = (reactRouterDomPath) => {
+  return {
+    "react-router-dom$": reactRouterDomV5AliasPath,
+    "react-router-dom/index.js": reactRouterDomPath
+  };
+};
+const createReactRouterV6Alias = (reactRouterDomPath) => {
+  return {
+    "react-router-dom$": reactRouterDomV6AliasPath,
+    "react-router-dom/dist/index.js": reactRouterDomPath
+  };
+};
 const setRouterAlias = (majorVersion, reactRouterDomPath) => {
-  let bridgeRouterAlias = {};
-  if (majorVersion === 5) {
-    bridgeRouterAlias = {
-      "react-router-dom$": reactRouterDomV5AliasPath
-    };
-    try {
-      require.resolve("react-router-dom/index.js");
-    } catch (error) {
-      bridgeRouterAlias = {
-        ...bridgeRouterAlias,
-        "react-router-dom/index.js": reactRouterDomPath
-      };
-    }
-  } else if (majorVersion === 6) {
-    bridgeRouterAlias = {
-      "react-router-dom$": reactRouterDomV6AliasPath
-    };
-    try {
-      require.resolve("react-router-dom/dist/index.js");
-    } catch (error) {
-      bridgeRouterAlias = {
-        ...bridgeRouterAlias,
-        "react-router-dom/dist/index.js": reactRouterDomPath
-      };
-    }
+  switch (majorVersion) {
+    case 5:
+      return createReactRouterV5Alias(reactRouterDomPath);
+    case 6:
+      return createReactRouterV6Alias(reactRouterDomPath);
+    case 7:
+      return createReactRouterV7Alias(reactRouterDomPath);
+    default:
+      console.warn(
+        `Unsupported React Router version: ${majorVersion}. Defaulting to v7.`
+      );
+      return createReactRouterV7Alias(reactRouterDomPath);
   }
-  return bridgeRouterAlias;
 };
 const getBridgeRouterAlias = (originalAlias) => {
   const userDependencies = getDependencies();
   let reactRouterDomPath = "";
   if (originalAlias) {
     reactRouterDomPath = originalAlias;
+  } else if (userDependencies["react-router"]) {
+    reactRouterDomPath = path.resolve(
+      process.cwd(),
+      "node_modules/react-router"
+    );
   } else if (userDependencies["react-router-dom"]) {
-    try {
-      reactRouterDomPath = path.resolve(
-        process.cwd(),
-        "node_modules/react-router-dom"
-      );
-    } catch (error) {
-      console.log(error);
-    }
+    reactRouterDomPath = path.resolve(
+      process.cwd(),
+      "node_modules/react-router-dom"
+    );
   }
   if (reactRouterDomPath) {
-    const packageJsonPath = findPackageJson(reactRouterDomPath) || "";
-    const packageJsonContent = JSON.parse(
-      fs.readFileSync(packageJsonPath, "utf-8")
-    );
-    const majorVersion = checkVersion(packageJsonContent.version);
-    const bridgeRouterAlias = setRouterAlias(majorVersion, reactRouterDomPath);
-    console.log(
-      "<<<<<<<<<<<<< bridgeRouterAlias >>>>>>>>>>>>>",
-      bridgeRouterAlias
-    );
-    return bridgeRouterAlias;
-  } else {
-    const bridgeRouterAlias = {
-      "react-router-dom$": reactRouterDomV6AliasPath
-    };
-    console.log(
-      "<<<<<<<<<<<<< default bridgeRouterAlias >>>>>>>>>>>>>",
-      bridgeRouterAlias
-    );
-    return bridgeRouterAlias;
+    const packageJsonPath = findPackageJson(reactRouterDomPath);
+    if (packageJsonPath) {
+      const packageJsonContent = JSON.parse(
+        fs.readFileSync(packageJsonPath, "utf-8")
+      );
+      const majorVersion = checkVersion(packageJsonContent.version);
+      const bridgeRouterAlias2 = setRouterAlias(
+        majorVersion,
+        reactRouterDomPath
+      );
+      console.log(
+        "<<<<<<<<<<<<< bridgeRouterAlias >>>>>>>>>>>>>",
+        bridgeRouterAlias2
+      );
+      return bridgeRouterAlias2;
+    }
   }
+  const bridgeRouterAlias = {
+    "react-router-dom$": reactRouterDomV6AliasPath
+  };
+  console.log(
+    "<<<<<<<<<<<<< default bridgeRouterAlias >>>>>>>>>>>>>",
+    bridgeRouterAlias
+  );
+  return bridgeRouterAlias;
 };
 class ReactBridgeAliasChangerPlugin {
   constructor(info) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react-webpack-plugin",
-  "version": "0.19.1",
+  "version": "0.21.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,11 +25,11 @@
   "dependencies": {
     "semver": "7.6.3",
     "@types/semver": "7.5.8",
-    "@module-federation/sdk": "0.19.1"
+    "@module-federation/sdk": "0.21.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
-    "vite": "^5.4.18",
+    "vite": "^5.4.20",
     "vite-plugin-dts": "^4.3.0"
   },
   "scripts": {

package/src/index.ts

@@ -1,7 +1,7 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import type { moduleFederationPlugin } from '@module-federation/sdk';
-import { getBridgeRouterAlias } from './utis';
+import { getBridgeRouterAlias } from './router-alias';
 
 class ReactBridgeAliasChangerPlugin {
   alias: string;

package/src/router-alias.ts

@@ -0,0 +1,124 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { checkVersion, findPackageJson, getDependencies } from './utils';
+
+const reactRouterDomV5AliasPath =
+  '@module-federation/bridge-react/dist/router-v5.es.js';
+const reactRouterDomV6AliasPath =
+  '@module-federation/bridge-react/dist/router-v6.es.js';
+const reactRouterDomV7AliasPath =
+  '@module-federation/bridge-react/dist/router-v7.es.js';
+
+const createReactRouterV7Alias = (
+  reactRouterDomPath: string,
+): Record<string, string> => {
+  const baseAlias = {
+    'react-router$': reactRouterDomV7AliasPath,
+    'react-router-dom$': reactRouterDomV7AliasPath, // Keep compatibility for old imports
+  };
+
+  const resolvedDistPaths: Record<string, string> = {
+    'react-router/dist/development/index.js': reactRouterDomPath,
+    'react-router/dist/production/index.js': reactRouterDomPath,
+  };
+
+  const legacyCompatibility: Record<string, string> = {
+    'react-router-dom/dist/index.js': reactRouterDomPath,
+  };
+
+  return {
+    ...baseAlias,
+    ...resolvedDistPaths,
+    ...legacyCompatibility,
+  };
+};
+
+const createReactRouterV5Alias = (
+  reactRouterDomPath: string,
+): Record<string, string> => {
+  return {
+    'react-router-dom$': reactRouterDomV5AliasPath,
+    'react-router-dom/index.js': reactRouterDomPath,
+  };
+};
+
+const createReactRouterV6Alias = (
+  reactRouterDomPath: string,
+): Record<string, string> => {
+  return {
+    'react-router-dom$': reactRouterDomV6AliasPath,
+    'react-router-dom/dist/index.js': reactRouterDomPath,
+  };
+};
+
+const setRouterAlias = (
+  majorVersion: number,
+  reactRouterDomPath: string,
+): Record<string, string> => {
+  switch (majorVersion) {
+    case 5:
+      return createReactRouterV5Alias(reactRouterDomPath);
+    case 6:
+      return createReactRouterV6Alias(reactRouterDomPath);
+    case 7:
+      return createReactRouterV7Alias(reactRouterDomPath);
+    default:
+      console.warn(
+        `Unsupported React Router version: ${majorVersion}. Defaulting to v7.`,
+      );
+      return createReactRouterV7Alias(reactRouterDomPath);
+  }
+};
+
+export const getBridgeRouterAlias = (
+  originalAlias: string,
+): Record<string, string> => {
+  const userDependencies = getDependencies();
+  let reactRouterDomPath = '';
+
+  if (originalAlias) {
+    reactRouterDomPath = originalAlias;
+  } else if (userDependencies['react-router']) {
+    // React Router v7 uses 'react-router' package name
+    reactRouterDomPath = path.resolve(
+      process.cwd(),
+      'node_modules/react-router',
+    );
+  } else if (userDependencies['react-router-dom']) {
+    // React Router v5/v6 uses 'react-router-dom' package name
+    reactRouterDomPath = path.resolve(
+      process.cwd(),
+      'node_modules/react-router-dom',
+    );
+  }
+
+  // Generate alias based on detected router package
+  if (reactRouterDomPath) {
+    const packageJsonPath = findPackageJson(reactRouterDomPath);
+    if (packageJsonPath) {
+      const packageJsonContent = JSON.parse(
+        fs.readFileSync(packageJsonPath, 'utf-8'),
+      );
+      const majorVersion = checkVersion(packageJsonContent.version);
+      const bridgeRouterAlias = setRouterAlias(
+        majorVersion,
+        reactRouterDomPath,
+      );
+      console.log(
+        '<<<<<<<<<<<<< bridgeRouterAlias >>>>>>>>>>>>>',
+        bridgeRouterAlias,
+      );
+      return bridgeRouterAlias;
+    }
+  }
+
+  // Default to v6 which uses 'react-router-dom'
+  const bridgeRouterAlias = {
+    'react-router-dom$': reactRouterDomV6AliasPath,
+  };
+  console.log(
+    '<<<<<<<<<<<<< default bridgeRouterAlias >>>>>>>>>>>>>',
+    bridgeRouterAlias,
+  );
+  return bridgeRouterAlias;
+};

package/src/utils.ts

@@ -0,0 +1,52 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import semver from 'semver';
+
+export const checkVersion = (version: string) => {
+  // Extract the version number starting from the first digit
+  const versionMatch = version.match(/\d.*/);
+  if (!versionMatch) return 0;
+
+  const cleanVersion = versionMatch[0];
+
+  if (semver.gte(cleanVersion, '5.0.0') && semver.lt(cleanVersion, '6.0.0')) {
+    return 5;
+  } else if (
+    semver.gte(cleanVersion, '6.0.0') &&
+    semver.lt(cleanVersion, '7.0.0')
+  ) {
+    return 6;
+  } else if (semver.gte(cleanVersion, '7.0.0')) {
+    return 7;
+  }
+
+  return 0;
+};
+
+export const findPackageJson = (startPath: string): string | null => {
+  let currentPath = startPath;
+  while (currentPath !== path.parse(currentPath).root) {
+    const packageJsonPath = path.join(currentPath, 'package.json');
+    if (fs.existsSync(packageJsonPath)) {
+      return packageJsonPath;
+    }
+    currentPath = path.dirname(currentPath);
+  }
+  return null;
+};
+
+export const getDependencies = () => {
+  const userPackageJsonPath = path.resolve(process.cwd(), 'package.json');
+  let userDependencies: Record<string, string> = {};
+
+  if (fs.existsSync(userPackageJsonPath)) {
+    const userPackageJson = JSON.parse(
+      fs.readFileSync(userPackageJsonPath, 'utf-8'),
+    );
+    userDependencies = {
+      ...userPackageJson.dependencies,
+      ...userPackageJson.devDependencies,
+    };
+  }
+  return userDependencies;
+};

package/src/utis.ts

@@ -1,128 +0,0 @@
-import fs from 'node:fs';
-import path from 'node:path';
-import semver from 'semver';
-
-export const checkVersion = (version: string) => {
-  // Extract the version number starting from the first digit
-  const versionMatch = version.match(/\d.*/);
-  if (!versionMatch) return 0;
-
-  const cleanVersion = versionMatch[0];
-
-  if (semver.gte(cleanVersion, '5.0.0') && semver.lt(cleanVersion, '6.0.0')) {
-    return 5;
-  } else if (semver.gte(cleanVersion, '6.0.0')) {
-    return 6;
-  }
-
-  return 0;
-};
-
-export const findPackageJson = (startPath: string): string | null => {
-  let currentPath = startPath;
-  while (currentPath !== path.parse(currentPath).root) {
-    const packageJsonPath = path.join(currentPath, 'package.json');
-    if (fs.existsSync(packageJsonPath)) {
-      return packageJsonPath;
-    }
-    currentPath = path.dirname(currentPath);
-  }
-  return null;
-};
-
-const getDependencies = () => {
-  const userPackageJsonPath = path.resolve(process.cwd(), 'package.json');
-  let userDependencies: Record<string, string> = {};
-
-  if (fs.existsSync(userPackageJsonPath)) {
-    const userPackageJson = JSON.parse(
-      fs.readFileSync(userPackageJsonPath, 'utf-8'),
-    );
-    userDependencies = {
-      ...userPackageJson.dependencies,
-      ...userPackageJson.devDependencies,
-    };
-  }
-  return userDependencies;
-};
-
-const reactRouterDomV5AliasPath =
-  '@module-federation/bridge-react/dist/router-v5.es.js';
-const reactRouterDomV6AliasPath =
-  '@module-federation/bridge-react/dist/router-v6.es.js';
-
-const setRouterAlias = (majorVersion: number, reactRouterDomPath: string) => {
-  let bridgeRouterAlias = {};
-  if (majorVersion === 5) {
-    bridgeRouterAlias = {
-      'react-router-dom$': reactRouterDomV5AliasPath,
-    };
-    try {
-      require.resolve('react-router-dom/index.js');
-    } catch (error) {
-      // if react-router-dom/index.js cannot be resolved, set the alias to origin reactRouterDomPath
-      bridgeRouterAlias = {
-        ...bridgeRouterAlias,
-        'react-router-dom/index.js': reactRouterDomPath,
-      };
-    }
-  } else if (majorVersion === 6) {
-    bridgeRouterAlias = {
-      'react-router-dom$': reactRouterDomV6AliasPath,
-    };
-    try {
-      require.resolve('react-router-dom/dist/index.js');
-    } catch (error) {
-      // if react-router-dom/dist/index.js cannot be resolved, set the alias to origin reactRouterDomPath
-      bridgeRouterAlias = {
-        ...bridgeRouterAlias,
-        'react-router-dom/dist/index.js': reactRouterDomPath,
-      };
-    }
-  }
-  return bridgeRouterAlias;
-};
-
-export const getBridgeRouterAlias = (
-  originalAlias: string,
-): Record<string, string> => {
-  const userDependencies = getDependencies();
-  let reactRouterDomPath = '';
-
-  if (originalAlias) {
-    reactRouterDomPath = originalAlias;
-  } else if (userDependencies['react-router-dom']) {
-    try {
-      reactRouterDomPath = path.resolve(
-        process.cwd(),
-        'node_modules/react-router-dom',
-      );
-    } catch (error) {
-      console.log(error);
-    }
-  }
-
-  // if find react-router-dom in package.json
-  if (reactRouterDomPath) {
-    const packageJsonPath = findPackageJson(reactRouterDomPath) || '';
-    const packageJsonContent = JSON.parse(
-      fs.readFileSync(packageJsonPath, 'utf-8'),
-    );
-    const majorVersion = checkVersion(packageJsonContent.version);
-    const bridgeRouterAlias = setRouterAlias(majorVersion, reactRouterDomPath);
-    console.log(
-      '<<<<<<<<<<<<< bridgeRouterAlias >>>>>>>>>>>>>',
-      bridgeRouterAlias,
-    );
-    return bridgeRouterAlias;
-  } else {
-    const bridgeRouterAlias = {
-      'react-router-dom$': reactRouterDomV6AliasPath,
-    };
-    console.log(
-      '<<<<<<<<<<<<< default bridgeRouterAlias >>>>>>>>>>>>>',
-      bridgeRouterAlias,
-    );
-    return bridgeRouterAlias;
-  }
-};