Enhanced Editor

[Garderoben]

Description

First PR for a more "enhanced" editor. This update is mostly refactoring the old REPL code. While trying to understand the Monaco editor itself, I noticed much of the original JS was not needed. Other parts i changed out to MudBlazor services or components. Updated Monaco Editor and split.js to it's latest's.

I have added a few smaller "quality of life" features where the biggest one might be suggestions or "snippets" which works in both .razor and .csharp files where we can add snippets of mudblazor components.

Snippets Bracket pair colorization Mouse Wheel Zoom New splitter bar little thicker, little easier to grab Real Themes changed the "css hacked" editor dark theme to use real Monaco themes for now its just default and vs-dark for dark mode. Format selection/document

[henon]

Lots of awesome new features, you rock @Garderoben

[ScarletKuro]

Looks good, but I only don't get what is this page for TestPage.razor?

[ScarletKuro]

And it would be nice to try switch to the IKeyInterceptor from MudBlazor, to throw this

function onKeyDown(e) {
    if (e.ctrlKey && e.keyCode === 83) {
        e.preventDefault();

        if (_dotNetInstance && _dotNetInstance.invokeMethodAsync) {
            throttle(() => _dotNetInstance.invokeMethodAsync('TriggerCompileAsync'), 1000, 'compile');
        }
    }
}

[Garderoben]

Looks good, but I only don't get what is this page for TestPage.razor?

another miss from me, something i used while testing will remove it :)