From 5bc52b6743d1d23d215aaa7b62ceee85f15c3502 Mon Sep 17 00:00:00 2001
From: taichan <40626578+tai-cha@users.noreply.github.com>
Date: Mon, 12 May 2025 10:00:06 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat(frontend):=20=E7=B5=B5=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E3=82=92=E3=83=9F=E3=83=A5=E3=83=BC=E3=83=88=E5=8F=AF?=
 =?UTF-8?q?=E8=83=BD=E3=81=AB=E3=81=99=E3=82=8B=E6=A9=9F=E8=83=BD=20(#1596?=
 =?UTF-8?q?6)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* wip ( 絵文字ミュートの基礎実装, PoC )

* refactor: 絵文字のmute/unmute処理の共通化

* SPDX

* リアクションからも絵文字ミュート可能に

* emojiMute/emojiUnmute

* replace resource of emojiMute

* add vitest preferstate for mutedEmojis

* add vitest to preferReactive

* 混入削除

* Fix typo (mutedEmojis -> mutingEmojis)

* reactiveやめる

* add時の判定ミスを修正

* Add CHANGELOG

* Revert "reactiveやめる"

This reverts commit 442742c371472f9c9e9372c5552cf73767aedecf.

* Update Changelog
---
 CHANGELOG.md                                  |   2 +
 locales/index.d.ts                            |  16 +++
 locales/ja-JP.yml                             |   4 +
 packages/frontend/assets/unknown.png          | Bin 0 -> 10770 bytes
 .../components/MkReactionsViewer.reaction.vue |  65 +++++++---
 .../src/components/global/MkCustomEmoji.vue   | 112 ++++++++++++++----
 .../src/components/global/MkEmoji.vue         |  47 +++++++-
 .../frontend/src/components/global/MkMfm.ts   |   2 +
 .../pages/settings/mute-block.emoji-mute.vue  | 105 ++++++++++++++++
 .../src/pages/settings/mute-block.vue         |  15 +++
 packages/frontend/src/preferences/def.ts      |   3 +
 packages/frontend/src/utility/emoji-mute.ts   |  61 ++++++++++
 packages/frontend/test/init.ts                |  13 ++
 13 files changed, 409 insertions(+), 36 deletions(-)
 create mode 100644 packages/frontend/assets/unknown.png
 create mode 100644 packages/frontend/src/pages/settings/mute-block.emoji-mute.vue
 create mode 100644 packages/frontend/src/utility/emoji-mute.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9210a669ef..2d4fa47589 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,8 @@
 	- 何らの理由によりWebsocket接続が行えない環境でも快適に利用可能です
   - 従来のWebsocket接続を行うモードはリアルタイムモードとして再定義されました
 	- チャットなど、一部の機能は引き続き設定に関わらずWebsocket接続が行われます
+- Feat: 絵文字をミュート可能にする機能
+  - 絵文字（ユニコードの絵文字・カスタム絵文字）毎にミュートし、不可視化することができるようになりました
 - Enhance: メモリ使用量を軽減しました
 - Enhance: 画像の高品質なプレースホルダを無効化してパフォーマンスを向上させるオプションを追加
 - Enhance: 招待されているが参加していないルームを開いたときに、招待を承認するかどうか尋ねるように
