@module-federation/bridge-react-webpack-plugin 0.0.0-perf-devtools-20260107043700 → 0.0.0-perf-website-code-usage-20260914033703

package/__tests__/mockRouterDir/router-v5/react-router-dom/package.json

@@ -1,71 +0,0 @@
-{
-  "name": "react-router-dom",
-  "version": "5.3.4",
-  "description": "DOM bindings for React Router",
-  "homepage": "https://reactrouter.com/",
-  "repository": {
-    "url": "https://github.com/remix-run/react-router.git",
-    "type": "git",
-    "directory": "packages/react-router-dom"
-  },
-  "license": "MIT",
-  "author": "Remix Software <hello@remix.run>",
-  "files": [
-    "LICENSE",
-    "README.md",
-    "BrowserRouter.js",
-    "HashRouter.js",
-    "Link.js",
-    "MemoryRouter.js",
-    "NavLink.js",
-    "Prompt.js",
-    "Redirect.js",
-    "Route.js",
-    "Router.js",
-    "StaticRouter.js",
-    "Switch.js",
-    "cjs",
-    "es",
-    "esm",
-    "index.js",
-    "generatePath.js",
-    "matchPath.js",
-    "modules/*.js",
-    "modules/utils/*.js",
-    "withRouter.js",
-    "warnAboutDeprecatedCJSRequire.js",
-    "umd"
-  ],
-  "main": "index.js",
-  "module": "esm/react-router-dom.js",
-  "sideEffects": false,
-  "scripts": {
-    "build": "rollup -c",
-    "lint": "eslint modules"
-  },
-  "peerDependencies": {
-    "react": ">=15"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.12.13",
-    "history": "^4.9.0",
-    "loose-envify": "^1.3.1",
-    "prop-types": "^15.6.2",
-    "react-router": "5.3.4",
-    "tiny-invariant": "^1.0.2",
-    "tiny-warning": "^1.0.0"
-  },
-  "browserify": {
-    "transform": [
-      "loose-envify"
-    ]
-  },
-  "keywords": [
-    "react",
-    "router",
-    "route",
-    "routing",
-    "history",
-    "link"
-  ]
-}

package/__tests__/mockRouterDir/router-v6/react-router-dom/package.json

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

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

