gemoji 2.0.1

db/aliases.html now clears out any incorrect aliases it finds.

.gitignore

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

.travis.yml

@@ -0,0 +1,5 @@
+rvm:
+  - 1.9.3
+  - 2.1.2
+notifications:
+  email: false

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.0.1)
+
+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.

MAINTAINING.md

@@ -0,0 +1,27 @@
+# Maintainers
+
+## Releasing a new gem
+
+If you are just adding new emoji or making a small fix, only increment the patch level "1.0.x". If you need to rename a ton of emojis or making any other radical (but still mostly backwards compatible changes), bump the minor version "1.x.x".
+
+### Make a release commit
+
+To prepare the release commit, edit the [gemoji.gemspec](https://github.com/github/gemoji/blob/master/gemoji.gemspec) `version` value. Then make a single commit with the description as "Gemoji 1.x.x". Finally, tag the commit with `v1.x.x`.
+
+Example commit https://github.com/github/gemoji/commit/v1.0.0
+
+```
+$ git ci -m "Gemoji 1.0.0"
+$ git tag v1.0.0
+$ git push
+$ git push --tags
+```
+
+### Publish the gem
+
+Build and push the new gem with
+
+```
+$ gem build gemoji.gemspec
+$ gem push gemoji-1.0.0.gem
+```

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) { nil }
+        %(<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.html

@@ -0,0 +1,87 @@
+<!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);
+
+  function detectAliases(db) {
+    for (var i = 0; i < db.length; ++i) {
+      var emoji = db[i];
+      var raw = emoji.emoji;
+      if (!raw) {
+        continue;
+      }
+
+      var candidates = [];
+
+      if (raw.length === 1) {
+        candidates.push(raw + VARIATION_SELECTOR_15);
+        candidates.push(raw + VARIATION_SELECTOR_16);
+      } else if (raw[raw.length - 1] === VARIATION_SELECTOR_16) {
+        var base = raw.substr(0, raw.length - 1);
+        candidates.push(base);
+        candidates.push(base + VARIATION_SELECTOR_15);
+      }
+
+      var aliases = candidates.filter(isColorEmoji);
+      if (aliases.length) {
+        emoji.unicodes = aliases;
+      } else {
+        delete emoji.unicodes;
+      }
+    }
+
+    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");
+  function color(emoji, rgb) {
+    var context = canvas.getContext("2d");
+    context.clearRect(0, 0, 32, 32);
+    context.fillStyle = rgb;
+    context.textBaseline = "top";
+    context.font = "32px Arial";
+    context.fillText(emoji, 0, 0);
+    var data = context.getImageData(0, 0, 32, 32).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,79 @@
+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 = "\u{fe0f}".freeze
+
+
+for emoji in Emoji.all
+  unicodes = emoji.unicode_aliases.dup
+
+  item = {}
+
+  unless emoji.custom?
+    variation_codepoint = variation.codepoints[0]
+    chars = emoji.raw.codepoints.map { |code| UnicodeCharacter.fetch(code) unless code == variation_codepoint }.compact
+    item[:emoji] = unicodes.shift
+    item[:unicodes] = unicodes if unicodes.any?
+    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.0.1"
+  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

images/blowfish.png

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