gemoji 2.1.0

Resolve the emoji.json "unicodes" mess

.gitignore

@@ -1 +1,2 @@
-Gemfile.lock
+.ruby-version
+db/NamesList.txt

.travis.yml

@@ -0,0 +1,6 @@
+script: script/test
+rvm:
+  - 1.9.3
+  - 2.1.2
+notifications:
+  email: false

CONTRIBUTING.md

@@ -0,0 +1,49 @@
+Our emoji set is based off Apple's emoji character palette, plus some custom
+emoji such as :octocat: :shipit: :metal:.
+
+Some useful tools in development are:
+
+```
+script/bootstrap
+```
+
+Sets up the development environment. The prerequisites are:
+
+* Ruby 1.9+
+* Bundler
+
+```
+rake db:generate
+```
+
+On OS X, this will rebuild the `db/Category-Emoji.json` file from the system
+one, pulling in any new emoji that Apple may have added in the meantime.
+
+```
+script/test
+```
+
+Runs the test suite, including the integrity test where we assert that we have
+covered each of Apple's emoji.
+
+```
+script/regenerate
+```
+
+Rebuilds the `db/emoji.json` file which is our main list of emoji: their
+canonical representations, descriptions, aliases, and tags. This requires OS X
+because Safari is used in the process to verify which character render as emoji
+and which render as ordinary Unicode glyphs from the current font.
+
+```
+script/console
+```
+
+Opens `irb` console with gemoji library preloded for experimentation.
+
+```
+script/release
+```
+
+For maintainers only: after the gemspec has been edited, this commits the
+change, tags a release, and pushes it to both GitHub and RubyGems.org.

Gemfile

@@ -1,2 +1,6 @@
-source :rubygems
+source "https://rubygems.org"
+
+gem "rake"
+gem "minitest"
+
 gemspec

Gemfile.lock

