twemoji.js (31964B)
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 scripts/build.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: 'https://twemoji.maxcdn.com/v/13.1.0/', 28 29 // default assets file extensions, by default '.png' 30 ext: '.png', 31 32 // default assets/folder size, by default "72x72" 33 // available via Twitter CDN: 72 34 size: '72x72', 35 36 // default class name, by default 'emoji' 37 className: 'emoji', 38 39 // basic utilities / helpers to convert code points 40 // to JavaScript surrogates and vice versa 41 convert: { 42 43 /** 44 * Given an HEX codepoint, returns UTF16 surrogate pairs. 45 * 46 * @param string generic codepoint, i.e. '1F4A9' 47 * @return string codepoint transformed into utf16 surrogates pair, 48 * i.e. \uD83D\uDCA9 49 * 50 * @example 51 * twemoji.convert.fromCodePoint('1f1e8'); 52 * // "\ud83c\udde8" 53 * 54 * '1f1e8-1f1f3'.split('-').map(twemoji.convert.fromCodePoint).join('') 55 * // "\ud83c\udde8\ud83c\uddf3" 56 */ 57 fromCodePoint: fromCodePoint, 58 59 /** 60 * Given UTF16 surrogate pairs, returns the equivalent HEX codepoint. 61 * 62 * @param string generic utf16 surrogates pair, i.e. \uD83D\uDCA9 63 * @param string optional separator for double code points, default='-' 64 * @return string utf16 transformed into codepoint, i.e. '1F4A9' 65 * 66 * @example 67 * twemoji.convert.toCodePoint('\ud83c\udde8\ud83c\uddf3'); 68 * // "1f1e8-1f1f3" 69 * 70 * twemoji.convert.toCodePoint('\ud83c\udde8\ud83c\uddf3', '~'); 71 * // "1f1e8~1f1f3" 72 */ 73 toCodePoint: toCodePoint 74 }, 75 76 77 ///////////////////////// 78 // methods // 79 ///////////////////////// 80 81 /** 82 * User first: used to remove missing images 83 * preserving the original text intent when 84 * a fallback for network problems is desired. 85 * Automatically added to Image nodes via DOM 86 * It could be recycled for string operations via: 87 * $('img.emoji').on('error', twemoji.onerror) 88 */ 89 onerror: function onerror() { 90 if (this.parentNode) { 91 this.parentNode.replaceChild(createText(this.alt, false), this); 92 } 93 }, 94 95 /** 96 * Main method/logic to generate either <img> tags or HTMLImage nodes. 97 * "emojify" a generic text or DOM Element. 98 * 99 * @overloads 100 * 101 * String replacement for `innerHTML` or server side operations 102 * twemoji.parse(string); 103 * twemoji.parse(string, Function); 104 * twemoji.parse(string, Object); 105 * 106 * HTMLElement tree parsing for safer operations over existing DOM 107 * twemoji.parse(HTMLElement); 108 * twemoji.parse(HTMLElement, Function); 109 * twemoji.parse(HTMLElement, Object); 110 * 111 * @param string|HTMLElement the source to parse and enrich with emoji. 112 * 113 * string replace emoji matches with <img> tags. 114 * Mainly used to inject emoji via `innerHTML` 115 * It does **not** parse the string or validate it, 116 * it simply replaces found emoji with a tag. 117 * NOTE: be sure this won't affect security. 118 * 119 * HTMLElement walk through the DOM tree and find emoji 120 * that are inside **text node only** (nodeType === 3) 121 * Mainly used to put emoji in already generated DOM 122 * without compromising surrounding nodes and 123 * **avoiding** the usage of `innerHTML`. 124 * NOTE: Using DOM elements instead of strings should 125 * improve security without compromising too much 126 * performance compared with a less safe `innerHTML`. 127 * 128 * @param Function|Object [optional] 129 * either the callback that will be invoked or an object 130 * with all properties to use per each found emoji. 131 * 132 * Function if specified, this will be invoked per each emoji 133 * that has been found through the RegExp except 134 * those follwed by the invariant \uFE0E ("as text"). 135 * Once invoked, parameters will be: 136 * 137 * iconId:string the lower case HEX code point 138 * i.e. "1f4a9" 139 * 140 * options:Object all info for this parsing operation 141 * 142 * variant:char the optional \uFE0F ("as image") 143 * variant, in case this info 144 * is anyhow meaningful. 145 * By default this is ignored. 146 * 147 * If such callback will return a falsy value instead 148 * of a valid `src` to use for the image, nothing will 149 * actually change for that specific emoji. 150 * 151 * 152 * Object if specified, an object containing the following properties 153 * 154 * callback Function the callback to invoke per each found emoji. 155 * base string the base url, by default twemoji.base 156 * ext string the image extension, by default twemoji.ext 157 * size string the assets size, by default twemoji.size 158 * 159 * @example 160 * 161 * twemoji.parse("I \u2764\uFE0F emoji!"); 162 * // I <img class="emoji" draggable="false" alt="❤️" src="/assets/2764.gif"/> emoji! 163 * 164 * 165 * twemoji.parse("I \u2764\uFE0F emoji!", function(iconId, options) { 166 * return '/assets/' + iconId + '.gif'; 167 * }); 168 * // I <img class="emoji" draggable="false" alt="❤️" src="/assets/2764.gif"/> emoji! 169 * 170 * 171 * twemoji.parse("I \u2764\uFE0F emoji!", { 172 * size: 72, 173 * callback: function(iconId, options) { 174 * return '/assets/' + options.size + '/' + iconId + options.ext; 175 * } 176 * }); 177 * // I <img class="emoji" draggable="false" alt="❤️" src="/assets/72x72/2764.png"/> emoji! 178 * 179 */ 180 parse: parse, 181 182 /** 183 * Given a string, invokes the callback argument 184 * per each emoji found in such string. 185 * This is the most raw version used by 186 * the .parse(string) method itself. 187 * 188 * @param string generic string to parse 189 * @param Function a generic callback that will be 190 * invoked to replace the content. 191 * This callback will receive standard 192 * String.prototype.replace(str, callback) 193 * arguments such: 194 * callback( 195 * rawText, // the emoji match 196 * ); 197 * 198 * and others commonly received via replace. 199 */ 200 replace: replace, 201 202 /** 203 * Simplify string tests against emoji. 204 * 205 * @param string some text that might contain emoji 206 * @return boolean true if any emoji was found, false otherwise. 207 * 208 * @example 209 * 210 * if (twemoji.test(someContent)) { 211 * console.log("emoji All The Things!"); 212 * } 213 */ 214 test: test 215 }, 216 217 // used to escape HTML special chars in attributes 218 escaper = { 219 '&': '&', 220 '<': '<', 221 '>': '>', 222 "'": ''', 223 '"': '"' 224 }, 225 226 // RegExp based on emoji's official Unicode standards 227 // http://www.unicode.org/Public/UNIDATA/EmojiSources.txt 228 re = /(?:\ud83d\udc68\ud83c\udffb\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udffc\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udffd\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udffe\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udfff\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffb\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffb\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffc\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffc\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffd\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffd\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffe\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffe\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udfff\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udfff\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83e\uddd1\ud83c\udffb\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83e\uddd1\ud83c[\udffc-\udfff]|\ud83e\uddd1\ud83c\udffc\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83e\uddd1\ud83c[\udffb\udffd-\udfff]|\ud83e\uddd1\ud83c\udffd\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83e\uddd1\ud83c[\udffb\udffc\udffe\udfff]|\ud83e\uddd1\ud83c\udffe\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83e\uddd1\ud83c[\udffb-\udffd\udfff]|\ud83e\uddd1\ud83c\udfff\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83e\uddd1\ud83c[\udffb-\udffe]|\ud83d\udc68\ud83c\udffb\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udffb\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffc-\udfff]|\ud83d\udc68\ud83c\udffc\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udffc\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb\udffd-\udfff]|\ud83d\udc68\ud83c\udffd\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udffd\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb\udffc\udffe\udfff]|\ud83d\udc68\ud83c\udffe\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udffe\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb-\udffd\udfff]|\ud83d\udc68\ud83c\udfff\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc68\ud83c\udfff\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb-\udffe]|\ud83d\udc69\ud83c\udffb\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffb\u200d\u2764\ufe0f\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffb\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffc-\udfff]|\ud83d\udc69\ud83c\udffb\u200d\ud83e\udd1d\u200d\ud83d\udc69\ud83c[\udffc-\udfff]|\ud83d\udc69\ud83c\udffc\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffc\u200d\u2764\ufe0f\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffc\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb\udffd-\udfff]|\ud83d\udc69\ud83c\udffc\u200d\ud83e\udd1d\u200d\ud83d\udc69\ud83c[\udffb\udffd-\udfff]|\ud83d\udc69\ud83c\udffd\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffd\u200d\u2764\ufe0f\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffd\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb\udffc\udffe\udfff]|\ud83d\udc69\ud83c\udffd\u200d\ud83e\udd1d\u200d\ud83d\udc69\ud83c[\udffb\udffc\udffe\udfff]|\ud83d\udc69\ud83c\udffe\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffe\u200d\u2764\ufe0f\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udffe\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb-\udffd\udfff]|\ud83d\udc69\ud83c\udffe\u200d\ud83e\udd1d\u200d\ud83d\udc69\ud83c[\udffb-\udffd\udfff]|\ud83d\udc69\ud83c\udfff\u200d\u2764\ufe0f\u200d\ud83d\udc68\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udfff\u200d\u2764\ufe0f\u200d\ud83d\udc69\ud83c[\udffb-\udfff]|\ud83d\udc69\ud83c\udfff\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb-\udffe]|\ud83d\udc69\ud83c\udfff\u200d\ud83e\udd1d\u200d\ud83d\udc69\ud83c[\udffb-\udffe]|\ud83e\uddd1\ud83c\udffb\u200d\u2764\ufe0f\u200d\ud83e\uddd1\ud83c[\udffc-\udfff]|\ud83e\uddd1\ud83c\udffb\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb-\udfff]|\ud83e\uddd1\ud83c\udffc\u200d\u2764\ufe0f\u200d\ud83e\uddd1\ud83c[\udffb\udffd-\udfff]|\ud83e\uddd1\ud83c\udffc\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb-\udfff]|\ud83e\uddd1\ud83c\udffd\u200d\u2764\ufe0f\u200d\ud83e\uddd1\ud83c[\udffb\udffc\udffe\udfff]|\ud83e\uddd1\ud83c\udffd\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb-\udfff]|\ud83e\uddd1\ud83c\udffe\u200d\u2764\ufe0f\u200d\ud83e\uddd1\ud83c[\udffb-\udffd\udfff]|\ud83e\uddd1\ud83c\udffe\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb-\udfff]|\ud83e\uddd1\ud83c\udfff\u200d\u2764\ufe0f\u200d\ud83e\uddd1\ud83c[\udffb-\udffe]|\ud83e\uddd1\ud83c\udfff\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb-\udfff]|\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d[\udc68\udc69]|\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d[\udc68\udc69]|\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1|\ud83d\udc6b\ud83c[\udffb-\udfff]|\ud83d\udc6c\ud83c[\udffb-\udfff]|\ud83d\udc6d\ud83c[\udffb-\udfff]|\ud83d\udc8f\ud83c[\udffb-\udfff]|\ud83d\udc91\ud83c[\udffb-\udfff]|\ud83d[\udc6b-\udc6d\udc8f\udc91])|(?:\ud83d[\udc68\udc69]|\ud83e\uddd1)(?:\ud83c[\udffb-\udfff])?\u200d(?:\u2695\ufe0f|\u2696\ufe0f|\u2708\ufe0f|\ud83c[\udf3e\udf73\udf7c\udf84\udf93\udfa4\udfa8\udfeb\udfed]|\ud83d[\udcbb\udcbc\udd27\udd2c\ude80\ude92]|\ud83e[\uddaf-\uddb3\uddbc\uddbd])|(?:\ud83c[\udfcb\udfcc]|\ud83d[\udd74\udd75]|\u26f9)((?:\ud83c[\udffb-\udfff]|\ufe0f)\u200d[\u2640\u2642]\ufe0f)|(?:\ud83c[\udfc3\udfc4\udfca]|\ud83d[\udc6e\udc70\udc71\udc73\udc77\udc81\udc82\udc86\udc87\ude45-\ude47\ude4b\ude4d\ude4e\udea3\udeb4-\udeb6]|\ud83e[\udd26\udd35\udd37-\udd39\udd3d\udd3e\uddb8\uddb9\uddcd-\uddcf\uddd4\uddd6-\udddd])(?:\ud83c[\udffb-\udfff])?\u200d[\u2640\u2642]\ufe0f|(?:\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\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\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\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\u26a7\ufe0f|\ud83c\udff3\ufe0f\u200d\ud83c\udf08|\ud83d\ude36\u200d\ud83c\udf2b\ufe0f|\u2764\ufe0f\u200d\ud83d\udd25|\u2764\ufe0f\u200d\ud83e\ude79|\ud83c\udff4\u200d\u2620\ufe0f|\ud83d\udc15\u200d\ud83e\uddba|\ud83d\udc3b\u200d\u2744\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|\ud83d\ude2e\u200d\ud83d\udca8|\ud83d\ude35\u200d\ud83d\udcab|\ud83e\udd3c\u200d\u2640\ufe0f|\ud83e\udd3c\u200d\u2642\ufe0f|\ud83e\uddde\u200d\u2640\ufe0f|\ud83e\uddde\u200d\u2642\ufe0f|\ud83e\udddf\u200d\u2640\ufe0f|\ud83e\udddf\u200d\u2642\ufe0f|\ud83d\udc08\u200d\u2b1b)|[#*0-9]\ufe0f?\u20e3|(?:[©®\u2122\u265f]\ufe0f)|(?:\ud83c[\udc04\udd70\udd71\udd7e\udd7f\ude02\ude1a\ude2f\ude37\udf21\udf24-\udf2c\udf36\udf7d\udf96\udf97\udf99-\udf9b\udf9e\udf9f\udfcd\udfce\udfd4-\udfdf\udff3\udff5\udff7]|\ud83d[\udc3f\udc41\udcfd\udd49\udd4a\udd6f\udd70\udd73\udd76-\udd79\udd87\udd8a-\udd8d\udda5\udda8\uddb1\uddb2\uddbc\uddc2-\uddc4\uddd1-\uddd3\udddc-\uddde\udde1\udde3\udde8\uddef\uddf3\uddfa\udecb\udecd-\udecf\udee0-\udee5\udee9\udef0\udef3]|[\u203c\u2049\u2139\u2194-\u2199\u21a9\u21aa\u231a\u231b\u2328\u23cf\u23ed-\u23ef\u23f1\u23f2\u23f8-\u23fa\u24c2\u25aa\u25ab\u25b6\u25c0\u25fb-\u25fe\u2600-\u2604\u260e\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262a\u262e\u262f\u2638-\u263a\u2640\u2642\u2648-\u2653\u2660\u2663\u2665\u2666\u2668\u267b\u267f\u2692-\u2697\u2699\u269b\u269c\u26a0\u26a1\u26a7\u26aa\u26ab\u26b0\u26b1\u26bd\u26be\u26c4\u26c5\u26c8\u26cf\u26d1\u26d3\u26d4\u26e9\u26ea\u26f0-\u26f5\u26f8\u26fa\u26fd\u2702\u2708\u2709\u270f\u2712\u2714\u2716\u271d\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u2764\u27a1\u2934\u2935\u2b05-\u2b07\u2b1b\u2b1c\u2b50\u2b55\u3030\u303d\u3297\u3299])(?:\ufe0f|(?!\ufe0e))|(?:(?:\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[\udd0c\udd0f\udd18-\udd1c\udd1e\udd1f\udd26\udd30-\udd39\udd3d\udd3e\udd77\uddb5\uddb6\uddb8\uddb9\uddbb\uddcd-\uddcf\uddd1-\udddd]|[\u270a\u270b]))(?:\ud83c[\udffb-\udfff])?|(?:\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f|\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc73\udb40\udc63\udb40\udc74\udb40\udc7f|\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc77\udb40\udc6c\udb40\udc73\udb40\udc7f|\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]|\ud83c[\udccf\udd8e\udd91-\udd9a\udde6-\uddff\ude01\ude32-\ude36\ude38-\ude3a\ude50\ude51\udf00-\udf20\udf2d-\udf35\udf37-\udf7c\udf7e-\udf84\udf86-\udf93\udfa0-\udfc1\udfc5\udfc6\udfc8\udfc9\udfcf-\udfd3\udfe0-\udff0\udff4\udff8-\udfff]|\ud83d[\udc00-\udc3e\udc40\udc44\udc45\udc51-\udc65\udc6a\udc6f\udc79-\udc7b\udc7d-\udc80\udc84\udc88-\udc8e\udc90\udc92-\udca9\udcab-\udcfc\udcff-\udd3d\udd4b-\udd4e\udd50-\udd67\udda4\uddfb-\ude44\ude48-\ude4a\ude80-\udea2\udea4-\udeb3\udeb7-\udebf\udec1-\udec5\uded0-\uded2\uded5-\uded7\udeeb\udeec\udef4-\udefc\udfe0-\udfeb]|\ud83e[\udd0d\udd0e\udd10-\udd17\udd1d\udd20-\udd25\udd27-\udd2f\udd3a\udd3c\udd3f-\udd45\udd47-\udd76\udd78\udd7a-\uddb4\uddb7\uddba\uddbc-\uddcb\uddd0\uddde-\uddff\ude70-\ude74\ude78-\ude7a\ude80-\ude86\ude90-\udea8\udeb0-\udeb6\udec0-\udec2\uded0-\uded6]|[\u23e9-\u23ec\u23f0\u23f3\u267e\u26ce\u2705\u2728\u274c\u274e\u2753-\u2755\u2795-\u2797\u27b0\u27bf\ue50a])|\ufe0f/g, 229 230 // avoid runtime RegExp creation for not so smart, 231 // not JIT based, and old browsers / engines 232 UFE0Fg = /\uFE0F/g, 233 234 // avoid using a string literal like '\u200D' here because minifiers expand it inline 235 U200D = String.fromCharCode(0x200D), 236 237 // used to find HTML special chars in attributes 238 rescaper = /[&<>'"]/g, 239 240 // nodes with type 1 which should **not** be parsed 241 shouldntBeParsed = /^(?:iframe|noframes|noscript|script|select|style|textarea)$/, 242 243 // just a private shortcut 244 fromCharCode = String.fromCharCode; 245 246 return twemoji; 247 248 249 ///////////////////////// 250 // private functions // 251 // declaration // 252 ///////////////////////// 253 254 /** 255 * Shortcut to create text nodes 256 * @param string text used to create DOM text node 257 * @return Node a DOM node with that text 258 */ 259 function createText(text, clean) { 260 return document.createTextNode(clean ? text.replace(UFE0Fg, '') : text); 261 } 262 263 /** 264 * Utility function to escape html attribute text 265 * @param string text use in HTML attribute 266 * @return string text encoded to use in HTML attribute 267 */ 268 function escapeHTML(s) { 269 return s.replace(rescaper, replacer); 270 } 271 272 /** 273 * Default callback used to generate emoji src 274 * based on Twitter CDN 275 * @param string the emoji codepoint string 276 * @param string the default size to use, i.e. "36x36" 277 * @return string the image source to use 278 */ 279 function defaultImageSrcGenerator(icon, options) { 280 return ''.concat(options.base, options.size, '/', icon, options.ext); 281 } 282 283 /** 284 * Given a generic DOM nodeType 1, walk through all children 285 * and store every nodeType 3 (#text) found in the tree. 286 * @param Element a DOM Element with probably some text in it 287 * @param Array the list of previously discovered text nodes 288 * @return Array same list with new discovered nodes, if any 289 */ 290 function grabAllTextNodes(node, allText) { 291 var 292 childNodes = node.childNodes, 293 length = childNodes.length, 294 subnode, 295 nodeType; 296 while (length--) { 297 subnode = childNodes[length]; 298 nodeType = subnode.nodeType; 299 // parse emoji only in text nodes 300 if (nodeType === 3) { 301 // collect them to process emoji later 302 allText.push(subnode); 303 } 304 // ignore all nodes that are not type 1, that are svg, or that 305 // should not be parsed as script, style, and others 306 else if (nodeType === 1 && !('ownerSVGElement' in subnode) && 307 !shouldntBeParsed.test(subnode.nodeName.toLowerCase())) { 308 grabAllTextNodes(subnode, allText); 309 } 310 } 311 return allText; 312 } 313 314 /** 315 * Used to both remove the possible variant 316 * and to convert utf16 into code points. 317 * If there is a zero-width-joiner (U+200D), leave the variants in. 318 * @param string the raw text of the emoji match 319 * @return string the code point 320 */ 321 function grabTheRightIcon(rawText) { 322 // if variant is present as \uFE0F 323 return toCodePoint(rawText.indexOf(U200D) < 0 ? 324 rawText.replace(UFE0Fg, '') : 325 rawText 326 ); 327 } 328 329 /** 330 * DOM version of the same logic / parser: 331 * emojify all found sub-text nodes placing images node instead. 332 * @param Element generic DOM node with some text in some child node 333 * @param Object options containing info about how to parse 334 * 335 * .callback Function the callback to invoke per each found emoji. 336 * .base string the base url, by default twemoji.base 337 * .ext string the image extension, by default twemoji.ext 338 * .size string the assets size, by default twemoji.size 339 * 340 * @return Element same generic node with emoji in place, if any. 341 */ 342 function parseNode(node, options) { 343 var 344 allText = grabAllTextNodes(node, []), 345 length = allText.length, 346 attrib, 347 attrname, 348 modified, 349 fragment, 350 subnode, 351 text, 352 match, 353 i, 354 index, 355 img, 356 rawText, 357 iconId, 358 src; 359 while (length--) { 360 modified = false; 361 fragment = document.createDocumentFragment(); 362 subnode = allText[length]; 363 text = subnode.nodeValue; 364 i = 0; 365 while ((match = re.exec(text))) { 366 index = match.index; 367 if (index !== i) { 368 fragment.appendChild( 369 createText(text.slice(i, index), true) 370 ); 371 } 372 rawText = match[0]; 373 iconId = grabTheRightIcon(rawText); 374 i = index + rawText.length; 375 src = options.callback(iconId, options); 376 if (iconId && src) { 377 img = new Image(); 378 img.onerror = options.onerror; 379 img.setAttribute('draggable', 'false'); 380 attrib = options.attributes(rawText, iconId); 381 for (attrname in attrib) { 382 if ( 383 attrib.hasOwnProperty(attrname) && 384 // don't allow any handlers to be set + don't allow overrides 385 attrname.indexOf('on') !== 0 && 386 !img.hasAttribute(attrname) 387 ) { 388 img.setAttribute(attrname, attrib[attrname]); 389 } 390 } 391 img.className = options.className; 392 img.alt = rawText; 393 img.src = src; 394 modified = true; 395 fragment.appendChild(img); 396 } 397 if (!img) fragment.appendChild(createText(rawText, false)); 398 img = null; 399 } 400 // is there actually anything to replace in here ? 401 if (modified) { 402 // any text left to be added ? 403 if (i < text.length) { 404 fragment.appendChild( 405 createText(text.slice(i), true) 406 ); 407 } 408 // replace the text node only, leave intact 409 // anything else surrounding such text 410 subnode.parentNode.replaceChild(fragment, subnode); 411 } 412 } 413 return node; 414 } 415 416 /** 417 * String/HTML version of the same logic / parser: 418 * emojify a generic text placing images tags instead of surrogates pair. 419 * @param string generic string with possibly some emoji in it 420 * @param Object options containing info about how to parse 421 * 422 * .callback Function the callback to invoke per each found emoji. 423 * .base string the base url, by default twemoji.base 424 * .ext string the image extension, by default twemoji.ext 425 * .size string the assets size, by default twemoji.size 426 * 427 * @return the string with <img tags> replacing all found and parsed emoji 428 */ 429 function parseString(str, options) { 430 return replace(str, function (rawText) { 431 var 432 ret = rawText, 433 iconId = grabTheRightIcon(rawText), 434 src = options.callback(iconId, options), 435 attrib, 436 attrname; 437 if (iconId && src) { 438 // recycle the match string replacing the emoji 439 // with its image counter part 440 ret = '<img '.concat( 441 'class="', options.className, '" ', 442 'draggable="false" ', 443 // needs to preserve user original intent 444 // when variants should be copied and pasted too 445 'alt="', 446 rawText, 447 '"', 448 ' src="', 449 src, 450 '"' 451 ); 452 attrib = options.attributes(rawText, iconId); 453 for (attrname in attrib) { 454 if ( 455 attrib.hasOwnProperty(attrname) && 456 // don't allow any handlers to be set + don't allow overrides 457 attrname.indexOf('on') !== 0 && 458 ret.indexOf(' ' + attrname + '=') === -1 459 ) { 460 ret = ret.concat(' ', attrname, '="', escapeHTML(attrib[attrname]), '"'); 461 } 462 } 463 ret = ret.concat('/>'); 464 } 465 return ret; 466 }); 467 } 468 469 /** 470 * Function used to actually replace HTML special chars 471 * @param string HTML special char 472 * @return string encoded HTML special char 473 */ 474 function replacer(m) { 475 return escaper[m]; 476 } 477 478 /** 479 * Default options.attribute callback 480 * @return null 481 */ 482 function returnNull() { 483 return null; 484 } 485 486 /** 487 * Given a generic value, creates its squared counterpart if it's a number. 488 * As example, number 36 will return '36x36'. 489 * @param any a generic value. 490 * @return any a string representing asset size, i.e. "36x36" 491 * only in case the value was a number. 492 * Returns initial value otherwise. 493 */ 494 function toSizeSquaredAsset(value) { 495 return typeof value === 'number' ? 496 value + 'x' + value : 497 value; 498 } 499 500 501 ///////////////////////// 502 // exported functions // 503 // declaration // 504 ///////////////////////// 505 506 function fromCodePoint(codepoint) { 507 var code = typeof codepoint === 'string' ? 508 parseInt(codepoint, 16) : codepoint; 509 if (code < 0x10000) { 510 return fromCharCode(code); 511 } 512 code -= 0x10000; 513 return fromCharCode( 514 0xD800 + (code >> 10), 515 0xDC00 + (code & 0x3FF) 516 ); 517 } 518 519 function parse(what, how) { 520 if (!how || typeof how === 'function') { 521 how = {callback: how}; 522 } 523 // if first argument is string, inject html <img> tags 524 // otherwise use the DOM tree and parse text nodes only 525 return (typeof what === 'string' ? parseString : parseNode)(what, { 526 callback: how.callback || defaultImageSrcGenerator, 527 attributes: typeof how.attributes === 'function' ? how.attributes : returnNull, 528 base: typeof how.base === 'string' ? how.base : twemoji.base, 529 ext: how.ext || twemoji.ext, 530 size: how.folder || toSizeSquaredAsset(how.size || twemoji.size), 531 className: how.className || twemoji.className, 532 onerror: how.onerror || twemoji.onerror 533 }); 534 } 535 536 function replace(text, callback) { 537 return String(text).replace(re, callback); 538 } 539 540 function test(text) { 541 // IE6 needs a reset before too 542 re.lastIndex = 0; 543 var result = re.test(text); 544 re.lastIndex = 0; 545 return result; 546 } 547 548 function toCodePoint(unicodeSurrogates, sep) { 549 var 550 r = [], 551 c = 0, 552 p = 0, 553 i = 0; 554 while (i < unicodeSurrogates.length) { 555 c = unicodeSurrogates.charCodeAt(i++); 556 if (p) { 557 r.push((0x10000 + ((p - 0xD800) << 10) + (c - 0xDC00)).toString(16)); 558 p = 0; 559 } else if (0xD800 <= c && c <= 0xDBFF) { 560 p = c; 561 } else { 562 r.push(c.toString(16)); 563 } 564 } 565 return r.join(sep || '-'); 566 } 567 568 }());