Ported Json Web Token Encoder Decoder to DevToys 2.0

src/Directory.Packages.props

@@ -18,7 +18,7 @@
     <PackageVersion Include="GirCore.Adw-1" Version="$(GirCore)" />
     <PackageVersion Include="GirCore.Gtk-4.0" Version="$(GirCore)" />
     <PackageVersion Include="GirCore.WebKit-6.0" Version="$(GirCore)" />
-    <PackageVersion Include="Markdig" Version="0.33.0" />
+    <PackageVersion Include="Markdig" Version="0.34.0" />
     <PackageVersion Include="Markdown.ColorCode" Version="2.1.0" />
     <PackageVersion Include="Microsoft.AspNetCore.Components.Web" Version="$(DotNetVersion)" />
     <PackageVersion Include="Microsoft.AspNetCore.Components.WebView" Version="$(DotNetVersion)" />
@@ -28,6 +28,7 @@
     <PackageVersion Include="Microsoft.Extensions.Logging" Version="$(DotNetVersion)" Condition="'$(UseMaui)' != 'true'" />
     <PackageVersion Include="Microsoft.Extensions.Logging.Abstractions" Version="$(DotNetVersion)" Condition="'$(UseMaui)' != 'true'" />
     <PackageVersion Include="Microsoft.Extensions.Logging.Debug" Version="$(DotNetVersion)" Condition="'$(UseMaui)' != 'true'" />
+    <PackageVersion Include="Microsoft.IdentityModel.JsonWebTokens" Version="7.2.0" />
     <PackageVersion Include="Microsoft.NET.Test.Sdk" Version="17.1.0" />
     <PackageVersion Include="Microsoft.TypeScript.MSBuild" Version="5.3.2" />
     <PackageVersion Include="Microsoft.Windows.CsWin32" Version="0.3.18-beta" />
@@ -37,13 +38,14 @@
     <PackageVersion Include="Nuke.Common" Version="8.0.0" />
     <PackageVersion Include="OneOf" Version="3.0.263" />
     <PackageVersion Include="SixLabors.ImageSharp" Version="3.1.3" />
+    <PackageVersion Include="System.IdentityModel.Tokens.Jwt" Version="7.2.0" />
     <PackageVersion Include="System.Text.Json" Version="$(DotNetVersion)" />
     <PackageVersion Include="System.CommandLine" Version="2.0.0-beta4.22272.1" />
     <PackageVersion Include="System.ComponentModel.Composition" Version="$(DotNetVersion)" />
     <PackageVersion Include="System.Threading.Tasks.Extensions" Version="4.5.4" />
     <PackageVersion Include="xunit" Version="$(XUnit)" />
     <PackageVersion Include="xunit.runner.visualstudio" Version="$(XUnit)" />
-    <PackageVersion Include="YamlDotNet" Version="13.0.0" />
+    <PackageVersion Include="YamlDotNet" Version="13.7.1" />
     <PackageVersion Include="ZXing.Net" Version="0.16.9" />
     <PackageVersion Include="ZXing.Net.Bindings.ImageSharp.V3" Version="0.16.15" />
   </ItemGroup>

src/app/dev/DevToys.Api/Core/ResultInfo.cs

@@ -1,18 +1,89 @@
-namespace DevToys.Api;
+using static System.Runtime.InteropServices.JavaScript.JSType;
+
+namespace DevToys.Api;
 
 /// <summary>
 /// Record to contain both whether the task was a success and the resulting data
 /// </summary>
 /// <typeparam name="T">Type of the result</typeparam>
-/// <param name="Data">The resulting data or the task</param>
-/// <param name="HasSucceeded">Whether the task succeeded</param>
-public record ResultInfo<T>(T Data, bool HasSucceeded = true);
+public record ResultInfo<T>
+{
+    public T? Data { get; }
+
+    public bool HasSucceeded { get; }
+
+    public string? ErrorMessage { get; }
+
+    /// <summary>
+    /// Record to contain both whether the task was a success and the resulting data
+    /// </summary>
+    /// <param name="data">The resulting data or the task</param>
+    /// <param name="hasSucceeded">Whether the task succeeded</param>
+    public ResultInfo(T data, bool hasSucceeded = true)
+    {
+        Data = data;
+        HasSucceeded = hasSucceeded;
+    }
+
+    /// <summary>
+    /// Record to contain both whether the task was a success and the resulting data
+    /// </summary>
+    /// <param name="data">The resulting data or the task</param>
+    /// <param name="errorMessage">The error message</param>
+    /// <param name="hasSucceeded">Whether the task succeeded</param>
+    public ResultInfo(T data, string errorMessage, bool hasSucceeded = false)
+    {
+        Data = data;
+        HasSucceeded = hasSucceeded;
+        ErrorMessage = errorMessage;
+    }
+}
 
 /// <summary>
 /// Record to contain both whether the task was a success and the resulting data
 /// </summary>
 /// <typeparam name="T">Type of the result</typeparam>
