uriji_emoji_picker 1.0.1 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 234a55fd28908c4ebbd614c73e5ad423ab14f563
-  data.tar.gz: 305ee530f51a71e29dcecdb81893c5eed0eea012
+SHA256:
+  metadata.gz: c747e4943e73582ff0e622c4f23e83ab52789cd95e5f78bb754b43754e619d76
+  data.tar.gz: c5e11e196e86f89120dd6db7c27dba1317c8c94e9860baf274ef3937a9d3ba46
 SHA512:
-  metadata.gz: eb9c011cd5be85c75f620562c9d11b718f41fa2e298721062a89a1689ea83948f9b3153466db2594f0762471dba3769e881ae045ff038b37916c94580694ae62
-  data.tar.gz: 6d03e4d0d29eee6a821f8c0195ce9c5a58f108f9ed54be85b5074a32621d22ce051b41faf872956008e68c34edc066a2c2ca9fee76c83b87771472e29f8dea5b
+  metadata.gz: 530b38fe959584cb6ebf1b73e8145b0563f13f4214f5f9c0fa5d700576005baab9ab92982fe8fd6bb4b86afac352bcc9fc54e968248f201a4f58869560473621
+  data.tar.gz: 9a68c000e40e632fe40ff964d3954962a05be522e3f56579d5c1f1d528836a61a774b156792dde03489bfb213b70cf5ef663d525f35581d64de2409bcc460538

data/README.md

@@ -59,16 +59,22 @@ And add data-attribte `data: { emojiable: true }` to your input/text_area.
 </p>
 ```
 
-To see emoji in views, wrap your text with helper `content_with_emoji`.
+To see emoji in views, wrap your text with helper `emojify`.
 
 ```erb
-  <%= content_with_emoji(@post.title) %>
+  <%= emojify(@post.title) %>
 ```
 
 If you interpolate string, you need to call `html_safe`, because it's another string.
 
 ```erb
-  <%= "Post body: #{content_with_emoji(@post.body)}".html_safe %>
+  <%= "Post body: #{emojify(@post.body)}".html_safe %>
+```
+
+Also, you can render emojis with a javascript helper.
+
+```js
+  emojify(text)
 ```
 
 ## Emoji Asset Host

data/lib/assets/javascripts/emoji_picker_helpers.js

@@ -0,0 +1,27 @@
+/**
+ * [Convert emoji unicode to html image]
+ * @param  {unicode string} emoji [description]
+ * @return {string}       [description]
+ */
+function emojiUnicodeToImage(emoji) {
+  if (value = Config.reversemap[emoji]) {
+    icon = $.emojiarea.icons[':' + value + ':'];
+    return $.emojiarea.createIcon(icon);
+  }
+
+  return '';
+}
+
+/**
+ * [Render emoji unicode as html images from string]
+ * @param  {string} input [description]
+ * @return {string}       [description]
+ */
+function emojify(input) {
+  if (!input) return '';
+  if (!Config.rx_codes) Config.init_unified();
+
+  return input.replace(Config.rx_codes, function(emoji) {
+    return emojiUnicodeToImage(emoji);
+  });
+};

data/lib/assets/javascripts/uriji_emoji_picker.js

@@ -1,2 +1,3 @@
 //= require emoji_picker
+//= require emoji_picker_helpers
 //= require initial_picker