[feature]: add fetch hook

[zhoushaw]

Clear and concise description of the problem

In the new version of the runtime sdk, we added the manifest concept. If the user wants to request the manifest file with some header information or retry if the request fails, the current one lacks similar handling.fetch is also called for script resource requests in MF SSR, and hooks should apply here as well

Suggested solution

async function fetchWithRetry(url, options = {}, retries = 3) {
    try {
        const response = await fetch(url, options);

        if (!response.ok) {
            throw new Error(`Server error：${response.status}`);
        }

        return response;
     } catch (error) {
        if (retries <= 0) { 
            throw new Error('The request failed three times and has now been abandoned');
        }

        // If there are remaining times, delay 1 second and try again
        await new Promise(resolve => setTimeout(resolve, 1000));
        console.log(`Trying again. Number of retries available：${retries-1}`);
        return await fetchWithRetry(url, options, retries - 1);
    }
}  


function RetryPlugin () {
    return {
        name: "retry-plugin",
        async fetch(url, config){
            return fetchWithRetry(url, config)
        }
    }
}


init({
    name: "@demo/host",
    remotes: [],
    pluigns: [RetryPlugin()]
});

Alternative

No response

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[ScriptedAlchemy]

Yes, this fetch hook should / could work similar to createScript hook.
fetch hook would need to be bound into bundlerRuntime too, so that we have an additional require.f.XX handler where we can fetch chunks.

Alternatively, we split this.

We have fetch() which would allow user to apply headers / tokens / custom fetch implementation, this can be used for any and all fetch() calls dispatched from module federation

then we could have loadChunk hook?
loadChunk({fetch, id, chunkName, remoteInfo})?

Or do you want to use fetch hook for all and we have something like {fetch({type: 'manifest' | 'chunk' | 'container'})?

[github-actions]

🎉 This issue has been resolved in version 1.1.0-canary.1 🎉

The release is available on:

• npm package (@canary dist-tag)
• GitHub release

Your semantic-release bot 📦🚀