generic-ui: add Avalonia impl of OAuth and Device Code

Add AvaloniaUI based implementations of the OAuth and Device Code
generic UI prompts.

Author: mjcheetham

src/shared/Git-Credential-Manager.UI.Avalonia/Commands/DeviceCodeCommandImpl.cs

@@ -0,0 +1,17 @@
+using System.Threading;
+using System.Threading.Tasks;
+using GitCredentialManager.UI.ViewModels;
+using GitCredentialManager.UI.Views;
+
+namespace GitCredentialManager.UI.Commands
+{
+    public class DeviceCodeCommandImpl : DeviceCodeCommand
+    {
+        public DeviceCodeCommandImpl(ICommandContext context) : base(context) { }
+
+        protected override Task ShowAsync(DeviceCodeViewModel viewModel, CancellationToken ct)
+        {
+            return AvaloniaUi.ShowViewAsync<DeviceCodeView>(viewModel, GetParentHandle(), ct);
+        }
+    }
+}

src/shared/Git-Credential-Manager.UI.Avalonia/Commands/OAuthCommandImpl.cs

@@ -0,0 +1,17 @@
+using System.Threading;
+using System.Threading.Tasks;
+using GitCredentialManager.UI.ViewModels;
+using GitCredentialManager.UI.Views;
+
+namespace GitCredentialManager.UI.Commands
+{
+    public class OAuthCommandImpl : OAuthCommand
+    {
+        public OAuthCommandImpl(ICommandContext context) : base(context) { }
+
+        protected override Task ShowAsync(OAuthViewModel viewModel, CancellationToken ct)
+        {
+            return AvaloniaUi.ShowViewAsync<OAuthView>(viewModel, GetParentHandle(), ct);
+        }
+    }
+}

src/shared/Git-Credential-Manager.UI.Avalonia/Controls/TesterWindow.axaml

@@ -45,5 +45,54 @@
                 <Button Classes="accent" Content="Show" Click="ShowBasic" />
             </StackPanel>
         </TabItem>
+        <TabItem Header="OAuth">
+            <StackPanel>
+                <Grid RowDefinitions="Auto,Auto,Auto,Auto" ColumnDefinitions="Auto,*">
+                    <Label Grid.Row="0" Grid.Column="0"
+                           Content="Window Title" />
+                    <TextBox Grid.Row="0" Grid.Column="1"
+                             x:Name="oauthTitle" Text="Git Credential Manager" />
+                    <Label Grid.Row="1" Grid.Column="0"
+                           Content="Description" />
+                    <TextBox Grid.Row="1" Grid.Column="1"
+                             x:Name="oauthDescription" Text="Sign in to 'https://example.com'" />
+                    <Label Grid.Row="2" Grid.Column="0"
+                           Content="Modes" />
+                    <StackPanel Grid.Row="2" Grid.Column="1"
+                                Orientation="Horizontal" VerticalAlignment="Center">
+                        <CheckBox Content="Browser" x:Name="oauthBrowser" MinWidth="90" IsChecked="True" />
+                        <CheckBox Content="Device Code" x:Name="oauthDeviceCode" MinWidth="80" IsChecked="True" />
+                    </StackPanel>
+                    <Label Grid.Row="3" Grid.Column="0"
+                           Content="Show Logo" />
+                    <CheckBox Grid.Row="3" Grid.Column="1"
+                              x:Name="oauthShowLogo" IsChecked="True" />
+                </Grid>
+                <Button Classes="accent" Content="Show" Click="ShowOAuth" />
+            </StackPanel>
+        </TabItem>
+        <TabItem Header="Device Code">
+            <StackPanel>
+                <Grid RowDefinitions="Auto,Auto,Auto,Auto" ColumnDefinitions="Auto,*">
+                    <Label Grid.Row="0" Grid.Column="0"
+                           Content="Window Title" />
+                    <TextBox Grid.Row="0" Grid.Column="1"
+                             x:Name="deviceTitle" Text="Git Credential Manager" />
+                    <Label Grid.Row="1" Grid.Column="0"
+                           Content="User Code" />
+                    <TextBox Grid.Row="1" Grid.Column="1"
+                             x:Name="deviceUserCode" Text="ABCD-EFGH-1234" />
+                    <Label Grid.Row="2" Grid.Column="0"
+                           Content="Verification URL" />
+                    <TextBox Grid.Row="2" Grid.Column="1"
+                             x:Name="deviceVerificationUrl" Text="https://example.com/signin/device" />
+                    <Label Grid.Row="3" Grid.Column="0"
+                           Content="Show Logo" />
+                    <CheckBox Grid.Row="3" Grid.Column="1"
+                              x:Name="deviceShowLogo" IsChecked="True" />
+                </Grid>
+                <Button Classes="accent" Content="Show" Click="ShowDeviceCode" />
+            </StackPanel>
+        </TabItem>
     </TabControl>
 </Window>

