Make WordPress Core

Opened 4 years ago

Closed 4 years ago

Last modified 4 years ago

#55395 closed task (blessed) (fixed)

Update Twemoji for 6.0

Reported by: kraftbj's profile kraftbj Owned by: kraftbj's profile kraftbj
Milestone: 6.0 Priority: normal
Severity: normal Version:
Component: Emoji Keywords: needs-user-docs add-to-field-guide
Focuses: Cc:

Description

Twitter has released Twemoji 14.0 (and 14.0.1). We can upgrade to include the new Emoji 14 fun.

Previously #52852

This release will include a number of new emoji:

🫠 Melting Face
🫒 Face with Open Eyes and Hand Over Mouth
🫣 Face with Peeking Eye
🫑 Saluting Face
πŸ«₯ Dotted Line Face
🫀 Face with Diagonal Mouth
πŸ₯Ή Face Holding Back Tears
🫱 Rightwards Hand
🫲 Leftwards Hand
🫳 Palm Down Hand
🫴 Palm Up Hand
🫰 Hand with Index Finger and Thumb Crossed
🫡 Index Pointing at the Viewer
🫢 Heart Hands
🫦 Biting Lip
πŸ«… Person with Crown
πŸ«ƒ Pregnant Man
πŸ«„ Pregnant Person
🧌 Troll
πŸͺΈ Coral
πŸͺ· Lotus
πŸͺΉ Empty Nest
πŸͺΊ Nest with Eggs
🫘 Beans
πŸ«— Pouring Liquid
πŸ«™ Jar
πŸ› Playground Slide
πŸ›ž Wheel
πŸ›Ÿ Ring Buoy
πŸͺ¬ Hamsa
πŸͺ© Mirror Ball
πŸͺ« Low Battery
🩼 Crutch
🩻 X-Ray
🫧 Bubbles
πŸͺͺ Identification Card
🟰 Heavy Equals Sign
🫱🏻 Rightwards Hand: Light Skin Tone
🫱🏼 Rightwards Hand: Medium-Light Skin Tone
🫱🏽 Rightwards Hand: Medium Skin Tone
🫱🏾 Rightwards Hand: Medium-Dark Skin Tone
🫱🏿 Rightwards Hand: Dark Skin Tone
🫲🏻 Leftwards Hand: Light Skin Tone
🫲🏼 Leftwards Hand: Medium-Light Skin Tone
🫲🏽 Leftwards Hand: Medium Skin Tone
🫲🏾 Leftwards Hand: Medium-Dark Skin Tone
🫲🏿 Leftwards Hand: Dark Skin Tone
🫳🏻 Palm Down Hand: Light Skin Tone
🫳🏼 Palm Down Hand: Medium-Light Skin Tone
🫳🏽 Palm Down Hand: Medium Skin Tone
🫳🏾 Palm Down Hand: Medium-Dark Skin Tone
🫳🏿 Palm Down Hand: Dark Skin Tone
🫴🏻 Palm Up Hand: Light Skin Tone
🫴🏼 Palm Up Hand: Medium-Light Skin Tone
🫴🏽 Palm Up Hand: Medium Skin Tone
🫴🏾 Palm Up Hand: Medium-Dark Skin Tone
🫴🏿 Palm Up Hand: Dark Skin Tone
🫰🏻 Hand with Index Finger and Thumb Crossed: Light Skin Tone
🫰🏼 Hand with Index Finger and Thumb Crossed: Medium-Light Skin Tone
🫰🏽 Hand with Index Finger and Thumb Crossed: Medium Skin Tone
🫰🏾 Hand with Index Finger and Thumb Crossed: Medium-Dark Skin Tone
🫰🏿 Hand with Index Finger and Thumb Crossed: Dark Skin Tone
🫡🏻 Index Pointing at the Viewer: Light Skin Tone
🫡🏼 Index Pointing at the Viewer: Medium-Light Skin Tone
🫡🏽 Index Pointing at the Viewer: Medium Skin Tone
🫡🏾 Index Pointing at the Viewer: Medium-Dark Skin Tone
🫡🏿 Index Pointing at the Viewer: Dark Skin Tone
🫢🏻 Heart Hands: Light Skin Tone
🫢🏼 Heart Hands: Medium-Light Skin Tone
🫢🏽 Heart Hands: Medium Skin Tone
🫢🏾 Heart Hands: Medium-Dark Skin Tone
🫢🏿 Heart Hands: Dark Skin Tone
🀝🏻 Handshake: Light Skin Tone
🀝🏼 Handshake: Medium-Light Skin Tone
🀝🏽 Handshake: Medium Skin Tone
🀝🏾 Handshake: Medium-Dark Skin Tone
🀝🏿 Handshake: Dark Skin Tone
πŸ«±πŸ»β€πŸ«²πŸΌ Handshake: Light Skin Tone, Medium-Light Skin Tone
πŸ«±πŸ»β€πŸ«²πŸ½ Handshake: Light Skin Tone, Medium Skin Tone
πŸ«±πŸ»β€πŸ«²πŸΎ Handshake: Light Skin Tone, Medium-Dark Skin Tone
πŸ«±πŸ»β€πŸ«²πŸΏ Handshake: Light Skin Tone, Dark Skin Tone
πŸ«±πŸΌβ€πŸ«²πŸ» Handshake: Medium-Light Skin Tone, Light Skin Tone
πŸ«±πŸΌβ€πŸ«²πŸ½ Handshake: Medium-Light Skin Tone, Medium Skin Tone
πŸ«±πŸΌβ€πŸ«²πŸΎ Handshake: Medium-Light Skin Tone, Medium-Dark Skin Tone
πŸ«±πŸΌβ€πŸ«²πŸΏ Handshake: Medium-Light Skin Tone, Dark Skin Tone
πŸ«±πŸ½β€πŸ«²πŸ» Handshake: Medium Skin Tone, Light Skin Tone
πŸ«±πŸ½β€πŸ«²πŸΌ Handshake: Medium Skin Tone, Medium-Light Skin Tone
πŸ«±πŸ½β€πŸ«²πŸΎ Handshake: Medium Skin Tone, Medium-Dark Skin Tone
πŸ«±πŸ½β€πŸ«²πŸΏ Handshake: Medium Skin Tone, Dark Skin Tone
πŸ«±πŸΎβ€πŸ«²πŸ» Handshake: Medium-Dark Skin Tone, Light Skin Tone
πŸ«±πŸΎβ€πŸ«²πŸΌ Handshake: Medium-Dark Skin Tone, Medium-Light Skin Tone
πŸ«±πŸΎβ€πŸ«²πŸ½ Handshake: Medium-Dark Skin Tone, Medium Skin Tone
πŸ«±πŸΎβ€πŸ«²πŸΏ Handshake: Medium-Dark Skin Tone, Dark Skin Tone
πŸ«±πŸΏβ€πŸ«²πŸ» Handshake: Dark Skin Tone, Light Skin Tone
πŸ«±πŸΏβ€πŸ«²πŸΌ Handshake: Dark Skin Tone, Medium-Light Skin Tone
πŸ«±πŸΏβ€πŸ«²πŸ½ Handshake: Dark Skin Tone, Medium Skin Tone
πŸ«±πŸΏβ€πŸ«²πŸΎ Handshake: Dark Skin Tone, Medium-Dark Skin Tone
πŸ«…πŸ» Person with Crown: Light Skin Tone
πŸ«…πŸΌ Person with Crown: Medium-Light Skin Tone
πŸ«…πŸ½ Person with Crown: Medium Skin Tone
πŸ«…πŸΎ Person with Crown: Medium-Dark Skin Tone
πŸ«…πŸΏ Person with Crown: Dark Skin Tone
πŸ«ƒπŸ» Pregnant Man: Light Skin Tone
πŸ«ƒπŸΌ Pregnant Man: Medium-Light Skin Tone
πŸ«ƒπŸ½ Pregnant Man: Medium Skin Tone
πŸ«ƒπŸΎ Pregnant Man: Medium-Dark Skin Tone
πŸ«ƒπŸΏ Pregnant Man: Dark Skin Tone
πŸ«„πŸ» Pregnant Person: Light Skin Tone
πŸ«„πŸΌ Pregnant Person: Medium-Light Skin Tone
πŸ«„πŸ½ Pregnant Person: Medium Skin Tone
πŸ«„πŸΎ Pregnant Person: Medium-Dark Skin Tone
πŸ«„πŸΏ Pregnant Person: Dark Skin Tone

