Block Bindings: edit external property bound to block attribute #60296

retrofox · 2024-03-29T12:24:44Z

~~Follow-up of #60276~~

This PR introduces a synchronization mechanism that updates the external property value in response to its bound block attribute changes.

What?

This implementation utilizes the source handler's custom hook useSource to propagate changes between the block's bound attributes and the corresponding external properties.

Why?

The ability to synchronize changes between a block attribute and an external property is required for the Block Bindings API to function correctly. This ensures that the block's UI reflects the actual data state and vice versa.

How?

Through the React Hook lifecycle, this solution detects changes in the external property or the bound block attribute and updates the other accordingly. To manage these updates:

All bound attribute values are maintained locally using a local state (useState instance), which isolates them from the block's primary attributes property.
A custom setAttributes function is introduced. It categorizes incoming attribute updates into bound and unbound groups. Unbound attributes are updated immediately using the existing setAttributes method, whereas bound attributes undergo a custom update process through updateBoundAttributes function to ensure correct synchronization.

Testing Instructions

Testing Instructions for Keyboard

Register a few custom fields:

register_meta(
	'post',
	'text_custom_field',
	array(
		'show_in_rest' => true,
		'single'       => true,
		'type'         => 'string',
		'default'	   => 'This is the content of the text custom field',
	)
);
register_meta(
	'post',
	'url_custom_field',
	array(
		'show_in_rest' => true,
		'single'       => true,
		'type'         => 'string',
		'default'	   => 'https://wpmovies.dev/wp-content/uploads/2023/04/goncharov-poster-original-1-682x1024.jpeg',
	)
);

Create a new post
Switch to the editor mode
Add a few blocks with bound attributes to the custom fields

core/paragraph

<!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"core/post-meta","args":{"key":"text_custom_field"}}}}} -->
<p>ORIGINAL ATTRIBUTE VALUE</p>
<!-- /wp:paragraph -->

core/image

<!-- wp:image {"id":248,"width":"168px","height":"auto","sizeSlug":"large","linkDestination":"none","metadata":{"bindings":{"url":{"source":"core/post-meta","args":{"key":"url_custom_field"}},"alt":{"source":"core/post-meta","args":{"key":"text_custom_field"}}}}} -->
<figure class="wp-block-image size-large is-resized"><img src="https://wpmovies.dev/wp-content/uploads/2023/04/goncharov-poster-original-1-682x1024.jpeg" alt="ORIGINAL ATTRIBUTE VALUE" class="wp-image-248" style="width:168px;height:auto"/></figure>
<!-- /wp:image -->

