Some suggestions

[wherewhere]

Some suggestions:

• Migrating from Monaco to Code Mirror
  Since Monaco does not supports touching. It has a very bad experience on tablet and mobile. It will be better to use Code Mirror which SharpLab is using now.
• Add supports of Visual Basic and IL
• Add supports of i18n.
• Some UI improves
  • Keep bars in one line to avoid it waste space of the coding area
    • Show icon only of buttons on small screens
    • Add scroll for toolbars to avoid wrapping on small screens
  • Use SettingsCard in settings page
  • Add Cascadia font to font family list.
    (I may write some PRs when I have time.

[wherewhere]

CodeMirror for Roslyn can found in mirrorsharp
CodeMirror for Blazor can using BlazorCodeMirror6
SettingsCard control can using my code https://github.com/wherewhere/wherlog/blob/main/Wherlog/Controls/SettingsCard.razor
l18n can use crowdin to translate communitily

[jjonescz]

Thanks for the suggestions!

• Migrating from Monaco to Code Mirror

SharpLab has this really nasty bug which clears out the code while typing: ashmind/SharpLab#1358
That bug was one of the core reasons I decided to create .NET Lab in the first place.
And I suspect that bug might be caused by the editor SharpLab uses which also seems to be currently unmaintained, so it might not be the best idea to use that editor?
I also like some more advanced features of Monaco editor like multiple cursors (which SharpLab didn't seem to have last time I tried it).

• Use SettingsCard in settings page

Can you show some screenshots of what that component looks like?

• Some UI improves

Yeah, I haven't optimized .NET Lab for narrow screens much, there is definitely room for improvement.

[wherewhere]

SharpLab's problem is not cause by CodeMirror. It is only a bug about Roslyn. You can try my SharpScript which also using CodeMirror. (It cannot use now because .NET 10 RC2 have some problem. It can run by Visual Studio.

[wherewhere]

SettingsCard is the control using in Flunet Design 2 settings. It can be found in Windows Settings and other FD2 Apps. My version is using in here https://wherewhere.github.io/wherlog/settings It may look not exactly the same as the XAML one but I have no idea to deal with it in HTML...

[jjonescz]

It cannot use now because .NET 10 RC2 have some problem.

Ah, I had the same problem, that's why I didn't update to RC2 yet (#106), I tried a nightly sdk though and it seems to work fine, so the problem should be hopefully fixed in .NET 10 GA.

[wherewhere]

[wherewhere]

(Why the version is still 1.0.0...

[wherewhere]

Maybe we can abstract a CodeEditor control so that we can implement it use Monaco and CodeMrror bothly.