Changeset 31875 for trunk/src/wp-includes/formatting.php

Timestamp:

03/24/2015 11:32:23 PM (6 years ago)

Author:

pento

Message:

Emoji: Instead of loading the emoji JS files automatically, we now include a small JS shim in the header, to test if the user's browser needs Twemoji. It then loads the emoji JS files only if they're needed.

Props pento, azaozz.

Fixes #31701.

File:

• trunk/src/wp-includes/formatting.php (modified) (3 diffs)

trunk/src/wp-includes/formatting.php

@@ -4083 +4083 @@
  */
 function print_emoji_styles() {
+    static $printed = false;
+
+    if ( $printed ) {
+        return;
+    }
+
+    $printed = true;
 ?>
 <style type="text/css">
@@ -4099 +4106 @@
 </style>
 <?php
+}
+
+function print_emoji_detection_script() {
+    global $wp_version;
+    static $printed = false;
+
+    if ( $printed ) {
+        return;
+    }
+
+    $printed = true;
+
+    $settings = array(
+        /**
+         * Filter the URL where emoji images are hosted.
+         *
+         * @since 4.2.0
+         *
+         * @param string The emoji base URL.
+         */
+        'baseUrl' => apply_filters( 'emoji_url', set_url_scheme( '//s0.wp.com/wp-content/mu-plugins/emoji/twemoji/72x72' ) ),
+
+        /**
+         * Filter the extension of the emoji files.
+         *
+         * @since 4.2.0
+         *
+         * @param string The emoji extension. Default .png.
+         */
+        'ext'     => apply_filters( 'emoji_ext', '.png' ),
+    );
+
+    $version = 'ver=' . $wp_version;
+
+    if ( SCRIPT_DEBUG ) {
+        $settings['source'] = array(
+            'wpemoji' => includes_url( "js/wp-emoji.js?$version" ),
+            'twemoji' => includes_url( "js/twemoji.js?$version" ),
+        );
+
+        ?>
+        <script type="text/javascript">
+            window._wpemojiSettings = <?php echo wp_json_encode( $settings ); ?>;
+            <?php readfile( ABSPATH . WPINC . "/js/wp-emoji-loader.js" ); ?>
+        </script>
+        <?php
+    } else {
+        $settings['source'] = array(
+            'concatemoji' => includes_url( "js/wp-emoji-release.min.js?$version" ),
+        );
+
+        ?>
+        <script type="text/javascript">
+            window._wpemojiSettings = <?php echo wp_json_encode( $settings ); ?>;
+            include "js/wp-emoji-loader.min.js"
+        </script>
+        <?php
+    }
 }
 
@@ -4164 +4229 @@
     }
 
-    /** This filter is documented in wp-includes/script-loader.php */
+    /** This filter is documented in wp-includes/formatting.php */
     $cdn_url = apply_filters( 'emoji_url', set_url_scheme( '//s0.wp.com/wp-content/mu-plugins/emoji/twemoji/72x72/' ) );
 
-    /** This filter is documented in wp-includes/script-loader.php */
+    /** This filter is documented in wp-includes/formatting.php */
     $ext = apply_filters( 'emoji_ext', '.png' );