Improve virtual keyboard

.globalconfig

@@ -26,3 +26,6 @@ dotnet_diagnostic.IDE0059.severity = warning
 
 # IDE0060: Remove unused parameter
 dotnet_diagnostic.IDE0060.severity = warning
+
+# IDE0380: Remove unnecessary 'unsafe' modifier
+dotnet_diagnostic.IDE0380.severity = warning

Directory.Packages.props

@@ -6,9 +6,9 @@
     <NoWarn>$(NoWarn);NU1507</NoWarn>
     <NetCoreVersion>11.0.0-preview.5.26302.115</NetCoreVersion>
     <AspNetCoreVersion>$(NetCoreVersion)</AspNetCoreVersion>
-    <RoslynBuild>26309.3</RoslynBuild>
-    <RoslynVersion>5.9.0-1.$(RoslynBuild)</RoslynVersion>
-    <RazorVersion>10.4.0-preview.$(RoslynBuild)</RazorVersion>
+    <RoslynBuild>26351.2</RoslynBuild>
+    <RoslynVersion>5.10.0-1.$(RoslynBuild)</RoslynVersion>
+    <RazorVersion>11.1.0-preview.$(RoslynBuild)</RazorVersion>
     <FluentUIVersion>4.14.2</FluentUIVersion>
     <NuGetVersion>7.6.0</NuGetVersion>
   </PropertyGroup>

src/App/Lab/Page.razor

@@ -112,6 +112,13 @@
         }
 
         <div>
+            @* Keyboard button *@
+            <FluentButton OnClick="ToggleInputVirtualKeyboardAsync"
+                          Appearance="@(disableInputVirtualKeyboard ? Appearance.Accent : Appearance.Neutral)"
+                          Title="@(disableInputVirtualKeyboard ? "Enable the on-screen keyboard for the input editor" : "Disable the on-screen keyboard for the input editor")">
+                <FluentIcon Value="@(new Icons.Regular.Size20.Keyboard())" Color="Color.Neutral" />
+            </FluentButton>
+
             @* Orientation button *@
             @if (orientation == Orientation.Horizontal)
             {
@@ -342,6 +349,7 @@
                 }
                 <div style="@style">
                     <StandaloneCodeEditor @ref="outputEditor" Id="output-editor"
+                                          OnDidInit="OutputEditorInitAsync"
                                           ConstructionOptions="OutputConstructionOptions" />
                 </div>
             </div>
@@ -386,6 +394,7 @@
     private bool useVim;
     private bool enableMemoryUsageView;
     private bool displayHintSquiggles;
+    private bool disableInputVirtualKeyboard;
     private bool showRenderedHtml;
     private Orientation orientation;
     private string? workerError;
@@ -533,6 +542,7 @@
         Worker.Failed += OnWorkerFailed;
 
         displayHintSquiggles = await LocalStorage.TryLoadOptionAsync(nameof(displayHintSquiggles), defaultValue: false);
+        disableInputVirtualKeyboard = await LocalStorage.TryLoadOptionAsync(nameof(disableInputVirtualKeyboard), defaultValue: false);
     }
 
     private async Task EditorInitAsync()
@@ -564,6 +574,11 @@
 
         await LoadStateFromUrlAsync();
 
+        if (disableInputVirtualKeyboard)
+        {
+            await module.InvokeVoidAsync("setVirtualKeyboardDisabled", inputEditor.Id, true);
+        }
+
         if (await HostEnvironment.HasHardwareKeyboardAsync())
         {
             await inputEditor.Focus();
@@ -586,6 +601,20 @@
         }
     }
 
