Загрузка файлового потока из браузера, получение запроса

яваскрипт:

window.downloadFileFromStream = async function (fileName, streamRef) {
    const response = await streamRef.stream();
    const reader = response.getReader();

    const writableStream = new WritableStream({
        async write(chunk, controller) {
            await writer.write(chunk);
        },
        close() {
            writer.close();
        }
    });

    const writer = writableStream.getWriter();

    const pump = () => reader.read().then(({ done, value }) => {
        if (done) {
            writer.close();
            return;
        }
        return writer.write(value).then(pump);
    });

    await pump();
}

Включите этот js-файл.

@page "/download"
@inject IJSRuntime JS

<button @onclick = "DownloadFile">Download File</button>

@code {
    private async Task DownloadFile()
    {
        var streamRef = new DotNetStreamReference(await GetFileStream());
        await JS.InvokeVoidAsync("downloadFileFromStream", "example.txt", streamRef);
    }

    private async Task<Stream> GetFileStream()
    {
        var stream = new MemoryStream();
        using (var writer = new StreamWriter(stream, leaveOpen: true))
        {
            await writer.WriteAsync("Example file content");
        }
        stream.Position = 0;
        return stream;
    }
}

window.downloadFileFromStream = async function (fileName, streamRef) {
    // Get the response from the stream reference
    const response = await streamRef.stream();
    const reader = response.getReader();

    // Show file picker to choose save location
    const handle = await window.showSaveFilePicker({
        suggestedName: fileName
    });

    // Create a writable stream and wait for it to be ready
    const writableStream = await handle.createWritable();

    // Function to pump data from the reader to the writable stream
    const pump = async () => {
        const { done, value } = await reader.read();
        if (done) {
            await writableStream.close();
            console.info("done");
            return;
        }
        await writableStream.write(value);
        return pump(); // Call pump again for the next chunk
    };

    // Start pumping data
    await pump();
}

Я попробовал это и заставил его работать, если у кого-то еще есть эта проблема. Единственная проблема, которую я вижу в этом, заключается в том, что прогресс не отображается на вкладке загрузки браузера, а только в загрузке файловой системы.