feat(Docs) Added FrontMatter and Git edit links

IGP/Pages/BuildCalculator/BuildCalculatorPage.razor

@@ -207,8 +207,7 @@
             padding-left: 2px;
             padding-right: 2px;
         }
-
-
+        
         .gridItem {
             padding: 0px;
             border: 0px;
@@ -264,12 +263,13 @@
         var faction = filterService.GetFactionType();
         var immortal = filterService.GetImmortalType();
 
-        var entity = EntityModel.GetFrom(hotkey, hotkeyGroup, isHoldSpace, faction, immortal);
+        EntityModel? entity = EntityModel.GetFrom(hotkey!, hotkeyGroup, isHoldSpace, faction, immortal);
 
         if (entity == null)
         {
             return;
         }
+        
         if (buildOrderService.Add(entity, economyService, toastService))
         {
             economyService.Calculate(buildOrderService, timingService, buildOrderService.GetLastRequestInterval());

IGP/Pages/BuildCalculator/Parts/ChartComponent.razor

@@ -58,9 +58,7 @@
     [Inject]
     IBuildOrderService BuildOrderService { get; set; } = default!;
 
-
-    int height = 100;
-    readonly int width = 250;
+    private readonly int width = 250;
 
     List<int> valueList = new();
 

IGP/Pages/Comparision/ComparisionPage.razor

@@ -21,7 +21,7 @@ grid-template-areas: 'loader sand compare compare' ;">
 
     <div style="grid-area: compare; border: 2px solid black; padding: 20px;">
         Comparision Charts
-        <ComparisonChartsComponent></ComparisonChartsComponent>
+        
     </div>
 
 
@@ -90,7 +90,7 @@ grid-template-areas: 'loader sand compare compare' ;">
             return;
         }
 
-        var entity = EntityModel.GetFrom(hotkey, hotkeyGroup, isHoldSpace, faction, immortal);
+        var entity = EntityModel.GetFrom(hotkey!, hotkeyGroup, isHoldSpace, faction, immortal);
         if (entity == null)
         {
             return;

IGP/Pages/Documentation/Parts/DocumentComponent.razor

@@ -1,4 +1,7 @@
 @using System.Net.Http.Json
+@using Markdig.Extensions.Yaml
+@using Markdig.Syntax
+@using YamlDotNet.Serialization
 @inject HttpClient httpClient
 
 @if (content == null)
@@ -9,15 +12,17 @@ else
 {
     <div class="doc">
         <div class="docHeader">
-            <div class="docTitle">@DocContentModel.Name</div>
-
+            <div class="docTitle">@docFrontMatter.Title</div>
             <div class="docDates">
-                <div class="docDateUpdated"><b>Updated</b>: @DocContentModel.UpdatedDate.ToString("MM/dd/yyyy")</div>
-                <div class="docDateCreated"><b>Created</b>: @DocContentModel.CreatedDate.ToString("MM/dd/yyyy")</div>
+                <div class="docDateUpdated"><b>Updated</b>: @docFrontMatter.UpdatedDate.ToString("MM/dd/yyyy")</div>
+                <div class="docDateCreated"><b>Created</b>: @docFrontMatter.CreatedDate.ToString("MM/dd/yyyy")</div>
             </div>
         </div>
-        <div class="docContent">@((MarkupString)Markdown.ToHtml(content, pipeline))</div>
+        <div class="docContent">@((MarkupString)Markdown.ToHtml(content, Pipeline))</div>
+        <div class="docFooter"><EditLinkComponent Href="@GitUrl"></EditLinkComponent></div>
     </div>
+    
+    
 }
 
 <style>
@@ -35,6 +40,11 @@ else
     flex-direction: column;
  }
  
+ .docFooter {
+    display: flex;
+    justify-content: flex-end;
+ }
+ 
  th {
     padding:  8px;
     border: 1px solid gray;
@@ -46,12 +56,22 @@ else
 </style>
 
 @code {
-    [Parameter]
-    public DocContentModel DocContentModel { get; set; } = default!;
+    [Parameter] public DocContentModel DocContentModel { get; set; } = default!;
+
+    DocFrontMatterModel docFrontMatter = null!;
+    private string? content = null;
     
-    MarkdownPipeline pipeline = new MarkdownPipelineBuilder().UseAdvancedExtensions().Build();
-    string? content = null;
-    private async Task<string> LoadContent() => content = await httpClient.GetStringAsync($"content/docs/{DocContentModel.Content}.md");
+    private string Filepath => $"content/docs/{DocContentModel.Content}.md";
+    private string GitUrl => $"{Project.GitResourcesUrl}/{Filepath}";
+    private MarkdownPipeline Pipeline => MarkdownFiles.Pipeline;
+
+    private async Task<DocFrontMatterModel> LoadContent() {
+        content = await MarkdownFiles.LoadMarkdown(httpClient, Filepath);
+        
+        return docFrontMatter =
+            await MarkdownFiles.LoadFrontMatter<DocFrontMatterModel>(httpClient, Filepath);
+    }
+
     protected override async Task OnParametersSetAsync() => await LoadContent();
     protected override async Task OnInitializedAsync() => await LoadContent();
 }

IGP/Pages/Documentation/Parts/DocumentNavComponent.razor

@@ -13,7 +13,8 @@
 .docNavContainer {
    display: flex;
    flex-direction: column;
-   }
+   gap: 8px;
+  }
  
  .docNavButton a {
      color: white;

IGP/Pages/Notes/Parts/NoteComponent.razor

@@ -8,14 +8,14 @@ else
 {
     <div class="note">
         <div class="noteHeader">
-            <div class="noteTitle">@NoteContentModel.Name</div>
-
+            <div class="noteTitle">@noteFrontMatter.Title</div>
             <div class="noteDates">
-                <div class="noteDateUpdated"><b>Updated</b>: @NoteContentModel.UpdatedDate.ToString("MM/dd/yyyy")</div>
-                <div class="noteDateCreated"><b>Created</b>: @NoteContentModel.CreatedDate.ToString("MM/dd/yyyy")</div>
+                <div class="noteDateUpdated"><b>Updated</b>: @noteFrontMatter.UpdatedDate.ToString("MM/dd/yyyy")</div>
+                <div class="noteDateCreated"><b>Created</b>: @noteFrontMatter.CreatedDate.ToString("MM/dd/yyyy")</div>
             </div>
         </div>
-        <div class="noteContent">@((MarkupString)Markdown.ToHtml(content, pipeline))</div>
+        <div class="noteContent">@((MarkupString)Markdown.ToHtml(content, Pipeline))</div>
+        <div class="noteFooter"><EditLinkComponent Href="@GitUrl"></EditLinkComponent></div>
     </div>
 }
 
@@ -34,15 +34,31 @@ else
     flex-direction: column;
  }
  
+ 
+ .noteFooter {
+    display: flex;
+    justify-content: flex-end;
+ }
+ 
 </style>
 
 @code {
-    [Parameter]
-    public NoteContentModel NoteContentModel { get; set; } = default!;
+    [Parameter] public NoteContentModel NoteContentModel { get; set; } = default!;
+
+    NoteFrontMatterModel noteFrontMatter = null!;
+    private string? content = null;
     
-    string? content = null;
-    MarkdownPipeline pipeline = new MarkdownPipelineBuilder().UseAdvancedExtensions().Build();
-    private async Task<string> LoadContent() => content = await httpClient.GetStringAsync($"content/notes/{NoteContentModel.Content}.md");
+    private string Filepath => $"content/notes/{NoteContentModel.Content}.md";
+    private string GitUrl => $"{Project.GitResourcesUrl}/{Filepath}";
+    private MarkdownPipeline Pipeline => MarkdownFiles.Pipeline;
+
+    private async Task<NoteFrontMatterModel> LoadContent() {
+        content = await MarkdownFiles.LoadMarkdown(httpClient, Filepath);
+        
+        return noteFrontMatter =
+            await MarkdownFiles.LoadFrontMatter<NoteFrontMatterModel>(httpClient, Filepath);
+    }
+
     protected override async Task OnParametersSetAsync() => await LoadContent();
     protected override async Task OnInitializedAsync() => await LoadContent();
 

IGP/Pages/Notes/Parts/NoteNavComponent.razor

@@ -11,8 +11,9 @@
 
 <style>
  .noteNavContainer {
-     display: flex;
-     flex-direction: column;
+   display: flex;
+   flex-direction: column;
+   gap: 8px;
  }
  
  .noteNavButton a {