emoji-data: add core plugin for emoji info in dom

Author: René Kooi

src/ExtPlug.js

@@ -16,6 +16,7 @@ define(function (require, exports, module) {
   const ChatTypePlugin = require('./plugins/ChatTypePlugin');
   const MoreChatEventsPlugin = require('./plugins/MoreChatEventsPlugin');
   const UserClassesPlugin = require('./plugins/UserClassesPlugin');
+  const EmojiDataPlugin = require('./plugins/EmojiDataPlugin');
   const TooltipsPlugin = require('./plugins/TooltipsPlugin');
   const GuestPlugin = require('./plugins/GuestPlugin');
 
@@ -86,6 +87,7 @@ define(function (require, exports, module) {
         new MoreChatEventsPlugin('more-chat-events', this),
         new ChatTypePlugin('custom-chat-type', this),
         new UserClassesPlugin('user-classes', this),
+        new EmojiDataPlugin('emoji-data', this),
         new TooltipsPlugin('tooltips', this)
       ];
 

src/plugins/EmojiDataPlugin.js

@@ -0,0 +1,41 @@
+define(function (require, exports, module) {
+
+  const Plugin = require('../Plugin')
+  const Events = require('plug/core/Events')
+  const emoji = require('plug/util/emoji')
+  const { around } = require('meld')
+
+  const EmojiDataPlugin = Plugin.extend({
+    name: 'Emoji Data',
+    description: 'Adds CSS classes and HTML5 data attributes to emoji images.',
+
+    enable() {
+      this.advice = around(emoji, 'replacement', joinpoint => {
+        let name = joinpoint.args[2]
+        let html = joinpoint.proceed()
+        return html.replace(
+          ' class="emoji-inner',
+          ` data-emoji-name="${name}" class="emoji-inner extplug-emoji-${name}`
+        )
+      })
+
+      this.listenTo(Events, 'chat:afterreceive', (msg, el) => {
+        el.find('.gemoji-plug').each(function () {
+          let inner = $(this)
+          let emojiName = inner.attr('class').match(/gemoji-plug-(\S+)/)
+          if (emojiName) {
+            inner.attr('data-emoji-name', emojiName[1])
+                 .addClass(`extplug-emoji-${name}`)
+          }
+        })
+      })
+    },
+
+    disable() {
+      this.advice.remove()
+    }
+  })
+
+  module.exports = EmojiDataPlugin
+
+})