2016-11-15 12:38:57 -05:00
|
|
|
import emojione from 'emojione';
|
|
|
|
|
2017-03-29 16:27:24 -04:00
|
|
|
const toImage = str => shortnameToImage(unicodeToImage(str));
|
|
|
|
|
|
|
|
const unicodeToImage = str => {
|
|
|
|
const mappedUnicode = emojione.mapUnicodeToShort();
|
|
|
|
|
|
|
|
return str.replace(emojione.regUnicode, unicodeChar => {
|
|
|
|
if (typeof unicodeChar === 'undefined' || unicodeChar === '' || !(unicodeChar in emojione.jsEscapeMap)) {
|
|
|
|
return unicodeChar;
|
|
|
|
}
|
|
|
|
|
|
|
|
const unicode = emojione.jsEscapeMap[unicodeChar];
|
|
|
|
const short = mappedUnicode[unicode];
|
|
|
|
const filename = emojione.emojioneList[short].fname;
|
|
|
|
const alt = emojione.convert(unicode.toUpperCase());
|
|
|
|
|
2017-05-04 09:50:09 -04:00
|
|
|
return `<img draggable="false" class="emojione" alt="${alt}" title="${short}" src="/emoji/${filename}.svg" />`;
|
2017-03-29 16:27:24 -04:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
const shortnameToImage = str => str.replace(emojione.regShortNames, shortname => {
|
|
|
|
if (typeof shortname === 'undefined' || shortname === '' || !(shortname in emojione.emojioneList)) {
|
|
|
|
return shortname;
|
|
|
|
}
|
|
|
|
|
|
|
|
const unicode = emojione.emojioneList[shortname].unicode[emojione.emojioneList[shortname].unicode.length - 1];
|
|
|
|
const alt = emojione.convert(unicode.toUpperCase());
|
|
|
|
|
2017-05-04 09:50:09 -04:00
|
|
|
return `<img draggable="false" class="emojione" alt="${alt}" title="${shortname}" src="/emoji/${unicode}.svg" />`;
|
2017-03-29 16:27:24 -04:00
|
|
|
});
|
2016-11-15 12:38:57 -05:00
|
|
|
|
|
|
|
export default function emojify(text) {
|
2017-03-29 16:27:24 -04:00
|
|
|
return toImage(text);
|
2016-11-15 12:38:57 -05:00
|
|
|
};
|