Add frontend, beginning of GH API implementation (wip, borked)

Author: bhenrich

ReplayBrowser/Helpers/GitHubApiHelper.cs

@@ -0,0 +1,78 @@
+using System.Net.Mime;
+using System.Text;
+using Serilog;
+
+namespace ReplayBrowser.Helpers;
+
+public class GitHubApiHelper
+{
+    public GitHubAccount[] Contributors;
+    private string APIToken;
+
+    public GitHubApiHelper(IConfiguration configuration)
+    {
+        try
+        {
+            APIToken = configuration.GetSection("GitHubAPIToken").ToString();
+        }
+        catch (Exception e)
+        {
+            Log.Error("GitHubAPIToken not set, contributors cannot be fetched.");
+        }
+    }
+
+    public async Task<GitHubAccount[]> GetContributors()
+    {
+        try
+        {
+            /*
+            var client = new HttpClient();
+
+            client.DefaultRequestHeaders.Add("Accept", "application/vnd.github+json");
+            client.DefaultRequestHeaders.Add("Authorization", $"Bearer {APIToken}");
+            client.DefaultRequestHeaders.Add("X-GitHub-Api-Version", "2022-11-28");
+            
+            var request = new HttpRequestMessage
+            {
+                Method = HttpMethod.Get,
+                RequestUri = new Uri("https://api.github.com/repos/Simyon264/ReplayBrowser/contributors")
+            };
+            */
+            
+            using (var httpClient = new HttpClient())
+            {
+                using (var request = new HttpRequestMessage(new HttpMethod("GET"), "https://api.github.com/repos/Simyon264/ReplayBrowser/contributors"))
+                {
+                    request.Headers.TryAddWithoutValidation("Accept", "application/vnd.github+json");
+                    request.Headers.TryAddWithoutValidation("Authorization", $"Bearer {APIToken}");
+                    request.Headers.TryAddWithoutValidation("X-GitHub-Api-Version", "2022-11-28"); 
+
+                    var response = await httpClient.SendAsync(request);
+                    
+                    Log.Debug(response.ToString());
+                    response.EnsureSuccessStatusCode();
+
+                    var responseBody = await response.Content.ReadAsStringAsync().ConfigureAwait(false);
+                    Log.Information(responseBody);
+
+                    return []; // where is my debug
+                }
+            }
+            
+            //var response = await client.SendAsync(request).ConfigureAwait(false);
+            
+        }
+        catch (Exception e)
+        {
+            Log.Information($"Exception when querying GitHub: {e.Message}");
+            return [];
+        }
+    }
+}
+
+public struct GitHubAccount
+{
+    private string AccountName;
+    private string AccountImageURL;
+    private string AccountLink;
+}

ReplayBrowser/Pages/Contributors.razor

@@ -0,0 +1,27 @@
+@page "/contributors"
+
+@inject GitHubApiHelper GitHubApiHelper
+
+@using Microsoft.AspNetCore.Components.Web
+@using ReplayBrowser.Pages.Shared
+@using ReplayBrowser.Helpers
+
+<PageTitle>Contributors</PageTitle>
+
+<h3>Contributors</h3>
+
+@foreach (var contrib in _contributors)
+{
+    <ContributorCard ContributorName="" />
+}
+
+
+
+@code {
+    private GitHubAccount[]? _contributors = [];
+    
+    protected async override Task OnInitializedAsync()
+    {
+        _contributors = await GitHubApiHelper.GetContributors();
+    }
+}

ReplayBrowser/Pages/Shared/ContributorCard.razor

@@ -0,0 +1,32 @@
+<div class="card"
+     style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px;">
+    <div class="card-title">
+        <br /><h4>@ContributorName</h4>
+    </div>
+    
+    <div>
+        <div>
+            <img src="@ContributorImage"
+                 style="width: 50px; height: 50px; border-radius: 100px; transform:  translateX(calc(25.8px / 2))"
+                 alt="Profile Picture of the Contributor"
+            />
+        </div>
+        
+        <br />
+        
+        <a href="@ContributorLink" class="btn btn-primary"
+           style="margin-bottom: 25px">
+            GitHub
+        </a>
+    </div>
+</div>
+
+
+@code {
+    [Parameter] public required string ContributorName  { get; set; }
+    [Parameter] public required string ContributorImage { get; set; }
+    [Parameter] public required string ContributorLink  { get; set; }
+    
+    
+
+}

ReplayBrowser/Pages/Shared/MainLayout.razor

@@ -109,7 +109,7 @@
 
 <footer class="footer text-muted text-center">
     <div class="container">
-        <p>Replay Browser is a project by Simyon, YuNii and Saphire. Source code available on <a href="https://github.com/Simyon264/ReplayBrowser">GitHub</a>.</p>
+        <p>Replay Browser is a project by Simyon and <a href="/contributors">contributors</a>. Source code available on <a href="https://github.com/Simyon264/ReplayBrowser">GitHub</a>.</p>
     </div>
 
     <div class="container">

ReplayBrowser/Startup.cs

@@ -85,6 +85,7 @@ public void ConfigureServices(IServiceCollection services)
         services.AddSingleton<ReplayParserService>();
         services.AddSingleton<AnalyticsService>();
         services.AddSingleton<NoticeHelper>();
+        services.AddSingleton<GitHubApiHelper>();
 
         services.AddHostedService<BackgroundServiceStarter<ReplayParserService>>();
         services.AddHostedService<BackgroundServiceStarter<AccountService>>();