[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

title

Body

[close]

/wp-includes/js/ -> twemoji.js (source)

   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/generate`
   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/12.1.3/',
  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 calback wil 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        '&': '&amp;',
 220        '<': '&lt;',
 221        '>': '&gt;',
 222        "'": '&#39;',
 223        '"': '&quot;'
 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\udffc\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c\udffb|\ud83d\udc68\ud83c\udffd\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb\udffc]|\ud83d\udc68\ud83c\udffe\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb-\udffd]|\ud83d\udc68\ud83c\udfff\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffb-\udffe]|\ud83d\udc69\ud83c\udffb\u200d\ud83e\udd1d\u200d\ud83d\udc68\ud83c[\udffc-\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|\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]|\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]|\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\ud83e\udd1d\u200d\ud83e\uddd1\ud83c\udffb|\ud83e\uddd1\ud83c\udffc\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb\udffc]|\ud83e\uddd1\ud83c\udffd\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb-\udffd]|\ud83e\uddd1\ud83c\udffe\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb-\udffe]|\ud83e\uddd1\ud83c\udfff\u200d\ud83e\udd1d\u200d\ud83e\uddd1\ud83c[\udffb-\udfff]|\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1|\ud83d\udc6b\ud83c[\udffb-\udfff]|\ud83d\udc6c\ud83c[\udffb-\udfff]|\ud83d\udc6d\ud83c[\udffb-\udfff]|\ud83d[\udc6b-\udc6d])|(?:\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]|\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\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\uddd6-\udddd])(?:\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\u26a7\ufe0f|\ud83c\udff3\ufe0f\u200d\ud83c\udf08|\ud83c\udff4\u200d\u2620\ufe0f|\ud83d\udc15\u200d\ud83e\uddba|\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|\ud83e\uddde\u200d\u2640\ufe0f|\ud83e\uddde\u200d\u2642\ufe0f|\ud83e\udddf\u200d\u2640\ufe0f|\ud83e\udddf\u200d\u2642\ufe0f)|[#*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[\udd0f\udd18-\udd1c\udd1e\udd1f\udd26\udd30-\udd39\udd3d\udd3e\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-\udc6d\udc6f\udc79-\udc7b\udc7d-\udc80\udc84\udc88-\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\udeeb\udeec\udef4-\udefa\udfe0-\udfeb]|\ud83e[\udd0d\udd0e\udd10-\udd17\udd1d\udd20-\udd25\udd27-\udd2f\udd3a\udd3c\udd3f-\udd45\udd47-\udd71\udd73-\udd76\udd7a-\udda2\udda5-\uddaa\uddae-\uddb4\uddb7\uddba\uddbc-\uddca\uddd0\uddde-\uddff\ude70-\ude73\ude78-\ude7a\ude80-\ude82\ude90-\ude95]|[\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  }());


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7