WordPress.org

Make WordPress Core

Ticket #31701: 31701.10.diff

File 31701.10.diff, 13.1 KB (added by azaozz, 6 years ago)
  • Gruntfile.js

     
    464464                                        BUILD_DIR + 'wp-includes/js/tinymce/plugins/*/plugin.min.js'
    465465                                ],
    466466                                dest: BUILD_DIR + 'wp-includes/js/tinymce/wp-tinymce.js'
     467                        },
     468                        emoji: {
     469                                options: {
     470                                        separator: '\n',
     471                                        process: function( src, filepath ) {
     472                                                return '// Source: ' + filepath.replace( BUILD_DIR, '' ) + '\n' + src;
     473                                        }
     474                                },
     475                                src: [
     476                                        BUILD_DIR + 'wp-includes/js/twemoji.min.js',
     477                                        BUILD_DIR + 'wp-includes/js/wp-emoji.min.js'
     478                                ],
     479                                dest: BUILD_DIR + 'wp-includes/js/wp-emoji-release.min.js'
    467480                        }
    468481                },
    469482                compress: {
     
    502515                                dest: SOURCE_DIR
    503516                        }
    504517                },
     518                includes: {
     519                        emoji: {
     520                                src: BUILD_DIR + 'wp-includes/formatting.php',
     521                                dest: '.'
     522                        }
     523                },
    505524                _watch: {
    506525                        all: {
    507526                                files: [
     
    615634                'concat:tinymce',
    616635                'compress:tinymce',
    617636                'clean:tinymce',
     637                'concat:emoji',
     638                'includes:emoji',
    618639                'jsvalidate:build'
    619640        ] );
    620641
  • package.json

     
    2222    "grunt-contrib-qunit": "~0.5.2",
    2323    "grunt-contrib-uglify": "~0.8.0",
    2424    "grunt-contrib-watch": "~0.6.1",
     25    "grunt-includes": "~0.4.5",
    2526    "grunt-jsvalidate": "~0.2.2",
    2627    "grunt-legacy-util": "^0.2.0",
    2728    "grunt-patch-wordpress": "~0.3.0",
  • src/wp-includes/default-filters.php

     
    224224add_action( 'init',                'check_theme_switched',            99    );
    225225add_action( 'after_switch_theme',  '_wp_sidebars_changed'                   );
    226226add_action( 'wp_print_styles',     'print_emoji_styles'                     );
     227add_action( 'wp_print_scripts',    'print_emoji_detection_script'           );
    227228
    228229if ( isset( $_GET['replytocom'] ) )
    229230    add_action( 'wp_head', 'wp_no_robots' );
  • src/wp-includes/formatting.php

     
    40824082 * @since 4.2.0
    40834083 */
    40844084function print_emoji_styles() {
     4085        static $printed = false;
     4086
     4087        if ( $printed ) {
     4088                return;
     4089        }
     4090
     4091        $printed = true;
    40854092?>
    40864093<style type="text/css">
    40874094img.wp-smiley,
     
    41004107<?php
    41014108}
    41024109
     4110function print_emoji_detection_script() {
     4111        global $wp_version;
     4112        static $printed = false;
     4113
     4114        if ( $printed ) {
     4115                return;
     4116        }
     4117
     4118        $printed = true;
     4119
     4120        $settings = array(
     4121                /**
     4122                 * Filter the URL where emoji images are hosted.
     4123                 *
     4124                 * @since 4.2.0
     4125                 *
     4126                 * @param string The emoji base URL.
     4127                 */
     4128                'baseUrl' => apply_filters( 'emoji_url', set_url_scheme( '//s0.wp.com/wp-content/mu-plugins/emoji/twemoji/72x72' ) ),
     4129
     4130                /**
     4131                 * Filter the extension of the emoji files.
     4132                 *
     4133                 * @since 4.2.0
     4134                 *
     4135                 * @param string The emoji extension. Default .png.
     4136                 */
     4137                'ext'     => apply_filters( 'emoji_ext', '.png' ),
     4138        );
     4139
     4140        $version = 'ver=' . $wp_version;
     4141
     4142        if ( SCRIPT_DEBUG ) {
     4143                $settings['source'] = array(
     4144                        'wpemoji' => includes_url( "js/wp-emoji.js?$version" ),
     4145                        'twemoji' => includes_url( "js/twemoji.js?$version" ),
     4146                );
     4147
     4148                ?>
     4149                <script type="text/javascript">
     4150                        window._wpemojiSettings = <?php echo wp_json_encode( $settings ); ?>;
     4151                        <?php readfile( ABSPATH . WPINC . "/js/wp-emoji-loader.js" ); ?>
     4152                </script>
     4153                <?php
     4154        } else {
     4155                $settings['source'] = array(
     4156                        'concatemoji' => includes_url( "js/wp-emoji-release.min.js?$version" ),
     4157                );
     4158
     4159                ?>
     4160                <script type="text/javascript">
     4161                        window._wpemojiSettings = <?php echo wp_json_encode( $settings ); ?>;
     4162                        include "js/wp-emoji-loader.min.js"
     4163                </script>
     4164                <?php
     4165        }
     4166}
     4167
    41034168/**
    41044169 * Convert any 4 byte emoji in a string to their equivalent HTML entity.
    41054170 *
     
    41634228                return $text;
    41644229        }
    41654230
    4166         /** This filter is documented in wp-includes/script-loader.php */
     4231        /** This filter is documented in wp-includes/formatting.php */
    41674232        $cdn_url = apply_filters( 'emoji_url', set_url_scheme( '//s0.wp.com/wp-content/mu-plugins/emoji/twemoji/72x72/' ) );
    41684233
    4169         /** This filter is documented in wp-includes/script-loader.php */
     4234        /** This filter is documented in wp-includes/sformatting.php */
    41704235        $ext = apply_filters( 'emoji_ext', '.png' );
    41714236
    41724237        $output = '';
  • src/wp-includes/js/wp-emoji-loader.js

     
     1( function( window, document, settings ) {
     2        /**
     3         * Detect if the browser supports rendering emoji or flag emoji. Flag emoji are a single glyph
     4         * made of two characters, so some browsers (notably, Firefox OS X) don't support them.
     5         *
     6         * @since 4.2.0
     7         *
     8         * @param type {String} Whether to test for support of "simple" or "flag" emoji.
     9         * @return {Boolean} True if the browser can render emoji, false if it cannot.
     10         */
     11        function browserSupportsEmoji( type ) {
     12                var canvas = document.createElement( 'canvas' ),
     13                        context = canvas.getContext && canvas.getContext( '2d' );
     14
     15                canvas.id = 'wp-emoji-support-tester';
     16
     17                if ( ! context || ! context.fillText ) {
     18                        return false;
     19                }
     20
     21                /*
     22                 * Chrome on OS X added native emoji rendering in M41. Unfortunately,
     23                 * it doesn't work when the font is bolder than 500 weight. So, we
     24                 * check for bold rendering support to avoid invisible emoji in Chrome.
     25                 */
     26                context.textBaseline = 'top';
     27                //context.font = '600 32px Arial';
     28
     29                if ( type === 'flag' ) {
     30                        /*
     31                         * This works because the image will be one of three things:
     32                         * - Two empty squares, if the browser doesn't render emoji
     33                         * - Two squares with 'G' and 'B' in them, if the browser doesn't render flag emoji
     34                         * - The British flag
     35                         *
     36                         * The first two will encode to small images (1-2KB data URLs), the third will encode
     37                         * to a larger image (4-5KB data URL).
     38                         */
     39                        context.fillText( String.fromCharCode( 55356, 56812, 55356, 56807 ), 0, 0 );
     40                        return canvas.toDataURL().length > 3000;
     41                } else {
     42                        /*
     43                         * This creates a smiling emoji, and checks to see if there is any image data in the
     44                         * center pixel. In browsers that don't support emoji, the character will be rendered
     45                         * as an empty square, so the center pixel will be blank.
     46                         */
     47                        context.fillText( String.fromCharCode( 55357, 56835 ), 0, 0 );
     48                        return context.getImageData( 16, 16, 1, 1 ).data[0] !== 0;
     49                }
     50        }
     51
     52        function addScript( src ) {
     53                var script = document.createElement( 'script' );
     54
     55                script.src = src;
     56                script.type = 'text/javascript';
     57                document.getElementsByTagName( 'head' )[0].appendChild( script );
     58        }
     59
     60        function waitForTwemoji() {
     61                if ( ! window.twemoji ) {
     62                        // Still waiting.
     63                        window.setTimeout( waitForTwemoji, 50 );
     64                        return;
     65                }
     66
     67                addScript( settings.source.wpemoji );
     68        }
     69
     70        settings.supports = {
     71                simple: browserSupportsEmoji( 'simple' ),
     72                flag:   browserSupportsEmoji( 'flag' )
     73        };
     74
     75        if ( ! settings.supports.simple || ! settings.supports.flag ) {
     76                addScript( settings.source.twemoji || settings.source.concatemoji );
     77
     78                if ( settings.source.twemoji ) {
     79                        waitForTwemoji();
     80                }
     81        }
     82
     83} )( window, document, window._wpemojiSettings );
  • src/wp-includes/js/wp-emoji.js

    Property changes on: src/wp-includes/js/wp-emoji-loader.js
    ___________________________________________________________________
    Added: svn:eol-style
    ## -0,0 +1 ##
    +native
    \ No newline at end of property
     
    6666                }
    6767
    6868                /**
    69                  * Detect if the browser supports rendering emoji or flag emoji. Flag emoji are a single glyph
    70                  * made of two characters, so some browsers (notably, Firefox OS X) don't support them.
    71                  *
    72                  * @since 4.2.0
    73                  *
    74                  * @param type {String} Whether to test for support of "simple" or "flag" emoji.
    75                  * @return {Boolean} True if the browser can render emoji, false if it cannot.
    76                  */
    77                 function browserSupportsEmoji( type ) {
    78                         var canvas = document.createElement( 'canvas' ),
    79                                 context = canvas.getContext && canvas.getContext( '2d' );
    80 
    81                         if ( ! context || ! context.fillText ) {
    82                                 return false;
    83                         }
    84 
    85                         /*
    86                          * Chrome on OS X added native emoji rendering in M41. Unfortunately,
    87                          * it doesn't work when the font is bolder than 500 weight. So, we
    88                          * check for bold rendering support to avoid invisible emoji in Chrome.
    89                          */
    90                         context.textBaseline = 'top';
    91                         context.font = '600 32px Arial';
    92 
    93                         if ( type === 'flag' ) {
    94                                 /*
    95                                  * This works because the image will be one of three things:
    96                                  * - Two empty squares, if the browser doesn't render emoji
    97                                  * - Two squares with 'G' and 'B' in them, if the browser doesn't render flag emoji
    98                                  * - The British flag
    99                                  *
    100                                  * The first two will encode to small images (1-2KB data URLs), the third will encode
    101                                  * to a larger image (4-5KB data URL).
    102                                  */
    103                                 context.fillText( String.fromCharCode( 55356, 56812, 55356, 56807 ), 0, 0 );
    104                                 return canvas.toDataURL().length > 3000;
    105                         } else {
    106                                 /*
    107                                  * This creates a smiling emoji, and checks to see if there is any image data in the
    108                                  * center pixel. In browsers that don't support emoji, the character will be rendered
    109                                  * as an empty square, so the center pixel will be blank.
    110                                  */
    111                                 context.fillText( String.fromCharCode( 55357, 56835 ), 0, 0 );
    112                                 return context.getImageData( 16, 16, 1, 1 ).data[0] !== 0;
    113                         }
    114                 }
    115 
    116                 /**
    11769                 * Given an element or string, parse any emoji characters into Twemoji images.
    11870                 *
    11971                 * @since 4.2.0
     
    161113                 * Initialize our emoji support, and set up listeners.
    162114                 */
    163115                if ( twemoji && settings ) {
    164                         supportsEmoji = browserSupportsEmoji();
    165                         supportsFlagEmoji = browserSupportsEmoji( 'flag' );
     116                        supportsEmoji = window._wpemojiSettings.supports.simple;
     117                        supportsFlagEmoji = window._wpemojiSettings.supports.flag;
    166118                        replaceEmoji = ! supportsEmoji || ! supportsFlagEmoji;
    167119
    168                         if ( window.addEventListener ) {
    169                                 window.addEventListener( 'load', load, false );
    170                         } else if ( window.attachEvent ) {
    171                                 window.attachEvent( 'onload', load );
     120                        if ( 'loading' == document.readyState ) {
     121                                if ( document.addEventListener ) {
     122                                        document.addEventListener( 'readystatechange', load, false );
     123                                } else if ( document.attachEvent ) {
     124                                        document.attachEvent( 'onreadystatechange', load );
     125                                }
     126                        } else {
     127                                load();
    172128                        }
    173129                }
    174130
    175131                return {
    176                         browserSupportsEmoji: browserSupportsEmoji,
    177132                        replaceEmoji: replaceEmoji,
    178133                        parse: parse
    179134                };
  • src/wp-includes/script-loader.php

     
    424424        $scripts->add( 'media-audiovideo', "/wp-includes/js/media/audio-video$suffix.js", array( 'media-editor' ), false, 1 );
    425425        $scripts->add( 'mce-view', "/wp-includes/js/mce-view$suffix.js", array( 'shortcode', 'media-models', 'media-audiovideo', 'wp-playlist' ), false, 1 );
    426426
    427         $scripts->add( 'twemoji', "/wp-includes/js/twemoji$suffix.js", array(), '1.3.2', 1 );
    428         $scripts->add( 'emoji', "/wp-includes/js/wp-emoji$suffix.js", array( 'twemoji' ), false, 1 );
    429         did_action( 'init' ) && $scripts->localize( 'emoji', '_wpemojiSettings', array(
    430                 /**
    431                  * Filter the URL where emoji images are hosted.
    432                  *
    433                  * @since 4.2.0
    434                  *
    435                  * @param string The emoji base URL.
    436                  */
    437                 'baseUrl' => apply_filters( 'emoji_url', '//s0.wp.com/wp-content/mu-plugins/emoji/twemoji/72x72' ),
    438 
    439                 /**
    440                  * Filter the extension of the emoji files.
    441                  *
    442                  * @since 4.2.0
    443                  *
    444                  * @param string The emoji extension. Default .png.
    445                  */
    446                 'ext'      => apply_filters( 'emoji_ext', '.png' ),
    447         ) );
    448         $scripts->enqueue( 'emoji' );
    449 
    450427        if ( is_admin() ) {
    451428                $scripts->add( 'admin-tags', "/wp-admin/js/tags$suffix.js", array( 'jquery', 'wp-ajax-response' ), false, 1 );
    452429                did_action( 'init' ) && $scripts->localize( 'admin-tags', 'tagsl10n', array(
  • tests/phpunit/tests/dependencies/scripts.php

     
    1010                parent::setUp();
    1111                $this->old_wp_scripts = isset( $GLOBALS['wp_scripts'] ) ? $GLOBALS['wp_scripts'] : null;
    1212                remove_action( 'wp_default_scripts', 'wp_default_scripts' );
     13                remove_action( 'wp_print_scripts', 'print_emoji_detection_script' );
    1314                $GLOBALS['wp_scripts'] = new WP_Scripts();
    1415                $GLOBALS['wp_scripts']->default_version = get_bloginfo( 'version' );
    1516        }
     
    1718        function tearDown() {
    1819                $GLOBALS['wp_scripts'] = $this->old_wp_scripts;
    1920                add_action( 'wp_default_scripts', 'wp_default_scripts' );
     21                add_action( 'wp_print_scripts', 'print_emoji_detection_script' );
    2022                parent::tearDown();
    2123        }
    2224