uriji_emoji_picker 1.0.0

data/lib/generators/uriji_emoji_picker/install_generator.rb

@@ -0,0 +1,56 @@
+module UrijiEmojiPicker
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      source_root File.dirname(__FILE__)
+
+      def copy_images
+        directory 'emoji_img', 'app/assets/images/emoji_picker'
+        directory 'emoji',     'app/assets/images/emoji'
+      end
+
+      def info
+        puts "    =====================================================
+              #{yellow '😼  😼  😼  Uriji Emoji Picker'} #{yellow UrijiEmojiPicker::VERSION}  #{yellow '😼  😼  😼'}
+              #{blue 'Repository'}: 'https://github.com/ID25/uriji_emoji_picker'
+              #{blue 'Author'}: Eugene Domosedov (ID25)
+
+          1. Add this data-attribute to your input/text field
+
+            #{green 'data: { emojiable: true }'}
+
+          2. Wrap your input with #{yellow '.emoji-picker-container'} css-class
+
+            #{green 'p.emoji-picker-container'}
+
+          3. To show text with emoji, use helper content_with_emoji
+
+        Exaple:
+          #{green 'p.emoji-picker-container'}
+            #{green '= f.text_field :title, class: "form-control", data: { emojiable: true }'}
+
+          #{green '= content_with_emoji(@post.title)'}
+
+    =====================================================
+          "
+      end
+
+      private
+
+      def colorize(text, color_code)
+        "\e[#{color_code}m#{text}\e[0m"
+      end
+
+      def green(text)
+        colorize(text, 32)
+      end
+
+      def yellow(text)
+        colorize(text, 33)
+      end
+
+      def blue(text)
+        colorize(text, 36)
+      end
+    end
+  end
+end

data/lib/helper/emoji_exceptions.rb

@@ -0,0 +1,164 @@
+module UrijiEmojiPicker
+  class EmojiExceptions
+    class << self
+      def call(emoji)
+        case emoji
+        when '☝'
+          { name: 'point_up', char: '☝' }
+        when '☺'
+          { name: 'wink', char: '☺' }
+        when '✌'
+          { name: 'victory_hand', char: '✌' }
+        when '❤'
+          { name: 'heart', char: '❤' }
+        when '☀'
+          { name: 'sunny', char: '☀' }
+        when '☁'
+          { name: 'cloud', char: '☁' }
+        when '❄'
+          { name: 'snowflake', char: '❄' }
+        when '✉'
+          { name: 'email', char: '✉' }
+        when '✈'
+          { name: 'airplane', char: '✈' }
+        when '⚠'
+          { name: 'warning', char: '⚠' }
+        when '♨'
+          { name: 'hotsprings', char: '♨' }
+        when '☎'
+          { name: 'phone', char: '☎' }
+        when '✂'
+          { name: 'scissors', char: '✂' }
+        when '✒'
+          { name: 'black_nib', char: '✒' }
+        when '✏'
+          { name: 'pencil2', char: '✏' }
+        when '⚽️'
+          { name: 'soccer', char: '⚽️' }
+        when '⚾️'
+          { name: 'baseball', char: '⚾️' }
+        when '⛳️'
+          { name: 'golf', char: '⛳️' }
+        when '☕️'
+          { name: 'coffee', char: '☕️' }
+        when '🀄️'
+          { name: 'mahjong', char: '🀄️' }
+        when '🈯️'
+          { name: 'u6307', char: '🈯️' }
+        when '🈚️'
+          { name: 'u7121', char: '🈚️' }
+        when '♿️'
+          { name: 'wheelchair', char: '♿️' }
+        when '🈷'
+          { name: 'u6708', char: '🈷' }
+        when '⛔️'
+          { name: 'no_entry', char: '⛔️' }
+        when '🅰'
+          { name: 'a', char: '🅰' }
+        when '🅱'
+          { name: 'b', char: '🅱' }
+        when '🅾'
+          { name: 'o2', char: '🅾' }
+        when '♈️'
+          { name: 'aries', char: '♈️' }
+        when '♉️'
+          { name: 'taurus', char: '♉️' }
+        when '♊️'
+          { name: 'gemini', char: '♊️' }
+        when '♋️'
+          { name: 'cancer', char: '♋️' }
+        when '♌️'
+          { name: 'leo', char: '♌️' }
+        when '♍️'
+          { name: 'virgo', char: '♍️' }
+        when '♎️'
+          { name: 'libra', char: '♎️' }
+        when '♏️'
+          { name: 'scorpius', char: '♏️' }
+        when '♐️'
+          { name: 'sagittarius', char: '♐️' }
+        when '♑️'
+          { name: 'capricorn', char: '♑️' }
+        when '♒️'
+          { name: 'aquarius', char: '♒️' }
+        when '♓️'
+          { name: 'pisces', char: '♓️' }
+        when '©'
+          { name: 'copyright', char: '©' }
+        when '®'
+          { name: 'registered', char: '®' }
+        when '❗️'
+          { name: 'exclamation', char: '❗️' }
+        when '™'
+          { name: 'tm', char: '™' }
+        when '〰'
+          { name: 'curly_loop', char: '〰' }
+        when '⭕️'
+          { name: 'o', char: '⭕️' }
+        when '🈂'
+          { name: 'sa', char: '🈂' }
+        when '◾️'
+          { name: 'black_medium_small_square', char: '◾️' }
+        when '◽️'
+          { name: 'white_medium_small_square', char: '◽️' }
+        when '⚫️'
+          { name: 'black_circle', char: '⚫️' }
+        when '⚪️'
+          { name: 'white_circle', char: '⚪️' }
+        when '⬜️'
+          { name: 'white_large_square', char: '⬜️' }
+        when '⬛️'
+          { name: 'black_large_square', char: '⬛️' }
+        when '⭐️'
+          { name: 'star', char: '⭐️' }
+        when '⛅️'
+          { name: 'partly_sunny', char: '⛅️' }
+        when '⚡️'
+          { name: 'zap', char: '⚡️' }
+        when '☔️'
+          { name: 'umbrella', char: '☔️' }
+        when '⚓️'
+          { name: 'anchor', char: '⚓️' }
+        when '⛽️'
+          { name: 'fuelpump', char: '⛽️' }
+        when '⌛️'
+          { name: 'hourglass', char: '⌛️' }
+        when '⌚️'
+          { name: 'watch', char: '⌚️' }
+        when '⛪️'
+          { name: 'church', char: '⛪️' }
+        when '⛺️'
+          { name: 'tent', char: '⛺️' }
+        when '⛲️'
+          { name: 'fountain', char: '⛲️' }
+        when '⛵️'
+          { name: 'boat', char: '⛵️' }
+        when '⛄️'
+          { name: 'snowman', char: '⛄️' }
+        when '🇯🇵'
+          { name: 'jp', char: '🇯🇵' }
+        when '🇰🇷'
+          { name: 'kr', char: '🇰🇷' }
+        when '🇩🇪'
+          { name: 'de', char: '🇩🇪' }
+        when '🇬🇧'
+          { name: 'cn', char: '🇬🇧' }
+        when '🇬🇧'
+          { name: 'gd', char: '🇬🇧' }
+        when '🇫🇷'
+          { name: 'fr', char: '🇫🇷' }
+        when '🇪🇸'
+          { name: 'es', char: '🇪🇸' }
+        when '🇮🇹'
+          { name: 'it', char: '🇮🇹' }
+        when '🇷🇺'
+          { name: 'ru', char: '🇷🇺' }
+        when '🇺🇸'
+          { name: 'us', char: '🇺🇸' }
+        else
+          {}
+        end
+      end
+    end
+  end
+end

