Refactor project structure and enhance UI components

Changed connection string format in ProjectRepository.cs and updated application data path retrieval.

Added project reference to Ghost.Engine in Ghost.Database.csproj.

Added new property Packages in TemplateInfo.cs.

Changed XamlControlsResources source in App.xaml for clarity.

Changed App.xaml.cs to include new Host property and updated OnLaunched method.

Removed unused image files related to branding.

Updated Ghost.Editor.csproj to change target framework and organize content files.

Changed display name in Package.appxmanifest from "Ghost.Editor" to "GhostEngine".

Enhanced UI layout and data binding in CreateProjectPage.xaml and its code-behind.

Changed LandingWindow to use WindowEx for improved functionality.

Updated CreateProjectViewModel to implement INavigationAware for better navigation handling.

Updated AssemblyInfo.cs for internal visibility to Ghost.Database.

Added new files for activation handling and game object management in Ghost.Core and Ghost.Engine.

Introduced SystemUtilities for folder picker dialog functionality.

Created PropertyField control with corresponding XAML for UI consistency.

Added TemplateInfoWarper for managing template information.

Introduced HostHelper class to set up application services.

Overall, these changes reflect a significant restructuring of the project, enhancing architecture, improving UI components, and establishing clearer separation of concerns.

Ghost.Editor/View/Pages/HostHelpers.Page.cs

@@ -0,0 +1,22 @@
+using Ghost.Editor.View.Pages.Landing;
+using Ghost.Editor.View.Windows;
+using Ghost.Editor.ViewModel.Pages.Landing;
+using Ghost.Editor.ViewModel.Windows;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Hosting;
+
+namespace Ghost.Editor.View.Pages;
+
+internal static partial class HostHelper
+{
+    public static void SetupPageService(HostBuilderContext context, IServiceCollection services)
+    {
+        services.AddTransient<LandingWindow>();
+        services.AddTransient<LandingViewModel>();
+
+        services.AddTransient<CreateProjectPage>();
+        services.AddTransient<CreateProjectViewModel>();
+
+        services.AddTransient<OpenProjectPage>();
+    }
+}

Ghost.Editor/View/Pages/Landing/CreateProjectPage.xaml

@@ -4,9 +4,10 @@
     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"
-    xmlns:data="using:Ghost.Database.Models.Projects"
+    xmlns:editor="using:Ghost.Editor.Controls"
     xmlns:local="using:Ghost.Editor.View.Pages.Landing"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:warper="using:Ghost.Editor.Models.Warpers"
     mc:Ignorable="d">
 
     <Grid>
@@ -16,25 +17,114 @@
         </Grid.ColumnDefinitions>
 
         <!--  Template Info  -->
-        <Grid Grid.Column="0">
+        <Grid Grid.Column="0" Width="300">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+
             <TextBlock
-                Grid.Column="0"
+                Grid.Row="0"
+                Margin="0,0,0,24"
                 Style="{StaticResource SubtitleTextBlockStyle}"
                 Text="Template" />
 
-            <ListView SelectedItem="">
+            <ListView
+                Grid.Row="1"
+                ItemsSource="{x:Bind ViewModel.templates}"
+                SelectedItem="{x:Bind ViewModel.SelectedTemplate, Mode=TwoWay}">
                 <ListView.ItemTemplate>
-                    <DataTemplate x:DataType="data:TemplateInfo">
-                        <TextBlock VerticalAlignment="Center" Text="{x:Bind Name}" />
+                    <DataTemplate x:DataType="warper:TemplateInfoWarper">
+                        <Grid>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto" />
+                                <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+
+                            <ImageIcon
+                                Grid.Column="0"
+                                Width="24"
+                                Height="24">
+                                <ImageIcon.Source>
+                                    <BitmapImage UriSource="{x:Bind GetIconURI()}" />
+                                </ImageIcon.Source>
+                            </ImageIcon>
+                            <TextBlock
+                                Grid.Column="1"
+                                Margin="8,0"
+                                VerticalAlignment="Center"
+                                Text="{x:Bind Info.Name}" />
+                        </Grid>
                     </DataTemplate>
                 </ListView.ItemTemplate>
             </ListView>
         </Grid>
 
         <!--  Project Info  -->
