egirlskey/packages/frontend/src/custom-emojis.ts

81 lines
2.4 KiB
TypeScript
Raw Normal View History

/*
* SPDX-FileCopyrightText: syuilo and other misskey contributors
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { shallowRef, computed, markRaw, watch } from 'vue';
2023-01-16 09:39:58 +00:00
import * as Misskey from 'misskey-js';
import { misskeyApi, misskeyApiGet } from '@/scripts/misskey-api.js';
2023-09-19 07:37:43 +00:00
import { useStream } from '@/stream.js';
import { get, set } from '@/scripts/idb-proxy.js';
const storageCache = await get('emojis');
export const customEmojis = shallowRef<Misskey.entities.EmojiSimple[]>(Array.isArray(storageCache) ? storageCache : []);
2023-01-22 17:33:20 +00:00
export const customEmojiCategories = computed<[ ...string[], null ]>(() => {
2023-01-16 10:36:29 +00:00
const categories = new Set<string>();
for (const emoji of customEmojis.value) {
2023-01-22 17:33:20 +00:00
if (emoji.category && emoji.category !== 'null') {
categories.add(emoji.category);
}
2023-01-16 10:36:29 +00:00
}
2023-01-26 02:33:31 +00:00
return markRaw([...Array.from(categories), null]);
2023-01-16 10:36:29 +00:00
});
2023-01-09 07:45:05 +00:00
export const customEmojisMap = new Map<string, Misskey.entities.EmojiSimple>();
watch(customEmojis, emojis => {
customEmojisMap.clear();
for (const emoji of emojis) {
customEmojisMap.set(emoji.name, emoji);
}
}, { immediate: true });
// TODO: ここら辺副作用なのでいい感じにする
const stream = useStream();
2023-01-22 14:53:24 +00:00
stream.on('emojiAdded', emojiData => {
2023-01-26 02:33:31 +00:00
customEmojis.value = [emojiData.emoji, ...customEmojis.value];
set('emojis', customEmojis.value);
2023-01-22 14:53:24 +00:00
});
stream.on('emojiUpdated', emojiData => {
customEmojis.value = customEmojis.value.map(item => emojiData.emojis.find(search => search.name === item.name) as Misskey.entities.EmojiSimple ?? item);
set('emojis', customEmojis.value);
2023-01-22 14:53:24 +00:00
});
stream.on('emojiDeleted', emojiData => {
2023-01-22 15:13:03 +00:00
customEmojis.value = customEmojis.value.filter(item => !emojiData.emojis.some(search => search.name === item.name));
set('emojis', customEmojis.value);
2023-01-22 14:53:24 +00:00
});
2023-01-09 07:45:05 +00:00
export async function fetchCustomEmojis(force = false) {
const now = Date.now();
let res;
if (force) {
res = await misskeyApi('emojis', {});
} else {
const lastFetchedAt = await get('lastEmojisFetchedAt');
if (lastFetchedAt && (now - lastFetchedAt) < 1000 * 60 * 60) return;
res = await misskeyApiGet('emojis', {});
}
2023-01-16 09:39:58 +00:00
customEmojis.value = res.emojis;
set('emojis', res.emojis);
set('lastEmojisFetchedAt', now);
}
let cachedTags;
2023-01-09 07:45:05 +00:00
export function getCustomEmojiTags() {
if (cachedTags) return cachedTags;
const tags = new Set();
2023-01-16 09:39:58 +00:00
for (const emoji of customEmojis.value) {
for (const tag of emoji.aliases) {
tags.add(tag);
}
}
const res = Array.from(tags);
cachedTags = res;
return res;
}