import * as Acct from "calckey-js/built/acct"; import { defineAsyncComponent } from "vue"; import { i18n } from "@/i18n"; import copyToClipboard from "@/scripts/copy-to-clipboard"; import { host } from "@/config"; import * as os from "@/os"; import { userActions } from "@/store"; import { $i, iAmModerator } from "@/account"; import { mainRouter } from "@/router"; import { Router } from "@/nirax"; export function getUserMenu(user, router: Router = mainRouter) { const meId = $i ? $i.id : null; async function pushList() { const t = i18n.ts.selectList; // なぜか後で参照すると null になるので最初にメモリに確保しておく const lists = await os.api("users/lists/list"); if (lists.length === 0) { os.alert({ type: "error", text: i18n.ts.youHaveNoLists, }); return; } const { canceled, result: listId } = await os.select({ title: t, items: lists.map((list) => ({ value: list.id, text: list.name, })), }); if (canceled) return; os.apiWithDialog("users/lists/push", { listId: listId, userId: user.id, }); } async function inviteGroup() { const groups = await os.api("users/groups/owned"); if (groups.length === 0) { os.alert({ type: "error", text: i18n.ts.youHaveNoGroups, }); return; } const { canceled, result: groupId } = await os.select({ title: i18n.ts.group, items: groups.map((group) => ({ value: group.id, text: group.name, })), }); if (canceled) return; os.apiWithDialog("users/groups/invite", { groupId: groupId, userId: user.id, }); } async function toggleMute() { if (user.isMuted) { os.apiWithDialog("mute/delete", { userId: user.id, }).then(() => { user.isMuted = false; }); } else { const { canceled, result: period } = await os.select({ title: i18n.ts.mutePeriod, items: [ { value: "indefinitely", text: i18n.ts.indefinitely, }, { value: "tenMinutes", text: i18n.ts.tenMinutes, }, { value: "oneHour", text: i18n.ts.oneHour, }, { value: "oneDay", text: i18n.ts.oneDay, }, { value: "oneWeek", text: i18n.ts.oneWeek, }, ], default: "indefinitely", }); if (canceled) return; const expiresAt = period === "indefinitely" ? null : period === "tenMinutes" ? Date.now() + 1000 * 60 * 10 : period === "oneHour" ? Date.now() + 1000 * 60 * 60 : period === "oneDay" ? Date.now() + 1000 * 60 * 60 * 24 : period === "oneWeek" ? Date.now() + 1000 * 60 * 60 * 24 * 7 : null; os.apiWithDialog("mute/create", { userId: user.id, expiresAt, }).then(() => { user.isMuted = true; }); } } async function toggleBlock() { if ( !(await getConfirmed( user.isBlocking ? i18n.ts.unblockConfirm : i18n.ts.blockConfirm, )) ) return; await os.apiWithDialog(user.isBlocking ? "blocking/delete" : "blocking/create", { userId: user.id, }) user.isBlocking = !user.isBlocking; await os.api(user.isBlocking ? "mute/create" : "mute/delete", { userId: user.id, }) user.isMuted = user.isBlocking; if (user.isBlocking) { await os.api('following/delete', { userId: user.id, }); user.isFollowing = false } } async function toggleSilence() { if ( !(await getConfirmed( i18n.t(user.isSilenced ? "unsilenceConfirm" : "silenceConfirm"), )) ) return; os.apiWithDialog( user.isSilenced ? "admin/unsilence-user" : "admin/silence-user", { userId: user.id, }, ).then(() => { user.isSilenced = !user.isSilenced; }); } async function toggleSuspend() { if ( !(await getConfirmed( i18n.t(user.isSuspended ? "unsuspendConfirm" : "suspendConfirm"), )) ) return; os.apiWithDialog( user.isSuspended ? "admin/unsuspend-user" : "admin/suspend-user", { userId: user.id, }, ).then(() => { user.isSuspended = !user.isSuspended; }); } function reportAbuse() { os.popup( defineAsyncComponent( () => import("@/components/MkAbuseReportWindow.vue"), ), { user: user, }, {}, "closed", ); } async function getConfirmed(text: string): Promise { const confirm = await os.confirm({ type: "warning", title: "confirm", text, }); return !confirm.canceled; } async function invalidateFollow() { if (!(await getConfirmed(i18n.ts.breakFollowConfirm))) return; os.apiWithDialog("following/invalidate", { userId: user.id, }).then(() => { user.isFollowed = !user.isFollowed; }); } let menu = [ { icon: "ph-at-bold ph-lg", text: i18n.ts.copyUsername, action: () => { copyToClipboard(`@${user.username}@${user.host || host}`); }, }, { icon: "ph-info-bold ph-lg", text: i18n.ts.info, action: () => { router.push(`/user-info/${user.id}`); }, }, { icon: "ph-envelope-simple-open-bold ph-lg", text: i18n.ts.sendMessage, action: () => { os.post({ specified: user }); }, }, meId !== user.id ? { type: "link", icon: "ph-chats-teardrop-bold ph-lg", text: i18n.ts.startMessaging, to: `/my/messaging/${Acct.toString(user)}`, } : undefined, null, { icon: "ph-list-bullets-bold ph-lg", text: i18n.ts.addToList, action: pushList, }, meId !== user.id ? { icon: "ph-users-three-bold ph-lg", text: i18n.ts.inviteToGroup, action: inviteGroup, } : undefined, ] as any; if ($i && meId !== user.id) { menu = menu.concat([ null, { icon: user.isMuted ? "ph-eye-bold ph-lg" : "ph-eye-slash-bold ph-lg", text: user.isMuted ? i18n.ts.unmute : i18n.ts.mute, hidden: user.isBlocking === true, action: toggleMute, }, { icon: "ph-prohibit-bold ph-lg", text: user.isBlocking ? i18n.ts.unblock : i18n.ts.block, action: toggleBlock, }, ]); if (user.isFollowed) { menu = menu.concat([ { icon: "ph-link-break-bold ph-lg", text: i18n.ts.breakFollow, action: invalidateFollow, }, ]); } menu = menu.concat([ null, { icon: "ph-warning-circle-bold ph-lg", text: i18n.ts.reportAbuse, action: reportAbuse, }, ]); if (iAmModerator) { menu = menu.concat([ null, { icon: "ph-microphone-slash-bold ph-lg", text: user.isSilenced ? i18n.ts.unsilence : i18n.ts.silence, action: toggleSilence, }, { icon: "ph-snowflake-bold ph-lg", text: user.isSuspended ? i18n.ts.unsuspend : i18n.ts.suspend, action: toggleSuspend, }, ]); } } if ($i && meId === user.id) { menu = menu.concat([ null, { icon: "ph-pencil-bold ph-lg", text: i18n.ts.editProfile, action: () => { router.push("/settings/profile"); }, }, ]); } if (userActions.length > 0) { menu = menu.concat([ null, ...userActions.map((action) => ({ icon: "ph-plug-bold ph-lg", text: action.title, action: () => { action.handler(user); }, })), ]); } return menu; }