@rsbuild/plugin-assets-retry 1.2.2 → 1.3.0

package/README.md

@@ -37,7 +37,7 @@ bun add @rsbuild/plugin-assets-retry -D
 You can register the plugin in the `rsbuild.config.ts` file:
 
 ```ts
-import { pluginAssetsRetry } from "@rsbuild/plugin-assets-retry";
+import { pluginAssetsRetry } from '@rsbuild/plugin-assets-retry';
 
 export default {
   plugins: [pluginAssetsRetry()],
@@ -64,7 +64,7 @@ type AssetsRetryOptions = {
   domain?: string[];
   max?: number;
   test?: string | ((url: string) => boolean);
-  crossOrigin?: boolean | "anonymous" | "use-credentials";
+  crossOrigin?: boolean | 'anonymous' | 'use-credentials';
   inlineScript?: boolean;
   delay?: number | ((context: AssetsRetryHookContext) => number);
   onRetry?: (context: AssetsRetryHookContext) => void;
@@ -77,10 +77,10 @@ type AssetsRetryOptions = {
 
 ```ts
 const defaultAssetsRetryOptions = {
-  type: ["script", "link", "img"],
+  type: ['script', 'link', 'img'],
   domain: [],
   max: 3,
-  test: "",
+  test: '',
   crossOrigin: false,
   delay: 0,
   onRetry: () => {},
@@ -103,11 +103,11 @@ For example:
 defineConfig({
   plugins: [
     pluginAssetsRetry({
-      domain: ["cdn1.com", "cdn2.com", "cdn3.com"],
-    })
+      domain: ['cdn1.com', 'cdn2.com', 'cdn3.com'],
+    }),
   ],
   output: {
-    assetPrefix: "https://cdn1.com", // or "//cdn1.com"
+    assetPrefix: 'https://cdn1.com', // or "//cdn1.com"
   },
 });
 ```
@@ -127,7 +127,7 @@ For example, only script tags and link tags are processed:
 
 ```js
 pluginAssetsRetry({
-  type: ["script", "link"],
+  type: ['script', 'link'],
 });
 ```
 
@@ -182,7 +182,7 @@ The callback function when the asset is being retried. For example:
 pluginAssetsRetry({
   onRetry: ({ times, domain, url, tagName, isAsyncChunk }) => {
     console.log(
-      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`
+      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`,
     );
   },
 });
@@ -198,7 +198,7 @@ The callback function when the asset is successfully retried. For example:
 pluginAssetsRetry({
   onSuccess: ({ times, domain, url, tagName, isAsyncChunk }) => {
     console.log(
-      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`
+      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`,
     );
   },
 });
@@ -214,7 +214,7 @@ The callback function when the asset is failed to be retried. For example:
 pluginAssetsRetry({
   onFail: ({ times, domain, url, tagName, isAsyncChunk }) => {
     console.log(
-      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`
+      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`,
     );
   },
 });
@@ -321,7 +321,7 @@ Or pass a function that receives `AssetsRetryHookContext` and returns the delay
 ```js
 // Calculate delay based on retry attempts
 pluginAssetsRetry({
-  delay: (ctx) => (ctx.times + 1) * 1000,
+  delay: ctx => (ctx.times + 1) * 1000,
 });
 ```
 
@@ -336,12 +336,12 @@ When you use Assets Retry plugin, the Rsbuild injects some runtime code into the
 Here's an example of incorrect usage:
 
 ```js
