chore: use hoisted default

Author: ScriptedAlchemy

bi-directional/app1/modern.config.js

@@ -1,5 +1,5 @@
 import appTools, { defineConfig } from '@modern-js/app-tools';
-import { ModuleFederationPlugin } from '@module-federation/enhanced/webpack';
+import { ModuleFederationPlugin, ContainerPlugin } from '@module-federation/enhanced';
 // https://modernjs.dev/en/configure/app/usage
 export default defineConfig({
   server: {
@@ -19,8 +19,17 @@ export default defineConfig({
 
       // Add Module Federation Plugin
       appendPlugins([
+        new ContainerPlugin({
+          name: 'app1_partial',
+          filename: 'static/js/app1_partial.js',
+          exposes: {
+            './Button': './src/components/button.js',
+          },
+          runtimePlugins: ['./single-runtime-plugin.js'],
+        }),
         new ModuleFederationPlugin({
           name: 'app1',
+          runtime: false,
           filename: 'static/js/remoteEntry.js',
           exposes: {
             './Button': './src/components/button.js',

bi-directional/app1/package.json

@@ -27,20 +27,20 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.54.6",
+    "@modern-js/runtime": "2.63.7",
     "react": "~18.3.0",
     "react-dom": "~18.3.0"
   },
   "devDependencies": {
-    "@modern-js-app/eslint-config": "2.54.6",
-    "@modern-js/app-tools": "2.54.6",
+    "@modern-js-app/eslint-config": "2.59.0",
+    "@modern-js/app-tools": "2.63.7",
     "@modern-js/builder-rspack-provider": "2.46.1",
-    "@modern-js/eslint-config": "2.54.6",
-    "@modern-js/tsconfig": "2.54.6",
+    "@modern-js/eslint-config": "2.59.0",
+    "@modern-js/tsconfig": "2.63.7",
     "@module-federation/enhanced": "0.0.0-next-20250122001059",
     "husky": "9.0.11",
     "lint-staged": "15.2.7",
     "prettier": "3.3.2",
     "rimraf": "5.0.8"
   }
-}
+}

bi-directional/app2/modern.config.js

@@ -1,5 +1,5 @@
 import appTools, { defineConfig } from '@modern-js/app-tools';
-import { ModuleFederationPlugin } from '@module-federation/enhanced/webpack';
+import { ModuleFederationPlugin, ContainerPlugin } from '@module-federation/enhanced';
 
 // https://modernjs.dev/en/configure/app/usage
 export default defineConfig({
@@ -39,6 +39,14 @@ export default defineConfig({
           },
           runtimePlugins: ['./single-runtime-plugin.js'],
         }),
+        new ContainerPlugin({
+          name: 'app2_partial',
+          filename: 'static/js/app2_partial.js',
+          exposes: {
+            './Button': './src/components/button.js',
+          },
+          runtimePlugins: ['./single-runtime-plugin.js'],
+        }),
       ]);
     },
   },

bi-directional/app2/package.json

@@ -27,20 +27,20 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.54.6",
+    "@modern-js/runtime": "2.63.7",
     "react": "~18.3.0",
     "react-dom": "~18.3.0"
   },
   "devDependencies": {
-    "@modern-js-app/eslint-config": "2.54.6",
-    "@modern-js/app-tools": "2.54.6",
+    "@modern-js-app/eslint-config": "2.59.0",
+    "@modern-js/app-tools": "2.63.7",
     "@modern-js/builder-rspack-provider": "2.46.1",
-    "@modern-js/eslint-config": "2.54.6",
-    "@modern-js/tsconfig": "2.54.6",
+    "@modern-js/eslint-config": "2.59.0",
+    "@modern-js/tsconfig": "2.63.7",
     "@module-federation/enhanced": "0.0.0-next-20250122001059",
     "husky": "9.0.11",
     "lint-staged": "15.2.7",
     "prettier": "3.3.2",
     "rimraf": "5.0.8"
   }
-}
+}

bi-directional/package.json

@@ -2,10 +2,6 @@
   "name": "bi-directional",
   "description": "Basic Bi-directional Federation application",
   "private": true,
-  "workspaces": [
-    "./app1",
-    "./app2"
-  ],
   "version": "0.0.0",
   "scripts": {
     "start": "pnpm --filter bi-directional_* run dev",

package.json

@@ -16,169 +16,6 @@
       "@types/react-dom": "18.3.0"
     }
   },
