From a875d1707f3d198ffa6d083dd1d01d112658f908 Mon Sep 17 00:00:00 2001
From: pikachu0310 <pikachu13711@gmail.com>
Date: Sun, 26 Jan 2025 04:04:07 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20GET=20/soundboard=20&=20POST=20/sou?=
 =?UTF-8?q?ndboard=20POST=20&=20/soundboard/play=20=E3=81=AE=E3=82=B5?=
 =?UTF-8?q?=E3=83=BC=E3=83=90=E6=8E=A5=E7=B6=9A=E5=87=A6=E7=90=86=E3=82=92?=
 =?UTF-8?q?=E5=AE=9F=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/composables/qall/useQall.ts | 83 ++++++++++++++++++++++++++++++++-
 1 file changed, 82 insertions(+), 1 deletion(-)

diff --git a/src/composables/qall/useQall.ts b/src/composables/qall/useQall.ts
index 01c052e44..90c01bebe 100644
--- a/src/composables/qall/useQall.ts
+++ b/src/composables/qall/useQall.ts
@@ -67,6 +67,10 @@ const { addQueue } = useTts()
 const meStore = useMeStore()
 const rtcSettings = useRtcSettings()
 
+/**
+ * 認証付きFetch
+ * qallFetch(input, init) -> fetch(...) にBearerトークンやheadersを付与
+ */
 const qallFetch = async (
   input: string | URL | globalThis.Request,
   init?: RequestInit
@@ -83,6 +87,80 @@ const qallFetch = async (
   return res
 }
 
+/** 内部で使うサウンドボード一覧の型(サーバレスポンス) */
+type SoundboardItem = {
+  soundId: string
+  soundName: string
+  stampId: string
+  creatorId: string
+}
+/** サウンドボード一覧 */
+type SoundboardListResponse = SoundboardItem[]
+
+/**
+ * GET /soundboard
+ * サウンドボード一覧を取得する
+ */
+const getSoundboardList = async (): Promise<SoundboardListResponse> => {
+  const res = await qallFetch('/api/soundboard', { method: 'GET' })
+  if (!res.ok) {
+    const text = await res.text()
+    throw new Error(`GET /soundboard failed: ${text}`)
+  }
+  return (await res.json()) as SoundboardListResponse
+}
+
+/**
+ * POST /soundboard (multipart/form-data)
+ * @param file アップロードする音声ファイル (15秒～20秒以内)
+ * @param soundName ユーザがつける音声の名前
+ */
+const postSoundboard = async (
+  file: File,
+  soundName: string
+): Promise<{ soundId: string }> => {
+  // multipart送信のため、FormDataを利用
+  const formData = new FormData()
+  formData.append('audio', file)
+  formData.append('soundName', soundName)
+
+  // Content-Typeは自動設定させたいので、init.headers で空文字を指定して上書きする
+  const res = await qallFetch('/api/soundboard', {
+    method: 'POST',
+    // 下記の書き方で 'application/json' を上書きしないようにする
+    headers: {
+      'Content-Type': ''
+    },
+    body: formData
+  })
+  if (!res.ok) {
+    const text = await res.text()
+    throw new Error(`POST /soundboard failed: ${text}`)
+  }
+  return await res.json()
+}
+
+/**
+ * POST /soundboard/play
+ * @param soundId 再生したい音声のID
+ * @param roomName 対象ルームのUUID文字列
+ */
+const postSoundboardPlay = async (soundId: string, roomName: string) => {
+  const body = { soundId, roomName }
+  const res = await qallFetch('/api/soundboard/play', {
+    method: 'POST',
+    body: JSON.stringify(body)
+    // headers: Content-Type は JSONでOK
+    // 問題なくqallFetch内で 'application/json' が付与される
+  })
+  if (!res.ok) {
+    const text = await res.text()
+    throw new Error(`POST /soundboard/play failed: ${text}`)
+  }
+  // 正常時に IngressInfo(ingressId, url, streamKey)が返る想定
+  return await res.json()
+}
+
 const purifyRoomData = async (data: RoomsWithParticipants): Promise<Rooms> => {
   if (!data) return []
   await bothChannelsMapInitialFetchPromise.value
@@ -181,6 +259,9 @@ export const useQall = () => {
     tracksMap,
     screenShareTrackSidMap,
     screenShareTracks,
-    qallMitt
+    qallMitt,
+    getSoundboardList,
+    postSoundboard,
+    postSoundboardPlay
   }
 }