add ui

ui/components/emoji/emoji.page.styl

@@ -0,0 +1,6 @@
+.emoji
+  width: 1em
+  height: 1em
+  display: inline-block
+  background-size: contain
+  vertical-align: baseline

ui/components/emoji/emojify.page.js

@@ -0,0 +1,21 @@
+import emojify from 'emojify.js';
+
+import { AutoloadPage } from 'vj/misc/PageLoader';
+
+function runEmojify($container) {
+  if ($container.is('[data-emoji-enabled]')) {
+    emojify.run($container[0]);
+    return;
+  }
+  $container.find('[data-emoji-enabled]').get().forEach(element => emojify.run(element));
+}
+
+const emojifyPage = new AutoloadPage('emojifyPage', () => {
+  emojify.setConfig({
+    img_dir: `${UiContext.cdn_prefix}img/emoji`,
+  });
+  runEmojify($('body'));
+  $(document).on('vjContentNew', e => runEmojify($(e.target)));
+});
+
+export default emojifyPage;