Changeset 50973 for trunk/src/wp-includes/script-loader.php

Timestamp:

05/24/2021 05:38:59 PM (5 years ago)

Author:

jorgefilipecosta

Message:

Block Editor: Add Global Styles support using theme.json file.

This is the second piece of landing the theme.json processing in WordPress core.
It includes the mechanism that outputs the CSS styles of a theme.json file.

Props nosolosw, youknowriad.
See #53175.

File:

• trunk/src/wp-includes/script-loader.php (modified) (1 diff)

trunk/src/wp-includes/script-loader.php

@@ -2234 +2234 @@
 
 /**
+ * Enqueues the global styles defined via theme.json.
+ *
+ * @since 5.8.0
+ *
+ * @return void
+ */
+function wp_enqueue_global_styles() {
+        if ( ! WP_Theme_JSON_Resolver::theme_has_support() ) {
+                return;
+        }
+
+        $can_use_cache = (
+                ( ! defined( 'WP_DEBUG' ) || ! WP_DEBUG ) &&
+                ( ! defined( 'SCRIPT_DEBUG' ) || ! SCRIPT_DEBUG ) &&
+                ( ! defined( 'REST_REQUEST' ) || ! REST_REQUEST ) &&
+                ! is_admin()
+        );
+
+        $stylesheet = null;
+        if ( $can_use_cache ) {
+                $cache = get_transient( 'global_styles' );
+                if ( $cache ) {
+                        $stylesheet = $cache;
+                }
+        }
+
+        if ( null === $stylesheet ) {
+                $settings   = get_default_block_editor_settings();
+                $theme_json = WP_Theme_JSON_Resolver::get_merged_data( $settings );
+                $stylesheet = $theme_json->get_stylesheet();
+
+                if ( $can_use_cache ) {
+                        set_transient( 'global_styles', $stylesheet, MINUTE_IN_SECONDS );
+                }
+        }
+
+        if ( empty( $stylesheet ) ) {
+                return;
+        }
+
+        wp_register_style( 'global-styles', false, array(), true, true );
+        wp_add_inline_style( 'global-styles', $stylesheet );
+        wp_enqueue_style( 'global-styles' );
+}
+
+/**
  * Checks if the editor scripts and styles for all registered block types
  * should be enqueued on the current screen.