feat: profiles.

PinkSea.AtProto.Shared/Lexicons/AtProto/ResolveHandleRequest.cs

@@ -0,0 +1,16 @@
+using System.Text.Json.Serialization;
+
+namespace PinkSea.AtProto.Shared.Lexicons.AtProto;
+
+/// <summary>
+/// The "com.atproto.identity.resolveHandle" request.
+/// Resolves an atproto handle (hostname) to a DID. Does not necessarily bi-directionally verify against the the DID document.
+/// </summary>
+public class ResolveHandleRequest
+{
+    /// <summary>
+    /// The handle to resolve.
+    /// </summary>
+    [JsonPropertyName("handle")]
+    public required string Handle { get; set; }
+}

PinkSea.AtProto.Shared/Lexicons/AtProto/ResolveHandleResponse.cs

@@ -0,0 +1,15 @@
+using System.Text.Json.Serialization;
+
+namespace PinkSea.AtProto.Shared.Lexicons.AtProto;
+
+/// <summary>
+/// The response for the "com.atproto.identity.resolveHandle" request.
+/// </summary>
+public class ResolveHandleResponse
+{
+    /// <summary>
+    /// The DID of the handle.
+    /// </summary>
+    [JsonPropertyName("did")]
+    public required string Did { get; set; }
+}

PinkSea.AtProto/Helpers/AtLinkHelper.cs

@@ -0,0 +1,59 @@
+namespace PinkSea.AtProto.Helpers;
+
+/// <summary>
+/// Utilities for working with at:// URIs used by the AT Protocol.
+/// </summary>
+public class AtLinkHelper
+{
+    private const string SchemePrefix = "at://";
+
+    /// <summary>Strongly-typed view of an AT Proto URI.</summary>
+    public readonly record struct AtUri(string Authority, string Collection, string RecordKey)
+    {
+        public override string ToString() => $"{SchemePrefix}{Authority}/{Collection}/{RecordKey}";
+    }
+
+    /// <summary>
+    /// Parse a raw <c>at://</c> string and throw if it is invalid.
+    /// </summary>
+    public static AtUri Parse(string value)
+    {
+        if (!TryParse(value, out var result))
+            throw new FormatException($"Invalid AT URI: \"{value}\"");
+        return result;
+    }
+
+    /// <summary>
+    /// Try-parse variant that never throws.
+    /// </summary>
+    public static bool TryParse(string value, out AtUri result)
+    {
+        result = default;
+
+        if (string.IsNullOrWhiteSpace(value) ||
+            !value.StartsWith(SchemePrefix, StringComparison.OrdinalIgnoreCase))
+            return false;
+
+        // work with spans to avoid allocations
+        ReadOnlySpan<char> span = value.AsSpan(SchemePrefix.Length);
+
+        // authority = everything up to first '/'
+        int firstSlash = span.IndexOf('/');
+        if (firstSlash <= 0) return false;
+        var authority = span[..firstSlash].ToString();
+
+        span = span[(firstSlash + 1)..];          // skip first '/'
+        int secondSlash = span.IndexOf('/');
+        if (secondSlash <= 0 || secondSlash == span.Length - 1) return false;
+
+        var collection = span[..secondSlash].ToString();
+        var recordKey  = span[(secondSlash + 1)..].ToString();
+
+        // basic sanity
+        if (collection.Length == 0 || recordKey.Length == 0)
+            return false;
+
+        result = new AtUri(authority, collection, recordKey);
+        return true;
+    }
+}

PinkSea.AtProto/Xrpc/Client/DefaultXrpcClientFactory.cs

@@ -1,6 +1,7 @@
 using Microsoft.Extensions.Logging;
 using PinkSea.AtProto.Http;
 using PinkSea.AtProto.Models.Authorization;
+using PinkSea.AtProto.Models.OAuth;
 using PinkSea.AtProto.OAuth;
 using PinkSea.AtProto.Providers.OAuth;
 using PinkSea.AtProto.Providers.Storage;
@@ -24,6 +25,12 @@
         if (oauthState?.AuthorizationCode is null)
             return null;
 
+        return await GetForOAuthState(oauthState);
+    }
+
+    /// <inheritdoc />
+    public async Task<IXrpcClient?> GetForOAuthState(OAuthState oauthState)
+    {
         var xrpcLogger = loggerFactory.CreateLogger<IXrpcClient>();
         var httpClient = httpClientFactory.CreateClient("xrpc-client");
 
@@ -36,7 +43,7 @@
                 clientDataProvider.ClientData,
                 dpopClientLogger);
 
