Edit File by line

/**

[0] Fix | Delete

* @output wp-includes/js/wp-emoji-loader.js

[1] Fix | Delete

[2] Fix | Delete

[3] Fix | Delete

/**

[4] Fix | Delete

* Emoji Settings as exported in PHP via _print_emoji_detection_script().

[5] Fix | Delete

* @typedef WPEmojiSettings

[6] Fix | Delete

* @type {object}

[7] Fix | Delete

* @property {?object} source

[8] Fix | Delete

* @property {?string} source.concatemoji

[9] Fix | Delete

* @property {?string} source.twemoji

[10] Fix | Delete

* @property {?string} source.wpemoji

[11] Fix | Delete

* @property {?boolean} DOMReady

[12] Fix | Delete

* @property {?Function} readyCallback

[13] Fix | Delete

[14] Fix | Delete

[15] Fix | Delete

/**

[16] Fix | Delete

* Support tests.

[17] Fix | Delete

* @typedef SupportTests

[18] Fix | Delete

* @type {object}

[19] Fix | Delete

* @property {?boolean} flag

[20] Fix | Delete

* @property {?boolean} emoji

[21] Fix | Delete

[22] Fix | Delete

[23] Fix | Delete

/**

[24] Fix | Delete

* IIFE to detect emoji support and load Twemoji if needed.

[25] Fix | Delete

[26] Fix | Delete

* @param {Window} window

[27] Fix | Delete

* @param {Document} document

[28] Fix | Delete

* @param {WPEmojiSettings} settings

[29] Fix | Delete

[30] Fix | Delete

( function wpEmojiLoader( window, document, settings ) {

[31] Fix | Delete

if ( typeof Promise === 'undefined' ) {

[32] Fix | Delete

return;

[33] Fix | Delete

}

[34] Fix | Delete

[35] Fix | Delete

var sessionStorageKey = 'wpEmojiSettingsSupports';

[36] Fix | Delete

var tests = [ 'flag', 'emoji' ];

[37] Fix | Delete

[38] Fix | Delete

/**

[39] Fix | Delete

* Checks whether the browser supports offloading to a Worker.

[40] Fix | Delete

[41] Fix | Delete

* @since 6.3.0

[42] Fix | Delete

[43] Fix | Delete

* @private

[44] Fix | Delete

[45] Fix | Delete

* @returns {boolean}

[46] Fix | Delete

[47] Fix | Delete

function supportsWorkerOffloading() {

[48] Fix | Delete

return (

[49] Fix | Delete

typeof Worker !== 'undefined' &&

[50] Fix | Delete

typeof OffscreenCanvas !== 'undefined' &&

[51] Fix | Delete

typeof URL !== 'undefined' &&

[52] Fix | Delete

URL.createObjectURL &&

[53] Fix | Delete

typeof Blob !== 'undefined'

[54] Fix | Delete

);

[55] Fix | Delete

}

[56] Fix | Delete

[57] Fix | Delete

/**

[58] Fix | Delete

* @typedef SessionSupportTests

[59] Fix | Delete

* @type {object}

[60] Fix | Delete

* @property {number} timestamp

[61] Fix | Delete

* @property {SupportTests} supportTests

[62] Fix | Delete

[63] Fix | Delete

[64] Fix | Delete

/**

[65] Fix | Delete

* Get support tests from session.

[66] Fix | Delete

[67] Fix | Delete

* @since 6.3.0

[68] Fix | Delete

[69] Fix | Delete

* @private

[70] Fix | Delete

[71] Fix | Delete

* @returns {?SupportTests} Support tests, or null if not set or older than 1 week.

[72] Fix | Delete

[73] Fix | Delete

function getSessionSupportTests() {

[74] Fix | Delete

try {

[75] Fix | Delete

/** @type {SessionSupportTests} */

[76] Fix | Delete

var item = JSON.parse(

[77] Fix | Delete

sessionStorage.getItem( sessionStorageKey )

[78] Fix | Delete

);

[79] Fix | Delete

if (

[80] Fix | Delete

typeof item === 'object' &&

[81] Fix | Delete

typeof item.timestamp === 'number' &&

[82] Fix | Delete

new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds.

[83] Fix | Delete

typeof item.supportTests === 'object'

[84] Fix | Delete

) {

[85] Fix | Delete

return item.supportTests;

[86] Fix | Delete

}

