advanced-custom-fields-pro/pro/blocks.php

1887 lines
59 KiB
PHP
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
/**
* @package ACF
* @author WP Engine
*
* © 2025 Advanced Custom Fields (ACF®). All rights reserved.
* "ACF" is a trademark of WP Engine.
* Licensed under the GNU General Public License v2 or later.
* https://www.gnu.org/licenses/gpl-2.0.html
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
require_once 'blocks-auto-inline-editing.php';
use function ACF\Blocks\AutoInlineEditing\apply_inline_editing_attributes_to_render_template;
// Register store.
acf_register_store( 'block-types' );
acf_register_store( 'block-cache' );
acf_register_store( 'block-meta-values' );
// Register block.json support handlers.
add_filter( 'block_type_metadata', 'acf_add_block_namespace' );
add_filter( 'block_type_metadata_settings', 'acf_handle_json_block_registration', 99, 2 );
add_action( 'acf_block_render_template', 'acf_block_render_template', 10, 6 );
/**
* Prefix block names for ACF blocks registered through block.json
*
* @since 6.0.0
*
* @param array $metadata The block metadata array.
* @return array The original array with a prefixed block name if it's an ACF block.
*/
function acf_add_block_namespace( $metadata ) {
if ( acf_is_acf_block_json( $metadata ) ) {
// If the block doesn't already have a namespace, append ACF's.
if ( strpos( $metadata['name'], '/' ) === false ) {
$metadata['name'] = 'acf/' . acf_slugify( $metadata['name'] );
}
}
return $metadata;
}
/**
* Handle an ACF block registered through block.json
*
* @since 6.0.0
*
* @param array $settings The compiled block settings.
* @param array $metadata The raw json metadata.
*
* @return array Block registration settings with ACF required additions.
*/
function acf_handle_json_block_registration( $settings, $metadata ) {
if ( ! acf_is_acf_block_json( $metadata ) ) {
return $settings;
}
/**
* Filters the default ACF block version for blocks registered via block.json.
*
* @since 6.6.0
*
* @param integer $default_acf_block_version The default ACF block version.
* @param array $settings An array of block settings.
* @return integer
*/
$default_acf_block_version = apply_filters( 'acf/blocks/default_block_version', 2, $settings );
// Setup ACF defaults.
$settings = wp_parse_args(
$settings,
array(
'render_template' => false,
'render_callback' => false,
'enqueue_style' => false,
'enqueue_script' => false,
'enqueue_assets' => false,
'post_types' => array(),
'uses_context' => array(),
'supports' => array(),
'attributes' => array(),
'acf_block_version' => $default_acf_block_version,
'validate' => true,
'validate_on_load' => true,
'use_post_meta' => false,
)
);
// Add user provided attributes to ACF's required defaults.
$settings['attributes'] = wp_parse_args(
acf_get_block_type_default_attributes( $metadata ),
$settings['attributes']
);
// Add default ACF 'supports' settings.
$settings['supports'] = wp_parse_args(
$settings['supports'],
array(
'align' => true,
'html' => false,
'mode' => true,
'jsx' => true,
'multiple' => true,
)
);
// Add default ACF 'uses_context' settings.
$settings['uses_context'] = array_values(
array_unique(
array_merge(
$settings['uses_context'],
array(
'postId',
'postType',
)
)
)
);
// Map custom ACF properties from the ACF key, with localization.
$property_mappings = array(
'renderCallback' => 'render_callback',
'renderTemplate' => 'render_template',
'mode' => 'mode',
'blockVersion' => 'acf_block_version',
'postTypes' => 'post_types',
'validate' => 'validate',
'validateOnLoad' => 'validate_on_load',
'usePostMeta' => 'use_post_meta',
'hideFieldsInSidebar' => 'hide_fields_in_sidebar',
'autoInlineEditing' => 'auto_inline_editing',
);
$textdomain = ! empty( $metadata['textdomain'] ) ? $metadata['textdomain'] : 'acf';
$i18n_schema = get_block_metadata_i18n_schema();
foreach ( $property_mappings as $key => $mapped_key ) {
if ( isset( $metadata['acf'][ $key ] ) ) {
unset( $settings[ $key ] );
$settings[ $mapped_key ] = $metadata['acf'][ $key ];
if ( $textdomain && isset( $i18n_schema->$key ) ) {
$settings[ $mapped_key ] = translate_settings_using_i18n_schema( $i18n_schema->$key, $settings[ $key ], $textdomain );
}
}
}
if ( isset( $metadata['apiVersion'] ) ) {
// Use the apiVersion defined in block.json if it exists.
$settings['api_version'] = $metadata['apiVersion'];
} elseif ( $settings['acf_block_version'] >= 3 && version_compare( get_bloginfo( 'version' ), '6.3', '>=' ) ) {
// Otherwise, if we're on WP 6.3+ and the block is ACF block version 3 or greater, use apiVersion 3.
$settings['api_version'] = 3;
} else {
// Otherwise, default to apiVersion 2.
$settings['api_version'] = 2;
}
// Add the block name and registration path to settings.
$settings['name'] = $metadata['name'];
$settings['path'] = dirname( $metadata['file'] );
// Prevent blocks that usePostMeta from being nested or saving multiple.
if ( ! empty( $settings['use_post_meta'] ) ) {
$settings['parent'] = array( 'core/post-content' );
$settings['supports']['multiple'] = false;
}
acf_get_store( 'block-types' )->set( $metadata['name'], $settings );
add_action( 'enqueue_block_editor_assets', 'acf_enqueue_block_assets' );
// Ensure our render callback is used.
$settings['render_callback'] = 'acf_render_block_callback';
return $settings;
}
/**
* Check if a block.json block is an ACF block.
*
* @since 6.0.0
*
* @param array $metadata The raw block metadata array.
* @return boolean
*/
function acf_is_acf_block_json( $metadata ) {
return ( isset( $metadata['acf'] ) && $metadata['acf'] );
}
/**
* Registers a block type.
*
* @date 18/2/19
* @since 5.8.0
*
* @param array $block The block settings.
* @return (array|false)
*/
function acf_register_block_type( $block ) {
// Validate block type settings.
$block = acf_validate_block_type( $block );
/**
* Filters the arguments for registering a block type.
*
* @since 5.8.9
*
* @param array $block The array of arguments for registering a block type.
*/
$block = apply_filters( 'acf/register_block_type_args', $block );
// Require name.
if ( ! $block['name'] ) {
$message = __( 'Block type name is required.', 'acf' );
_doing_it_wrong( __FUNCTION__, $message, '5.8.0' ); //phpcs:ignore -- escape not required.
return false;
}
// Bail early if already exists.
if ( acf_has_block_type( $block['name'] ) ) {
/* translators: The name of the block type */
$message = sprintf( __( 'Block type "%s" is already registered.', 'acf' ), $block['name'] );
_doing_it_wrong( __FUNCTION__, $message, '5.8.0' ); //phpcs:ignore -- escape not required.
return false;
}
// Set ACF required attributes.
$block['attributes'] = acf_get_block_type_default_attributes( $block );
/**
* Filters the default ACF block version for blocks registered via acf_register_block_type().
*
* @since 6.6.0
*
* @param integer $default_acf_block_version The default ACF block version.
* @param array $block An array of block settings.
* @return integer
*/
$default_acf_block_version = apply_filters( 'acf/blocks/default_block_version', 1, $block );
if ( ! isset( $block['acf_block_version'] ) ) {
$block['acf_block_version'] = $default_acf_block_version;
}
if ( ! isset( $block['api_version'] ) ) {
if ( $block['acf_block_version'] >= 3 && version_compare( get_bloginfo( 'version' ), '6.3', '>=' ) ) {
$block['api_version'] = 3;
} else {
$block['api_version'] = 2;
}
}
// Add to storage.
acf_get_store( 'block-types' )->set( $block['name'], $block );
// Overwrite callback for WordPress registration.
$block['render_callback'] = 'acf_render_block_callback';
// Register block type in WP.
if ( function_exists( 'register_block_type' ) ) {
register_block_type(
$block['name'],
$block
);
}
// Register action.
add_action( 'enqueue_block_editor_assets', 'acf_enqueue_block_assets' );
// Return block.
return $block;
}
/**
* See acf_register_block_type().
*
* @date 18/2/19
* @since 5.7.12
*
* @param array $block The block settings.
* @return (array|false)
*/
function acf_register_block( $block ) {
return acf_register_block_type( $block );
}
/**
* Returns true if a block type exists for the given name.
*
* @since 5.7.12
*
* @param string $name The block type name.
* @return boolean
*/
function acf_has_block_type( $name ) {
return acf_get_store( 'block-types' )->has( $name );
}
/**
* Returns an array of all registered block types.
*
* @since 5.7.12
*
* @return array
*/
function acf_get_block_types() {
return acf_get_store( 'block-types' )->get();
}
/**
* Returns a block type for the given name.
*
* @since 5.7.12
*
* @param string $name The block type name.
* @return (array|null)
*/
function acf_get_block_type( $name ) {
return acf_get_store( 'block-types' )->get( $name );
}
/**
* Removes a block type for the given name.
*
* @since 5.7.12
*
* @param string $name The block type name.
* @return void
*/
function acf_remove_block_type( $name ) {
acf_get_store( 'block-types' )->remove( $name );
}
/**
* Returns an array of default attribute settings for a block type.
*
* @date 19/11/18
* @since 5.8.0
*
* @param array $block_type A block configuration array.
* @return array
*/
function acf_get_block_type_default_attributes( $block_type ) {
$attributes = array(
'name' => array(
'type' => 'string',
'default' => '',
),
'data' => array(
'type' => 'object',
'default' => array(),
),
'align' => array(
'type' => 'string',
'default' => '',
),
'mode' => array(
'type' => 'string',
'default' => '',
),
);
foreach ( acf_get_block_back_compat_attribute_key_array() as $new => $old ) {
if ( isset( $block_type['supports'][ $old ] ) ) {
$block_type['supports'][ $new ] = $block_type['supports'][ $old ];
unset( $block_type['supports'][ $old ] );
}
}
if ( ! empty( $block_type['supports']['alignText'] ) ) {
$attributes['alignText'] = array(
'type' => 'string',
'default' => '',
);
}
if ( ! empty( $block_type['supports']['alignContent'] ) ) {
$attributes['alignContent'] = array(
'type' => 'string',
'default' => '',
);
}
if ( ! empty( $block_type['supports']['fullHeight'] ) ) {
$attributes['fullHeight'] = array(
'type' => 'boolean',
'default' => '',
);
}
// For each of ACF's block attributes, check if the user's block attributes contains a default value we should use.
if ( isset( $block_type['attributes'] ) && is_array( $block_type['attributes'] ) ) {
foreach ( array_keys( $attributes ) as $key ) {
if ( isset( $block_type['attributes'][ $key ] ) && is_array( $block_type['attributes'][ $key ] ) && isset( $block_type['attributes'][ $key ]['default'] ) ) {
$attributes[ $key ]['default'] = $block_type['attributes'][ $key ]['default'];
}
}
}
return $attributes;
}
/**
* Validates a block type ensuring all settings exist.
*
* @since 5.8.0
*
* @param array $block The block settings.
* @return array
*/
function acf_validate_block_type( $block ) {
// Add default settings.
$block = wp_parse_args(
$block,
array(
'name' => '',
'title' => '',
'description' => '',
'category' => 'common',
'icon' => '',
'mode' => 'preview',
'keywords' => array(),
'supports' => array(),
'post_types' => array(),
'uses_context' => array(),
'render_template' => false,
'render_callback' => false,
'enqueue_style' => false,
'enqueue_script' => false,
'enqueue_assets' => false,
)
);
// Generate name with prefix.
if ( $block['name'] ) {
$block['name'] = 'acf/' . acf_slugify( $block['name'] );
}
// Add default 'supports' settings.
$block['supports'] = wp_parse_args(
$block['supports'],
array(
'align' => true,
'html' => false,
'mode' => true,
)
);
// Add default 'uses_context' settings.
$block['uses_context'] = wp_parse_args(
$block['uses_context'],
array(
'postId',
'postType',
)
);
// Correct "Experimental" flags.
if ( isset( $block['supports']['__experimental_jsx'] ) ) {
$block['supports']['jsx'] = $block['supports']['__experimental_jsx'];
}
// Normalize block 'parent' setting.
if ( array_key_exists( 'parent', $block ) ) {
// As of WP 6.8, parent must be an array.
if ( null === $block['parent'] ) {
unset( $block['parent'] );
} elseif ( is_string( $block['parent'] ) ) {
$block['parent'] = array( $block['parent'] );
}
}
// Return block.
return $block;
}
/**
* Prepares a block for use in render_callback by merging in all settings and attributes.
*
* @since 5.8.0
*
* @param array $block The block props.
* @return array|boolean
*/
function acf_prepare_block( $block ) {
// Bail early if no name.
if ( ! isset( $block['name'] ) ) {
return false;
}
// Ensure a block ID is always prefixed with `block_` for meta.
$block['id'] = acf_ensure_block_id_prefix( $block['id'] );
// Get block type and return false if doesn't exist.
$block_type = acf_get_block_type( $block['name'] );
if ( ! $block_type ) {
return false;
}
// Prevent protected attributes being overridden.
$protected = array(
'render_template',
'render_callback',
'enqueue_script',
'enqueue_style',
'enqueue_assets',
'post_types',
'use_post_meta',
);
$block = array_diff_key( $block, array_flip( $protected ) );
// Generate default attributes.
$attributes = array();
foreach ( acf_get_block_type_default_attributes( $block_type ) as $k => $v ) {
$attributes[ $k ] = $v['default'];
}
// Merge together arrays in order of least to most specific.
$block = array_merge( $block_type, $attributes, $block );
// Add backward compatibility attributes.
$block = acf_add_back_compat_attributes( $block );
// Return block.
return $block;
}
/**
* Add backwards compatible attribute values.
*
* @since 6.0.0
*
* @param array $block The original block.
* @return array Modified block array with backwards compatibility attributes.
*/
function acf_add_back_compat_attributes( $block ) {
foreach ( acf_get_block_back_compat_attribute_key_array() as $new => $old ) {
if ( ! empty( $block[ $new ] ) || ( isset( $block[ $new ] ) && ! isset( $block[ $old ] ) ) ) {
$block[ $old ] = $block[ $new ];
}
}
return $block;
}
/**
* Get back compat new values and old values.
*
* @since 6.0.0
*
* @return array back compat key array.
*/
function acf_get_block_back_compat_attribute_key_array() {
return array(
'fullHeight' => 'full_height',
'alignText' => 'align_text',
'alignContent' => 'align_content',
);
}
/**
* The render callback for all ACF blocks.
*
* @date 28/10/20
* @since 5.9.2
*
* @param array $attributes The block attributes.
* @param string $content The block content.
* @param WP_Block $wp_block The block instance (since WP 5.5).
* @return string The block HTML.
*/
function acf_render_block_callback( $attributes, $content = '', $wp_block = null ) {
$is_preview = false;
$post_id = get_the_ID();
// Set preview flag to true when rendering for the block editor.
if ( is_admin() && acf_is_block_editor() ) {
$is_preview = true;
}
// If ACF's block save method hasn't been called yet, try to initialize a default block.
if ( empty( $attributes['name'] ) && ! empty( $wp_block->name ) ) {
$attributes['name'] = $wp_block->name;
}
// Return rendered block HTML.
return acf_rendered_block( $attributes, $content, $is_preview, $post_id, $wp_block );
}
/**
* Returns the rendered block HTML.
*
* @date 28/2/19
* @since 5.7.13
*
* @param array $attributes The block attributes.
* @param string $content The block content.
* @param boolean $is_preview Whether or not the block is being rendered for editing preview.
* @param integer $post_id The current post being edited or viewed.
* @param WP_Block $wp_block The block instance (since WP 5.5).
* @param array $context The block context array.
* @param boolean $is_ajax_render Whether or not this is an ACF AJAX render.
* @return string The block HTML.
*/
function acf_rendered_block( $attributes, $content = '', $is_preview = false, $post_id = 0, $wp_block = null, $context = false, $is_ajax_render = false ) {
$registry = WP_Block_Type_Registry::get_instance();
$wp_block_type = $registry->get_registered( $attributes['name'] );
if ( isset( $wp_block_type->acf_block_version ) && $wp_block_type->acf_block_version >= 3 ) {
$mode = 'preview';
$form = false;
} else {
$mode = isset( $attributes['mode'] ) ? $attributes['mode'] : 'auto';
$form = ( 'edit' === $mode && $is_preview );
}
// If context is available from the WP_Block class object and we have no context of our own, use that.
if ( empty( $context ) && ! empty( $wp_block->context ) ) {
$context = $wp_block->context;
}
// Check if we need to generate a block ID.
$force_new_id = false;
if ( acf_block_uses_post_meta( $attributes ) && ! empty( $attributes['id'] ) && empty( $attributes['data'] ) ) {
$force_new_id = true;
}
$attributes['id'] = acf_get_block_id( $attributes, $context, $force_new_id );
// Check if we've already got a cache of this block ID and return it to save rendering if we're in the backend.
if ( $is_preview ) {
$cached_block = acf_get_store( 'block-cache' )->get( $attributes['id'] );
if ( $cached_block ) {
if ( $form ) {
if ( $cached_block['form'] ) {
return $cached_block['html'];
}
} elseif ( ! $cached_block['form'] ) {
return $cached_block['html'];
}
}
}
ob_start();
$validation = false;
if ( $form ) {
// Load the block form since we're in edit mode.
// Set flag for post REST cleanup of media enqueue count during preloads.
acf_set_data( 'acf_did_render_block_form', true );
$block = acf_prepare_block( $attributes );
$block = acf_add_block_meta_values( $block, $post_id );
acf_setup_meta( $block['data'], $block['id'], true );
if ( ! empty( $block['validate'] ) ) {
$validation = acf_get_block_validation_state( $block, false, false, true );
}
$fields = acf_get_block_fields( $block );
if ( $fields ) {
acf_prefix_fields( $fields, "acf-{$block['id']}" );
echo '<div class="acf-block-fields acf-fields" data-block-id="' . esc_attr( $block['id'] ) . '">';
acf_render_fields( $fields, acf_ensure_block_id_prefix( $block['id'] ), 'div', 'field' );
echo '</div>';
} else {
echo acf_get_empty_block_form_html( $attributes['name'] ); //phpcs:ignore -- escaped in function.
}
} else {
if ( $is_preview ) {
acf_set_data( 'acf_doing_block_preview', true );
}
// Capture block render output.
acf_render_block( $attributes, $content, $is_preview, $post_id, $wp_block, $context );
if ( $is_preview && ! $is_ajax_render ) {
/**
* If we're in preloaded preview, we need to get the validation state for a preview too.
* Because the block render resets meta once it's finished to not pollute $post_id, we need to redo that process here.
*/
$block = acf_prepare_block( $attributes );
$block = acf_add_block_meta_values( $block, $post_id );
$block_toolbar_fields = acf_process_block_toolbar_fields( apply_filters( 'acf/blocks/top_toolbar_fields', array(), $block, $content, $is_preview, $post_id, $wp_block, $context ) );
$fields = acf_get_block_fields( $block );
acf_setup_meta( $block['data'], $block['id'], true );
if ( ! empty( $block['validate'] ) ) {
$validation = acf_get_block_validation_state( $block, false, false, true );
}
}
}
$html = ob_get_clean();
$html = is_string( $html ) ? $html : '';
// Replace <InnerBlocks /> placeholder on front-end, or if we're rendering an ACF block inside another ACF block template.
if ( ! $is_preview || doing_action( 'acf_block_render_template' ) ) {
// Escape "$" character to avoid "capture group" interpretation.
$content = str_replace( '$', '\$', $content );
// Wrap content in our acf-inner-container wrapper if necessary.
if ( $wp_block && $wp_block->block_type->acf_block_version > 1 && apply_filters( 'acf/blocks/wrap_frontend_innerblocks', true, $attributes['name'] ) ) {
// Check for a class (or className) provided in the template to become the InnerBlocks wrapper class.
$matches = array();
if ( preg_match( '/<InnerBlocks(?:[^<]+?)(?:class|className)=(?:["\']\W+\s*(?:\w+)\()?["\']([^\'"]+)[\'"]/', $html, $matches ) ) {
$class = isset( $matches[1] ) ? $matches[1] : 'acf-innerblocks-container';
} else {
$class = 'acf-innerblocks-container';
}
$content = '<div class="' . $class . '">' . $content . '</div>';
}
$html = preg_replace( '/<InnerBlocks([\S\s]*?)\/>/', $content, $html );
}
$block_cache = array(
'form' => $form,
'html' => $html,
);
if ( $is_preview && $validation ) {
// If we're in the preview, also store the validation status in the block cache.
$block_cache['validation'] = $validation;
}
if ( isset( $block_toolbar_fields ) ) {
$block_cache['blockToolbarFields'] = $block_toolbar_fields;
}
if ( isset( $fields ) ) {
$block_cache['fields'] = $fields;
}
// Store in cache for preloading if we're in the backend.
acf_get_store( 'block-cache' )->set(
$attributes['id'],
$block_cache
);
acf_set_data( 'acf_doing_block_preview', false );
// Prevent edit forms being output to rest endpoints.
if ( $form && acf_get_data( 'acf_inside_rest_call' ) && apply_filters( 'acf/blocks/prevent_edit_forms_on_rest_endpoints', true ) ) {
return '';
}
return $html;
}
/**
* Renders the block HTML.
*
* @since 5.7.12
*
* @param array $attributes The block attributes.
* @param string $content The block content.
* @param boolean $is_preview Whether or not the block is being rendered for editing preview.
* @param integer $post_id The current post being edited or viewed.
* @param WP_Block $wp_block The block instance (since WP 5.5).
* @param array $context The block context array.
* @return void|string
*/
function acf_render_block( $attributes, $content = '', $is_preview = false, $post_id = 0, $wp_block = null, $context = false ) {
// Prepare block ensuring all settings and attributes exist.
$block = acf_prepare_block( $attributes );
if ( ! $block ) {
return '';
}
// Find post_id if not defined.
if ( ! $post_id ) {
$post_id = get_the_ID();
}
// Enqueue block type assets.
acf_enqueue_block_type_assets( $block );
$block = acf_add_block_meta_values( $block, $post_id );
// Setup postdata allowing get_field() to work.
acf_setup_meta( $block['data'], $block['id'], true );
// Call render_callback.
if ( is_callable( $block['render_callback'] ) ) {
call_user_func( $block['render_callback'], $block, $content, $is_preview, $post_id, $wp_block, $context );
// Or include template.
} elseif ( $block['render_template'] ) {
do_action( 'acf_block_render_template', $block, $content, $is_preview, $post_id, $wp_block, $context );
}
// Reset postdata.
acf_reset_meta( $block['id'] );
}
/**
* Locate and include an ACF block's template.
*
* @since 6.0.4
*
* @param array $block The block props.
*/
function acf_block_render_template( $block, $content, $is_preview, $post_id, $wp_block, $context ) {
// Locate template.
if ( isset( $block['path'] ) && file_exists( $block['path'] . '/' . $block['render_template'] ) ) {
$path = $block['path'] . '/' . $block['render_template'];
} elseif ( file_exists( $block['render_template'] ) ) {
$path = $block['render_template'];
} else {
$path = locate_template( $block['render_template'] );
}
do_action( 'acf/blocks/pre_block_template_render', $block, $content, $is_preview, $post_id, $wp_block, $context );
// Include template.
if ( file_exists( $path ) ) {
if ( $is_preview && ! empty( $block['auto_inline_editing'] ) ) {
$result = apply_inline_editing_attributes_to_render_template( $path, $block, $is_preview );
// In order to allow block render templates to support any html tags,
// we must assume that escaping has already been properly handled by the block render template here.
// Typically we'd use something like wp_kses here, but that would limit the HTML tags that can be used.
// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
echo $result;
} else {
include $path;
}
} elseif ( $is_preview ) {
echo acf_esc_html( apply_filters( 'acf/blocks/template_not_found_message', '<p>' . __( 'The render template for this ACF Block was not found', 'acf' ) . '</p>' ) );
}
do_action( 'acf/blocks/post_block_template_render', $block, $content, $is_preview, $post_id, $wp_block, $context );
}
/**
* Returns an array of all fields for the given block.
*
* @date 24/10/18
* @since 5.8.0
*
* @param array $block The block props.
* @return array
*/
function acf_get_block_fields( $block ) {
$fields = array();
// We need at least a block name to check.
if ( empty( $block['name'] ) ) {
return $fields;
}
// Get field groups for this block.
$field_groups = acf_get_field_groups(
array(
'block' => $block['name'],
)
);
// Loop over results and append fields.
if ( $field_groups ) {
foreach ( $field_groups as $field_group ) {
$fields = array_merge( $fields, acf_get_fields( $field_group ) );
}
}
return $fields;
}
/**
* Enqueues and localizes block scripts and styles.
*
* @since 5.7.13
*
* @return void
*/
function acf_enqueue_block_assets() {
// Localize text.
acf_localize_text(
array(
'Switch to Edit' => __( 'Switch to Edit', 'acf' ),
'Switch to Preview' => __( 'Switch to Preview', 'acf' ),
'Change content alignment' => __( 'Change content alignment', 'acf' ),
'Error previewing block' => __( 'An error occurred when loading the preview for this block.', 'acf' ),
'Error loading block form' => __( 'An error occurred when loading the block in edit mode.', 'acf' ),
'Edit Block' => __( 'Edit Block', 'acf' ),
'Open Expanded Editor' => __( 'Open Expanded Editor', 'acf' ),
'Error previewing block v3' => __( 'The preview for this block couldnt be loaded. Review its content or settings for issues.', 'acf' ),
'ACF Block' => __( 'ACF Block', 'acf' ),
'Done' => __( 'Done', 'acf' ),
/* translators: %s: Block type title */
'%s settings' => __( '%s settings', 'acf' ),
)
);
// Get block types.
$block_types = array_map(
function ( $block ) {
// Render Callback may contain a incompatible class for JSON encoding. Turn it into a boolean for the frontend.
$block['render_callback'] = ! empty( $block['render_callback'] );
return $block;
},
acf_get_block_types()
);
// Localize data.
acf_localize_data(
array(
'blockTypes' => array_values( $block_types ),
'postType' => get_post_type(),
)
);
// Enqueue script.
$min = defined( 'ACF_DEVELOPMENT_MODE' ) && ACF_DEVELOPMENT_MODE ? '' : '.min';
$blocks_js_path = acf_get_url( "assets/build/js/pro/acf-pro-blocks{$min}.js" );
wp_enqueue_script( 'acf-blocks', $blocks_js_path, array( 'acf-input', 'wp-blocks' ), ACF_VERSION, true );
// Enqueue block assets.
array_map( 'acf_enqueue_block_type_assets', $block_types );
// During the edit screen loading, WordPress renders all blocks in its own attempt to preload data.
// Retrieve any cached block HTML and include this in the localized data.
if ( acf_get_setting( 'preload_blocks' ) ) {
$preloaded_blocks = acf_get_store( 'block-cache' )->get_data();
acf_localize_data(
array(
'preloadedBlocks' => $preloaded_blocks,
)
);
}
}
/**
* Enqueues scripts and styles to load inside the block editor iframe.
* This allows us to do things like style contenteditable, and other inline editing elements.
*
* @since 6.7
*/
function acf_enqueue_in_iframe_styles() {
if ( is_admin() ) {
$min = defined( 'ACF_DEVELOPMENT_MODE' ) && ACF_DEVELOPMENT_MODE ? '' : '.min';
$css_path = acf_get_url( "assets/build/css/pro/acf-styles-in-iframe-for-blocks{$min}.css" );
wp_enqueue_style( 'acf-inline-editing-styles', $css_path, ACF_VERSION, true );
}
}
add_action( 'enqueue_block_assets', 'acf_enqueue_in_iframe_styles' );
/**
* Enqueues scripts and styles for a specific block type.
*
* @since 5.7.13
*
* @param array $block_type The block type settings.
* @return void
*/
function acf_enqueue_block_type_assets( $block_type ) {
// Generate handle from name.
$handle = 'block-' . acf_slugify( $block_type['name'] );
// Enqueue style.
if ( $block_type['enqueue_style'] ) {
wp_enqueue_style( $handle, $block_type['enqueue_style'], array(), ACF_VERSION, 'all' );
}
// Enqueue script.
if ( $block_type['enqueue_script'] ) {
wp_enqueue_script( $handle, $block_type['enqueue_script'], array(), ACF_VERSION, true );
}
// Enqueue assets callback.
if ( $block_type['enqueue_assets'] && is_callable( $block_type['enqueue_assets'] ) ) {
call_user_func( $block_type['enqueue_assets'], $block_type );
}
}
/**
* Handles the ajax request for block data.
*
* @since 5.7.13
*
* @return void
*/
function acf_ajax_fetch_block() {
// Validate ajax request.
if ( ! acf_verify_ajax() ) {
wp_send_json_error();
}
// Get request args.
$args = acf_request_args(
array(
'post_id' => 0,
'clientId' => null,
'query' => array(),
)
);
// Verify capability.
if ( ! empty( $args['post_id'] ) && is_numeric( $args['post_id'] ) ) {
// Editing a normal post - we can verify if the user has access to that post.
if ( ! acf_current_user_can_edit_post( (int) $args['post_id'] ) ) {
wp_send_json_error();
}
} else {
// Could be editing a widget, using the site editor, etc.
$render_capability = apply_filters( 'acf/blocks/render_capability', 'edit_theme_options', $args['post_id'] );
if ( ! current_user_can( $render_capability ) ) {
wp_send_json_error();
}
}
$args['block'] = isset( $_REQUEST['block'] ) ? $_REQUEST['block'] : false; //phpcs:ignore -- requires auth; designed to contain unescaped html.
$args['context'] = isset( $_REQUEST['context'] ) ? $_REQUEST['context'] : array(); //phpcs:ignore -- requires auth; designed to contain unescaped html.
$block = $args['block'];
$query = $args['query'];
$client_id = $args['clientId'];
$raw_context = $args['context'];
$post_id = $args['post_id'];
// Bail early if no block.
if ( ! $block ) {
wp_send_json_error();
}
// Unslash and decode $_POST data for block and context.
$block = wp_unslash( $block );
$block = json_decode( $block, true );
$context = false;
if ( ! empty( $raw_context ) ) {
$raw_context = wp_unslash( $raw_context );
$raw_context = json_decode( $raw_context, true );
if ( is_array( $raw_context ) ) {
$context = $raw_context;
// Check if a postId is set in the context, otherwise try and use it the default post_id.
$post_id = isset( $context['postId'] ) ? intval( $context['postId'] ) : intval( $args['post_id'] );
}
}
// Check if clientId should become $block['id'].
if ( empty( $block['id'] ) && ! empty( $client_id ) ) {
$block['id'] = $client_id;
}
// Prepare block ensuring all settings and attributes exist.
$block = acf_prepare_block( $block );
$block = acf_add_block_meta_values( $block, $post_id );
if ( ! $block ) {
wp_send_json_error();
}
// Load field defaults when first previewing a block.
$first_preview = false;
if ( ! empty( $query['preview'] ) && ! $block['data'] ) {
$fields = acf_get_block_fields( $block );
foreach ( $fields as $field ) {
$block['data'][ "_{$field['name']}" ] = $field['key'];
}
$first_preview = true;
}
// Setup postdata allowing form to load meta.
acf_setup_meta( $block['data'], $block['id'], true );
// Setup main postdata for post_id.
global $post;
//phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited -- required for block template rendering.
$post = get_post( $post_id );
setup_postdata( $post );
// Vars.
$response = array( 'clientId' => $client_id );
// Check if we've recieved serialised form data
$use_post_data = false;
if ( ! empty( $block['data'] ) && is_array( $block['data'] ) ) {
// Ensure we've got field keys posted.
$valid_field_keys = array_filter( array_keys( $block['data'] ), 'acf_is_field_key' );
if ( ! empty( $valid_field_keys ) ) {
$use_post_data = true;
}
}
$query['validate'] = ( ! empty( $query['validate'] ) && ( $query['validate'] === 'true' || $query['validate'] === true ) );
if ( ! empty( $query['validate'] ) || ! empty( $block['validate'] ) ) {
$response['validation'] = acf_get_block_validation_state( $block, $first_preview, $use_post_data );
}
// Query form.
if ( ! empty( $query['form'] ) ) {
// Load fields for form.
$fields = acf_get_block_fields( $block );
// Prefix field inputs to avoid multiple blocks using the same name/id attributes.
acf_prefix_fields( $fields, "acf-{$block['id']}" );
if ( $fields ) {
$response['fields'] = $fields;
// Start Capture.
ob_start();
// Render.
echo '<div class="acf-block-fields acf-fields" data-block-id="' . esc_attr( $block['id'] ) . '">';
acf_render_fields( $fields, $block['id'], 'div', 'field' );
echo '</div>';
// Store Capture.
$response['form'] = ob_get_clean();
} else {
// There are no fields on this block.
$response['form'] = acf_get_empty_block_form_html( $block['name'] ); //phpcs:ignore -- escaped in function.
}
}
// Query preview.
if ( ! empty( $query['preview'] ) ) {
// Render_callback vars.
$content = '';
$is_preview = true;
// Render and store HTML.
$response['preview'] = acf_rendered_block( $block, $content, $is_preview, $post_id, null, $context, true );
$response['blockToolbarFields'] = acf_process_block_toolbar_fields( apply_filters( 'acf/blocks/top_toolbar_fields', array(), $block, $content, $is_preview, $post_id, null, $context ) );
}
// Send response.
wp_send_json_success( $response );
}
// Register ajax action.
acf_register_ajax( 'fetch-block', 'acf_ajax_fetch_block' );
/**
* Render the empty block form for when a block has no fields assigned.
*
* @since 6.0.0
*
* @param string $block_name The block name current being rendered.
* @return string The html that makes up a block form with no fields.
*/
function acf_get_empty_block_form_html( $block_name ) {
$message = __( 'This block contains no editable fields.', 'acf' );
if ( acf_current_user_can_admin() ) {
$message .= ' ';
$message .= sprintf(
/* translators: %s: an admin URL to the field group edit screen */
__( 'Assign a <a href="%s" target="_blank">field group</a> to add fields to this block.', 'acf' ),
admin_url( 'edit.php?post_type=acf-field-group' )
);
}
$message = apply_filters( 'acf/blocks/no_fields_assigned_message', $message, $block_name );
if ( ! is_string( $message ) ) {
$message = '';
}
if ( empty( $message ) ) {
return acf_esc_html( '<div class="acf-empty-block-fields"></div>' );
} else {
return acf_esc_html( '<div class="acf-block-fields acf-fields acf-empty-block-fields">' . $message . '</div>' );
}
}
/**
* Parse content that may contain HTML block comments and saves ACF block meta.
*
* @since 5.7.13
*
* @param string $text Content that may contain HTML block comments.
* @return string
*/
function acf_parse_save_blocks( $text = '' ) {
// Search text for dynamic blocks and modify attrs.
return addslashes(
preg_replace_callback(
'/<!--\s+wp:(?P<name>[\S]+)\s+(?P<attrs>{[\S\s]+?})\s+(?P<void>\/)?-->/',
'acf_parse_save_blocks_callback',
stripslashes( $text )
)
);
}
// Hook into saving process.
add_filter( 'content_save_pre', 'acf_parse_save_blocks', 5, 1 );
/**
* Callback used in preg_replace to modify ACF Block comment.
*
* @since 5.7.13
*
* @param array $matches The preg matches.
* @return string
*/
function acf_parse_save_blocks_callback( $matches ) {
// Defaults.
$name = isset( $matches['name'] ) ? $matches['name'] : '';
$attrs = isset( $matches['attrs'] ) ? json_decode( $matches['attrs'], true ) : '';
$void = isset( $matches['void'] ) ? $matches['void'] : '';
// Bail early if missing data or not an ACF Block.
if ( ! $name || ! $attrs || ! acf_has_block_type( $name ) ) {
return $matches[0];
}
// Check if we need to generate a block ID.
$block_id = acf_ensure_block_id_prefix( acf_get_block_id( $attrs ) );
if ( ! empty( $attrs['data'] ) ) {
if ( acf_block_uses_post_meta( $attrs ) ) {
// Block ID is used later to retrieve & save values.
$attrs['id'] = $block_id;
// Cache the values until we have a post ID and can save.
$store = acf_get_store( 'block-meta-values' );
$store->set( $block_id, $attrs['data'] );
// No need to store values in post content.
unset( $attrs['data'] );
} else {
// Convert "data" to "meta".
// No need to check if already in meta format. Local Meta will do this for us.
$attrs['data'] = acf_setup_meta( $attrs['data'], $block_id );
}
}
/**
* Filters the block attributes before saving.
*
* @since 5.7.14
*
* @param array $attrs The block attributes.
*/
$attrs = apply_filters( 'acf/pre_save_block', $attrs );
// Gutenberg expects a specific encoding format.
$attrs = acf_serialize_block_attributes( $attrs );
return '<!-- wp:' . $name . ' ' . $attrs . ' ' . $void . '-->';
}
/**
* Return or generate a block ID.
*
* @since 6.0.0
*
* @param array $attributes A block attributes array.
* @param array $context The block context array, defaults to an empty array.
* @param boolean $force If we should generate a new block ID even if one exists.
* @return string A block ID.
*/
function acf_get_block_id( $attributes, $context = array(), $force = false ) {
$context = is_array( $context ) ? $context : array();
ksort( $context );
$attributes['_acf_context'] = $context;
if ( empty( $attributes['id'] ) || $force ) {
unset( $attributes['id'] );
// Remove all empty string values as they're not present in JS hash building.
foreach ( $attributes as $key => $value ) {
if ( '' === $value ) {
unset( $attributes[ $key ] );
}
}
// Check if data is empty and remove it if so to match JS hash building.
if ( isset( $attributes['data'] ) && empty( $attributes['data'] ) ) {
unset( $attributes['data'] );
}
ksort( $attributes );
return md5( wp_json_encode( $attributes, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE ) );
}
return $attributes['id'];
}
/**
* Ensure a block ID always has a block_ prefix for post meta internals.
*
* @since 6.0.0
*
* @param string $block_id A possibly non-prefixed block ID.
* @return string A prefixed block ID.
*/
function acf_ensure_block_id_prefix( $block_id ) {
if ( substr( $block_id, 0, 6 ) === 'block_' ) {
return $block_id;
}
return 'block_' . $block_id;
}
/**
* This directly copied from the WordPress core `serialize_block_attributes()` function.
*
* We need this in order to make sure that block attributes are stored in a way that is
* consistent with how Gutenberg sends them over from JS, and so that things like wp_kses()
* work as expected. Copied from core to get around a bug that was fixed in 5.8.1 or on the off chance
* that folks are still using WP 5.3 or below.
*
* TODO: Remove this when we refactor `acf_parse_save_blocks_callback()` to use `serialize_block()`,
* or when we're confident that folks aren't using WP versions prior to 5.8.
*
* @since 5.12
*
* @param array $block_attributes Attributes object.
* @return string Serialized attributes.
*/
function acf_serialize_block_attributes( $block_attributes ) {
$encoded_attributes = wp_json_encode( $block_attributes, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE );
$encoded_attributes = preg_replace( '/--/', '\\u002d\\u002d', $encoded_attributes );
$encoded_attributes = preg_replace( '/</', '\\u003c', $encoded_attributes );
$encoded_attributes = preg_replace( '/>/', '\\u003e', $encoded_attributes );
$encoded_attributes = preg_replace( '/&/', '\\u0026', $encoded_attributes );
// Regex: /\\"/.
$encoded_attributes = preg_replace( '/\\\\"/', '\\u0022', $encoded_attributes );
return $encoded_attributes;
}
/**
* Handle validating a block's fields and return the validity, and any errors.
*
* This function can use values loaded into Local Meta, which means they have to be
* converted back to the data format before they can be validated.
*
* @since 6.3
*
* @param array $block An array of the block's data attribute.
* @param boolean $using_defaults True if the block is currently being generated with default values. Default false.
* @param boolean $use_post_data True if we should validate the POSTed data rather than local meta values. Default false.
* @param boolean $on_load True if we're validating as part of a render. This is essentially the same as a first load. Default false.
* @return array An array containing a valid boolean, and an errors array.
*/
function acf_get_block_validation_state( $block, $using_defaults = false, $use_post_data = false, $on_load = false ) {
$block_id = $block['id'];
if ( $on_load && empty( $block['validate_on_load'] ) ) {
// If we're in a page load render, and validate on load is false, skip validation.
$errors = false;
} elseif ( $use_post_data ) {
$errors = acf_validate_block_from_post_data( $block );
} elseif ( $using_defaults || empty( $block['data'] ) ) {
// If data is empty or it's first preview, load the default fields for this block so we can get a required validation state from the current field set.
// Treat as "on load" if it's the first render of a block.
if ( empty( $block['validate_on_load'] ) ) {
$errors = false;
} else {
$errors = acf_validate_block_from_local_meta( $block_id, acf_get_block_fields( $block ), true );
}
} else {
$errors = acf_validate_block_from_local_meta( $block_id, get_field_objects( $block_id, false ), false );
}
return array(
'valid' => empty( $errors ),
'errors' => $errors,
);
}
/**
* Handle the specific validation for a block from POSTed values.
*
* @since 6.3.1
*
* @param array $block The block object containing the POSTed values and other block data
* @return array|boolean An array containing the validation errors, or false if there are no errors.
*/
function acf_validate_block_from_post_data( $block ) {
acf_reset_validation_errors();
acf_validate_values( $block['data'], "acf-{$block['id']}" );
$errors = acf_get_validation_errors();
return $errors;
}
/**
* Handle the specific validation for a block from local meta.
*
* This function uses the values loaded into Local Meta, which means they have to be
* converted back to the data format because they can be validated.
*
* @since 6.3.1
*
* @param string $block_id The block ID.
* @param array $field_objects The field objects in local meta to be validated.
* @param boolean $using_defaults True if this is the first load of the block, when special validation may apply.
* @return array|boolean An array containing the validation errors, or false if there are no errors.
*/
function acf_validate_block_from_local_meta( $block_id, $field_objects, $using_defaults = false ) {
if ( empty( $field_objects ) ) {
return false;
}
$using_loaded_meta = false;
if ( acf_get_data( $block_id . '_loaded_meta_values' ) ) {
$using_loaded_meta = true;
}
acf_reset_validation_errors();
foreach ( $field_objects as $field ) {
// Skip for nested fields - these don't work correctly on initial load of a saved block.
if ( ! empty( $field['sub_fields'] ) ) {
continue;
}
// If we're using default values, or loaded meta we may have values which are about to be populated at field render, so shouldn't raise errors here.
if ( $using_defaults || $using_loaded_meta ) {
// Fields with conditional logic applied shouldn't be validated during first load as conditionals aren't respected.
if ( ! empty( $field['conditional_logic'] ) ) {
continue;
}
// If we've got a empty value with a default value set and it's first load, don't produce a validation error as it will be substituted on render.
if ( $field['required'] && empty( $field['value'] ) && ! empty( $field['default_value'] ) ) {
continue;
}
// If we're loading a few radio or select-like fields, without allow null, HTML will automatically select the first value on render, so skip here.
if ( $field['required'] && in_array( $field['type'], array( 'radio', 'button_group', 'select' ), true ) && ! $field['allow_null'] ) {
continue;
}
}
$key = $field['key'];
$value = $field['value'];
acf_validate_value( $value, $field, "acf-{$block_id}[{$key}]" );
}
return acf_get_validation_errors();
}
/**
* Set ACF data before a rest call if media scripts have not been enqueued yet for after REST reset.
*
* @date 07/06/22
* @since 6.0
*
* @param WP_REST_Response|WP_HTTP_Response|WP_Error|mixed $response The WordPress response object.
* @return mixed
*/
function acf_set_after_rest_media_enqueue_reset_flag( $response ) {
global $wp_actions;
acf_set_data( 'acf_inside_rest_call', true );
acf_set_data( 'acf_should_reset_media_enqueue', empty( $wp_actions['wp_enqueue_media'] ) );
acf_set_data( 'acf_did_render_block_form', false );
return $response;
}
add_filter( 'rest_request_before_callbacks', 'acf_set_after_rest_media_enqueue_reset_flag' );
/**
* Reset wp_enqueue_media action count after REST call so it can happen inside the main execution if required.
*
* @date 07/06/22
* @since 6.0
*
* @param WP_REST_Response|WP_HTTP_Response|WP_Error|mixed $response The WordPress response object.
* @return mixed
*/
function acf_reset_media_enqueue_after_rest( $response ) {
acf_set_data( 'acf_inside_rest_call', false );
if ( acf_get_data( 'acf_should_reset_media_enqueue' ) && acf_get_data( 'acf_did_render_block_form' ) ) {
global $wp_actions;
//phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited -- no other option here as this works around a breaking WordPress change with REST preload scopes.
$wp_actions['wp_enqueue_media'] = 0;
}
return $response;
}
add_filter( 'rest_request_after_callbacks', 'acf_reset_media_enqueue_after_rest' );
/**
* Checks if the provided block is configured to save/load post meta.
*
* @since 6.3
*
* @param array $block The block to check.
* @return boolean
*/
function acf_block_uses_post_meta( $block ): bool {
if ( ! empty( $block['name'] ) && ! isset( $block['use_post_meta'] ) ) {
$block = acf_get_block_type( $block['name'] );
}
return ! empty( $block['use_post_meta'] );
}
/**
* Loads ACF field values from the post meta if the block is configured to do so.
*
* @since 6.3
*
* @param array $block The block to get values for.
* @param integer $post_id The ID of the post to retrieve meta from.
* @return array
*/
function acf_add_block_meta_values( $block, $post_id ) {
// Bail if the block already has data (i.e. previewing an update).
if ( ! is_array( $block ) || ! empty( $block['data'] ) ) {
return $block;
}
// Bail if block doesn't load from meta.
if ( ! acf_block_uses_post_meta( $block ) ) {
return $block;
}
// Bail if we don't have a post ID or block ID.
if ( empty( $post_id ) || empty( $block['id'] ) ) {
return $block;
}
$fields = acf_get_block_fields( $block );
if ( empty( $fields ) ) {
return $block;
}
$values = array();
$store = acf_get_store( 'values' );
$block_id = acf_ensure_block_id_prefix( $block['id'] );
foreach ( $fields as $field ) {
$value = acf_get_value( $post_id, $field );
// Make sure we got a value (i.e. $allow_load = true).
if ( ! $store->has( "{$post_id}:{$field['name']}" ) ) {
continue;
}
$store->set( "{$block_id}:{$field['name']}", $value );
$values[ $field['name'] ] = $value;
$values[ '_' . $field['name'] ] = $field['key']; // TODO: Is there a better way to generate this?
}
$block['data'] = $values;
acf_set_data( $block_id . '_loaded_meta_values', true );
return $block;
}
/**
* Stores ACF field values in post meta for any blocks configured to do so.
*
* @since 6.3
*
* @param integer $post_id The ID of the post being saved.
* @param WP_Post $post The post object.
* @return void
*/
function acf_save_block_meta_values( $post_id, $post ) {
$meta_values = acf_get_block_meta_values_to_save( $post->post_content );
if ( empty( $meta_values ) ) {
return;
}
// Save values for any post meta blocks.
acf_save_post( $post_id, $meta_values );
}
add_action( 'save_post', 'acf_save_block_meta_values', 10, 2 );
/**
* Iterates over blocks in post content and retrieves values
* that need to be saved to post meta.
*
* @since 6.3
*
* @param string $content The content saved for the post.
* @return array An array containing the field values that need to be saved.
*/
function acf_get_block_meta_values_to_save( $content = '' ) {
$meta_values = array();
// Bail early if not in a format we expect or if it has no blocks.
if ( ! is_string( $content ) || empty( $content ) || ! has_blocks( $content ) ) {
return $meta_values;
}
$blocks = parse_blocks( $content );
// Bail if no blocks to save.
if ( ! is_array( $blocks ) || empty( $blocks ) ) {
return $meta_values;
}
foreach ( $blocks as $block ) {
// Verify this is an ACF block that should save to meta.
if ( ! acf_block_uses_post_meta( $block['attrs'] ) ) {
continue;
}
// We need a block ID to retrieve the values from cache.
$block_id = ! empty( $block['attrs']['id'] ) ? $block['attrs']['id'] : false;
if ( ! $block_id ) {
continue;
}
// Verify that we have values for this block.
$store = acf_get_store( 'block-meta-values' );
if ( ! $store->has( $block_id ) ) {
continue;
}
// Get the values and remove from cache.
$block_values = $store->get( $block_id );
$store->remove( $block_id );
$meta_values = array_merge( $meta_values, $block_values );
}
return $meta_values;
}
/**
* Helper function that returns the HTML attributes required for toolbar inline editing as a string, escaped and ready for output.
*
* @param array $fields Array {
* Required. A list of the fields, each of which which will be displayed in the popup toolbar.
*
* Each field can be passed as:
*
* - A string (e.g. `'my_field_name'`)
* - An associative array with specific keys:
* @type string $field_name The name of the field to display in the toolbar.
* @type string $field_icon An html tag, can be an svg, to be used as the toolbar icon. If not passed, the icon of the first field will be used.
* @type string $field_label A string to use as the label for the button in the toolbar.
* @type boolean $use_expanded_editor Default is false, which opens the field in the popover. Set to true to open in the expanded editor.
* @type string $popover_min_width Enter the CSS width value to use for the popover. Default is "300px".
* }
*
* @param array $args Array {
* Optional. An array of additional args which can control how the toolbar is displayed and used.
*
* @type string $toolbar_icon Optional. An html tag, can be an svg, to be used as the toolbar icon. If not passed, the icon of the first field will be used.
* @type string $toolbar_title Optional. A string to be used as the toolbar title. If not passed, the name of the first field will be used.
* @type string $uid Optional. A unique identifier that isn't used by any other inline fields in this block. Pass if you have 2 elements that conflict.
* }
*
* @return string A string containing the attributes.
*/
function acf_inline_toolbar_editing_attrs( $fields, $args = array() ): string {
if ( empty( $fields ) ) {
return '';
}
$default_args = array(
'toolbar_icon' => null,
'toolbar_title' => null,
'uid' => null,
);
$args = wp_parse_args( $args, $default_args );
$render = acf_get_data( 'acf_doing_block_preview' );
if ( ! $render ) {
return '';
}
// Get the block id.
$meta_instance = acf_get_instance( 'ACF_Local_Meta' );
$block_id = $meta_instance->post_id;
if ( empty( $block_id ) || ! str_starts_with( $block_id, 'block_' ) ) {
return '';
}
// Prefix the generated uid with the blockid.
$generated_uid = $block_id;
$fields_processed = array();
/**
* Filters the field types that should open in the expanded editor by default.
*
* @since 6.7.0
*
* @param array $field_types An array of field type names.
* @return array
*/
$fields_to_open_in_expanded_editor = apply_filters(
'acf/blocks/fields_to_open_in_expanded_editor',
array(
'repeater',
'flexible_content',
)
);
/**
* Filters the field types that require a wider popover for inline editing.
*
* @since 6.7.0
*
* @param array $field_types An array of field type names.
* @return array
*/
$fields_needing_wide_popover = apply_filters(
'acf/blocks/fields_needing_wide_popover',
array(
'gallery',
'relationship',
'wysiwyg',
'google_map',
)
);
$popover_min_width_normal = '300px';
$popover_min_width_wide = '600px';
foreach ( $fields as $field ) {
if ( is_array( $field ) ) {
$full_field_data = acf_get_field( $field['field_name'] );
if ( $full_field_data ) {
$use_expanded_editor_default = in_array( $full_field_data['type'], $fields_to_open_in_expanded_editor, true ) ? true : false;
$popover_min_width_default = in_array( $full_field_data['type'], $fields_needing_wide_popover, true ) ? $popover_min_width_wide : $popover_min_width_normal;
$generated_uid .= $field['field_name'];
$fields_processed[] = array(
'fieldName' => $field['field_name'],
// Base64 allows us to embed html in an attribute without causing issues with quotes, etc.
'fieldIcon' => ! empty( $field['field_icon'] ) ? base64_encode( $field['field_icon'] ) : null, // phpcs:ignore
'fieldLabel' => ! empty( $field['field_label'] ) ? $field['field_label'] : $full_field_data['label'],
'useExpandedEditor' => ! empty( $field['use_expanded_editor'] ) ? $field['use_expanded_editor'] : $use_expanded_editor_default,
'popoverMinWidth' => ! empty( $field['popover_min_width'] ) ? $field['popover_min_width'] : $popover_min_width_default,
);
}
} else {
$full_field_data = acf_get_field( $field );
if ( $full_field_data ) {
$fields_processed[] = array(
'fieldName' => $field,
'fieldIcon' => null,
'fieldLabel' => $full_field_data['label'],
'useExpandedEditor' => in_array( $full_field_data['type'], $fields_to_open_in_expanded_editor, true ) ? true : false,
'popoverMinWidth' => in_array( $full_field_data['type'], $fields_needing_wide_popover, true ) ? $popover_min_width_wide : $popover_min_width_normal,
);
}
$generated_uid .= $field;
}
}
if ( empty( $args['uid'] ) ) {
$args['uid'] = $generated_uid;
}
if ( ! empty( $args['toolbar_icon'] ) ) {
$args['toolbar_icon'] = 'data-acf-toolbar-icon="' . esc_attr( $args['toolbar_icon'] ) . '" ';
}
if ( ! empty( $args['toolbar_title'] ) ) {
$args['toolbar_title'] = 'data-acf-toolbar-title="' . esc_attr( $args['toolbar_title'] ) . '" ';
}
return 'data-acf-inline-fields-uid="' . esc_attr( $args['uid'] ) . '" data-acf-inline-fields="' . esc_attr( wp_json_encode( $fields_processed ) ) . '" ' . $args['toolbar_icon'] . $args['toolbar_title'] . 'role="button" tabindex="0"';
}
/**
* Helper function that returns the HTML attributes required for inline text editing as a string, escaped and ready for output.
*
* @param string $field_name A string which is the name of the field to update when the user types into the HTML element.
*
* @param array $args Array {
* Optional. An array of additional args which can control how the popover identifier is displayed.
*
* @type string $toolbar_icon Optional. An html tag, can be an svg, to be used as the toolbar icon. If not passed, the icon of the first field will be used.
* @type string $toolbar_title Optional. A string to be used as the toolbar title. If not passed, the name of the first field will be used.
* @type string $placeholder Optional. Optional. A string which will be used as the placeholder in the typable text area.
* }
*
* @return string A string containing the attributes.
*/
function acf_inline_text_editing_attrs( $field_name, $args = array() ): string {
if ( empty( $field_name ) ) {
return '';
}
$default_args = array(
'toolbar_icon' => null,
'toolbar_title' => null,
'placeholder' => null,
);
$args = wp_parse_args( $args, $default_args );
$render = acf_get_data( 'acf_doing_block_preview' );
if ( ! $render ) {
return '';
}
if ( ! empty( $args['toolbar_icon'] ) ) {
$args['toolbar_icon'] = 'data-acf-toolbar-icon="' . esc_attr( $args['toolbar_icon'] ) . '" ';
}
if ( ! empty( $args['toolbar_title'] ) ) {
$args['toolbar_title'] = 'data-acf-toolbar-title="' . esc_attr( $args['toolbar_title'] ) . '" ';
}
if ( ! $args['placeholder'] ) {
$args['placeholder'] = __( 'Type to edit...', 'acf' );
}
return 'data-acf-inline-contenteditable="1" data-acf-inline-contenteditable-field-slug="' . esc_attr( $field_name ) . '" data-acf-placeholder="' . esc_attr( $args['placeholder'] ) . '" ' . $args['toolbar_icon'] . $args['toolbar_title'];
}
/**
* This function prepares a fields array for being localized and used on the frontend as block toolbar fields.
*
* @param array $fields Array {
* Required. A list of the fields, each of which which will be displayed in the popup toolbar.
*
* Each field can be passed as:
*
* - A string (e.g. `'my_field_name'`)
* - An associative array with specific keys:
* @type string $field_name The name of the field to display in the toolbar.
* @type string $field_icon An html tag, can be an svg, to be used as the toolbar icon. If not passed, the icon of the first field will be used.
* @type string $field_label A string to use as the label for the button in the toolbar.
* }
*
* @return array The array of fields, prepared for JS localization.
*/
function acf_process_block_toolbar_fields( $fields ) {
$fields_processed = array();
foreach ( $fields as $index => $field ) {
if ( is_array( $field ) ) {
$fields_processed[] = array(
'fieldName' => ! empty( $field['field_name'] ) ? $field['field_name'] : $index,
// Base64 allows us to embed html in an attribute without causing issues with quotes, etc.
'fieldIcon' => ! empty( $field['field_icon'] ) ? base64_encode( $field['field_icon'] ) : null, // phpcs:ignore
'fieldLabel' => ! empty( $field['field_label'] ) ? $field['field_label'] : null,
);
} else {
$fields_processed[] = $field;
}
}
return $fields_processed;
}
/**
* Helper function for block render templates to check if an acf field has a value.
* This is relevant when autoInlineEditing is enabled for a block, because empty fields
* will have acf_auto_inline_editing_field_name_ + field_name as their value if they are empty.
*
* @param string $field_name True if the field is empty, false if it has a value.
* @return boolean True if the field is empty, false if it has a value.
*/
function acf_inline_editing_field_is_empty( $field_name ) {
$field_value = get_field( $field_name );
if ( empty( $field_value ) || $field_value === 'acf_auto_inline_editing_field_name_' . $field_name ) {
return true;
}
return false;
}