feat: embed runtime

Author: ScriptedAlchemy

.gitignore

@@ -135,4 +135,5 @@ buildServer
 /comprehensive-demo-react*/**/public/*.js
 /comprehensive-demo-react*/**/public/*.css
 *.map
+mf-manifest.json
 

comprehensive-demo-react18/app-01/src/index.jsx

@@ -1 +1,5 @@
-import('./bootstrap');
+import App from './App';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+ReactDOM.render(<App />, document.getElementById('root'));

comprehensive-demo-react18/app-01/webpack.config.js

@@ -79,6 +79,7 @@ module.exports = {
         './SideNav': './src/SideNav',
         './Page': './src/Page',
       },
+      embedRuntime: true,
       shared: {
         ...deps,
         '@material-ui/core': {

comprehensive-demo-react18/app-02/src/index.js

@@ -1 +1,5 @@
-import('./bootstrap');
+import App from './App';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+ReactDOM.render(<App />, document.getElementById('root'));

comprehensive-demo-react18/app-02/webpack.config.js

@@ -69,6 +69,7 @@ module.exports = {
         app_01: 'app_01@http://localhost:3001/remoteEntry.js',
         app_03: 'app_03@http://localhost:3003/remoteEntry.js',
       },
+      embedRuntime: true,
       exposes: {
         './Dialog': './src/Dialog',
         './Tabs': './src/Tabs',

comprehensive-demo-react18/app-03/src/index.js

@@ -1 +1,5 @@
-import('./bootstrap');
+import App from './App';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+ReactDOM.render(<App />, document.getElementById('root'));

comprehensive-demo-react18/app-03/webpack.config.js

@@ -62,6 +62,7 @@ module.exports = {
       remotes: {
         app_01: 'app_01@http://localhost:3001/remoteEntry.js',
       },
+      embedRuntime: true,
       exposes: {
         './Button': './src/Button',
       },

comprehensive-demo-react18/app-04/webpack.config.js

@@ -62,6 +62,7 @@ module.exports = {
         './App': './src/main.js',
         './loadApp': './src/loadApp.js',
       },
+      embedRuntime: true,
       shared: [],
     }),
     new MiniCssExtractPlugin({

comprehensive-demo-react18/app-05/webpack.config.js

@@ -47,6 +47,7 @@ module.exports = {
         './AlertBox': './src/components/alert-box.ts',
         './components': './src/index.ts',
       },
+      embedRuntime: true,
       shared: [],
     }),
     new HtmlWebpackPlugin({

package.json

@@ -13,7 +13,11 @@
     "overrides": {
       "cypress": "13.12.0",
       "@types/react": "18.3.3",
-      "@types/react-dom": "18.3.0"
+      "@types/react-dom": "18.3.0",
+      "@module-federation/nextjs-mf": "0.0.0-next-20240903212627",
+      "@module-federation/enhanced": "0.0.0-next-20240903212627",
+      "@module-federation/runtime": "0.0.0-next-20240903212627",
+      "@module-federation/sdk": "0.0.0-next-20240903212627"
     }
   },
   "workspaces": {