src/shared/Git-Credential-Manager.UI.Avalonia/Controls/TesterWindow.axaml.cs

@@ -3,19 +3,44 @@
 using Avalonia.Controls;
 using Avalonia.Interactivity;
 using Avalonia.Markup.Xaml;
+using GitCredentialManager.Interop.Linux;
+using GitCredentialManager.Interop.MacOS;
+using GitCredentialManager.Interop.Posix;
+using GitCredentialManager.Interop.Windows;
 using GitCredentialManager.UI.ViewModels;
 using GitCredentialManager.UI.Views;
 
 namespace GitCredentialManager.UI.Controls
 {
     public class TesterWindow : Window
     {
+        private readonly IEnvironment _environment;
+
         public TesterWindow()
         {
             InitializeComponent();
 #if DEBUG
             this.AttachDevTools();
 #endif
+
+            if (PlatformUtils.IsWindows())
+            {
+                _environment = new WindowsEnvironment(new WindowsFileSystem());
+            }
+            else
+            {
+                IFileSystem fs;
+                if (PlatformUtils.IsMacOS())
+                {
+                    fs = new MacOSFileSystem();
+                }
+                else
+                {
+                    fs = new LinuxFileSystem();
+                }
+
+                _environment = new PosixEnvironment(fs);
+            }
         }
 
         private void InitializeComponent()
@@ -36,5 +61,34 @@ private void ShowBasic(object sender, RoutedEventArgs e)
             var window = new DialogWindow(view) {DataContext = vm};
             window.ShowDialog(this);
         }
+
+        private void ShowOAuth(object sender, RoutedEventArgs e)
+        {
+            var vm = new OAuthViewModel
+            {
+                Title = this.FindControl<TextBox>("oauthTitle").Text,
+                Description = this.FindControl<TextBox>("oauthDescription").Text,
+                ShowBrowserLogin = this.FindControl<CheckBox>("oauthBrowser").IsChecked ?? false,
+                ShowDeviceCodeLogin = this.FindControl<CheckBox>("oauthDeviceCode").IsChecked ?? false,
+                ShowProductHeader = this.FindControl<CheckBox>("oauthShowLogo").IsChecked ?? false
+            };
+            var view = new OAuthView();
+            var window = new DialogWindow(view) {DataContext = vm};
+            window.ShowDialog(this);
+        }
+
+        private void ShowDeviceCode(object sender, RoutedEventArgs e)
+        {
+            var vm = new DeviceCodeViewModel(_environment)
+            {
+                Title = this.FindControl<TextBox>("deviceTitle").Text,
+                UserCode = this.FindControl<TextBox>("deviceUserCode").Text,
+                VerificationUrl = this.FindControl<TextBox>("deviceVerificationUrl").Text,
+                ShowProductHeader = this.FindControl<CheckBox>("deviceShowLogo").IsChecked ?? false
+            };
+            var view = new DeviceCodeView();
+            var window = new DialogWindow(view) {DataContext = vm};
+            window.ShowDialog(this);
+        }
     }
 }

src/shared/Git-Credential-Manager.UI.Avalonia/Git-Credential-Manager.UI.Avalonia.csproj

@@ -21,6 +21,14 @@
       <DependentUpon>TesterWindow.axaml</DependentUpon>
       <SubType>Code</SubType>
     </Compile>
+    <Compile Update="Views\OAuthView.axaml.cs">
+      <DependentUpon>OAuthView.axaml</DependentUpon>
+      <SubType>Code</SubType>
+    </Compile>
+    <Compile Update="Views\DeviceCodeView.axaml.cs">
+      <DependentUpon>DeviceCodeView.axaml</DependentUpon>
+      <SubType>Code</SubType>
+    </Compile>
   </ItemGroup>
 
 </Project>

src/shared/Git-Credential-Manager.UI.Avalonia/Program.cs

