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

Timestamp:

04/11/2022 04:08:12 PM (5 years ago)

Author:

gziolo

Message:

Build: Enable React Fast Refresh for block development

Brings the same functionality introduced in the Gutenberg plugin with ​https://github.com/WordPress/gutenberg/pull/28273. In effect, it brings React Fast Refresh support to WordPress core for block development with @wordpress/scripts.

Props walbo, antonvlasenko.
See #51750, #55505.
Follow-up [53135].

File:

• trunk/src/wp-includes/script-loader.php (modified) (2 diffs)

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

@@ -213 +213 @@
 
         return $polyfill;
+}
+
+/**
+ * Registers development scripts that integrate with `@wordpress/scripts`.
+ *
+ * @see https://github.com/WordPress/gutenberg/tree/trunk/packages/scripts#start
+ *
+ * @since 6.0.0
+ *
+ * @param WP_Scripts $scripts WP_Scripts object.
+ */
+function wp_register_development_scripts( $scripts ) {
+        if (
+                ! defined( 'SCRIPT_DEBUG' ) || ! SCRIPT_DEBUG
+                || empty( $scripts->registered['react'] )
+        ) {
+                return;
+        }
+
+        $development_scripts = array(
+                'react-refresh-entry',
+                'react-refresh-runtime',
+        );
+
+        foreach ( $development_scripts as $script_name ) {
+                $assets = include ABSPATH . WPINC . '/assets/script-loader-' . $script_name . '.php';
+                if ( ! is_array( $assets ) ) {
+                        return;
+                }
+                $scripts->add(
+                        'wp-' . $script_name,
+                        '/wp-includes/js/dist/development/' . $script_name . '.js',
+                        $assets['dependencies'],
+                        $assets['version']
+                );
+        }
+
+        // See https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/main/docs/TROUBLESHOOTING.md#externalising-react.
+        $scripts->registered['react']->deps[] = 'wp-react-refresh-entry';
 }
 
@@ -561 +600 @@
 function wp_default_packages( $scripts ) {
         wp_default_packages_vendor( $scripts );
+        wp_register_development_scripts( $scripts );
         wp_register_tinymce_scripts( $scripts );
         wp_default_packages_scripts( $scripts );