From fac37fcdd6f99414b974502e187c8b8577d2834c Mon Sep 17 00:00:00 2001
From: Tim Miller <innerlogic4321@gmail.com>
Date: Tue, 2 Jan 2024 17:23:57 +0900
Subject: [PATCH] Start User Profile page

---
 website/FishyFlipSite.sln                     |   3 +
 website/FishyFlipSite/MainLayout.razor        |   1 +
 website/FishyFlipSite/Pages/UserProfile.razor | 131 ++++++++++++++++++
 website/FishyFlipSite/Program.cs              |   1 +
 4 files changed, 136 insertions(+)
 create mode 100644 website/FishyFlipSite/Pages/UserProfile.razor

diff --git a/website/FishyFlipSite.sln b/website/FishyFlipSite.sln
index 903f10a0..24275192 100644
--- a/website/FishyFlipSite.sln
+++ b/website/FishyFlipSite.sln
@@ -25,4 +25,7 @@ Global
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
 	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {ECB477D7-CB82-42CA-BA0A-BD0C6319A2C7}
+	EndGlobalSection
 EndGlobal
diff --git a/website/FishyFlipSite/MainLayout.razor b/website/FishyFlipSite/MainLayout.razor
index 7cfff655..1a026eb0 100644
--- a/website/FishyFlipSite/MainLayout.razor
+++ b/website/FishyFlipSite/MainLayout.razor
@@ -10,6 +10,7 @@
             <span>
                 <NavLink href="">Home</NavLink>
                 <NavLink href="firehose">Firehose</NavLink>
+                <NavLink href="profile">Profile</NavLink>
             </span>
         </div>
   </div>
diff --git a/website/FishyFlipSite/Pages/UserProfile.razor b/website/FishyFlipSite/Pages/UserProfile.razor
new file mode 100644
index 00000000..b647acfb
--- /dev/null
+++ b/website/FishyFlipSite/Pages/UserProfile.razor
@@ -0,0 +1,131 @@
+@page "/profile"
+@inject ILogger<UserProfile> logger;
+@using Drastic.Tools;
+@using FishyFlip;
+@using FishyFlip.Events;
+@using FishyFlip.Models;
+@using FishyFlip.Tools;
+@using Microsoft.Extensions.Logging.Debug;
+@using System.Collections.ObjectModel;
+
+@* Error Block *@
+@if (!string.IsNullOrEmpty(error))
+{
+    <div style="border-style: dotted; border-color: red; border-width: 10px;">
+        <p style="color: red;">@error</p>
+    </div>
+}
+
+<div>
+    <label for="handleBox">Handle:</label>
+    <input type="text" @bind="handle" name="handleBox">
+</div>
+
+<div>
+    <label for="inputBox">Instance:</label>
+    <input type="text" @bind="instance" name="inputBox">
+</div>
+
+<div>
+    <button disabled="@isLoading" @onclick="Load">Load</button>
+</div>
+
+@if (isLoading)
+{
+    <p>Loading...</p>
+}
+
+@if (profile is not null)
+{
+    <div style="border-style: dotted; border-color: blue; border-width: 10px;">
+        <p style="color: green;">Did: @did</p>
+        <p style="color: green;">Display Name: @profile.Value?.DisplayName</p>
+        <p style="color: green;">Uri: @profile.Uri</p>
+        <p style="color: green;">Description: @profile.Value?.Description</p>
+        <p style="color: green;">Avatar: @ImageUrl</p>
+    </div>
+}
+
+@if (posts.Count > 0)
+{
+    <div style="border-style: dotted; border-color: blue; border-width: 10px;">
+        @foreach (var item in posts)
+        {
+            <div class="post">
+                <sub class="postTextSub">@item.Type</sub>
+                <p class="postText">@item.Text</p>
+                <sub class="postTextSub">@item.CreatedAt</sub>
+            </div>
+        }
+    </div>
+}
+
+@code {
+    private string? error;
+    private string? handle = "drasticactions.dev";
+    private string? instance = "bsky.social";
+    private ATProtocol? protocol;
+    private bool isLoading = false;
+    private ActorRecord? profile;
+    private ATDid? did;
+    private List<Post> posts = new();
+
+    private string? ImageUrl {
+        get {
+            if (protocol is null || profile is null || profile.Uri is null || profile.Value?.Avatar is null || profile.Value?.Avatar.Ref is null || profile.Value?.Avatar.Ref.Link is null)
+            {
+                return null;
+            }
+
+            return $"https://{protocol.Options.Url.Host}{Constants.Urls.ATProtoSync.GetBlob}?did={profile.Uri.Did!}&cid={profile.Value.Avatar.Ref.Link}";
+        }
+    }
+    private async Task Load()
+    {
+        this.Unload();
+
+        try
+        {
+            var host = instance ?? "bsky.social";
+
+            if (!Uri.TryCreate(host, UriKind.Absolute, out Uri? uri))
+            {
+                uri = new Uri($"https://{host}");
+            }
+
+            if (uri is null)
+            {
+                return;
+            }
+
+            var builder = new ATProtocolBuilder();
+            protocol = builder.WithInstanceUrl(uri)
+            .WithLogger(this.logger).Build();
+
+            this.isLoading = true;
+
+            var handleResolution = (await protocol.Identity.ResolveHandleAsync(ATHandle.Create(handle))).HandleResult();
+            this.did = handleResolution?.Did;
+            this.profile = (await protocol.Repo.GetActorAsync(handleResolution.Did)).HandleResult();
+            
+            var posts = (await protocol.Repo.ListPostsAsync(handleResolution.Did)).HandleResult();
+            this.posts.AddRange(posts?.Records.Select(n => (Post)n.Value));
+        }
+        catch (Exception ex)
+        {
+            this.error = ex.Message;
+            this.logger.LogError(ex, ex.Message);
+        }
+
+        this.isLoading = false;
+        this.StateHasChanged();
+    }
+
+    private void Unload()
+    {
+        this.error = null;
+        this.protocol?.Dispose();
+        this.protocol = null;
+        this.posts.Clear();
+    }
+}
diff --git a/website/FishyFlipSite/Program.cs b/website/FishyFlipSite/Program.cs
index 5cf3b258..65f0fb7b 100644
--- a/website/FishyFlipSite/Program.cs
+++ b/website/FishyFlipSite/Program.cs
@@ -10,6 +10,7 @@
 builder.RootComponents.Add<App>("#app");
 builder.RootComponents.Add<HeadOutlet>("head::after");
 
+builder.Services.AddLogging();
 builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 
 await builder.Build().RunAsync();