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.Services;
+using Coder.Desktop.App.ViewModels;
+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/AgentStatusToColorConverter.cs

@@ -0,0 +1,31 @@
+using System;
+using Windows.UI;
+using Coder.Desktop.App.ViewModels;
+using Microsoft.UI.Xaml.Data;
+using Microsoft.UI.Xaml.Media;
+
+namespace Coder.Desktop.App.Converters;
+
+public class AgentStatusToColorConverter : IValueConverter
+{
+    private static readonly SolidColorBrush Green = new(Color.FromArgb(255, 52, 199, 89));
+    private static readonly SolidColorBrush Red = new(Color.FromArgb(255, 255, 59, 48));
+    private static readonly SolidColorBrush Gray = new(Color.FromArgb(255, 142, 142, 147));
+
+    public object Convert(object value, Type targetType, object parameter, string language)
+    {
+        if (value is not AgentConnectionStatus status) return Gray;
+
+        return status switch
+        {
+            AgentConnectionStatus.Green => Green,
+            AgentConnectionStatus.Red => Red,
+            _ => Gray,
+        };
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, string language)
+    {
+        throw new NotImplementedException();
+    }
+}

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/Converters/VpnLifecycleToBoolConverter.cs

@@ -0,0 +1,33 @@
+using System;
+using Coder.Desktop.App.Models;
+using DependencyPropertyGenerator;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Data;
+
+namespace Coder.Desktop.App.Converters;
+
+[DependencyProperty<bool>("Starting", DefaultValue = false)]
+[DependencyProperty<bool>("Started", DefaultValue = false)]
+[DependencyProperty<bool>("Stopping", DefaultValue = false)]
+[DependencyProperty<bool>("Stopped", DefaultValue = false)]
+public partial class VpnLifecycleToBoolConverter : DependencyObject, IValueConverter
+{
+    public object Convert(object value, Type targetType, object parameter, string language)
+    {
+        if (value is not VpnLifecycle lifecycle) return Stopped;
+
+        return lifecycle switch
+        {
+            VpnLifecycle.Starting => Starting,
+            VpnLifecycle.Started => Started,
+            VpnLifecycle.Stopping => Stopping,
+            VpnLifecycle.Stopped => Stopped,
+            _ => Visibility.Collapsed,
+        };
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, string language)
+    {
+        throw new NotImplementedException();
+    }
+}

App/Converters/VpnLifecycleToVisibilityConverter.cs

@@ -0,0 +1,14 @@
+using System;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Data;
+
+namespace Coder.Desktop.App.Converters;
+
+public partial class VpnLifecycleToVisibilityConverter : VpnLifecycleToBoolConverter, IValueConverter
+{
+    public new object Convert(object value, Type targetType, object parameter, string language)
+    {
+        var boolValue = base.Convert(value, targetType, parameter, language);
+        return boolValue is true ? Visibility.Visible : Visibility.Collapsed;
+    }
+}

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,37 @@
+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;
+
+    public List<object> Agents { get; set; } = [];
+
+    public RpcModel Clone()
+    {
+        return new RpcModel
+        {
+            RpcLifecycle = RpcLifecycle,
+            VpnLifecycle = VpnLifecycle,
+            Agents = Agents,
+        };
+    }
+}

App/Package.appxmanifest

@@ -10,10 +10,10 @@
     <Identity
         Name="925b49fc-4648-4967-b4e6-b5473061ee62"
         Publisher="CN=Coder Technologies Inc."
-        Version="1.0.0.0"/>
+        Version="1.0.0.0" />
 
     <mp:PhoneIdentity PhoneProductId="925b49fc-4648-4967-b4e6-b5473061ee62"
-                      PhonePublisherId="00000000-0000-0000-0000-000000000000"/>
+                      PhonePublisherId="00000000-0000-0000-0000-000000000000" />
 
     <Properties>
         <DisplayName>Coder Desktop (Package)</DisplayName>
@@ -22,12 +22,12 @@
     </Properties>
 
     <Dependencies>
-        <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0"/>
-        <TargetDeviceFamily Name="Windows.Desktop" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0"/>
+        <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
+        <TargetDeviceFamily Name="Windows.Desktop" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
     </Dependencies>
 
     <Resources>
-        <Resource Language="x-generate"/>
+        <Resource Language="x-generate" />
     </Resources>
 
     <Applications>
@@ -40,13 +40,13 @@
                 BackgroundColor="transparent"
                 Square150x150Logo="Images\Square150x150Logo.png"
                 Square44x44Logo="Images\Square44x44Logo.png">
-                <uap:DefaultTile Wide310x150Logo="Images\Wide310x150Logo.png"/>
-                <uap:SplashScreen Image="Images\SplashScreen.png"/>
+                <uap:DefaultTile Wide310x150Logo="Images\Wide310x150Logo.png" />
+                <uap:SplashScreen Image="Images\SplashScreen.png" />
             </uap:VisualElements>
         </Application>
     </Applications>
 
     <Capabilities>
-        <rescap:Capability Name="runFullTrust"/>
+        <rescap:Capability Name="runFullTrust" />
     </Capabilities>
 </Package>