@@ -48,6 +48,8 @@ private static void AppMain(object o)
             using (var app = new HelperApplication(context))
             {
                 app.RegisterCommand(new CredentialsCommandImpl(context));
+                app.RegisterCommand(new OAuthCommandImpl(context));
+                app.RegisterCommand(new DeviceCodeCommandImpl(context));
 
                 int exitCode = app.RunAsync(args)
                     .ConfigureAwait(false)

src/shared/Git-Credential-Manager.UI.Avalonia/Views/DeviceCodeView.axaml

@@ -0,0 +1,44 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:sharedVms="clr-namespace:GitCredentialManager.UI.ViewModels;assembly=gcmcoreui"
+             mc:Ignorable="d" d:DesignWidth="420"
+             x:Class="GitCredentialManager.UI.Views.DeviceCodeView">
+    <Design.DataContext>
+        <sharedVms:DeviceCodeViewModel/>
+    </Design.DataContext>
+    <DockPanel>
+        <StackPanel DockPanel.Dock="Top" Margin="0,0,0,15">
+            <StackPanel Margin="0"
+                        Orientation="Horizontal"
+                        HorizontalAlignment="Center"
+                        IsVisible="{Binding ShowProductHeader}">
+                <Image Margin="0,0,10,0"
+                       VerticalAlignment="Center"
+                       Source="{StaticResource GcmLogo}"
+                       Width="32" Height="32" />
+                <TextBlock Text="Git Credential Manager"
+                           VerticalAlignment="Center"
+                           FontSize="18"
+                           FontWeight="Light"/>
+            </StackPanel>
+        </StackPanel>
+
+        <StackPanel Orientation="Vertical" VerticalAlignment="Center">
+            <TextBlock Text="Visit the URL below, sign in, and enter the following device code to continue."
+                       Margin="0,0,0,20"
+                       TextWrapping="Wrap" TextAlignment="Center"/>
+            <TextBox Text="{Binding UserCode}"
+                     Margin="0,0,0,20"
+                     HorizontalAlignment="Center"
+                     FontSize="24"
+                     TextAlignment="Center"
+                     Classes="label monospace"/>
+            <Button Content="{Binding VerificationUrl}"
+                    Command="{Binding VerificationUrlCommand}"
+                    HorizontalAlignment="Center"
+                    Classes="hyperlink" />
+        </StackPanel>
+    </DockPanel>
+</UserControl>

src/shared/Git-Credential-Manager.UI.Avalonia/Views/DeviceCodeView.axaml.cs

@@ -0,0 +1,18 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace GitCredentialManager.UI.Views
+{
+    public class DeviceCodeView : UserControl
+    {
+        public DeviceCodeView()
+        {
+            InitializeComponent();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+    }
+}

src/shared/Git-Credential-Manager.UI.Avalonia/Views/OAuthView.axaml

@@ -0,0 +1,49 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:vm="clr-namespace:GitCredentialManager.UI.ViewModels;assembly=gcmcoreui"
+             mc:Ignorable="d" d:DesignWidth="420"
+             x:Class="GitCredentialManager.UI.Views.OAuthView">
+    <Design.DataContext>
+        <vm:OAuthViewModel/>
+    </Design.DataContext>
+    <DockPanel>
+        <StackPanel DockPanel.Dock="Top" Margin="10,0,10,10">
+            <StackPanel Margin="0"
+                        Orientation="Horizontal"
+                        HorizontalAlignment="Center"
+                        IsVisible="{Binding ShowProductHeader}">
+                <Image Margin="0,0,10,0"
+                       VerticalAlignment="Center"
+                       Source="{StaticResource GcmLogo}"
+                       Width="32" Height="32" />
+                <TextBlock Text="Git Credential Manager"
+                           VerticalAlignment="Center"
+                           FontSize="18"
+                           FontWeight="Light"/>
+            </StackPanel>
+
+            <TextBlock Text="{Binding Description}"
+                       FontSize="14"
+                       HorizontalAlignment="Center"
+                       TextWrapping="Wrap"
+                       Margin="0,15,0,15"/>
+        </StackPanel>
+
+        <StackPanel Margin="20,0">
+            <Button Content="Sign in with your browser"
+                    IsDefault="True"
+                    Command="{Binding SignInBrowserCommand}"
+                    HorizontalAlignment="Center"
+                    Classes="accent"
+                    Margin="0,0,0,10"
+                    IsVisible="{Binding ShowBrowserLogin}"/>
+            <Button Content="Sign in with a code"
+                    IsDefault="True"
+                    Command="{Binding SignInDeviceCodeCommand}"
+                    HorizontalAlignment="Center"
+                    IsVisible="{Binding ShowDeviceCodeLogin}"/>
+        </StackPanel>
+    </DockPanel>
+</UserControl>

src/shared/Git-Credential-Manager.UI.Avalonia/Views/OAuthView.axaml.cs

@@ -0,0 +1,18 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace GitCredentialManager.UI.Views
+{
+    public class OAuthView : UserControl
+    {
+        public OAuthView()
+        {
+            InitializeComponent();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+    }
+}