-/// <typeparam name="U">Type of the severity</typeparam>
-/// <param name="Data">The resulting data or the task</param>
-/// <param name="Severity">The severity of the result</param>
-public record ResultInfo<T, U>(T Data, U Severity);
+/// <typeparam name="ResultInfoSeverity">The severity of the result</typeparam>
+public record ResultInfo<T, ResultInfoSeverity>
+{
+    public T? Data { get; }
+
+    public ResultInfoSeverity Severity { get; }
+
+    public string? ErrorMessage { get; }
+
+    /// <summary>
+    /// Record to contain both whether the task was a success and the resulting data
+    /// </summary>
+    /// <param name="data">The resulting data or the task</param>
+    /// <param name="severity">The severity of the result</param>
+    public ResultInfo(T data, ResultInfoSeverity severity)
+    {
+        Data = data;
+        Severity = severity;
+    }
+
+    /// <summary>
+    /// Record to contain both whether the task was a success and the resulting data
+    /// </summary>
+    /// <param name="errorMessage">The error message</param>
+    /// <param name="severity">The severity of the result</param>
+    public ResultInfo(string errorMessage, ResultInfoSeverity severity)
+    {
+        Severity = severity;
+        ErrorMessage = errorMessage;
+    }
+
+    /// <summary>
+    /// Record to contain both whether the task was a success and the resulting data
+    /// </summary>
+    /// <param name="data">The resulting data or the task</param>
+    /// <param name="errorMessage">The error message</param>
+    /// <param name="severity">The severity of the result</param>
+    public ResultInfo(T data, string errorMessage, ResultInfoSeverity severity)
+    {
+        Data = data;
+        Severity = severity;
+        ErrorMessage = errorMessage;
+    }
+}

src/app/dev/DevToys.Api/Core/ResultInfoSeverity.cs

@@ -0,0 +1,8 @@
+namespace DevToys.Api;
+
+public enum ResultInfoSeverity
+{
+    Success,
+    Warning,
+    Error
+}

src/app/dev/DevToys.Api/Tool/GUI/Components/IUIMultiLineTextInput.cs

@@ -10,6 +10,11 @@ public interface IUIMultiLineTextInput : IUISingleLineTextInput
     /// </summary>
     IReadOnlyList<UIHighlightedTextSpan> HighlightedSpans { get; }
 
+    /// <summary>
+    /// Gets the list of tooltip to display on word hover.
+    /// </summary>
+    IReadOnlyList<UIHoverTooltip> Tooltips { get; }
+
     /// <summary>
     /// Gets the programming language name to use when colorizing the text in the control.
     /// </summary>
@@ -62,6 +67,7 @@ public interface IUIMultiLineTextInput : IUISingleLineTextInput
 [DebuggerDisplay($"Id = {{{nameof(Id)}}}, Text = {{{nameof(Text)}}}, SyntaxColorizationLanguageName = {{{nameof(SyntaxColorizationLanguageName)}}}")]
 internal class UIMultilineTextInput : UISingleLineTextInput, IUIMultiLineTextInput
 {
+    private IReadOnlyList<UIHoverTooltip>? _hoverTooltip;
     private IReadOnlyList<UIHighlightedTextSpan>? _highlightedSpans;
     private string? _syntaxColorizationLanguageName;
     private bool _isExtendableToFullScreen;
@@ -79,6 +85,12 @@ public IReadOnlyList<UIHighlightedTextSpan> HighlightedSpans
         internal set => SetPropertyValue(ref _highlightedSpans, value, HighlightedSpansChanged);
     }
 
+    public IReadOnlyList<UIHoverTooltip> Tooltips
+    {
+        get => _hoverTooltip ?? Array.Empty<UIHoverTooltip>();
+        internal set => SetPropertyValue(ref _hoverTooltip, value, HoverTooltipChanged);
+    }
+
     public string SyntaxColorizationLanguageName
     {
         get => _syntaxColorizationLanguageName ?? string.Empty;
@@ -122,6 +134,7 @@ internal set
         }
     }
 
+    public event EventHandler? HoverTooltipChanged;
     public event EventHandler? HighlightedSpansChanged;
     public event EventHandler? SyntaxColorizationLanguageNameChanged;
     public event EventHandler? IsExtendableToFullScreenChanged;
