summaryrefslogtreecommitdiff
path: root/packages/frontend/src/scripts/reaction-picker.ts
diff options
context:
space:
mode:
authorsyuilo <4439005+syuilo@users.noreply.github.com>2025-03-09 14:28:01 +0900
committersyuilo <4439005+syuilo@users.noreply.github.com>2025-03-09 14:28:01 +0900
commitbe7e3b9a0cb81b78a744993fef2fa2fd2833fa9c (patch)
treec82e18ce93ec0a24c57d7e36eb54a09266b3a25b /packages/frontend/src/scripts/reaction-picker.ts
parentenhnace(frontend): 文字列比較のためのローマナイズを強化(... (diff)
downloadmisskey-be7e3b9a0cb81b78a744993fef2fa2fd2833fa9c.tar.gz
misskey-be7e3b9a0cb81b78a744993fef2fa2fd2833fa9c.tar.bz2
misskey-be7e3b9a0cb81b78a744993fef2fa2fd2833fa9c.zip
refactor(frontend): scripts -> utility
Diffstat (limited to 'packages/frontend/src/scripts/reaction-picker.ts')
-rw-r--r--packages/frontend/src/scripts/reaction-picker.ts54
1 files changed, 0 insertions, 54 deletions
diff --git a/packages/frontend/src/scripts/reaction-picker.ts b/packages/frontend/src/scripts/reaction-picker.ts
deleted file mode 100644
index 81f6c02dcf..0000000000
--- a/packages/frontend/src/scripts/reaction-picker.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-import * as Misskey from 'misskey-js';
-import { defineAsyncComponent, ref } from 'vue';
-import type { Ref } from 'vue';
-import { popup } from '@/os.js';
-import { store } from '@/store.js';
-
-class ReactionPicker {
- private src: Ref<HTMLElement | null> = ref(null);
- private manualShowing = ref(false);
- private targetNote: Ref<Misskey.entities.Note | null> = ref(null);
- private onChosen?: (reaction: string) => void;
- private onClosed?: () => void;
-
- constructor() {
- // nop
- }
-
- public async init() {
- const reactionsRef = store.reactiveState.reactions;
- await popup(defineAsyncComponent(() => import('@/components/MkEmojiPickerDialog.vue')), {
- src: this.src,
- pinnedEmojis: reactionsRef,
- asReactionPicker: true,
- targetNote: this.targetNote,
- manualShowing: this.manualShowing,
- }, {
- done: reaction => {
- if (this.onChosen) this.onChosen(reaction);
- },
- close: () => {
- this.manualShowing.value = false;
- },
- closed: () => {
- this.src.value = null;
- if (this.onClosed) this.onClosed();
- },
- });
- }
-
- public show(src: HTMLElement | null, targetNote: Misskey.entities.Note | null, onChosen?: ReactionPicker['onChosen'], onClosed?: ReactionPicker['onClosed']) {
- this.src.value = src;
- this.targetNote.value = targetNote;
- this.manualShowing.value = true;
- this.onChosen = onChosen;
- this.onClosed = onClosed;
- }
-}
-
-export const reactionPicker = new ReactionPicker();