+    private async Task OutputEditorInitAsync()
+    {
+        await editorInitialized.Task;
+        await module.InvokeVoidAsync("setVirtualKeyboardDisabled", outputEditor.Id, true);
+    }
+
+    private async Task ToggleInputVirtualKeyboardAsync()
+    {
+        disableInputVirtualKeyboard = !disableInputVirtualKeyboard;
+        StateHasChanged();
+        await LocalStorage.SetItemAsync(nameof(disableInputVirtualKeyboard), disableInputVirtualKeyboard);
+        await module.InvokeVoidAsync("setVirtualKeyboardDisabled", inputEditor.Id, disableInputVirtualKeyboard);
+    }
+
     async ValueTask IAsyncDisposable.DisposeAsync()
     {
         NavigationManager.LocationChanged -= OnLocationChanged;

src/App/Lab/Page.razor.js

@@ -97,6 +97,47 @@ export function restoreMonacoEditorViewState(editorId, state) {
     blazorMonaco.editor.getEditor(editorId)?.restoreViewState(state);
 }
 
+const virtualKeyboardObservers = new Map();
+
+export function setVirtualKeyboardDisabled(editorId, disabled) {
+    const existing = virtualKeyboardObservers.get(editorId);
+    if (existing) {
+        existing.disconnect();
+        virtualKeyboardObservers.delete(editorId);
+    }
+
+    const editor = blazorMonaco.editor.getEditor(editorId);
+    const domNode = editor?.getDomNode();
+    if (!domNode) {
+        console.warn(`setVirtualKeyboardDisabled: could not find dom node for editor ${editorId}`);
+        return;
+    }
+
+    const selector = '.native-edit-context';
+    if (disabled) {
+        const apply = () => {
+            const target = domNode.querySelector(selector);
+            if (target && target.getAttribute('inputmode') !== 'none') {
+                target.setAttribute('inputmode', 'none');
+            }
+        };
+
+        apply();
+
+        const observer = new MutationObserver(apply);
+        observer.observe(domNode, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['inputmode'],
+        });
+        virtualKeyboardObservers.set(editorId, observer);
+    } else {
+        const target = domNode.querySelector(selector);
+        target?.removeAttribute('inputmode');
+    }
+}
+
 export function copyUrlToClipboard(urlPrefix) {
     navigator.clipboard.writeText(urlPrefix ? `${urlPrefix}${location.hash}` : location.href);
 }

src/Compiler/TreeFormatter.cs

@@ -428,6 +428,21 @@ static TextSpan getSpan(object obj, Type type)
                 return (TextSpan)type.GetProperty(nameof(SyntaxList<>.Span))!.GetValue(obj)!;
             }
 
+            if (RoslynAccessors.TryGetBoundNodeSyntax(obj, out var syntax))
+            {
+                return syntax.Span;
+            }
+
+            if (RoslynAccessors.TryGetInternalSymbolSyntax(obj, out syntax))
+            {
+                return syntax.Span;
+            }
+
+            if (obj is ISymbol { DeclaringSyntaxReferences: [{ } syntaxRef, ..] })
+            {
+                return syntaxRef.GetSyntax().Span;
+            }
+
             return default;
         }
 

src/RoslynAccess/RoslynAccessors.cs

@@ -148,6 +148,18 @@ public static IEnumerable<string> GetFeatureNames()
             .Select(f => (string)f.GetRawConstantValue()!);
     }
 