@@ -176,6 +189,15 @@ public static IUIMultiLineTextInput Highlight(this IUIMultiLineTextInput element
         return element;
     }
 
+    /// <summary>
+    /// Sets the list of tooltips to display on Word hover in the text document.
+    /// </summary>
+    public static IUIMultiLineTextInput HoverTooltip(this IUIMultiLineTextInput element, params UIHoverTooltip[] tooltips)
+    {
+        ((UIMultilineTextInput)element).Tooltips = tooltips;
+        return element;
+    }
+
     /// <summary>
     /// Sets the programming language name to use to colorize the text in the control.
     /// </summary>

src/app/dev/DevToys.Api/Tool/GUI/Components/UIHoverTooltip.cs

@@ -0,0 +1,14 @@
+namespace DevToys.Api;
+
+public record UIHoverTooltip
+{
+    public string Word { get; }
+
+    public string Description { get; }
+
+    public UIHoverTooltip(string word, string description)
+    {
+        Word = word;
+        Description = description;
+    }
+}

src/app/dev/DevToys.Blazor/Components/Layout/Expander/Expander.razor.scss

@@ -80,6 +80,10 @@
             background-color: var(--card-background-color-secondary);
             @include transition(transform 250ms cubic-bezier(1, 1, 0, 1));
             transform: translateY(-100%);
+
+            .expander-card {
+                background-color: transparent;
+            }
         }
 
         &[aria-expanded='true'] {

src/app/dev/DevToys.Blazor/Components/Text/MonacoEditor/RicherMonacoEditorBase.cs

@@ -1,4 +1,5 @@
-using System.Text.Json;
+using System.Reflection;
+using System.Text.Json;
 using System.Text.Json.Serialization;
 using DevToys.Blazor.Components.Monaco;
 using DevToys.Blazor.Components.Monaco.Editor;
@@ -519,6 +520,13 @@ internal async Task<ComputedEditorOptions> GetOptionsAsync()
     internal ValueTask<EditorOptions> GetRawOptionsAsync()
         => JSRuntime.InvokeAsync<EditorOptions>("devtoys.MonacoEditor.getRawOptions", Id);
 
+    /// <summary>
+    /// Get value of the current model attached to this editor.
+    /// See <see cref="TextModel.GetWordAtPosition(Position)"/>
+    /// </summary>
+    internal ValueTask<WordAtPosition> GetWordAtPositionAsync(string position)
+        => JSRuntime.InvokeAsync<WordAtPosition>("devtoys.MonacoEditor.getWordAtPosition", position);
+
     /// <summary>
     /// Get value of the current model attached to this editor.
     /// See <see cref="TextModel.GetValue(EndOfLinePreference?, bool?)"/>

src/app/dev/DevToys.Blazor/Components/UIElements/UIGridPresenter.razor.cs

@@ -1,7 +1,26 @@
-namespace DevToys.Blazor.Components.UIElements;
+using DevToys.Api;
+
+namespace DevToys.Blazor.Components.UIElements;
 
 public partial class UIGridPresenter : ComponentBase
 {
     [Parameter]
     public IUIGrid UIGrid { get; set; } = default!;
+
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        UIGrid.CellsChanged += UIGrid_CellsChanged;
+    }
+
+    public void Dispose()
+    {
+        UIGrid.CellsChanged += UIGrid_CellsChanged;
+    }
+
+    private void UIGrid_CellsChanged(object? sender, EventArgs e)
+    {
+        StateHasChanged();
+    }
 }

src/app/dev/DevToys.Blazor/Components/UIElements/UIMultiLineTextInputPresenter.razor

@@ -16,5 +16,6 @@
                   OnTextModelInitializationRequested="OnMonacoTextModelInitializationRequestedAsync"
                   OnDidInit="OnMonacoEditorInitializedAsync"
                   OnDidChangeCursorSelection="OnMonacoEditorSelectionChanged"
+                  OnDidChangeCursorPosition="OnMonacoEditorPositionChanged"
                   ParentComponent="_textInputWrapper"/>
 </UITextInputWrapper>

src/app/dev/DevToys.Blazor/Components/UIElements/UIMultiLineTextInputPresenter.razor.cs

@@ -1,5 +1,7 @@
 using DevToys.Blazor.Components.Monaco;
 using DevToys.Blazor.Components.Monaco.Editor;
+using Microsoft.VisualBasic;
+using Range = DevToys.Blazor.Components.Monaco.Range;
 
 namespace DevToys.Blazor.Components.UIElements;
 
