easy-emoji 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6ab5b17bc6c0bbbb5f02086e5543d6f54672ebfd
+  data.tar.gz: ea07a24b13b267acab78a79b2a1624fb1773fe58
+SHA512:
+  metadata.gz: 51f6977927297e26fe7b31ac4592db5bcb6700e3416a5dcebdc2c692d21bfe5070dc9fb0210fc7b8ff1b2bdec04eca956ff91cd82189273cbd45bc83a0d21792
+  data.tar.gz: 4fca7035f43d41f75ca2b1743275b59d72d5c3a9af68e28319d90c29d5c150589b5bdae4aa864b9e826f67e56cefc6e0fe735241c962d46dee7ac71df31fe373

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Paul King
+
+MIT License
+
+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.

data/README.md

@@ -0,0 +1,82 @@
+# easy-emoji
+
+easy-emoji give you a simple way to use emoji in your project.
+
+## Features
+* Auto complete emoji keywork when you are typing it on text area.
+* one-line-code to generate images for emoji.
+* Support turbolinks and pjax
+* Easy to use.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'easy-emoji'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install easy-emoji
+
+## Usage
+
+You basically have to add the requires to the `application.js` file:
+
+```javascript
+//= require easy-emoji
+//= require emoji-turbolinks
+```
+The `emoji-turbolinks` is required only if you use turbolinks. Using pjax rather than turbolinks? Simply require `emoji-pjax` instead, Otherwise, use require `emoji-normal` instead.
+
+Also, into your `application.css` file:
+
+```css
+/*
+ *= require easy-emoji
+ */
+ ```
+
+Something we need to do to generate images for emoji.
+
+Just like this:
+
+Into your `Rakefile` file:
+
+``` ruby
+load 'tasks/emoji.rake'
+```
+And then execute:
+
+```
+$ rake emoji
+```
+
+Now type in an emoji keyword in your HTML, for example:
+
+	easy-emoji is really easy-to-use. :smile:
+
+It will show you some good stuff.
+
+You can see the [Emoji cheat sheet](http://www.emoji-cheat-sheet.com) for more examples.
+
+## Plugins
+
+easy-emoji contains two plugins, That's mean you can custom configuration.
+
+### [Emojify](https://github.com/hassankhan/emojify.js)
+A Javascript module to convert Emoji keywords to images.
+
+### [textcomplete](https://github.com/yuku-t/jquery-textcomplete)
+Introduces autocompleting power to textareas, like a GitHub comment form has.
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/javascripts/easy-emoji/config.js

@@ -0,0 +1,30 @@
+$(function(){
+    emojify.setConfig({
+        img_dir: '/images/emoji',
+        ignored_tags: {
+            'SCRIPT': 1,
+            'TEXTAREA': 1,
+            'A': 1,
+            'PRE': 1,
+            'CODE': 1
+        }
+    });
+    emojify.run();
+ 
+    $('textarea').textcomplete([{ // emoji strategy
+        match: /\B:([\-+\w]*)$/,
+        search: function(term, callback) {
+            callback($.map(emojies, function(emoji) {
+                return emoji.indexOf(term) === 0 ? emoji : null;
+            }));
+        },
+        template: function(value) {
+            return '<img src="/images/emoji/' + value + '.png" class="emoji"></img>' + value;
+        },
+        replace: function(value) {
+            return ':' + value + ': ';
+        },
+        index: 1,
+        maxCount: 5
+    }]);
+});

data/app/assets/javascripts/easy-emoji/emoji.js

@@ -0,0 +1,165 @@
+
+var emojies = [
+  '+1', '-1', '100', '1234', '8ball', 'a', 'ab', 'abc', 'abcd', 'accept',
+  'aerial_tramway', 'airplane', 'alarm_clock', 'alien', 'ambulance', 'anchor',
+  'angel', 'anger', 'angry', 'anguished', 'ant', 'apple', 'aquarius', 'aries',
+  'arrow_backward', 'arrow_double_down', 'arrow_double_up', 'arrow_down',
+  'arrow_down_small', 'arrow_forward', 'arrow_heading_down',
+  'arrow_heading_up', 'arrow_left', 'arrow_lower_left', 'arrow_lower_right',
+  'arrow_right', 'arrow_right_hook', 'arrow_up', 'arrow_up_down',
+  'arrow_up_small', 'arrow_upper_left', 'arrow_upper_right',
+  'arrows_clockwise', 'arrows_counterclockwise', 'art', 'articulated_lorry',
+  'astonished', 'athletic_shoe', 'atm', 'b', 'baby', 'baby_bottle',
+  'baby_chick', 'baby_symbol', 'back', 'baggage_claim', 'balloon',
+  'ballot_box_with_check', 'bamboo', 'banana', 'bangbang', 'bank', 'bar_chart',
+  'barber', 'baseball', 'basketball', 'bath', 'bathtub', 'battery', 'bear',
+  'bee', 'beer', 'beers', 'beetle', 'beginner', 'bell', 'bento', 'bicyclist',
+  'bike', 'bikini', 'bird', 'birthday', 'black_circle', 'black_joker',
+  'black_large_square', 'black_medium_small_square', 'black_medium_square',
+  'black_nib', 'black_small_square', 'black_square_button', 'blossom',
+  'blowfish', 'blue_book', 'blue_car', 'blue_heart', 'blush', 'boar', 'boat',
+  'bomb', 'book', 'bookmark', 'bookmark_tabs', 'books', 'boom', 'boot',
+  'bouquet', 'bow', 'bowling', 'bowtie', 'boy', 'bread', 'bride_with_veil',
+  'bridge_at_night', 'briefcase', 'broken_heart', 'bug', 'bulb',
+  'bullettrain_front', 'bullettrain_side', 'bus', 'busstop',
+  'bust_in_silhouette', 'busts_in_silhouette', 'cactus', 'cake', 'calendar',
+  'calling', 'camel', 'camera', 'cancer', 'candy', 'capital_abcd', 'capricorn',
+  'car', 'card_index', 'carousel_horse', 'cat', 'cat2', 'cd', 'chart',
+  'chart_with_downwards_trend', 'chart_with_upwards_trend', 'checkered_flag',
+  'cherries', 'cherry_blossom', 'chestnut', 'chicken', 'children_crossing',
+  'chocolate_bar', 'christmas_tree', 'church', 'cinema', 'circus_tent',
+  'city_sunrise', 'city_sunset', 'cl', 'clap', 'clapper', 'clipboard',
+  'clock1', 'clock10', 'clock1030', 'clock11', 'clock1130', 'clock12',
+  'clock1230', 'clock130', 'clock2', 'clock230', 'clock3', 'clock330',
+  'clock4', 'clock430', 'clock5', 'clock530', 'clock6', 'clock630', 'clock7',
+  'clock730', 'clock8', 'clock830', 'clock9', 'clock930', 'closed_book',
+  'closed_lock_with_key', 'closed_umbrella', 'cloud', 'clubs', 'cn',
+  'cocktail', 'coffee', 'cold_sweat', 'collision', 'computer', 'confetti_ball',
+  'confounded', 'confused', 'congratulations', 'construction',
+  'construction_worker', 'convenience_store', 'cookie', 'cool', 'cop',
+  'copyright', 'corn', 'couple', 'couple_with_heart', 'couplekiss', 'cow',
+  'cow2', 'credit_card', 'crescent_moon', 'crocodile', 'crossed_flags',
+  'crown', 'cry', 'crying_cat_face', 'crystal_ball', 'cupid', 'curly_loop',
+  'currency_exchange', 'curry', 'custard', 'customs', 'cyclone', 'dancer',
+  'dancers', 'dango', 'dart', 'dash', 'date', 'de', 'deciduous_tree',
+  'department_store', 'diamond_shape_with_a_dot_inside', 'diamonds',
+  'disappointed', 'disappointed_relieved', 'dizzy', 'dizzy_face',
+  'do_not_litter', 'dog', 'dog2', 'dollar', 'dolls', 'dolphin', 'door',
+  'doughnut', 'dragon', 'dragon_face', 'dress', 'dromedary_camel', 'droplet',
+  'dvd', 'e-mail', 'ear', 'ear_of_rice', 'earth_africa', 'earth_americas',
+  'earth_asia', 'egg', 'eggplant', 'eight', 'eight_pointed_black_star',
+  'eight_spoked_asterisk', 'electric_plug', 'elephant', 'email', 'end',
+  'envelope', 'envelope_with_arrow', 'es', 'euro', 'european_castle',
+  'european_post_office', 'evergreen_tree', 'exclamation', 'expressionless',
+  'eyeglasses', 'eyes', 'facepunch', 'factory', 'fallen_leaf', 'family',
+  'fast_forward', 'fax', 'fearful', 'feelsgood', 'feet', 'ferris_wheel',
+  'file_folder', 'finnadie', 'fire', 'fire_engine', 'fireworks',
+  'first_quarter_moon', 'first_quarter_moon_with_face', 'fish', 'fish_cake',
+  'fishing_pole_and_fish', 'fist', 'five', 'flags', 'flashlight',
+  'floppy_disk', 'flower_playing_cards', 'flushed', 'foggy', 'football',
+  'footprints', 'fork_and_knife', 'fountain', 'four', 'four_leaf_clover', 'fr',
+  'free', 'fried_shrimp', 'fries', 'frog', 'frowning', 'fu', 'fuelpump',
+  'full_moon', 'full_moon_with_face', 'game_die', 'gb', 'gem', 'gemini',
+  'ghost', 'gift', 'gift_heart', 'girl', 'globe_with_meridians', 'goat',
+  'goberserk', 'godmode', 'golf', 'grapes', 'green_apple', 'green_book',
+  'green_heart', 'grey_exclamation', 'grey_question', 'grimacing', 'grin',
+  'grinning', 'guardsman', 'guitar', 'gun', 'haircut', 'hamburger', 'hammer',
+  'hamster', 'hand', 'handbag', 'hankey', 'hash', 'hatched_chick',
+  'hatching_chick', 'headphones', 'hear_no_evil', 'heart', 'heart_decoration',
+  'heart_eyes', 'heart_eyes_cat', 'heartbeat', 'heartpulse', 'hearts',
+  'heavy_check_mark', 'heavy_division_sign', 'heavy_dollar_sign',
+  'heavy_exclamation_mark', 'heavy_minus_sign', 'heavy_multiplication_x',
+  'heavy_plus_sign', 'helicopter', 'herb', 'hibiscus', 'high_brightness',
+  'high_heel', 'hocho', 'honey_pot', 'honeybee', 'horse', 'horse_racing',
+  'hospital', 'hotel', 'hotsprings', 'hourglass', 'hourglass_flowing_sand',
+  'house', 'house_with_garden', 'hurtrealbad', 'hushed', 'ice_cream',
+  'icecream', 'id', 'ideograph_advantage', 'imp', 'inbox_tray',
+  'incoming_envelope', 'information_desk_person', 'information_source',
+  'innocent', 'interrobang', 'iphone', 'it', 'izakaya_lantern',
+  'jack_o_lantern', 'japan', 'japanese_castle', 'japanese_goblin',
+  'japanese_ogre', 'jeans', 'joy', 'joy_cat', 'jp', 'key', 'keycap_ten',
+  'kimono', 'kiss', 'kissing', 'kissing_cat', 'kissing_closed_eyes',
+  'kissing_heart', 'kissing_smiling_eyes', 'koala', 'koko', 'kr', 'lantern',
+  'large_blue_circle', 'large_blue_diamond', 'large_orange_diamond',
+  'last_quarter_moon', 'last_quarter_moon_with_face', 'laughing', 'leaves',
+  'ledger', 'left_luggage', 'left_right_arrow', 'leftwards_arrow_with_hook',
+  'lemon', 'leo', 'leopard', 'libra', 'light_rail', 'link', 'lips', 'lipstick',
+  'lock', 'lock_with_ink_pen', 'lollipop', 'loop', 'loudspeaker', 'love_hotel',
+  'love_letter', 'low_brightness', 'm', 'mag', 'mag_right', 'mahjong',
+  'mailbox', 'mailbox_closed', 'mailbox_with_mail', 'mailbox_with_no_mail',
+  'man', 'man_with_gua_pi_mao', 'man_with_turban', 'mans_shoe', 'maple_leaf',
+  'mask', 'massage', 'meat_on_bone', 'mega', 'melon', 'memo', 'mens', 'metal',
+  'metro', 'microphone', 'microscope', 'milky_way', 'minibus', 'minidisc',
+  'mobile_phone_off', 'money_with_wings', 'moneybag', 'monkey', 'monkey_face',
+  'monorail', 'moon', 'mortar_board', 'mount_fuji', 'mountain_bicyclist',
+  'mountain_cableway', 'mountain_railway', 'mouse', 'mouse2', 'movie_camera',
+  'moyai', 'muscle', 'mushroom', 'musical_keyboard', 'musical_note',
+  'musical_score', 'mute', 'nail_care', 'name_badge', 'neckbeard', 'necktie',
+  'negative_squared_cross_mark', 'neutral_face', 'new', 'new_moon',
+  'new_moon_with_face', 'newspaper', 'ng', 'nine', 'no_bell', 'no_bicycles',
+  'no_entry', 'no_entry_sign', 'no_good', 'no_mobile_phones', 'no_mouth',
+  'no_pedestrians', 'no_smoking', 'non-potable_water', 'nose', 'notebook',
+  'notebook_with_decorative_cover', 'notes', 'nut_and_bolt', 'o', 'o2',
+  'ocean', 'octocat', 'octopus', 'oden', 'office', 'ok', 'ok_hand', 'ok_woman',
+  'older_man', 'older_woman', 'on', 'oncoming_automobile', 'oncoming_bus',
+  'oncoming_police_car', 'oncoming_taxi', 'one', 'open_book',
+  'open_file_folder', 'open_hands', 'open_mouth', 'ophiuchus', 'orange_book',
+  'outbox_tray', 'ox', 'package', 'page_facing_up', 'page_with_curl', 'pager',
+  'palm_tree', 'panda_face', 'paperclip', 'parking', 'part_alternation_mark',
+  'partly_sunny', 'passport_control', 'paw_prints', 'peach', 'pear', 'pencil',
+  'pencil2', 'penguin', 'pensive', 'performing_arts', 'persevere',
+  'person_frowning', 'person_with_blond_hair', 'person_with_pouting_face',
+  'phone', 'pig', 'pig2', 'pig_nose', 'pill', 'pineapple', 'pisces', 'pizza',
+  'point_down', 'point_left', 'point_right', 'point_up', 'point_up_2',
+  'police_car', 'poodle', 'poop', 'post_office', 'postal_horn', 'postbox',
+  'potable_water', 'pouch', 'poultry_leg', 'pound', 'pouting_cat', 'pray',
+  'princess', 'punch', 'purple_heart', 'purse', 'pushpin',
+  'put_litter_in_its_place', 'question', 'rabbit', 'rabbit2', 'racehorse',
+  'radio', 'radio_button', 'rage', 'rage1', 'rage2', 'rage3', 'rage4',
+  'railway_car', 'rainbow', 'raised_hand', 'raised_hands', 'raising_hand',
+  'ram', 'ramen', 'rat', 'recycle', 'red_car', 'red_circle', 'registered',
+  'relaxed', 'relieved', 'repeat', 'repeat_one', 'restroom',
+  'revolving_hearts', 'rewind', 'ribbon', 'rice', 'rice_ball', 'rice_cracker',
+  'rice_scene', 'ring', 'rocket', 'roller_coaster', 'rooster', 'rose',
+  'rotating_light', 'round_pushpin', 'rowboat', 'ru', 'rugby_football',
+  'runner', 'running', 'running_shirt_with_sash', 'sa', 'sagittarius',
+  'sailboat', 'sake', 'sandal', 'santa', 'satellite', 'satisfied', 'saxophone',
+  'school', 'school_satchel', 'scissors', 'scorpius', 'scream', 'scream_cat',
+  'scroll', 'seat', 'secret', 'see_no_evil', 'seedling', 'seven', 'shaved_ice',
+  'sheep', 'shell', 'ship', 'shipit', 'shirt', 'shit', 'shoe', 'shower',
+  'signal_strength', 'six', 'six_pointed_star', 'ski', 'skull', 'sleeping',
+  'sleepy', 'slot_machine', 'small_blue_diamond', 'small_orange_diamond',
+  'small_red_triangle', 'small_red_triangle_down', 'smile', 'smile_cat',
+  'smiley', 'smiley_cat', 'smiling_imp', 'smirk', 'smirk_cat', 'smoking',
+  'snail', 'snake', 'snowboarder', 'snowflake', 'snowman', 'sob', 'soccer',
+  'soon', 'sos', 'sound', 'space_invader', 'spades', 'spaghetti', 'sparkle',
+  'sparkler', 'sparkles', 'sparkling_heart', 'speak_no_evil', 'speaker',
+  'speech_balloon', 'speedboat', 'squirrel', 'star', 'star2', 'stars',
+  'station', 'statue_of_liberty', 'steam_locomotive', 'stew', 'straight_ruler',
+  'strawberry', 'stuck_out_tongue', 'stuck_out_tongue_closed_eyes',
+  'stuck_out_tongue_winking_eye', 'sun_with_face', 'sunflower', 'sunglasses',
+  'sunny', 'sunrise', 'sunrise_over_mountains', 'surfer', 'sushi', 'suspect',
+  'suspension_railway', 'sweat', 'sweat_drops', 'sweat_smile', 'sweet_potato',
+  'swimmer', 'symbols', 'syringe', 'tada', 'tanabata_tree', 'tangerine',
+  'taurus', 'taxi', 'tea', 'telephone', 'telephone_receiver', 'telescope',
+  'tennis', 'tent', 'thought_balloon', 'three', 'thumbsdown', 'thumbsup',
+  'ticket', 'tiger', 'tiger2', 'tired_face', 'tm', 'toilet', 'tokyo_tower',
+  'tomato', 'tongue', 'top', 'tophat', 'tractor', 'traffic_light', 'train',
+  'train2', 'tram', 'triangular_flag_on_post', 'triangular_ruler', 'trident',
+  'triumph', 'trolleybus', 'trollface', 'trophy', 'tropical_drink',
+  'tropical_fish', 'truck', 'trumpet', 'tshirt', 'tulip', 'turtle', 'tv',
+  'twisted_rightwards_arrows', 'two', 'two_hearts', 'two_men_holding_hands',
+  'two_women_holding_hands', 'u5272', 'u5408', 'u55b6', 'u6307', 'u6708',
+  'u6709', 'u6e80', 'u7121', 'u7533', 'u7981', 'u7a7a', 'uk', 'umbrella',
+  'unamused', 'underage', 'unlock', 'up', 'us', 'v', 'vertical_traffic_light',
+  'vhs', 'vibration_mode', 'video_camera', 'video_game', 'violin', 'virgo',
+  'volcano', 'vs', 'walking', 'waning_crescent_moon', 'waning_gibbous_moon',
+  'warning', 'watch', 'water_buffalo', 'watermelon', 'wave', 'wavy_dash',
+  'waxing_crescent_moon', 'waxing_gibbous_moon', 'wc', 'weary', 'wedding',
+  'whale', 'whale2', 'wheelchair', 'white_check_mark', 'white_circle',
+  'white_flower', 'white_large_square', 'white_medium_small_square',
+  'white_medium_square', 'white_small_square', 'white_square_button',
+  'wind_chime', 'wine_glass', 'wink', 'wolf', 'woman', 'womans_clothes',
+  'womans_hat', 'womens', 'worried', 'wrench', 'x', 'yellow_heart', 'yen',
+  'yum', 'zap', 'zero', 'zzz'
+];

data/app/assets/javascripts/easy-emoji/emojify.js

@@ -0,0 +1,4 @@
+
+/*! emojify.js - v0.9.2 - 
+ * Copyright (c) Hassan Khan 2014
+ */!function(a){"use strict";var b=function(){function b(){var a={named:/:([a-z0-9A-Z_-]+):/,blush:/:-?\)/g,scream:/:-o/gi,smirk:/[:;]-?]/g,smiley:/[:;]-?d/gi,stuck_out_tongue_closed_eyes:/x-d/gi,stuck_out_tongue_winking_eye:/[:;]-?p/gi,rage:/:-?[\[@]/g,disappointed:/:-?\(/g,sob:/:['’]-?\(|:&#x27;\(/g,kissing_heart:/:-?\*/g,wink:/;-?\)/g,pensive:/:-?\//g,confounded:/:-?s/gi,flushed:/:-?\|/g,relaxed:/:-?\$/g,mask:/:-x/gi,heart:/<3|&lt;3/g,broken_heart:/<\/3|&lt;&#x2F;3/g,thumbsup:/:\+1:/g,thumbsdown:/:\-1:/g};return q.ignore_emoticons&&(a={named:/:([a-z0-9A-Z_-]+):/,thumbsup:/:\+1:/g,thumbsdown:/:\-1:/g}),Object.keys(a).map(function(b){return[a[b],b]})}function c(){var a=k.map(function(a){var b=a[0],c=b.source||b;return c=c.replace(/(^|[^\[])\^/g,"$1"),"("+c+")"}).join("|");return new RegExp(a,"gi")}function d(a){return" "===a||"  "===a||"\r"===a||"\n"===a||""===a}function e(a,b,c){var d=m.createElement(q.emojify_tag_type||"img");q.emojify_tag_type?d.setAttribute("class","emoji emoji-"+c):(d.setAttribute("class","emoji"),d.setAttribute("src",q.img_dir+"/"+c+".png")),d.setAttribute("title",":"+c+":"),d.setAttribute("alt",":"+c+":"),d.setAttribute("align","absmiddle"),a.splitText(b.index),a.nextSibling.nodeValue=a.nextSibling.nodeValue.substr(b[0].length,a.nextSibling.nodeValue.length),d.appendChild(a.splitText(b.index)),a.parentNode.insertBefore(d,a.nextSibling)}function f(a){if(a[1]&&a[2]){var b=a[2];if(p[b])return b}else for(var c=3;c<a.length-1;c++)if(a[c])return k[c-2][1]}function g(a,b){return q.emojify_tag_type?"<"+q.emojify_tag_type+" title=':"+b+":' alt=':"+b+":' class='emoji emoji-"+b+"'> </"+q.emojify_tag_type+">":"<img title=':"+b+":' alt=':"+b+":' class='emoji' src='"+q.img_dir+"/"+b+".png' align='absmiddle' />"}function h(){this.lastEmojiTerminatedAt=-1}function i(a,d){if(!a)return a;d||(d=g),k=b(),l=c();var e=new h;return a.replace(l,function(){var a=Array.prototype.slice.call(arguments,0,-2),b=arguments[arguments.length-2],c=arguments[arguments.length-1],f=e.validate(a,b,c);return f?d(arguments[0],f):arguments[0]})}function j(a){k=b(),l=c(),"undefined"==typeof a&&(a=q.only_crawl_id?m.getElementById(q.only_crawl_id):m.body);for(var d,g=q.ignored_tags,i=m.createTreeWalker(a,NodeFilter.SHOW_TEXT|NodeFilter.SHOW_ELEMENT,function(a){return 1!==a.nodeType?NodeFilter.FILTER_ACCEPT:g[a.tagName]||a.classList.contains("no-emojify")?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_SKIP},!1),j=[];null!==(d=i.nextNode());)j.push(d);j.forEach(function(a){for(var b,c=[],d=new h;null!==(b=l.exec(a.data));)d.validate(b,b.index,b.input)&&c.push(b);for(var g=c.length;g-->0;){var i=f(c[g]);e(a,c[g],i)}})}var k,l,m=a.window.document,n="+1,-1,100,109,1234,8ball,a,ab,abc,abcd,accept,aerial_tramway,airplane,alarm_clock,alien,ambulance,anchor,angel,anger,angry,anguished,ant,apple,aquarius,aries,arrow_backward,arrow_double_down,arrow_double_up,arrow_down,arrow_down_small,arrow_forward,arrow_heading_down,arrow_heading_up,arrow_left,arrow_lower_left,arrow_lower_right,arrow_right,arrow_right_hook,arrow_up,arrow_up_down,arrow_up_small,arrow_upper_left,arrow_upper_right,arrows_clockwise,arrows_counterclockwise,art,articulated_lorry,astonished,atm,b,baby,baby_bottle,baby_chick,baby_symbol,baggage_claim,balloon,ballot_box_with_check,bamboo,banana,bangbang,bank,bar_chart,barber,baseball,basketball,bath,bathtub,battery,bear,bee,beer,beers,beetle,beginner,bell,bento,bicyclist,bike,bikini,bird,birthday,black_circle,black_joker,black_nib,black_square,black_square_button,blossom,blowfish,blue_book,blue_car,blue_heart,blush,boar,boat,bomb,book,bookmark,bookmark_tabs,books,boom,boot,bouquet,bow,bowling,bowtie,boy,bread,bride_with_veil,bridge_at_night,briefcase,broken_heart,bug,bulb,bullettrain_front,bullettrain_side,bus,busstop,bust_in_silhouette,busts_in_silhouette,cactus,cake,calendar,calling,camel,camera,cancer,candy,capital_abcd,capricorn,car,card_index,carousel_horse,cat,cat2,cd,chart,chart_with_downwards_trend,chart_with_upwards_trend,checkered_flag,cherries,cherry_blossom,chestnut,chicken,children_crossing,chocolate_bar,christmas_tree,church,cinema,circus_tent,city_sunrise,city_sunset,cl,clap,clapper,clipboard,clock1,clock10,clock1030,clock11,clock1130,clock12,clock1230,clock130,clock2,clock230,clock3,clock330,clock4,clock430,clock5,clock530,clock6,clock630,clock7,clock730,clock8,clock830,clock9,clock930,closed_book,closed_lock_with_key,closed_umbrella,cloud,clubs,cn,cocktail,coffee,cold_sweat,collision,computer,confetti_ball,confounded,confused,congratulations,construction,construction_worker,convenience_store,cookie,cool,cop,copyright,corn,couple,couple_with_heart,couplekiss,cow,cow2,credit_card,crocodile,crossed_flags,crown,cry,crying_cat_face,crystal_ball,cupid,curly_loop,currency_exchange,curry,custard,customs,cyclone,dancer,dancers,dango,dart,dash,date,de,deciduous_tree,department_store,diamond_shape_with_a_dot_inside,diamonds,disappointed,disappointed_relieved,dizzy,dizzy_face,do_not_litter,dog,dog2,dollar,dolls,dolphin,donut,door,doughnut,dragon,dragon_face,dress,dromedary_camel,droplet,dvd,e-mail,ear,ear_of_rice,earth_africa,earth_americas,earth_asia,egg,eggplant,eight,eight_pointed_black_star,eight_spoked_asterisk,electric_plug,elephant,email,end,envelope,es,euro,european_castle,european_post_office,evergreen_tree,exclamation,expressionless,eyeglasses,eyes,facepunch,factory,fallen_leaf,family,fast_forward,fax,fearful,feelsgood,feet,ferris_wheel,file_folder,finnadie,fire,fire_engine,fireworks,first_quarter_moon,first_quarter_moon_with_face,fish,fish_cake,fishing_pole_and_fish,fist,five,flags,flashlight,floppy_disk,flower_playing_cards,flushed,foggy,football,fork_and_knife,fountain,four,four_leaf_clover,fr,free,fried_shrimp,fries,frog,frowning,fu,fuelpump,full_moon,full_moon_with_face,game_die,gb,gem,gemini,ghost,gift,gift_heart,girl,globe_with_meridians,goat,goberserk,godmode,golf,grapes,green_apple,green_book,green_heart,grey_exclamation,grey_question,grimacing,grin,grinning,guardsman,guitar,gun,haircut,hamburger,hammer,hamster,hand,handbag,hankey,hash,hatched_chick,hatching_chick,headphones,hear_no_evil,heart,heart_decoration,heart_eyes,heart_eyes_cat,heartbeat,heartpulse,hearts,heavy_check_mark,heavy_division_sign,heavy_dollar_sign,heavy_exclamation_mark,heavy_minus_sign,heavy_multiplication_x,heavy_plus_sign,helicopter,herb,hibiscus,high_brightness,high_heel,hocho,honey_pot,honeybee,horse,horse_racing,hospital,hotel,hotsprings,hourglass,hourglass_flowing_sand,house,house_with_garden,hurtrealbad,hushed,ice_cream,icecream,id,ideograph_advantage,imp,inbox_tray,incoming_envelope,information_desk_person,information_source,innocent,interrobang,iphone,it,izakaya_lantern,jack_o_lantern,japan,japanese_castle,japanese_goblin,japanese_ogre,jeans,joy,joy_cat,jp,key,keycap_ten,kimono,kiss,kissing,kissing_cat,kissing_closed_eyes,kissing_face,kissing_heart,kissing_smiling_eyes,koala,koko,kr,large_blue_circle,large_blue_diamond,large_orange_diamond,last_quarter_moon,last_quarter_moon_with_face,laughing,leaves,ledger,left_luggage,left_right_arrow,leftwards_arrow_with_hook,lemon,leo,leopard,libra,light_rail,link,lips,lipstick,lock,lock_with_ink_pen,lollipop,loop,loudspeaker,love_hotel,love_letter,low_brightness,m,mag,mag_right,mahjong,mailbox,mailbox_closed,mailbox_with_mail,mailbox_with_no_mail,man,man_with_gua_pi_mao,man_with_turban,mans_shoe,maple_leaf,mask,massage,meat_on_bone,mega,melon,memo,mens,metal,metro,microphone,microscope,milky_way,minibus,minidisc,mobile_phone_off,money_with_wings,moneybag,monkey,monkey_face,monorail,moon,mortar_board,mount_fuji,mountain_bicyclist,mountain_cableway,mountain_railway,mouse,mouse2,movie_camera,moyai,muscle,mushroom,musical_keyboard,musical_note,musical_score,mute,nail_care,name_badge,neckbeard,necktie,negative_squared_cross_mark,neutral_face,new,new_moon,new_moon_with_face,newspaper,ng,nine,no_bell,no_bicycles,no_entry,no_entry_sign,no_good,no_mobile_phones,no_mouth,no_pedestrians,no_smoking,non-potable_water,nose,notebook,notebook_with_decorative_cover,notes,nut_and_bolt,o,o2,ocean,octocat,octopus,oden,office,ok,ok_hand,ok_woman,older_man,older_woman,on,oncoming_automobile,oncoming_bus,oncoming_police_car,oncoming_taxi,one,open_file_folder,open_hands,open_mouth,ophiuchus,orange_book,outbox_tray,ox,page_facing_up,page_with_curl,pager,palm_tree,panda_face,paperclip,parking,part_alternation_mark,partly_sunny,passport_control,paw_prints,peach,pear,pencil,pencil2,penguin,pensive,performing_arts,persevere,person_frowning,person_with_blond_hair,person_with_pouting_face,phone,pig,pig2,pig_nose,pill,pineapple,pisces,pizza,plus1,point_down,point_left,point_right,point_up,point_up_2,police_car,poodle,poop,post_office,postal_horn,postbox,potable_water,pouch,poultry_leg,pound,pouting_cat,pray,princess,punch,purple_heart,purse,pushpin,put_litter_in_its_place,question,rabbit,rabbit2,racehorse,radio,radio_button,rage,rage1,rage2,rage3,rage4,railway_car,rainbow,raised_hand,raised_hands,raising_hand,ram,ramen,rat,recycle,red_car,red_circle,registered,relaxed,relieved,repeat,repeat_one,restroom,revolving_hearts,rewind,ribbon,rice,rice_ball,rice_cracker,rice_scene,ring,rocket,roller_coaster,rooster,rose,rotating_light,round_pushpin,rowboat,ru,rugby_football,runner,running,running_shirt_with_sash,sa,sagittarius,sailboat,sake,sandal,santa,satellite,satisfied,saxophone,school,school_satchel,scissors,scorpius,scream,scream_cat,scroll,seat,secret,see_no_evil,seedling,seven,shaved_ice,sheep,shell,ship,shipit,shirt,shit,shoe,shower,signal_strength,six,six_pointed_star,ski,skull,sleeping,sleepy,slot_machine,small_blue_diamond,small_orange_diamond,small_red_triangle,small_red_triangle_down,smile,smile_cat,smiley,smiley_cat,smiling_imp,smirk,smirk_cat,smoking,snail,snake,snowboarder,snowflake,snowman,sob,soccer,soon,sos,sound,space_invader,spades,spaghetti,sparkler,sparkles,sparkling_heart,speak_no_evil,speaker,speech_balloon,speedboat,squirrel,star,star2,stars,station,statue_of_liberty,steam_locomotive,stew,straight_ruler,strawberry,stuck_out_tongue,stuck_out_tongue_closed_eyes,stuck_out_tongue_winking_eye,sun_with_face,sunflower,sunglasses,sunny,sunrise,sunrise_over_mountains,surfer,sushi,suspect,suspension_railway,sweat,sweat_drops,sweat_smile,sweet_potato,swimmer,symbols,syringe,tada,tanabata_tree,tangerine,taurus,taxi,tea,telephone,telephone_receiver,telescope,tennis,tent,thought_balloon,three,thumbsdown,thumbsup,ticket,tiger,tiger2,tired_face,tm,toilet,tokyo_tower,tomato,tongue,top,tophat,tractor,traffic_light,train,train2,tram,triangular_flag_on_post,triangular_ruler,trident,triumph,trolleybus,trollface,trophy,tropical_drink,tropical_fish,truck,trumpet,tshirt,tulip,turtle,tv,twisted_rightwards_arrows,two,two_hearts,two_men_holding_hands,two_women_holding_hands,u5272,u5408,u55b6,u6307,u6708,u6709,u6e80,u7121,u7533,u7981,u7a7a,uk,umbrella,unamused,underage,unlock,up,us,v,vertical_traffic_light,vhs,vibration_mode,video_camera,video_game,violin,virgo,volcano,vs,walking,waning_crescent_moon,waning_gibbous_moon,warning,watch,water_buffalo,watermelon,wave,wavy_dash,waxing_crescent_moon,waxing_gibbous_moon,wc,weary,wedding,whale,whale2,wheelchair,white_check_mark,white_circle,white_flower,white_large_square,white_square,white_square_button,wind_chime,wine_glass,wink,wink2,wolf,woman,womans_clothes,womans_hat,womens,worried,wrench,x,yellow_heart,yen,yum,zap,zero,zzz",o=n.split(/,/),p=o.reduce(function(a,b){return a[b]=!0,a},{}),q={emojify_tag_type:null,only_crawl_id:null,img_dir:"images/emoji",ignore_emoticons:!1,ignored_tags:{SCRIPT:1,TEXTAREA:1,A:1,PRE:1,CODE:1}};return h.prototype={validate:function(a,b,c){function e(){return g.lastEmojiTerminatedAt=j+b,h}var g=this,h=f(a);if(h){var i=a[0],j=i.length;if(0===b)return e();if(c.length===i.length+b)return e();var k=this.lastEmojiTerminatedAt===b;if(k)return e();if(d(c.charAt(b-1)))return e();var l=d(c.charAt(i.length+b));return l&&k?e():void 0}}},{defaultConfig:q,emojiNames:o,setConfig:function(a){Object.keys(q).forEach(function(b){b in a&&(q[b]=a[b])})},replace:i,run:j}}();return a.emojify=b,"function"==typeof define&&define.amd&&define([],function(){return b}),b}(this);

data/app/assets/javascripts/easy-emoji/index.js

@@ -0,0 +1,3 @@
+//= require ./emoji.js 
+//= require ./emojify.js 
+//= require ./textcomplete

data/app/assets/javascripts/easy-emoji/textcomplete.js

@@ -0,0 +1,744 @@
+
+/*!
+ * jQuery.textcomplete.js
+ *
+ * Repositiory: https://github.com/yuku-t/jquery-textcomplete
+ * License:     MIT
+ * Author:      Yuku Takahashi
+ */
+ 
+;(function ($) {
+ 
+  'use strict';
+ 
+  /**
+   * Exclusive execution control utility.
+   */
+  var lock = function (func) {
+    var free, locked, queuedArgsToReplay;
+    free = function () { locked = false; };
+    return function () {
+      var args = toArray(arguments);
+      if (locked) {
+        // Keep a copy of this argument list to replay later.
+        // OK to overwrite a previous value because we only replay the last one.
+        queuedArgsToReplay = args;
+        return;
+      }
+      locked = true;
+      var that = this;
+      args.unshift(function replayOrFree() {
+        if (queuedArgsToReplay) {
+          // Other request(s) arrived while we were locked.
+          // Now that the lock is becoming available, replay
+          // the latest such request, then call back here to
+          // unlock (or replay another request that arrived
+          // while this one was in flight).
+          var replayArgs = queuedArgsToReplay;
+          queuedArgsToReplay = undefined;
+          replayArgs.unshift(replayOrFree);
+          func.apply(that, replayArgs);
+        } else {
+          locked = false;
+        }
+      });
+      func.apply(this, args);
+    };
+  };
+ 
+  /**
+   * Convert arguments into a real array.
+   */
+  var toArray = function (args) {
+    var result;
+    result = Array.prototype.slice.call(args);
+    return result;
+  };
+ 
+  /**
+   * Get the styles of any element from property names.
+   */
+  var getStyles = (function () {
+    var color;
+    color = $('<div></div>').css(['color']).color;
+    if (typeof color !== 'undefined') {
+      return function ($el, properties) {
+        return $el.css(properties);
+      };
+    } else {  // for jQuery 1.8 or below
+      return function ($el, properties) {
+        var styles;
+        styles = {};
+        $.each(properties, function (i, property) {
+          styles[property] = $el.css(property);
+        });
+        return styles;
+      };
+    }
+  })();
+ 
+  /**
+   * Default template function.
+   */
+  var identity = function (obj) { return obj; };
+ 
+  /**
+   * Memoize a search function.
+   */
+  var memoize = function (func) {
+    var memo = {};
+    return function (term, callback) {
+      if (memo[term]) {
+        callback(memo[term]);
+      } else {
+        func.call(this, term, function (data) {
+          memo[term] = (memo[term] || []).concat(data);
+          callback.apply(null, arguments);
+        });
+      }
+    };
+  };
+ 
+  /**
+   * Determine if the array contains a given value.
+   */
+  var include = function (array, value) {
+    var i, l;
+    if (array.indexOf) return array.indexOf(value) != -1;
+    for (i = 0, l = array.length; i < l; i++) {
+      if (array[i] === value) return true;
+    }
+    return false;
+  };
+ 
+  /**
+   * Textarea manager class.
+   */
+  var Completer = (function () {
+    var html, css, $baseList, _id;
+ 
+    html = {
+      list: '<ul class="dropdown-menu"></ul>'
+    };
+    css = {
+      // Removed the 'top' property to support the placement: 'top' option
+      list: {
+        position: 'absolute',
+        left: 0,
+        zIndex: '100',
+        display: 'none'
+      }
+    };
+    $baseList = $(html.list).css(css.list);
+    _id = 0;
+ 
+    function Completer($el, option) {
+      var focus;
+      this.el = $el.get(0);  // textarea element
+      focus = this.el === document.activeElement;
+      this.$el = $el;
+      this.id = 'textComplete' + _id++;
+      this.strategies = [];
+      this.option = option;
+      if (focus) {
+        this.initialize();
+        this.$el.focus();
+      } else {
+        this.$el.one('focus.textComplete', $.proxy(this.initialize, this));
+      }
+    }
+ 
+    /**
+     * Completer's public methods
+     */
+    $.extend(Completer.prototype, {
+ 
+      /**
+       * Prepare ListView and bind events.
+       */
+      initialize: function () {
+        var $list, globalEvents, appendTo, height;
+        $list = $baseList.clone();
+        this.listView = new ListView($list, this);
+        this.$el.on({
+          'keyup.textComplete': $.proxy(this.onKeyup, this),
+          'keydown.textComplete': $.proxy(this.listView.onKeydown, this.listView)
+        });
+        appendTo = this.option.appendTo;
+        if (appendTo) {
+          // Append ListView to specified element.
+          this.listView.appendTo(appendTo instanceof $ ? appendTo : $(appendTo));
+        } else {
+          this.listView.appendTo($('body'));
+        }
+        height = this.option.height;
+        if (height) {
+          $list.css("overflow-y", "auto");
+          $list.height(height);
+        }
+        globalEvents = {};
+        globalEvents['click.' + this.id] = $.proxy(this.onClickDocument, this);
+        globalEvents['keyup.' + this.id] = $.proxy(this.onKeyupDocument, this);
+        $(document).on(globalEvents);
+      },
+ 
+      /**
+       * Register strategies to the completer.
+       */
+      register: function (strategies) {
+        this.strategies = this.strategies.concat(strategies);
+      },
+ 
+      /**
+       * Show autocomplete list next to the caret.
+       */
+      renderList: function (data) {
+        if (this.clearAtNext) {
+          this.listView.clear();
+          this.clearAtNext = false;
+        }
+        if (data.length) {
+          this.listView.strategy = this.strategy;
+          if (!this.listView.shown) {
+            this.listView
+                .setPosition(this.getCaretPosition())
+                .clear()
+                .activate();
+          }
+          data = data.slice(0, this.strategy.maxCount);
+          this.listView.render(data);
+        }
+ 
+        if (!this.listView.data.length && this.listView.shown) {
+          this.listView.deactivate();
+        }
+      },
+ 
+      searchCallbackFactory: function (free) {
+        var self = this;
+        return function (data, keep) {
+          self.renderList(data);
+          if (!keep) {
+            // This is the last callback for this search.
+            free();
+            self.clearAtNext = true;
+          }
+        };
+      },
+ 
+      /**
+       * Keyup event handler.
+       */
+      onKeyup: function (e) {
+        if (this.skipSearch(e)) { return; }
+        this.trigger(null, true);
+      },
+ 
+      /**
+       * Public interface for invoking textcomplete.
+       */
+      trigger: function (text, suppress) {
+        var searchQuery, term;
+        text || (text = this.getTextFromHeadToCaret());
+        searchQuery = this.extractSearchQuery(text);
+        if (searchQuery.length) {
+          term = searchQuery[1];
+          if (suppress && this.term === term) {
+            return; // Ignore shift-key or something.
+          }
+          this.term = term;
+          this.search(searchQuery);
+        } else {
+          this.term = null;
+          this.listView.deactivate();
+        }
+      },
+ 
+      /**
+       * Suppress searching if it returns true.
+       */
+      skipSearch: function (e) {
+        switch (e.keyCode) {
+          case 40: // DOWN
+          case 38: // UP
+            return true;
+        }
+        if (e.ctrlKey) switch (e.keyCode) {
+          case 78: // Ctrl-N
+          case 80: // Ctrl-P
+            return true;
+        }
+      },
+ 
+      onSelect: function (value) {
+        var pre, post, newSubStr, sel, range, selection, remainder;
+        pre = this.getTextFromHeadToCaret();
+        remainder = pre.length;
+ 
+        if (this.el.isContentEditable) {
+          sel = window.getSelection();
+          range = sel.getRangeAt(0);
+          selection = range.cloneRange();
+          selection.selectNodeContents(range.startContainer);
+          var content = selection.toString();
+          post = content.substring(range.startOffset);
+        } else {
+          post = this.el.value.substring(this.el.selectionEnd);
+        }
+ 
+        newSubStr = this.strategy.replace(value);
+ 
+        if ($.isArray(newSubStr)) {
+          post = newSubStr[1] + post;
+          newSubStr = newSubStr[0];
+        }
+ 
+        pre = pre.replace(this.strategy.match, newSubStr);
+ 
+        if (this.el.isContentEditable) {
+          range.selectNodeContents(range.startContainer);
+          range.deleteContents();
+          var node = document.createTextNode(pre + post);
+          range.insertNode(node);
+          range.setStart(node, pre.length);
+          range.collapse(true);
+          sel.removeAllRanges();
+          sel.addRange(range);
+        } else {
+          this.$el.val(pre + post);
+          this.el.selectionStart = this.el.selectionEnd = pre.length;
+        }
+ 
+        this.$el.trigger('change')
+                .trigger('textComplete:select', value);
+        this.el.focus();
+      },
+ 
+      /**
+       * Global click event handler.
+       */
+      onClickDocument: function (e) {
+        if (e.originalEvent && !e.originalEvent.keepTextCompleteDropdown) {
+          this.listView.deactivate();
+        }
+      },
+ 
+      /**
+       * Global keyup event handler.
+       */
+      onKeyupDocument: function (e) {
+        if (this.listView.shown && e.keyCode === 27) { // ESC
+          this.listView.deactivate();
+          this.$el.focus();
+        }
+      },
+ 
+      /**
+       * Remove all event handlers.
+       */
+      destroy: function () {
+        this.$el.off('.textComplete');
+        $(document).off('.' + this.id);
+        if (this.listView) { this.listView.destroy(); }
+        this.$el.removeData('textComplete');
+        this.$el = null;
+      },
+ 
+      // Helper methods
+      // ==============
+ 
+      getCaretPosition: function () {
+        var caretPosition, textareaOffset;
+        caretPosition = this.getCaretRelativePosition();
+        textareaOffset = this.$el.offset();
+        caretPosition.top += textareaOffset.top;
+        caretPosition.left += textareaOffset.left;
+        return caretPosition;
+      },
+ 
+      /**
+       * Returns caret's relative coordinates from textarea's left top corner.
+       */
+      getCaretRelativePosition: function () {
+        var properties, css, $div, $span, position, dir, scrollbar, range, node, $node;
+        if (!this.el.isContentEditable) {
+          // Browser native API does not provide the way to know the position of
+          // caret in pixels, so that here we use a kind of hack to accomplish
+          // the aim. First of all it puts a div element and completely copies
+          // the textarea's style to the element, then it inserts the text and a
+          // span element into the textarea.
+          // Consequently, the span element's position is the thing what we want.
+          properties = ['border-width', 'font-family', 'font-size', 'font-style',
+            'font-variant', 'font-weight', 'height', 'letter-spacing',
+            'word-spacing', 'line-height', 'text-decoration', 'text-align',
+            'width', 'padding-top', 'padding-right', 'padding-bottom',
+            'padding-left', 'margin-top', 'margin-right', 'margin-bottom',
+            'margin-left', 'border-style', 'box-sizing'
+          ];
+          scrollbar = this.$el[0].scrollHeight > this.$el[0].offsetHeight;
+          css = $.extend({
+            position: 'absolute',
+            overflow: scrollbar ? 'scroll' : 'auto',
+            'white-space': 'pre-wrap',
+            top: 0,
+            left: -9999,
+            direction: dir
+          }, getStyles(this.$el, properties));
+ 
+          $div = $('<div></div>').css(css).text(this.getTextFromHeadToCaret());
+          $span = $('<span></span>').text('.').appendTo($div);
+          this.$el.before($div);
+          position = $span.position();
+          position.top += $span.height() - this.$el.scrollTop();
+          $div.remove();
+        } else {
+          range = window.getSelection().getRangeAt(0).cloneRange();
+          node = document.createElement('span');
+          range.insertNode(node);
+          range.selectNodeContents(node);
+          range.deleteContents();
+          $node = $(node);
+          position = $node.offset();
+          position.left -= this.$el.offset().left;
+          position.top += $node.height() - this.$el.offset().top;
+        }
+        dir = this.$el.attr('dir') || this.$el.css('direction');
+        if (dir === 'rtl') { position.left -= this.listView.$el.width(); }
+        return position;
+      },
+ 
+      getTextFromHeadToCaret: function () {
+        var text, selectionEnd, range;
+        if (this.el.isContentEditable) {
+          if (window.getSelection) {
+            // IE9+ and non-IE
+            var range = window.getSelection().getRangeAt(0);
+            var selection = range.cloneRange();
+            selection.selectNodeContents(range.startContainer);
+            text = selection.toString().substring(0, range.startOffset);
+          }
+        } else {
+          selectionEnd = this.el.selectionEnd;
+          if (typeof selectionEnd === 'number') {
+            text = this.el.value.substring(0, selectionEnd);
+          } else if (document.selection) {
+            range = this.el.createTextRange();
+            range.moveStart('character', 0);
+            range.moveEnd('textedit');
+            text = range.text;
+          }
+        }
+        return text;
+      },
+ 
+      /**
+       * Parse the value of textarea and extract search query.
+       */
+      extractSearchQuery: function (text) {
+        var i, l, strategy, match;
+        for (i = 0, l = this.strategies.length; i < l; i++) {
+          strategy = this.strategies[i];
+          match = text.match(strategy.match);
+          if (match) { return [strategy, match[strategy.index]]; }
+        }
+        return [];
+      },
+ 
+      search: lock(function (free, searchQuery) {
+        var term;
+        this.strategy = searchQuery[0];
+        term = searchQuery[1];
+        this.strategy.search(term, this.searchCallbackFactory(free));
+      })
+    });
+ 
+    return Completer;
+  })();
+ 
+  /**
+   * Dropdown menu manager class.
+   */
+  var ListView = (function () {
+ 
+    function ListView($el, completer) {
+      this.data = [];
+      this.$el = $el;
+      this.index = 0;
+      this.completer = completer;
+      if (completer.option.listPosition) {
+        this.setPosition = completer.option.listPosition;
+      }
+ 
+      this.$el.on('mousedown.textComplete', 'li.textcomplete-item',
+                  $.proxy(this.onClick, this));
+      this.$el.on('mouseover.textComplete', 'li.textcomplete-item',
+                  $.proxy(this.onMouseover, this));
+    }
+ 
+    $.extend(ListView.prototype, {
+      shown: false,
+ 
+      render: function (data) {
+        var html, i, l, index, val, str;
+ 
+        html = '';
+ 
+        if(this.strategy.header) {
+          if ($.isFunction(this.strategy.header)) {
+            str = this.strategy.header(data);
+          } else {
+            str = this.strategy.header;
+          }
+          html += '<li class="textcomplete-header">' + str + '</li>';
+        }
+ 
+        for (i = 0, l = data.length; i < l; i++) {
+          val = data[i];
+          if (include(this.data, val)) continue;
+          index = this.data.length;
+          this.data.push(val);
+          html += '<li class="textcomplete-item" data-index="' + index + '"><a>';
+          html +=   this.strategy.template(val);
+          html += '</a></li>';
+          if (this.data.length === this.strategy.maxCount) break;
+        }
+ 
+        if(this.strategy.footer) {
+          if ($.isFunction(this.strategy.footer)) {
+            str = this.strategy.footer(data);
+          } else {
+            str = this.strategy.footer;
+          }
+          html += '<li class="textcomplete-footer">' + str + '</li>';
+        }
+ 
+        this.$el.append(html);
+        if (!this.data.length) {
+          this.deactivate();
+        } else {
+          this.activateIndexedItem();
+          this.setScroll();
+        }
+      },
+ 
+      clear: function () {
+        this.data = [];
+        this.$el.html('');
+        this.index = 0;
+        return this;
+      },
+ 
+      activateIndexedItem: function () {
+        this.$el.find('.active').removeClass('active');
+        this.getActiveItem().addClass('active');
+      },
+ 
+      getActiveItem: function () {
+        return $(this.$el.children('.textcomplete-item').get(this.index));
+      },
+ 
+      activate: function () {
+        if (!this.shown) {
+          this.$el.show();
+          this.completer.$el.trigger('textComplete:show');
+          this.shown = true;
+        }
+        return this;
+      },
+ 
+      deactivate: function () {
+        if (this.shown) {
+          this.$el.hide();
+          this.completer.$el.trigger('textComplete:hide');
+          this.shown = false;
+          this.data = [];
+          this.index = null;
+        }
+        return this;
+      },
+ 
+      setPosition: function (position) {
+        var fontSize;
+        // If the strategy has the 'placement' option set to 'top', move the
+        // position above the element
+        if(this.strategy.placement.indexOf('top') > -1) {
+          // Move it to be in line with the match character
+          fontSize = parseInt(this.$el.css('font-size'));
+          // Overwrite the position object to set the 'bottom' property instead of the top.
+          position = {
+            top: 'auto',
+            bottom: this.$el.parent().height() - position.top + fontSize,
+            left: position.left
+          };
+        } else {
+          // Overwrite 'bottom' property because once `placement: 'top'`
+          // strategy is shown, $el keeps the property.
+          position.bottom = 'auto';
+        }
+ 
+        if (this.strategy.placement.indexOf('absleft') > -1) {
+          position.left = 0;
+        }
+ 
+        if (this.strategy.placement.indexOf('absright') > -1) {
+          position.right = 0;
+          position.left = 'auto';
+        }
+ 
+        this.$el.css(position);
+        return this;
+      },
+ 
+      setScroll: function (e) {
+        var $activeItem = this.getActiveItem();
+        var itemTop = $activeItem.position().top;
+        var itemHeight = $activeItem.outerHeight();
+        var visibleHeight = this.$el.innerHeight();
+        var visibleTop = this.$el.scrollTop();
+        if (this.index === 0 || this.index === this.data.length - 1 || itemTop < 0) {
+          this.$el.scrollTop(itemTop + visibleTop);
+        } else if (itemTop + itemHeight > visibleHeight) {
+          this.$el.scrollTop(itemTop + itemHeight + visibleTop - visibleHeight);
+        }
+      },
+ 
+      select: function (index) {
+        var self = this;
+        this.completer.onSelect(this.data[index]);
+        // Deactive at next tick to allow other event handlers to know whether
+        // the dropdown has been shown or not.
+        setTimeout(function () { self.deactivate(); }, 0);
+      },
+ 
+      onKeydown: function (e) {
+        if (!this.shown) return;
+        var modifiers = e.ctrlKey || e.altKey || e.metaKey || e.shiftKey;
+        if (e.keyCode === 38 || (e.ctrlKey && e.keyCode === 80)) {         // UP, or Ctrl-P
+          e.preventDefault();
+          if (this.index === 0) {
+            this.index = this.data.length-1;
+          } else {
+            this.index -= 1;
+          }
+          this.activateIndexedItem();
+          this.setScroll();
+        } else if (e.keyCode === 40 || (e.ctrlKey && e.keyCode === 78)) {  // DOWN, or Ctrl-N
+          e.preventDefault();
+          if (this.index === this.data.length - 1) {
+            this.index = 0;
+          } else {
+            this.index += 1;
+          }
+          this.activateIndexedItem();
+          this.setScroll();
+        } else if (!modifiers && (e.keyCode === 13 || e.keyCode === 9)) {  // ENTER or TAB
+          e.preventDefault();
+          this.select(parseInt(this.getActiveItem().data('index'), 10));
+        }
+        else if (e.keyCode === 33) {                                       // PAGEUP
+          e.preventDefault();
+          var target = 0;
+          var threshold = this.getActiveItem().position().top - this.$el.innerHeight();
+          this.$el.children().each(function (i) {
+            if ($(this).position().top + $(this).outerHeight() > threshold) {
+              target = i;
+              return false;
+            }
+          });
+          this.index = target;
+          this.activateIndexedItem();
+          this.setScroll();
+        }
+        else if (e.keyCode === 34) {                                       // PAGEDOWN
+          e.preventDefault();
+          var target = this.data.length - 1;
+          var threshold = this.getActiveItem().position().top + this.$el.innerHeight();
+          this.$el.children().each(function (i) {
+            if ($(this).position().top > threshold) {
+              target = i;
+              return false;
+            }
+          });
+          this.index = target;
+          this.activateIndexedItem();
+          this.setScroll();
+        }
+      },
+ 
+      onClick: function (e) {
+        var $e = $(e.target);
+        e.preventDefault();
+        e.originalEvent.keepTextCompleteDropdown = true;
+        if (!$e.hasClass('textcomplete-item')) {
+          $e = $e.parents('li.textcomplete-item');
+        }
+        this.select(parseInt($e.data('index'), 10));
+      },
+ 
+      onMouseover: function (e){
+        var $e = $(e.target);
+        e.preventDefault();
+        if(!$e.hasClass('textcomplete-item')) {
+          $e = $e.parents('li.textcomplete-item');
+        }
+        this.index = parseInt($e.data('index'), 10)
+        this.activateIndexedItem();
+      },
+ 
+      destroy: function () {
+        this.deactivate();
+        this.$el.off('click.textComplete').remove();
+        this.$el = null;
+      },
+ 
+      appendTo: function ($el) {
+        $el.css({ position: 'relative' }).append(this.$el)
+      }
+    });
+ 
+    return ListView;
+  })();
+ 
+  $.fn.textcomplete = function (strategies, option) {
+    var i, l, strategy, dataKey;
+ 
+    dataKey = 'textComplete';
+    option || (option = {});
+ 
+    if (strategies === 'destroy') {
+      return this.each(function () {
+        var completer = $(this).data(dataKey);
+        if (completer) { completer.destroy(); }
+      });
+    }
+ 
+    for (i = 0, l = strategies.length; i < l; i++) {
+      strategy = strategies[i];
+      if (!strategy.template) {
+        strategy.template = identity;
+      }
+      if (strategy.index == null) {
+        strategy.index = 2;
+      }
+      if (strategy.placement == null) {
+        strategy.placement = '';
+      }
+      if (strategy.cache) {
+        strategy.search = memoize(strategy.search);
+      }
+      strategy.maxCount || (strategy.maxCount = 10);
+    }
+ 
+    return this.each(function () {
+      var $this, completer;
+      $this = $(this);
+      completer = $this.data(dataKey);
+      if (!completer) {
+        completer = new Completer($this, option);
+        $this.data(dataKey, completer);
+      }
+      completer.register(strategies);
+    });
+  };
+ 
+})(window.jQuery || window.Zepto);