chore: merge main

Author: 2heal1

.changeset/config.json

@@ -26,7 +26,8 @@
       "@module-federation/error-codes",
       "@module-federation/inject-external-runtime-core-plugin",
       "@module-federation/runtime-core",
-      "create-module-federation"
+      "create-module-federation",
+      "@module-federation/cli"
     ]
   ],
   "ignorePatterns": ["^alpha|^beta"],

.changeset/nice-rice-count.md

@@ -0,0 +1,6 @@
+---
+'@module-federation/bridge-shared': patch
+'@module-federation/bridge-vue3': patch
+---
+
+vue.js has router option added to the vue3-bridge

.changeset/swift-kiwis-argue.md

@@ -5,34 +5,11 @@
 **/dist/
 
 # Documentation and config files
-**/*.md
 **/*.yaml
 **/*.yml
-**/.eslintrc*
-**/.prettierrc*
-**/.swcrc
-**/jest.config.*
-**/tsconfig.*
-**/*/stats.json
 
-# First ignore everything
-*
-
-# Then allow specific packages and their contents
-!packages/webpack-bundler-runtime/
-!packages/webpack-bundler-runtime/**/*
-!packages/sdk/
-!packages/sdk/**/*
-!packages/enhanced/
-!packages/enhanced/**/*
-
-# Allow package.json files
-!package.json
-!packages/*/package.json
-!**/package.json
 
 # Explicitly ignore specific packages
-packages/dts-plugin/
 packages/typescript/
 packages/native-*
 packages/core/
@@ -41,7 +18,6 @@ packages/native-federation-typescript/
 packages/esbuild/
 
 # Ignore specific directories
-apps/
 webpack/tooling/
 webpack/setup/
 webpack/test/
@@ -52,7 +28,7 @@ tools/
 .vscode/
 .verdaccio/
 
-!apps/manifest-demo/*.ts
+
 
 # Ignore specific files
 .cursorignore

.cursorignore

@@ -48,12 +48,16 @@ jobs:
           lsof -ti tcp:3050,3051,3052,3053,3054,3055,3056 | xargs -r kill &&
           pnpm run app:modern:dev &
           sleep 30 &&
-          npx wait-on http://127.0.0.1:3051/mf-manifest.json &&
-          npx wait-on http://127.0.0.1:3053/mf-manifest.json &&
-          npx wait-on http://127.0.0.1:3055/mf-manifest.json &&
-          npx wait-on http://127.0.0.1:3056/mf-manifest.json &&
-          npx wait-on http://127.0.0.1:3054/mf-manifest.json &&
-          npx wait-on http://127.0.0.1:3052/mf-manifest.json &&
-          npx wait-on http://127.0.0.1:3050/mf-manifest.json &&
+          # wait response content-type is application/json
+          for port in 3050 3051 3052 3053 3054 3055 3056; do
+            while true; do
+              response=$(curl -s -I http://127.0.0.1:$port/mf-manifest.json)
+              content_type=$(echo "$response" | grep -i "Content-Type" | awk '{print $2}' | tr -d '\r')
+              if [[ $content_type != *"text/html"* ]]; then
+                break
+              fi
+              sleep 1
+            done
+          done
           npx nx run modernjs-ssr-host:e2e &&
           lsof -ti tcp:3050,3051,3052,3053,3054,3055,3056 | xargs kill

.github/workflows/e2e-modern-ssr.yml

@@ -10,6 +10,7 @@
 # dependencies
 node_modules
 ./webpack-lib
+next.js
 # IDEs and editors
 /.idea
 .project
@@ -71,4 +72,6 @@ packages/enhanced/test/js
 !apps/rslib-module/@mf-types/**
 
 **/vite.config.{js,ts,mjs,mts,cjs,cts}.timestamp*
-/webpack-lib/
+
+# Federation
+**/.federation

.gitignore

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ],
+  "plugins": []
+}

apps/bundle-size/.babelrc

@@ -0,0 +1,13 @@
+# bundle-size
+
+## 0.1.1
+
+### Patch Changes
+
+- 38f324f: Disable live bindings on cjs builds of the runtime packages
+
+## 0.1.0
+
+### Minor Changes
+
+- c399b9a: Switch to esm modules by default

apps/bundle-size/CHANGELOG.md

@@ -0,0 +1,7 @@
+import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: nxE2EPreset(__filename, { cypressDir: 'cypress' }),
+  defaultCommandTimeout: 20000,
+});

apps/bundle-size/cypress.config.ts

@@ -0,0 +1,80 @@
+import { getH1, getH3 } from '../support/app.po';
+
+describe('3005-runtime-host/', () => {
+  beforeEach(() => cy.visit('/'));
+
+  describe('Welcome message', () => {
+    it('should display welcome message', () => {
+      getH1().contains('Runtime Demo');
+    });
+  });
+
+  describe('Image checks', () => {
+    it('should check that the home-webpack-png and remote1-webpack-png images are not 404', () => {
+      // Get the src attribute of the home-webpack-png image
+      cy.get('img.home-webpack-png')
+        .invoke('attr', 'src')
+        .then((src) => {
+          if (!src) {
+            throw new Error('src must not be empty');
+          }
+          cy.log(src);
+          cy.request(src).its('status').should('eq', 200);
+        });
+
+      // Get the src attribute of the shop-webpack-png image
+      cy.get('img.remote1-webpack-png')
+        .invoke('attr', 'src')
+        .then((src) => {
+          if (!src) {
+            throw new Error('src must not be empty');
+          }
+          // Send a GET request to the src URL
+          cy.request(src).its('status').should('eq', 200);
+        });
+    });
+
+    it('should check that the home-webpack-svg and remote1-webpack-svg images are not 404', () => {
+      // Get the src attribute of the home-webpack-png image
+      cy.get('img.home-webpack-svg')
+        .invoke('attr', 'src')
+        .then((src) => {
+          if (!src) {
+            throw new Error('src must not be empty');
+          }
+          cy.log(src);
+          cy.request(src).its('status').should('eq', 200);
+        });
+
+      // Get the src attribute of the shop-webpack-png image
+      cy.get('img.remote1-webpack-svg')
+        .invoke('attr', 'src')
+        .then((src) => {
+          if (!src) {
+            throw new Error('src must not be empty');
+          }
+          // Send a GET request to the src URL
+          cy.request(src).its('status').should('eq', 200);
+        });
+    });
+  });
+
+  describe('Shared react hook check', () => {
+    it('should display text which comes from remote1 hook', () => {
+      cy.get('.remote1-text')
+        .invoke('html')
+        .should('equal', 'Custom hook from localhost:3006 works!');
+    });
+  });
+
+  describe('dynamic remote check', () => {
+    describe('dynamic-remote/ButtonOldAnt', () => {
+      it('should display remote button', () => {
+        cy.get('button.test-remote2').contains('Button');
+      });
+      it('should use host shared(antd)', () => {
+        cy.get('button.test-remote2').contains('Button from antd@4.24.15');
+      });
+    });
+  });
+});