-  "workspaces": {
-    "packages": [
-      "advanced-api/automatic-vendor-sharing/*",
-      "advanced-api/automatic-vendor-sharing",
-      "advanced-api/dynamic-remotes/*",
-      "advanced-api/dynamic-remotes",
-      "advanced-api/dynamic-remotes-runtime-environment-variables/*",
-      "advanced-api/dynamic-remotes-runtime-environment-variables",
-      "advanced-api/dynamic-remotes-synchronous-imports/*",
-      "advanced-api/dynamic-remotes-synchronous-imports",
-      "angular-universal-ssr",
-      "angular11-microfrontends-ngrx",
-      "angular11-microfrontends-ngxs",
-      "angular12-microfrontends",
-      "umd-federation",
-      "umd-federation/*",
-      "angular14-react",
-      "angular14-react/*",
-      "angular15-vue3/*",
-      "apollo-client",
-      "apollo-client/*",
-      "basic-host-remote",
-      "basic-host-remote/*",
-      "bi-directional",
-      "bi-directional/*",
-      "cloud/azure-functions-node-v4",
-      "cloud/azure-functions-node-v4/*",
-      "complete-react-case",
-      "complete-react-case/*",
-      "comprehensive-demo-react16",
-      "comprehensive-demo-react16/*",
-      "comprehensive-demo-react18",
-      "comprehensive-demo-react18/*",
-      "cra",
-      "cra/*",
-      "remix/*",
-      "remix",
-      "cra-react-app-rewired",
-      "cra-react-app-rewired/*",
-      "css-isolation",
-      "css-isolation/*",
-      "cypress-e2e",
-      "react-storybook",
-      "react-storybook/*",
-      "delegate-modules",
-      "delegate-modules/*",
-      "different-react-versions",
-      "different-react-versions/*",
-      "different-react-versions-16-17",
-      "different-react-versions-16-17/*",
-      "different-react-versions-16-17-typescript",
-      "different-react-versions-16-17-typescript/*",
-      "different-react-versions-16-18",
-      "different-react-versions-16-18/*",
-      "different-react-versions-16-18-typescript",
-      "different-react-versions-16-18-typescript/*",
-      "different-react-versions-isolated",
-      "different-react-versions-isolated/*",
-      "different-react-versions-typescript",
-      "different-react-versions-typescript/*",
-      "dynamic-remotes-node",
-      "dynamic-remotes-node/*",
-      "dynamic-system-host",
-      "dynamic-system-host/*",
-      "federated-css",
-      "federated-css/consumers-nextjs/*",
-      "federated-css/consumers-react/*",
-      "federated-css/expose-remotes/*",
-      "federated-css-react-ssr",
-      "federated-css-react-ssr/*/*",
-      "federated-library-from-cdn",
-      "federated-library-from-cdn/*",
-      "federated-npm",
-      "federated-npm/*",
-      "self-healing",
-      "self-healing/*",
-      "frontend-discovery-service",
-      "frontend-discovery-service/*",
-      "genesis",
-      "genesis/*",
-      "i18next-nextjs-react",
-      "i18next-nextjs-react/*",
-      "loadable-react-16",
-      "loadable-react-16/*",
-      "loadable-react-18",
-      "loadable-react-18/*",
-      "medusa-delegate-example",
-      "medusa-example",
-      "medusa-nx-native-federation-example",
-      "modernjs",
-      "modernjs/*",
-      "modernjs-ssr",
-      "modernjs-ssr/*",
-      "modernjs-medusa",
-      "modernjs-medusa/*",
-      "typescript",
-      "typescript/*",
-      "typescript-monorepo/*",
-      "typescript-monorepo",
-      "typescript-project-references",
-      "typescript-project-references/*",
-      "typescript-react-fallback",
-      "typescript-react-fallback/*",
-      "typescript-react-monorepo",
-      "typescript-react-monorepo/*",
-      "typescript-react-monorepo-test",
-      "typescript-react-monorepo-test/*",
-      "native-federation-react",
-      "native-federation-tests-typescript-plugins",
-      "native-federation-tests-typescript-plugins/*",
-      "nested",
-      "nested/*",
-      "nextjs-react",
-      "nextjs-react/*",
-      "nextjs-ssr",
-      "nextjs-ssr/*",
-      "nextjs-ssr-delegate-modules",
-      "nextjs-ssr-delegate-modules/*",
-      "nextjs-ssr-react-query",
-      "nextjs-v12",
-      "nextjs-v12/*",
-      "nextjs-v13",
-      "nextjs-v13/*",
-      "version-discrepancy",
-      "version-discrepancy/*",
-      "vite-react-microfrontends",
-      "vite-react-microfrontends/*",
-      "simple-node",
-      "simple-node/*",
-      "vite-react-simple",
-      "vite-react-simple/*",
-      "vite-svelte-microfrontends",
-      "vite-svelte-microfrontends/*",
-      "vite-vue-microfrontends",
-      "vite-vue-microfrontends/*",
-      "rust-wasm",
-      "rust-wasm/*",
-      "redux-reducer-injection",
-      "redux-reducer-injection/*",
-      "shared-routing",
-      "shared-routing/*",
-      "shared-routes2",
-      "shared-routes2/*",
-      "shared-context",
-      "shared-context/*",
-      "styled-components",
-      "styled-components/*",
-      "shared-store-cross-framework",
-      "shared-store-cross-framework/*",
-      "third-party-scripts",
-      "third-party-scripts/*",
-      "vue-cli",
-      "vue-cli/*",
-      "vue2-in-vue3",
-      "vue2-in-vue3/*",
-      "vue3-cli-demo/*",
-      "vue3-demo",
-      "vue3-demo/*",
-      "vue3-demo-federation-with-vite",
-      "vue3-demo-federation-with-vite/*",
-      "react-sharedworker"
-    ]
-  },
   "devDependencies": {
     "@shelex/cypress-allure-plugin": "2.40.2",
     "@types/node": "20.9.0",