Refactor project structure and enhance functionality

Added `InternalsVisibleTo` attribute for "Ghost.Editor" in `AssemblyInfo.cs`.
Added a binary file `Empty.zip` to the project.
Added a new `ProjectMetadata` class in `ProjectMetadata.cs`.
Added new states and interfaces for managing application states in `EditorState.cs`, `LandingState.cs`, and `IAppState.cs`.
Added a notification service in `INotificationService.cs` and `StackedNotificationService.cs`.
Added new XAML files for UI components, including `InspectorView.xaml` and `InternalControls.xaml`.

Changed the `ProjectInfo` class in `ProjectInfo.cs` to include a `MetadataPath` property instead of `Path` and `EngineVersion`.
Changed the `TemplateInfo` class in `TemplateInfo.cs` to use a struct instead of a class for `TemplateData`.
Changed the `ProjectService` class to use the new `ProjectRepository` for managing project data.

Removed several using directives and the entire `ProjectRepository` class from `ProjectRepository.cs`, replacing it with a new implementation.
Removed old methods and properties in `EntityManager` and `World` classes to improve entity management and component handling.

Updated the `Ghost.Data.csproj` file to include the new `Empty.zip` file as a content item.
Updated the `ProjectRepository` class to manage project data using SQLite.
Updated various XAML files to include new styles and controls, improving the overall UI design.
Updated the `CreateProjectViewModel` to include a notification service and handle project creation logic.
Updated the test project to include references to the new `Ghost.Graphics` project and modified test cases to align with the new structure.

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

@@ -8,6 +8,7 @@
     xmlns:editor="using:Ghost.Editor.Controls"
     xmlns:local="using:Ghost.Editor.View.Pages.Landing"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    NavigationCacheMode="Enabled"
     mc:Ignorable="d">
 
     <Grid>
@@ -46,7 +47,7 @@
                                 Width="24"
                                 Height="24">
                                 <ImageIcon.Source>
-                                    <BitmapImage UriSource="{x:Bind GetIconURI(), Mode=OneWay}" />
+                                    <BitmapImage UriSource="{x:Bind GetIconURI()}" />
                                 </ImageIcon.Source>
                             </ImageIcon>
                             <TextBlock
@@ -76,18 +77,18 @@
             <Grid Grid.Row="0" CornerRadius="4">
                 <Image VerticalAlignment="Center" Stretch="UniformToFill">
                     <Image.Source>
-                        <BitmapImage UriSource="{x:Bind ViewModel.SelectedTemplate.GetPreviewURI(), Mode=OneWay}" />
+                        <BitmapImage UriSource="{x:Bind ViewModel.SelectedTemplate.Value.GetPreviewURI(), Mode=OneWay}" />
                     </Image.Source>
                 </Image>
                 <Grid
-                    HorizontalAlignment="Stretch"
-                    VerticalAlignment="Stretch"
-                    Background="{ThemeResource CircleElevationBorderBrush}">
+                    MaxHeight="100"
+                    VerticalAlignment="Bottom"
+                    Background="{ThemeResource ControlOnImageFillColorDefaultBrush}">
                     <TextBlock
                         Margin="16"
                         VerticalAlignment="Bottom"
-                        Foreground="{ThemeResource TextOnAccentFillColorSecondaryBrush}"
-                        Text="{x:Bind ViewModel.SelectedTemplate.Info.Description, Mode=OneWay}" />
+                        Foreground="{ThemeResource TextFillColorTertiaryBrush}"
+                        Text="{x:Bind ViewModel.SelectedTemplate.Value.Info.Description, Mode=OneWay}" />
                 </Grid>
             </Grid>
 
@@ -95,7 +96,7 @@
                 <TextBlock
                     Margin="0,16,0,8"
                     Style="{StaticResource TitleTextBlockStyle}"
-                    Text="{x:Bind ViewModel.SelectedTemplate.Info.Name, Mode=OneWay}" />
+                    Text="{x:Bind ViewModel.SelectedTemplate.Value.Info.Name, Mode=OneWay}" />
                 <TextBlock
                     Margin="0,8,0,16"
                     Foreground="{ThemeResource TextFillColorSecondaryBrush}"

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