-        <Grid Grid.Column="1" DataContext="{x:Bind ViewModel.SelectedTemplate, Mode=OneWay}">
-            <Image Stretch="UniformToFill" />
-            <TextBlock Text="{x:Bind ViewModel.SelectedTemplate.Description}" />
+        <Grid
+            Grid.Column="1"
+            Margin="16,0,0,0"
+            Padding="16"
+            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+            CornerRadius="8">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="300" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <Grid Grid.Row="0" CornerRadius="4">
+                <Image VerticalAlignment="Center" Stretch="UniformToFill">
+                    <Image.Source>
+                        <BitmapImage UriSource="{x:Bind ViewModel.SelectedTemplate.GetPreviewURI()}" />
+                    </Image.Source>
+                </Image>
+                <Grid
+                    HorizontalAlignment="Stretch"
+                    VerticalAlignment="Stretch"
+                    Background="{ThemeResource CircleElevationBorderBrush}" />
+            </Grid>
+
+            <StackPanel Grid.Row="1" Margin="8,0">
+                <TextBlock
+                    Margin="0,16,0,8"
+                    Style="{StaticResource TitleTextBlockStyle}"
+                    Text="{x:Bind ViewModel.SelectedTemplate.Info.Name, Mode=OneWay}" />
+                <TextBlock
+                    Margin="0,8,0,16"
+                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                    Style="{StaticResource SubtitleTextBlockStyle}"
+                    Text="Project Settings" />
+
+                <editor:PropertyField Label="Name">
+                    <TextBox Text="{x:Bind ViewModel.ProjectName, Mode=TwoWay}" />
+                </editor:PropertyField>
+                <editor:PropertyField Label="Location">
+                    <Grid>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="Auto" />
+                        </Grid.ColumnDefinitions>
+
+                        <TextBox Grid.Column="0" Text="{x:Bind ViewModel.ProjectLocation, Mode=TwoWay}" />
+                        <Button
+                            Grid.Column="1"
+                            Margin="4,0,0,0"
+                            VerticalAlignment="Stretch"
+                            Command="{x:Bind ViewModel.SelectionProjectLocationCommand}">
+                            <FontIcon FontSize="16" Glyph="&#xE8DA;" />
+                        </Button>
+                    </Grid>
+                </editor:PropertyField>
+            </StackPanel>
+
+            <Grid Grid.Row="2">
+                <Button
+                    Width="150"
+                    HorizontalAlignment="Right"
+                    Content="Create"
+                    Style="{ThemeResource AccentButtonStyle}" />
+            </Grid>
         </Grid>
 
     </Grid>

Ghost.Editor/View/Pages/Landing/CreateProjectPage.xaml.cs

@@ -1,8 +1,6 @@
 using Ghost.Editor.ViewModel.Pages.Landing;
 using Microsoft.UI.Xaml.Controls;
-
-// To learn more about WinUI, the WinUI project structure,
-// and more about our project templates, see: http://aka.ms/winui-project-info.
+using Microsoft.UI.Xaml.Navigation;
 
 namespace Ghost.Editor.View.Pages.Landing;
 
@@ -13,10 +11,16 @@ internal sealed partial class CreateProjectPage : Page
         get;
     }
 
-    public CreateProjectPage(CreateProjectViewModel viewModel)
+    public CreateProjectPage()
     {
-        ViewModel = viewModel;
+        ViewModel = App.GetService<CreateProjectViewModel>();
 
         InitializeComponent();
     }
-}
+
+    protected override void OnNavigatedTo(NavigationEventArgs e)
+    {
+        base.OnNavigatedTo(e);
+        ViewModel.OnNavigatedTo(e.Parameter);
+    }
+}

Ghost.Editor/View/Windows/LandingWindow.xaml

@@ -1,15 +1,21 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<Window
+<winex:WindowEx
     x:Class="Ghost.Editor.View.Windows.LandingWindow"
     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"
     xmlns:local="using:Ghost.Editor.View.Windows"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:winex="using:WinUIEx"
     Title="Landing"
+    IsResizable="False"
     mc:Ignorable="d">
 
-    <Grid Padding="4">
+    <Window.SystemBackdrop>
+        <MicaBackdrop />
+    </Window.SystemBackdrop>
+
+    <Grid Padding="24,32,24,18">
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
@@ -21,7 +27,7 @@
             SelectionChanged="SelectorBar_SelectionChanged">
             <SelectorBarItem IsSelected="True" Text="Open">
                 <SelectorBarItem.Icon>
-                    <FontIcon Glyph="&#xE8A7;" />
+                    <FontIcon Glyph="&#xE838;" />
                 </SelectorBarItem.Icon>
             </SelectorBarItem>
             <SelectorBarItem Text="Create">
@@ -34,7 +40,7 @@
         <Frame
             x:Name="ContentFrame"
             Grid.Row="1"
-            Padding="24,8"
+            Padding="8"
             IsNavigationStackEnabled="False" />
     </Grid>
-</Window>
+</winex:WindowEx>

Ghost.Editor/View/Windows/LandingWindow.xaml.cs

@@ -1,30 +1,22 @@
-// To learn more about WinUI, the WinUI project structure,
-// and more about our project templates, see: http://aka.ms/winui-project-info.
-
-using Ghost.Editor.View.Pages.Landing;
-using Ghost.Editor.ViewModel.Windows;
-using Microsoft.UI.Xaml;
+using Ghost.Editor.View.Pages.Landing;
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Media.Animation;
+using WinUIEx;
 
 namespace Ghost.Editor.View.Windows;
 
-internal sealed partial class LandingWindow : Window
+internal sealed partial class LandingWindow : WindowEx
 {
-    public LandingViewModel ViewModel
-    {
-        get;
-    }
-
     private int _previousSelectedIndex;
 
-    public LandingWindow(LandingViewModel viewModel)
+    public LandingWindow()
     {
-        ViewModel = viewModel;
-
         InitializeComponent();
 
-        AppWindow.Resize(new(1200, 900));
+        this.SetWindowSize(1000, 750);
+        this.CenterOnScreen();
+
+        ExtendsContentIntoTitleBar = true;
     }
 
     private void SelectorBar_SelectionChanged(SelectorBar sender, SelectorBarSelectionChangedEventArgs e)