-            dpopClient.SetAuthorizationCode(oauthState.AuthorizationCode);
+            dpopClient.SetAuthorizationCode(oauthState.AuthorizationCode!);
             return new DPopXrpcClient(dpopClient, oauthState, xrpcLogger);
         }
 

PinkSea.AtProto/Xrpc/Client/IXrpcClientFactory.cs

@@ -1,3 +1,5 @@
+using PinkSea.AtProto.Models.OAuth;
+
 namespace PinkSea.AtProto.Xrpc.Client;
 
 /// <summary>
@@ -11,6 +13,13 @@ public interface IXrpcClientFactory
     /// <param name="stateId">The state id.</param>
     /// <returns>The XRPC client.</returns>
     Task<IXrpcClient?> GetForOAuthStateId(string stateId);
+
+    /// <summary>
+    /// Gets an XRPC client for an oauth state.
+    /// </summary>
+    /// <param name="oauthState">The state.</param>
+    /// <returns>The XRPC client.</returns>
+    Task<IXrpcClient?> GetForOAuthState(OAuthState oauthState);
 
     /// <summary>
     /// Gets an XRPC client without any kind of authentication.

PinkSea.Frontend/.vscode/settings.json

@@ -9,5 +9,8 @@
     "source.fixAll": "explicit"
   },
   "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[typescript]": {
+    "editor.defaultFormatter": "vscode.typescript-language-features"
+  }
 }

PinkSea.Frontend/src/api/atproto/handle-did-route-resolver.ts

@@ -0,0 +1,23 @@
+import type { Router } from 'vue-router'
+import { xrpc } from './client';
+
+export const withHandleDidRouteResolver = (router: Router): void => {
+  router.beforeEach(async (to, from) => {
+    if (to.params.did === undefined) {
+      return
+    }
+
+    const routeDid = to.params.did as string
+    if (routeDid.startsWith("did:")) {
+      return
+    }
+
+    try {
+      const { data } = await xrpc.get("com.atproto.identity.resolveHandle", { params: { handle: routeDid } })
+
+      to.params.did = data.did
+    } catch {
+      return
+    }
+  });
+};

PinkSea.Frontend/src/api/atproto/lexicons.ts

@@ -2,6 +2,7 @@ import type { Oekaki } from '@/models/oekaki'
 import type { SearchType } from '@/models/search-type'
 import type { Author } from '@/models/author'
 import type { TagSearchResult } from '@/models/tag-search-result'