-import { someMethod } from "utils";
+import { someMethod } from 'utils';
 
 pluginAssetsRetry({
   onRetry() {
     // Incorrect usage, includes sensitive information
-    const privateToken = "a-private-token";
+    const privateToken = 'a-private-token';
 
     // Incorrect usage, uses an external method
     someMethod(privateToken);
@@ -353,6 +353,10 @@ pluginAssetsRetry({
 
 Assets Retry plugin may not work in the following scenarios:
 
+### Sync script tag loaded resources
+
+`<script src="..."></script>` tags load resources synchronously, and retrying them does not guarantee the order of resource loading. Therefore, the Assets Retry plugin will not retry resources loaded by synchronous script tags. It will only retry resources loaded by async/defer script tags.
+
 ### Module Federation
 
 For remote modules loaded by Module Federation, you can use the [@module-federation/retry-plugin](https://www.npmjs.com/package/@module-federation/retry-plugin) from Module Federation 2.0 to implement static asset retries.

package/README.zh-CN.md

@@ -35,7 +35,7 @@ bun add @rsbuild/plugin-assets-retry -D
 你可以在 `rsbuild.config.ts` 文件中注册插件：
 
 ```ts
-import { pluginAssetsRetry } from "@rsbuild/plugin-assets-retry";
+import { pluginAssetsRetry } from '@rsbuild/plugin-assets-retry';
 
 export default {
   plugins: [pluginAssetsRetry()],
@@ -62,7 +62,7 @@ type AssetsRetryOptions = {
   domain?: string[];
   max?: number;
   test?: string | ((url: string) => boolean);
-  crossOrigin?: boolean | "anonymous" | "use-credentials";
+  crossOrigin?: boolean | 'anonymous' | 'use-credentials';
   inlineScript?: boolean;
   delay?: number | ((context: AssetsRetryHookContext) => number);
   onRetry?: (context: AssetsRetryHookContext) => void;
@@ -75,10 +75,10 @@ type AssetsRetryOptions = {
 
 ```ts
 const defaultOptions = {
-  type: ["script", "link", "img"],
+  type: ['script', 'link', 'img'],
   domain: [],
   max: 3,
-  test: "",
+  test: '',
   crossOrigin: false,
   delay: 0,
   onRetry: () => {},
@@ -101,11 +101,11 @@ const defaultOptions = {
 defineConfig({
   plugins: [
     pluginAssetsRetry({
-      domain: ["cdn1.com", "cdn2.com", "cdn3.com"],
-    })
+      domain: ['cdn1.com', 'cdn2.com', 'cdn3.com'],
+    }),
   ],
   output: {
-    assetPrefix: "https://cdn1.com", // 或者 "//cdn1.com"
+    assetPrefix: 'https://cdn1.com', // 或者 "//cdn1.com"
   },
 });
 ```
@@ -125,7 +125,7 @@ defineConfig({
 
 ```js
 pluginAssetsRetry({
-  type: ["script", "link"],
+  type: ['script', 'link'],
 });
 ```
 
@@ -180,7 +180,7 @@ pluginAssetsRetry({
 pluginAssetsRetry({
   onRetry: ({ times, domain, url, tagName, isAsyncChunk }) => {
     console.log(
-      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`
+      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`,
     );
   },
 });
@@ -196,7 +196,7 @@ pluginAssetsRetry({
 pluginAssetsRetry({
   onSuccess: ({ times, domain, url, tagName, isAsyncChunk }) => {
     console.log(
-      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`
+      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`,
     );
   },
 });
@@ -212,7 +212,7 @@ pluginAssetsRetry({
 pluginAssetsRetry({
   onFail: ({ times, domain, url, tagName, isAsyncChunk }) => {
     console.log(
-      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`
+      `Retry ${times} times, domain: ${domain}, url: ${url}, tagName: ${tagName}, isAsyncChunk: ${isAsyncChunk}`,
     );
   },
 });
@@ -319,7 +319,7 @@ pluginAssetsRetry({
 ```js
 // 通过次数来计算延迟时间
 pluginAssetsRetry({
-  delay: (ctx) => (ctx.times + 1) * 1000,
+  delay: ctx => (ctx.times + 1) * 1000,
 });
 ```
 
@@ -334,12 +334,12 @@ pluginAssetsRetry({
 以下是一个错误示例：
 
 ```js
-import { someMethod } from "utils";
+import { someMethod } from 'utils';
 
 pluginAssetsRetry({
   onRetry() {
     // 错误用法，包含了敏感信息
-    const privateToken = "a-private-token";
+    const privateToken = 'a-private-token';
 
     // 错误用法，使用了外部的方法
     someMethod(privateToken);
@@ -351,6 +351,10 @@ pluginAssetsRetry({
 
 以下场景 Assets Retry 插件可能无法生效：
 
+### 同步 script 标签加载的资源
+
+`<script src="..."></script>` 标签加载的资源是同步加载的，如果进行重试无法保证资源加载的顺序，因此 Assets Retry 插件不会对同步加载的 script 标签进行重试。只会对 async/defer 的 script 标签进行重试。
+
 ### 模块联邦
 
 对于模块联邦加载的远程模块，你可以使用模块联邦 2.0 的 [@module-federation/retry-plugin](https://www.npmjs.com/package/@module-federation/retry-plugin) 来实现静态资源重试。

package/dist/index.cjs

@@ -213,25 +213,19 @@ var __webpack_exports__ = {};
         if (isRspack) modifyRspackRuntimeModule(module, modifier);
         else modifyWebpackRuntimeModule(module, modifier);
     }
-    function pick(obj, keys) {
-        return keys.reduce((ret, key)=>{
-            if (void 0 !== obj[key]) ret[key] = obj[key];
-            return ret;
-        }, {});
-    }
     class AsyncChunkRetryPlugin {
         getRawRuntimeRetryCode() {
             const { RuntimeGlobals } = core_namespaceObject.rspack;
             const filename = 'asyncChunkRetry';
-            const runtimeFilePath = external_node_path_default().join(AsyncChunkRetryPlugin_dirname, 'runtime', this.options.minify ? `${filename}.min.js` : `${filename}.js`);
+            const runtimeFilePath = external_node_path_default().join(AsyncChunkRetryPlugin_dirname, 'runtime', this.minify ? `${filename}.min.js` : `${filename}.js`);
             const rawText = external_node_fs_default().readFileSync(runtimeFilePath, 'utf-8');
             return rawText.replaceAll('__RUNTIME_GLOBALS_REQUIRE__', RuntimeGlobals.require).replaceAll('__RUNTIME_GLOBALS_ENSURE_CHUNK__', RuntimeGlobals.ensureChunk).replaceAll('__RUNTIME_GLOBALS_GET_CHUNK_SCRIPT_FILENAME__', RuntimeGlobals.getChunkScriptFilename).replaceAll('__RUNTIME_GLOBALS_GET_CSS_FILENAME__', RuntimeGlobals.getChunkCssFilename).replaceAll('__RUNTIME_GLOBALS_GET_MINI_CSS_EXTRACT_FILENAME__', '__webpack_require__.miniCssF').replaceAll('__RUNTIME_GLOBALS_RSBUILD_LOAD_STYLESHEET__', '__webpack_require__.rbLoadStyleSheet').replaceAll('__RUNTIME_GLOBALS_PUBLIC_PATH__', RuntimeGlobals.publicPath).replaceAll('__RUNTIME_GLOBALS_LOAD_SCRIPT__', RuntimeGlobals.loadScript).replaceAll('__RETRY_OPTIONS__', serialize_javascript_default()(this.runtimeOptions));
         }
         apply(compiler) {
             compiler.hooks.thisCompilation.tap(this.name, (compilation)=>{
+                const isRspack = this.isRspack;
                 compilation.hooks.runtimeModule.tap(this.name, (module)=>{
                     var _module_constructor;
-                    const { isRspack } = this.options;
                     const constructorName = isRspack ? module.constructorName : null == (_module_constructor = module.constructor) ? void 0 : _module_constructor.name;
                     const isCssLoadingRuntimeModule = 'CssLoadingRuntimeModule' === constructorName;
                     if (isCssLoadingRuntimeModule) return void modifyRuntimeModule(module, (originSource)=>originSource.replace('var fullhref = __webpack_require__.p + href;', 'var fullhref = __webpack_require__.rbLoadStyleSheet ? __webpack_require__.rbLoadStyleSheet(href, chunkId) : (__webpack_require__.p + href);'), isRspack);
@@ -243,26 +237,20 @@ var __webpack_exports__ = {};
                 });
             });
         }
-        constructor(options){
+        constructor(options, isRspack, minify){
             _define_property(this, "name", 'ASYNC_CHUNK_RETRY_PLUGIN');
-            _define_property(this, "options", void 0);
+            _define_property(this, "isRspack", void 0);
+            _define_property(this, "minify", void 0);
             _define_property(this, "runtimeOptions", void 0);
-            this.options = options;
-            this.runtimeOptions = pick(options, [
-                'domain',
-                'max',
-                'onRetry',
-                'onSuccess',
-                'onFail',
-                'addQuery',
-                'test',
-                'delay'
-            ]);
+            this.runtimeOptions = options;
+            this.isRspack = isRspack;
+            this.minify = minify;
         }
     }
     const src_dirname = external_node_path_default().dirname((0, external_node_url_namespaceObject.fileURLToPath)(__rslib_import_meta_url__));
     const PLUGIN_ASSETS_RETRY_NAME = 'rsbuild:assets-retry';
     function getRuntimeOptions(userOptions) {
+        const { inlineScript, minify, ...restOptions } = userOptions;
         const defaultOptions = {
             max: 3,
             type: [
@@ -272,24 +260,23 @@ var __webpack_exports__ = {};
             ],
             domain: [],
             crossOrigin: false,
-            delay: 0
+            delay: 0,
+            addQuery: false
         };
         const result = {
             ...defaultOptions,
-            ...userOptions
+            ...restOptions
         };
         if (!Array.isArray(result.type) || 0 === result.type.length) result.type = defaultOptions.type;
         if (!Array.isArray(result.domain) || 0 === result.domain.length) result.domain = defaultOptions.domain;
         if (Array.isArray(result.domain)) result.domain = result.domain.filter(Boolean);
         return result;
     }
-    async function getRetryCode(options) {
+    async function getRetryCode(runtimeOptions, minify) {
         const filename = 'initialChunkRetry';
-        const { minify, inlineScript: _, ...restOptions } = options;
         const runtimeFilePath = external_node_path_default().join(src_dirname, 'runtime', minify ? `${filename}.min.js` : `${filename}.js`);
         const runtimeCode = await external_node_fs_default().promises.readFile(runtimeFilePath, 'utf-8');
-        const runtimeOptions = getRuntimeOptions(restOptions);
-        return `(function(){${runtimeCode}})()`.replace('__RUNTIME_GLOBALS_OPTIONS__', serialize_javascript_default()(runtimeOptions));
+        return runtimeCode.replace('__RETRY_OPTIONS__', serialize_javascript_default()(runtimeOptions));
     }
     const pluginAssetsRetry = (userOptions = {})=>({
             name: PLUGIN_ASSETS_RETRY_NAME,
@@ -297,9 +284,9 @@ var __webpack_exports__ = {};
                 const { inlineScript = true } = userOptions;
                 const getScriptPath = (environment)=>{
                     const distDir = environment.config.output.distPath.js;
-                    return external_node_path_default().posix.join(distDir, "assets-retry.1-2-2.js");
+                    return external_node_path_default().posix.join(distDir, "assets-retry.1-3-0.js");
                 };
-                const formatOptions = (config)=>{
+                const normalizeOptions = (config)=>{
                     const options = {
                         ...userOptions
                     };
@@ -312,7 +299,9 @@ var __webpack_exports__ = {};
                     return options;
                 };
                 if (inlineScript) api.modifyHTMLTags(async ({ headTags, bodyTags }, { environment })=>{
-                    const code = await getRetryCode(formatOptions(environment.config));
+                    const options = normalizeOptions(environment.config);
+                    const runtimeOptions = getRuntimeOptions(options);
+                    const code = await getRetryCode(runtimeOptions, options.minify);
                     headTags.unshift({
                         tag: "script",
                         attrs: {},
@@ -342,20 +331,22 @@ var __webpack_exports__ = {};
                         stage: 'additional'
                     }, async ({ sources, compilation, environment })=>{
                         const scriptPath = getScriptPath(environment);
-                        const code = await getRetryCode(formatOptions(environment.config));
+                        const options = normalizeOptions(environment.config);
+                        const runtimeOptions = getRuntimeOptions(options);
+                        const code = await getRetryCode(runtimeOptions, options.minify);
                         compilation.emitAsset(scriptPath, new sources.RawSource(code));
                     });
                 }
                 api.modifyBundlerChain(async (chain, { environment })=>{
                     const { config, htmlPaths } = environment;
                     if (!userOptions || 0 === Object.keys(htmlPaths).length) return;
-                    const options = formatOptions(config);
+                    const options = normalizeOptions(config);
+                    const runtimeOptions = getRuntimeOptions(options);
                     const isRspack = 'rspack' === api.context.bundlerType;
                     chain.plugin('async-chunk-retry').use(AsyncChunkRetryPlugin, [
-                        {
-                            ...options,
-                            isRspack
-                        }
+                        runtimeOptions,
+                        isRspack,
+                        options.minify
                     ]);
                 });
             }

package/dist/index.d.ts

@@ -1,5 +1,96 @@
-import type { RsbuildPlugin } from '@rsbuild/core';
-import type { PluginAssetsRetryOptions } from './types.js';
-export type { PluginAssetsRetryOptions };
-export declare const PLUGIN_ASSETS_RETRY_NAME = "rsbuild:assets-retry";
-export declare const pluginAssetsRetry: (userOptions?: PluginAssetsRetryOptions) => RsbuildPlugin;
+import type { CrossOrigin as CrossOrigin_2 } from '@rsbuild/core';
+import type { RsbuildPlugin } from '@rsbuild/core';
+
+declare type AssetsRetryHookContext_2 = {
+    url: string;
+    times: number;
+    domain: string;
+    tagName: string;
+    isAsyncChunk: boolean;
+};
+
+declare type CompileTimeRetryOptions = {
+    /**
+     * Whether to inline the runtime JavaScript code of Assets Retry plugin into the HTML file.
+     * @default true
+     */
+    inlineScript?: boolean;
+    /**
+     * Whether to minify the runtime JavaScript code of Assets Retry plugin.
+     * @default rsbuildConfig.mode === 'production'
+     */
+    minify?: boolean;
+};
+
+export declare const PLUGIN_ASSETS_RETRY_NAME = "rsbuild:assets-retry";
+
+export declare const pluginAssetsRetry: (userOptions?: PluginAssetsRetryOptions) => RsbuildPlugin;
+
+export declare type PluginAssetsRetryOptions = RuntimeRetryOptions & CompileTimeRetryOptions;
+
+declare type RuntimeRetryOptions = RuntimeRetryOptionsWithDefaultValue & RuntimeRetryOptionsWithoutDefaultValue;
+
+declare type RuntimeRetryOptionsWithDefaultValue = {
+    /**
+     * The maximum number of retries for a single asset.
+     * @default 3
+     */
+    max?: number;
+    /**
+     * Used to specify the HTML tag types that need to be retried.
+     * @default ['script', 'link', 'img']
+     */
+    type?: string[];
+    /**
+     * Specifies the retry domain when assets fail to load.
+     */
+    domain?: string[];
+    /**
+     * Set the `crossorigin` attribute for tags.
+     * @default rsbuildConfig.html.crossorigin
+     */
+    crossOrigin?: boolean | CrossOrigin_2;
+    /**
+     * The delay time between retries. Unit: ms
+     * @default 0
+     */
+    delay?: number | ((context: AssetsRetryHookContext_2) => number);
+    /**
+     * The function to add query parameters to the URL of the asset being retried.
+     * @param times e.g: 1 -> 2 -> 3
+     * @param originalQuery initial request url's query e.g: <script src="https://cdn.com/a.js?version=1"></script> -> "?version=1"
+     * @default false
+     * @description
+     *
+     * if set to `true`, `?retry=${times}` will be added to the url.
+     *
+     * ```ts
+     * ({ times, originalQuery }) => hasQuery(originalQuery) ? `${getQuery(originalQuery)}&retry=${times}` : `?retry=${times}`
+     * ```
+     */
+    addQuery?: boolean | ((context: {
+        times: number;
+        originalQuery: string;
+    }) => string);
+};
+
+declare type RuntimeRetryOptionsWithoutDefaultValue = {
+    /**
+     * The test function of the asset to be retried.
+     */
+    test?: string | ((url: string) => boolean);
+    /**
+     * The callback function when the asset is failed to be retried.
+     */
+    onFail?: (context: AssetsRetryHookContext_2) => void;
+    /**
+     * The callback function when the asset is being retried.
+     */
+    onRetry?: (context: AssetsRetryHookContext_2) => void;
+    /**
+     * The callback function when the asset is successfully retried.
+     */
+    onSuccess?: (context: AssetsRetryHookContext_2) => void;
+};
+
+export { }

package/dist/index.js

@@ -189,25 +189,19 @@ function modifyRuntimeModule(module, modifier, isRspack) {
     if (isRspack) modifyRspackRuntimeModule(module, modifier);
     else modifyWebpackRuntimeModule(module, modifier);
 }
-function pick(obj, keys) {
-    return keys.reduce((ret, key)=>{
-        if (void 0 !== obj[key]) ret[key] = obj[key];
-        return ret;
-    }, {});
-}
 class AsyncChunkRetryPlugin {
     getRawRuntimeRetryCode() {
         const { RuntimeGlobals } = rspack;
         const filename = 'asyncChunkRetry';
-        const runtimeFilePath = node_path.join(AsyncChunkRetryPlugin_dirname, 'runtime', this.options.minify ? `${filename}.min.js` : `${filename}.js`);
+        const runtimeFilePath = node_path.join(AsyncChunkRetryPlugin_dirname, 'runtime', this.minify ? `${filename}.min.js` : `${filename}.js`);
         const rawText = node_fs.readFileSync(runtimeFilePath, 'utf-8');
         return rawText.replaceAll('__RUNTIME_GLOBALS_REQUIRE__', RuntimeGlobals.require).replaceAll('__RUNTIME_GLOBALS_ENSURE_CHUNK__', RuntimeGlobals.ensureChunk).replaceAll('__RUNTIME_GLOBALS_GET_CHUNK_SCRIPT_FILENAME__', RuntimeGlobals.getChunkScriptFilename).replaceAll('__RUNTIME_GLOBALS_GET_CSS_FILENAME__', RuntimeGlobals.getChunkCssFilename).replaceAll('__RUNTIME_GLOBALS_GET_MINI_CSS_EXTRACT_FILENAME__', '__webpack_require__.miniCssF').replaceAll('__RUNTIME_GLOBALS_RSBUILD_LOAD_STYLESHEET__', '__webpack_require__.rbLoadStyleSheet').replaceAll('__RUNTIME_GLOBALS_PUBLIC_PATH__', RuntimeGlobals.publicPath).replaceAll('__RUNTIME_GLOBALS_LOAD_SCRIPT__', RuntimeGlobals.loadScript).replaceAll('__RETRY_OPTIONS__', serialize_javascript_default()(this.runtimeOptions));
     }
     apply(compiler) {
         compiler.hooks.thisCompilation.tap(this.name, (compilation)=>{
+            const isRspack = this.isRspack;
             compilation.hooks.runtimeModule.tap(this.name, (module)=>{
                 var _module_constructor;
-                const { isRspack } = this.options;
                 const constructorName = isRspack ? module.constructorName : null == (_module_constructor = module.constructor) ? void 0 : _module_constructor.name;
                 const isCssLoadingRuntimeModule = 'CssLoadingRuntimeModule' === constructorName;
                 if (isCssLoadingRuntimeModule) return void modifyRuntimeModule(module, (originSource)=>originSource.replace('var fullhref = __webpack_require__.p + href;', 'var fullhref = __webpack_require__.rbLoadStyleSheet ? __webpack_require__.rbLoadStyleSheet(href, chunkId) : (__webpack_require__.p + href);'), isRspack);
@@ -219,26 +213,20 @@ class AsyncChunkRetryPlugin {
             });
         });
     }
-    constructor(options){
+    constructor(options, isRspack, minify){
         _define_property(this, "name", 'ASYNC_CHUNK_RETRY_PLUGIN');
-        _define_property(this, "options", void 0);
+        _define_property(this, "isRspack", void 0);
+        _define_property(this, "minify", void 0);
         _define_property(this, "runtimeOptions", void 0);
-        this.options = options;
-        this.runtimeOptions = pick(options, [
-            'domain',
-            'max',
-            'onRetry',
-            'onSuccess',
-            'onFail',
-            'addQuery',
-            'test',
-            'delay'
-        ]);
+        this.runtimeOptions = options;
+        this.isRspack = isRspack;
+        this.minify = minify;
     }
 }
 const src_dirname = node_path.dirname(fileURLToPath(import.meta.url));
 const PLUGIN_ASSETS_RETRY_NAME = 'rsbuild:assets-retry';
 function getRuntimeOptions(userOptions) {
+    const { inlineScript, minify, ...restOptions } = userOptions;
     const defaultOptions = {
         max: 3,
         type: [
@@ -248,24 +236,23 @@ function getRuntimeOptions(userOptions) {
         ],
         domain: [],
         crossOrigin: false,
-        delay: 0
+        delay: 0,
+        addQuery: false
     };
     const result = {
         ...defaultOptions,
-        ...userOptions
+        ...restOptions
     };
     if (!Array.isArray(result.type) || 0 === result.type.length) result.type = defaultOptions.type;
     if (!Array.isArray(result.domain) || 0 === result.domain.length) result.domain = defaultOptions.domain;
     if (Array.isArray(result.domain)) result.domain = result.domain.filter(Boolean);
     return result;
 }
-async function getRetryCode(options) {
+async function getRetryCode(runtimeOptions, minify) {
     const filename = 'initialChunkRetry';
-    const { minify, inlineScript: _, ...restOptions } = options;
     const runtimeFilePath = node_path.join(src_dirname, 'runtime', minify ? `${filename}.min.js` : `${filename}.js`);
     const runtimeCode = await node_fs.promises.readFile(runtimeFilePath, 'utf-8');
-    const runtimeOptions = getRuntimeOptions(restOptions);
-    return `(function(){${runtimeCode}})()`.replace('__RUNTIME_GLOBALS_OPTIONS__', serialize_javascript_default()(runtimeOptions));
+    return runtimeCode.replace('__RETRY_OPTIONS__', serialize_javascript_default()(runtimeOptions));
 }
 const pluginAssetsRetry = (userOptions = {})=>({
         name: PLUGIN_ASSETS_RETRY_NAME,
@@ -273,9 +260,9 @@ const pluginAssetsRetry = (userOptions = {})=>({
             const { inlineScript = true } = userOptions;
             const getScriptPath = (environment)=>{
                 const distDir = environment.config.output.distPath.js;
-                return node_path.posix.join(distDir, "assets-retry.1-2-2.js");
+                return node_path.posix.join(distDir, "assets-retry.1-3-0.js");
             };
-            const formatOptions = (config)=>{
+            const normalizeOptions = (config)=>{
                 const options = {
                     ...userOptions
                 };
@@ -288,7 +275,9 @@ const pluginAssetsRetry = (userOptions = {})=>({
                 return options;
             };
             if (inlineScript) api.modifyHTMLTags(async ({ headTags, bodyTags }, { environment })=>{
-                const code = await getRetryCode(formatOptions(environment.config));
+                const options = normalizeOptions(environment.config);
+                const runtimeOptions = getRuntimeOptions(options);
+                const code = await getRetryCode(runtimeOptions, options.minify);
                 headTags.unshift({
                     tag: "script",
                     attrs: {},
@@ -318,20 +307,22 @@ const pluginAssetsRetry = (userOptions = {})=>({
                     stage: 'additional'
                 }, async ({ sources, compilation, environment })=>{
                     const scriptPath = getScriptPath(environment);
-                    const code = await getRetryCode(formatOptions(environment.config));
+                    const options = normalizeOptions(environment.config);
+                    const runtimeOptions = getRuntimeOptions(options);
+                    const code = await getRetryCode(runtimeOptions, options.minify);
                     compilation.emitAsset(scriptPath, new sources.RawSource(code));
                 });
             }
             api.modifyBundlerChain(async (chain, { environment })=>{
                 const { config, htmlPaths } = environment;
                 if (!userOptions || 0 === Object.keys(htmlPaths).length) return;
-                const options = formatOptions(config);
+                const options = normalizeOptions(config);
+                const runtimeOptions = getRuntimeOptions(options);
                 const isRspack = 'rspack' === api.context.bundlerType;
                 chain.plugin('async-chunk-retry').use(AsyncChunkRetryPlugin, [
-                    {
-                        ...options,
-                        isRspack
-                    }
+                    runtimeOptions,
+                    isRspack,
+                    options.minify
                 ]);
             });
         }