2017-07-18 21:49:24 +01:00
|
|
|
import { unicodeMapping } from './emojione_light';
|
2017-07-03 10:02:36 +01:00
|
|
|
import Trie from 'substring-trie';
|
2016-11-15 17:38:57 +00:00
|
|
|
|
2017-07-18 21:49:24 +01:00
|
|
|
const trie = new Trie(Object.keys(unicodeMapping));
|
2017-03-29 21:27:24 +01:00
|
|
|
|
2017-09-19 01:42:40 +01:00
|
|
|
const emojify = (str, customEmojis = {}) => {
|
2017-09-19 22:27:29 +01:00
|
|
|
let rtn = '';
|
|
|
|
for (;;) {
|
|
|
|
let match, i = 0, tag;
|
|
|
|
while (i < str.length && (tag = '<&:'.indexOf(str[i])) === -1 && !(match = trie.search(str.slice(i)))) {
|
|
|
|
i += str.codePointAt(i) < 65536 ? 1 : 2;
|
|
|
|
}
|
|
|
|
if (i === str.length)
|
|
|
|
break;
|
|
|
|
else if (tag >= 0) {
|
|
|
|
let tagend = str.indexOf('>;:'[tag], i + 1) + 1;
|
|
|
|
if (!tagend)
|
|
|
|
break;
|
|
|
|
if (str[i] === ':') {
|
|
|
|
const shortname = str.slice(i, tagend);
|
|
|
|
const lt = str.indexOf('<', i + 1);
|
|
|
|
if ((lt === -1 || lt >= tagend) && shortname in customEmojis) {
|
|
|
|
rtn += str.slice(0, i) + `<img draggable="false" class="emojione" alt="${shortname}" title="${shortname}" src="${customEmojis[shortname]}" />`;
|
|
|
|
str = str.slice(tagend);
|
|
|
|
} else {
|
|
|
|
rtn += str.slice(0, i + 1);
|
|
|
|
str = str.slice(i + 1);
|
|
|
|
}
|
2017-09-19 01:42:40 +01:00
|
|
|
} else {
|
2017-09-19 22:27:29 +01:00
|
|
|
rtn += str.slice(0, tagend);
|
|
|
|
str = str.slice(tagend);
|
2017-09-19 01:42:40 +01:00
|
|
|
}
|
2017-09-19 22:27:29 +01:00
|
|
|
} else {
|
|
|
|
const [filename, shortCode] = unicodeMapping[match];
|
|
|
|
rtn += str.slice(0, i) + `<img draggable="false" class="emojione" alt="${match}" title=":${shortCode}:" src="/emoji/${filename}.svg" />`;
|
|
|
|
str = str.slice(i + match.length);
|
2017-06-30 16:29:22 +01:00
|
|
|
}
|
2017-03-29 21:27:24 +01:00
|
|
|
}
|
2017-09-19 22:27:29 +01:00
|
|
|
return rtn + str;
|
2017-08-02 20:05:17 +01:00
|
|
|
};
|
2016-11-15 17:38:57 +00:00
|
|
|
|
2017-07-03 10:02:36 +01:00
|
|
|
export default emojify;
|