+import type Profile from '@/models/profile'
 
 declare module '@atcute/client/lexicons' {
   type EmptyParams = object
@@ -37,6 +38,26 @@ declare module '@atcute/client/lexicons' {
     }
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace ComShinolabsPinkseaPutProfile {
+    interface Input {
+      profile: {
+        nickname?: string | null,
+        bio?: string | null,
+        avatar?: {
+          uri: string,
+          cid: string
+        },
+        links?: {
+          link: string,
+          name: string
+        }[]
+      }
+    }
+    interface Output {
+    }
+  }
+
   // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace ComShinolabsPinkseaDeleteOekaki {
     interface Input {
@@ -109,18 +130,6 @@ declare module '@atcute/client/lexicons' {
     interface Params {
       did: string
     }
-
-    interface Output {
-      did: string,
-      handle: string,
-      nick: string,
-      description: string,
-      links: [{
-        name: string,
-        url: string
-      }],
-      avatar: string
-    }
   }
 
   // eslint-disable-next-line @typescript-eslint/no-namespace
@@ -172,9 +181,9 @@ declare module '@atcute/client/lexicons' {
       params: ComShinolabsPinkseaGetParentForReply.Params,
       output: ComShinolabsPinkseaGetParentForReply.Params
     },
-    'com.shinolabs.pinksea.unspecced.getProfile': {
+    'com.shinolabs.pinksea.getProfile': {
       params: ComShinolabsPinkseaUnspeccedGetProfile.Params,
-      output: ComShinolabsPinkseaUnspeccedGetProfile.Output
+      output: Profile
     },
     'com.shinolabs.pinksea.getSearchResults': {
       params: ComShinolabsPinkseaGetSearchResults.Params,
@@ -187,6 +196,10 @@ declare module '@atcute/client/lexicons' {
       input: ComShinolabsPinkseaPutOekaki.Input,
       output: ComShinolabsPinkseaPutOekaki.Output
     },
+    'com.shinolabs.pinksea.putProfile': {
+      input: ComShinolabsPinkseaPutProfile.Input,
+      output: ComShinolabsPinkseaPutProfile.Output
+    },
     'com.shinolabs.pinksea.deleteOekaki': {
       input: ComShinolabsPinkseaDeleteOekaki.Input,
       output: EmptyParams

PinkSea.Frontend/src/components/BreadCrumbBar.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
-  import { useBreadcrumbBarStore } from '@/api/breadcrumb/store'
-  import { resolveCrumb } from '@/api/breadcrumb/breadcrumb'
-  import { onBeforeMount, ref } from 'vue'
-  import i18next from 'i18next'
+import { useBreadcrumbBarStore } from '@/api/breadcrumb/store'
+import { resolveCrumb } from '@/api/breadcrumb/breadcrumb'
+import { onBeforeMount, ref } from 'vue'
+import i18next from 'i18next'
 
-  const forceRerenderKey = ref<number>(0);
+const forceRerenderKey = ref<number>(0);
 
-  const store = useBreadcrumbBarStore();
+const store = useBreadcrumbBarStore();
 
-  onBeforeMount(() => {
-    i18next.on('languageChanged', () => {
-      forceRerenderKey.value += 1
-    });
-  })
+onBeforeMount(() => {
+  i18next.on('languageChanged', () => {
+    forceRerenderKey.value += 1
+  });
+})
 </script>
 
 <template>
@@ -57,4 +57,10 @@
 .bar-current {
   font-weight: bold;
 }
+
+@media (max-width: 768px) {
+  .bar {
+    text-align: center;
+  }
+}
 </style>

PinkSea.Frontend/src/components/LoginBar.vue

@@ -34,13 +34,13 @@ const beginOAuth = async () => {
 
 <template>
   <div>
-    <input type="text" :placeholder="i18next.t('menu.input_placeholder')" v-model="handle">
-    <input type="password" :placeholder="i18next.t('menu.password')" :title="i18next.t('menu.oauth2_info')" v-model="password">
+    <input type="text" v-on:keydown.enter="beginOAuth" :placeholder="i18next.t('menu.input_placeholder')"
+      v-model="handle">
+    <input type="password" v-on:keydown.enter="beginOAuth" :placeholder="i18next.t('menu.password')"
+      :title="i18next.t('menu.oauth2_info')" v-model="password">
     <br />
     <button v-on:click.prevent="beginOAuth" ref="login-button">{{ $t("menu.atp_login") }}</button>
   </div>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>

PinkSea.Frontend/src/components/RespondBox.vue

@@ -38,6 +38,14 @@ const reply = () => {
   }
 };
 
+const edit = () => {
+  Tegaki.open({
+    onDone: () => {
+      image.value = Tegaki.flatten().toDataURL("image/png");
+    }
+  })
+}
+
 const cancel = () => {
   image.value = null;
 
@@ -90,8 +98,7 @@ const uploadImage = async () => {
 
 onBeforeMount(() => {
   if (imageStore.lastReplyId == props.parent.at
-    && imageStore.lastDoneReply !== null && imageStore.lastReplyErrored)
-  {
+    && imageStore.lastDoneReply !== null && imageStore.lastReplyErrored) {
     image.value = imageStore.lastDoneReply;
   }
 })
@@ -106,14 +113,15 @@ onBeforeMount(() => {
         <button v-on:click.prevent="reply">{{ $t("response_box.open_painter") }}</button>
       </div>
       <div v-else>
-        <img :src="image"/>
+        <img :src="image" />
         <br />
         <div class="respond-extra">
           <input type="text" :placeholder="i18next.t('painter.add_a_description')" v-model="alt" />
           <span><input type="checkbox" v-model="nsfw" /><span>NSFW</span></span>
         </div>
         <div class="two-buttons">
           <button v-on:click.prevent="cancel">{{ $t("response_box.cancel") }}</button>
+          <button v-on:click.prevent="edit">{{ $t("response_box.edit") }}</button>
           <button v-on:click.prevent="uploadImage" ref="upload-button">{{ $t("response_box.reply") }}</button>
         </div>
       </div>
@@ -149,6 +157,10 @@ img {
 }
 
 .two-buttons {
-    display: flex;
+  display: flex;
+}
+
+input[type=checkbox] {
+  accent-color: #FFB6C1;
 }
 </style>