It doesn't work with JavaScript's "fetch" api

[SalehBagheri]

I am using asynchronous 'fetch' to send requests. The endpoint actions call the "_notyfService.Success" method, but the notyf doesn't work and it is not displayed on the screen.

JS code:
let response = await fetch('/controller/action');

and in Controller's action, I have:
_notyfService.Success("Text"); return new EmptyResult();

Any suggestion?

[SalehBagheri]

After hours of exploring, (According to this line below):

ToastNotification/AspNetCoreHero.ToastNotification/Helpers/RequestHelpers.cs

Line 8 in db68e4d

public static bool IsNotyfAjaxRequest(this HttpRequest request)

I finally found out that you need to add this line to each request's header in order to be identified as a Notyf request:

'X-Requested-With': 'Notyf'

and then, copy and modify just the first two lines of the method below:

ToastNotification/AspNetCoreHero.ToastNotification/wwwroot/notyf.min.js

Line 13 in db68e4d

function getResponseHeaders(jqXHR) {

to this:

function getResponseHeadersFETCH(response) {
    var notificationHeader = response.headers.get("X-Notyf-Notifications"); // <-- Just this line has been modified.
    if (notificationHeader !== null) {
        notificationHeader = notificationHeader.split("\n");
        notificationHeader.forEach(function (header) {
            header = header.split(": ");
            var key = header.shift();
            if (key.length == 0) return;
            var decodedData = decodeURIComponent(key);
            var notifications = JSON.parse(decodedData);
            notifications.forEach(function (notification) {
                if (notification.type == 0) {
                    toastNotifySuccess(notification.message.replace(/\+/g, ' '), notification.duration);
                }
                else if (notification.type == 1) {
                    toastNotifyError(notification.message.replace(/\+/g, ' '), notification.duration);
                }
                else if (notification.type == 2) {
                    toastNotifyWarning(notification.message.replace(/\+/g, ' '), notification.duration);
                }
                else if (notification.type == 3) {
                    toastNotifyInformation(notification.message.replace(/\+/g, ' '), notification.duration);
                }
                else if (notification.type == 4) {
                    toastNotifyCustom(
                        notification.message.replace(/\+/g, ' '),
                        notification.duration,
                        notification.backgroundColor,
                        notification.icon);
                }
            })
        });
    }
}

then, call this function after each request manually.

It's not a good idea, but can solve the problem temporarily.