feat: integrate the tray app with RPC

App/App.csproj

@@ -12,6 +12,8 @@
         <Nullable>enable</Nullable>
         <EnableMsixTooling>true</EnableMsixTooling>
         <RestorePackagesWithLockFile>true</RestorePackagesWithLockFile>
+        <!-- To use CommunityToolkit.Mvvm.ComponentModel.ObservablePropertyAttribute: -->
+        <LangVersion>preview</LangVersion>
     </PropertyGroup>
 
     <ItemGroup>
@@ -37,22 +39,11 @@
             <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="H.NotifyIcon.WinUI" Version="2.2.0" />
+        <PackageReference Include="Microsoft.Extensions.DependencyInjection" Version="9.0.1" />
         <PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.26100.1742" />
         <PackageReference Include="Microsoft.WindowsAppSDK" Version="1.6.250108002" />
     </ItemGroup>
 
-    <ItemGroup>
-        <Page Update="TrayIcon.xaml">
-            <Generator>MSBuild:Compile</Generator>
-        </Page>
-    </ItemGroup>
-
-    <ItemGroup>
-        <Page Update="HorizontalRule.xaml">
-            <Generator>MSBuild:Compile</Generator>
-        </Page>
-    </ItemGroup>
-
     <!--
       Defining the "Msix" ProjectCapability here allows the Single-project MSIX Packaging
       Tools extension to be activated for this project even if the Windows App SDK Nuget
@@ -61,6 +52,11 @@
     <ItemGroup Condition="'$(DisableMsixProjectCapabilityAddedByProject)'!='true' and '$(EnableMsixTooling)'=='true'">
         <ProjectCapability Include="Msix" />
     </ItemGroup>
+    <ItemGroup>
+        <ProjectReference Include="..\CoderSdk\CoderSdk.csproj" />
+        <ProjectReference Include="..\Vpn.Proto\Vpn.Proto.csproj" />
+        <ProjectReference Include="..\Vpn\Vpn.csproj" />
+    </ItemGroup>
 
     <!--
       Defining the "HasPackageAndPublishMenuAddedByProject" property here allows the Solution

App/App.xaml.cs

