chore(bridge-react): adjust bridge-react to structure directory (module-federation#3509)

Author: danpeen

.changeset/thirty-llamas-live.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/bridge-react': patch
+---
+
+chore: adjust bridge-react to structure directory

packages/bridge/bridge-react/__tests__/router.spec.tsx

@@ -8,8 +8,8 @@ import {
   Outlet,
   createBrowserRouter,
 } from 'react-router-dom';
-import { BrowserRouter, RouterProvider } from '../src/router';
-import { RouterContext } from '../src/context';
+import { BrowserRouter, RouterProvider } from '../src/router/default';
+import { RouterContext } from '../src/provider/context';
 import { getHtml, getWindowImpl } from './util';
 
 describe('react router proxy', () => {

packages/bridge/bridge-react/src/index.ts

@@ -1,5 +1,5 @@
-export { createRemoteComponent } from './create';
-export { createBridgeComponent } from './provider';
+export { createRemoteComponent } from './remote/create';
+export { createBridgeComponent } from './provider/create';
 export type {
   ProviderParams,
   RenderFnParams,

packages/bridge/bridge-react/src/compat.ts renamed to packages/bridge/bridge-react/src/provider/compat.ts

@@ -6,7 +6,7 @@ import type {
 } from '@module-federation/bridge-shared';
 import { ErrorBoundary } from 'react-error-boundary';
 import { RouterContext } from './context';
-import { LoggerInstance } from './utils';
+import { LoggerInstance } from '../utils';
 import { federationRuntime } from './plugin';
 import { createRoot } from './compat';
 

packages/bridge/bridge-react/src/context.tsx renamed to packages/bridge/bridge-react/src/provider/context.tsx

@@ -1,5 +1,7 @@
-import type { FederationRuntimePlugin } from '@module-federation/runtime';
-import type { FederationHost } from '@module-federation/runtime';
+import type {
+  FederationRuntimePlugin,
+  FederationHost,
+} from '@module-federation/runtime';
 
 export type FederationRuntimeType = {
   instance: FederationHost | null;

packages/bridge/bridge-react/src/provider.tsx renamed to packages/bridge/bridge-react/src/provider/create.tsx

@@ -10,7 +10,7 @@ import type { ProviderParams } from '@module-federation/bridge-shared';
 import { dispatchPopstateEnv } from '@module-federation/bridge-shared';
 import { ErrorBoundaryPropsWithComponent } from 'react-error-boundary';
 import { LoggerInstance, pathJoin, getRootDomDefaultClassName } from '../utils';
-import { federationRuntime } from '../plugin';
+import { federationRuntime } from '../provider/plugin';
 
 declare const __APP_VERSION__: string;
 export interface RenderFnParams extends ProviderParams {

packages/bridge/bridge-react/src/plugin.ts renamed to packages/bridge/bridge-react/src/provider/plugin.ts

@@ -3,8 +3,8 @@ import {
   ErrorBoundary,
   ErrorBoundaryPropsWithComponent,
 } from 'react-error-boundary';
-import { LoggerInstance } from './utils';
-import RemoteApp from './remote';
+import { LoggerInstance } from '../utils';
+import RemoteApp from './component';
 import type { ProviderParams } from '@module-federation/bridge-shared';
 
 export interface RenderFnParams extends ProviderParams {

packages/bridge/bridge-react/src/remote/index.tsx renamed to packages/bridge/bridge-react/src/remote/component.tsx

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 // The upper alias react-router-dom$ into this file avoids the loop
 import * as ReactRouterDom from 'react-router-dom/';
-import { RouterContext } from './context';
-import { LoggerInstance } from './utils';
+import { RouterContext } from '../provider/context';
+import { LoggerInstance } from '../utils';
 
 function WrapperRouter(
   props:

packages/bridge/bridge-react/src/create.tsx renamed to packages/bridge/bridge-react/src/remote/create.tsx

@@ -2,8 +2,8 @@ import React, { useContext } from 'react';
 // The upper alias react-router-dom$ into this file avoids the loop
 // @ts-ignore
 import * as ReactRouterDom from 'react-router-dom/index.js';
-import { RouterContext } from './context';
-import { LoggerInstance } from './utils';
+import { RouterContext } from '../provider/context';
+import { LoggerInstance } from '../utils';
 
 function WraperRouter(
   props:

packages/bridge/bridge-react/src/router.tsx renamed to packages/bridge/bridge-react/src/router/default.tsx

@@ -1,9 +1,8 @@
 import React, { useContext } from 'react';
 // The upper alias react-router-dom$ into this file avoids the loop
 import * as ReactRouterDom from 'react-router-dom/dist/index.js';
-
-import { RouterContext } from './context';
-import { LoggerInstance } from './utils';
+import { RouterContext } from '../provider/context';
+import { LoggerInstance } from '../utils';
 
 function WraperRouter(
   props:

packages/bridge/bridge-react/src/router-v5.tsx renamed to packages/bridge/bridge-react/src/router/v5.tsx

@@ -21,10 +21,10 @@ export default defineConfig({
     lib: {
       entry: {
         index: path.resolve(__dirname, 'src/index.ts'),
-        plugin: path.resolve(__dirname, 'src/plugin.ts'),
-        router: path.resolve(__dirname, 'src/router.tsx'),
-        'router-v5': path.resolve(__dirname, 'src/router-v5.tsx'),
-        'router-v6': path.resolve(__dirname, 'src/router-v6.tsx'),
+        plugin: path.resolve(__dirname, 'src/provider/plugin.ts'),
+        router: path.resolve(__dirname, 'src/router/default.tsx'),
+        'router-v5': path.resolve(__dirname, 'src/router/v5.tsx'),
+        'router-v6': path.resolve(__dirname, 'src/router/v6.tsx'),
       },
       formats: ['cjs', 'es'],
       fileName: (format, entryName) => `${entryName}.${format}.js`,