@@ -3,106 +3,162 @@
     x:Class="Ghost.Editor.View.Pages.Landing.OpenProjectPage"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:converters="using:Ghost.Editor.Helpers.Converters"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:data="using:Ghost.Data.Models"
     xmlns:local="using:Ghost.Editor.View.Pages.Landing"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    NavigationCacheMode="Enabled"
     mc:Ignorable="d">
 
-    <Grid>
+    <Page.Resources>
+        <converters:GetDirectoryNameConverter x:Key="DirNameConverter" />
+    </Page.Resources>
+
+    <Grid x:Name="MainContainer">
         <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-        <Grid Grid.Row="0" Margin="16,8,16,16">
+        <Grid Grid.Row="0" Margin="16,4">
+            <TextBlock
+                VerticalAlignment="Center"
+                Style="{StaticResource SubtitleTextBlockStyle}"
+                Text="Projects" />
+            <AutoSuggestBox
+                Width="300"
+                HorizontalAlignment="Right"
+                PlaceholderText="Search project by name"
+                QueryIcon="Find" />
+        </Grid>
+
+        <!--  Header for the ListView  -->
+        <Grid Grid.Row="1" Margin="28,16,45,8">
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="*" />
                 <ColumnDefinition Width="200" />
-                <ColumnDefinition Width="200" />
+                <ColumnDefinition Width="165" />
             </Grid.ColumnDefinitions>
 
             <TextBlock
                 Grid.Column="0"
-                Margin="12,0,0,0"
-                Style="{StaticResource BodyStrongTextBlockStyle}"
-                Text="Name" />
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="NAME" />
             <TextBlock
                 Grid.Column="1"
-                Style="{StaticResource BodyStrongTextBlockStyle}"
-                Text="Last Open" />
+                HorizontalAlignment="Right"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="LAST OPEN" />
             <TextBlock
                 Grid.Column="2"
-                Style="{StaticResource BodyStrongTextBlockStyle}"
-                Text="Engine Version" />
+                HorizontalAlignment="Right"
+                Style="{StaticResource CaptionTextBlockStyle}"
+                Text="ENGINE VERSION" />
         </Grid>
 
-        <ListView
-            x:Name="ProjectListView"
-            Grid.Row="1"
+        <!--  Project ListView  -->
+        <Grid
+            Grid.Row="2"
             Padding="8"
-            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
-            CornerRadius="{StaticResource OverlayCornerRadius}"
-            IsItemClickEnabled="True"
-            ItemClick="ListView_ItemClick"
-            ItemsSource="{x:Bind projects}"
-            SelectionMode="None"
-            Visibility="Visible">
-            <ListView.ItemTemplate>
-                <DataTemplate x:DataType="data:ProjectInfo">
-                    <Grid Padding="4,8">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="*" />
-                            <ColumnDefinition Width="200" />
-                            <ColumnDefinition Width="100" />
-                            <ColumnDefinition Width="100" />
-                        </Grid.ColumnDefinitions>
+            AllowDrop="True"
+            DragEnter="ProjectContainer_DragEnter"
+            DragLeave="ProjectContainer_DragLeave"
+            DragOver="ProjectContainer_DragOver"
+            Drop="ProjectContainer_Drop">
+            <ListView
+                Padding="4,8"
+                Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+                CornerRadius="{StaticResource OverlayCornerRadius}"
+                IsItemClickEnabled="True"
+                ItemClick="ListView_ItemClick"
+                ItemsSource="{x:Bind projects}"
+                SelectionMode="None">
+                <ListView.ItemTemplate>
+                    <DataTemplate x:DataType="data:ProjectMetadataInfo">
+                        <Grid Height="64" Padding="4,8">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="*" />
+                                <ColumnDefinition Width="200" />
+                                <ColumnDefinition Width="100" />
+                                <ColumnDefinition Width="65" />
+                            </Grid.ColumnDefinitions>
 
-                        <Grid Grid.Column="0">
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto" />
-                                <RowDefinition Height="Auto" />
-                            </Grid.RowDefinitions>
+                            <Grid Grid.Column="0" VerticalAlignment="Center">
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto" />
+                                    <RowDefinition Height="Auto" />
+                                </Grid.RowDefinitions>
+
+                                <TextBlock
+                                    Grid.Row="0"
+                                    VerticalAlignment="Center"
+                                    FontSize="16"
+                                    Style="{StaticResource SubtitleTextBlockStyle}"
+                                    Text="{x:Bind Metadata.Name}" />
+                                <TextBlock
+                                    Grid.Row="1"
+                                    Margin="0,4,0,0"
+                                    VerticalAlignment="Center"
+                                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                                    Style="{StaticResource CaptionTextBlockStyle}"
+                                    Text="{x:Bind Path, Converter={StaticResource DirNameConverter}}" />
+                            </Grid>
 
                             <TextBlock