@@ -1,28 +1,55 @@
+using System;
+using System.Diagnostics;
+using Coder.Desktop.App.Models;
+using Coder.Desktop.App.Services;
+using Coder.Desktop.App.Views;
+using Coder.Desktop.App.Views.Pages;
+using Microsoft.Extensions.DependencyInjection;
 using Microsoft.UI.Xaml;
 
 namespace Coder.Desktop.App;
 
 public partial class App : Application
 {
-    private TrayWindow? TrayWindow;
+    private readonly IServiceProvider _services;
+    private TrayWindow? _trayWindow;
+    private readonly bool _handleClosedEvents = true;
 
     public App()
     {
+        var services = new ServiceCollection();
+        services.AddSingleton<ICredentialManager, CredentialManager>();
+        services.AddSingleton<IRpcController, RpcController>();
+
+        services.AddTransient<TrayWindowDisconnectedViewModel>();
+        services.AddTransient<TrayWindowDisconnectedPage>();
+        services.AddTransient<TrayWindowLoginRequiredViewModel>();
+        services.AddTransient<TrayWindowLoginRequiredPage>();
+        services.AddTransient<TrayWindowLoginRequiredViewModel>();
+        services.AddTransient<TrayWindowLoginRequiredPage>();
+        services.AddTransient<TrayWindowViewModel>();
+        services.AddTransient<TrayWindowMainPage>();
+        services.AddTransient<TrayWindow>();
+
+        _services = services.BuildServiceProvider();
+
+#if DEBUG
+        UnhandledException += (_, e) => { Debug.WriteLine(e.Exception.ToString()); };
+#endif
+
         InitializeComponent();
     }
 
-    private bool HandleClosedEvents { get; } = true;
-
     protected override void OnLaunched(LaunchActivatedEventArgs args)
     {
-        TrayWindow = new TrayWindow();
-        TrayWindow.Closed += (sender, args) =>
+        _trayWindow = _services.GetRequiredService<TrayWindow>();
+        _trayWindow.Closed += (sender, args) =>
         {
             // TODO: wire up HandleClosedEvents properly
-            if (HandleClosedEvents)
+            if (_handleClosedEvents)
             {
                 args.Handled = true;
-                TrayWindow.AppWindow.Hide();
+                _trayWindow.AppWindow.Hide();
             }
         };
     }

App/HorizontalRule.xaml → App/Controls/HorizontalRule.xaml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 
 <UserControl
-    x:Class="Coder.Desktop.App.HorizontalRule"
+    x:Class="Coder.Desktop.App.Controls.HorizontalRule"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

App/HorizontalRule.xaml.cs → App/Controls/HorizontalRule.xaml.cs

@@ -1,6 +1,6 @@
 using Microsoft.UI.Xaml.Controls;
 
-namespace Coder.Desktop.App;
+namespace Coder.Desktop.App.Controls;
 
 public sealed partial class HorizontalRule : UserControl
 {

App/TrayIcon.xaml → App/Controls/TrayIcon.xaml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 
 <UserControl
-    x:Class="Coder.Desktop.App.TrayIcon"
+    x:Class="Coder.Desktop.App.Controls.TrayIcon"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

App/TrayIcon.xaml.cs → App/Controls/TrayIcon.xaml.cs

@@ -6,7 +6,7 @@
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Media.Imaging;
 
-namespace Coder.Desktop.App;
+namespace Coder.Desktop.App.Controls;
 
 [DependencyProperty<ICommand>("OpenCommand")]
 [DependencyProperty<ICommand>("ExitCommand")]

App/Converters/BoolToObjectConverter.cs

@@ -0,0 +1,21 @@
+using System;
+using DependencyPropertyGenerator;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Data;
+
+namespace Coder.Desktop.App.Converters;
+
+[DependencyProperty<object>("TrueValue", DefaultValue = true)]
+[DependencyProperty<object>("FalseValue", DefaultValue = true)]
+public partial class BoolToObjectConverter : DependencyObject, IValueConverter
+{
+    public object Convert(object value, Type targetType, object parameter, string language)
+    {
+        return value is true ? TrueValue : FalseValue;
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, string language)
+    {
+        throw new NotImplementedException();
+    }
+}

App/Converters/BoolToVisibilityConverter.cs

@@ -0,0 +1,12 @@
+using Microsoft.UI.Xaml;
+
+namespace Coder.Desktop.App.Converters;
+
+public partial class BoolToVisibilityConverter : BoolToObjectConverter
+{
+    public BoolToVisibilityConverter()
+    {
+        TrueValue = Visibility.Visible;
+        FalseValue = Visibility.Collapsed;
+    }
+}

App/Converters/InverseBoolToVisibilityConverter.cs

@@ -0,0 +1,12 @@
+using Microsoft.UI.Xaml;
+
+namespace Coder.Desktop.App.Converters;
+
+public partial class InverseBoolToVisibilityConverter : BoolToObjectConverter
+{
+    public InverseBoolToVisibilityConverter()
+    {
+        TrueValue = Visibility.Collapsed;
+        FalseValue = Visibility.Visible;
+    }
+}

App/Models/AgentModel.cs

@@ -0,0 +1,68 @@
+using Windows.ApplicationModel.DataTransfer;
+using Windows.UI;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Microsoft.UI.Xaml.Media;
+
+namespace Coder.Desktop.App.Models;
+
+public enum AgentConnectionStatus
+{
+    Green,
+    Red,
+    Gray,
+}
+
+public partial class AgentModel : ObservableObject
+{
+    [ObservableProperty]
+    [NotifyPropertyChangedFor(nameof(FullHostname))]
+    public required partial string Hostname { get; set; }
+
+    [ObservableProperty]
+    [NotifyPropertyChangedFor(nameof(FullHostname))]
+    public required partial string HostnameSuffix { get; set; } // including leading dot
+
+    public string FullHostname => Hostname + HostnameSuffix;
+
+    [ObservableProperty]
+    [NotifyPropertyChangedFor(nameof(ConnectionStatusColor))]
+    public required partial AgentConnectionStatus ConnectionStatus { get; set; }
+
+    public Brush ConnectionStatusColor => ConnectionStatus switch
+    {
+        AgentConnectionStatus.Green => new SolidColorBrush(Color.FromArgb(255, 52, 199, 89)),
+        AgentConnectionStatus.Red => new SolidColorBrush(Color.FromArgb(255, 255, 59, 48)),
+        _ => new SolidColorBrush(Color.FromArgb(255, 142, 142, 147)),
+    };
+
+    [ObservableProperty]
+    public required partial string DashboardUrl { get; set; }
+
+    [RelayCommand]
+    private void CopyHostname(object parameter)
+    {
+        var dataPackage = new DataPackage
+        {
+            RequestedOperation = DataPackageOperation.Copy,
+        };
+        dataPackage.SetText(FullHostname);
+        Clipboard.SetContent(dataPackage);
+
+        if (parameter is not FrameworkElement frameworkElement) return;
+
+        var flyout = new Flyout
+        {
+            Content = new TextBlock
+            {
+                Text = "DNS Copied",
+                Margin = new Thickness(4),
+            },
+        };
+        FlyoutBase.SetAttachedFlyout(frameworkElement, flyout);
+        FlyoutBase.ShowAttachedFlyout(frameworkElement);
+    }
+}

App/Models/CredentialModel.cs

@@ -0,0 +1,25 @@
+namespace Coder.Desktop.App.Models;
+
+public enum CredentialState
+{
+    Invalid,
+    Valid,
+}
+
+public class CredentialModel
+{
+    public CredentialState State { get; set; } = CredentialState.Invalid;
+
+    public string? CoderUrl { get; set; }
+    public string? ApiToken { get; set; }
+
+    public CredentialModel Clone()
+    {
+        return new CredentialModel
+        {
+            State = State,
+            CoderUrl = CoderUrl,
+            ApiToken = ApiToken,
+        };
+    }
+}

App/Models/RpcModel.cs

@@ -0,0 +1,38 @@
+using System.Collections.Generic;
+
+namespace Coder.Desktop.App.Models;
+
+public enum RpcLifecycle
+{
+    Disconnected,
+    Connecting,
+    Connected,
+}
+
+public enum VpnLifecycle
+{
+    Stopped,
+    Starting,
+    Started,
+    Stopping,
+}
+
+public class RpcModel
+{
+    public RpcLifecycle RpcLifecycle { get; set; } = RpcLifecycle.Disconnected;
+
+    public VpnLifecycle VpnLifecycle { get; set; } = VpnLifecycle.Stopped;
+
+    // TODO: write a type for this or maybe use the Rpc Type directly
+    public List<object> VisibleAgents { get; set; } = [];
+
+    public RpcModel Clone()
+    {
+        return new RpcModel
+        {
+            RpcLifecycle = RpcLifecycle,
+            VpnLifecycle = VpnLifecycle,
+            VisibleAgents = VisibleAgents,
+        };
+    }
+}

App/Models/TrayWindowDisconnectedViewModel.cs

@@ -0,0 +1,31 @@
+using System.Threading.Tasks;
+using Coder.Desktop.App.Services;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+
+namespace Coder.Desktop.App.Models;
+
+public partial class TrayWindowDisconnectedViewModel : ObservableObject
+{
+    private readonly IRpcController _rpcController;
+
+    [ObservableProperty]
+    public partial bool ReconnectButtonEnabled { get; set; } = true;
+
+    public TrayWindowDisconnectedViewModel(IRpcController rpcController)
+    {
+        _rpcController = rpcController;
+        _rpcController.StateChanged += (_, rpcModel) => UpdateFromRpcModel(rpcModel);
+    }
+
+    private void UpdateFromRpcModel(RpcModel rpcModel)
+    {
+        ReconnectButtonEnabled = rpcModel.RpcLifecycle != RpcLifecycle.Disconnected;
+    }
+
+    [RelayCommand]
+    public async Task Reconnect()
+    {
+        await _rpcController.Reconnect();
+    }
+}

App/Models/TrayWindowLoginRequiredViewModel.cs

@@ -0,0 +1,13 @@
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+
+namespace Coder.Desktop.App.Models;
+
+public partial class TrayWindowLoginRequiredViewModel : ObservableObject
+{
+    [RelayCommand]
+    public void Login()
+    {
+        // TODO: open the login window
+    }
+}