Use JSRuntime.Current

[serilog]

Use JSRuntime.Current

[nblumhardt]

At the time the code runs, JSRuntime.Current hasn't been initialized. We want to get in and set up logging early, since it means we can include exceptions generated during start-up in the log. Improvements welcome, though, if you spot any opportunities - thanks for checking it out!

[Dresel]

Are multple MonoWebAssemblyJSRuntime within one Blazor application officially supported?

I'm asking because as I said this seems to interfere with other interop calls. If you modify your example with the following:

Reference index.js within index.html with the following content:

window.exampleJsFunctions = {
    showPrompt: function (text) {
        return prompt(text, 'Type your name here');
    }
};

Add this to Index.cshtml:

@functions
{
    protected override async Task OnInitAsync()
    {
        Console.WriteLine("OnInitAsync");

        string s = await JSRuntime.Current.InvokeAsync<string>(
            "exampleJsFunctions.showPrompt",
            "Name");

        Console.WriteLine(s);
    }
}

You won't get any return value from showPrompt 😞

But as soon as you comment out the two Log calls in Main.cs it works:

//Log.Debug("Hello, browser!");
//Log.Warning("Received strange response {@Response} from server", new { Username = "example", Cats = 7 });

[Dresel]

What about making it possible (necessary) to inject the IJSRuntime? Then you could do something like this:

public static void Main(string[] args)
{
    SelfLog.Enable(m => Console.Error.WriteLine(m));

    var monoWebAssemblyJsRuntime = new MonoWebAssemblyJSRuntime();

    Log.Logger = new LoggerConfiguration()
        .MinimumLevel.Debug()
        .WriteTo.BrowserConsole(monoWebAssemblyJsRuntime)
        .CreateLogger();

    Log.Debug("Hello, browser!");
    Log.Warning("Received strange response {@Response} from server", new { Username = "example", Cats = 7 });

    try
    {
        CreateHostBuilder(args).ConfigureServices(x =>
        {
            x.AddSingleton<IJSRuntime>(monoWebAssemblyJsRuntime);
        }).Build().Run();
    }
    catch (Exception ex)
    {
        Log.Fatal(ex, "An exception occurred while creating the WASM host");
        throw;
    }
}

[nblumhardt]

Interesting! I'm not knowledgeable enough to pick the right approach for Blazor here, might need some advice from @SteveSandersonMS 😊

[nblumhardt]

#8 touches on this issue and has some details regarding the current state of Blazor, so closing this in favor of that one. Thanks!