@@ -0,0 +1,18 @@
+PATH
+  remote: .
+  specs:
+    gemoji (2.1.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    minitest (5.3.5)
+    rake (10.3.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  gemoji!
+  minitest
+  rake

LICENSE

@@ -0,0 +1,39 @@
+octocat, squirrel, shipit
+Copyright (c) 2013 GitHub Inc. All rights reserved.
+
+bowtie, neckbeard, fu
+Copyright (c) 2013 37signals, LLC. All rights reserved.
+
+feelsgood, finnadie, goberserk, godmode, hurtrealbad, rage 1-4, suspect
+Copyright (c) 2013 id Software. All rights reserved.
+
+trollface
+Copyright (c) 2013 whynne@deviantart. All rights reserved.
+
+All other images
+Copyright (c) 2013 Apple Inc. All rights reserved.
+
+Source code:
+
+Copyright (c) 2013 GitHub, Inc.
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,35 +1,123 @@
-Emoji
-=====
+gemoji
+======
 
-Shared Emoji assets between GitHub,  Campfire, and BCX.
+Emoji images and names. See the LICENSE for copyright information.
 
-Contributing
+
+Installation
 ------------
 
-### Designers
+Add `gemoji` to your Gemfile.
 
-Drop a 64x64 png into `images/` and commit it.
+``` ruby
+gem 'gemoji'
+```
 
-### Others
+**Sync images**
 
-Rerun `rake` to rebuild static assets and sprites. (Trying to make this step unnecessary)
+Images can be copied to your public directory with `rake emoji` in your app. This is the recommended approach since the images will be available at a consistent location. This works best with cached formatted user content generated by tools like [html-pipeline](https://github.com/jch/html-pipeline).
 
-Deploying
----------
+``` ruby
+# Rakefile
+load 'tasks/emoji.rake'
+```
 
-### GitHub
+```
+$ rake emoji
+```
 
-1. Run `rake emoji` in app root
+**Assets Precompiling**
 
-### Campfire
+If you must, you can manually add all the images to your asset load path.
 
-1. Push changes to 37signals/emoji
-2. Update emoji version in config/externals.yml
-3. Run `cap local externals:setup` in app root
-4. Run `rake emoji` in app root
-5. Run `Rails.cache.clear` in app console
+``` ruby
+# config/application.rb
+config.assets.paths << Emoji.images_path
+```
 
-### BCX
+Then have them compiled to public on deploy.
 
-1. Push changes to 37signals/emoji
-2. Run `bundle update emoji` in app root
+``` ruby
+# config/application.rb
+config.assets.precompile << "emoji/**/*.png"
+```
+
+**WARNING** Since there are a ton of images, just adding the path may slow down other lookups if you aren't using it. Compiling all the emojis on deploy will add overhead to your deploy if even the images haven't changed. Theres just so many more superfluous files to iterate over. Also, the urls will be fingerprinted which may not be ideal for referencing from cached content.
+
+
+Example Rails Helper
+--------------------
+
+This would allow emojifying content such as: `it's raining :cat:s and :dog:s!`
+
+See the [Emoji cheat sheet](http://www.emoji-cheat-sheet.com) for more examples.
+
+```ruby
+module EmojiHelper
+  def emojify(content)
+    h(content).to_str.gsub(/:([\w+-]+):/) do |match|
+      if emoji = Emoji.find_by_alias($1)
+        %(<img alt="#$1" src="#{asset_path("emoji/#{emoji.image_filename}")}" style="vertical-align:middle" width="20" height="20" />)
+      else
+        match
+      end
+    end.html_safe if content.present?
+  end
+end
+```
+
+Unicode mapping
+---------------
+
+Translate emoji names to unicode and vice versa.
+
+```ruby
+>> Emoji.find_by_alias("cat").raw
+=> "🐱"  # Don't see a cat? That's U+1F431.
+
+>> Emoji.find_by_unicode("\u{1f431}").name
+=> "cat"
+```
+
+Adding new emoji
+----------------
+
+You can add new emoji characters to the `Emoji.all` list:
+
+```ruby
+emoji = Emoji.create("music") do |char|
+  char.add_alias "song"
+  char.add_unicode_alias "\u{266b}"
+  char.add_tag "notes"
+end
+
+emoji.name #=> "music"
+emoji.raw  #=> "♫"
+emoji.image_filename #=> "unicode/266b.png"
+
+# Creating custom emoji (no Unicode aliases):
+emoji = Emoji.create("music") do |char|
+  char.add_tag "notes"
+end
+
+emoji.custom? #=> true
+emoji.image_filename #=> "music.png"
+```
+
+As you create new emoji, you must ensure that you also create and put the images
+they reference by their `image_filename` to your assets directory.
+
+For existing emojis, you can edit the list of aliases or add new tags in an edit block:
+
+```ruby
+emoji = Emoji.find_by_alias "musical_note"
+
+Emoji.edit_emoji(emoji) do |char|
+  char.add_alias "music"
+  char.add_unicode_alias "\u{266b}"
+  char.add_tag "notes"
+end
+
+Emoji.find_by_alias "music"       #=> emoji
+Emoji.find_by_unicode "\u{266b}"  #=> emoji
+```

Rakefile

@@ -1,32 +1,29 @@
-$:.unshift File.expand_path("../lib", __FILE__)
+require 'rake/testtask'
 
-require 'emoji'
-require 'sprockets'
-require 'rake/clean'
+task :default => :test
 
-Assets = Sprockets::Environment.new do |env|
-  env.append_path Emoji.path
-  env.append_path File.join(Emoji.path, 'assets')
+Rake::TestTask.new do |t|
+  t.libs << "test"
+  t.test_files = FileList["test/*_test.rb"]
 end
 
-file "lib/emoji.png" do |f|
-  Assets["emoji.png.erb"].write_to(f.name)
+namespace :db do
+  desc %(Generate Emoji data files needed for development)
+  task :generate => ['db/Category-Emoji.json', 'db/NamesList.txt']
+
+  desc %(Dump a list of supported Emoji with Unicode descriptions and aliases)
+  task :dump => :generate do
+    system 'ruby', '-Ilib', 'db/dump.rb'
+  end
 end
 
-file "lib/emoji.js" do |f|
-  Assets["emoji.js.erb"].write_to(f.name)
+emoji_plist = '/System/Library/Input Methods/CharacterPalette.app/Contents/Resources/Category-Emoji.plist'
+nameslist_url = 'http://www.unicode.org/Public/6.3.0/ucd/NamesList.txt'
+
+task 'db/Category-Emoji.json' do |t|
+  system "plutil -convert json -r '#{emoji_plist}' -o '#{t.name}'"
 end
 
-file "lib/emoji.css" do |f|
-  Assets["emoji.css.erb"].write_to(f.name)
+file 'db/NamesList.txt' do |t|
+  system "curl -fsSL '#{nameslist_url}' -o '#{t.name}'"
 end
-
-assets = [
-  "lib/emoji.png",
-  "lib/emoji.js",
-  "lib/emoji.css"
-]
-
-assets.each { |asset| CLOBBER.include(asset) }
-
-task :default => [:clobber] + assets

db/Category-Emoji.json

@@ -0,0 +1,47 @@
+{
+  "EmojiDataArray" : [
+    {
+      "CVDataTitle" : "EmojiCategory-People",
+      "CVCategoryImage" : "Emoji-HumanImage",
+      "CVCategoryData" : {
+        "CVSkipNullGlyphs" : true,
+        "Data" : "😄,😃,😀,😊,☺️,😉,😍,😘,😚,😗,😙,😜,😝,😛,😳,😁,😔,😌,😒,😞,😣,😢,😂,😭,😪,😥,😰,😅,😓,😩,😫,😨,😱,😠,😡,😤,😖,😆,😋,😷,😎,😴,😵,😲,😟,😦,😧,😈,👿,😮,😬,😐,😕,😯,😶,😇,😏,😑,👲,👳,👮,👷,💂,👶,👦,👧,👨,👩,👴,👵,👱,👼,👸,😺,😸,😻,😽,😼,🙀,😿,😹,😾,👹,👺,🙈,🙉,🙊,💀,👽,💩,🔥,✨,🌟,💫,💥,💢,💦,💧,💤,💨,👂,👀,👃,👅,👄,👍,👎,👌,👊,✊,✌️,👋,✋,👐,👆,👇,👉,👈,🙌,🙏,☝️,👏,💪,🚶,🏃,💃,👫,👪,👬,👭,💏,💑,👯,🙆,🙅,💁,🙋,💆,💇,💅,👰,🙎,🙍,🙇,🎩,👑,👒,👟,👞,👡,👠,👢,👕,👔,👚,👗,🎽,👖,👘,👙,💼,👜,👝,👛,👓,🎀,🌂,💄,💛,💙,💜,💚,❤️,💔,💗,💓,💕,💖,💞,💘,💌,💋,💍,💎,👤,👥,💬,👣,💭"
+      }
+    },
+    {
+      "CVDataTitle" : "EmojiCategory-Nature",
+      "CVCategoryImage" : "Emoji-NatureImage",
+      "CVCategoryData" : {
+        "CVSkipNullGlyphs" : true,
+        "Data" : "🐶,🐺,🐱,🐭,🐹,🐰,🐸,🐯,🐨,🐻,🐷,🐽,🐮,🐗,🐵,🐒,🐴,🐑,🐘,🐼,🐧,🐦,🐤,🐥,🐣,🐔,🐍,🐢,🐛,🐝,🐜,🐞,🐌,🐙,🐚,🐠,🐟,🐬,🐳,🐋,🐄,🐏,🐀,🐃,🐅,🐇,🐉,🐎,🐐,🐓,🐕,🐖,🐁,🐂,🐲,🐡,🐊,🐫,🐪,🐆,🐈,🐩,🐾,💐,🌸,🌷,🍀,🌹,🌻,🌺,🍁,🍃,🍂,🌿,🌾,🍄,🌵,🌴,🌲,🌳,🌰,🌱,🌼,🌐,🌞,🌝,🌚,🌑,🌒,🌓,🌔,🌕,🌖,🌗,🌘,🌜,🌛,🌙,🌍,🌎,🌏,🌋,🌌,🌠,⭐️,☀️,⛅️,☁️,⚡️,☔️,❄️,⛄️,🌀,🌁,🌈,🌊"
+      }
+    },
+    {
+      "CVDataTitle" : "EmojiCategory-Objects",
+      "CVCategoryImage" : "Emoji-ObjectsImage",
+      "CVCategoryData" : {
+        "CVSkipNullGlyphs" : true,
+        "Data" : "🎍,💝,🎎,🎒,🎓,🎏,🎆,🎇,🎐,🎑,🎃,👻,🎅,🎄,🎁,🎋,🎉,🎊,🎈,🎌,🔮,🎥,📷,📹,📼,💿,📀,💽,💾,💻,📱,☎️,📞,📟,📠,📡,📺,📻,🔊,🔉,🔈,🔇,🔔,🔕,📢,📣,⏳,⌛️,⏰,⌚️,🔓,🔒,🔏,🔐,🔑,🔎,💡,🔦,🔆,🔅,🔌,🔋,🔍,🛁,🛀,🚿,🚽,🔧,🔩,🔨,🚪,🚬,💣,🔫,🔪,💊,💉,💰,💴,💵,💷,💶,💳,💸,📲,📧,📥,📤,✉️,📩,📨,📯,📫,📪,📬,📭,📮,📦,📝,📄,📃,📑,📊,📈,📉,📜,📋,📅,📆,📇,📁,📂,✂️,📌,📎,✒️,✏️,📏,📐,📕,📗,📘,📙,📓,📔,📒,📚,📖,🔖,📛,🔬,🔭,📰,🎨,🎬,🎤,🎧,🎼,🎵,🎶,🎹,🎻,🎺,🎷,🎸,👾,🎮,🃏,🎴,🀄️,🎲,🎯,🏈,🏀,⚽️,⚾️,🎾,🎱,🏉,🎳,⛳️,🚵,🚴,🏁,🏇,🏆,🎿,🏂,🏊,🏄,🎣,☕️,🍵,🍶,🍼,🍺,🍻,🍸,🍹,🍷,🍴,🍕,🍔,🍟,🍗,🍖,🍝,🍛,🍤,🍱,🍣,🍥,🍙,🍘,🍚,🍜,🍲,🍢,🍡,🍳,🍞,🍩,🍮,🍦,🍨,🍧,🎂,🍰,🍪,🍫,🍬,🍭,🍯,🍎,🍏,🍊,🍋,🍒,🍇,🍉,🍓,🍑,🍈,🍌,🍐,🍍,🍠,🍆,🍅,🌽"
+      }
+    },
+    {
+      "CVDataTitle" : "EmojiCategory-Places",
+      "CVCategoryImage" : "Emoji-PlacesImage",
+      "CVCategoryData" : {
+        "CVSkipNullGlyphs" : true,
+        "Data" : "🏠,🏡,🏫,🏢,🏣,🏥,🏦,🏪,🏩,🏨,💒,⛪️,🏬,🏤,🌇,🌆,🏯,🏰,⛺️,🏭,🗼,🗾,🗻,🌄,🌅,🌃,🗽,🌉,🎠,🎡,⛲️,🎢,🚢,⛵️,🚤,🚣,⚓️,🚀,✈️,💺,🚁,🚂,🚊,🚉,🚞,🚆,🚄,🚅,🚈,🚇,🚝,🚋,🚃,🚎,🚌,🚍,🚙,🚘,🚗,🚕,🚖,🚛,🚚,🚨,🚓,🚔,🚒,🚑,🚐,🚲,🚡,🚟,🚠,🚜,💈,🚏,🎫,🚦,🚥,⚠️,🚧,🔰,⛽️,🏮,🎰,♨️,🗿,🎪,🎭,📍,🚩,🇯🇵,🇰🇷,🇩🇪,🇨🇳,🇺🇸,🇫🇷,🇪🇸,🇮🇹,🇷🇺,🇬🇧"
+      }
+    },
+    {
+      "CVDataTitle" : "EmojiCategory-Symbols",
+      "CVCategoryImage" : "Emoji-SymbolImage",
+      "CVCategoryData" : {
+        "CVSkipNullGlyphs" : true,
+        "Data" : "1️⃣,2️⃣,3️⃣,4️⃣,5️⃣,6️⃣,7️⃣,8️⃣,9️⃣,0️⃣,🔟,🔢,#️⃣,🔣,⬆️,⬇️,⬅️,➡️,🔠,🔡,🔤,↗️,↖️,↘️,↙️,↔️,↕️,🔄,◀️,▶️,🔼,🔽,↩️,↪️,ℹ️,⏪,⏩,⏫,⏬,⤵️,⤴️,🆗,🔀,🔁,🔂,🆕,🆙,🆒,🆓,🆖,📶,🎦,🈁,🈯️,🈳,🈵,🈴,🈲,🉐,🈹,🈺,🈶,🈚️,🚻,🚹,🚺,🚼,🚾,🚰,🚮,🅿️,♿️,🚭,🈷,🈸,🈂,Ⓜ️,🛂,🛄,🛅,🛃,🉑,㊙️,㊗️,🆑,🆘,🆔,🚫,🔞,📵,🚯,🚱,🚳,🚷,🚸,⛔️,✳️,❇️,❎,✅,✴️,💟,🆚,📳,📴,🅰,🅱,🆎,🅾,💠,➿,♻️,♈️,♉️,♊️,♋️,♌️,♍️,♎️,♏️,♐️,♑️,♒️,♓️,⛎,🔯,🏧,💹,💲,💱,©,®,™,❌,‼️,⁉️,❗️,❓,❕,❔,⭕️,🔝,🔚,🔙,🔛,🔜,🔃,🕛,🕧,🕐,🕜,🕑,🕝,🕒,🕞,🕓,🕟,🕔,🕠,🕕,🕖,🕗,🕘,🕙,🕚,🕡,🕢,🕣,🕤,🕥,🕦,✖️,➕,➖,➗,♠️,♥️,♣️,♦️,💮,💯,✔️,☑️,🔘,🔗,➰,〰,〽️,🔱,◼️,◻️,◾️,◽️,▪️,▫️,🔺,🔲,🔳,⚫️,⚪️,🔴,🔵,🔻,⬜️,⬛️,🔶,🔷,🔸,🔹"
+      }
+    }
+  ],
+  "CVViewFontList" : [
+    "AppleColorEmoji"
+  ]
+}

db/aliases.applescript

@@ -0,0 +1,13 @@
+set jsCode to "document.getElementById('output').value"
+set json to missing value
+
+tell application "Safari"
+  repeat
+    set json to (do JavaScript jsCode in current tab of window 1)
+    if (json is not missing value) then exit repeat
+    delay 0.5
+  end repeat
+  close current tab of window 1
+end tell
+
+return json

db/aliases.html

@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<title>Emoji alias detection</title>
+<style>
+  textarea {
+    font-family: monospace;
+  }
+</style>
+
+<p>Save the following as <tt>emoji.json</tt>:</p>
+
+<textarea id="output" rows="50" cols="80"></textarea>
+
+<script>
+  const VARIATION_SELECTOR_15 = String.fromCharCode(0xfe0e);
+  const VARIATION_SELECTOR_16 = String.fromCharCode(0xfe0f);
+  const EMOJI_SIZE = 32
+
+  function detectAliases(db) {
+    for (var i = 0; i < db.length; ++i) {
+      var emoji = db[i];
+      var raw = emoji.emoji;
+      if (!raw) {
+        continue;
+      }
+
+      if (raw.indexOf(VARIATION_SELECTOR_16) > -1) {
+        var candidates = [raw.replace(VARIATION_SELECTOR_16, ""), raw];
+      } else {
+        var candidates = [raw, raw + VARIATION_SELECTOR_16];
+      }
+
+      var aliases = candidates.filter(isColorEmoji);
+      emoji.emoji = aliases[0];
+    }
+
+    dump(db);
+  }
+
+  function isColorEmoji(candidate) {
+    // Draw the emoji twice using a different color each time. If the emoji
+    // draws as the same color regardless of what color we set, it's a color
+    // emoji.
+    return color(candidate, "#f00") === color(candidate, "#0f0");
+  }
+
+  var canvas = document.createElement("canvas");
+  canvas.width = canvas.height = EMOJI_SIZE;
+
+  function color(emoji, rgb) {
+    var context = canvas.getContext("2d");
+    context.clearRect(0, 0, canvas.width, canvas.height);
+    context.fillStyle = rgb;
+    context.textBaseline = "top";
+    context.font = EMOJI_SIZE+"px Arial";
+    context.fillText(emoji, 0, 0);
+    var data = context.getImageData(0, 0, EMOJI_SIZE, EMOJI_SIZE).data;
+    for (var i = 0; i < data.length; i += 4) {
+      if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0) {
+        continue;
+      }
+      return data[i].toString(16)
+        + data[i + 1].toString(16)
+        + data[i + 2].toString(16);
+    }
+    return "no colored pixel found";
+  }
+
+  function dump(db) {
+    var json = JSON.stringify(db, null, "  ")
+      .replace(/^( +)(.+)\[\](,?)$/mg, "$1$2[\n$1]$3")
+      .replace(/,\n( *)  /g, "\n$1, ");
+    document.getElementById("output").value = json + "\n";
+  }
+
+  var xhr = new XMLHttpRequest;
+  xhr.onload = function() {
+    detectAliases(JSON.parse(this.responseText));
+  };
+  xhr.open("GET", "emoji.json", false);
+  xhr.send(null);
+</script>

db/dump.rb

@@ -0,0 +1,74 @@
+require 'emoji'
+require 'json'
+
+names_list = File.expand_path('../NamesList.txt', __FILE__)
+
+class UnicodeCharacter
+  attr_reader :code, :description, :aliases
+
+  @index = {}
+  class << self
+    attr_reader :index
+
+    def fetch(code, *args, &block)
+      code = code.to_s(16).rjust(4, '0') if code.is_a?(Integer)
+      index.fetch(code, *args, &block)
+    end
+  end
+
+  def initialize(code, description)
+    @code = code.downcase
+    @description = description.downcase
+    @aliases = []
+    @references = []
+
+    self.class.index[@code] = self
+  end
+
+  def add_alias(string)
+    @aliases.concat string.split(/\s*,\s*/)
+  end
+
+  def add_reference(code)
+    @references << code.downcase
+  end
+end
+
+char = nil
+
+File.foreach(names_list) do |line|
+  case line
+  when /^[A-F0-9]{4,5}\t/
+    code, desc = line.chomp.split("\t", 2)
+    codepoint = code.hex
+    char = UnicodeCharacter.new(code, desc)
+  when /^\t= /
+    char.add_alias($')
+  when /^\tx .+ - ([A-F0-9]{4,5})\)$/
+    char.add_reference($1)
+  end
+end
+
+trap(:PIPE) { abort }
+
+items = []
+variation_codepoint = Emoji::VARIATION_SELECTOR_16.codepoints[0]
+
+for emoji in Emoji.all
+  item = {}
+
+  unless emoji.custom?
+    chars = emoji.raw.codepoints.map { |code| UnicodeCharacter.fetch(code) unless code == variation_codepoint }.compact
+    item[:emoji] = emoji.raw
+    item[:description] = chars.map(&:description).join(' + ')
+  end
+
+  item[:aliases] = emoji.aliases
+  item[:tags] = emoji.tags
+
+  items << item
+end
+
+puts JSON.pretty_generate(items)
+  .gsub("\n\n", "\n")
+  .gsub(/,\n( +)/) { "\n%s, " % $1[2..-1] }

db/index.html

@@ -0,0 +1,113 @@
+<!doctype html>
+<title>Emoji preview</title>
+
+<style type="text/css">
+body {
+  font: 14px/18px Verdana, Arial, sans-serif;
+  padding: 2em;
+}
+ol {
+  list-style: none;
+  padding-left: 0;
+}
+li {
+  margin-left: 0;
+  margin-top: 5px;
+  clear: left;
+}
+li:first-child { display: none; }
+li > span {
+  display: block;
+}
+.emoji {
+  font-size: 50px;
+  line-height: 50px;
+  float: left;
+  margin-right: 20px;
+}
+.description {
+  font-style: italic;
+  color: gray;
+}
+.aliases span:before, .aliases span:after {
+  content: ":";
+  color: gray;
+}
+.tags {
+  font-size: 11px;
+}
+.tags span {
+  display: inline-block;
+  padding: 1px 5px 2px;
+  border-radius: 3px;
+  background: #dadada;
+  line-height: 11px;
+}
+</style>
+
+<p><input type=search placeholder="Search..."></p>
+
+<ol>
+  <li>
+    <span class="emoji"></span>
+    <span class="description"></span>
+    <span class="aliases"></span>
+    <span class="tags"></span>
+  </li>
+</ol>
+
+<script>
+  function renderEmoji(emojis) {
+    var item, els, template = document.querySelector('li')
+    for (var emoji, i=0; i < emojis.length; i++) {
+      emoji = emojis[i]
+      item = template.cloneNode(true)
+      els = item.querySelectorAll('span')
+      if (emoji.emoji) els[0].textContent = emoji.emoji
+      else {
+        var img = document.createElement('img')
+        img.src = "../images/emoji/" + emoji.aliases[0] + ".png"
+        els[0].appendChild(img)
+      }
+      els[1].textContent = emoji.description || ''
+      els[2].innerHTML = emoji.aliases.map(function(n){ return '<span>'+n+'</span>' }).join(' ')
+      els[3].innerHTML = emoji.tags.map(function(n){ return '<span>'+n+'</span>' }).join(' ')
+      template.parentNode.appendChild(item)
+
+      item._emojiText = (els[2].textContent + ' ' + els[3].textContent).replace(/_/g, '-')
+    }
+  }
+
+  xhr = new XMLHttpRequest
+  xhr.onreadystatechange = function() {
+    if (this.readyState == 4) {
+      json = JSON.parse(this.responseText)
+      renderEmoji(json)
+    }
+  }
+  xhr.open('GET', 'emoji.json', false)
+  xhr.send(null)
+
+  function searchEmoji(query) {
+    var el,
+        re = new RegExp('\\b' + query),
+        els = document.querySelectorAll('li')
+
+    for (var i=1; i < els.length; i++) {
+      el = els[i]
+      if ( !query || re.test(el._emojiText) ) {
+        el.style.display = 'list-item'
+      } else {
+        el.style.display = 'none'
+      }
+    }
+  }
+
+  var timeout, search = document.querySelector('input[type=search]')
+  search.addEventListener('input', function() {
+    var $this = this
+    if (timeout) clearTimeout(timeout)
+    timeout = setTimeout(function(){ searchEmoji($this.value) }, 200)
+  }, false)
+  search.focus()
+</script>

emoji.gemspec

@@ -1,14 +0,0 @@
-Gem::Specification.new do |s|
-  s.name    = "emoji"
-  s.version = "0.3.0"
-  s.summary = "Emoji Assets"
-  s.description = "Shared Emoji assets between GitHub,  Campfire, and BCX."
-
-  s.authors  = ["GitHub", "37signals"]
-  s.email    = "support@github.com"
-  s.homepage = "https://github.com/github/emoji"
-
-  s.files = `git ls-files`.split("\n")
-
-  s.add_development_dependency "sprockets", "~> 2.0"
-end

gemoji.gemspec

@@ -0,0 +1,21 @@
+Gem::Specification.new do |s|
+  s.name    = "gemoji"
+  s.version = "2.1.0"
+  s.summary = "Emoji conversion and image assets"
+  s.description = "Image assets and character information for emoji."
+
+  s.required_ruby_version = '> 1.9'
+
+  s.authors  = ["GitHub"]
+  s.email    = "support@github.com"
+  s.homepage = "https://github.com/github/gemoji"
+  s.licenses = ["MIT"]
+
+  s.files = Dir[
+    "README.md",
+    "images/**/*.png",
+    "db/emoji.json",
+    "lib/**/*.rb",
+    "lib/tasks/*.rake"
+  ]
+end

images/+1.png

@@ -1 +0,0 @@
-unicode/e00e.png

images/-1.png

@@ -1 +0,0 @@
-unicode/e421.png

images/100.png

@@ -1 +0,0 @@
-unicode/1f4af.png

images/109.png

@@ -1 +0,0 @@
-unicode/e50a.png

images/1234.png

@@ -1 +0,0 @@
-unicode/1f522.png

images/8ball.png

@@ -1 +0,0 @@
-unicode/e42c.png

images/a.png

@@ -1 +0,0 @@
-unicode/e532.png

images/ab.png

@@ -1 +0,0 @@
-unicode/e534.png

images/abc.png

@@ -1 +0,0 @@
-unicode/1f524.png

images/abcd.png

@@ -1 +0,0 @@
-unicode/1f521.png

images/accept.png

@@ -1 +0,0 @@
-unicode/1f251.png

images/aerial_tramway.png

@@ -1 +0,0 @@
-unicode/1f6a1.png

images/airplane.png

@@ -1 +0,0 @@
-unicode/e01d.png

images/alarm_clock.png

@@ -1 +0,0 @@
-unicode/23f0.png

images/alien.png

@@ -1 +0,0 @@
-unicode/e10c.png

images/ambulance.png

@@ -1 +0,0 @@
-unicode/e431.png

images/anchor.png

@@ -1 +0,0 @@
-unicode/2693.png

images/angel.png

@@ -1 +0,0 @@
-unicode/e04e.png

images/anger.png

@@ -1 +0,0 @@
-unicode/e334.png

images/angry.png

@@ -1 +0,0 @@
-unicode/e059.png

images/ant.png

@@ -1 +0,0 @@
-unicode/1f41c.png

images/apple.png

@@ -1 +0,0 @@
-unicode/e345.png

images/aquarius.png

@@ -1 +0,0 @@
-unicode/e249.png

images/aries.png

@@ -1 +0,0 @@
-unicode/e23f.png

images/arrow_backward.png

@@ -1 +0,0 @@
-unicode/e23b.png

images/arrow_double_down.png

@@ -1 +0,0 @@
-unicode/23ec.png

images/arrow_double_up.png

@@ -1 +0,0 @@
-unicode/23eb.png

images/arrow_down.png

@@ -1 +0,0 @@
-unicode/e233.png

images/arrow_down_small.png

@@ -1 +0,0 @@
-unicode/1f53d.png

images/arrow_forward.png

@@ -1 +0,0 @@
-unicode/e23a.png

images/arrow_heading_down.png

@@ -1 +0,0 @@
-unicode/2935.png

images/arrow_heading_up.png

@@ -1 +0,0 @@
-unicode/2934.png

images/arrow_left.png

@@ -1 +0,0 @@
-unicode/e235.png

images/arrow_lower_left.png

@@ -1 +0,0 @@
-unicode/e239.png

images/arrow_lower_right.png

@@ -1 +0,0 @@
-unicode/e238.png

images/arrow_right.png

@@ -1 +0,0 @@
-unicode/e234.png

images/arrow_right_hook.png

@@ -1 +0,0 @@
-unicode/21aa.png

images/arrow_up.png

@@ -1 +0,0 @@
-unicode/e232.png

images/arrow_up_down.png

@@ -1 +0,0 @@
-unicode/2195.png

images/arrow_up_small.png

@@ -1 +0,0 @@
-unicode/1f53c.png

images/arrow_upper_left.png

@@ -1 +0,0 @@
-unicode/e237.png

images/arrow_upper_right.png

@@ -1 +0,0 @@
-unicode/e236.png

images/arrows_clockwise.png

@@ -1 +0,0 @@
-unicode/1f503.png

images/arrows_counterclockwise.png

@@ -1 +0,0 @@
-unicode/1f504.png

images/art.png

@@ -1 +0,0 @@
-unicode/e502.png

images/articulated_lorry.png

@@ -1 +0,0 @@
-unicode/1f69b.png

images/astonished.png

@@ -1 +0,0 @@
-unicode/e410.png

images/atm.png

@@ -1 +0,0 @@
-unicode/e154.png

images/b.png

@@ -1 +0,0 @@
-unicode/e533.png

images/baby.png

@@ -1 +0,0 @@
-unicode/e51a.png

images/baby_bottle.png

@@ -1 +0,0 @@
-unicode/1f37c.png

images/baby_chick.png

@@ -1 +0,0 @@
-unicode/e523.png

images/baby_symbol.png

@@ -1 +0,0 @@
-unicode/e13a.png

images/baggage_claim.png

@@ -1 +0,0 @@
-unicode/1f6c4.png

images/balloon.png

@@ -1 +0,0 @@
-unicode/e310.png

images/ballot_box_with_check.png

@@ -1 +0,0 @@
-unicode/2611.png

images/bamboo.png

@@ -1 +0,0 @@
-unicode/e436.png

images/banana.png

@@ -1 +0,0 @@
-unicode/1f34c.png

images/bangbang.png

@@ -1 +0,0 @@
-unicode/203c.png

images/bank.png

@@ -1 +0,0 @@
-unicode/e14d.png

images/bar_chart.png

@@ -1 +0,0 @@
-unicode/1f4ca.png

images/barber.png

@@ -1 +0,0 @@
-unicode/e320.png

images/baseball.png

@@ -1 +0,0 @@
-unicode/e016.png

images/basketball.png

@@ -1 +0,0 @@
-unicode/e42a.png

images/bath.png

@@ -1 +0,0 @@
-unicode/e13f.png

images/bathtub.png

@@ -1 +0,0 @@
-unicode/1f6c1.png

images/battery.png

@@ -1 +0,0 @@
-unicode/1f50b.png

images/bear.png

@@ -1 +0,0 @@
-unicode/e051.png

images/beer.png

@@ -1 +0,0 @@
-unicode/e047.png

images/beers.png

@@ -1 +0,0 @@
-unicode/e30c.png

images/beetle.png

@@ -1 +0,0 @@
-unicode/1f41e.png

images/beginner.png

@@ -1 +0,0 @@
-unicode/e209.png

images/bell.png

@@ -1 +0,0 @@
-unicode/e325.png

images/bento.png

@@ -1 +0,0 @@
-unicode/e34c.png

images/bicyclist.png

@@ -1 +0,0 @@
-unicode/1f6b4.png

images/bike.png

@@ -1 +0,0 @@
-unicode/e136.png

images/bikini.png

@@ -1 +0,0 @@
-unicode/e322.png

images/bird.png

@@ -1 +0,0 @@
-unicode/e521.png

images/birthday.png

@@ -1 +0,0 @@
-unicode/e34b.png

images/black_circle.png

@@ -1 +0,0 @@
-unicode/26ab.png

images/black_joker.png

@@ -1 +0,0 @@
-unicode/1f0cf.png

images/black_nib.png

@@ -1 +0,0 @@
-unicode/2712.png

images/black_square.png

@@ -1 +0,0 @@
-unicode/e21a.png

images/blossom.png

@@ -1 +0,0 @@
-unicode/1f33c.png