|
5
|
1 |
/*jslint indent: 2, browser: true, bitwise: true, plusplus: true */ |
|
|
2 |
var twemoji = (function ( |
|
|
3 |
/*! Copyright Twitter Inc. and other contributors. Licensed under MIT *//* |
|
|
4 |
https://github.com/twitter/twemoji/blob/gh-pages/LICENSE |
|
|
5 |
*/ |
|
|
6 |
|
|
|
7 |
// WARNING: this file is generated automatically via |
|
|
8 |
// `node twemoji-generator.js` |
|
|
9 |
// please update its `createTwemoji` function |
|
|
10 |
// at the bottom of the same file instead. |
|
|
11 |
|
|
|
12 |
) { |
|
|
13 |
'use strict'; |
|
|
14 |
|
|
|
15 |
/*jshint maxparams:4 */ |
|
|
16 |
|
|
|
17 |
var |
|
|
18 |
// the exported module object |
|
|
19 |
twemoji = { |
|
|
20 |
|
|
|
21 |
|
|
|
22 |
///////////////////////// |
|
|
23 |
// properties // |
|
|
24 |
///////////////////////// |
|
|
25 |
|
|
|
26 |
// default assets url, by default will be Twitter Inc. CDN |
|
|
27 |
base: (location.protocol === 'https:' ? 'https:' : 'http:') + |
|
|
28 |
'//twemoji.maxcdn.com/', |
|
|
29 |
|
|
|
30 |
// default assets file extensions, by default '.png' |
|
|
31 |
ext: '.png', |
|
|
32 |
|
|
|
33 |
// default assets/folder size, by default "36x36" |
|
|
34 |
// available via Twitter CDN: 16, 36, 72 |
|
|
35 |
size: '36x36', |
|
|
36 |
|
|
|
37 |
// default class name, by default 'emoji' |
|
|
38 |
className: 'emoji', |
|
|
39 |
|
|
|
40 |
// basic utilities / helpers to convert code points |
|
|
41 |
// to JavaScript surrogates and vice versa |
|
|
42 |
convert: { |
|
|
43 |
|
|
|
44 |
/** |
|
|
45 |
* Given an HEX codepoint, returns UTF16 surrogate pairs. |
|
|
46 |
* |
|
|
47 |
* @param string generic codepoint, i.e. '1F4A9' |
|
|
48 |
* @return string codepoint transformed into utf16 surrogates pair, |
|
|
49 |
* i.e. \uD83D\uDCA9 |
|
|
50 |
* |
|
|
51 |
* @example |
|
|
52 |
* twemoji.convert.fromCodePoint('1f1e8'); |
|
|
53 |
* // "\ud83c\udde8" |
|
|
54 |
* |
|
|
55 |
* '1f1e8-1f1f3'.split('-').map(twemoji.convert.fromCodePoint).join('') |
|
|
56 |
* // "\ud83c\udde8\ud83c\uddf3" |
|
|
57 |
*/ |
|
|
58 |
fromCodePoint: fromCodePoint, |
|
|
59 |
|
|
|
60 |
/** |
|
|
61 |
* Given UTF16 surrogate pairs, returns the equivalent HEX codepoint. |
|
|
62 |
* |
|
|
63 |
* @param string generic utf16 surrogates pair, i.e. \uD83D\uDCA9 |
|
|
64 |
* @param string optional separator for double code points, default='-' |
|
|
65 |
* @return string utf16 transformed into codepoint, i.e. '1F4A9' |
|
|
66 |
* |
|
|
67 |
* @example |
|
|
68 |
* twemoji.convert.toCodePoint('\ud83c\udde8\ud83c\uddf3'); |
|
|
69 |
* // "1f1e8-1f1f3" |
|
|
70 |
* |
|
|
71 |
* twemoji.convert.toCodePoint('\ud83c\udde8\ud83c\uddf3', '~'); |
|
|
72 |
* // "1f1e8~1f1f3" |
|
|
73 |
*/ |
|
|
74 |
toCodePoint: toCodePoint |
|
|
75 |
}, |
|
|
76 |
|
|
|
77 |
|
|
|
78 |
///////////////////////// |
|
|
79 |
// methods // |
|
|
80 |
///////////////////////// |
|
|
81 |
|
|
|
82 |
/** |
|
|
83 |
* User first: used to remove missing images |
|
|
84 |
* preserving the original text intent when |
|
|
85 |
* a fallback for network problems is desired. |
|
|
86 |
* Automatically added to Image nodes via DOM |
|
|
87 |
* It could be recycled for string operations via: |
|
|
88 |
* $('img.emoji').on('error', twemoji.onerror) |
|
|
89 |
*/ |
|
|
90 |
onerror: function onerror() { |
|
|
91 |
if (this.parentNode) { |
|
|
92 |
this.parentNode.replaceChild(createText(this.alt), this); |
|
|
93 |
} |
|
|
94 |
}, |
|
|
95 |
|
|
|
96 |
/** |
|
|
97 |
* Main method/logic to generate either <img> tags or HTMLImage nodes. |
|
|
98 |
* "emojify" a generic text or DOM Element. |
|
|
99 |
* |
|
|
100 |
* @overloads |
|
|
101 |
* |
|
|
102 |
* String replacement for `innerHTML` or server side operations |
|
|
103 |
* twemoji.parse(string); |
|
|
104 |
* twemoji.parse(string, Function); |
|
|
105 |
* twemoji.parse(string, Object); |
|
|
106 |
* |
|
|
107 |
* HTMLElement tree parsing for safer operations over existing DOM |
|
|
108 |
* twemoji.parse(HTMLElement); |
|
|
109 |
* twemoji.parse(HTMLElement, Function); |
|
|
110 |
* twemoji.parse(HTMLElement, Object); |
|
|
111 |
* |
|
|
112 |
* @param string|HTMLElement the source to parse and enrich with emoji. |
|
|
113 |
* |
|
|
114 |
* string replace emoji matches with <img> tags. |
|
|
115 |
* Mainly used to inject emoji via `innerHTML` |
|
|
116 |
* It does **not** parse the string or validate it, |
|
|
117 |
* it simply replaces found emoji with a tag. |
|
|
118 |
* NOTE: be sure this won't affect security. |
|
|
119 |
* |
|
|
120 |
* HTMLElement walk through the DOM tree and find emoji |
|
|
121 |
* that are inside **text node only** (nodeType === 3) |
|
|
122 |
* Mainly used to put emoji in already generated DOM |
|
|
123 |
* without compromising surrounding nodes and |
|
|
124 |
* **avoiding** the usage of `innerHTML`. |
|
|
125 |
* NOTE: Using DOM elements instead of strings should |
|
|
126 |
* improve security without compromising too much |
|
|
127 |
* performance compared with a less safe `innerHTML`. |
|
|
128 |
* |
|
|
129 |
* @param Function|Object [optional] |
|
|
130 |
* either the callback that will be invoked or an object |
|
|
131 |
* with all properties to use per each found emoji. |
|
|
132 |
* |
|
|
133 |
* Function if specified, this will be invoked per each emoji |
|
|
134 |
* that has been found through the RegExp except |
|
|
135 |
* those follwed by the invariant \uFE0E ("as text"). |
|
|
136 |
* Once invoked, parameters will be: |
|
|
137 |
* |
|
|
138 |
* codePoint:string the lower case HEX code point |
|
|
139 |
* i.e. "1f4a9" |
|
|
140 |
* |
|
|
141 |
* options:Object all info for this parsing operation |
|
|
142 |
* |
|
|
143 |
* variant:char the optional \uFE0F ("as image") |
|
|
144 |
* variant, in case this info |
|
|
145 |
* is anyhow meaningful. |
|
|
146 |
* By default this is ignored. |
|
|
147 |
* |
|
|
148 |
* If such callback will return a falsy value instead |
|
|
149 |
* of a valid `src` to use for the image, nothing will |
|
|
150 |
* actually change for that specific emoji. |
|
|
151 |
* |
|
|
152 |
* |
|
|
153 |
* Object if specified, an object containing the following properties |
|
|
154 |
* |
|
|
155 |
* callback Function the callback to invoke per each found emoji. |
|
|
156 |
* base string the base url, by default twemoji.base |
|
|
157 |
* ext string the image extension, by default twemoji.ext |
|
|
158 |
* size string the assets size, by default twemoji.size |
|
|
159 |
* |
|
|
160 |
* @example |
|
|
161 |
* |
|
|
162 |
* twemoji.parse("I \u2764\uFE0F emoji!"); |
|
|
163 |
* // I <img class="emoji" draggable="false" alt="❤️" src="/assets/2764.gif"> emoji! |
|
|
164 |
* |
|
|
165 |
* |
|
|
166 |
* twemoji.parse("I \u2764\uFE0F emoji!", function(icon, options, variant) { |
|
|
167 |
* return '/assets/' + icon + '.gif'; |
|
|
168 |
* }); |
|
|
169 |
* // I <img class="emoji" draggable="false" alt="❤️" src="/assets/2764.gif"> emoji! |
|
|
170 |
* |
|
|
171 |
* |
|
|
172 |
* twemoji.parse("I \u2764\uFE0F emoji!", { |
|
|
173 |
* size: 72, |
|
|
174 |
* callback: function(icon, options, variant) { |
|
|
175 |
* return '/assets/' + options.size + '/' + icon + options.ext; |
|
|
176 |
* } |
|
|
177 |
* }); |
|
|
178 |
* // I <img class="emoji" draggable="false" alt="❤️" src="/assets/72x72/2764.png"> emoji! |
|
|
179 |
* |
|
|
180 |
*/ |
|
|
181 |
parse: parse, |
|
|
182 |
|
|
|
183 |
/** |
|
|
184 |
* Given a string, invokes the callback argument |
|
|
185 |
* per each emoji found in such string. |
|
|
186 |
* This is the most raw version used by |
|
|
187 |
* the .parse(string) method itself. |
|
|
188 |
* |
|
|
189 |
* @param string generic string to parse |
|
|
190 |
* @param Function a generic callback that will be |
|
|
191 |
* invoked to replace the content. |
|
|
192 |
* This calback wil receive standard |
|
|
193 |
* String.prototype.replace(str, callback) |
|
|
194 |
* arguments such: |
|
|
195 |
* callback( |
|
|
196 |
* match, // the emoji match |
|
|
197 |
* icon, // the emoji text (same as text) |
|
|
198 |
* variant // either '\uFE0E' or '\uFE0F', if present |
|
|
199 |
* ); |
|
|
200 |
* |
|
|
201 |
* and others commonly received via replace. |
|
|
202 |
* |
|
|
203 |
* NOTE: When the variant \uFE0E is found, remember this is an explicit intent |
|
|
204 |
* from the user: the emoji should **not** be replaced with an image. |
|
|
205 |
* In \uFE0F case one, it's the opposite, it should be graphic. |
|
|
206 |
* This utility convetion is that only \uFE0E are not translated into images. |
|
|
207 |
*/ |
|
|
208 |
replace: replace, |
|
|
209 |
|
|
|
210 |
/** |
|
|
211 |
* Simplify string tests against emoji. |
|
|
212 |
* |
|
|
213 |
* @param string some text that might contain emoji |
|
|
214 |
* @return boolean true if any emoji was found, false otherwise. |
|
|
215 |
* |
|
|
216 |
* @example |
|
|
217 |
* |
|
|
218 |
* if (twemoji.test(someContent)) { |
|
|
219 |
* console.log("emoji All The Things!"); |
|
|
220 |
* } |
|
|
221 |
*/ |
|
|
222 |
test: test |
|
|
223 |
}, |
|
|
224 |
|
|
|
225 |
// RegExp based on emoji's official Unicode standards |
|
|
226 |
// http://www.unicode.org/Public/UNIDATA/EmojiSources.txt |
|
|
227 |
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\udd70|\ud83c\udd71|\ud83c\udd7e|\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\ude02|\ud83c\ude32|\ud83c\ude33|\ud83c\ude34|\ud83c\ude35|\ud83c\ude36|\ud83c\ude37|\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\udfb6|\ud83c\udfb7|\ud83c\udfb8|\ud83c\udfb9|\ud83c\udfba|\ud83c\udfbb|\ud83c\udfbc|\ud83c\udfbd|\ud83c\udfbe|\ud83c\udfbf|\ud83c\udfc0|\ud83c\udfc1|\ud83c\udfc2|\ud83c\udfc3|\ud83c\udfc4|\ud83c\udfc6|\ud83c\udfc8|\ud83c\udfca|\ud83c\udfe0|\ud83c\udfe1|\ud83c\udfe2|\ud83c\udfe3|\ud83c\udfe5|\ud83c\udfe6|\ud83c\udfe7|\ud83c\udfe8|\ud83c\udfe9|\ud83c\udfea|\ud83c\udfeb|\ud83c\udfec|\ud83c\udfed|\ud83c\udfee|\ud83c\udfef|\ud83c\udff0|\ud83d\udc0c|\ud83d\udc0d|\ud83d\udc0e|\ud83d\udc11|\ud83d\udc12|\ud83d\udc14|\ud83d\udc17|\ud83d\udc18|\ud83d\udc19|\ud83d\udc1a|\ud83d\udc1b|\ud83d\udc1c|\ud83d\udc1d|\ud83d\udc1e|\ud83d\udc1f|\ud83d\udc20|\ud83d\udc21|\ud83d\udc22|\ud83d\udc23|\ud83d\udc24|\ud83d\udc25|\ud83d\udc26|\ud83d\udc27|\ud83d\udc28|\ud83d\udc29|\ud83d\udc2b|\ud83d\udc2c|\ud83d\udc2d|\ud83d\udc2e|\ud83d\udc2f|\ud83d\udc30|\ud83d\udc31|\ud83d\udc32|\ud83d\udc33|\ud83d\udc34|\ud83d\udc35|\ud83d\udc36|\ud83d\udc37|\ud83d\udc38|\ud83d\udc39|\ud83d\udc3a|\ud83d\udc3b|\ud83d\udc3c|\ud83d\udc3d|\ud83d\udc3e|\ud83d\udc40|\ud83d\udc42|\ud83d\udc43|\ud83d\udc44|\ud83d\udc45|\ud83d\udc46|\ud83d\udc47|\ud83d\udc48|\ud83d\udc49|\ud83d\udc4a|\ud83d\udc4b|\ud83d\udc4c|\ud83d\udc4d|\ud83d\udc4e|\ud83d\udc4f|\ud83d\udc50|\ud83d\udc51|\ud83d\udc52|\ud83d\udc53|\ud83d\udc54|\ud83d\udc55|\ud83d\udc56|\ud83d\udc57|\ud83d\udc58|\ud83d\udc59|\ud83d\udc5a|\ud83d\udc5b|\ud83d\udc5c|\ud83d\udc5d|\ud83d\udc5e|\ud83d\udc5f|\ud83d\udc60|\ud83d\udc61|\ud83d\udc62|\ud83d\udc63|\ud83d\udc64|\ud83d\udc66|\ud83d\udc67|\ud83d\udc68|\ud83d\udc69|\ud83d\udc6a|\ud83d\udc6b|\ud83d\udc6e|\ud83d\udc6f|\ud83d\udc70|\ud83d\udc71|\ud83d\udc72|\ud83d\udc73|\ud83d\udc74|\ud83d\udc75|\ud83d\udc76|\ud83d\udeb4|\ud83d\udc78|\ud83d\udc79|\ud83d\udc7a|\ud83d\udc7b|\ud83d\udc7c|\ud83d\udc7d|\ud83d\udc7e|\ud83d\udc7f|\ud83d\udc80|\ud83d\udc81|\ud83d\udc82|\ud83d\udc83|\ud83d\udc84|\ud83d\udc85|\ud83d\udc86|\ud83d\udc87|\ud83d\udc88|\ud83d\udc89|\ud83d\udc8a|\ud83d\udc8b|\ud83d\udc8c|\ud83d\udc8d|\ud83d\udc8e|\ud83d\udc8f|\ud83d\udc90|\ud83d\udc91|\ud83d\udc92|\ud83d\udc93|\ud83d\udc94|\ud83d\udc95|\ud83d\udc96|\ud83d\udc97|\ud83d\udc98|\ud83d\udc99|\ud83d\udc9a|\ud83d\udc9b|\ud83d\udc9c|\ud83d\udc9d|\ud83d\udc9e|\ud83d\udc9f|\ud83d\udca0|\ud83d\udca1|\ud83d\udca2|\ud83d\udca3|\ud83d\udca4|\ud83d\udca5|\ud83d\udca6|\ud83d\udca7|\ud83d\udca8|\ud83d\udca9|\ud83d\udcaa|\ud83d\udcab|\ud83d\udcac|\ud83d\udcae|\ud83d\udcaf|\ud83d\udcb0|\ud83d\udcb1|\ud83d\udcb2|\ud83d\udcb3|\ud83d\udcb4|\ud83d\udcb5|\ud83d\udcb8|\ud83d\udcb9|\ud83d\udcba|\ud83d\udcbb|\ud83d\udcbc|\ud83d\udcbd|\ud83d\udcbe|\ud83d\udcbf|\ud83d\udcc0|\ud83d\udcc1|\ud83d\udcc2|\ud83d\udcc3|\ud83d\udcc4|\ud83d\udcc5|\ud83d\udcc6|\ud83d\udcc7|\ud83d\udcc8|\ud83d\udcc9|\ud83d\udcca|\ud83d\udccb|\ud83d\udccc|\ud83d\udccd|\ud83d\udcce|\ud83d\udccf|\ud83d\udcd0|\ud83d\udcd1|\ud83d\udcd2|\ud83d\udcd3|\ud83d\udcd4|\ud83d\udcd5|\ud83d\udcd6|\ud83d\udcd7|\ud83d\udcd8|\ud83d\udcd9|\ud83d\udcda|\ud83d\udcdb|\ud83d\udcdc|\ud83d\udcdd|\ud83d\udcde|\ud83d\udcdf|\ud83d\udce0|\ud83d\udce1|\ud83d\udce2|\ud83d\udce3|\ud83d\udce4|\ud83d\udce5|\ud83d\udce6|\ud83d\udce7|\ud83d\udce8|\ud83d\udce9|\ud83d\udcea|\ud83d\udceb|\ud83d\udcee|\ud83d\udcf0|\ud83d\udcf1|\ud83d\udcf2|\ud83d\udcf3|\ud83d\udcf4|\ud83d\udcf6|\ud83d\udcf7|\ud83d\udcf9|\ud83d\udcfa|\ud83d\udcfb|\ud83d\udcfc|\ud83d\udd03|\ud83d\udd0a|\ud83d\udd0b|\ud83d\udd0c|\ud83d\udd0d|\ud83d\udd0e|\ud83d\udd0f|\ud83d\udd10|\ud83d\udd11|\ud83d\udd12|\ud83d\udd13|\ud83d\udd14|\ud83d\udd16|\ud83d\udd17|\ud83d\udd18|\ud83d\udd19|\ud83d\udd1a|\ud83d\udd1b|\ud83d\udd1c|\ud83d\udd1d|\ud83d\udd1e|\ud83d\udd1f|\ud83d\udd20|\ud83d\udd21|\ud83d\udd22|\ud83d\udd23|\ud83d\udd24|\ud83d\udd25|\ud83d\udd26|\ud83d\udd27|\ud83d\udd28|\ud83d\udd29|\ud83d\udd2a|\ud83d\udd2b|\ud83d\udd2e|\ud83d\udd2f|\ud83d\udd30|\ud83d\udd31|\ud83d\udd32|\ud83d\udd33|\ud83d\udd34|\ud83d\udd35|\ud83d\udd36|\ud83d\udd37|\ud83d\udd38|\ud83d\udd39|\ud83d\udd3a|\ud83d\udd3b|\ud83d\udd3c|\ud83d\udd3d|\ud83d\udd50|\ud83d\udd51|\ud83d\udd52|\ud83d\udd53|\ud83d\udd54|\ud83d\udd55|\ud83d\udd56|\ud83d\udd57|\ud83d\udd58|\ud83d\udd59|\ud83d\udd5a|\ud83d\udd5b|\ud83d\uddfb|\ud83d\uddfc|\ud83d\uddfd|\ud83d\uddfe|\ud83d\uddff|\ud83d\ude01|\ud83d\ude02|\ud83d\ude03|\ud83d\ude04|\ud83d\ude05|\ud83d\ude06|\ud83d\ude09|\ud83d\ude0a|\ud83d\ude0b|\ud83d\ude0c|\ud83d\ude0d|\ud83d\ude0f|\ud83d\ude12|\ud83d\ude13|\ud83d\ude14|\ud83d\ude16|\ud83d\ude18|\ud83d\ude1a|\ud83d\ude1c|\ud83d\ude1d|\ud83d\ude1e|\ud83d\ude20|\ud83d\ude21|\ud83d\ude22|\ud83d\ude23|\ud83d\ude24|\ud83d\ude25|\ud83d\ude28|\ud83d\ude29|\ud83d\ude2a|\ud83d\ude2b|\ud83d\ude2d|\ud83d\ude30|\ud83d\ude31|\ud83d\ude32|\ud83d\ude33|\ud83d\ude35|\ud83d\ude37|\ud83d\ude38|\ud83d\ude39|\ud83d\ude3a|\ud83d\ude3b|\ud83d\ude3c|\ud83d\ude3d|\ud83d\ude3e|\ud83d\ude3f|\ud83d\ude40|\ud83d\ude45|\ud83d\ude46|\ud83d\ude47|\ud83d\ude48|\ud83d\ude49|\ud83d\ude4a|\ud83d\ude4b|\ud83d\ude4c|\ud83d\ude4d|\ud83d\ude4e|\ud83d\ude4f|\ud83d\ude80|\ud83d\ude83|\ud83d\ude84|\ud83d\ude85|\ud83d\ude87|\ud83d\ude89|\ud83d\ude8c|\ud83d\ude8f|\ud83d\ude91|\ud83d\ude92|\ud83d\ude93|\ud83d\ude95|\ud83d\ude97|\ud83d\ude99|\ud83d\ude9a|\ud83d\udea2|\ud83d\udea4|\ud83d\udea5|\ud83d\udea7|\ud83d\udea8|\ud83d\udea9|\ud83d\udeaa|\ud83d\udeab|\ud83d\udeac|\ud83d\udead|\ud83d\udeb2|\ud83d\udeb6|\ud83d\udeb9|\ud83d\udeba|\ud83d\udebb|\ud83d\udebc|\ud83d\udebd|\ud83d\udebe|\ud83d\udec0|\ud83c\udde6|\ud83c\udde7|\ud83c\udde8|\ud83c\udde9|\ud83c\uddea|\ud83c\uddeb|\ud83c\uddec|\ud83c\udded|\ud83c\uddee|\ud83c\uddef|\ud83c\uddf0|\ud83c\uddf1|\ud83c\uddf2|\ud83c\uddf3|\ud83c\uddf4|\ud83c\uddf5|\ud83c\uddf6|\ud83c\uddf7|\ud83c\uddf8|\ud83c\uddf9|\ud83c\uddfa|\ud83c\uddfb|\ud83c\uddfc|\ud83c\uddfd|\ud83c\uddfe|\ud83c\uddff|\ud83c\udf0d|\ud83c\udf0e|\ud83c\udf10|\ud83c\udf12|\ud83c\udf16|\ud83c\udf17|\ue50a|\u3030|\u27b0|\u2797|\u2796|\u2795|\u2755|\u2754|\u2753|\u274e|\u274c|\u2728|\u270b|\u270a|\u2705|\u26ce|\u23f3|\u23f0|\u23ec|\u23eb|\u23ea|\u23e9|\u2122|\u27bf|\u00a9|\u00ae)|(?:(?:\ud83c\udc04|\ud83c\udd7f|\ud83c\ude1a|\ud83c\ude2f|\u3299|\u303d|\u2b55|\u2b50|\u2b1c|\u2b1b|\u2b07|\u2b06|\u2b05|\u2935|\u2934|\u27a1|\u2764|\u2757|\u2747|\u2744|\u2734|\u2733|\u2716|\u2714|\u2712|\u270f|\u270c|\u2709|\u2708|\u2702|\u26fd|\u26fa|\u26f5|\u26f3|\u26f2|\u26ea|\u26d4|\u26c5|\u26c4|\u26be|\u26bd|\u26ab|\u26aa|\u26a1|\u26a0|\u2693|\u267f|\u267b|\u3297|\u2666|\u2665|\u2663|\u2660|\u2653|\u2652|\u2651|\u2650|\u264f|\u264e|\u264d|\u264c|\u264b|\u264a|\u2649|\u2648|\u263a|\u261d|\u2615|\u2614|\u2611|\u260e|\u2601|\u2600|\u25fe|\u25fd|\u25fc|\u25fb|\u25c0|\u25b6|\u25ab|\u25aa|\u24c2|\u231b|\u231a|\u21aa|\u21a9|\u2199|\u2198|\u2197|\u2196|\u2195|\u2194|\u2139|\u2049|\u203c|\u2668)([\uFE0E\uFE0F]?)))/g, |
|
|
228 |
|
|
|
229 |
// nodes with type 1 which should **not** be parsed |
|
|
230 |
shouldntBeParsed = /IFRAME|NOFRAMES|NOSCRIPT|SCRIPT|SELECT|STYLE|TEXTAREA/, |
|
|
231 |
|
|
|
232 |
// just a private shortcut |
|
|
233 |
fromCharCode = String.fromCharCode; |
|
|
234 |
|
|
|
235 |
return twemoji; |
|
|
236 |
|
|
|
237 |
|
|
|
238 |
///////////////////////// |
|
|
239 |
// private functions // |
|
|
240 |
// declaration // |
|
|
241 |
///////////////////////// |
|
|
242 |
|
|
|
243 |
/** |
|
|
244 |
* Shortcut to create text nodes |
|
|
245 |
* @param string text used to create DOM text node |
|
|
246 |
* @return Node a DOM node with that text |
|
|
247 |
*/ |
|
|
248 |
function createText(text) { |
|
|
249 |
return document.createTextNode(text); |
|
|
250 |
} |
|
|
251 |
|
|
|
252 |
/** |
|
|
253 |
* Default callback used to generate emoji src |
|
|
254 |
* based on Twitter CDN |
|
|
255 |
* @param string the emoji codepoint string |
|
|
256 |
* @param string the default size to use, i.e. "36x36" |
|
|
257 |
* @param string optional "\uFE0F" variant char, ignored by default |
|
|
258 |
* @return string the image source to use |
|
|
259 |
*/ |
|
|
260 |
function defaultImageSrcGenerator(icon, options) { |
|
|
261 |
return ''.concat(options.base, options.size, '/', icon, options.ext); |
|
|
262 |
} |
|
|
263 |
|
|
|
264 |
/** |
|
|
265 |
* Given a generic DOM nodeType 1, walk through all children |
|
|
266 |
* and store every nodeType 3 (#text) found in the tree. |
|
|
267 |
* @param Element a DOM Element with probably some text in it |
|
|
268 |
* @param Array the list of previously discovered text nodes |
|
|
269 |
* @return Array same list with new discovered nodes, if any |
|
|
270 |
*/ |
|
|
271 |
function grabAllTextNodes(node, allText) { |
|
|
272 |
var |
|
|
273 |
childNodes = node.childNodes, |
|
|
274 |
length = childNodes.length, |
|
|
275 |
subnode, |
|
|
276 |
nodeType; |
|
|
277 |
while (length--) { |
|
|
278 |
subnode = childNodes[length]; |
|
|
279 |
nodeType = subnode.nodeType; |
|
|
280 |
// parse emoji only in text nodes |
|
|
281 |
if (nodeType === 3) { |
|
|
282 |
// collect them to process emoji later |
|
|
283 |
allText.push(subnode); |
|
|
284 |
} |
|
|
285 |
// ignore all nodes that are not type 1 or that |
|
|
286 |
// should not be parsed as script, style, and others |
|
|
287 |
else if (nodeType === 1 && !shouldntBeParsed.test(subnode.nodeName)) { |
|
|
288 |
grabAllTextNodes(subnode, allText); |
|
|
289 |
} |
|
|
290 |
} |
|
|
291 |
return allText; |
|
|
292 |
} |
|
|
293 |
|
|
|
294 |
/** |
|
|
295 |
* Used to both remove the possible variant |
|
|
296 |
* and to convert utf16 into code points |
|
|
297 |
* @param string the emoji surrogate pair |
|
|
298 |
* @param string the optional variant char, if any |
|
|
299 |
*/ |
|
|
300 |
function grabTheRightIcon(icon, variant) { |
|
|
301 |
// if variant is present as \uFE0F |
|
|
302 |
return toCodePoint( |
|
|
303 |
variant === '\uFE0F' ? |
|
|
304 |
// the icon should not contain it |
|
|
305 |
icon.slice(0, -1) : |
|
|
306 |
// fix non standard OSX behavior |
|
|
307 |
(icon.length === 3 && icon.charAt(1) === '\uFE0F' ? |
|
|
308 |
icon.charAt(0) + icon.charAt(2) : icon) |
|
|
309 |
); |
|
|
310 |
} |
|
|
311 |
|
|
|
312 |
/** |
|
|
313 |
* DOM version of the same logic / parser: |
|
|
314 |
* emojify all found sub-text nodes placing images node instead. |
|
|
315 |
* @param Element generic DOM node with some text in some child node |
|
|
316 |
* @param Object options containing info about how to parse |
|
|
317 |
* |
|
|
318 |
* .callback Function the callback to invoke per each found emoji. |
|
|
319 |
* .base string the base url, by default twemoji.base |
|
|
320 |
* .ext string the image extension, by default twemoji.ext |
|
|
321 |
* .size string the assets size, by default twemoji.size |
|
|
322 |
* |
|
|
323 |
* @return Element same generic node with emoji in place, if any. |
|
|
324 |
*/ |
|
|
325 |
function parseNode(node, options) { |
|
|
326 |
var |
|
|
327 |
allText = grabAllTextNodes(node, []), |
|
|
328 |
length = allText.length, |
|
|
329 |
modified, |
|
|
330 |
fragment, |
|
|
331 |
subnode, |
|
|
332 |
text, |
|
|
333 |
match, |
|
|
334 |
i, |
|
|
335 |
index, |
|
|
336 |
img, |
|
|
337 |
alt, |
|
|
338 |
icon, |
|
|
339 |
variant, |
|
|
340 |
src, |
|
|
341 |
attr; |
|
|
342 |
while (length--) { |
|
|
343 |
modified = false; |
|
|
344 |
fragment = document.createDocumentFragment(); |
|
|
345 |
subnode = allText[length]; |
|
|
346 |
text = subnode.nodeValue; |
|
|
347 |
i = 0; |
|
|
348 |
while ((match = re.exec(text))) { |
|
|
349 |
index = match.index; |
|
|
350 |
if (index !== i) { |
|
|
351 |
fragment.appendChild( |
|
|
352 |
createText(text.slice(i, index)) |
|
|
353 |
); |
|
|
354 |
} |
|
|
355 |
alt = match[0]; |
|
|
356 |
icon = match[1]; |
|
|
357 |
variant = match[2]; |
|
|
358 |
i = index + alt.length; |
|
|
359 |
if (variant !== '\uFE0E') { |
|
|
360 |
src = options.callback( |
|
|
361 |
grabTheRightIcon(icon, variant), |
|
|
362 |
options, |
|
|
363 |
variant |
|
|
364 |
); |
|
|
365 |
if (src) { |
|
|
366 |
img = new Image(); |
|
|
367 |
|
|
|
368 |
// Set additional image attributes. |
|
|
369 |
if ( options.imgAttr ) { |
|
|
370 |
for ( attr in options.imgAttr ) { |
|
|
371 |
img.setAttribute( attr, options.imgAttr[attr] ); |
|
|
372 |
} |
|
|
373 |
} |
|
|
374 |
|
|
|
375 |
img.onerror = twemoji.onerror; |
|
|
376 |
img.className = options.className; |
|
|
377 |
img.setAttribute('draggable', 'false'); |
|
|
378 |
img.alt = alt; |
|
|
379 |
img.src = src; |
|
|
380 |
modified = true; |
|
|
381 |
fragment.appendChild(img); |
|
|
382 |
} |
|
|
383 |
} |
|
|
384 |
if (!img) fragment.appendChild(createText(alt)); |
|
|
385 |
img = null; |
|
|
386 |
} |
|
|
387 |
// is there actually anything to replace in here ? |
|
|
388 |
if (modified) { |
|
|
389 |
// any text left to be added ? |
|
|
390 |
if (i < text.length) { |
|
|
391 |
fragment.appendChild( |
|
|
392 |
createText(text.slice(i)) |
|
|
393 |
); |
|
|
394 |
} |
|
|
395 |
// replace the text node only, leave intact |
|
|
396 |
// anything else surrounding such text |
|
|
397 |
subnode.parentNode.replaceChild(fragment, subnode); |
|
|
398 |
} |
|
|
399 |
} |
|
|
400 |
return node; |
|
|
401 |
} |
|
|
402 |
|
|
|
403 |
/** |
|
|
404 |
* String/HTML version of the same logic / parser: |
|
|
405 |
* emojify a generic text placing images tags instead of surrogates pair. |
|
|
406 |
* @param string generic string with possibly some emoji in it |
|
|
407 |
* @param Object options containing info about how to parse |
|
|
408 |
* |
|
|
409 |
* .callback Function the callback to invoke per each found emoji. |
|
|
410 |
* .base string the base url, by default twemoji.base |
|
|
411 |
* .ext string the image extension, by default twemoji.ext |
|
|
412 |
* .size string the assets size, by default twemoji.size |
|
|
413 |
* |
|
|
414 |
* @return the string with <img tags> replacing all found and parsed emoji |
|
|
415 |
*/ |
|
|
416 |
function parseString(str, options) { |
|
|
417 |
return replace(str, function (match, icon, variant) { |
|
|
418 |
var src, attr, attributes = ''; |
|
|
419 |
// verify the variant is not the FE0E one |
|
|
420 |
// this variant means "emoji as text" and should not |
|
|
421 |
// require any action/replacement |
|
|
422 |
// http://unicode.org/Public/UNIDATA/StandardizedVariants.html |
|
|
423 |
if (variant !== '\uFE0E') { |
|
|
424 |
src = options.callback( |
|
|
425 |
grabTheRightIcon(icon, variant), |
|
|
426 |
options, |
|
|
427 |
variant |
|
|
428 |
); |
|
|
429 |
if (src) { |
|
|
430 |
// Set additional image attributes. |
|
|
431 |
if ( options.imgAttr ) { |
|
|
432 |
for ( attr in options.imgAttr ) { |
|
|
433 |
if ( ! /draggable|class|alt|src/i.test( attr ) ) { |
|
|
434 |
attributes += ' '.concat( attr, '="', options.imgAttr[attr], '"' ); |
|
|
435 |
} |
|
|
436 |
} |
|
|
437 |
} |
|
|
438 |
|
|
|
439 |
// recycle the match string replacing the emoji |
|
|
440 |
// with its image counter part |
|
|
441 |
match = '<img '.concat( |
|
|
442 |
'class="', options.className, '" ', |
|
|
443 |
'draggable="false" ', |
|
|
444 |
// needs to preserve user original intent |
|
|
445 |
// when variants should be copied and pasted too |
|
|
446 |
'alt="', |
|
|
447 |
match, |
|
|
448 |
'" ', |
|
|
449 |
'src="', |
|
|
450 |
src, |
|
|
451 |
'"', |
|
|
452 |
attributes, |
|
|
453 |
'>' |
|
|
454 |
); |
|
|
455 |
} |
|
|
456 |
} |
|
|
457 |
return match; |
|
|
458 |
}); |
|
|
459 |
} |
|
|
460 |
|
|
|
461 |
/** |
|
|
462 |
* Given a generic value, creates its squared counterpart if it's a number. |
|
|
463 |
* As example, number 36 will return '36x36'. |
|
|
464 |
* @param any a generic value. |
|
|
465 |
* @return any a string representing asset size, i.e. "36x36" |
|
|
466 |
* only in case the value was a number. |
|
|
467 |
* Returns initial value otherwise. |
|
|
468 |
*/ |
|
|
469 |
function toSizeSquaredAsset(value) { |
|
|
470 |
return typeof value === 'number' ? |
|
|
471 |
value + 'x' + value : |
|
|
472 |
value; |
|
|
473 |
} |
|
|
474 |
|
|
|
475 |
|
|
|
476 |
///////////////////////// |
|
|
477 |
// exported functions // |
|
|
478 |
// declaration // |
|
|
479 |
///////////////////////// |
|
|
480 |
|
|
|
481 |
function fromCodePoint(codepoint) { |
|
|
482 |
var code = typeof codepoint === 'string' ? |
|
|
483 |
parseInt(codepoint, 16) : codepoint; |
|
|
484 |
if (code < 0x10000) { |
|
|
485 |
return fromCharCode(code); |
|
|
486 |
} |
|
|
487 |
code -= 0x10000; |
|
|
488 |
return fromCharCode( |
|
|
489 |
0xD800 + (code >> 10), |
|
|
490 |
0xDC00 + (code & 0x3FF) |
|
|
491 |
); |
|
|
492 |
} |
|
|
493 |
|
|
|
494 |
function parse(what, how) { |
|
|
495 |
if (!how || typeof how === 'function') { |
|
|
496 |
how = {callback: how}; |
|
|
497 |
} |
|
|
498 |
// if first argument is string, inject html <img> tags |
|
|
499 |
// otherwise use the DOM tree and parse text nodes only |
|
|
500 |
return (typeof what === 'string' ? parseString : parseNode)(what, { |
|
|
501 |
callback: how.callback || defaultImageSrcGenerator, |
|
|
502 |
base: typeof how.base === 'string' ? how.base : twemoji.base, |
|
|
503 |
ext: how.ext || twemoji.ext, |
|
|
504 |
size: how.folder || toSizeSquaredAsset(how.size || twemoji.size), |
|
|
505 |
className:how.className || twemoji.className, |
|
|
506 |
imgAttr: how.imgAttr |
|
|
507 |
}); |
|
|
508 |
} |
|
|
509 |
|
|
|
510 |
function replace(text, callback) { |
|
|
511 |
return String(text).replace(re, callback); |
|
|
512 |
} |
|
|
513 |
|
|
|
514 |
function test(text) { |
|
|
515 |
// IE6 needs a reset before too |
|
|
516 |
re.lastIndex = 0; |
|
|
517 |
var result = re.test(text); |
|
|
518 |
re.lastIndex = 0; |
|
|
519 |
return result; |
|
|
520 |
} |
|
|
521 |
|
|
|
522 |
function toCodePoint(unicodeSurrogates, sep) { |
|
|
523 |
var |
|
|
524 |
r = [], |
|
|
525 |
c = 0, |
|
|
526 |
p = 0, |
|
|
527 |
i = 0; |
|
|
528 |
while (i < unicodeSurrogates.length) { |
|
|
529 |
c = unicodeSurrogates.charCodeAt(i++); |
|
|
530 |
if (p) { |
|
|
531 |
r.push((0x10000 + ((p - 0xD800) << 10) + (c - 0xDC00)).toString(16)); |
|
|
532 |
p = 0; |
|
|
533 |
} else if (0xD800 <= c && c <= 0xDBFF) { |
|
|
534 |
p = c; |
|
|
535 |
} else { |
|
|
536 |
r.push(c.toString(16)); |
|
|
537 |
} |
|
|
538 |
} |
|
|
539 |
return r.join(sep || '-'); |
|
|
540 |
} |
|
|
541 |
|
|
|
542 |
}()); |