source: ​https://blog.emojipedia.org/twemoji-14-0-emoji-changelog/

Change History (15)

This ticket was mentioned in ​PR #2416 on ​WordPress/wordpress-develop by ​kraftbj.


4 years ago
#1

  • Keywords has-patch added

Adds Twemoji 14.0.1 support.
Update the regex (output of grunt precommit:emoji)
Updates the CDN URL to 14.0.1 (still needs uploading on the w.org side)
NEEDED: Detection script update.

Emoji 14 does not add any ZWJ-based emoji, unlike the past standards, so our script to detect needs a bit more work than usual. I didn't think about this and most of my computers are already upgraded to supported OS versions, so will get an old computer out of the closet to help figure out a good way to
detect it with as little change to the code as feasible.

Trac ticket: https://core.trac.wordpress.org/ticket/55395

#2 @kraftbj
4 years ago

  • Keywords has-patch removed
  • Owner set to kraftbj
  • Status changed from new to accepted

​peterwilsoncc commented on ​PR #2416:


4 years ago
#3

Some of the handshake emoji include ZWJ (U+200D), for example ​https://emojipedia.org/handshake-light-skin-tone-medium-light-skin-tone/

#4 @peterwilsoncc
4 years ago

  • Type changed from enhancement to task (blessed)

