728 lines
40 KiB
JavaScript
728 lines
40 KiB
JavaScript
|
/*jslint indent: 2, browser: true, bitwise: true, plusplus: true */
|
||
|
|
var twemoji = (function (
|
||
|
|
/*! Copyright Twitter Inc. and other contributors. Licensed under MIT *//*
|
||
|
|
https://github.com/twitter/twemoji/blob/gh-pages/LICENSE
|
||
|
|
*/
|
||
|
|
|
||
|
|
// WARNING: this file is generated automatically via
|
||
|
|
// `node twemoji-generator.js`
|
||
|
|
// please update its `createTwemoji` function
|
||
|
|
// at the bottom of the same file instead.
|
||
|
|
|
||
|
|
) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
/*jshint maxparams:4 */
|
||
|
|
|
||
|
|
var
|
||
|
|
// the exported module object
|
||
|
|
twemoji = {
|
||
|
|
|
||
|
|
|
||
|
|
/////////////////////////
|
||
|
|
// properties //
|
||
|
|
/////////////////////////
|
||
|
|
|
||
|
|
// default assets url, by default will be Twitter Inc. CDN
|
||
|
|
base: (location.protocol === 'https:' ? 'https:' : 'http:') +
|
||
|
|
'//lainchan.org/js/twemoji/',
|
||
|
|
|
||
|
|
// default assets file extensions, by default '.png'
|
||
|
|
ext: '.png',
|
||
|
|
|
||
|
|
// default assets/folder size, by default "36x36"
|
||
|
|
// available via Twitter CDN: 16, 36, 72
|
||
|
|
size: '16x16',
|
||
|
|
|
||
|
|
// default class name, by default 'emoji'
|
||
|
|
className: 'emoji',
|
||
|
|
|
||
|
|
// basic utilities / helpers to convert code points
|
||
|
|
// to JavaScript surrogates and vice versa
|
||
|
|
convert: {
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Given an HEX codepoint, returns UTF16 surrogate pairs.
|
||
|
|
*
|
||
|
|
* @param string generic codepoint, i.e. '1F4A9'
|
||
|
|
* @return string codepoint transformed into utf16 surrogates pair,
|
||
|
|
* i.e. \uD83D\uDCA9
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* twemoji.convert.fromCodePoint('1f1e8');
|
||
|
|
* // "\ud83c\udde8"
|
||
|
|
*
|
||
|
|
* '1f1e8-1f1f3'.split('-').map(twemoji.convert.fromCodePoint).join('')
|
||
|
|
* // "\ud83c\udde8\ud83c\uddf3"
|
||
|
|
*/
|
||
|
|
fromCodePoint: fromCodePoint,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Given UTF16 surrogate pairs, returns the equivalent HEX codepoint.
|
||
|
|
*
|
||
|
|
* @param string generic utf16 surrogates pair, i.e. \uD83D\uDCA9
|
||
|
|
* @param string optional separator for double code points, default='-'
|
||
|
|
* @return string utf16 transformed into codepoint, i.e. '1F4A9'
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* twemoji.convert.toCodePoint('\ud83c\udde8\ud83c\uddf3');
|
||
|
|
* // "1f1e8-1f1f3"
|
||
|
|
*
|
||
|
|
* twemoji.convert.toCodePoint('\ud83c\udde8\ud83c\uddf3', '~');
|
||
|
|
* // "1f1e8~1f1f3"
|
||
|
|
*/
|
||
|
|
toCodePoint: toCodePoint
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
/////////////////////////
|
||
|
|
// methods //
|
||
|
|
/////////////////////////
|
||
|
|
|
||
|
|
/**
|
||
|
|
* User first: used to remove missing images
|
||
|
|
* preserving the original text intent when
|
||
|
|
* a fallback for network problems is desired.
|
||
|
|
* Automatically added to Image nodes via DOM
|
||
|
|
* It could be recycled for string operations via:
|
||
|
|
* $('img.emoji').on('error', twemoji.onerror)
|
||
|
|
*/
|
||
|
|
onerror: function onerror() {
|
||
|
|
if (this.parentNode) {
|
||
|
|
this.parentNode.replaceChild(createText(this.alt), this);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Main method/logic to generate either <img> tags or HTMLImage nodes.
|
||
|
|
* "emojify" a generic text or DOM Element.
|
||
|
|
*
|
||
|
|
* @overloads
|
||
|
|
*
|
||
|
|
* String replacement for `innerHTML` or server side operations
|
||
|
|
* twemoji.parse(string);
|
||
|
|
* twemoji.parse(string, Function);
|
||
|
|
* twemoji.parse(string, Object);
|
||
|
|
*
|
||
|
|
* HTMLElement tree parsing for safer operations over existing DOM
|
||
|
|
* twemoji.parse(HTMLElement);
|
||
|
|
* twemoji.parse(HTMLElement, Function);
|
||
|
|
* twemoji.parse(HTMLElement, Object);
|
||
|
|
*
|
||
|
|
* @param string|HTMLElement the source to parse and enrich with emoji.
|
||
|
|
*
|
||
|
|
* string replace emoji matches with <img> tags.
|
||
|
|
* Mainly used to inject emoji via `innerHTML`
|
||
|
|
* It does **not** parse the string or validate it,
|
||
|
|
* it simply replaces found emoji with a tag.
|
||
|
|
* NOTE: be sure this won't affect security.
|
||
|
|
*
|
||
|
|
* HTMLElement walk through the DOM tree and find emoji
|
||
|
|
* that are inside **text node only** (nodeType === 3)
|
||
|
|
* Mainly used to put emoji in already generated DOM
|
||
|
|
* without compromising surrounding nodes and
|
||
|
|
* **avoiding** the usage of `innerHTML`.
|
||
|
|
* NOTE: Using DOM elements instead of strings should
|
||
|
|
* improve security without compromising too much
|
||
|
|
* performance compared with a less safe `innerHTML`.
|
||
|
|
*
|
||
|
|
* @param Function|Object [optional]
|
||
|
|
* either the callback that will be invoked or an object
|
||
|
|
* with all properties to use per each found emoji.
|
||
|
|
*
|
||
|
|
* Function if specified, this will be invoked per each emoji
|
||
|
|
* that has been found through the RegExp except
|
||
|
|
* those follwed by the invariant \uFE0E ("as text").
|
||
|
|
* Once invoked, parameters will be:
|
||
|
|
*
|
||
|
|
* codePoint:string the lower case HEX code point
|
||
|
|
* i.e. "1f4a9"
|
||
|
|
*
|
||
|
|
* options:Object all info for this parsing operation
|
||
|
|
*
|
||
|
|
* variant:char the optional \uFE0F ("as image")
|
||
|
|
* variant, in case this info
|
||
|
|
* is anyhow meaningful.
|
||
|
|
* By default this is ignored.
|
||
|
|
*
|
||
|
|
* If such callback will return a falsy value instead
|
||
|
|
* of a valid `src` to use for the image, nothing will
|
||
|
|
* actually change for that specific emoji.
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* Object if specified, an object containing the following properties
|
||
|
|
*
|
||
|
|
* callback Function the callback to invoke per each found emoji.
|
||
|
|
* base string the base url, by default twemoji.base
|
||
|
|
* ext string the image extension, by default twemoji.ext
|
||
|
|
* size string the assets size, by default twemoji.size
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
*
|
||
|
|
* twemoji.parse("I \u2764\uFE0F emoji!");
|
||
|
|
* // I <img class="emoji" draggable="false" alt="❤️" src="/assets/2764.gif"> emoji!
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* twemoji.parse("I \u2764\uFE0F emoji!", function(icon, options, variant) {
|
||
|
|
* return '/assets/' + icon + '.gif';
|
||
|
|
* });
|
||
|
|
* // I <img class="emoji" draggable="false" alt="❤️" src="/assets/2764.gif"> emoji!
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* twemoji.parse("I \u2764\uFE0F emoji!", {
|
||
|
|
* size: 72,
|
||
|
|
* callback: function(icon, options, variant) {
|
||
|
|
* return '/assets/' + options.size + '/' + icon + options.ext;
|
||
|
|
* }
|
||
|
|
* });
|
||
|
|
* // I <img class="emoji" draggable="false" alt="❤️" src="/assets/72x72/2764.png"> emoji!
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
parse: parse,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Given a string, invokes the callback argument
|
||
|
|
* per each emoji found in such string.
|
||
|
|
* This is the most raw version used by
|
||
|
|
* the .parse(string) method itself.
|
||
|
|
*
|
||
|
|
* @param string generic string to parse
|
||
|
|
* @param Function a generic callback that will be
|
||
|
|
* invoked to replace the content.
|
||
|
|
* This calback wil receive standard
|
||
|
|
* String.prototype.replace(str, callback)
|
||
|
|
* arguments such:
|
||
|
|
* callback(
|
||
|
|
* match, // the emoji match
|
||
|
|
* icon, // the emoji text (same as text)
|
||
|
|
* variant // either '\uFE0E' or '\uFE0F', if present
|
||
|
|
* );
|
||
|
|
*
|
||
|
|
* and others commonly received via replace.
|
||
|
|
*
|
||
|
|
* NOTE: When the variant \uFE0E is found, remember this is an explicit intent
|
||
|
|
* from the user: the emoji should **not** be replaced with an image.
|
||
|
|
* In \uFE0F case one, it's the opposite, it should be graphic.
|
||
|
|
* This utility convetion is that only \uFE0E are not translated into images.
|
||
|
|
*/
|
||
|
|
replace: replace,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Simplify string tests against emoji.
|
||
|
|
*
|
||
|
|
* @param string some text that might contain emoji
|
||
|
|
* @return boolean true if any emoji was found, false otherwise.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
*
|
||
|
|
* if (twemoji.test(someContent)) {
|
||
|
|
* console.log("emoji All The Things!");
|
||
|
|
* }
|
||
|
|
*/
|
||
|
|
test: test
|
||
|
|
},
|
||
|
|
|
||
|
|
// used to escape HTML special chars in attributes
|
||
|
|
escaper = {
|
||
|
|
'&': '&',
|
||
|
|
'<': '<',
|
||
|
|
'>': '>',
|
||
|
|
"'": ''',
|
||
|
|
'"': '"'
|
||
|
|
},
|
||
|
|
|
||
|
|
// RegExp based on emoji's official Unicode standards
|
||
|
|
// http://www.unicode.org/Public/UNIDATA/EmojiSources.txt
|
||
|
|
re = /((?:\ud83c\udde8\ud83c\uddf3|\ud83c\uddfa\ud83c\uddf8|\ud83c\uddf7\ud83c\uddfa|\ud83c\uddf0\ud83c\uddf7|\ud83c\uddef\ud83c\uddf5|\ud83c\uddee\ud83c\uddf9|\ud83c\uddec\ud83c\udde7|\ud83c\uddeb\ud83c\uddf7|\ud83c\uddea\ud83c\uddf8|\ud83c\udde9\ud83c\uddea|\u0039\ufe0f?\u20e3|\u0038\ufe0f?\u20e3|\u0037\ufe0f?\u20e3|\u0036\ufe0f?\u20e3|\u0035\ufe0f?\u20e3|\u0034\ufe0f?\u20e3|\u0033\ufe0f?\u20e3|\u0032\ufe0f?\u20e3|\u0031\ufe0f?\u20e3|\u0030\ufe0f?\u20e3|\u0023\ufe0f?\u20e3|\ud83d\udeb3|\ud83d\udeb1|\ud83d\udeb0|\ud83d\udeaf|\ud83d\udeae|\ud83d\udea6|\ud83d\udea3|\ud83d\udea1|\ud83d\udea0|\ud83d\ude9f|\ud83d\ude9e|\ud83d\ude9d|\ud83d\ude9c|\ud83d\ude9b|\ud83d\ude98|\ud83d\ude96|\ud83d\ude94|\ud83d\ude90|\ud83d\ude8e|\ud83d\ude8d|\ud83d\ude8b|\ud83d\ude8a|\ud83d\ude88|\ud83d\ude86|\ud83d\ude82|\ud83d\ude81|\ud83d\ude36|\ud83d\ude34|\ud83d\ude2f|\ud83d\ude2e|\ud83d\ude2c|\ud83d\ude27|\ud83d\ude26|\ud83d\ude1f|\ud83d\ude1b|\ud83d\ude19|\ud83d\ude17|\ud83d\ude15|\ud83d\ude11|\ud83d\ude10|\ud83d\ude0e|\ud83d\ude08|\ud83d\ude07|\ud83d\ude00|\ud83d\udd67|\ud83d\udd66|\ud83d\udd65|\ud83d\udd64|\ud83d\udd63|\ud83d\udd62|\ud83d\udd61|\ud83d\udd60|\ud83d\udd5f|\ud83d\udd5e|\ud83d\udd5d|\ud83d\udd5c|\ud83d\udd2d|\ud83d\udd2c|\ud83d\udd15|\ud83d\udd09|\ud83d\udd08|\ud83d\udd07|\ud83d\udd06|\ud83d\udd05|\ud83d\udd04|\ud83d\udd02|\ud83d\udd01|\ud83d\udd00|\ud83d\udcf5|\ud83d\udcef|\ud83d\udced|\ud83d\udcec|\ud83d\udcb7|\ud83d\udcb6|\ud83d\udcad|\ud83d\udc6d|\ud83d\udc6c|\ud83d\udc65|\ud83d\udc2a|\ud83d\udc16|\ud83d\udc15|\ud83d\udc13|\ud83d\udc10|\ud83d\udc0f|\ud83d\udc0b|\ud83d\udc0a|\ud83d\udc09|\ud83d\udc08|\ud83d\udc07|\ud83d\udc06|\ud83d\udc05|\ud83d\udc04|\ud83d\udc03|\ud83d\udc02|\ud83d\udc01|\ud83d\udc00|\ud83c\udfe4|\ud83c\udfc9|\ud83c\udfc7|\ud83c\udf7c|\ud83c\udf50|\ud83c\udf4b|\ud83c\udf33|\ud83c\udf32|\ud83c\udf1e|\ud83c\udf1d|\ud83c\udf1c|\ud83c\udf1a|\ud83c\udf18|\ud83c\udccf|\ud83c\udd8e|\ud83c\udd91|\ud83c\udd92|\ud83c\udd93|\ud83c\udd94|\ud83c\udd95|\ud83c\udd96|\ud83c\udd97|\ud83c\udd98|\ud83c\udd99|\ud83c\udd9a|\ud83d\udc77|\ud83d\udec5|\ud83d\udec4|\ud83d\udec3|\ud83d\udec2|\ud83d\udec1|\ud83d\udebf|\ud83d\udeb8|\ud83d\udeb7|\ud83d\udeb5|\ud83c\ude01|\ud83c\ude32|\ud83c\ude33|\ud83c\ude34|\ud83c\ude35|\ud83c\ude36|\ud83c\ude38|\ud83c\ude39|\ud83c\ude3a|\ud83c\ude50|\ud83c\ude51|\ud83c\udf00|\ud83c\udf01|\ud83c\udf02|\ud83c\udf03|\ud83c\udf04|\ud83c\udf05|\ud83c\udf06|\ud83c\udf07|\ud83c\udf08|\ud83c\udf09|\ud83c\udf0a|\ud83c\udf0b|\ud83c\udf0c|\ud83c\udf0f|\ud83c\udf11|\ud83c\udf13|\ud83c\udf14|\ud83c\udf15|\ud83c\udf19|\ud83c\udf1b|\ud83c\udf1f|\ud83c\udf20|\ud83c\udf30|\ud83c\udf31|\ud83c\udf34|\ud83c\udf35|\ud83c\udf37|\ud83c\udf38|\ud83c\udf39|\ud83c\udf3a|\ud83c\udf3b|\ud83c\udf3c|\ud83c\udf3d|\ud83c\udf3e|\ud83c\udf3f|\ud83c\udf40|\ud83c\udf41|\ud83c\udf42|\ud83c\udf43|\ud83c\udf44|\ud83c\udf45|\ud83c\udf46|\ud83c\udf47|\ud83c\udf48|\ud83c\udf49|\ud83c\udf4a|\ud83c\udf4c|\ud83c\udf4d|\ud83c\udf4e|\ud83c\udf4f|\ud83c\udf51|\ud83c\udf52|\ud83c\udf53|\ud83c\udf54|\ud83c\udf55|\ud83c\udf56|\ud83c\udf57|\ud83c\udf58|\ud83c\udf59|\ud83c\udf5a|\ud83c\udf5b|\ud83c\udf5c|\ud83c\udf5d|\ud83c\udf5e|\ud83c\udf5f|\ud83c\udf60|\ud83c\udf61|\ud83c\udf62|\ud83c\udf63|\ud83c\udf64|\ud83c\udf65|\ud83c\udf66|\ud83c\udf67|\ud83c\udf68|\ud83c\udf69|\ud83c\udf6a|\ud83c\udf6b|\ud83c\udf6c|\ud83c\udf6d|\ud83c\udf6e|\ud83c\udf6f|\ud83c\udf70|\ud83c\udf71|\ud83c\udf72|\ud83c\udf73|\ud83c\udf74|\ud83c\udf75|\ud83c\udf76|\ud83c\udf77|\ud83c\udf78|\ud83c\udf79|\ud83c\udf7a|\ud83c\udf7b|\ud83c\udf80|\ud83c\udf81|\ud83c\udf82|\ud83c\udf83|\ud83c\udf84|\ud83c\udf85|\ud83c\udf86|\ud83c\udf87|\ud83c\udf88|\ud83c\udf89|\ud83c\udf8a|\ud83c\udf8b|\ud83c\udf8c|\ud83c\udf8d|\ud83c\udf8e|\ud83c\udf8f|\ud83c\udf90|\ud83c\udf91|\ud83c\udf92|\ud83c\udf93|\ud83c\udfa0|\ud83c\udfa1|\ud83c\udfa2|\ud83c\udfa3|\ud83c\udfa4|\ud83c\udfa5|\ud83c\udfa6|\ud83c\udfa7|\ud83c\udfa8|\ud83c\udfa9|\ud83c\udfaa|\ud83c\udfab|\ud83c\udfac|\ud83c\udfad|\ud83c\udfae|\ud83c\udfaf|\ud83c\udfb0|\ud83c\udfb1|\ud83c\udfb2|\ud83c\udfb3|\ud83c\udfb4|\ud83c\udfb5|\ud83c\udf
|
||
|
|
re = /\ud83d[\udc68-\udc69](?:\ud83c[\udffb-\udfff])?\u200d(?:\u2695\ufe0f|\u2696\ufe0f|\u2708\ufe0f|\ud83c[\udf3e\udf73\udf93\udfa4\udfa8\udfeb\udfed]|\ud83d[\udcbb\udcbc\udd27\udd2c\ude80\ude92])|(?:\ud83c[\udfcb\udfcc]|\ud83d\udd75|\u26f9)(?:\ufe0f|\ud83c[\udffb-\udfff])\u200d[\u2640\u2642]\ufe0f|(?:\ud83c[\udfc3\udfc4\udfca]|\ud83d[\udc6e\udc71\udc73\udc77\udc81\udc82\udc86\udc87\ude45-\ude47\ude4b\ude4d\ude4e\udea3\udeb4-\udeb6]|\ud83e[\udd26\udd37-\udd39\udd3d\udd3e])(?:\ud83c[\udffb-\udfff])?\u200d[\u2640\u2642]\ufe0f|\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d[\udc68\udc69]|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68|\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d[\udc68\udc69]|\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83c\udff3\ufe0f\u200d\ud83c\udf08|\ud83c\udff4\u200d\u2620\ufe0f|\ud83d\udc41\u200d\ud83d\udde8|\ud83d\udc68\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83d\udc6f\u200d\u2640\ufe0f|\ud83d\udc6f\u200d\u2642\ufe0f|\ud83e\udd3c\u200d\u2640\ufe0f|\ud83e\udd3c\u200d\u2642\ufe0f|(?:[\u0023\u002a\u0030-\u0039])\ufe0f?\u20e3|(?:(?:\ud83c[\udfcb\udfcc]|\ud83d[\udd74\udd75\udd90]|[\u261d\u26f7\u26f9\u270c\u270d])(?:\ufe0f|(?!\ufe0e))|\ud83c[\udf85\udfc2-\udfc4\udfc7\udfca]|\ud83d[\udc42\udc43\udc46-\udc50\udc66-\udc69\udc6e\udc70-\udc78\udc7c\udc81-\udc83\udc85-\udc87\udcaa\udd7a\udd95\udd96\ude45-\ude47\ude4b-\ude4f\udea3\udeb4-\udeb6\udec0\udecc]|\ud83e[\udd18-\udd1c\udd1e\udd26\udd30\udd33-\udd39\udd3d\udd3e]|[\u270a\u270b])(?:\ud83c[\udffb-\udfff]|)|\ud83c\udde6\ud83c[\udde8-\uddec\uddee\uddf1\uddf2\uddf4\uddf6-\uddfa\uddfc\uddfd\uddff]|\ud83c\udde7\ud83c[\udde6\udde7\udde9-\uddef\uddf1-\uddf4\uddf6-\uddf9\uddfb\uddfc\uddfe\uddff]|\ud83c\udde8\ud83c[\udde6\udde8\udde9\uddeb-\uddee\uddf0-\uddf5\uddf7\uddfa-\uddff]|\ud83c\udde9\ud83c[\uddea\uddec\uddef\uddf0\uddf2\uddf4\uddff]|\ud83c\uddea\ud83c[\udde6\udde8\uddea\uddec\udded\uddf7-\uddfa]|\ud83c\uddeb\ud83c[\uddee-\uddf0\uddf2\uddf4\uddf7]|\ud83c\uddec\ud83c[\udde6\udde7\udde9-\uddee\uddf1-\uddf3\uddf5-\uddfa\uddfc\uddfe]|\ud83c\udded\ud83c[\uddf0\uddf2\uddf3\uddf7\uddf9\uddfa]|\ud83c\uddee\ud83c[\udde8-\uddea\uddf1-\uddf4\uddf6-\uddf9]|\ud83c\uddef\ud83c[\uddea\uddf2\uddf4\uddf5]|\ud83c\uddf0\ud83c[\uddea\uddec-\uddee\uddf2\uddf3\uddf5\uddf7\uddfc\uddfe\uddff]|\ud83c\uddf1\ud83c[\udde6-\udde8\uddee\uddf0\uddf7-\uddfb\uddfe]|\ud83c\uddf2\ud83c[\udde6\udde8-\udded\uddf0-\uddff]|\ud83c\uddf3\ud83c[\udde6\udde8\uddea-\uddec\uddee\uddf1\uddf4\uddf5\uddf7\uddfa\uddff]|\ud83c\uddf4\ud83c\uddf2|\ud83c\uddf5\ud83c[\udde6\uddea-\udded\uddf0-\uddf3\uddf7-\uddf9\uddfc\uddfe]|\ud83c\uddf6\ud83c\udde6|\ud83c\uddf7\ud83c[\uddea\uddf4\uddf8\uddfa\uddfc]|\ud83c\uddf8\ud83c[\udde6-\uddea\uddec-\uddf4\uddf7-\uddf9\uddfb\uddfd-\uddff]|\ud83c\uddf9\ud83c[\udde6\udde8\udde9\uddeb-\udded\uddef-\uddf4\uddf7\uddf9\uddfb\uddfc\uddff]|\ud83c\uddfa\ud83c[\udde6\uddec\uddf2\uddf3\uddf8\uddfe\uddff]|\ud83c\uddfb\ud83c[\udde6\udde8\uddea\uddec\uddee\uddf3\uddfa]|\ud83c\uddfc\ud83c[\uddeb\uddf8]|\ud83c\uddfd\ud83c\uddf0|\ud83c\uddfe\ud83c[\uddea\uddf9]|\ud83c\uddff\ud83c[\udde6\uddf2\uddfc]|\ud800\udc00|\ud83c[\udccf\udd8e\udd91-\udd9a\udde6-\uddff\ude01\ude32-\ude36\ude38-\ude3a\ude50\ude51\udf00-\udf20\udf2d-\udf35\u
|
||
|
|
|
||
|
|
// used to find HTML special chars in attributes
|
||
|
|
rescaper = /[&<>'"]/g,
|
||
|
|
|
||
|
|
// avoid runtime RegExp creation for not so smart,
|
||
|
|
// not JIT based, and old browsers / engines
|
||
|
|
UFE0Fg = /\uFE0F/g,
|
||
|
|
|
||
|
|
// avoid using a string literal like '\u200D' here because minifiers expand it inline
|
||
|
|
U200D = String.fromCharCode(0x200D),
|
||
|
|
|
||
|
|
// nodes with type 1 which should **not** be parsed (including lower case svg)
|
||
|
|
shouldntBeParsed = /IFRAME|NOFRAMES|NOSCRIPT|SCRIPT|SELECT|STYLE|TEXTAREA|[a-z]/,
|
||
|
|
|
||
|
|
// just a private shortcut
|
||
|
|
fromCharCode = String.fromCharCode;
|
||
|
|
|
||
|
|
return twemoji;
|
||
|
|
|
||
|
|
|
||
|
|
/////////////////////////
|
||
|
|
// private functions //
|
||
|
|
// declaration //
|
||
|
|
/////////////////////////
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Shortcut to create text nodes
|
||
|
|
* @param string text used to create DOM text node
|
||
|
|
* @return Node a DOM node with that text
|
||
|
|
*/
|
||
|
|
function createText(text) {
|
||
|
|
return document.createTextNode(text);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Utility function to escape html attribute text
|
||
|
|
* @param string text use in HTML attribute
|
||
|
|
* @return string text encoded to use in HTML attribute
|
||
|
|
*/
|
||
|
|
function escapeHTML(s) {
|
||
|
|
return s.replace(rescaper, replacer);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Default callback used to generate emoji src
|
||
|
|
* based on Twitter CDN
|
||
|
|
* @param string the emoji codepoint string
|
||
|
|
* @param string the default size to use, i.e. "36x36"
|
||
|
|
* @param string optional "\uFE0F" variant char, ignored by default
|
||
|
|
* @return string the image source to use
|
||
|
|
*/
|
||
|
|
function defaultImageSrcGenerator(icon, options) {
|
||
|
|
return ''.concat(options.base, options.size, '/', icon, options.ext);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Given a generic DOM nodeType 1, walk through all children
|
||
|
|
* and store every nodeType 3 (#text) found in the tree.
|
||
|
|
* @param Element a DOM Element with probably some text in it
|
||
|
|
* @param Array the list of previously discovered text nodes
|
||
|
|
* @return Array same list with new discovered nodes, if any
|
||
|
|
*/
|
||
|
|
function grabAllTextNodes(node, allText) {
|
||
|
|
var
|
||
|
|
childNodes = node.childNodes,
|
||
|
|
length = childNodes.length,
|
||
|
|
subnode,
|
||
|
|
nodeType;
|
||
|
|
while (length--) {
|
||
|
|
subnode = childNodes[length];
|
||
|
|
nodeType = subnode.nodeType;
|
||
|
|
// parse emoji only in text nodes
|
||
|
|
if (nodeType === 3) {
|
||
|
|
// collect them to process emoji later
|
||
|
|
allText.push(subnode);
|
||
|
|
}
|
||
|
|
// ignore all nodes that are not type 1 or that
|
||
|
|
// should not be parsed as script, style, and others
|
||
|
|
else if (nodeType === 1 && !shouldntBeParsed.test(subnode.nodeName)) {
|
||
|
|
grabAllTextNodes(subnode, allText);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return allText;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Used to both remove the possible variant
|
||
|
|
* and to convert utf16 into code points
|
||
|
|
* @param string the emoji surrogate pair
|
||
|
|
* @param string the optional variant char, if any
|
||
|
|
*/
|
||
|
|
function grabTheRightIcon(rawText) {
|
||
|
|
// if variant is present as \uFE0F
|
||
|
|
return toCodePoint(rawText.indexOf(U200D) < 0 ?
|
||
|
|
rawText.replace(UFE0Fg, '') :
|
||
|
|
rawText
|
||
|
|
);
|
||
|
|
}
|
||
|
|
/*function grabTheRightIcon(icon, variant) {
|
||
|
|
// if variant is present as \uFE0F
|
||
|
|
return toCodePoint(
|
||
|
|
variant === '\uFE0F' ?
|
||
|
|
// the icon should not contain it
|
||
|
|
icon.slice(0, -1) :
|
||
|
|
// fix non standard OSX behavior
|
||
|
|
(icon.length === 3 && icon.charAt(1) === '\uFE0F' ?
|
||
|
|
icon.charAt(0) + icon.charAt(2) : icon)
|
||
|
|
);
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* DOM version of the same logic / parser:
|
||
|
|
* emojify all found sub-text nodes placing images node instead.
|
||
|
|
* @param Element generic DOM node with some text in some child node
|
||
|
|
* @param Object options containing info about how to parse
|
||
|
|
*
|
||
|
|
* .callback Function the callback to invoke per each found emoji.
|
||
|
|
* .base string the base url, by default twemoji.base
|
||
|
|
* .ext string the image extension, by default twemoji.ext
|
||
|
|
* .size string the assets size, by default twemoji.size
|
||
|
|
*
|
||
|
|
* @return Element same generic node with emoji in place, if any.
|
||
|
|
*/
|
||
|
|
function parseNode(node, options) {
|
||
|
|
var
|
||
|
|
allText = grabAllTextNodes(node, []),
|
||
|
|
length = allText.length,
|
||
|
|
attrib,
|
||
|
|
attrname,
|
||
|
|
modified,
|
||
|
|
fragment,
|
||
|
|
subnode,
|
||
|
|
text,
|
||
|
|
match,
|
||
|
|
i,
|
||
|
|
index,
|
||
|
|
img,
|
||
|
|
rawText,
|
||
|
|
iconId,
|
||
|
|
src;
|
||
|
|
while (length--) {
|
||
|
|
modified = false;
|
||
|
|
fragment = document.createDocumentFragment();
|
||
|
|
subnode = allText[length];
|
||
|
|
text = subnode.nodeValue;
|
||
|
|
i = 0;
|
||
|
|
while ((match = re.exec(text))) {
|
||
|
|
index = match.index;
|
||
|
|
if (index !== i) {
|
||
|
|
fragment.appendChild(
|
||
|
|
createText(text.slice(i, index))
|
||
|
|
);
|
||
|
|
}
|
||
|
|
rawText = match[0];
|
||
|
|
iconId = grabTheRightIcon(rawText);
|
||
|
|
i = index + rawText.length;
|
||
|
|
src = options.callback(iconId, options);
|
||
|
|
if (src) {
|
||
|
|
img = new Image();
|
||
|
|
img.onerror = options.onerror;
|
||
|
|
img.setAttribute('draggable', 'false');
|
||
|
|
attrib = options.attributes(rawText, iconId);
|
||
|
|
for (attrname in attrib) {
|
||
|
|
if (
|
||
|
|
attrib.hasOwnProperty(attrname) &&
|
||
|
|
// don't allow any handlers to be set + don't allow overrides
|
||
|
|
attrname.indexOf('on') !== 0 &&
|
||
|
|
!img.hasAttribute(attrname)
|
||
|
|
) {
|
||
|
|
img.setAttribute(attrname, attrib[attrname]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
img.className = options.className;
|
||
|
|
img.alt = rawText;
|
||
|
|
img.src = src;
|
||
|
|
modified = true;
|
||
|
|
fragment.appendChild(img);
|
||
|
|
}
|
||
|
|
if (!img) fragment.appendChild(createText(rawText));
|
||
|
|
img = null;
|
||
|
|
}
|
||
|
|
// is there actually anything to replace in here ?
|
||
|
|
if (modified) {
|
||
|
|
// any text left to be added ?
|
||
|
|
if (i < text.length) {
|
||
|
|
fragment.appendChild(
|
||
|
|
createText(text.slice(i))
|
||
|
|
);
|
||
|
|
}
|
||
|
|
// replace the text node only, leave intact
|
||
|
|
// anything else surrounding such text
|
||
|
|
subnode.parentNode.replaceChild(fragment, subnode);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return node;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*function parseNode(node, options) {
|
||
|
|
var
|
||
|
|
allText = grabAllTextNodes(node, []),
|
||
|
|
length = allText.length,
|
||
|
|
attrib,
|
||
|
|
attrname,
|
||
|
|
modified,
|
||
|
|
fragment,
|
||
|
|
subnode,
|
||
|
|
text,
|
||
|
|
match,
|
||
|
|
i,
|
||
|
|
index,
|
||
|
|
img,
|
||
|
|
alt,
|
||
|
|
icon,
|
||
|
|
variant,
|
||
|
|
src;
|
||
|
|
while (length--) {
|
||
|
|
modified = false;
|
||
|
|
fragment = document.createDocumentFragment();
|
||
|
|
subnode = allText[length];
|
||
|
|
text = subnode.nodeValue;
|
||
|
|
i = 0;
|
||
|
|
while ((match = re.exec(text))) {
|
||
|
|
index = match.index;
|
||
|
|
if (index !== i) {
|
||
|
|
fragment.appendChild(
|
||
|
|
createText(text.slice(i, index))
|
||
|
|
);
|
||
|
|
}
|
||
|
|
alt = match[0];
|
||
|
|
icon = match[1];
|
||
|
|
variant = match[2];
|
||
|
|
i = index + alt.length;
|
||
|
|
if (variant !== '\uFE0E') {
|
||
|
|
src = options.callback(
|
||
|
|
grabTheRightIcon(icon, variant),
|
||
|
|
options,
|
||
|
|
variant
|
||
|
|
);
|
||
|
|
if (src) {
|
||
|
|
img = new Image();
|
||
|
|
img.onerror = options.onerror;
|
||
|
|
img.setAttribute('draggable', 'false');
|
||
|
|
attrib = options.attributes(icon, variant);
|
||
|
|
for (attrname in attrib) {
|
||
|
|
if (
|
||
|
|
attrib.hasOwnProperty(attrname) &&
|
||
|
|
// don't allow any handlers to be set + don't allow overrides
|
||
|
|
attrname.indexOf('on') !== 0 &&
|
||
|
|
!img.hasAttribute(attrname)
|
||
|
|
) {
|
||
|
|
img.setAttribute(attrname, attrib[attrname]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
img.className = options.className;
|
||
|
|
img.alt = alt;
|
||
|
|
img.src = src;
|
||
|
|
modified = true;
|
||
|
|
fragment.appendChild(img);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (!img) fragment.appendChild(createText(alt));
|
||
|
|
img = null;
|
||
|
|
}
|
||
|
|
// is there actually anything to replace in here ?
|
||
|
|
if (modified) {
|
||
|
|
// any text left to be added ?
|
||
|
|
if (i < text.length) {
|
||
|
|
fragment.appendChild(
|
||
|
|
createText(text.slice(i))
|
||
|
|
);
|
||
|
|
}
|
||
|
|
// replace the text node only, leave intact
|
||
|
|
// anything else surrounding such text
|
||
|
|
subnode.parentNode.replaceChild(fragment, subnode);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return node;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* String/HTML version of the same logic / parser:
|
||
|
|
* emojify a generic text placing images tags instead of surrogates pair.
|
||
|
|
* @param string generic string with possibly some emoji in it
|
||
|
|
* @param Object options containing info about how to parse
|
||
|
|
*
|
||
|
|
* .callback Function the callback to invoke per each found emoji.
|
||
|
|
* .base string the base url, by default twemoji.base
|
||
|
|
* .ext string the image extension, by default twemoji.ext
|
||
|
|
* .size string the assets size, by default twemoji.size
|
||
|
|
*
|
||
|
|
* @return the string with <img tags> replacing all found and parsed emoji
|
||
|
|
*/
|
||
|
|
function parseString(str, options) {
|
||
|
|
return replace(str, function (match, icon, variant) {
|
||
|
|
var
|
||
|
|
ret = match,
|
||
|
|
attrib,
|
||
|
|
attrname,
|
||
|
|
src;
|
||
|
|
// verify the variant is not the FE0E one
|
||
|
|
// this variant means "emoji as text" and should not
|
||
|
|
// require any action/replacement
|
||
|
|
// http://unicode.org/Public/UNIDATA/StandardizedVariants.html
|
||
|
|
if (variant !== '\uFE0E') {
|
||
|
|
src = options.callback(
|
||
|
|
grabTheRightIcon(icon, variant),
|
||
|
|
options,
|
||
|
|
variant
|
||
|
|
);
|
||
|
|
if (src) {
|
||
|
|
// recycle the match string replacing the emoji
|
||
|
|
// with its image counter part
|
||
|
|
ret = '<img '.concat(
|
||
|
|
'class="', options.className, '" ',
|
||
|
|
'draggable="false" ',
|
||
|
|
// needs to preserve user original intent
|
||
|
|
// when variants should be copied and pasted too
|
||
|
|
'alt="',
|
||
|
|
match,
|
||
|
|
'"',
|
||
|
|
' src="',
|
||
|
|
src,
|
||
|
|
'"'
|
||
|
|
);
|
||
|
|
attrib = options.attributes(icon, variant);
|
||
|
|
for (attrname in attrib) {
|
||
|
|
if (
|
||
|
|
attrib.hasOwnProperty(attrname) &&
|
||
|
|
// don't allow any handlers to be set + don't allow overrides
|
||
|
|
attrname.indexOf('on') !== 0 &&
|
||
|
|
ret.indexOf(' ' + attrname + '=') === -1
|
||
|
|
) {
|
||
|
|
ret = ret.concat(' ', attrname, '="', escapeHTML(attrib[attrname]), '"');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
ret = ret.concat('>');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return ret;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Function used to actually replace HTML special chars
|
||
|
|
* @param string HTML special char
|
||
|
|
* @return string encoded HTML special char
|
||
|
|
*/
|
||
|
|
function replacer(m) {
|
||
|
|
return escaper[m];
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Default options.attribute callback
|
||
|
|
* @return null
|
||
|
|
*/
|
||
|
|
function returnNull() {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Given a generic value, creates its squared counterpart if it's a number.
|
||
|
|
* As example, number 36 will return '36x36'.
|
||
|
|
* @param any a generic value.
|
||
|
|
* @return any a string representing asset size, i.e. "36x36"
|
||
|
|
* only in case the value was a number.
|
||
|
|
* Returns initial value otherwise.
|
||
|
|
*/
|
||
|
|
function toSizeSquaredAsset(value) {
|
||
|
|
return typeof value === 'number' ?
|
||
|
|
value + 'x' + value :
|
||
|
|
value;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/////////////////////////
|
||
|
|
// exported functions //
|
||
|
|
// declaration //
|
||
|
|
/////////////////////////
|
||
|
|
|
||
|
|
function fromCodePoint(codepoint) {
|
||
|
|
var code = typeof codepoint === 'string' ?
|
||
|
|
parseInt(codepoint, 16) : codepoint;
|
||
|
|
if (code < 0x10000) {
|
||
|
|
return fromCharCode(code);
|
||
|
|
}
|
||
|
|
code -= 0x10000;
|
||
|
|
return fromCharCode(
|
||
|
|
0xD800 + (code >> 10),
|
||
|
|
0xDC00 + (code & 0x3FF)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
function parse(what, how) {
|
||
|
|
if (!how || typeof how === 'function') {
|
||
|
|
how = {callback: how};
|
||
|
|
}
|
||
|
|
// if first argument is string, inject html <img> tags
|
||
|
|
// otherwise use the DOM tree and parse text nodes only
|
||
|
|
return (typeof what === 'string' ? parseString : parseNode)(what, {
|
||
|
|
callback: how.callback || defaultImageSrcGenerator,
|
||
|
|
attributes: typeof how.attributes === 'function' ? how.attributes : returnNull,
|
||
|
|
base: typeof how.base === 'string' ? how.base : twemoji.base,
|
||
|
|
ext: how.ext || twemoji.ext,
|
||
|
|
size: how.folder || toSizeSquaredAsset(how.size || twemoji.size),
|
||
|
|
className: how.className || twemoji.className,
|
||
|
|
onerror: how.onerror || twemoji.onerror
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function replace(text, callback) {
|
||
|
|
return String(text).replace(re, callback);
|
||
|
|
}
|
||
|
|
|
||
|
|
function test(text) {
|
||
|
|
// IE6 needs a reset before too
|
||
|
|
re.lastIndex = 0;
|
||
|
|
var result = re.test(text);
|
||
|
|
re.lastIndex = 0;
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
|
||
|
|
function toCodePoint(unicodeSurrogates, sep) {
|
||
|
|
var
|
||
|
|
r = [],
|
||
|
|
c = 0,
|
||
|
|
p = 0,
|
||
|
|
i = 0;
|
||
|
|
while (i < unicodeSurrogates.length) {
|
||
|
|
c = unicodeSurrogates.charCodeAt(i++);
|
||
|
|
if (p) {
|
||
|
|
r.push((0x10000 + ((p - 0xD800) << 10) + (c - 0xDC00)).toString(16));
|
||
|
|
p = 0;
|
||
|
|
} else if (0xD800 <= c && c <= 0xDBFF) {
|
||
|
|
p = c;
|
||
|
|
} else {
|
||
|
|
r.push(c.toString(16));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return r.join(sep || '-');
|
||
|
|
}
|
||
|
|
|
||
|
|
}());
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
if (window.Options && Options.get_tab('general')) {
|
||
|
|
Options.extend_tab("general",
|
||
|
|
"<fieldset><legend>Enable twemoji emoji to image fallback </legend>"
|
||
|
|
+ ("<label class='emojiimage-fallback' id='emojiimagefallback'><input type='checkbox' /> Enable twemoji image fallback</label>")
|
||
|
|
+ "</fieldset>");
|
||
|
|
}
|
||
|
|
|
||
|
|
$('.emojiimage-fallback').on('change', function(){
|
||
|
|
var setting = $(this).attr('id');
|
||
|
|
|
||
|
|
localStorage[setting] = $(this).children('input').is(':checked');
|
||
|
|
location.reload();
|
||
|
|
});
|
||
|
|
|
||
|
|
if (!localStorage.emojiimagefallback) {
|
||
|
|
localStorage.emojiimagefallback = 'false';
|
||
|
|
}
|
||
|
|
|
||
|
|
function getSetting(key) {
|
||
|
|
return (localStorage[key] == 'true');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (getSetting('emojiimagefallback')) $('#emojiimagefallback>input').prop('checked', 'checked');
|
||
|
|
|
||
|
|
function initEmojiFallback() {
|
||
|
|
if (!getSetting("emojiimagefallback")) {return;}
|
||
|
|
var twemoji_opts = {
|
||
|
|
callback: function(icon, options, variant) {
|
||
|
|
switch ( icon ) {
|
||
|
|
case 'a9': // copyright
|
||
|
|
case 'ae': // (R)
|
||
|
|
case '2122': // TM
|
||
|
|
case '25b6': // post filter
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
return ''.concat(options.base, options.size, '/', icon, options.ext);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
twemoji.parse(document.body, twemoji_opts);
|
||
|
|
$(document).on('new_post', function(e, post) {
|
||
|
|
twemoji.parse(post, twemoji_opts);
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
initEmojiFallback();
|
||
|
|
});
|