feat: add createInstance api

Author: 2heal1

apps/website-new/docs/en/configure/experiments.mdx

@@ -74,7 +74,7 @@ This object contains flags related to build-time optimizations that can affect t
 - **Required:** No
 - **Default:** `false`
 
-When set to `true`, this option defines the `FEDERATION_OPTIMIZE_NO_SNAPSHOT_PLUGIN` global constant as `true` during the build. In the `@module-federation/runtime-core`, this prevents the `snapshotPlugin()` and `generatePreloadAssetsPlugin()` from being included and initialized within the FederationHost.
+When set to `true`, this option defines the `FEDERATION_OPTIMIZE_NO_SNAPSHOT_PLUGIN` global constant as `true` during the build. In the `@module-federation/runtime-core`, this prevents the `snapshotPlugin()` and `generatePreloadAssetsPlugin()` from being included and initialized within the Module Federation instance.
 
 **Impact:**
 *   **Benefit:** Can reduce the overall bundle size of the Module Federation runtime by excluding the code for these two plugins.

apps/website-new/docs/en/configure/exposes.mdx

@@ -32,7 +32,7 @@ Example:
 ```jsx
 module.exports = {
   plugins: [
-    new ModuleFederation({
+    new ModuleFederationPlugin({
       name: 'provider',
       exposes: {
         // Note: "./" is not supported. Exporting as `.` indicates a default export

apps/website-new/docs/en/configure/getpublicpath.mdx

@@ -20,7 +20,7 @@ If you're using module federation webpack plugin and want to set a dynamic publi
 ```ts title="rspack.config.ts"
 module.exports = {
   plugins: [
-    new ModuleFederation({
+    new ModuleFederationPlugin({
       name: 'provider',
       exposes: {
         './Button': './src/components/Button.tsx',

apps/website-new/docs/en/configure/implementation.mdx

@@ -16,7 +16,7 @@ For example, if you want to use a specific version of `@module-federation/runtim
 module.exports = {
   // ...other configurations
   plugins: [
-    new ModuleFederation({
+    new ModuleFederationPlugin({
       // ...other Module Federation options
       implementation: require.resolve('@module-federation/runtime-tools'),
     }),

apps/website-new/docs/en/configure/remotes.mdx

@@ -31,7 +31,7 @@ interface PluginRemoteOptions {
 ```js
 module.exports = {
   plugins: [
-    new ModuleFederation({
+    new ModuleFederationPlugin({
       name: 'host',
       // The `remotes` below defines two remotes, named `manifest-provider` for the project started on port 3011 and `js-entry-provider` for the project started on port 3012
       remotes: {

apps/website-new/docs/en/configure/runtimeplugins.mdx

@@ -36,7 +36,7 @@ Then, apply this plugin in your build configuration:
 const path = require('path');
 module.exports = {
   plugins: [
-    new ModuleFederation({
+    new ModuleFederationPlugin({
       name: 'host',
       remotes: {
         'manifest-provider':

apps/website-new/docs/en/guide/basic/runtime/runtime-api.mdx

@@ -24,9 +24,9 @@ To ensure the uniqueness of the ModuleFederation instance, after the build plugi
 However, this singleton pattern also limits the ability to create multiple instances, as it assumes that there is only one instance per bundle. Therefore, if you need to create a new instance , you can use the ModuleFederation class to create a new one.
 
 ```ts
-import { ModuleFederation } from '@module-federation/enhanced/runtime';
+import { createInstance } from '@module-federation/enhanced/runtime';
 
-const mf = new ModuleFederation({
+const mf = createInstance({
   name: '@demo/host',
   remotes: [
     {
@@ -216,9 +216,9 @@ If not use build plugin:
 
 
 ```ts
-import { ModuleFederation, registerRemotes } from '@module-federation/enhanced/runtime';
+import { createInstance, registerRemotes } from '@module-federation/enhanced/runtime';
 
-const mf = new ModuleFederation({
+const mf = createInstance({
   name: 'mf_host',
   remotes: [
     {

apps/website-new/docs/en/guide/basic/runtime/runtime-hooks.mdx

@@ -166,7 +166,7 @@ type ErrorLoadRemoteOptions ={
 * example
 
 ```ts
-import { ModuleFederation, loadRemote } from '@module-federation/enhanced/runtime'
+import { createInstance, loadRemote } from '@module-federation/enhanced/runtime'
 
 import type { ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
 
@@ -182,7 +182,7 @@ const fallbackPlugin: () => ModuleFederationRuntimePlugin =
   };
 
 
-const mf = new ModuleFederation({
+const mf = createInstance({
     name: 'mf_host',
     remotes: [
         {
@@ -269,7 +269,7 @@ const customSharedPlugin: () => ModuleFederationRuntimePlugin =
   };
 
 
-const mf = new ModuleFederation({
+const mf = createInstance({
     name: 'mf_host',
     shared: {
       react: {

apps/website-new/docs/en/guide/basic/runtime/runtime.mdx

@@ -77,9 +77,9 @@ registerRemotes([
 If the build plugin is not used and no instance has been created, you can create a new instance and register the modules.
 
 ```ts
-import { ModuleFederation } from '@module-federation/enhanced/runtime';
+import { createInstance } from '@module-federation/enhanced/runtime';
 
-const mf = new ModuleFederation({
+const mf = createInstance({
   name: 'mf_host',
   remotes: [
     {

apps/website-new/docs/en/plugin/dev/index.mdx

@@ -57,7 +57,7 @@ Registering plugins (either method is acceptable):
 const path = require('path');
 module.exports = {
   plugins: [
-    new ModuleFederation({
+    new ModuleFederationPlugin({
       // ...
       runtimePlugins: [path.resolve(__dirname, './custom-runtime-plugin.ts')],
     }),