core/button

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"metadata":{"bindings":{"text":{"source":"core/post-meta","args":{"key":"text_custom_field"}},"url":{"source":"core/post-meta","args":{"key":"url_custom_field"}}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">ORIGINAL ATTRIBUTE VALUE</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

Go back to the visual mode
Confirm the blocks show the default values defined in the custom fields:

(008) Custom Field / Default value, the The Godfather image, etc.

Save the post
Hard refresh (it ensures clean up the editor history)
Update the property value of the external source dispatching the following action (replace with the post ID of your testing post!):

const postId = <post-id>;
wp.data.dispatch( 'core' ).editEntityRecord(
  'postType',
  'post',
  postId,
  {
    meta: {
      text_custom_field:  '<strong>Spirited away</strong>',
      url_custom_field: 'https://wpmovies.dev/wp-content/uploads/2023/03/39wmItIWsg5sZMyRUHLkWBcuVCM.jpg'
    }
  }
);

Confirm all block instances with bound attributes to the external property update.

Test editing bound block attribute values

Unlock the bound attributes to the core/post-meta source handler adding this line here:

	lockAttributesEditing: false,

Build - Hard refresh
Edit any bound attribute value
Confirm the other attributes bound to the same external property are updated, too
Save the post
Confirm the client now updates the custom fields when saving the post:

🍿

Screen.Recording.2024-04-11.at.18.58.12.mov

Screenshots or screencast

github-actions · 2024-03-29T12:32:23Z

Size Change: +176 B (0%)

Total Size: 1.75 MB

Filename	Size	Change
`build/block-editor/index.min.js`	255 kB	+176 B (0%)

ℹ️ View Unchanged

Filename	Size
`build/a11y/index.min.js`	955 B
`build/annotations/index.min.js`	2.27 kB
`build/api-fetch/index.min.js`	2.32 kB
`build/autop/index.min.js`	2.1 kB
`build/blob/index.min.js`	578 B
`build/block-directory/index.min.js`	7.26 kB
`build/block-directory/style-rtl.css`	1.03 kB
`build/block-directory/style.css`	1.03 kB
`build/block-editor/content-rtl.css`	4.5 kB
`build/block-editor/content.css`	4.5 kB
`build/block-editor/default-editor-styles-rtl.css`	395 B
`build/block-editor/default-editor-styles.css`	395 B
`build/block-editor/style-rtl.css`	15.6 kB
`build/block-editor/style.css`	15.6 kB
`build/block-library/blocks/archives/editor-rtl.css`	61 B
`build/block-library/blocks/archives/editor.css`	60 B
`build/block-library/blocks/archives/style-rtl.css`	90 B
`build/block-library/blocks/archives/style.css`	90 B
`build/block-library/blocks/audio/editor-rtl.css`	150 B
`build/block-library/blocks/audio/editor.css`	150 B
`build/block-library/blocks/audio/style-rtl.css`	122 B
`build/block-library/blocks/audio/style.css`	122 B
`build/block-library/blocks/audio/theme-rtl.css`	133 B
`build/block-library/blocks/audio/theme.css`	133 B
`build/block-library/blocks/avatar/editor-rtl.css`	116 B
`build/block-library/blocks/avatar/editor.css`	116 B
`build/block-library/blocks/avatar/style-rtl.css`	104 B
`build/block-library/blocks/avatar/style.css`	104 B
`build/block-library/blocks/block/editor-rtl.css`	305 B
`build/block-library/blocks/block/editor.css`	305 B
`build/block-library/blocks/button/editor-rtl.css`	415 B
`build/block-library/blocks/button/editor.css`	414 B
`build/block-library/blocks/button/style-rtl.css`	627 B
`build/block-library/blocks/button/style.css`	626 B
`build/block-library/blocks/buttons/editor-rtl.css`	337 B
`build/block-library/blocks/buttons/editor.css`	337 B
`build/block-library/blocks/buttons/style-rtl.css`	332 B
`build/block-library/blocks/buttons/style.css`	332 B
`build/block-library/blocks/calendar/style-rtl.css`	239 B
`build/block-library/blocks/calendar/style.css`	239 B
`build/block-library/blocks/categories/editor-rtl.css`	113 B
`build/block-library/blocks/categories/editor.css`	112 B
`build/block-library/blocks/categories/style-rtl.css`	124 B
`build/block-library/blocks/categories/style.css`	124 B
`build/block-library/blocks/code/editor-rtl.css`	53 B
`build/block-library/blocks/code/editor.css`	53 B
`build/block-library/blocks/code/style-rtl.css`	121 B
`build/block-library/blocks/code/style.css`	121 B
`build/block-library/blocks/code/theme-rtl.css`	124 B
`build/block-library/blocks/code/theme.css`	124 B
`build/block-library/blocks/columns/editor-rtl.css`	108 B
`build/block-library/blocks/columns/editor.css`	108 B
`build/block-library/blocks/columns/style-rtl.css`	421 B
`build/block-library/blocks/columns/style.css`	421 B
`build/block-library/blocks/comment-author-avatar/editor-rtl.css`	125 B
`build/block-library/blocks/comment-author-avatar/editor.css`	125 B
`build/block-library/blocks/comment-content/style-rtl.css`	92 B
`build/block-library/blocks/comment-content/style.css`	92 B
`build/block-library/blocks/comment-template/style-rtl.css`	199 B
`build/block-library/blocks/comment-template/style.css`	198 B
`build/block-library/blocks/comments-pagination-numbers/editor-rtl.css`	123 B
`build/block-library/blocks/comments-pagination-numbers/editor.css`	121 B
`build/block-library/blocks/comments-pagination/editor-rtl.css`	222 B
`build/block-library/blocks/comments-pagination/editor.css`	209 B
`build/block-library/blocks/comments-pagination/style-rtl.css`	235 B
`build/block-library/blocks/comments-pagination/style.css`	231 B
`build/block-library/blocks/comments-title/editor-rtl.css`	75 B
`build/block-library/blocks/comments-title/editor.css`	75 B
`build/block-library/blocks/comments/editor-rtl.css`	840 B
`build/block-library/blocks/comments/editor.css`	839 B
`build/block-library/blocks/comments/style-rtl.css`	637 B
`build/block-library/blocks/comments/style.css`	636 B
`build/block-library/blocks/cover/editor-rtl.css`	647 B
`build/block-library/blocks/cover/editor.css`	650 B
`build/block-library/blocks/cover/style-rtl.css`	1.7 kB
`build/block-library/blocks/cover/style.css`	1.69 kB
`build/block-library/blocks/details/editor-rtl.css`	65 B
`build/block-library/blocks/details/editor.css`	65 B
`build/block-library/blocks/details/style-rtl.css`	86 B
`build/block-library/blocks/details/style.css`	86 B
`build/block-library/blocks/embed/editor-rtl.css`	322 B
`build/block-library/blocks/embed/editor.css`	322 B
`build/block-library/blocks/embed/style-rtl.css`	410 B
`build/block-library/blocks/embed/style.css`	410 B
`build/block-library/blocks/embed/theme-rtl.css`	133 B
`build/block-library/blocks/embed/theme.css`	133 B
`build/block-library/blocks/file/editor-rtl.css`	326 B
`build/block-library/blocks/file/editor.css`	327 B
`build/block-library/blocks/file/style-rtl.css`	280 B
`build/block-library/blocks/file/style.css`	281 B
`build/block-library/blocks/file/view.min.js`	324 B
`build/block-library/blocks/footnotes/style-rtl.css`	201 B
`build/block-library/blocks/footnotes/style.css`	199 B
`build/block-library/blocks/form-input/editor-rtl.css`	227 B
`build/block-library/blocks/form-input/editor.css`	227 B
`build/block-library/blocks/form-input/style-rtl.css`	343 B
`build/block-library/blocks/form-input/style.css`	343 B
`build/block-library/blocks/form-submission-notification/editor-rtl.css`	340 B
`build/block-library/blocks/form-submission-notification/editor.css`	340 B
`build/block-library/blocks/form-submit-button/style-rtl.css`	69 B
`build/block-library/blocks/form-submit-button/style.css`	69 B
`build/block-library/blocks/form/view.min.js`	471 B
`build/block-library/blocks/freeform/editor-rtl.css`	2.61 kB
`build/block-library/blocks/freeform/editor.css`	2.61 kB
`build/block-library/blocks/gallery/editor-rtl.css`	947 B
`build/block-library/blocks/gallery/editor.css`	952 B
`build/block-library/blocks/gallery/style-rtl.css`	1.72 kB
`build/block-library/blocks/gallery/style.css`	1.72 kB
`build/block-library/blocks/gallery/theme-rtl.css`	108 B
`build/block-library/blocks/gallery/theme.css`	108 B
`build/block-library/blocks/group/editor-rtl.css`	647 B
`build/block-library/blocks/group/editor.css`	647 B
`build/block-library/blocks/group/style-rtl.css`	57 B
`build/block-library/blocks/group/style.css`	57 B
`build/block-library/blocks/group/theme-rtl.css`	78 B
`build/block-library/blocks/group/theme.css`	78 B
`build/block-library/blocks/heading/style-rtl.css`	189 B
`build/block-library/blocks/heading/style.css`	189 B
`build/block-library/blocks/html/editor-rtl.css`	336 B
`build/block-library/blocks/html/editor.css`	337 B
`build/block-library/blocks/image/editor-rtl.css`	878 B
`build/block-library/blocks/image/editor.css`	878 B
`build/block-library/blocks/image/style-rtl.css`	1.6 kB
`build/block-library/blocks/image/style.css`	1.59 kB
`build/block-library/blocks/image/theme-rtl.css`	133 B
`build/block-library/blocks/image/theme.css`	133 B
`build/block-library/blocks/image/view.min.js`	1.54 kB
`build/block-library/blocks/latest-comments/style-rtl.css`	357 B
`build/block-library/blocks/latest-comments/style.css`	357 B
`build/block-library/blocks/latest-posts/editor-rtl.css`	213 B
`build/block-library/blocks/latest-posts/editor.css`	212 B
`build/block-library/blocks/latest-posts/style-rtl.css`	478 B
`build/block-library/blocks/latest-posts/style.css`	478 B
`build/block-library/blocks/list/style-rtl.css`	88 B
`build/block-library/blocks/list/style.css`	88 B
`build/block-library/blocks/media-text/editor-rtl.css`	306 B
`build/block-library/blocks/media-text/editor.css`	305 B
`build/block-library/blocks/media-text/style-rtl.css`	505 B
`build/block-library/blocks/media-text/style.css`	503 B
`build/block-library/blocks/more/editor-rtl.css`	431 B
`build/block-library/blocks/more/editor.css`	431 B
`build/block-library/blocks/navigation-link/editor-rtl.css`	668 B
`build/block-library/blocks/navigation-link/editor.css`	669 B
`build/block-library/blocks/navigation-link/style-rtl.css`	259 B
`build/block-library/blocks/navigation-link/style.css`	257 B
`build/block-library/blocks/navigation-submenu/editor-rtl.css`	296 B
`build/block-library/blocks/navigation-submenu/editor.css`	295 B
`build/block-library/blocks/navigation/editor-rtl.css`	2.26 kB
`build/block-library/blocks/navigation/editor.css`	2.26 kB
`build/block-library/blocks/navigation/style-rtl.css`	2.26 kB
`build/block-library/blocks/navigation/style.css`	2.25 kB
`build/block-library/blocks/navigation/view.min.js`	1.03 kB
`build/block-library/blocks/nextpage/editor-rtl.css`	395 B
`build/block-library/blocks/nextpage/editor.css`	395 B
`build/block-library/blocks/page-list/editor-rtl.css`	377 B
`build/block-library/blocks/page-list/editor.css`	377 B
`build/block-library/blocks/page-list/style-rtl.css`	175 B
`build/block-library/blocks/page-list/style.css`	175 B
`build/block-library/blocks/paragraph/editor-rtl.css`	235 B
`build/block-library/blocks/paragraph/editor.css`	235 B
`build/block-library/blocks/paragraph/style-rtl.css`	335 B
`build/block-library/blocks/paragraph/style.css`	335 B
`build/block-library/blocks/post-author/style-rtl.css`	175 B
`build/block-library/blocks/post-author/style.css`	176 B
`build/block-library/blocks/post-comments-form/editor-rtl.css`	96 B
`build/block-library/blocks/post-comments-form/editor.css`	96 B
`build/block-library/blocks/post-comments-form/style-rtl.css`	508 B
`build/block-library/blocks/post-comments-form/style.css`	508 B
`build/block-library/blocks/post-content/editor-rtl.css`	74 B
`build/block-library/blocks/post-content/editor.css`	74 B
`build/block-library/blocks/post-date/style-rtl.css`	61 B
`build/block-library/blocks/post-date/style.css`	61 B
`build/block-library/blocks/post-excerpt/editor-rtl.css`	71 B
`build/block-library/blocks/post-excerpt/editor.css`	71 B
`build/block-library/blocks/post-excerpt/style-rtl.css`	141 B
`build/block-library/blocks/post-excerpt/style.css`	141 B
`build/block-library/blocks/post-featured-image/editor-rtl.css`	666 B
`build/block-library/blocks/post-featured-image/editor.css`	662 B
`build/block-library/blocks/post-featured-image/style-rtl.css`	342 B
`build/block-library/blocks/post-featured-image/style.css`	342 B
`build/block-library/blocks/post-navigation-link/style-rtl.css`	215 B
`build/block-library/blocks/post-navigation-link/style.css`	214 B
`build/block-library/blocks/post-template/editor-rtl.css`	99 B
`build/block-library/blocks/post-template/editor.css`	98 B
`build/block-library/blocks/post-template/style-rtl.css`	409 B
`build/block-library/blocks/post-template/style.css`	408 B
`build/block-library/blocks/post-terms/style-rtl.css`	96 B
`build/block-library/blocks/post-terms/style.css`	96 B
`build/block-library/blocks/post-time-to-read/style-rtl.css`	69 B
`build/block-library/blocks/post-time-to-read/style.css`	69 B
`build/block-library/blocks/post-title/style-rtl.css`	100 B
`build/block-library/blocks/post-title/style.css`	100 B
`build/block-library/blocks/preformatted/style-rtl.css`	125 B
`build/block-library/blocks/preformatted/style.css`	125 B
`build/block-library/blocks/pullquote/editor-rtl.css`	135 B
`build/block-library/blocks/pullquote/editor.css`	135 B
`build/block-library/blocks/pullquote/style-rtl.css`	354 B
`build/block-library/blocks/pullquote/style.css`	353 B
`build/block-library/blocks/pullquote/theme-rtl.css`	174 B
`build/block-library/blocks/pullquote/theme.css`	174 B
`build/block-library/blocks/query-pagination-numbers/editor-rtl.css`	122 B
`build/block-library/blocks/query-pagination-numbers/editor.css`	121 B
`build/block-library/blocks/query-pagination/editor-rtl.css`	221 B
`build/block-library/blocks/query-pagination/editor.css`	211 B
`build/block-library/blocks/query-pagination/style-rtl.css`	288 B
`build/block-library/blocks/query-pagination/style.css`	284 B
`build/block-library/blocks/query-title/style-rtl.css`	63 B
`build/block-library/blocks/query-title/style.css`	63 B
`build/block-library/blocks/query/editor-rtl.css`	486 B
`build/block-library/blocks/query/editor.css`	486 B
`build/block-library/blocks/query/view.min.js`	958 B
`build/block-library/blocks/quote/style-rtl.css`	237 B
`build/block-library/blocks/quote/style.css`	237 B
`build/block-library/blocks/quote/theme-rtl.css`	233 B
`build/block-library/blocks/quote/theme.css`	235 B
`build/block-library/blocks/read-more/style-rtl.css`	140 B
`build/block-library/blocks/read-more/style.css`	140 B
`build/block-library/blocks/rss/editor-rtl.css`	149 B
`build/block-library/blocks/rss/editor.css`	149 B
`build/block-library/blocks/rss/style-rtl.css`	289 B
`build/block-library/blocks/rss/style.css`	288 B
`build/block-library/blocks/search/editor-rtl.css`	184 B
`build/block-library/blocks/search/editor.css`	184 B
`build/block-library/blocks/search/style-rtl.css`	690 B
`build/block-library/blocks/search/style.css`	689 B
`build/block-library/blocks/search/theme-rtl.css`	114 B
`build/block-library/blocks/search/theme.css`	114 B
`build/block-library/blocks/search/view.min.js`	478 B
`build/block-library/blocks/separator/editor-rtl.css`	146 B
`build/block-library/blocks/separator/editor.css`	146 B
`build/block-library/blocks/separator/style-rtl.css`	229 B
`build/block-library/blocks/separator/style.css`	229 B
`build/block-library/blocks/separator/theme-rtl.css`	194 B
`build/block-library/blocks/separator/theme.css`	194 B
`build/block-library/blocks/shortcode/editor-rtl.css`	323 B
`build/block-library/blocks/shortcode/editor.css`	323 B
`build/block-library/blocks/site-logo/editor-rtl.css`	754 B
`build/block-library/blocks/site-logo/editor.css`	754 B
`build/block-library/blocks/site-logo/style-rtl.css`	204 B
`build/block-library/blocks/site-logo/style.css`	204 B
`build/block-library/blocks/site-tagline/editor-rtl.css`	86 B
`build/block-library/blocks/site-tagline/editor.css`	86 B
`build/block-library/blocks/site-title/editor-rtl.css`	116 B
`build/block-library/blocks/site-title/editor.css`	116 B
`build/block-library/blocks/site-title/style-rtl.css`	57 B
`build/block-library/blocks/site-title/style.css`	57 B
`build/block-library/blocks/social-link/editor-rtl.css`	184 B
`build/block-library/blocks/social-link/editor.css`	184 B
`build/block-library/blocks/social-links/editor-rtl.css`	676 B
`build/block-library/blocks/social-links/editor.css`	675 B
`build/block-library/blocks/social-links/style-rtl.css`	1.48 kB
`build/block-library/blocks/social-links/style.css`	1.48 kB
`build/block-library/blocks/spacer/editor-rtl.css`	350 B
`build/block-library/blocks/spacer/editor.css`	350 B
`build/block-library/blocks/spacer/style-rtl.css`	48 B
`build/block-library/blocks/spacer/style.css`	48 B
`build/block-library/blocks/table/editor-rtl.css`	395 B
`build/block-library/blocks/table/editor.css`	395 B
`build/block-library/blocks/table/style-rtl.css`	639 B
`build/block-library/blocks/table/style.css`	639 B
`build/block-library/blocks/table/theme-rtl.css`	152 B
`build/block-library/blocks/table/theme.css`	152 B
`build/block-library/blocks/tag-cloud/style-rtl.css`	251 B
`build/block-library/blocks/tag-cloud/style.css`	253 B
`build/block-library/blocks/template-part/editor-rtl.css`	431 B
`build/block-library/blocks/template-part/editor.css`	431 B
`build/block-library/blocks/template-part/theme-rtl.css`	107 B
`build/block-library/blocks/template-part/theme.css`	107 B
`build/block-library/blocks/term-description/style-rtl.css`	111 B
`build/block-library/blocks/term-description/style.css`	111 B
`build/block-library/blocks/text-columns/editor-rtl.css`	95 B
`build/block-library/blocks/text-columns/editor.css`	95 B
`build/block-library/blocks/text-columns/style-rtl.css`	166 B
`build/block-library/blocks/text-columns/style.css`	166 B
`build/block-library/blocks/verse/style-rtl.css`	99 B
`build/block-library/blocks/verse/style.css`	99 B
`build/block-library/blocks/video/editor-rtl.css`	552 B
`build/block-library/blocks/video/editor.css`	555 B
`build/block-library/blocks/video/style-rtl.css`	185 B
`build/block-library/blocks/video/style.css`	185 B
`build/block-library/blocks/video/theme-rtl.css`	133 B
`build/block-library/blocks/video/theme.css`	133 B
`build/block-library/classic-rtl.css`	179 B
`build/block-library/classic.css`	179 B
`build/block-library/common-rtl.css`	1.11 kB
`build/block-library/common.css`	1.11 kB
`build/block-library/editor-elements-rtl.css`	75 B
`build/block-library/editor-elements.css`	75 B
`build/block-library/editor-rtl.css`	12.4 kB
`build/block-library/editor.css`	12.3 kB
`build/block-library/elements-rtl.css`	54 B
`build/block-library/elements.css`	54 B
`build/block-library/index.min.js`	218 kB
`build/block-library/reset-rtl.css`	472 B
`build/block-library/reset.css`	472 B
`build/block-library/style-rtl.css`	14.8 kB
`build/block-library/style.css`	14.8 kB
`build/block-library/theme-rtl.css`	707 B
`build/block-library/theme.css`	713 B
`build/block-serialization-default-parser/index.min.js`	1.12 kB
`build/block-serialization-spec-parser/index.min.js`	2.87 kB
`build/blocks/index.min.js`	51.5 kB
`build/commands/index.min.js`	15.2 kB
`build/commands/style-rtl.css`	953 B
`build/commands/style.css`	951 B
`build/components/index.min.js`	222 kB
`build/components/style-rtl.css`	11.9 kB
`build/components/style.css`	11.9 kB
`build/compose/index.min.js`	12.6 kB
`build/core-commands/index.min.js`	2.77 kB
`build/core-data/index.min.js`	72.5 kB
`build/customize-widgets/index.min.js`	11.2 kB
`build/customize-widgets/style-rtl.css`	1.36 kB
`build/customize-widgets/style.css`	1.36 kB
`build/data-controls/index.min.js`	640 B
`build/data/index.min.js`	9 kB
`build/date/index.min.js`	17.9 kB
`build/deprecated/index.min.js`	451 B
`build/dom-ready/index.min.js`	324 B
`build/dom/index.min.js`	4.65 kB
`build/edit-post/classic-rtl.css`	579 B
`build/edit-post/classic.css`	579 B
`build/edit-post/index.min.js`	23.9 kB
`build/edit-post/style-rtl.css`	5.5 kB
`build/edit-post/style.css`	5.5 kB
`build/edit-site/index.min.js`	230 kB
`build/edit-site/style-rtl.css`	15 kB
`build/edit-site/style.css`	15 kB
`build/edit-widgets/index.min.js`	17.7 kB
`build/edit-widgets/style-rtl.css`	4.16 kB
`build/edit-widgets/style.css`	4.16 kB
`build/editor/index.min.js`	70.5 kB
`build/editor/style-rtl.css`	5.49 kB
`build/editor/style.css`	5.48 kB
`build/element/index.min.js`	4.83 kB
`build/escape-html/index.min.js`	537 B
`build/format-library/index.min.js`	8.07 kB
`build/format-library/style-rtl.css`	493 B
`build/format-library/style.css`	492 B
`build/hooks/index.min.js`	1.55 kB
`build/html-entities/index.min.js`	448 B
`build/i18n/index.min.js`	3.58 kB
`build/interactivity/debug.min.js`	16.2 kB
`build/interactivity/file.min.js`	447 B
`build/interactivity/image.min.js`	1.67 kB
`build/interactivity/index.min.js`	13 kB
`build/interactivity/navigation.min.js`	1.17 kB
`build/interactivity/query.min.js`	740 B
`build/interactivity/router.min.js`	1.36 kB
`build/interactivity/search.min.js`	618 B
`build/is-shallow-equal/index.min.js`	527 B
`build/keyboard-shortcuts/index.min.js`	1.3 kB
`build/keycodes/index.min.js`	1.46 kB
`build/list-reusable-blocks/index.min.js`	2.11 kB
`build/list-reusable-blocks/style-rtl.css`	851 B
`build/list-reusable-blocks/style.css`	851 B
`build/media-utils/index.min.js`	2.92 kB
`build/modules/importmap-polyfill.min.js`	12.2 kB
`build/notices/index.min.js`	948 B
`build/nux/index.min.js`	1.57 kB
`build/nux/style-rtl.css`	748 B
`build/nux/style.css`	744 B
`build/patterns/index.min.js`	6.38 kB
`build/patterns/style-rtl.css`	595 B
`build/patterns/style.css`	595 B
`build/plugins/index.min.js`	1.8 kB
`build/preferences-persistence/index.min.js`	2.06 kB
`build/preferences/index.min.js`	2.83 kB
`build/preferences/style-rtl.css`	710 B
`build/preferences/style.css`	712 B
`build/primitives/index.min.js`	975 B
`build/priority-queue/index.min.js`	1.52 kB
`build/private-apis/index.min.js`	1 kB
`build/react-i18n/index.min.js`	623 B
`build/react-refresh-entry/index.min.js`	9.47 kB
`build/react-refresh-runtime/index.min.js`	6.78 kB
`build/redux-routine/index.min.js`	2.7 kB
`build/reusable-blocks/index.min.js`	2.73 kB
`build/reusable-blocks/style-rtl.css`	256 B
`build/reusable-blocks/style.css`	256 B
`build/rich-text/index.min.js`	10 kB
`build/router/index.min.js`	1.88 kB
`build/server-side-render/index.min.js`	1.96 kB
`build/shortcode/index.min.js`	1.39 kB
`build/style-engine/index.min.js`	2.03 kB
`build/token-list/index.min.js`	582 B
`build/url/index.min.js`	3.74 kB
`build/vendors/inert-polyfill.min.js`	2.48 kB
`build/vendors/react-dom.min.js`	41.7 kB
`build/vendors/react.min.js`	4.02 kB
`build/viewport/index.min.js`	957 B
`build/warning/index.min.js`	249 B
`build/widgets/index.min.js`	7.23 kB
`build/widgets/style-rtl.css`	1.17 kB
`build/widgets/style.css`	1.17 kB
`build/wordcount/index.min.js`	1.02 kB

_{compressed-size-action}

github-actions · 2024-03-29T12:50:20Z

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: retrofox <retrofox@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

retrofox · 2024-04-18T07:51:16Z

close in favor of #60724

retrofox added the [Feature] Block bindings label Mar 29, 2024

retrofox self-assigned this Mar 29, 2024

retrofox marked this pull request as ready for review March 29, 2024 12:50

retrofox requested review from ellatrix, fluiddot, dcalhoun and tellthemachines as code owners March 29, 2024 12:50

retrofox mentioned this pull request Mar 29, 2024

Integrate Product Editor with Block Binding API woocommerce/woocommerce#45416

Open

retrofox marked this pull request as draft April 4, 2024 08:00

retrofox force-pushed the update/binding-edit-external-prop branch from 95de315 to 67b1c73 Compare April 11, 2024 16:36

retrofox marked this pull request as ready for review April 11, 2024 18:00

retrofox force-pushed the update/binding-edit-external-prop branch from 23cb9c5 to 12b973d Compare April 13, 2024 12:47

gziolo added the [Type] Technical Prototype Offers a technical exploration into an idea as an example of what's possible label Apr 14, 2024

retrofox added 12 commits April 15, 2024 09:35

sync external source prop <=> block attribute

7c51afd

handle attribute type (RichTextData, String, ...)

891dec1

improve doc

12fdf22

remove a dependency from callback

a3dfd67

doc. polish process

4b3965e

update the prop prev value properly

3ddeca4

do not lock post meta attributes

6bf0968

decouple bound attributes from the attributes property

f08eb0c

lock bound attrs from post-meta handler

ea94b55

fix typo

c220a4f

improve jsdoc and code

86afd33

polish checking previous values

28e6a57

retrofox force-pushed the update/binding-edit-external-prop branch from 12b973d to 28e6a57 Compare April 15, 2024 11:03

retrofox closed this Apr 18, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Block Bindings: edit external property bound to block attribute #60296

Block Bindings: edit external property bound to block attribute #60296

retrofox commented Mar 29, 2024 •

edited

Loading

github-actions bot commented Mar 29, 2024 •

edited

Loading

github-actions bot commented Mar 29, 2024 •

edited

Loading

retrofox commented Apr 18, 2024

Block Bindings: edit external property bound to block attribute #60296

Block Bindings: edit external property bound to block attribute #60296

Conversation

retrofox commented Mar 29, 2024 • edited Loading

What?

Why?

How?

Testing Instructions

Testing Instructions for Keyboard

Test editing bound block attribute values

🍿

Screenshots or screencast

github-actions bot commented Mar 29, 2024 • edited Loading

github-actions bot commented Mar 29, 2024 • edited Loading

retrofox commented Apr 18, 2024

retrofox commented Mar 29, 2024 •

edited

Loading

github-actions bot commented Mar 29, 2024 •

edited

Loading

github-actions bot commented Mar 29, 2024 •

edited

Loading