dc2f2a8001
* Reorganized Backstage code to use a view controller and separated it from integrations code * Renamed InstalledIntegrations component to BackstageList * Added EmojiList page * Added AddEmoji page * Added custom emoji to autocomplete and text formatter * Moved system emoji to EmojiStore * Stopped trying to get emoji before logging in * Rerender posts when emojis change * Fixed submit handler on backstage pages to properly support enter * Removed debugging code * Updated javascript driver * Fixed unit tests * Fixed backstage routes * Added clientside validation to prevent users from creating an emoji with the same name as a system one * Fixed AddEmoji page to properly redirect when an emoji is created successfully * Fixed updating emoji list when an emoji is deleted * Added type prop to BackstageList to properly support using a table for the list * Added help text to EmojiList * Fixed backstage on smaller screen sizes * Disable custom emoji by default * Improved restrictions on creating emojis * Fixed non-admin users seeing the option to delete each other's emojis * Fixing gofmt * Fixed emoji unit tests * Fixed trying to get emoji from the server when it's disabled
65 строки
2.5 KiB
JavaScript
65 строки
2.5 KiB
JavaScript
// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
|
||
// See License.txt for license information.
|
||
|
||
import EmojiStore from 'stores/emoji_store.jsx';
|
||
|
||
export const emoticonPatterns = {
|
||
slightly_smiling_face: /(^|\s)(:-?\))(?=$|\s)/g, // :)
|
||
wink: /(^|\s)(;-?\))(?=$|\s)/g, // ;)
|
||
open_mouth: /(^|\s)(:o)(?=$|\s)/gi, // :o
|
||
scream: /(^|\s)(:-o)(?=$|\s)/gi, // :-o
|
||
smirk: /(^|\s)(:-?])(?=$|\s)/g, // :]
|
||
grinning: /(^|\s)(:-?d)(?=$|\s)/gi, // :D
|
||
stuck_out_tongue_closed_eyes: /(^|\s)(x-d)(?=$|\s)/gi, // x-d
|
||
stuck_out_tongue: /(^|\s)(:-?p)(?=$|\s)/gi, // :p
|
||
rage: /(^|\s)(:-?[\[@])(?=$|\s)/g, // :@
|
||
slightly_frowning_face: /(^|\s)(:-?\()(?=$|\s)/g, // :(
|
||
cry: /(^|\s)(:['’]-?\(|:'\(|:'\()(?=$|\s)/g, // :`(
|
||
confused: /(^|\s)(:-?\/)(?=$|\s)/g, // :/
|
||
confounded: /(^|\s)(:-?s)(?=$|\s)/gi, // :s
|
||
neutral_face: /(^|\s)(:-?\|)(?=$|\s)/g, // :|
|
||
flushed: /(^|\s)(:-?\$)(?=$|\s)/g, // :$
|
||
mask: /(^|\s)(:-x)(?=$|\s)/gi, // :-x
|
||
heart: /(^|\s)(<3|<3)(?=$|\s)/g, // <3
|
||
broken_heart: /(^|\s)(<\/3|</3)(?=$|\s)/g, // </3
|
||
thumbsup: /(^|\s)(:\+1:)(?=$|\s)/g, // :+1:
|
||
thumbsdown: /(^|\s)(:\-1:)(?=$|\s)/g // :-1:
|
||
};
|
||
|
||
export function handleEmoticons(text, tokens, emojis) {
|
||
let output = text;
|
||
|
||
function replaceEmoticonWithToken(fullMatch, prefix, matchText, name) {
|
||
const index = tokens.size;
|
||
const alias = `MM_EMOTICON${index}`;
|
||
|
||
if (emojis.has(name)) {
|
||
const path = EmojiStore.getEmojiImageUrl(emojis.get(name));
|
||
|
||
// we have an image path so we found a matching emoticon
|
||
tokens.set(alias, {
|
||
value: `<img align="absmiddle" alt="${matchText}" class="emoticon" src="${path}" title="${matchText}" />`,
|
||
originalText: fullMatch
|
||
});
|
||
|
||
return prefix + alias;
|
||
}
|
||
|
||
return fullMatch;
|
||
}
|
||
|
||
// match named emoticons like :goat:
|
||
output = output.replace(/(:([a-zA-Z0-9_-]+):)/g, (fullMatch, matchText, name) => replaceEmoticonWithToken(fullMatch, '', matchText, name));
|
||
|
||
// match text smilies like :D
|
||
for (const name of Object.keys(emoticonPatterns)) {
|
||
const pattern = emoticonPatterns[name];
|
||
|
||
// this might look a bit funny, but since the name isn't contained in the actual match
|
||
// like with the named emoticons, we need to add it in manually
|
||
output = output.replace(pattern, (fullMatch, prefix, matchText) => replaceEmoticonWithToken(fullMatch, prefix, matchText, name));
|
||
}
|
||
|
||
return output;
|
||
}
|