@@ -1,45 +0,0 @@
-{
-  "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,102 +0,0 @@
-import path from 'node:path';
-import { checkVersion, findPackageJson } from '../src/utils';
-import { getBridgeRouterAlias } from '../src/router-alias';
-
-const resolveRouterV5 = path.resolve(
-  __dirname,
-  '../__tests__/mockRouterDir/router-v5/react-router-dom',
-);
-const resolveRouterV5_PkgPath = path.resolve(
-  __dirname,
-  '../__tests__/mockRouterDir/router-v5/react-router-dom/package.json',
-);
-const resolveRouterV6 = path.resolve(
-  __dirname,
-  '../__tests__/mockRouterDir/router-v6/react-router-dom/dist/main.js',
-);
-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', () => {
-    expect(checkVersion('5.0.0')).toBe(5);
-  });
-
-  it('should return 5', () => {
-    expect(checkVersion('^5.0.0')).toBe(5);
-  });
-
-  it('should return 6', () => {
-    expect(checkVersion('6.0.0')).toBe(6);
-  });
-
-  it('should return 6', () => {
-    expect(checkVersion('~6.0.0')).toBe(6);
-  });
-
-  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, 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, v6 and react-router v7', () => {
-  it('should return the correct alias for router v5', () => {
-    const res = getBridgeRouterAlias(resolveRouterV5);
-    expect(res).toEqual({
-      'react-router-dom$':
-        '@module-federation/bridge-react/dist/router-v5.es.js',
-      'react-router-dom/index.js': resolveRouterV5,
-    });
-  });
-
-  it('should return the correct alias for router v6', () => {
-    const res = getBridgeRouterAlias(resolveRouterV6);
-    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/project.json

@@ -1,29 +0,0 @@
-{
-  "name": "bridge-react-webpack-plugin",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/bridge/bridge-react-webpack-plugin/src",
-  "projectType": "library",
-  "tags": ["type:pkg"],
-  "targets": {
-    "build": {
-      "executor": "nx:run-commands",
-      "options": {
-        "commands": [
-          "npm run build --prefix packages/bridge/bridge-react-webpack-plugin"
-        ]
-      }
-    },
-    "test": {
-      "executor": "nx:run-commands",
-      "options": {
-        "parallel": false,
-        "commands": [
-          {
-            "command": "vitest run -c packages/bridge/bridge-react-webpack-plugin/vitest.config.ts",
-            "forwardAllArgs": false
-          }
-        ]
-      }
-    }
-  }
-}

package/src/index.ts

@@ -1,62 +0,0 @@
-import fs from 'node:fs';
-import path from 'node:path';
-import type { moduleFederationPlugin } from '@module-federation/sdk';
-import { getBridgeRouterAlias } from './router-alias';
-
-class ReactBridgeAliasChangerPlugin {
-  alias: string;
-  targetFile: string;
-  moduleFederationOptions: moduleFederationPlugin.ModuleFederationPluginOptions;
-  constructor(info: {
-    moduleFederationOptions: moduleFederationPlugin.ModuleFederationPluginOptions;
-  }) {
-    this.moduleFederationOptions = info.moduleFederationOptions;
-    this.alias = 'react-router-dom$';
-    this.targetFile = '@module-federation/bridge-react/dist/router.es.js';
-
-    if (this.moduleFederationOptions.shared) {
-      if (Array.isArray(this.moduleFederationOptions.shared)) {
-        if (this.moduleFederationOptions.shared.includes('react-router-dom')) {
-          throw Error(
-            'React-router-dom cannot be set to shared after react bridge is used',
-          );
-        }
-      } else {
-        if (this.moduleFederationOptions.shared['react-router-dom']) {
-          throw Error(
-            'React-router-dom cannot be set to shared after react bridge is used',
-          );
-        }
-      }
-    }
-  }
-
-  apply(compiler: any) {
-    compiler.hooks.afterEnvironment.tap('ReactBridgeAliasPlugin', () => {
-      // Gets the path to the node_modules directory
-      const nodeModulesPath = path.resolve(compiler.context, 'node_modules');
-      const targetFilePath = path.join(nodeModulesPath, this.targetFile);
-
-      if (fs.existsSync(targetFilePath)) {
-        const originalResolve = compiler.options.resolve || {};
-        const originalAlias = originalResolve.alias || {};
-
-        // Update alias - set up router version alias
-        const updatedAlias: Record<string, string> = {
-          // allow `alias` can be override
-          // [this.alias]: targetFilePath,
-          ...getBridgeRouterAlias(originalAlias['react-router-dom']),
-          ...originalAlias,
-        };
-
-        // Update the webpack configuration
-        compiler.options.resolve = {
-          ...originalResolve,
-          alias: updatedAlias,
-        };
-      }
-    });
-  }
-}
-
-export default ReactBridgeAliasChangerPlugin;

package/src/router-alias.ts

@@ -1,124 +0,0 @@
-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

@@ -1,52 +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') &&
-    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/tsconfig.json

@@ -1,42 +0,0 @@
-{
-  "compilerOptions": {
-    "useDefineForClassFields": true,
-
-    /* Bundler mode */
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-
-    "declarationDir": "./dist/types",
-    "rootDir": "./src",
-    "module": "commonjs",
-    "target": "es5",
-
-    /* Linting */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "outDir": "dist",
-    "skipLibCheck": true,
-    "strict": true,
-    "moduleResolution": "node",
-    "lib": ["esnext", "dom"],
-    "jsx": "preserve",
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "sourceMap": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "src/remoteApp.tsx",
-    "src/create.ts"
-  ],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,24 +0,0 @@
-import { defineConfig } from 'vite';
-import path from 'path';
-import dts from 'vite-plugin-dts';
-
-export default defineConfig({
-  plugins: [
-    dts({
-      rollupTypes: true,
-    }),
-  ],
-  build: {
-    lib: {
-      entry: {
-        index: path.resolve(__dirname, 'src/index.ts'),
-      },
-      formats: ['cjs', 'es'],
-      fileName: (format, entryName) => `${entryName}.${format}.js`,
-    },
-    rollupOptions: {
-      external: ['node:fs', 'node:path'],
-    },
-    minify: false,
-  },
-});

package/vitest.config.ts

@@ -1,22 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-import path from 'path';
-export default defineConfig({
-  define: {
-    __DEV__: true,
-    __TEST__: true,
-    __BROWSER__: false,
-    __VERSION__: '"unknown"',
-    __APP_VERSION__: '"0.0.0"',
-  },
-  plugins: [nxViteTsPaths()],
-  test: {
-    environment: 'jsdom',
-    include: [
-      path.resolve(__dirname, '__tests__/*.spec.ts'),
-      path.resolve(__dirname, '__tests__/*.spec.tsx'),
-    ],
-    globals: true,
-    testTimeout: 10000,
-  },
-});