Marking this a task rather than an enhancement, work can continue after the enhancement deadline.

#5 @milana_cap
4 years ago

  • Keywords needs-codex added

​desrosj commented on ​PR #2416:


4 years ago
#6

I've made a few updates!

  • Synced with trunk.
  • I changed the URLs to be 14.0.0 instead of 14.0.1. Since these new emoji were introduced in 14.0.0, I think it makes more sense to use that version for this update.
  • I opted to use the ​Handshake: Light Skin Tone, Dark Skin Tone. I've updated the necessary locations.

I've tested this on my machine (which does not yet have Emoji 14 support) by replacing the Core CDN URLs with the GitHub ones for the Twemoji repo (​https://github.com/twitter/twemoji/raw/v14.0.2/assets/), and all seems to be working as expected!

​kraftbj commented on ​PR #2416:


4 years ago
#7

Thanks for the updated patch! I've confirmed it does replace on my older device that doesn't support Emoji 14 and does not replace on my upgraded device with 14 support.

We need to coordinate with a CDN committer to get the assets added, but once that's done, this is good to go.

This ticket was mentioned in ​Slack in #meta by peterwilsoncc. ​View the logs.


4 years ago

#9 @kraftbj
4 years ago

  • Keywords commit added

Assets added in r18735-dotorg. The CDN is ready: ​https://s.w.org/images/core/emoji/14.0.0/svg/1fae0.svg

#10 @kraftbj
4 years ago

Per feedback in the PR, there is some doubt if using the {right|left}hand in the detection script is proper due to a comment there mentioning that only older emoji should be used.

In the PR, @peterwilsoncc and I agree that we should land this for beta 1, then do intentional testing on older devices/operating systems so any updates can be made during the beta window.

#11 @peterwilsoncc
4 years ago

  • Resolution set to fixed
  • Status changed from accepted to closed

In 53150:

Emoji: Update the Twemoji to version 14.0.2.

This version introduces support for the latest Emoji added in Emoji 14.

"Insert witty comment newly supported emoji."

Props kraftbj, desrosj, dd32, milana_cap.
Fixes #55395.

​peterwilsoncc commented on ​PR #2416:


4 years ago
#12

Merged in https://core.trac.wordpress.org/changeset/53150, thanks.

I resolved the weird package-lock issue by ignoring the file in this PR and letting NPM do the work.

#13 @dd32
4 years ago

  • Keywords needs-user-docs added; needs-codex removed

#14 @milana_cap
4 years ago

  • Keywords add-to-field-guide added

#15 @kraftbj
4 years ago

  • Keywords commit removed
Note: See TracTickets for help on using tickets.