* refactor(frontend): router.ts解きほぐし * add debug hmr option * fix comment * fix not working * add comment * fix name * Update definition.ts --------- Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
390 lines
10 KiB
TypeScript
390 lines
10 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import { toUnicode } from 'punycode';
|
|
import { defineAsyncComponent, ref, watch } from 'vue';
|
|
import * as Misskey from 'misskey-js';
|
|
import { i18n } from '@/i18n.js';
|
|
import copyToClipboard from '@/scripts/copy-to-clipboard.js';
|
|
import { host, url } from '@/config.js';
|
|
import * as os from '@/os.js';
|
|
import { misskeyApi } from '@/scripts/misskey-api.js';
|
|
import { defaultStore, userActions } from '@/store.js';
|
|
import { $i, iAmModerator } from '@/account.js';
|
|
import { IRouter } from '@/nirax.js';
|
|
import { antennasCache, rolesCache, userListsCache } from '@/cache.js';
|
|
import { mainRouter } from '@/global/router/main.js';
|
|
|
|
export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter = mainRouter) {
|
|
const meId = $i ? $i.id : null;
|
|
|
|
const cleanups = [] as (() => void)[];
|
|
|
|
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 toggleRenoteMute() {
|
|
os.apiWithDialog(user.isRenoteMuted ? 'renote-mute/delete' : 'renote-mute/create', {
|
|
userId: user.id,
|
|
}).then(() => {
|
|
user.isRenoteMuted = !user.isRenoteMuted;
|
|
});
|
|
}
|
|
|
|
async function toggleBlock() {
|
|
if (!await getConfirmed(user.isBlocking ? i18n.ts.unblockConfirm : i18n.ts.blockConfirm)) return;
|
|
|
|
os.apiWithDialog(user.isBlocking ? 'blocking/delete' : 'blocking/create', {
|
|
userId: user.id,
|
|
}).then(() => {
|
|
user.isBlocking = !user.isBlocking;
|
|
});
|
|
}
|
|
|
|
async function toggleWithReplies() {
|
|
os.apiWithDialog('following/update', {
|
|
userId: user.id,
|
|
withReplies: !user.withReplies,
|
|
}).then(() => {
|
|
user.withReplies = !user.withReplies;
|
|
});
|
|
}
|
|
|
|
async function toggleNotify() {
|
|
os.apiWithDialog('following/update', {
|
|
userId: user.id,
|
|
notify: user.notify === 'normal' ? 'none' : 'normal',
|
|
}).then(() => {
|
|
user.notify = user.notify === 'normal' ? 'none' : 'normal';
|
|
});
|
|
}
|
|
|
|
function reportAbuse() {
|
|
os.popup(defineAsyncComponent(() => import('@/components/MkAbuseReportWindow.vue')), {
|
|
user: user,
|
|
}, {}, 'closed');
|
|
}
|
|
|
|
async function getConfirmed(text: string): Promise<boolean> {
|
|
const confirm = await os.confirm({
|
|
type: 'warning',
|
|
title: 'confirm',
|
|
text,
|
|
});
|
|
|
|
return !confirm.canceled;
|
|
}
|
|
|
|
async function userInfoUpdate() {
|
|
os.apiWithDialog('federation/update-remote-user', {
|
|
userId: user.id,
|
|
});
|
|
}
|
|
|
|
async function invalidateFollow() {
|
|
if (!await getConfirmed(i18n.ts.breakFollowConfirm)) return;
|
|
|
|
os.apiWithDialog('following/invalidate', {
|
|
userId: user.id,
|
|
}).then(() => {
|
|
user.isFollowed = !user.isFollowed;
|
|
});
|
|
}
|
|
|
|
async function editMemo(): Promise<void> {
|
|
const userDetailed = await misskeyApi('users/show', {
|
|
userId: user.id,
|
|
});
|
|
const { canceled, result } = await os.form(i18n.ts.editMemo, {
|
|
memo: {
|
|
type: 'string',
|
|
required: true,
|
|
multiline: true,
|
|
label: i18n.ts.memo,
|
|
default: userDetailed.memo,
|
|
},
|
|
});
|
|
if (canceled) return;
|
|
|
|
os.apiWithDialog('users/update-memo', {
|
|
memo: result.memo,
|
|
userId: user.id,
|
|
});
|
|
}
|
|
|
|
let menu = [{
|
|
icon: 'ti ti-at',
|
|
text: i18n.ts.copyUsername,
|
|
action: () => {
|
|
copyToClipboard(`@${user.username}@${user.host ?? host}`);
|
|
},
|
|
}, ...(iAmModerator ? [{
|
|
icon: 'ti ti-user-exclamation',
|
|
text: i18n.ts.moderation,
|
|
action: () => {
|
|
router.push(`/admin/user/${user.id}`);
|
|
},
|
|
}] : []), {
|
|
icon: 'ti ti-rss',
|
|
text: i18n.ts.copyRSS,
|
|
action: () => {
|
|
copyToClipboard(`${user.host ?? host}/@${user.username}.atom`);
|
|
},
|
|
}, {
|
|
icon: 'ti ti-share',
|
|
text: i18n.ts.copyProfileUrl,
|
|
action: () => {
|
|
const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${toUnicode(user.host)}`;
|
|
copyToClipboard(`${url}/${canonical}`);
|
|
},
|
|
}, {
|
|
icon: 'ti ti-mail',
|
|
text: i18n.ts.sendMessage,
|
|
action: () => {
|
|
const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${user.host}`;
|
|
os.post({ specified: user, initialText: `${canonical} ` });
|
|
},
|
|
}, { type: 'divider' }, {
|
|
icon: 'ti ti-pencil',
|
|
text: i18n.ts.editMemo,
|
|
action: () => {
|
|
editMemo();
|
|
},
|
|
}, {
|
|
type: 'parent',
|
|
icon: 'ti ti-list',
|
|
text: i18n.ts.addToList,
|
|
children: async () => {
|
|
const lists = await userListsCache.fetch();
|
|
return lists.map(list => {
|
|
const isListed = ref(list.userIds.includes(user.id));
|
|
cleanups.push(watch(isListed, () => {
|
|
if (isListed.value) {
|
|
os.apiWithDialog('users/lists/push', {
|
|
listId: list.id,
|
|
userId: user.id,
|
|
}).then(() => {
|
|
list.userIds.push(user.id);
|
|
});
|
|
} else {
|
|
os.apiWithDialog('users/lists/pull', {
|
|
listId: list.id,
|
|
userId: user.id,
|
|
}).then(() => {
|
|
list.userIds.splice(list.userIds.indexOf(user.id), 1);
|
|
});
|
|
}
|
|
}));
|
|
|
|
return {
|
|
type: 'switch',
|
|
text: list.name,
|
|
ref: isListed,
|
|
};
|
|
});
|
|
},
|
|
}, {
|
|
type: 'parent',
|
|
icon: 'ti ti-antenna',
|
|
text: i18n.ts.addToAntenna,
|
|
children: async () => {
|
|
const antennas = await antennasCache.fetch();
|
|
const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${toUnicode(user.host)}`;
|
|
return antennas.filter((a) => a.src === 'users').map(antenna => ({
|
|
text: antenna.name,
|
|
action: async () => {
|
|
await os.apiWithDialog('antennas/update', {
|
|
antennaId: antenna.id,
|
|
name: antenna.name,
|
|
keywords: antenna.keywords,
|
|
excludeKeywords: antenna.excludeKeywords,
|
|
src: antenna.src,
|
|
userListId: antenna.userListId,
|
|
users: [...antenna.users, canonical],
|
|
caseSensitive: antenna.caseSensitive,
|
|
withReplies: antenna.withReplies,
|
|
withFile: antenna.withFile,
|
|
notify: antenna.notify,
|
|
});
|
|
antennasCache.delete();
|
|
},
|
|
}));
|
|
},
|
|
}] as any;
|
|
|
|
if ($i && meId !== user.id) {
|
|
if (iAmModerator) {
|
|
menu = menu.concat([{
|
|
type: 'parent',
|
|
icon: 'ti ti-badges',
|
|
text: i18n.ts.roles,
|
|
children: async () => {
|
|
const roles = await rolesCache.fetch();
|
|
|
|
return roles.filter(r => r.target === 'manual').map(r => ({
|
|
text: r.name,
|
|
action: async () => {
|
|
const { canceled, result: period } = await os.select({
|
|
title: i18n.ts.period,
|
|
items: [{
|
|
value: 'indefinitely', text: i18n.ts.indefinitely,
|
|
}, {
|
|
value: 'oneHour', text: i18n.ts.oneHour,
|
|
}, {
|
|
value: 'oneDay', text: i18n.ts.oneDay,
|
|
}, {
|
|
value: 'oneWeek', text: i18n.ts.oneWeek,
|
|
}, {
|
|
value: 'oneMonth', text: i18n.ts.oneMonth,
|
|
}],
|
|
default: 'indefinitely',
|
|
});
|
|
if (canceled) return;
|
|
|
|
const expiresAt = period === 'indefinitely' ? null
|
|
: period === 'oneHour' ? Date.now() + (1000 * 60 * 60)
|
|
: period === 'oneDay' ? Date.now() + (1000 * 60 * 60 * 24)
|
|
: period === 'oneWeek' ? Date.now() + (1000 * 60 * 60 * 24 * 7)
|
|
: period === 'oneMonth' ? Date.now() + (1000 * 60 * 60 * 24 * 30)
|
|
: null;
|
|
|
|
os.apiWithDialog('admin/roles/assign', { roleId: r.id, userId: user.id, expiresAt });
|
|
},
|
|
}));
|
|
},
|
|
}]);
|
|
}
|
|
|
|
// フォローしたとしても user.isFollowing はリアルタイム更新されないので不便なため
|
|
//if (user.isFollowing) {
|
|
menu = menu.concat([{
|
|
icon: user.withReplies ? 'ti ti-messages-off' : 'ti ti-messages',
|
|
text: user.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline,
|
|
action: toggleWithReplies,
|
|
}, {
|
|
icon: user.notify === 'none' ? 'ti ti-bell' : 'ti ti-bell-off',
|
|
text: user.notify === 'none' ? i18n.ts.notifyNotes : i18n.ts.unnotifyNotes,
|
|
action: toggleNotify,
|
|
}]);
|
|
//}
|
|
|
|
menu = menu.concat([{ type: 'divider' }, {
|
|
icon: user.isMuted ? 'ti ti-eye' : 'ti ti-eye-off',
|
|
text: user.isMuted ? i18n.ts.unmute : i18n.ts.mute,
|
|
action: toggleMute,
|
|
}, {
|
|
icon: user.isRenoteMuted ? 'ti ti-repeat' : 'ti ti-repeat-off',
|
|
text: user.isRenoteMuted ? i18n.ts.renoteUnmute : i18n.ts.renoteMute,
|
|
action: toggleRenoteMute,
|
|
}, {
|
|
icon: 'ti ti-ban',
|
|
text: user.isBlocking ? i18n.ts.unblock : i18n.ts.block,
|
|
action: toggleBlock,
|
|
}]);
|
|
|
|
if (user.isFollowed) {
|
|
menu = menu.concat([{
|
|
icon: 'ti ti-link-off',
|
|
text: i18n.ts.breakFollow,
|
|
action: invalidateFollow,
|
|
}]);
|
|
}
|
|
|
|
menu = menu.concat([{ type: 'divider' }, {
|
|
icon: 'ti ti-exclamation-circle',
|
|
text: i18n.ts.reportAbuse,
|
|
action: reportAbuse,
|
|
}]);
|
|
}
|
|
|
|
if (user.host !== null) {
|
|
menu = menu.concat([{ type: 'divider' }, {
|
|
icon: 'ti ti-refresh',
|
|
text: i18n.ts.updateRemoteUser,
|
|
action: userInfoUpdate,
|
|
}]);
|
|
}
|
|
|
|
if (defaultStore.state.devMode) {
|
|
menu = menu.concat([{ type: 'divider' }, {
|
|
icon: 'ti ti-id',
|
|
text: i18n.ts.copyUserId,
|
|
action: () => {
|
|
copyToClipboard(user.id);
|
|
},
|
|
}]);
|
|
}
|
|
|
|
if ($i && meId === user.id) {
|
|
menu = menu.concat([{ type: 'divider' }, {
|
|
icon: 'ti ti-pencil',
|
|
text: i18n.ts.editProfile,
|
|
action: () => {
|
|
router.push('/settings/profile');
|
|
},
|
|
}]);
|
|
}
|
|
|
|
if (userActions.length > 0) {
|
|
menu = menu.concat([{ type: 'divider' }, ...userActions.map(action => ({
|
|
icon: 'ti ti-plug',
|
|
text: action.title,
|
|
action: () => {
|
|
action.handler(user);
|
|
},
|
|
}))]);
|
|
}
|
|
|
|
const cleanup = () => {
|
|
if (_DEV_) console.log('user menu cleanup', cleanups);
|
|
for (const cl of cleanups) {
|
|
cl();
|
|
}
|
|
};
|
|
|
|
return {
|
|
menu,
|
|
cleanup,
|
|
};
|
|
}
|