mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2025-09-12 22:07:17 +00:00
fe5f16205fThe old MDE editor is aware of custom emojis and shows them as suggestions, but the new text expander is not aware of them and seems to re-implement some logic. Simplify it by using what `emoji.js` already provides. Custom emojis require a bit more work to get shown correctly (HTML and adding a `gap` to fake a space).
39 lines
1 KiB
JavaScript
39 lines
1 KiB
JavaScript
import emojis from '../../../assets/emoji.json';
|
|
|
|
const {assetUrlPrefix, customEmojis} = window.config;
|
|
|
|
const tempMap = Object.assign(...Array.from(customEmojis, (v) => ({[v]: `:${v}:`})));
|
|
for (const {emoji, aliases} of emojis) {
|
|
for (const alias of aliases || []) {
|
|
tempMap[alias] = emoji;
|
|
}
|
|
}
|
|
|
|
export const emojiKeys = Object.keys(tempMap).sort((a, b) => {
|
|
if (b === '+1' && a === '-1') return 1;
|
|
if (a === '+1' || a === '-1') return -1;
|
|
if (b === '+1' || b === '-1') return 1;
|
|
return a.localeCompare(b);
|
|
});
|
|
|
|
const emojiMap = {};
|
|
for (const key of emojiKeys) {
|
|
emojiMap[key] = tempMap[key];
|
|
}
|
|
|
|
// retrieve HTML for given emoji name
|
|
export function emojiHTML(name) {
|
|
let inner;
|
|
if (customEmojis.has(name)) {
|
|
inner = `<img alt=":${name}:" src="${assetUrlPrefix}/img/emoji/${name}.png">`;
|
|
} else {
|
|
inner = emojiString(name);
|
|
}
|
|
|
|
return `<span class="emoji" title=":${name}:">${inner}</span>`;
|
|
}
|
|
|
|
// retrieve string for given emoji name
|
|
export function emojiString(name) {
|
|
return emojiMap[name] || `:${name}:`;
|
|
}
|