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

Timestamp:

04/11/2022 04:08:12 PM (4 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 );