Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

enhance(frontend): 絵文字のオートコンプリートのアルゴリズムの改善 (MisskeyIO#261)

Browse source 
* 実際は同じ絵文字なら重複してサジェストに出ないように
* エイリアスではない絵文字>前方一致>部分一致>あいまい検索順で表示されるようになるように
This commit is contained in:
まっちゃとーにゅ 2023-11-24 06:37:06 +09:00 committed by syuilo
parent 9c84055f50
commit da3064343b
1 changed files with 17 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
packages/frontend/src/components/MkAutocomplete.vue
View file

@ -265,7 +265,7 @@ function emojiAutoComplete(query: string | null, emojiDb: EmojiDef[], max = 30):
// 前方一致（エイリアスなし） // 前方一致（エイリアスなし）
emojiDb.some(x => { emojiDb.some(x => {
if (x.name.startsWith(query) && !x.aliasOf) { if (x.name.startsWith(query) && !x.aliasOf) {
matched.set(x.name, { emoji: x, score: query.length }); matched.set(x.name, { emoji: x, score: query.length + 1 });
} }
return matched.size === max; return matched.size === max;
}); });
@ -273,8 +273,8 @@ function emojiAutoComplete(query: string | null, emojiDb: EmojiDef[], max = 30):
// 前方一致（エイリアス込み） // 前方一致（エイリアス込み）
if (matched.size < max) { if (matched.size < max) {
emojiDb.some(x => { emojiDb.some(x => {
if (x.name.startsWith(query)) { if (x.name.startsWith(query) && !matched.has(x.aliasOf ?? x.name)) {
matched.set(x.name, { emoji: x, score: query.length }); matched.set(x.aliasOf ?? x.name, { emoji: x, score: query.length });
} }
return matched.size === max; return matched.size === max;
}); });
@ -283,36 +283,32 @@ function emojiAutoComplete(query: string | null, emojiDb: EmojiDef[], max = 30):
// 部分一致（エイリアス込み） // 部分一致（エイリアス込み）
if (matched.size < max) { if (matched.size < max) {
emojiDb.some(x => { emojiDb.some(x => {
if (x.name.includes(query)) { if (x.name.includes(query) && !matched.has(x.aliasOf ?? x.name)) {
matched.set(x.name, { emoji: x, score: query.length }); matched.set(x.aliasOf ?? x.name, { emoji: x, score: query.length - 1 });
} }
return matched.size === max; return matched.size === max;
}); });
} }
// 簡易あいまい検索 // 簡易あいまい検索（3文字以上）
if (matched.size < max) { if (matched.size < max && query.length > 3) {
const queryChars = [...query]; const queryChars = [...query];
const hitEmojis = new Map<string, EmojiScore>(); const hitEmojis = new Map<string, EmojiScore>();
for (const x of emojiDb) { for (const x of emojiDb) {
// クエリ文字列の1文字単位で絵文字名にヒットするかを見る // 文字列の位置を進めながら、クエリの文字を順番に探す
// ただし、過剰に検出されるのを防ぐためクエリ文字列に登場する順番で絵文字名を走査する
let queryCharHitPos = 0; let pos = 0;
let queryCharHitCount = 0; let hit = 0;
for (let idx = 0; idx < queryChars.length; idx++) { for (const c of queryChars) {
queryCharHitPos = x.name.indexOf(queryChars[idx], queryCharHitPos); pos = x.name.indexOf(c, pos);
if (queryCharHitPos <= -1) { if (pos <= -1) break;
break; hit++;
} }
queryCharHitCount++; // 半分以上の文字が含まれていればヒットとする
} if (hit > Math.ceil(queryChars.length / 2) && hit - 2 > (matched.get(x.aliasOf ?? x.name)?.score ?? 0)) {
hitEmojis.set(x.aliasOf ?? x.name, { emoji: x, score: hit - 2 });
// ヒット数が少なすぎると検索結果が汚れるので調節する
if (queryCharHitCount > 2) {
hitEmojis.set(x.name, { emoji: x, score: queryCharHitCount });
} }
} }