zulip/static/js/emoji.js

var emoji = (function () {

var exports = {};

exports.emojis = [];
exports.realm_emojis = {};
exports.emojis_by_name = {};
exports.emojis_name_to_css_class = {};
exports.emojis_by_unicode = {};

var default_emojis = [];
var default_unicode_emojis = [];

var zulip_emoji = {
    emoji_name: 'zulip',
    emoji_url: '/static/generated/emoji/images/emoji/unicode/zulip.png',
    is_realm_emoji: true,
};

_.each(emoji_codes.names, function (value) {
    var base_name = emoji_codes.name_to_codepoint[value];
    default_emojis.push({emoji_name: value,
                         codepoint: emoji_codes.name_to_codepoint[value],
                         emoji_url: "/static/generated/emoji/images/emoji/unicode/" + base_name + ".png"});
});

_.each(emoji_codes.codepoints, function (value) {
    default_unicode_emojis.push({emoji_name: value,
                                 codepoint: value,
                                 emoji_url: "/static/generated/emoji/images/emoji/unicode/" + value + ".png"});
});

exports.emoji_name_to_css_class = function (emoji_name) {
    return emoji_codes.name_to_codepoint[emoji_name];
};

exports.update_emojis = function update_emojis(realm_emojis) {
    // exports.realm_emojis is emptied before adding the realm-specific emoji to it.
    // This makes sure that in case of deletion, the deleted realm_emojis don't
    //  persist in exports.realm_emojis.
    exports.realm_emojis = {};
    // Copy the default emoji list and add realm-specific emoji to it
    exports.emojis = default_emojis.slice(0);
    _.each(realm_emojis, function (data, name) {
        exports.emojis.push({emoji_name: name, emoji_url: data.source_url, is_realm_emoji: true});
        exports.realm_emojis[name] = {emoji_name: name, emoji_url: data.source_url};
    });
    // Add the Zulip emoji to the realm emojis list
    exports.emojis.push(zulip_emoji);
    exports.realm_emojis.zulip = zulip_emoji;

    exports.emojis_by_name = {};
    exports.emojis_name_to_css_class = {};
    _.each(default_emojis, function (emoji) {
        var css_class = exports.emoji_name_to_css_class(emoji.emoji_name);
        exports.emojis_name_to_css_class[emoji.emoji_name] = css_class;
        exports.emojis_by_name[emoji.emoji_name] = emoji.emoji_url;
    });
    exports.emojis_by_unicode = {};
    _.each(default_unicode_emojis, function (emoji) {
        exports.emojis_by_unicode[emoji.emoji_name] = emoji.emoji_url;
    });
};

exports.initialize = function initialize() {
    // Load the sprite image in the background so that the browser
    // can cache it for later use.
    var sprite = new Image();
    sprite.src = '/static/generated/emoji/sheet_google_32.png';
};

exports.update_emojis(page_params.realm_emoji);

exports.build_emoji_upload_widget = function () {

    var get_file_input = function () {
        return $('#emoji_file_input');
    };

    var file_name_field = $('#emoji-file-name');
    var input_error = $('#emoji_file_input_error');
    var clear_button = $('#emoji_image_clear_button');
    var upload_button = $('#emoji_upload_button');

    return upload_widget.build_widget(
        get_file_input,
        file_name_field,
        input_error,
        clear_button,
        upload_button
    );
};

return exports;
}());
if (typeof module !== 'undefined') {
    module.exports = emoji;
}