feat: module federation

[leegeunhyeok]

Description

Module Federation v2 implementation

refs: https://module-federation.io

Preview

• rollipop start --config rollipop.host.config.ts --port 8081
• rollipop start --config rollipop.remote.config.ts --port 8082

// rollipop.host.config.ts
import { federation } from '@rollipop/plugin-module-federation';
import { defineConfig } from 'rollipop';

export default defineConfig({
  entry: 'src/host/index.ts',
  plugins: [
    federation({
      name: 'host_app',
      remotes: {
        remote_app: 'remote_app@http://localhost:8082/index.bundle',
      },
      shared: {
        react: { singleton: true, eager: true, requiredVersion: '19.2.3' },
        'react-native': { singleton: true, eager: true, requiredVersion: '0.84.1' },
        '@react-navigation/native': { singleton: true, eager: true },
        '@react-navigation/native-stack': { singleton: true, eager: true },
        'react-native-safe-area-context': { singleton: true, eager: true },
        'react-native-screens': { singleton: true, eager: true },
      },
    }),
  ],
});

// rollipop.remote.config.ts
import { federation } from '@rollipop/plugin-module-federation';
import { defineConfig } from 'rollipop';

export default defineConfig({
  entry: 'src/remote/index.ts',
  plugins: [
    federation({
      name: 'remote_app',
      exposes: {
        './RemoteNavigator': './src/remote/exposed/RemoteNavigator.tsx',
      },
      shared: {
        react: { singleton: true, requiredVersion: '19.2.3' },
        'react-native': { singleton: true, requiredVersion: '0.84.1' },
        '@react-navigation/native': { singleton: true },
        '@react-navigation/native-stack': { singleton: true },
        'react-native-safe-area-context': { singleton: true },
        'react-native-screens': { singleton: true },
      },
    }),
  ],
});

// Usage
const LazyRemoteNavigator = React.lazy(() =>
  import('remote_app/RemoteNavigator').then((module: Module) => ({
    default: module.default ?? module,
  })),
);

<Suspense fallback={...}>
  <LazyRemoteNavigator />
</Suspense>

Screen.Recording.2026-05-20.at.00.53.20.mov

[leegeunhyeok]

important

[leegeunhyeok]

TODO