336416261a
* ひとまず生成できるところまで * ファイル構成整理 * 生成コマンド整理 * misskey-jsへの組み込み * fix generator.ts * wip * fix generator.ts * fix package.json * 生成ロジックの調整 * 型レベルでのswitch-case機構をmisskey-jsからfrontendに持ち込めるようにした * 型チェック用のtsconfig.jsonを作成 * 他のエンドポイントを呼ぶ関数にも適用 * 未使用エンティティなどを削除 * misskey-js側で手動定義されていた型を自動生成された型に移行(ただしapi.jsonがvalidでなくなってしまったので後で修正する) * messagingは廃止されている(テストのビルドエラー解消) * validなapi.jsonを出力できるように修正 * 修正漏れ対応 * Ajvに怒られて起動できなかったところを修正 * fix ci(途中) * パラメータenumをやめる * add command * add api.json * 都度自動生成をやめる * 一気通貫スクリプト修正 * fix ci * 生成ロジック修正 * フロントの型チェックは結局やらなかったので戻しておく * fix pnpm-lock.yaml * add README.md --------- Co-authored-by: osamu <46447427+sam-osamu@users.noreply.github.com> Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
81 lines
2.4 KiB
TypeScript
81 lines
2.4 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import { shallowRef, computed, markRaw, watch } from 'vue';
|
|
import * as Misskey from 'misskey-js';
|
|
import { api, apiGet } from '@/os.js';
|
|
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 : []);
|
|
export const customEmojiCategories = computed<[ ...string[], null ]>(() => {
|
|
const categories = new Set<string>();
|
|
for (const emoji of customEmojis.value) {
|
|
if (emoji.category && emoji.category !== 'null') {
|
|
categories.add(emoji.category);
|
|
}
|
|
}
|
|
return markRaw([...Array.from(categories), null]);
|
|
});
|
|
|
|
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();
|
|
|
|
stream.on('emojiAdded', emojiData => {
|
|
customEmojis.value = [emojiData.emoji, ...customEmojis.value];
|
|
set('emojis', customEmojis.value);
|
|
});
|
|
|
|
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);
|
|
});
|
|
|
|
stream.on('emojiDeleted', emojiData => {
|
|
customEmojis.value = customEmojis.value.filter(item => !emojiData.emojis.some(search => search.name === item.name));
|
|
set('emojis', customEmojis.value);
|
|
});
|
|
|
|
export async function fetchCustomEmojis(force = false) {
|
|
const now = Date.now();
|
|
|
|
let res;
|
|
if (force) {
|
|
res = await api('emojis', {});
|
|
} else {
|
|
const lastFetchedAt = await get('lastEmojisFetchedAt');
|
|
if (lastFetchedAt && (now - lastFetchedAt) < 1000 * 60 * 60) return;
|
|
res = await apiGet('emojis', {});
|
|
}
|
|
|
|
customEmojis.value = res.emojis;
|
|
set('emojis', res.emojis);
|
|
set('lastEmojisFetchedAt', now);
|
|
}
|
|
|
|
let cachedTags;
|
|
export function getCustomEmojiTags() {
|
|
if (cachedTags) return cachedTags;
|
|
|
|
const tags = new Set();
|
|
for (const emoji of customEmojis.value) {
|
|
for (const tag of emoji.aliases) {
|
|
tags.add(tag);
|
|
}
|
|
}
|
|
const res = Array.from(tags);
|
|
cachedTags = res;
|
|
return res;
|
|
}
|