🎩 Add emoji's to compliment text!

Gemfile

@@ -34,6 +34,8 @@ gem 'bootstrap-sass', '~> 3.3.5'
 # In order to play nice with heroku
 gem 'rails_12factor'
 
+gem 'gemoji'
+
 # Use ActiveModel has_secure_password
 # gem 'bcrypt', '~> 3.1.7'
 

Gemfile.lock

@@ -63,6 +63,7 @@ GEM
     execjs (2.6.0)
     faraday (0.9.1)
       multipart-post (>= 1.2, < 3)
+    gemoji (2.1.0)
     globalid (0.3.6)
       activesupport (>= 4.1.0)
     haml (4.0.6)
@@ -199,6 +200,7 @@ DEPENDENCIES
   byebug
   coffee-rails (~> 4.1.0)
   dotenv-rails
+  gemoji
   haml-rails (~> 0.9)
   jbuilder (~> 2.0)
   jquery-rails
@@ -213,3 +215,6 @@ DEPENDENCIES
   turbolinks
   uglifier (>= 1.3.0)
   web-console (~> 2.0)
+
+BUNDLED WITH
+   1.10.6

Rakefile

@@ -4,3 +4,6 @@
 require File.expand_path('../config/application', __FILE__)
 
 Rails.application.load_tasks
+
+# Sync emoji images
+load 'tasks/emoji.rake'

app/helpers/emoji_helper.rb

@@ -0,0 +1,12 @@
+# Copied from gemoji README
+module EmojiHelper
+  def emojify(content)
+    h(content).to_str.gsub(/:([\w+-]+):/) do |match|
+      if emoji = Emoji.find_by_alias($1)
+        %(<img alt="#$1" src="#{image_path("emoji/#{emoji.image_filename}")}" style="vertical-align:middle" width="20" height="20" />)
+      else
+        match
+      end
+    end.html_safe if content.present?
+  end
+end

app/views/compliments/_compliment.html.haml

@@ -7,7 +7,7 @@
 
   .card.message-content
     %p.message-content-name= compliment.complimenter.name
-    = compliment.text
+    = emojify(compliment.text)
 
   .message-meta.group
     %ul.list.list--inline.message-controls.has-btn

config/application.rb

@@ -22,5 +22,11 @@ class Application < Rails::Application
 
     # Do not swallow errors in after_commit/after_rollback callbacks.
     config.active_record.raise_in_transactional_callbacks = true
+
+    # Include emoji images in asset path
+    config.assets.paths << Emoji.images_path
+
+    # and include them in the public directory
+    config.assets.precompile << "emoji/**/*.png"
   end
 end