fix(frontend): デッキのタイムラインカラムで新着ノート時のサウンドが再生されない問題を修正

Fix #16164

CHANGELOG.md

@@ -13,6 +13,7 @@
 - Fix: ユーザーの検索結果を追加で読み込むことができない問題を修正
 - Fix: タッチ操作時にチャートのツールチップが消えなくなる場合がある問題を修正
 - Fix: ウェルカムタイムラインでリアクションが表示されない問題を修正
+- Fix: デッキのタイムラインカラムで新着ノート時のサウンドが再生されない問題を修正
 
 ### Server
 - Feat: 全てのチャットメッセージを既読にするAPIを追加(chat/read-all)

packages/frontend/src/components/MkStreamingNotesTimeline.vue

@@ -62,6 +62,7 @@ import { useInterval } from '@@/js/use-interval.js';
 import { getScrollContainer, scrollToTop } from '@@/js/scroll.js';
 import type { BasicTimelineType } from '@/timelines.js';
 import type { PagingCtx } from '@/composables/use-pagination.js';
+import type { SoundStore } from '@/preferences/def.js';
 import { usePagination } from '@/composables/use-pagination.js';
 import MkPullToRefresh from '@/components/MkPullToRefresh.vue';
 import { useStream } from '@/stream.js';
@@ -83,6 +84,7 @@ const props = withDefaults(defineProps<{
 	channel?: string;
 	role?: string;
 	sound?: boolean;
+	customSound?: SoundStore | null;
 	withRenotes?: boolean;
 	withReplies?: boolean;
 	withSensitive?: boolean;
@@ -92,6 +94,8 @@ const props = withDefaults(defineProps<{
 	withReplies: false,
 	withSensitive: true,
 	onlyFiles: false,
+	sound: false,
+	customSound: null,
 });
 
 provide('inTimeline', true);
@@ -190,7 +194,11 @@ function prepend(note: Misskey.entities.Note) {
 	}
 
 	if (props.sound) {
-		sound.playMisskeySfx($i && (note.userId === $i.id) ? 'noteMy' : 'note');
+		if (props.customSound) {
+			sound.playMisskeySfxFile(props.customSound);
+		} else {
+			sound.playMisskeySfx($i && (note.userId === $i.id) ? 'noteMy' : 'note');
+		}
 	}
 }
 

packages/frontend/src/ui/deck/tl-column.vue

@@ -26,6 +26,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 		:withReplies="withReplies"
 		:withSensitive="withSensitive"
 		:onlyFiles="onlyFiles"
+		:sound="true"
+		:customSound="soundSetting"
 	/>
 </XColumn>
 </template>