"scripts": {
 "build": "rsbuild build",
 "dev": "NODE_OPTIONS=\"--experimental-vm-modules --experimental-global-webcrypto\" rsbuild dev",
 "start": "react-router-serve ./build/server/static/js/app.js",
 "typecheck": "react-router typegen && tsc"
},

// rsbuild.config.ts
import { defineConfig } from '@rsbuild/core';
import { pluginReactRouter } from 'rsbuild-plugin-react-router';
import { pluginReact } from '@rsbuild/plugin-react';
import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
// Shared dependencies
const sharedDependencies = {
 react: { singleton: true },
 'react-dom': { singleton: true },
 'react-router': { singleton: true },
};
// Exposed modules
const exposedComponents = {
 './button': './app/components/Button.tsx',
};
export default defineConfig({
 environments: {
 web: {
 tools: {
 rspack: {
 plugins: [
 new ModuleFederationPlugin({
 name: 'remote',
 filename: 'remoteEntry.js',
 exposes: exposedComponents,
 shared: sharedDependencies,
 library: { type: 'module' },
 }),
 ],
 },
 },
 },
 node: {
 tools: {
 rspack: {
 plugins: [
 new ModuleFederationPlugin({
 name: 'remote',
 filename: 'remoteEntry.js', 
 exposes: exposedComponents,
 shared: sharedDependencies,
 library: { type: 'commonjs-module' }, 
 runtimePlugins: ['@module-federation/node/runtimePlugin'],
 manifest: {
 additionalData: ({ stats }) => {
 stats.metaData.ssrRemoteEntry = stats.metaData.remoteEntry;
 return stats;
 },
 },
 }),
 ],
 },
 },
 },
 },
 plugins: [
 pluginReactRouter({
 // Optional: Enable custom server mode
 customServer: false,
 // Optional: Specify server output format
 serverOutput: "module",
 //Optional: enable experimental support for module federation
 federation: true
 }),
 pluginReact()
 ],
})

// Import for local reference
import * as originalBuild from './build/server/static/js/app.js';
console.log('Original build:', originalBuild);
// Resolve all promise-returning functions from app.js
const resolveExports = async () => {
 // Each of these functions returns a Promise that resolves to the actual value
 const assetsValue = await originalBuild.assets();
 const assetsBuildDirectoryValue = await originalBuild.assetsBuildDirectory();
 const basenameValue = await originalBuild.basename();
 const entryValue = await originalBuild.entry();
 const futureValue = await originalBuild.future();
 const isSpaValue = await originalBuild.isSpaMode();
 const prerenderValue = await originalBuild.prerender();
 const publicPathValue = await originalBuild.publicPath();
 const routesValue = await originalBuild.routes();
 const ssrValue = await originalBuild.ssr();
 console.log('Resolved exports successfully');
 return {
 assets: assetsValue,
 assetsBuildDirectory: assetsBuildDirectoryValue,
 basename: basenameValue,
 entry: entryValue,
 future: futureValue,
 isSpaMode: isSpaValue,
 prerender: prerenderValue,
 publicPath: publicPathValue,
 routes: routesValue,
 ssr: ssrValue
 };
};
// Resolve and export all values
const resolvedExports = await resolveExports();
// Export individual values (not re-exporting from app.js)
export const assets = resolvedExports.assets;
export const assetsBuildDirectory = resolvedExports.assetsBuildDirectory;
export const basename = resolvedExports.basename;
export const entry = resolvedExports.entry;
export const future = resolvedExports.future;
export const isSpaMode = resolvedExports.isSpaMode;
export const prerender = resolvedExports.prerender;
export const publicPath = resolvedExports.publicPath;
export const routes = resolvedExports.routes;
export const ssr = resolvedExports.ssr;
// Log for debugging
console.log('Original build:', originalBuild);
console.log('Resolved exports:', resolvedExports);

"scripts": {
 "build": "rsbuild build",
 "dev": "NODE_OPTIONS=\"--experimental-vm-modules --experimental-global-webcrypto\" rsbuild dev",
 "start": "react-router-serve server.ts",
 "typecheck": "react-router typegen && tsc"
},