-                                Grid.Row="0"
-                                Style="{StaticResource SubtitleTextBlockStyle}"
-                                Text="{x:Bind Name}" />
+                                Grid.Column="1"
+                                Margin="16,4"
+                                HorizontalAlignment="Right"
+                                VerticalAlignment="Center"
+                                Text="{x:Bind Metadata.LastOpened}" />
                             <TextBlock
-                                Grid.Row="1"
-                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
-                                Style="{StaticResource CaptionTextBlockStyle}"
-                                Text="{x:Bind Path}" />
+                                Grid.Column="2"
+                                Margin="16,4"
+                                HorizontalAlignment="Right"
+                                VerticalAlignment="Center"
+                                Text="{x:Bind Metadata.EngineVersion}" />
+                            <Button
+                                Grid.Column="3"
+                                HorizontalAlignment="Right"
+                                Background="Transparent"
+                                BorderThickness="0">
+                                <FontIcon Glyph="&#xE712;" />
+                            </Button>
                         </Grid>
+                    </DataTemplate>
+                </ListView.ItemTemplate>
+            </ListView>
 
-                        <TextBlock
-                            Grid.Column="1"
-                            Margin="16,4"
-                            VerticalAlignment="Center"
-                            Text="{x:Bind LastOpened}" />
-                        <TextBlock
-                            Grid.Column="2"
-                            Margin="16,4"
-                            VerticalAlignment="Center"
-                            Text="{x:Bind EngineVersion}" />
-                        <Button
-                            Grid.Column="3"
-                            HorizontalAlignment="Right"
-                            Background="Transparent"
-                            BorderThickness="0">
-                            <FontIcon Glyph="&#xE712;" />
-                        </Button>
-                    </Grid>
-                </DataTemplate>
-            </ListView.ItemTemplate>
-        </ListView>
+            <!--  Drag Visual  -->
+            <Grid
+                x:Name="DragVisual"
+                HorizontalAlignment="Stretch"
+                VerticalAlignment="Stretch"
+                Background="{ThemeResource CardStrokeColorDefaultBrush}"
+                BorderBrush="{ThemeResource ControlStrongStrokeColorDefaultBrush}"
+                BorderThickness="2"
+                CornerRadius="{StaticResource OverlayCornerRadius}"
+                Visibility="Collapsed">
+                <TextBlock
+                    HorizontalAlignment="Center"
+                    VerticalAlignment="Center"
+                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                    Style="{StaticResource TitleTextBlockStyle}"
+                    Text="Drage Project Folder Here" />
+            </Grid>
+        </Grid>
 
-        <TextBlock
-            x:Name="PlaceHolderText"
-            HorizontalAlignment="Center"
-            VerticalAlignment="Center"
-            Style="{StaticResource TitleTextBlockStyle}"
-            Text="No projects found"
-            Visibility="Collapsed" />
+        <!--  Empty Place Holder  -->
+        <Grid
+            x:Name="EmptyPlaceHolder"
+            Grid.Row="2"
+            Visibility="Collapsed">
+            <TextBlock
+                HorizontalAlignment="Center"
+                VerticalAlignment="Center"
+                Style="{StaticResource TitleTextBlockStyle}"
+                Text="No projects found" />
+        </Grid>
     </Grid>
 </Page>

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

@@ -1,56 +1,133 @@
 using Ghost.Data.Models;
 using Ghost.Data.Services;
-using Ghost.Editor.View.Windows;
+using Ghost.Editor.AppStates;
+using Ghost.Editor.Services;
 using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Navigation;
+using System;
 using System.Collections.ObjectModel;
