ACF\Pro\Blocks

Bindings_Editor{} │ ACF 1.0

Enqueues the JS layer that powers ACF block bindings in the block editor.

The JS bindings layer registers a block binding source via the stable registerBlockBindingsSource API (WP 6.7+), enabling live preview and editing of ACF field values bound to block attributes. It runs alongside the shared server-side ACF\Blocks\Bindings class.

No Hooks.

Usage

$Bindings_Editor = new Bindings_Editor();
// use class methods

Methods

  1. public __construct()
  2. public enqueue_block_editor_assets()

Bindings_Editor{} code ACF 6.8.8

acf/src/Pro/Blocks/Bindings_Editor.php 
class Bindings_Editor {

	/**
	 * Constructor.
	 */
	public function __construct() {
		// The JS bindings layer relies on the stable registerBlockBindingsSource
		// API, which is only available on WP 6.7+.
		global $wp_version;
		if ( version_compare( $wp_version, '6.7', '<' ) ) {
			return;
		}

		add_action( 'enqueue_block_editor_assets', array( $this, 'enqueue_block_editor_assets' ) );
	}

	/**
	 * Enqueues the JS block bindings source script on block editor screens.
	 *
	 * @return void
	 */
	public function enqueue_block_editor_assets() {
		if ( ! acf_get_setting( 'enable_block_bindings' ) ) {
			return;
		}

		// JS bindings layer requires the datastore for live editor preview/editing.
		if ( ! acf_is_using_datastore() ) {
			return;
		}

		wp_enqueue_script( 'acf-field-bindings' );
	}
}