Refactor(retry-plugin): unify retry behavior and improve resilience (#4043)

Author: danpeen

.changeset/beige-meals-wash.md

@@ -0,0 +1,6 @@
+---
+'@module-federation/retry-plugin': minor
+'website-new': minor
+---
+
+Refactor(retry-plugin): unify retry behavior and improve resilience

apps/router-demo/router-host-2000/src/App.tsx

@@ -5,7 +5,10 @@ import React, {
   Suspense,
 } from 'react';
 import { Route, Routes, useLocation } from 'react-router-dom';
-import { init, loadRemote } from '@module-federation/enhanced/runtime';
+import {
+  loadRemote,
+  createInstance,
+} from '@module-federation/enhanced/runtime';
 import { RetryPlugin } from '@module-federation/retry-plugin';
 import { createRemoteAppComponent } from '@module-federation/bridge-react';
 import Navigation from './navigation';
@@ -17,7 +20,6 @@ import { ErrorBoundary } from 'react-error-boundary';
 import Remote1AppNew from 'remote1/app';
 import type { ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
 import { Spin } from 'antd';
-import { createInstance } from '@module-federation/enhanced/runtime';
 
 const fallbackPlugin: () => ModuleFederationRuntimePlugin = function () {
   return {

apps/router-demo/router-host-2000/src/runtime-plugin/retry.ts

@@ -2,29 +2,26 @@ import { RetryPlugin } from '@module-federation/retry-plugin';
 
 const retryPlugin = () =>
   RetryPlugin({
-    fetch: {
-      // fallback: () => 'http://localhost:2001/mf-manifest.json',
-      // getRetryPath: (url) => {
-      //   return 'http://localhost:2001/mf-manifest.json?test=1';
-      // },
+    retryTimes: 3,
+    retryDelay: 1000,
+    onRetry: (params) => {
+      console.log('onRetry', params);
     },
-    script: {
-      retryTimes: 3,
-      retryDelay: 1000,
-      // moduleName: ['remote1'],
-      cb: (resolve, error) => {
-        if (error) {
-          throw new Error(
-            'The request failed three times and has now been abandoned',
-          );
-        }
-        return setTimeout(() => {
-          resolve(error);
-        }, 1000);
-      },
-      getRetryPath: (url) => {
-        return 'http://localhost:2001/remote1.js?test=2';
-      },
+    onSuccess: (params) => {
+      console.log('onSuccess', params);
+    },
+    onError: (params) => {
+      console.log('onError', params);
+    },
+    manifestDomains: ['https://m1.example.com', 'https://m2.example.com'],
+    domains: [
+      'http://localhost:2011',
+      'http://localhost:2021',
+      'http://localhost:2031',
+    ],
+    addQuery: true,
+    fetchOptions: {
+      method: 'GET',
     },
   });
 export default retryPlugin;