-
-// To learn more about WinUI, the WinUI project structure,
-// and more about our project templates, see: http://aka.ms/winui-project-info.
+using System.Linq;
+using Windows.ApplicationModel.DataTransfer;
+using Windows.Storage;
 
 namespace Ghost.Editor.View.Pages.Landing;
 
 internal sealed partial class OpenProjectPage : Page
 {
     private readonly ProjectService _projectService;
+    private readonly StackedNotificationService _notificationService;
+    private readonly AppStateService _stateService;
 
-    public readonly ObservableCollection<ProjectInfo> projects = new();
+    public readonly ObservableCollection<ProjectMetadataInfo> projects = new();
 
     public OpenProjectPage()
     {
+        _notificationService = App.GetService<StackedNotificationService>();
         _projectService = App.GetService<ProjectService>();
-
+        _stateService = App.GetService<AppStateService>();
         InitializeComponent();
     }
 
+    private void UpdateEmptyPlaceHolderVisibility()
+    {
+        EmptyPlaceHolder.Visibility = projects.Count == 0 ? Visibility.Visible : Visibility.Collapsed;
+    }
+
     protected override async void OnNavigatedTo(NavigationEventArgs e)
     {
-        await foreach (var project in _projectService.LoadAllProjectAsync())
+        base.OnNavigatedTo(e);
+
+        projects.Clear();
+        await foreach (var projectInfo in _projectService.LoadAllProjectAsync())
         {
-            projects.Add(project);
+            var metadata = await ProjectService.LoadMetadataAsync(projectInfo.MetadataPath);
+            if (metadata == null)
+            {
+                continue;
+            }
+
+            projects.Add(new(projectInfo.MetadataPath, metadata));
         }
 
-        if (projects.Count == 0)
+        UpdateEmptyPlaceHolderVisibility();
+    }
+
+    private void ProjectContainer_DragEnter(object sender, DragEventArgs e)
+    {
+        DragVisual.Visibility = Visibility.Visible;
+        EmptyPlaceHolder.Visibility = Visibility.Collapsed;
+    }
+
+    private void ProjectContainer_DragLeave(object sender, DragEventArgs e)
+    {
+        DragVisual.Visibility = Visibility.Collapsed;
+        UpdateEmptyPlaceHolderVisibility();
+    }
+
+    private void ProjectContainer_DragOver(object sender, DragEventArgs e)
+    {
+        if (e.DataView.Contains(StandardDataFormats.StorageItems))
         {
-            PlaceHolderText.Visibility = Visibility.Visible;
-            ProjectListView.Visibility = Visibility.Collapsed;
+            e.AcceptedOperation = DataPackageOperation.Link;
         }
+        else
+        {
+            e.AcceptedOperation = DataPackageOperation.None;
+        }
+    }
+
+    private async void ProjectContainer_Drop(object sender, DragEventArgs e)
+    {
+        var errorMessage = string.Empty;
+        if (e.DataView.Contains(StandardDataFormats.StorageItems))
+        {
+            var items = await e.DataView.GetStorageItemsAsync();
+            var rootFolder = items.OfType<StorageFolder>().FirstOrDefault();
+            if (rootFolder != null)
+            {
+                var result = await _projectService.AddProjectFromDirectoryAsync(rootFolder.Path);
+                if (result.success)
+                {
+                    projects.Add(result.data);
+                    DragVisual.Visibility = Visibility.Collapsed;
+                    goto CloseDropPanel;
+                }
+                else
+                {
+                    errorMessage = result.message;
+                }
+            }
+        }
+        else
+        {
+            errorMessage = "Unsupported data format. Please drop a folder containing a project.";
+        }
+
+        _notificationService.ShowNotification(errorMessage, InfoBarSeverity.Error);
+
+    CloseDropPanel:
+        DragVisual.Visibility = Visibility.Collapsed;
+        UpdateEmptyPlaceHolderVisibility();
     }
 
     private async void ListView_ItemClick(object sender, ItemClickEventArgs e)
     {
-        if (e.ClickedItem is not ProjectInfo project)
+        if (e.ClickedItem is not ProjectMetadataInfo project)
         {
             return;
         }
 
-        if (EngineEditorWindow.TryLoadProject(project))
+        try
         {
-            App.GetService<LandingWindow>().Close();
+            project.Metadata.LastOpened = DateTime.Now;
+            await ProjectService.CreateMetadataFileAsync(project.Path, project.Metadata);
 
-            project.LastOpened = System.DateTime.Now;
-            await _projectService.UpdateProjectAsync(project);
+            await _stateService.TransitionToAsync(StateKey.EngineEditor, project.Metadata);
+        }
+        catch (Exception exp)
+        {
+            _notificationService.ShowNotification($"Failed to load project: {exp.Message}", InfoBarSeverity.Error);
         }
     }
 }