How to CreateDiffNavigator? about blazormonaco

[WaldiTUD]

I solved it by extending the jsInterop.js with my own functions, because jsInterop.js is missing blazorMonaco.editor.createDiffNavigator

This is my workaround:
In _Host.cshtml or Index.html add:

<script>
        var navi;
        function CreateDiffNavigator(id, options) {
            let editor = blazorMonaco.editor.getEditorById(id);
            navi = monaco.editor.createDiffNavigator(editor, options);
        }

        function DiffNavigationNext(){
            navi.next();
        }

        function DiffNavigationPrevious(){
            navi.previous();
        }
</script>

In my Razor-Page I added in EditorOnDidInit at the end:

        string navOptionJson = JsonSerializer.Serialize(new { FollowsCaret = true, IgnoreCharChanges = true, AlwaysRevealFirst = true }, new JsonSerializerOptions
        {
            IgnoreNullValues = true,
            PropertyNamingPolicy = JsonNamingPolicy.CamelCase
        });

        var navOptionsDict = JsonSerializer.Deserialize<JsonElement>(navOptionJson);
        
        await jsRuntime.InvokeVoidAsync("CreateDiffNavigator",diffEditor.Id, navOptionsDict);

Methods to navigate:

   private async Task GotoPreviousDiff()
   {
        await jsRuntime.InvokeVoidAsync("DiffNavigationPrevious");
   }

    private async Task GotoNextDiff()
    {
        await jsRuntime.InvokeVoidAsync("DiffNavigationNext");
    }