+    public static bool TryGetBoundNodeSyntax(object o, [NotNullWhen(returnValue: true)] out SyntaxNode? syntax)
+    {
+        if (o is BoundNode boundNode)
+        {
+            syntax = boundNode.Syntax;
+            return true;
+        }
+
+        syntax = null;
+        return false;
+    }
+
     public static bool TryGetInternalSymbolEquality(object? x, object? y, out bool areEqual)
     {
         if (x is ISymbolInternal xSymbol && y is ISymbolInternal ySymbol)
@@ -184,6 +196,18 @@ public static bool TryGetInternalSymbolName(object o, [NotNullWhen(returnValue:
         return false;
     }
 
+    public static bool TryGetInternalSymbolSyntax(object o, [NotNullWhen(returnValue: true)] out SyntaxNode? syntax)
+    {
+        if (o is Symbol { DeclaringSyntaxReferences: [{ } syntaxRef, ..] })
+        {
+            syntax = syntaxRef.GetSyntax();
+            return true;
+        }
+
+        syntax = null;
+        return false;
+    }
+
     public static Func<object>? TryGetSourceInternalSymbolGetMembers(object o)
     {
         if (o is NamespaceOrTypeSymbol s && s.DeclaringCompilation != null)

src/Shared/Attributes.cs

@@ -0,0 +1,47 @@
+namespace DotNetLab;
+
+[AttributeUsage(AttributeTargets.All, Inherited = false, AllowMultiple = true)]
+public sealed class GenericArgumentsAttribute(params Type[] genericArguments) : Attribute
+{
+    public Type[] GenericArguments { get; } = genericArguments;
+}
+
+[AttributeUsage(AttributeTargets.All, Inherited = false, AllowMultiple = true)]
+public sealed class MethodInstantiationAttribute : Attribute
+{
+    public MethodInstantiationAttribute(string typeName, string methodName, Type[]? genericTypeArguments, Type[]? genericMethodArguments)
+    {
+        TypeName = typeName;
+        MethodName = methodName;
+        GenericTypeArguments = genericTypeArguments ?? Type.EmptyTypes;
+        GenericMethodArguments = genericMethodArguments ?? Type.EmptyTypes;
+    }
+
+    public MethodInstantiationAttribute(string typeName, string methodName, string[]? genericTypeArguments, string[]? genericMethodArguments)
+    {
+        TypeName = typeName;
+        MethodName = methodName;
+        GenericTypeArguments = (genericTypeArguments ?? [])
+            .Select(Type.GetType).Where(t => t != null).ToArray()!;
+        GenericMethodArguments = (genericMethodArguments ?? [])
+            .Select(Type.GetType).Where(t => t != null).ToArray()!;
+    }
+
+    public MethodInstantiationAttribute(string methodName, Type[]? genericMethodArguments)
+    {
+        MethodName = methodName;
+        GenericMethodArguments = genericMethodArguments ?? Type.EmptyTypes;
+    }
+
+    public MethodInstantiationAttribute(string methodName, string[]? genericMethodArguments)
+    {
+        MethodName = methodName;
+        GenericMethodArguments = (genericMethodArguments ?? [])
+            .Select(Type.GetType).Where(t => t != null).ToArray()!;
+    }
+
+    public string? TypeName { get; }
+    public string MethodName { get; }
+    public Type[] GenericTypeArguments { get; } = Type.EmptyTypes;
+    public Type[] GenericMethodArguments { get; } = Type.EmptyTypes;
+}

src/WebAssembly/WebAssembly.csproj

@@ -12,15 +12,15 @@
     <IndexHtmlLoadingInfoFooter>
       <div style="margin-top: 1em">
         Consider using more capable and performant
-        <a href="https://apps.microsoft.com/detail/9PCPMM329DZT" target="_blank" rel="noopener noreferrer">
+        <a href="https://apps.microsoft.com/detail/9PCPMM329DZT" target="_blank" rel="noopener noreferrer" style="white-space: nowrap">
           <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 1794.1 1782.3" style="height: 1em; margin: 0 0.25em 0 0.25em">
             <path d="M1380.2 451.5v-40c0-108.6-51.7-210.6-139.2-274.9 44.5 59 68.5 130.9 68.4 204.8v110.1h-71V341.4C1238.5 152.9 1085.6 0 897.1 0S555.6 152.9 555.6 341.4v110.1H0v1200.7c0 71.8 58.2 130.1 130.1 130.1h1534c71.8 0 130.1-58.2 130.1-130.1V451.5h-414zM626.4 341.4c-.1-149.4 121-270.6 270.5-270.6h.2c148.1 3.2 267.4 122.5 270.7 270.7v110.1H768.1v-40c-.1-149.4 121-270.6 270.5-270.7h.2c12.5 0 24.9.9 37.2 2.8-33.9-15.6-70.7-23.7-108-23.8-87.5-.1-169.7 42.3-220.4 113.6-32.9 53.6-50.3 115.2-50.2 178v40h-71V341.4z" fill="#e8e8e8"/>
             <rect x="520.9" y="740.5" width="347.2" height="347.3" fill="#f25022"/>
             <rect x="926" y="740.5" width="347.2" height="347.3" fill="#7fba00"/>
             <rect x="520.9" y="1145.6" width="347.2" height="347.2" fill="#00a4ef"/>
             <rect x="926" y="1145.6" width="347.2" height="347.2" fill="#ffb900"/>
           </svg>Windows</a> or
-        <a href="https://play.google.com/store/apps/details?id=me.janjones.dotnetlab" target="_blank" rel="noopener noreferrer">
+        <a href="https://play.google.com/store/apps/details?id=me.janjones.dotnetlab" target="_blank" rel="noopener noreferrer" style="white-space: nowrap">
           <svg viewBox="0 0 28.99 31.99" xmlns="http://www.w3.org/2000/svg" style="height: 1em; margin: 0 0.25em 0 0.25em">
             <g data-name="Capa 2"><g data-name="Capa 1"><path d="M13.54 15.28.12 29.34a3.66 3.66 0 0 0 5.33 2.16l15.1-8.6Z" style="fill:#ea4335"/>
             <path d="m27.11 12.89-6.53-3.74-7.35 6.45 7.38 7.28 6.48-3.7a3.54 3.54 0 0 0 1.5-4.79 3.62 3.62 0 0 0-1.5-1.5z" style="fill:#fbbc04"/>