highlight mentions on incoming messages

For #31

Still need to highlight past message on app startup

Author: feross

lib/rich-message.js

@@ -20,10 +20,10 @@ var convertHTML = htmlToVDom({
 })
 
 function makeVDom (html) {
-  return convertHTML('<div>' + html + '</div>')
+  return convertHTML('<div class="text">' + html + '</div>')
 }
 
-function makeRichMessage (message) {
+function makeRichMessage (message, username) {
   message.anon = /Anonymous/i.test(message.username)
   message.avatar = message.anon
     ? 'static/cat.png'
@@ -34,6 +34,11 @@ function makeRichMessage (message) {
   message.html = emojify(message.html)
   message.html = ghlink(message.html, { format: 'html' })
   message.html = message.html.replace(/(^| )(#[a-zA-Z0-9]+)( |$)$/g, '$1<a href="$2">$2</a>$3')
+
+  var highlight = (message.text.indexOf(username) !== -1)
+  var classStr = highlight ? ' class="highlight"' : ''
+  message.html = '<div' + classStr + '>' + message.html + '</div>'
+
   message.vdom = makeVDom(message.html)
 
   return message