From 44899f17e860f81bee43b86e32c1fb00ea2f0d20 Mon Sep 17 00:00:00 2001
From: oribe1115 <50443000+oribe1115@users.noreply.github.com>
Date: Mon, 4 Mar 2024 00:58:38 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=A1=E3=83=83=E3=82=BB=E3=83=BC=E3=82=B8?=
 =?UTF-8?q?=E3=81=8C=E6=8A=95=E7=A8=BF=E3=81=95=E3=82=8C=E3=81=9F=E3=83=81?=
 =?UTF-8?q?=E3=83=A3=E3=83=B3=E3=83=8D=E3=83=AB=E5=90=8D=E3=82=92=E8=A1=A8?=
 =?UTF-8?q?=E7=A4=BA=E3=81=99=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=E3=81=97?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MessageWidget.ts |  2 ++
 src/store.ts                    | 20 +++++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/MessageWidget.ts b/src/components/MessageWidget.ts
index 36ee539..27a00bc 100644
--- a/src/components/MessageWidget.ts
+++ b/src/components/MessageWidget.ts
@@ -58,6 +58,7 @@ const InnerMessageWidget = async (
 
     const store = await getStore()
     const user = await store.getUser(message.userId)
+    const channelPath = await store.getChannelPath(message.channelId)
 
     return html`
       <article class="main-message message">
@@ -72,6 +73,7 @@ const InnerMessageWidget = async (
           ${quotedMessages.map(({ id }) => QuotedMessage(id))}
         </section>
         <footer>
+          <p class="channel-path">${channelPath}</p>
           <a
             href="https://q.trap.jp/messages/${id}"
             target="_blank"
diff --git a/src/store.ts b/src/store.ts
index 82fb977..ff7618b 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -81,6 +81,7 @@ interface Store {
   channelIdMap: Map<string, Channel>
   stampNameMap: Map<string, Stamp>
   getUser(userId: string): Promise<User>
+  getChannelPath(channelId: string): Promise<string>
 }
 
 const createStore = async (): Promise<Store> => {
@@ -99,6 +100,22 @@ const createStore = async (): Promise<Store> => {
     get<Map<string, Channel>>('channelIdMap', store),
     get<Map<string, Stamp>>('stampNameMap', store)
   ])
+
+  const getChannelPath = async (channelId: string) => {
+    const nameList: string[] = []
+
+    let currentChannelId: string | null = channelId
+    while (currentChannelId) {
+      /* eslint-disable @typescript-eslint/no-non-null-assertion */
+      const channel = channelIdMap!.get(currentChannelId)
+      nameList.unshift(channel!.name)
+      currentChannelId = channel!.parentId
+      /* eslint-enable @typescript-eslint/no-non-null-assertion */
+    }
+
+    return `#${nameList.join('/')}`
+  }
+
   return {
     /* eslint-disable @typescript-eslint/no-non-null-assertion */
     userIdMap: userIdMap!,
@@ -112,7 +129,8 @@ const createStore = async (): Promise<Store> => {
       // 凍結されたユーザーは一覧にないので取得する
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       return userIdMap!.get(userId) ?? (await apis.getUser(userId)).data
-    }
+    },
+    getChannelPath
   }
 }