@@ -178,6 +180,54 @@ private Task OnMonacoEditorInitializedAsync()
         return Task.CompletedTask;
     }
 
+    private async Task OnMonacoEditorPositionChanged(CursorPositionChangedEvent cursorPosition)
+    {
+        if (UIMultiLineTextInput.Tooltips.Count == 0)
+        {
+            return;
+        }
+
+        await _monacoInitializationAwaiter.Task;
+        TextModel model = await _monacoEditor.GetModelAsync();
+        if (model is not null && cursorPosition.Position is not null)
+        {
+            WordAtPosition wordAtPosition = await model.GetWordAtPositionAsync(JSRuntime, cursorPosition.Position);
+            if (wordAtPosition is not null)
+            {
+                UIHoverTooltip? tooltip = UIMultiLineTextInput.Tooltips.FirstOrDefault(tooltip => tooltip.Word.Equals(wordAtPosition.Word, StringComparison.OrdinalIgnoreCase));
+                if (tooltip != null)
+                {
+                    var decoration = new ModelDeltaDecoration
+                    {
+                        Range = new Range
+                        {
+                            StartLineNumber = 1,
+                            StartColumn = 1,
+
+                            EndLineNumber = wordAtPosition.EndColumn,
+                            EndColumn = wordAtPosition.EndColumn
+                        },
+                        Options = new ModelDecorationOptions
+                        {
+                            HoverMessage = new[]
+                            {
+                                new MarkdownString()
+                                {
+                                    Value = tooltip.Description
+                                }
+                            }
+                        }
+                    };
+                    await _monacoEditor.ReplaceAllDecorationsByAsync(new[] { decoration });
+                }
+                else
+                {
+                    await _monacoEditor.ResetDeltaDecorationsAsync();
+                }
+            }
+        }
+    }
+
     private async Task OnMonacoEditorSelectionChanged(CursorSelectionChangedEvent newSelection)
     {
         await _monacoInitializationAwaiter.Task;

src/app/dev/DevToys.Blazor/Components/UIElements/UISettingGroupPresenter.razor.scss

@@ -3,4 +3,14 @@
         background-color: var(--ui-setting-group-presenter-inner-ui-setting-background-color);
         border-color: var(--ui-setting-group-presenter-inner-ui-setting-border-color);
     }
+
+    .card {
+        &.expander-card {
+            .card-control {
+                &.child-of-expander {
+                    margin-right: 0;
+                }
+            }
+        }
+    }
 }

src/app/dev/DevToys.Tools/DevToys.Tools.csproj

@@ -53,6 +53,11 @@
       <AutoGen>True</AutoGen>
       <DependentUpon>CronParser.resx</DependentUpon>
     </Compile>
+    <Compile Update="Tools\EncodersDecoders\JsonWebToken\JsonWebTokenEncoderDecoder.Designer.cs">
+      <DesignTime>True</DesignTime>
+      <AutoGen>True</AutoGen>
+      <DependentUpon>JsonWebTokenEncoderDecoder.resx</DependentUpon>
+    </Compile>
     <Compile Update="Tools\EncodersDecoders\Certificate\CertificateDecoder.Designer.cs">
       <DesignTime>True</DesignTime>
       <AutoGen>True</AutoGen>
@@ -253,6 +258,10 @@
       <LastGenOutput>JsonFormatter.Designer.cs</LastGenOutput>
       <Generator>ResXFileCodeGenerator</Generator>
     </EmbeddedResource>
+    <EmbeddedResource Update="Tools\EncodersDecoders\JsonWebToken\JsonWebTokenEncoderDecoder.resx">
+      <LastGenOutput>JsonWebTokenEncoderDecoder.Designer.cs</LastGenOutput>
+      <Generator>ResXFileCodeGenerator</Generator>
+    </EmbeddedResource>
     <EmbeddedResource Update="Tools\Formatters\Sql\SqlFormatter.resx">
       <LastGenOutput>SqlFormatter.Designer.cs</LastGenOutput>
       <Generator>ResXFileCodeGenerator</Generator>
@@ -398,6 +407,9 @@
   </ItemGroup>
 
   <ItemGroup>
+    <PackageReference Include="Microsoft.IdentityModel.JsonWebTokens" />
+    <PackageReference Include="Newtonsoft.Json" />
+    <PackageReference Include="System.IdentityModel.Tokens.Jwt" />
     <PackageReference Include="CronExpressionDescriptor" />
     <PackageReference Include="Cronos" />
     <PackageReference Include="YamlDotNet" />