diff --git a/locales/index.d.ts b/locales/index.d.ts
index afe99c6887..ed9d127a2e 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -5425,6 +5425,22 @@ export interface Locale extends ILocale {
      * オフにする
      */
     "turnItOff": string;
+    /**
+     * 絵文字ミュート
+     */
+    "emojiMute": string;
+    /**
+     * 絵文字ミュート解除
+     */
+    "emojiUnmute": string;
+    /**
+     * {x}をミュート
+     */
+    "muteX": ParameterizedString<"x">;
+    /**
+     * {x}のミュートを解除
+     */
+    "unmuteX": ParameterizedString<"x">;
     "_chat": {
         /**
          * まだメッセージはありません
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index f1ffc19796..e318234087 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1351,6 +1351,10 @@ advice: "アドバイス"
 realtimeMode: "リアルタイムモード"
 turnItOn: "オンにする"
 turnItOff: "オフにする"
+emojiMute: "絵文字ミュート"
+emojiUnmute: "絵文字ミュート解除"
+muteX: "{x}をミュート"
+unmuteX: "{x}のミュートを解除"
 
 _chat:
   noMessagesYet: "まだメッセージはありません"
diff --git a/packages/frontend/assets/unknown.png b/packages/frontend/assets/unknown.png
new file mode 100644
index 0000000000000000000000000000000000000000..d27bdfc8b3ce28b368d546e8b743edbe38ef9098
GIT binary patch
literal 10770
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
YOY64zcfB9PT~EHFhfT>(4JcRs2Z75}B>(^b

literal 0
HcmV?d00001

diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
index 9fc773b335..7d76dffa5a 100644
--- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
@@ -22,6 +22,7 @@ import { computed, inject, onMounted, useTemplateRef, watch } from 'vue';
 import * as Misskey from 'misskey-js';
 import { getUnicodeEmoji } from '@@/js/emojilist.js';
 import MkCustomEmojiDetailedDialog from './MkCustomEmojiDetailedDialog.vue';
+import type { MenuItem } from '@/types/menu';
 import XDetails from '@/components/MkReactionsViewer.details.vue';
 import MkReactionIcon from '@/components/MkReactionIcon.vue';
 import * as os from '@/os.js';
@@ -36,6 +37,7 @@ import { customEmojisMap } from '@/custom-emojis.js';
 import { prefer } from '@/preferences.js';
 import { DI } from '@/di.js';
 import { noteEvents } from '@/composables/use-note-capture.js';
+import { mute as muteEmoji, unmute as unmuteEmoji, checkMuted as isEmojiMuted } from '@/utility/emoji-mute.js';
 
 const props = defineProps<{
 	noteId: Misskey.entities.Note['id'];
@@ -63,6 +65,7 @@ const canToggle = computed(() => {
 	return !props.reaction.match(/@\w/) && $i && emoji.value;
 });
 const canGetInfo = computed(() => !props.reaction.match(/@\w/) && props.reaction.includes(':'));
+const isLocalCustomEmoji = props.reaction[0] === ':' && props.reaction.includes('@.');
 
 async function toggleReaction() {
 	if (!canToggle.value) return;
@@ -139,21 +142,55 @@ async function toggleReaction() {
 }
 
 async function menu(ev) {
-	if (!canGetInfo.value) return;
+	let menuItems: MenuItem[] = [];
 
-	os.popupMenu([{
-		text: i18n.ts.info,
-		icon: 'ti ti-info-circle',
-		action: async () => {
-			const { dispose } = os.popup(MkCustomEmojiDetailedDialog, {
-				emoji: await misskeyApiGet('emoji', {
-					name: props.reaction.replace(/:/g, '').replace(/@\./, ''),
-				}),
-			}, {
-				closed: () => dispose(),
-			});
-		},
-	}], ev.currentTarget ?? ev.target);
+	if (canGetInfo.value) {
+		menuItems.push({
+			text: i18n.ts.info,
+			icon: 'ti ti-info-circle',
+			action: async () => {
+				const { dispose } = os.popup(MkCustomEmojiDetailedDialog, {
+					emoji: await misskeyApiGet('emoji', {
+						name: props.reaction.replace(/:/g, '').replace(/@\./, ''),
+					}),
+				}, {
+					closed: () => dispose(),
+				});
+			},
+		});
+	}
+
+	if (isEmojiMuted(props.reaction).value) {
+		menuItems.push({
+			text: i18n.ts.emojiUnmute,
+			icon: 'ti ti-mood-smile',
+			action: () => {
+				os.confirm({
+					type: 'question',
+					title: i18n.tsx.unmuteX({ x: isLocalCustomEmoji ? `:${emojiName.value}:` : props.reaction }),
+				}).then(({ canceled }) => {
+					if (canceled) return;
+					unmuteEmoji(props.reaction);
+				});
+			},
+		});
+	} else {
+		menuItems.push({
+			text: i18n.ts.emojiMute,
+			icon: 'ti ti-mood-off',
+			action: () => {
+				os.confirm({
+					type: 'question',
+					title: i18n.tsx.muteX({ x: isLocalCustomEmoji ? `:${emojiName.value}:` : props.reaction }),
+				}).then(({ canceled }) => {
+					if (canceled) return;
+					muteEmoji(props.reaction);
+				});
+			},
+		});
+	}
+
+	os.popupMenu(menuItems, ev.currentTarget ?? ev.target);
 }
 
 function anime() {
diff --git a/packages/frontend/src/components/global/MkCustomEmoji.vue b/packages/frontend/src/components/global/MkCustomEmoji.vue
index dda45ceaa2..ed114d8d31 100644
--- a/packages/frontend/src/components/global/MkCustomEmoji.vue
+++ b/packages/frontend/src/components/global/MkCustomEmoji.vue
@@ -5,7 +5,16 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <img
-	v-if="errored && fallbackToImage"
+	v-if="shouldMute"
+	:class="[$style.root, { [$style.normal]: normal, [$style.noStyle]: noStyle }]"
+	src="/client-assets/unknown.png"
+	:title="alt"
+	draggable="false"
+	style="-webkit-user-drag: none;"
+	@click="onClick"
+/>
+<img
+	v-else-if="errored && fallbackToImage"
 	:class="[$style.root, { [$style.normal]: normal, [$style.noStyle]: noStyle }]"
 	src="/client-assets/dummy.png"
 	:title="alt"
@@ -40,6 +49,7 @@ import MkCustomEmojiDetailedDialog from '@/components/MkCustomEmojiDetailedDialo
 import { $i } from '@/i.js';
 import { prefer } from '@/preferences.js';
 import { DI } from '@/di.js';
+import { makeEmojiMuteKey, mute as muteEmoji, unmute as unmuteEmoji, checkMuted as checkEmojiMuted } from '@/utility/emoji-mute';
 
 const props = defineProps<{
 	name: string;
@@ -51,12 +61,16 @@ const props = defineProps<{
 	menu?: boolean;
 	menuReaction?: boolean;
 	fallbackToImage?: boolean;
+	ignoreMuted?: boolean;
 }>();
 
 const react = inject(DI.mfmEmojiReactCallback);
 
 const customEmojiName = computed(() => (props.name[0] === ':' ? props.name.substring(1, props.name.length - 1) : props.name).replace('@.', ''));
 const isLocal = computed(() => !props.host && (customEmojiName.value.endsWith('@.') || !customEmojiName.value.includes('@')));
+const emojiCodeToMute = makeEmojiMuteKey(props);
+const isMuted = checkEmojiMuted(emojiCodeToMute);
+const shouldMute = computed(() => !props.ignoreMuted && isMuted.value);
 
 const rawUrl = computed(() => {
 	if (props.url) {
@@ -95,14 +109,18 @@ function onClick(ev: MouseEvent) {
 		menuItems.push({
 			type: 'label',
 			text: `:${props.name}:`,
-		}, {
-			text: i18n.ts.copy,
-			icon: 'ti ti-copy',
-			action: () => {
-				copyToClipboard(`:${props.name}:`);
-			},
 		});
 
+		if (isLocal.value) {
+			menuItems.push({
+				text: i18n.ts.copy,
+				icon: 'ti ti-copy',
+				action: () => {
+					copyToClipboard(`:${props.name}:`);
+				},
+			});
+		}
+
 		if (props.menuReaction && react) {
 			menuItems.push({
 				text: i18n.ts.doReaction,
@@ -113,21 +131,43 @@ function onClick(ev: MouseEvent) {
 			});
 		}
 
-		menuItems.push({
-			text: i18n.ts.info,
-			icon: 'ti ti-info-circle',
-			action: async () => {
-				const { dispose } = os.popup(MkCustomEmojiDetailedDialog, {
-					emoji: await misskeyApiGet('emoji', {
-						name: customEmojiName.value,
-					}),
-				}, {
-					closed: () => dispose(),
-				});
-			},
-		});
+		if (isLocal.value) {
+			menuItems.push({
+				type: 'divider',
+			}, {
+				text: i18n.ts.info,
+				icon: 'ti ti-info-circle',
+				action: async () => {
+					const { dispose } = os.popup(MkCustomEmojiDetailedDialog, {
+						emoji: await misskeyApiGet('emoji', {
+							name: customEmojiName.value,
+						}),
+					}, {
+						closed: () => dispose(),
+					});
+				},
+			});
+		}
 
-		if ($i?.isModerator ?? $i?.isAdmin) {
+		if (isMuted.value) {
+			menuItems.push({
+				text: i18n.ts.emojiUnmute,
+				icon: 'ti ti-mood-smile',
+				action: async () => {
+					await unmute();
+				},
+			});
+		} else {
+			menuItems.push({
+				text: i18n.ts.emojiMute,
+				icon: 'ti ti-mood-off',
+				action: async () => {
+					await mute();
+				},
+			});
+		}
+
+		if (($i?.isModerator ?? $i?.isAdmin) && isLocal.value) {
 			menuItems.push({
 				text: i18n.ts.edit,
 				icon: 'ti ti-pencil',
@@ -152,6 +192,36 @@ async function edit(name: string) {
 	});
 }
 
+function mute() {
+	const titleEmojiName = isLocal.value
+		? `:${customEmojiName.value}:`
+		: emojiCodeToMute;
+	os.confirm({
+		type: 'question',
+		title: i18n.tsx.muteX({ x: titleEmojiName }),
+	}).then(({ canceled }) => {
+		if (canceled) {
+			return;
+		}
+		muteEmoji(emojiCodeToMute);
+	});
+}
+
+function unmute() {
+	const titleEmojiName = isLocal.value
+		? `:${customEmojiName.value}:`
+		: emojiCodeToMute;
+	os.confirm({
+		type: 'question',
+		title: i18n.tsx.unmuteX({ x: titleEmojiName }),
+	}).then(({ canceled }) => {
+		if (canceled) {
+			return;
+		}
+		unmuteEmoji(emojiCodeToMute);
+	});
+}
+
 </script>
 
 <style lang="scss" module>
diff --git a/packages/frontend/src/components/global/MkEmoji.vue b/packages/frontend/src/components/global/MkEmoji.vue
index fa55fd888b..792f9c7d6f 100644
--- a/packages/frontend/src/components/global/MkEmoji.vue
+++ b/packages/frontend/src/components/global/MkEmoji.vue
@@ -4,7 +4,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<img v-if="!useOsNativeEmojis" :class="$style.root" :src="url" :alt="props.emoji" decoding="async" @pointerenter="computeTitle" @click="onClick"/>
+<img v-if="shouldMute" :class="$style.root" src="/client-assets/unknown.png" :alt="props.emoji" decoding="async" @pointerenter="computeTitle" @click="onClick"/>
+<img v-else-if="!useOsNativeEmojis" :class="$style.root" :src="url" :alt="props.emoji" decoding="async" @pointerenter="computeTitle" @click="onClick"/>
 <span v-else :alt="props.emoji" @pointerenter="computeTitle" @click="onClick">{{ colorizedNativeEmoji }}</span>
 </template>
 
@@ -18,11 +19,13 @@ import { copyToClipboard } from '@/utility/copy-to-clipboard.js';
 import { i18n } from '@/i18n.js';
 import { prefer } from '@/preferences.js';
 import { DI } from '@/di.js';
+import { mute as muteEmoji, unmute as unmuteEmoji, checkMuted as checkMutedEmoji } from '@/utility/emoji-mute.js';
 
 const props = defineProps<{
 	emoji: string;
 	menu?: boolean;
 	menuReaction?: boolean;
+	ignoreMuted?: boolean;
 }>();
 
 const react = inject(DI.mfmEmojiReactCallback, null);
@@ -32,12 +35,38 @@ const char2path = prefer.s.emojiStyle === 'twemoji' ? char2twemojiFilePath : cha
 const useOsNativeEmojis = computed(() => prefer.s.emojiStyle === 'native');
 const url = computed(() => char2path(props.emoji));
 const colorizedNativeEmoji = computed(() => colorizeEmoji(props.emoji));
+const isMuted = checkMutedEmoji(props.emoji);
+const shouldMute = computed(() => isMuted.value && !props.ignoreMuted);
 
 // Searching from an array with 2000 items for every emoji felt like too energy-consuming, so I decided to do it lazily on pointerenter
 function computeTitle(event: PointerEvent): void {
 	(event.target as HTMLElement).title = getEmojiName(props.emoji);
 }
 
+function mute() {
+	os.confirm({
+		type: 'question',
+		title: i18n.tsx.muteX({ x: props.emoji }),
+	}).then(({ canceled }) => {
+		if (canceled) {
+			return;
+		}
+		muteEmoji(props.emoji);
+	});
+}
+
+function unmute() {
+	os.confirm({
+		type: 'question',
+		title: i18n.tsx.unmuteX({ x: props.emoji }),
+	}).then(({ canceled }) => {
+		if (canceled) {
+			return;
+		}
+		unmuteEmoji(props.emoji);
+	});
+}
+
 function onClick(ev: MouseEvent) {
 	if (props.menu) {
 		const menuItems: MenuItem[] = [];
@@ -63,6 +92,22 @@ function onClick(ev: MouseEvent) {
 			});
 		}
 
+		menuItems.push({
+			type: 'divider',
+		}, isMuted.value ? {
+			text: i18n.ts.emojiUnmute,
+			icon: 'ti ti-mood-smile',
+			action: () => {
+				unmute();
+			},
+		} : {
+			text: i18n.ts.emojiMute,
+			icon: 'ti ti-mood-off',
+			action: () => {
+				mute();
+			},
+		});
+
 		os.popupMenu(menuItems, ev.currentTarget ?? ev.target);
 	}
 }
diff --git a/packages/frontend/src/components/global/MkMfm.ts b/packages/frontend/src/components/global/MkMfm.ts
index 337e326ccd..3ad2fda0ee 100644
--- a/packages/frontend/src/components/global/MkMfm.ts
+++ b/packages/frontend/src/components/global/MkMfm.ts
@@ -435,6 +435,8 @@ export default function (props: MfmProps, { emit }: { emit: SetupContext<MfmEven
 							normal: props.plain,
 							host: props.author.host,
 							useOriginalSize: scale >= 2.5,
+							menu: props.enableEmojiMenu,
+							menuReaction: false,
 						})];
 					}
 				}
diff --git a/packages/frontend/src/pages/settings/mute-block.emoji-mute.vue b/packages/frontend/src/pages/settings/mute-block.emoji-mute.vue
new file mode 100644
index 0000000000..601ca7ee49
--- /dev/null
+++ b/packages/frontend/src/pages/settings/mute-block.emoji-mute.vue
@@ -0,0 +1,105 @@
+<!--
+SPDX-FileCopyrightText: syuilo and misskey-project
+SPDX-License-Identifier: AGPL-3.0-only
+-->
+
+<template>
+<div :class="$style.emojis">
+	<div v-for="emoji in emojis" :key="`emojiMute-${emoji}`" :class="$style.emoji" @click="onEmojiClick($event, emoji)">
+		<MkCustomEmoji
+			v-if="emoji.startsWith(':')"
+			:name="customEmojiName(emoji)"
+			:host="customEmojiHost(emoji)"
+			:normal="true"
+			:menu="false"
+			:menuReaction="false"
+			:ignoreMuted="true"
+		/>
+		<MkEmoji
+			v-else
+			:emoji="emoji"
+			:menu="false"
+			:menuReaction="false"
+			:ignoreMuted="true"
+		></MkEmoji>
+	</div>
+</div>
+
+<MkButton primary inline @click="add"><i class="ti ti-plus"></i> {{ i18n.ts.add }}</MkButton>
+</template>
+
+<script lang="ts" setup>
+import type { MenuItem } from '@/types/menu';
+import MkButton from '@/components/MkButton.vue';
+import * as os from '@/os.js';
+import { i18n } from '@/i18n.js';
+import { prefer } from '@/preferences.js';
+import {
+	mute as muteEmoji,
+	unmute as unmuteEmoji,
+	extractCustomEmojiName as customEmojiName,
+	extractCustomEmojiHost as customEmojiHost,
+} from '@/utility/emoji-mute.js';
+
+const emojis = prefer.model('mutingEmojis');
+
+function getHTMLElement(ev: MouseEvent): HTMLElement {
+	const target = ev.currentTarget ?? ev.target;
+	return target as HTMLElement;
+}
+
+function add(ev: MouseEvent) {
+	os.pickEmoji(getHTMLElement(ev), { showPinned: false }).then((emoji) => {
+		if (emoji) {
+			muteEmoji(emoji);
+		}
+	});
+}
+
+function onEmojiClick(ev: MouseEvent, emoji: string) {
+	const menuItems : MenuItem[] = [{
+		type: 'label',
+		text: emoji,
+	}, {
+		text: i18n.ts.emojiUnmute,
+		icon: 'ti ti-mood-off',
+		action: () => unmute(emoji),
+	}];
+	os.popupMenu(menuItems, ev.currentTarget ?? ev.target);
+}
+
+function unmute(emoji: string) {
+	os.confirm({
+		type: 'question',
+		title: i18n.tsx.unmuteX({ x: emoji }),
+	}).then(({ canceled }) => {
+		if (canceled) {
+			return;
+		}
+		unmuteEmoji(emoji);
+	});
+}
+</script>
+<style module>
+.emojis {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 4px;
+
+	&:empty {
+		display: none;
+	}
+}
+
+.emoji {
+	display: inline-flex;
+	height: 42px;
+	padding: 0 6px;
+	font-size: 1.5em;
+	border-radius: 6px;
+	align-items: center;
+	justify-content: center;
+	background: var(--MI_THEME-buttonBg);
+}
+</style>
diff --git a/packages/frontend/src/pages/settings/mute-block.vue b/packages/frontend/src/pages/settings/mute-block.vue
index 7c2376249e..9b24501cce 100644
--- a/packages/frontend/src/pages/settings/mute-block.vue
+++ b/packages/frontend/src/pages/settings/mute-block.vue
@@ -49,6 +49,20 @@ SPDX-License-Identifier: AGPL-3.0-only
 				</MkFolder>
 			</SearchMarker>
 
+			<SearchMarker
+				:label="i18n.ts.emojiMute"
+				:keywords="['emoji', 'mute', 'hide']"
+			>
+				<MkFolder>
+					<template #icon><i class="ti ti-mood-off"></i></template>
+					<template #label>{{ i18n.ts.emojiMute }}</template>
+
+					<div class="_gaps_m">
+						<XEmojiMute/>
+					</div>
+				</mkfolder>
+			</SearchMarker>
+
 			<SearchMarker
 				:label="i18n.ts.instanceMute"
 				:keywords="['note', 'server', 'instance', 'host', 'federation', 'mute', 'hide']"
@@ -163,6 +177,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import { ref, computed, watch } from 'vue';
+import XEmojiMute from './mute-block.emoji-mute.vue';
 import XInstanceMute from './mute-block.instance-mute.vue';
 import XWordMute from './mute-block.word-mute.vue';
 import MkPagination from '@/components/MkPagination.vue';
diff --git a/packages/frontend/src/preferences/def.ts b/packages/frontend/src/preferences/def.ts
index f6cd2c0cb9..b3af8cab87 100644
--- a/packages/frontend/src/preferences/def.ts
+++ b/packages/frontend/src/preferences/def.ts
@@ -345,6 +345,9 @@ export const PREF_DEF = {
 	plugins: {
 		default: [] as Plugin[],
 	},
+	mutingEmojis: {
+		default: [] as string[],
+	},
 
 	'sound.masterVolume': {
 		default: 0.3,
diff --git a/packages/frontend/src/utility/emoji-mute.ts b/packages/frontend/src/utility/emoji-mute.ts
new file mode 100644
index 0000000000..a058bcc242
--- /dev/null
+++ b/packages/frontend/src/utility/emoji-mute.ts
@@ -0,0 +1,61 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { computed } from 'vue';
+import { prefer } from '@/preferences.js';
+
+// custom絵文字の情報からキーを作成する
+export function makeEmojiMuteKey(props: { name: string; host?: string | null }) {
+	return props.name.startsWith(':') ? props.name : `:${props.name}${props.host ? `@${props.host}` : ''}:`;
+}
+
+export function extractCustomEmojiName (name:string) {
+	return (name[0] === ':' ? name.substring(1, name.length - 1) : name).replace('@.', '').split('@')[0];
+}
+
+export function extractCustomEmojiHost (name:string) {
+	// nameは:emojiName@host:の形式
+	// 取り出したい部分はhostなので、@以降を取り出す
+	const index = name.indexOf('@');
+	if (index === -1) {
+		return null;
+	}
+	const host = name.substring(index + 1, name.length - 1);
+	if (host === '' || host === '.') {
+		return null;
+	}
+	return host;
+}
+
+export function mute(emoji: string) {
+	const isCustomEmoji = emoji.startsWith(':') && emoji.endsWith(':');
+	const emojiMuteKey = isCustomEmoji ?
+		makeEmojiMuteKey({ name: extractCustomEmojiName(emoji), host: extractCustomEmojiHost(emoji) }) :
+		emoji;
+	const mutedEmojis = prefer.r.mutingEmojis.value;
+	if (!mutedEmojis.includes(emojiMuteKey)) {
+		return prefer.commit('mutingEmojis', [...mutedEmojis, emojiMuteKey]);
+	}
+	throw new Error('Emoji is already muted', { cause: `${emojiMuteKey} is Already Muted` });
+}
+
+export function unmute(emoji:string) {
+	const isCustomEmoji = emoji.startsWith(':') && emoji.endsWith(':');
+	const emojiMuteKey = isCustomEmoji ?
+		makeEmojiMuteKey({ name: extractCustomEmojiName(emoji), host: extractCustomEmojiHost(emoji) }) :
+		emoji;
+	const mutedEmojis = prefer.r.mutingEmojis.value;
+	console.log('unmute', emoji, emojiMuteKey);
+	console.log('mutedEmojis', mutedEmojis);
+	prefer.commit('mutingEmojis', mutedEmojis.filter((e) => e !== emojiMuteKey));
+}
+
+export function checkMuted(emoji: string) {
+	const isCustomEmoji = emoji.startsWith(':') && emoji.endsWith(':');
+	const emojiMuteKey = isCustomEmoji ?
+		makeEmojiMuteKey({ name: extractCustomEmojiName(emoji), host: extractCustomEmojiHost(emoji) }) :
+		emoji;
+	return computed(() => prefer.r.mutingEmojis.value.includes(emojiMuteKey));
+}
diff --git a/packages/frontend/test/init.ts b/packages/frontend/test/init.ts
index 3b6b4d581b..e38338cf95 100644
--- a/packages/frontend/test/init.ts
+++ b/packages/frontend/test/init.ts
@@ -5,6 +5,8 @@
 
 import { vi } from 'vitest';
 import createFetchMock from 'vitest-fetch-mock';
+import type { Ref } from 'vue';
+import { ref } from 'vue';
 
 const fetchMocker = createFetchMock(vi);
 fetchMocker.enableMocks();
@@ -27,13 +29,24 @@ export const preferState: Record<string, unknown> = {
 		code: false,
 	},
 
+	mutingEmojis: [],
 };
 
+export let preferReactive: Record<string, Ref<unknown>> = {};
+
+for (const key in preferState) {
+	if (preferState[key] !== undefined) {
+		preferReactive[key] = ref(preferState[key]);
+	}
+}
+
 // XXX: store somehow becomes undefined in vitest?
 vi.mock('@/preferences.js', () => {
+
 	return {
 		prefer: {
 			s: preferState,
+			r: preferReactive,
 		},
 	};
 });

From fe7b2298f6d5c712c2c02dc56775e209c9a2b176 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 12 May 2025 01:02:03 +0000
Subject: [PATCH 2/3] Bump version to 2025.5.1-alpha.2

---
 package.json                     | 2 +-
 packages/misskey-js/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index e0565ff073..49dc5e3331 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "misskey",
-	"version": "2025.5.1-alpha.1",
+	"version": "2025.5.1-alpha.2",
 	"codename": "nasubi",
 	"repository": {
 		"type": "git",
diff --git a/packages/misskey-js/package.json b/packages/misskey-js/package.json
index 9aa5f16680..45d8fff9a1 100644
--- a/packages/misskey-js/package.json
+++ b/packages/misskey-js/package.json
@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "misskey-js",
-	"version": "2025.5.1-alpha.1",
+	"version": "2025.5.1-alpha.2",
 	"description": "Misskey SDK for JavaScript",
 	"license": "MIT",
 	"main": "./built/index.js",

From 51b5d740f6c177108c8ace0fb8104c93e2373ab9 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 12 May 2025 12:17:14 +0900
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=8E=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix #16018
---
 packages/frontend/src/ui/_common_/navbar.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue
index 7cfedc939f..07baba8c71 100644
--- a/packages/frontend/src/ui/_common_/navbar.vue
+++ b/packages/frontend/src/ui/_common_/navbar.vue
@@ -407,6 +407,7 @@ function menuEdit() {
 		z-index: 1;
 		display: flex;
 		height: var(--top-height);
+		padding-left: 6px;
 	}
 
 	.instance {