[87] Fix | Delete

} catch ( e ) {}

[88] Fix | Delete

return null;

[89] Fix | Delete

}

[90] Fix | Delete

[91] Fix | Delete

/**

[92] Fix | Delete

* Persist the supports in session storage.

[93] Fix | Delete

[94] Fix | Delete

* @since 6.3.0

[95] Fix | Delete

[96] Fix | Delete

* @private

[97] Fix | Delete

[98] Fix | Delete

* @param {SupportTests} supportTests Support tests.

[99] Fix | Delete

[100] Fix | Delete

function setSessionSupportTests( supportTests ) {

[101] Fix | Delete

try {

[102] Fix | Delete

/** @type {SessionSupportTests} */

[103] Fix | Delete

var item = {

[104] Fix | Delete

supportTests: supportTests,

[105] Fix | Delete

timestamp: new Date().valueOf()

[106] Fix | Delete

};

[107] Fix | Delete

[108] Fix | Delete

sessionStorage.setItem(

[109] Fix | Delete

sessionStorageKey,

[110] Fix | Delete

JSON.stringify( item )

[111] Fix | Delete

);

[112] Fix | Delete

} catch ( e ) {}

[113] Fix | Delete

}

[114] Fix | Delete

[115] Fix | Delete

/**

[116] Fix | Delete

* Checks if two sets of Emoji characters render the same visually.

[117] Fix | Delete

[118] Fix | Delete

* This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing

[119] Fix | Delete

* scope. Everything must be passed by parameters.

[120] Fix | Delete

[121] Fix | Delete

* @since 4.9.0

[122] Fix | Delete

[123] Fix | Delete

* @private

[124] Fix | Delete

[125] Fix | Delete

* @param {CanvasRenderingContext2D} context 2D Context.

[126] Fix | Delete

* @param {string} set1 Set of Emoji to test.

[127] Fix | Delete

* @param {string} set2 Set of Emoji to test.

[128] Fix | Delete

[129] Fix | Delete

* @return {boolean} True if the two sets render the same.

[130] Fix | Delete

[131] Fix | Delete

function emojiSetsRenderIdentically( context, set1, set2 ) {

[132] Fix | Delete

// Cleanup from previous test.

[133] Fix | Delete

context.clearRect( 0, 0, context.canvas.width, context.canvas.height );

[134] Fix | Delete

context.fillText( set1, 0, 0 );

[135] Fix | Delete

var rendered1 = new Uint32Array(

[136] Fix | Delete

context.getImageData(

[137] Fix | Delete

[138] Fix | Delete

[139] Fix | Delete

context.canvas.width,

[140] Fix | Delete

context.canvas.height

[141] Fix | Delete

).data

[142] Fix | Delete

);

[143] Fix | Delete

[144] Fix | Delete

// Cleanup from previous test.

[145] Fix | Delete

context.clearRect( 0, 0, context.canvas.width, context.canvas.height );

[146] Fix | Delete

context.fillText( set2, 0, 0 );

[147] Fix | Delete

var rendered2 = new Uint32Array(

[148] Fix | Delete

context.getImageData(

[149] Fix | Delete

[150] Fix | Delete

[151] Fix | Delete

context.canvas.width,

[152] Fix | Delete

context.canvas.height

[153] Fix | Delete

).data

[154] Fix | Delete

);

[155] Fix | Delete

[156] Fix | Delete

return rendered1.every( function ( rendered2Data, index ) {

[157] Fix | Delete

return rendered2Data === rendered2[ index ];

[158] Fix | Delete

} );

[159] Fix | Delete

}

[160] Fix | Delete

[161] Fix | Delete

/**

[162] Fix | Delete

* Determines if the browser properly renders Emoji that Twemoji can supplement.

[163] Fix | Delete

[164] Fix | Delete

* This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing

[165] Fix | Delete

* scope. Everything must be passed by parameters.

[166] Fix | Delete

[167] Fix | Delete

* @since 4.2.0

[168] Fix | Delete

[169] Fix | Delete

* @private

[170] Fix | Delete

[171] Fix | Delete

* @param {CanvasRenderingContext2D} context 2D Context.

[172] Fix | Delete

* @param {string} type Whether to test for support of "flag" or "emoji".

[173] Fix | Delete

* @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.

[174] Fix | Delete

[175] Fix | Delete

* @return {boolean} True if the browser can render emoji, false if it cannot.

[176] Fix | Delete

[177] Fix | Delete

function browserSupportsEmoji( context, type, emojiSetsRenderIdentically ) {

[178] Fix | Delete

var isIdentical;

[179] Fix | Delete

[180] Fix | Delete

switch ( type ) {

[181] Fix | Delete

case 'flag':

[182] Fix | Delete

[183] Fix | Delete

* Test for Transgender flag compatibility. Added in Unicode 13.

[184] Fix | Delete

[185] Fix | Delete

* To test for support, we try to render it, and compare the rendering to how it would look if

[186] Fix | Delete

* the browser doesn't render it correctly (white flag emoji + transgender symbol).

[187] Fix | Delete

[188] Fix | Delete

isIdentical = emojiSetsRenderIdentically(

[189] Fix | Delete

context,

[190] Fix | Delete

'\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence

[191] Fix | Delete

'\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space

[192] Fix | Delete

);

[193] Fix | Delete

[194] Fix | Delete

if ( isIdentical ) {

[195] Fix | Delete

return false;

[196] Fix | Delete

}

[197] Fix | Delete

[198] Fix | Delete

[199] Fix | Delete

* Test for UN flag compatibility. This is the least supported of the letter locale flags,

[200] Fix | Delete

* so gives us an easy test for full support.

[201] Fix | Delete

[202] Fix | Delete

* To test for support, we try to render it, and compare the rendering to how it would look if

[203] Fix | Delete

* the browser doesn't render it correctly ([U] + [N]).

[204] Fix | Delete

[205] Fix | Delete

isIdentical = emojiSetsRenderIdentically(

[206] Fix | Delete

context,

[207] Fix | Delete

'\uD83C\uDDFA\uD83C\uDDF3', // as the sequence of two code points

[208] Fix | Delete

'\uD83C\uDDFA\u200B\uD83C\uDDF3' // as the two code points separated by a zero-width space

[209] Fix | Delete

);

[210] Fix | Delete

[211] Fix | Delete

if ( isIdentical ) {

[212] Fix | Delete

return false;

[213] Fix | Delete

}

[214] Fix | Delete

[215] Fix | Delete

[216] Fix | Delete

* Test for English flag compatibility. England is a country in the United Kingdom, it

[217] Fix | Delete

* does not have a two letter locale code but rather a five letter sub-division code.

[218] Fix | Delete

[219] Fix | Delete

* To test for support, we try to render it, and compare the rendering to how it would look if

[220] Fix | Delete

* the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]).

[221] Fix | Delete

[222] Fix | Delete

isIdentical = emojiSetsRenderIdentically(

[223] Fix | Delete

context,

[224] Fix | Delete

// as the flag sequence

[225] Fix | Delete

'\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F',

[226] Fix | Delete

// with each code point separated by a zero-width space

[227] Fix | Delete

'\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F'

[228] Fix | Delete

);

[229] Fix | Delete

[230] Fix | Delete

return ! isIdentical;

[231] Fix | Delete

case 'emoji':

[232] Fix | Delete

[233] Fix | Delete

* Four and twenty blackbirds baked in a pie.

[234] Fix | Delete

[235] Fix | Delete

* To test for Emoji 15.0 support, try to render a new emoji: Blackbird.

[236] Fix | Delete

[237] Fix | Delete

* The Blackbird is a ZWJ sequence combining 🐦 Bird and ⬛ large black square.,

[238] Fix | Delete

[239] Fix | Delete

* 0x1F426 (\uD83D\uDC26) == Bird

[240] Fix | Delete

* 0x200D == Zero-Width Joiner (ZWJ) that links the code points for the new emoji or

[241] Fix | Delete

* 0x200B == Zero-Width Space (ZWS) that is rendered for clients not supporting the new emoji.

[242] Fix | Delete

* 0x2B1B == Large Black Square

[243] Fix | Delete

[244] Fix | Delete

* When updating this test for future Emoji releases, ensure that individual emoji that make up the

[245] Fix | Delete

* sequence come from older emoji standards.

[246] Fix | Delete

[247] Fix | Delete

isIdentical = emojiSetsRenderIdentically(

[248] Fix | Delete

context,

[249] Fix | Delete

'\uD83D\uDC26\u200D\u2B1B', // as the zero-width joiner sequence

[250] Fix | Delete

'\uD83D\uDC26\u200B\u2B1B' // separated by a zero-width space

[251] Fix | Delete

);

[252] Fix | Delete

[253] Fix | Delete

return ! isIdentical;

[254] Fix | Delete

}

[255] Fix | Delete

[256] Fix | Delete

return false;

[257] Fix | Delete

}

[258] Fix | Delete

[259] Fix | Delete

/**

[260] Fix | Delete

* Checks emoji support tests.

[261] Fix | Delete

[262] Fix | Delete

* This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing

[263] Fix | Delete

* scope. Everything must be passed by parameters.

[264] Fix | Delete

[265] Fix | Delete

* @since 6.3.0

[266] Fix | Delete

[267] Fix | Delete

* @private

[268] Fix | Delete

[269] Fix | Delete

* @param {string[]} tests Tests.

[270] Fix | Delete

* @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification.

[271] Fix | Delete

* @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.

[272] Fix | Delete

[273] Fix | Delete

* @return {SupportTests} Support tests.

[274] Fix | Delete

[275] Fix | Delete

function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ) {

[276] Fix | Delete

var canvas;

[277] Fix | Delete

if (

[278] Fix | Delete

typeof WorkerGlobalScope !== 'undefined' &&

[279] Fix | Delete

self instanceof WorkerGlobalScope

[280] Fix | Delete

) {

[281] Fix | Delete

canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement.

[282] Fix | Delete

} else {

[283] Fix | Delete

canvas = document.createElement( 'canvas' );

[284] Fix | Delete

}

[285] Fix | Delete

[286] Fix | Delete

var context = canvas.getContext( '2d', { willReadFrequently: true } );

[287] Fix | Delete

[288] Fix | Delete

[289] Fix | Delete

* Chrome on OS X added native emoji rendering in M41. Unfortunately,

[290] Fix | Delete

* it doesn't work when the font is bolder than 500 weight. So, we

[291] Fix | Delete

* check for bold rendering support to avoid invisible emoji in Chrome.

[292] Fix | Delete

[293] Fix | Delete

context.textBaseline = 'top';

[294] Fix | Delete

context.font = '600 32px Arial';

[295] Fix | Delete

[296] Fix | Delete

var supports = {};

[297] Fix | Delete

tests.forEach( function ( test ) {

[298] Fix | Delete

supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically );

[299] Fix | Delete

} );

[300] Fix | Delete

return supports;

[301] Fix | Delete

}

[302] Fix | Delete

[303] Fix | Delete

/**

[304] Fix | Delete

* Adds a script to the head of the document.

[305] Fix | Delete

[306] Fix | Delete

* @ignore

[307] Fix | Delete

[308] Fix | Delete

* @since 4.2.0

[309] Fix | Delete

[310] Fix | Delete

* @param {string} src The url where the script is located.

[311] Fix | Delete

[312] Fix | Delete

* @return {void}

[313] Fix | Delete

[314] Fix | Delete

function addScript( src ) {

[315] Fix | Delete

var script = document.createElement( 'script' );

[316] Fix | Delete

script.src = src;

[317] Fix | Delete

script.defer = true;

[318] Fix | Delete

document.head.appendChild( script );

[319] Fix | Delete

}

[320] Fix | Delete

[321] Fix | Delete

settings.supports = {

[322] Fix | Delete

everything: true,

[323] Fix | Delete

everythingExceptFlag: true

[324] Fix | Delete

};

[325] Fix | Delete

[326] Fix | Delete

// Create a promise for DOMContentLoaded since the worker logic may finish after the event has fired.

[327] Fix | Delete

var domReadyPromise = new Promise( function ( resolve ) {

[328] Fix | Delete

document.addEventListener( 'DOMContentLoaded', resolve, {

[329] Fix | Delete

once: true

[330] Fix | Delete

} );

[331] Fix | Delete

} );

[332] Fix | Delete

[333] Fix | Delete

// Obtain the emoji support from the browser, asynchronously when possible.

[334] Fix | Delete

new Promise( function ( resolve ) {

[335] Fix | Delete

var supportTests = getSessionSupportTests();

[336] Fix | Delete

if ( supportTests ) {

[337] Fix | Delete

resolve( supportTests );

[338] Fix | Delete

return;

[339] Fix | Delete

}

[340] Fix | Delete

[341] Fix | Delete

if ( supportsWorkerOffloading() ) {

[342] Fix | Delete

try {

[343] Fix | Delete

// Note that the functions are being passed as arguments due to minification.

[344] Fix | Delete

var workerScript =

[345] Fix | Delete

'postMessage(' +

[346] Fix | Delete

testEmojiSupports.toString() +

[347] Fix | Delete

'(' +

[348] Fix | Delete

[

[349] Fix | Delete

JSON.stringify( tests ),

[350] Fix | Delete

browserSupportsEmoji.toString(),

[351] Fix | Delete

emojiSetsRenderIdentically.toString()

[352] Fix | Delete

].join( ',' ) +

[353] Fix | Delete

'));';

[354] Fix | Delete

var blob = new Blob( [ workerScript ], {

[355] Fix | Delete

type: 'text/javascript'

[356] Fix | Delete

} );

[357] Fix | Delete

var worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } );

[358] Fix | Delete

worker.onmessage = function ( event ) {

[359] Fix | Delete

supportTests = event.data;

[360] Fix | Delete

setSessionSupportTests( supportTests );

[361] Fix | Delete

worker.terminate();

[362] Fix | Delete

resolve( supportTests );

[363] Fix | Delete

};

[364] Fix | Delete

return;

[365] Fix | Delete

} catch ( e ) {}

[366] Fix | Delete

}

[367] Fix | Delete

[368] Fix | Delete

supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically );

[369] Fix | Delete

setSessionSupportTests( supportTests );

[370] Fix | Delete

resolve( supportTests );

[371] Fix | Delete

} )

[372] Fix | Delete

// Once the browser emoji support has been obtained from the session, finalize the settings.

[373] Fix | Delete

.then( function ( supportTests ) {

[374] Fix | Delete

[375] Fix | Delete

* Tests the browser support for flag emojis and other emojis, and adjusts the

[376] Fix | Delete

* support settings accordingly.

[377] Fix | Delete

[378] Fix | Delete

for ( var test in supportTests ) {

[379] Fix | Delete

settings.supports[ test ] = supportTests[ test ];

[380] Fix | Delete

[381] Fix | Delete

settings.supports.everything =

[382] Fix | Delete

settings.supports.everything && settings.supports[ test ];

[383] Fix | Delete

[384] Fix | Delete

if ( 'flag' !== test ) {

[385] Fix | Delete

settings.supports.everythingExceptFlag =

[386] Fix | Delete

settings.supports.everythingExceptFlag &&

[387] Fix | Delete

settings.supports[ test ];

[388] Fix | Delete

}

[389] Fix | Delete

}

[390] Fix | Delete

[391] Fix | Delete

settings.supports.everythingExceptFlag =

[392] Fix | Delete

settings.supports.everythingExceptFlag &&

[393] Fix | Delete

! settings.supports.flag;

[394] Fix | Delete

[395] Fix | Delete

// Sets DOMReady to false and assigns a ready function to settings.

[396] Fix | Delete

settings.DOMReady = false;

[397] Fix | Delete

settings.readyCallback = function () {

[398] Fix | Delete

settings.DOMReady = true;

[399] Fix | Delete

};

[400] Fix | Delete

} )

[401] Fix | Delete

.then( function () {

[402] Fix | Delete

return domReadyPromise;

[403] Fix | Delete

} )

[404] Fix | Delete

.then( function () {

[405] Fix | Delete

// When the browser can not render everything we need to load a polyfill.

[406] Fix | Delete

if ( ! settings.supports.everything ) {

[407] Fix | Delete

settings.readyCallback();

[408] Fix | Delete

[409] Fix | Delete

var src = settings.source || {};

[410] Fix | Delete

[411] Fix | Delete

if ( src.concatemoji ) {

[412] Fix | Delete

addScript( src.concatemoji );

[413] Fix | Delete

} else if ( src.wpemoji && src.twemoji ) {

[414] Fix | Delete

addScript( src.twemoji );

[415] Fix | Delete

addScript( src.wpemoji );

[416] Fix | Delete

}

[417] Fix | Delete

}

[418] Fix | Delete

} );

[419] Fix | Delete

} )( window, document, window._wpemojiSettings );

[420] Fix | Delete

[421] Fix | Delete