data/lib/helper/emoji_helper.rb

@@ -0,0 +1,82 @@
+require_relative './emoji_regex'
+
+# UrijiEmojiPicker
+module UrijiEmojiPicker
+  def content_with_emoji(text)
+    find_emoji(text)
+  end
+
+  private
+
+  def find_emoji(text)
+    string  = replace_unicode_moji_with_images(text) || text
+    emoji   = string.scan(regex)
+    unicodes = []
+    index = UrijiEmojiPicker::EmojiMap.new
+
+    emoji.each do |e|
+      next if e.empty?
+      tmp_emoji = e.join('')
+      moji = index.find_by_moji(tmp_emoji)
+
+      if moji
+        flags = exceptions_emoji(tmp_emoji)
+        if flags.empty?
+          name = moji[0] if moji[0]
+          char = moji[1]['char'] if moji[1]['char']
+          hash_emoji = { name: name, char: char }
+        else
+          hash_emoji = flags
+        end
+      else
+        hash_emoji = exceptions_emoji(tmp_emoji)
+      end
+
+      unicodes << hash_emoji
+    end
+
+    unicodes.each do |hash|
+      next if hash.nil?
+      hash.reject! { |i| i.nil? }
+
+      insert_image_to_image_tag(string, hash) if hash[:char]
+    end
+
+    string.respond_to?(:html_safe) ? string.html_safe : string
+  end
+
+  def replace_unicode_moji_with_images(string)
+    index = UrijiEmojiPicker::EmojiMap.new
+
+    string.gsub!(regex) do |moji|
+      if moji.size < 2 && index.find_by_moji(moji)
+        alt = index.find_by_moji(moji)[0]
+      else
+        tmp = exceptions_emoji(moji)
+        alt = tmp[:name] if tmp.key?(:name)
+      end
+
+      %(<span class='emoji-image'><img alt='#{alt}' class="emoji" src="#{moji}"></span>)
+    end
+  end
+
+  def insert_image_to_image_tag(string, img)
+    stanadrt_replace(string, img)
+  end
+
+  def stanadrt_replace(string, img)
+    string.gsub!(img[:char], "#{Emoji.asset_host}#{Emoji.asset_path}/#{img[:name]}.png")
+  end
+
+  def regex
+    UrijiEmojiPicker::EmojiRegex.regex
+  end
+
+  def emoji_map
+    UrijiEmojiPicker::EmojiMap
+  end
+
+  def exceptions_emoji(emoji)
+    UrijiEmojiPicker::EmojiExceptions.call(emoji)
+  end
+end

data/lib/helper/emoji_map.rb

@@ -0,0 +1,29 @@
+require 'forwardable'
+require 'json'
+
+module UrijiEmojiPicker
+  class EmojiMap
+    extend Forwardable
+
+    def_delegator :@emoji_by_moji, :[], :find_by_moji
+    def_delegator :@emoji_by_name, :[], :find_by_name
+
+    def initialize(emoji_list = nil)
+      emoji_list ||= begin
+        emoji_json = File.read(File.absolute_path(File.dirname(__FILE__) + 'emojis.json'))
+        JSON.parse(emoji_json)
+      end
+
+      @emoji_by_name = {}
+      @emoji_by_moji = {}
+
+      emoji_list.each do |emoji_hash|
+        name = emoji_hash[0]
+        @emoji_by_name[name] = emoji_hash if name
+
+        moji = emoji_hash[1]['char']
+        @emoji_by_moji[moji] = emoji_hash if moji
+      end
+    end
+  end
+end