2022-02-16 00:30:22 +00:00
|
|
|
export function emojify(text) {
|
|
|
|
|
let last = 0;
|
|
|
|
|
let nodes = [];
|
|
|
|
|
text.replace(/:([^\s:]+):/g, (match, name, index) => {
|
|
|
|
|
if (last <= index)
|
|
|
|
|
nodes.push(document.createTextNode(text.slice(last, index)));
|
|
|
|
|
nodes.push(
|
|
|
|
|
Object.assign(new Image(), {
|
|
|
|
|
src: `/emojis/${name}.png`,
|
|
|
|
|
className: "emoji",
|
|
|
|
|
alt: name,
|
|
|
|
|
})
|
|
|
|
|
);
|
|
|
|
|
last = index + match.length;
|
|
|
|
|
});
|
|
|
|
|
if (last < text.length) nodes.push(document.createTextNode(text.slice(last)));
|
|
|
|
|
return nodes;
|
|
|
|
|
}
|
|
|
|
|
export const emojis = fetch("/emojis")
|
|
|
|
|
.then((e) => e.json())
|
|
|
|
|
.then((e) => e.map((e) => e.slice(0, -4)));
|
