<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[55186] trunk: Emoji: Always skip nodes with the `wp-exclude-emoji` CSS class.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/55186">55186</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/55186","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>azaozz</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2023-02-02 00:51:02 +0000 (Thu, 02 Feb 2023)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Emoji: Always skip nodes with the `wp-exclude-emoji` CSS class.
Patches twemoji.js to add support for a `doNotParse()` callback. Uses that callback to always exclude emojis in HTML elements with the above class.
Props: dd32, peterwilsoncc, azaozz.
Fixes <a href="https://core.trac.wordpress.org/ticket/52219">#52219</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkGruntfilejs">trunk/Gruntfile.js</a></li>
<li><a href="#trunkpackagelockjson">trunk/package-lock.json</a></li>
<li><a href="#trunkpackagejson">trunk/package.json</a></li>
<li><a href="#trunksrcjs_enqueueswpemojijs">trunk/src/js/_enqueues/wp/emoji.js</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunksrcjs_enqueuesvendortwemojijs">trunk/src/js/_enqueues/vendor/twemoji.js</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkGruntfilejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/Gruntfile.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/Gruntfile.js 2023-02-01 22:57:04 UTC (rev 55185)
+++ trunk/Gruntfile.js 2023-02-02 00:51:02 UTC (rev 55186)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -193,6 +193,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Renamed to avoid conflict with jQuery hoverIntent.min.js (after minifying).
</span><span class="cx" style="display: block; padding: 0 10px"> [ WORKING_DIR + 'wp-includes/js/hoverintent-js.min.js' ]: [ './node_modules/hoverintent/dist/hoverintent.min.js' ],
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> [ WORKING_DIR + 'wp-includes/js/imagesloaded.min.js' ]: [ './node_modules/imagesloaded/imagesloaded.pkgd.min.js' ],
</span><span class="cx" style="display: block; padding: 0 10px"> [ WORKING_DIR + 'wp-includes/js/jquery/jquery.js' ]: [ './node_modules/jquery/dist/jquery.js' ],
</span><span class="cx" style="display: block; padding: 0 10px"> [ WORKING_DIR + 'wp-includes/js/jquery/jquery.min.js' ]: [ './node_modules/jquery/dist/jquery.min.js' ],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -199,7 +200,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> [ WORKING_DIR + 'wp-includes/js/jquery/jquery.form.js' ]: [ './node_modules/jquery-form/src/jquery.form.js' ],
</span><span class="cx" style="display: block; padding: 0 10px"> [ WORKING_DIR + 'wp-includes/js/jquery/jquery.color.min.js' ]: [ './node_modules/jquery-color/dist/jquery.color.min.js' ],
</span><span class="cx" style="display: block; padding: 0 10px"> [ WORKING_DIR + 'wp-includes/js/masonry.min.js' ]: [ './node_modules/masonry-layout/dist/masonry.pkgd.min.js' ],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- [ WORKING_DIR + 'wp-includes/js/twemoji.js' ]: [ './node_modules/twemoji/dist/twemoji.js' ],
</del><span class="cx" style="display: block; padding: 0 10px"> [ WORKING_DIR + 'wp-includes/js/underscore.js' ]: [ './node_modules/underscore/underscore.js' ],
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> ]
</span></span></pre></div>
<a id="trunkpackagelockjson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/package-lock.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/package-lock.json 2023-02-01 22:57:04 UTC (rev 55185)
+++ trunk/package-lock.json 2023-02-02 00:51:02 UTC (rev 55186)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12629,26 +12629,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-cR/vflFyPZtrN6b38ZyWxpWdhlXrzZEBawlpBQMq7033xVY7/kg0GDMBK5jg8lDYQckdJ5x/YC88lM3C7VMsLg==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "fs-extra": {
- "version": "8.1.0",
- "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
- "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
- "requires": {
- "graceful-fs": "^4.2.0",
- "jsonfile": "^4.0.0",
- "universalify": "^0.1.0"
- },
- "dependencies": {
- "jsonfile": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
- "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
- "requires": {
- "graceful-fs": "^4.1.6"
- }
- }
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "fs-monkey": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13184,7 +13164,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "graceful-fs": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "4.2.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw=="
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
+ "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "gradient-parser": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.1.5",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17820,15 +17801,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-fQzRfAbIBnR0IQvftw9FJveWiHp72Fg20giDrHz6TdfB12UH/uue0D3hm57UB5KgAVuniLMCaS8P1IMj9NR7cA==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "jsonfile": {
- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-5.0.0.tgz",
- "integrity": "sha512-NQRZ5CRo74MhMMC3/3r5g2k4fjodJ/wh8MxjFbCViWKFjxrnudWSY5vomh+23ZaXzAS7J3fBZIR2dV6WbmfM0w==",
- "requires": {
- "graceful-fs": "^4.1.6",
- "universalify": "^0.1.2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "jsprim": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.4.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25518,22 +25490,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "twemoji": {
- "version": "14.0.2",
- "resolved": "https://registry.npmjs.org/twemoji/-/twemoji-14.0.2.tgz",
- "integrity": "sha512-BzOoXIe1QVdmsUmZ54xbEH+8AgtOKUiG53zO5vVP2iUu6h5u9lN15NcuS6te4OY96qx0H7JK9vjjl9WQbkTRuA==",
- "requires": {
- "fs-extra": "^8.0.1",
- "jsonfile": "^5.0.0",
- "twemoji-parser": "14.0.0",
- "universalify": "^0.1.2"
- }
- },
- "twemoji-parser": {
- "version": "14.0.0",
- "resolved": "https://registry.npmjs.org/twemoji-parser/-/twemoji-parser-14.0.0.tgz",
- "integrity": "sha512-9DUOTGLOWs0pFWnh1p6NF+C3CkQ96PWmEFwhOVmT3WbecRC+68AIqpsnJXygfkFcp4aXbOp8Dwbhh/HQgvoRxA=="
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "type-check": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.4.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25693,11 +25649,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "universalify": {
- "version": "0.1.2",
- "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
- "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "unpipe": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
</span></span></pre></div>
<a id="trunkpackagejson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/package.json 2023-02-01 22:57:04 UTC (rev 55185)
+++ trunk/package.json 2023-02-02 00:51:02 UTC (rev 55186)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -153,7 +153,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "react": "17.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "react-dom": "17.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "regenerator-runtime": "0.13.9",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "twemoji": "14.0.2",
</del><span class="cx" style="display: block; padding: 0 10px"> "underscore": "1.13.6",
</span><span class="cx" style="display: block; padding: 0 10px"> "whatwg-fetch": "3.6.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "wicg-inert": "3.1.2"
</span></span></pre></div>
<a id="trunksrcjs_enqueuesvendortwemojijs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/js/_enqueues/vendor/twemoji.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/js/_enqueues/vendor/twemoji.js (rev 0)
+++ trunk/src/js/_enqueues/vendor/twemoji.js 2023-02-02 00:51:02 UTC (rev 55186)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,589 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*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
+ */
+
+ /*
+ * Note: this file was modified in two places to add support for a doNotParse() callback.
+ * The modifications are surrounded by `// WP start` and `// WP end` comments.
+ */
+
+ // WARNING: this file is generated automatically via
+ // `node scripts/build.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: 'https://twemoji.maxcdn.com/v/14.0.2/',
+
+ // default assets file extensions, by default '.png'
+ ext: '.png',
+
+ // default assets/folder size, by default "72x72"
+ // available via Twitter CDN: 72
+ size: '72x72',
+
+ // 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, false), 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:
+ *
+ * iconId: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(iconId, options) {
+ * return '/assets/' + iconId + '.gif';
+ * });
+ * // I <img class="emoji" draggable="false" alt="❤️" src="/assets/2764.gif"/> emoji!
+ *
+ *
+ * twemoji.parse("I \u2764\uFE0F emoji!", {
+ * size: 72,
+ * callback: function(iconId, options) {
+ * return '/assets/' + options.size + '/' + iconId + 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 callback will receive standard
+ * String.prototype.replace(str, callback)
+ * arguments such:
+ * callback(
+ * rawText, // the emoji match
+ * );
+ *
+ * and others commonly received via replace.
+ */
+ 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 = /(?:\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\udc
8b\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\ud
c69\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]|\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c[\udffc-\udfff]|\ud83e\udef1\ud83c\udffc\u200d\ud83e\udef2\ud83c[\udffb\udffd-\udfff]|\ud83e\udef1\ud83c\udffd\u200d\ud83e\udef2\ud83c[\udffb\udffc\udffe\udfff]|\ud83e\udef1\ud83c\udffe\u200d\ud83e\udef2\ud83c[\udffb-\udffd\udfff]|\ud83e\udef1\ud83c\udfff\u200d\ud83e\udef2\ud83c[\udffb-\udffe]|\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud8
3d[\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]|\ud83e\udd1d\ud83c[\udffb-\udfff]|\ud83d[\udc6b-\udc6d\udc8f\udc91]|\ud83e\udd1d)|(?:\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\ud83
d\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[\u
dd0c\udd0f\udd18-\udd1c\udd1e\udd1f\udd26\udd30-\udd39\udd3d\udd3e\udd77\uddb5\uddb6\uddb8\uddb9\uddbb\uddcd-\uddcf\uddd1-\udddd\udec3-\udec5\udef0-\udef6]|[\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\u
dded\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\udedd-\udedf\udeeb\udeec\udef4-\udefc\udfe0-\udfeb\udff0]|\ud83e[\udd0d\udd0e\udd10-\udd17\udd20-\udd25\udd27-\udd2f\udd3a\udd3c\udd3f-\udd45\udd47-\udd76\udd78-\uddb4\uddb7\uddba\uddbc-\uddcc\uddd0\uddde-\uddff\ude70-\ude74\ude78-\ude7c\ude80-\ude86\ude90-\udeac\udeb0-\udeba\udec0-\udec2\uded0-\uded9\udee0-\udee7]|[\u23e9-\u23ec\u23f0\u23f3\u267e\u26ce\u2705\u2728\u274c\u274e\u2753-\u2755\u2795-\u2797\u27b0\u27
bf\ue50a])|\ufe0f/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),
+
+ // used to find HTML special chars in attributes
+ rescaper = /[&<>'"]/g,
+
+ // nodes with type 1 which should **not** be parsed
+ shouldntBeParsed = /^(?:iframe|noframes|noscript|script|select|style|textarea)$/,
+
+ // 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, clean) {
+ return document.createTextNode(clean ? text.replace(UFE0Fg, '') : 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"
+ * @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, that are svg, or that
+ // should not be parsed as script, style, and others
+ else if (nodeType === 1 && !('ownerSVGElement' in subnode) &&
+ !shouldntBeParsed.test(subnode.nodeName.toLowerCase())) {
+
+ // WP start
+ // Use doNotParse() callback if set.
+ if ( twemoji.doNotParse && twemoji.doNotParse( subnode ) ) {
+ continue;
+ }
+ // WP end
+
+ grabAllTextNodes(subnode, allText);
+ }
+ }
+ return allText;
+ }
+
+ /**
+ * Used to both remove the possible variant
+ * and to convert utf16 into code points.
+ * If there is a zero-width-joiner (U+200D), leave the variants in.
+ * @param string the raw text of the emoji match
+ * @return string the code point
+ */
+ function grabTheRightIcon(rawText) {
+ // if variant is present as \uFE0F
+ return toCodePoint(rawText.indexOf(U200D) < 0 ?
+ rawText.replace(UFE0Fg, '') :
+ rawText
+ );
+ }
+
+ /**
+ * 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), true)
+ );
+ }
+ rawText = match[0];
+ iconId = grabTheRightIcon(rawText);
+ i = index + rawText.length;
+ src = options.callback(iconId, options);
+ if (iconId && 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, false));
+ 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), true)
+ );
+ }
+ // 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 (rawText) {
+ var
+ ret = rawText,
+ iconId = grabTheRightIcon(rawText),
+ src = options.callback(iconId, options),
+ attrib,
+ attrname;
+ if (iconId && 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="',
+ rawText,
+ '"',
+ ' src="',
+ src,
+ '"'
+ );
+ 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 &&
+ 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};
+ }
+
+ // WP start
+ // Allow passing of the doNotParse() callback in the settings.
+ // The callback is used in `grabAllTextNodes()` (DOM mode only) as a filter
+ // that allows bypassing of some of the text nodes. It gets the current subnode as argument.
+ twemoji.doNotParse = how.doNotParse;
+ // WP end
+
+ // 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 || '-');
+ }
+
+}());
</ins></span></pre></div>
<a id="trunksrcjs_enqueueswpemojijs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/js/_enqueues/wp/emoji.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/js/_enqueues/wp/emoji.js 2023-02-01 22:57:04 UTC (rev 55185)
+++ trunk/src/js/_enqueues/wp/emoji.js 2023-02-02 00:51:02 UTC (rev 55186)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -145,17 +145,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> node = node.parentNode;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /*
- * If the class name of a non-element node contains 'wp-exclude-emoji' ignore it.
- *
- * Node type 1 is an ELEMENT_NODE.
- */
- if ( ! node || node.nodeType !== 1 ||
- ( node.className && typeof node.className === 'string' && node.className.indexOf( 'wp-exclude-emoji' ) !== -1 ) ) {
-
- continue;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> if ( test( node.textContent ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> parse( node );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -263,6 +252,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> this.setAttribute( 'data-error', 'load-failed' );
</span><span class="cx" style="display: block; padding: 0 10px"> twemoji.parentNode.replaceChild( document.createTextNode( twemoji.alt ), twemoji );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ doNotParse: function( node ) {
+ if (
+ node &&
+ node.className &&
+ typeof node.className === 'string' &&
+ node.className.indexOf( 'wp-exclude-emoji' ) !== -1
+ ) {
+ // Do not parse this node. Emojis will not be replaced in this node and all sub-nodes.
+ return true;
+ }
+
+ return false;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> };
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre>
</div>
</div>
</body>
</html>