Block bindings: Add support for creating bindings in templates #57315

SantosGuillamot · 2023-12-21T16:13:00Z

This pull request is built on top of #57258

What?

I'm adding the possibility of creating bindings in the templates. As part of that, I'm modifying the "Post meta" source to ensure it works there and to show only the relevant meta for that template:

If I am in a post, I show the fields available for the post post type.
If I am in a movie, I show the fields available for the movie post type.
If I am in an archive, I don't show the Post meta source.

There are still some aspects to review, especially regarding the UX.

I've recorded this video to showcase how it works for the movies template:

Templating.demo.mp4

Why?

With the current implementation the UI in the editor to connect post meta, doesn't work in templates because it requires a specific ID, which is not available in the template.

How?

I'm adding a new placeholder property that is used for setting the placeholder attribute, which is useful when there is no value.
I'm adding some logic to ensure the post meta appears in the proper places and with the proper list of fields.
When it is a generic template (index, for example) I'm using the first response for the relevant post type to get the list of available fields but I'm setting a value of empty.

Testing Instructions

Go to Gutenberg -> Experiments and enable the Test block bindings one.
Create different fields for different post types. This is an example of how I am registering fields for the movie custom post type:

function init_movie_meta_fields() {
	register_meta(
		'post',
		'poster_url',
		array(
			'object_subtype' => 'movie',
			'show_in_rest' => true,
			'single'       => true,
			'type'         => 'string',
			'default'	   => 'https://wpmovies.dev/wp-content/uploads/2023/03/3bhkrj58Vtu7enYsRolD1fZdja1-683x1024.jpg',
		)
	);
	register_meta(
		'post',
		'homepage_url',
		array(
			'object_subtype' => 'movie',
			'show_in_rest' => true,
			'single'       => true,
			'type'         => 'string',
			'default'	   => 'https://wpmovies.dev/movies/12-angry-men/',
		)
	);
	register_meta(
		'post',
		'runtime',
		array(
			'object_subtype' => 'movie',
			'show_in_rest' => true,
			'single'       => true,
			'type'         => 'string',
			'default'	   => '1h 37m',
		)
	);
	register_meta(
		'post',
		'release',
		array(
			'object_subtype' => 'movie',
			'show_in_rest' => true,
			'single'       => true,
			'type'         => 'string',
			'default'	   => 'Release date',
		)
	);
	register_meta(
		'post',
		'trailer_url',
		array(
			'object_subtype' => 'movie',
			'show_in_rest' => true,
			'single'       => true,
			'type'         => 'string',
			'default'	   => 'https://www.youtube.com/watch?v=Z4Dl1bMG_MA',
		)
	);
	
}

add_action( 'init', 'init_movie_meta_fields' );

Add different values for different posts/pages/movies. This is the code I'm using for that:

$id_the_godfather = 9;
$id_goncharov = 30;
$id_the_shawshank_redemption = 259;
$id_schindlers_list = 260;
$id_spirited_away = 261;
$id_12_angry_men = 262;

// // Update release date
update_post_meta( $id_the_godfather, 'release', '14th March 1972' );
update_post_meta( $id_goncharov, 'release', '15th January 1973' );
update_post_meta( $id_the_shawshank_redemption, 'release', '23rd September 1994' );
update_post_meta( $id_schindlers_list, 'release', '15th December 1993' );
update_post_meta( $id_spirited_away, 'release', '20th July 2001' );
update_post_meta( $id_12_angry_men, 'release', '10th April 1957' );

// Update poster url
update_post_meta( $id_the_godfather, 'poster_url', 'https://wpmovies.dev/wp-content/uploads/2023/03/3bhkrj58Vtu7enYsRolD1fZdja1-683x1024.jpg' );
update_post_meta( $id_goncharov, 'poster_url', 'https://wpmovies.dev/wp-content/uploads/2023/04/goncharov-poster-original-1-682x1024.jpeg' );
update_post_meta( $id_the_shawshank_redemption, 'poster_url', 'https://wpmovies.dev/wp-content/uploads/2023/04/q6y0Go1tsGEsmtFryDOJo3dEmqu-683x1024.jpg' );
update_post_meta( $id_schindlers_list, 'poster_url', 'https://wpmovies.dev/wp-content/uploads/2023/03/sF1U4EUQS8YHUYjNl3pMGNIQyr0-683x1024.jpg' );
update_post_meta( $id_spirited_away, 'poster_url', 'https://wpmovies.dev/wp-content/uploads/2023/03/39wmItIWsg5sZMyRUHLkWBcuVCM-683x1024.jpg' );
update_post_meta( $id_12_angry_men, 'poster_url', 'https://wpmovies.dev/wp-content/uploads/2023/03/ppd84D2i9W8jXmsyInGyihiSyqz-682x1024.jpg' );

// Update homepage url
update_post_meta( $id_the_godfather, 'homepage_url', 'https://wpmovies.dev/movies/the-godfather/' );
update_post_meta( $id_goncharov, 'homepage_url', 'https://wpmovies.dev/movies/goncharov/' );
update_post_meta( $id_the_shawshank_redemption, 'homepage_url', 'https://wpmovies.dev/movies/the-shawshank-redemption/' );
update_post_meta( $id_schindlers_list, 'homepage_url', 'https://wpmovies.dev/movies/schindlers-list/' );
update_post_meta( $id_spirited_away, 'homepage_url', 'https://wpmovies.dev/movies/spirited-away/' );
update_post_meta( $id_12_angry_men, 'homepage_url', 'https://wpmovies.dev/movies/12-angry-men/' );

// Update runtime
update_post_meta( $id_the_godfather, 'runtime', '2h 55m' );
update_post_meta( $id_goncharov, 'runtime', '3h 32m' );
update_post_meta( $id_the_shawshank_redemption, 'runtime', '2h 22m' );
update_post_meta( $id_schindlers_list, 'runtime', '3h 15m' );
update_post_meta( $id_spirited_away, 'runtime', '2h 5m' );
update_post_meta( $id_12_angry_men, 'runtime', '1h 37m' );

// Update trailer url
update_post_meta( $id_the_godfather, 'trailer_url', 'https://www.youtube.com/watch?v=Ew9ngL1GZvs' );
update_post_meta( $id_goncharov, 'trailer_url', 'https://www.youtube.com/watch?v=Z4Dl1bMG_MA' );
update_post_meta( $id_the_shawshank_redemption, 'trailer_url', 'https://www.youtube.com/watch?v=PLl99DlL6b4' );
update_post_meta( $id_schindlers_list, 'trailer_url', 'https://www.youtube.com/watch?v=mxphAlJID9U' );
update_post_meta( $id_spirited_away, 'trailer_url', 'https://www.youtube.com/watch?v=ByXuk9QqQkk' );
update_post_meta( $id_12_angry_men, 'trailer_url', 'https://www.youtube.com/watch?v=TEN-2uTi2c0' );

Go to the Site Editor -> Templates and navigate through them, checking that the post meta list shows the proper fields or doesn't show anything in case it is not relevant.

To do so, you can add a paragraph, click the bindings button, and select the "content" attribute, for example.

This is the list of different templates I identified:

Homepage
- front page: Site’s homepage, whether it is set to display the latest posts or a static page. Takes precedence over all templates.
- home: displays the latest posts as either the site homepage.
Archives
- archive: Acts as a fallback when no more specific things are defined.
- archive-{post-type}: for all the post-types.
- author: All authors archive.
- author-admin / author-username: specific author.
- category: All categories.
- category-slug: specific category.
- tag: All tags.
- tag-slug: specific tag.
- date: Date archive
- taxonomy-{slug}: archives for custom taxonomies.
Post
- single-post: single item: Post.
- single-post-slug: Specific post.
Page:
- index: for all pages.
- page: all pages.
- page-slug: Specific page.
CPT:
- single-movie: single item for the movie CPT.
- single-movie-slug: specific movie.
Search:
- search
404
- 404
Custom template: Applies to posts and pages. Assume pages? All post types?
- wp-custom-template-{slug}

4 . Go to the frontend and check it gets the context correctly.

Remaining issues

Improve the way we handle placeholders.
Improve the code used for the post meta source.
Add conditionals to post data the same way we are doing for post meta.

github-actions · 2023-12-21T16:20:14Z

Size Change: +262 B (0%)

Total Size: 1.71 MB

Filename	Size	Change
`build/editor/index.min.js`	56.7 kB	+262 B (0%)

ℹ️ View Unchanged

Filename	Size
`build/a11y/index.min.js`	964 B
`build/annotations/index.min.js`	2.71 kB
`build/api-fetch/index.min.js`	2.29 kB
`build/autop/index.min.js`	2.11 kB
`build/blob/index.min.js`	590 B
`build/block-directory/index.min.js`	7.25 kB
`build/block-directory/style-rtl.css`	1.04 kB
`build/block-directory/style.css`	1.04 kB
`build/block-editor/content-rtl.css`	4.29 kB
`build/block-editor/content.css`	4.28 kB
`build/block-editor/default-editor-styles-rtl.css`	403 B
`build/block-editor/default-editor-styles.css`	403 B
`build/block-editor/index.min.js`	245 kB
`build/block-editor/style-rtl.css`	15.2 kB
`build/block-editor/style.css`	15.2 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`	138 B
`build/block-library/blocks/audio/theme.css`	138 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`	587 B
`build/block-library/blocks/button/editor.css`	587 B
`build/block-library/blocks/button/style-rtl.css`	633 B
`build/block-library/blocks/button/style.css`	632 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`	98 B
`build/block-library/blocks/details/style.css`	98 B
`build/block-library/blocks/embed/editor-rtl.css`	293 B
`build/block-library/blocks/embed/editor.css`	293 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`	138 B
`build/block-library/blocks/embed/theme.css`	138 B
`build/block-library/blocks/file/editor-rtl.css`	316 B
`build/block-library/blocks/file/editor.css`	316 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`	322 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`	229 B
`build/block-library/blocks/form-input/editor.css`	228 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`	343 B
`build/block-library/blocks/form-submission-notification/editor.css`	342 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`	452 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`	957 B
`build/block-library/blocks/gallery/editor.css`	962 B
`build/block-library/blocks/gallery/style-rtl.css`	1.75 kB
`build/block-library/blocks/gallery/style.css`	1.75 kB
`build/block-library/blocks/gallery/theme-rtl.css`	122 B
`build/block-library/blocks/gallery/theme.css`	122 B
`build/block-library/blocks/group/editor-rtl.css`	654 B
`build/block-library/blocks/group/editor.css`	654 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`	340 B
`build/block-library/blocks/html/editor.css`	341 B
`build/block-library/blocks/image/editor-rtl.css`	834 B
`build/block-library/blocks/image/editor.css`	833 B
`build/block-library/blocks/image/style-rtl.css`	1.61 kB
`build/block-library/blocks/image/style.css`	1.6 kB
`build/block-library/blocks/image/theme-rtl.css`	137 B
`build/block-library/blocks/image/theme.css`	137 B
`build/block-library/blocks/image/view.min.js`	2.02 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`	266 B
`build/block-library/blocks/media-text/editor.css`	263 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`	671 B
`build/block-library/blocks/navigation-link/editor.css`	672 B
`build/block-library/blocks/navigation-link/style-rtl.css`	103 B
`build/block-library/blocks/navigation-link/style.css`	103 B
`build/block-library/blocks/navigation-submenu/editor-rtl.css`	299 B
`build/block-library/blocks/navigation-submenu/editor.css`	299 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.27 kB
`build/block-library/blocks/navigation/style.css`	2.26 kB
`build/block-library/blocks/navigation/view.min.js`	1.04 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`	401 B
`build/block-library/blocks/page-list/editor.css`	401 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-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`	345 B
`build/block-library/blocks/post-featured-image/style.css`	345 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`	335 B
`build/block-library/blocks/pullquote/style.css`	335 B
`build/block-library/blocks/pullquote/theme-rtl.css`	168 B
`build/block-library/blocks/pullquote/theme.css`	168 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/style-rtl.css`	312 B
`build/block-library/blocks/query/style.css`	308 B
`build/block-library/blocks/query/view.min.js`	647 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`	223 B
`build/block-library/blocks/quote/theme.css`	226 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`	613 B
`build/block-library/blocks/search/style.css`	613 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`	475 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`	234 B
`build/block-library/blocks/separator/style.css`	234 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`	329 B
`build/block-library/blocks/shortcode/editor.css`	329 B
`build/block-library/blocks/site-logo/editor-rtl.css`	760 B
`build/block-library/blocks/site-logo/editor.css`	760 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`	682 B
`build/block-library/blocks/social-links/editor.css`	681 B
`build/block-library/blocks/social-links/style-rtl.css`	1.49 kB
`build/block-library/blocks/social-links/style.css`	1.49 kB
`build/block-library/blocks/spacer/editor-rtl.css`	359 B
`build/block-library/blocks/spacer/editor.css`	359 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`	399 B
`build/block-library/blocks/table/editor.css`	399 B
`build/block-library/blocks/table/style-rtl.css`	646 B
`build/block-library/blocks/table/style.css`	645 B
`build/block-library/blocks/table/theme-rtl.css`	157 B
`build/block-library/blocks/table/theme.css`	157 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`	403 B
`build/block-library/blocks/template-part/editor.css`	403 B
`build/block-library/blocks/template-part/theme-rtl.css`	101 B
`build/block-library/blocks/template-part/theme.css`	101 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`	191 B
`build/block-library/blocks/video/style.css`	191 B
`build/block-library/blocks/video/theme-rtl.css`	139 B
`build/block-library/blocks/video/theme.css`	139 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.4 kB
`build/block-library/elements-rtl.css`	54 B
`build/block-library/elements.css`	54 B
`build/block-library/index.min.js`	214 kB
`build/block-library/reset-rtl.css`	472 B
`build/block-library/reset.css`	472 B
`build/block-library/style-rtl.css`	14.7 kB
`build/block-library/style.css`	14.7 kB
`build/block-library/theme-rtl.css`	700 B
`build/block-library/theme.css`	705 B
`build/block-serialization-default-parser/index.min.js`	1.13 kB
`build/block-serialization-spec-parser/index.min.js`	2.87 kB
`build/blocks/index.min.js`	51.3 kB
`build/commands/index.min.js`	15.5 kB
`build/commands/style-rtl.css`	947 B
`build/commands/style.css`	942 B
`build/components/index.min.js`	257 kB
`build/components/style-rtl.css`	12.1 kB
`build/components/style.css`	12.1 kB
`build/compose/index.min.js`	12.8 kB
`build/core-commands/index.min.js`	2.73 kB
`build/core-data/index.min.js`	72.7 kB
`build/customize-widgets/index.min.js`	12.1 kB
`build/customize-widgets/style-rtl.css`	1.36 kB
`build/customize-widgets/style.css`	1.36 kB
`build/data-controls/index.min.js`	651 B
`build/data/index.min.js`	8.94 kB
`build/date/index.min.js`	17.9 kB
`build/deprecated/index.min.js`	462 B
`build/dom-ready/index.min.js`	336 B
`build/dom/index.min.js`	4.68 kB
`build/edit-post/classic-rtl.css`	571 B
`build/edit-post/classic.css`	571 B
`build/edit-post/index.min.js`	31.4 kB
`build/edit-post/style-rtl.css`	7.16 kB
`build/edit-post/style.css`	7.15 kB
`build/edit-site/index.min.js`	194 kB
`build/edit-site/style-rtl.css`	14.7 kB
`build/edit-site/style.css`	14.8 kB
`build/edit-widgets/index.min.js`	17.7 kB
`build/edit-widgets/style-rtl.css`	4.71 kB
`build/edit-widgets/style.css`	4.71 kB
`build/editor/style-rtl.css`	4.53 kB
`build/editor/style.css`	4.52 kB
`build/element/index.min.js`	4.87 kB
`build/escape-html/index.min.js`	548 B
`build/format-library/index.min.js`	7.76 kB
`build/format-library/style-rtl.css`	577 B
`build/format-library/style.css`	577 B
`build/hooks/index.min.js`	1.57 kB
`build/html-entities/index.min.js`	454 B
`build/i18n/index.min.js`	3.61 kB
`build/interactivity/file.min.js`	442 B
`build/interactivity/image.min.js`	2.15 kB
`build/interactivity/index.min.js`	12.5 kB
`build/interactivity/navigation.min.js`	1.16 kB
`build/interactivity/query.min.js`	791 B
`build/interactivity/search.min.js`	610 B
`build/is-shallow-equal/index.min.js`	535 B
`build/keyboard-shortcuts/index.min.js`	1.76 kB
`build/keycodes/index.min.js`	1.49 kB
`build/list-reusable-blocks/index.min.js`	2.11 kB
`build/list-reusable-blocks/style-rtl.css`	865 B
`build/list-reusable-blocks/style.css`	865 B
`build/media-utils/index.min.js`	2.92 kB
`build/modules/importmap-polyfill.min.js`	12.2 kB
`build/notices/index.min.js`	964 B
`build/nux/index.min.js`	2.01 kB
`build/nux/style-rtl.css`	775 B
`build/nux/style.css`	771 B
`build/patterns/index.min.js`	5.22 kB
`build/patterns/style-rtl.css`	564 B
`build/patterns/style.css`	564 B
`build/plugins/index.min.js`	1.81 kB
`build/preferences-persistence/index.min.js`	1.85 kB
`build/preferences/index.min.js`	1.26 kB
`build/primitives/index.min.js`	994 B
`build/priority-queue/index.min.js`	1.52 kB
`build/private-apis/index.min.js`	994 B
`build/react-i18n/index.min.js`	631 B
`build/react-refresh-entry/index.min.js`	9.46 kB
`build/react-refresh-runtime/index.min.js`	6.78 kB
`build/redux-routine/index.min.js`	2.71 kB
`build/reusable-blocks/index.min.js`	2.74 kB
`build/reusable-blocks/style-rtl.css`	265 B
`build/reusable-blocks/style.css`	265 B
`build/rich-text/index.min.js`	10.5 kB
`build/router/index.min.js`	1.79 kB
`build/server-side-render/index.min.js`	1.96 kB
`build/shortcode/index.min.js`	1.4 kB
`build/style-engine/index.min.js`	1.98 kB
`build/token-list/index.min.js`	587 B
`build/url/index.min.js`	3.83 kB
`build/vendors/inert-polyfill.min.js`	2.48 kB
`build/vendors/react-dom.min.js`	41.8 kB
`build/vendors/react.min.js`	4.02 kB
`build/viewport/index.min.js`	967 B
`build/warning/index.min.js`	259 B
`build/widgets/index.min.js`	7.18 kB
`build/widgets/style-rtl.css`	1.18 kB
`build/widgets/style.css`	1.18 kB
`build/wordcount/index.min.js`	1.03 kB

_{compressed-size-action}

SantosGuillamot · 2023-12-22T17:33:20Z

I believe that these are the remaining issues for this part of the prototype.

Improve the way we handle placeholders.
Add conditionals to post data the same way we are doing for post meta.

SantosGuillamot · 2024-02-16T10:32:32Z

Closing this because the block bindings API implementation has changed, and it should follow a different approach.

SantosGuillamot added 19 commits December 20, 2023 07:53

Change block bindings experiment name

24d575b

Remove old custom fields UI

5859b60

Add block bindings PHP logic

da3934b

Add pattern source

e55b1a8

Add post meta source

3ae0f42

Adapt partially synced patterns experiment

f26e173

Add domain to the translations in sources

c8b7719

Remove unused post_meta attrs

f19f3b6

Create helper to update bindings attribute

a51b743

Use helper in patterns

32486c3

Add UI for block bindings with a Fill for sources

699fbb2

Add BlockBindingsFieldsList component

7a9a81b

Add post meta source using Fill and component

c3f709a

Change variables names

e047eca

Get context from "post meta" source

d43ed33

Create global BLOCK_BINDINGS_ALLOWED_BLOCKS constant

42288ab

Add context back until we find a proper way

201db32

Add placeholder field

987ee65

Support templates in "post meta" source

5321a04

SantosGuillamot added the [Feature] Block API API that allows to express the block paradigm. label Dec 21, 2023

SantosGuillamot requested review from artemiomorales and michalczaplinski December 21, 2023 16:13

SantosGuillamot marked this pull request as draft December 21, 2023 16:14

SantosGuillamot added the [Type] New API New API to be used by plugin developers or package users. label Dec 21, 2023

Don't add placeholder if value exists

d366709

SantosGuillamot mentioned this pull request Dec 22, 2023

Block Bindings API: Add taxonomy meta source in templates #57343

Closed

SantosGuillamot added the [Type] Feature New feature to highlight in changelogs. label Dec 22, 2023

This was referenced Dec 22, 2023

Connecting block attributes and custom fields & Block Bindings API for WP 6.5 #53300

Closed

Block Bindings API: Add block bindings "Post data" source #57260

Closed

michalczaplinski force-pushed the add/block-bindings-api-editor-ui-and-apis branch 4 times, most recently from 11ba9d7 to 934715b Compare January 11, 2024 19:28

SantosGuillamot closed this Feb 16, 2024

SantosGuillamot deleted the add/block-bindings-support-templates branch February 16, 2024 10:32

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Block bindings: Add support for creating bindings in templates #57315

Block bindings: Add support for creating bindings in templates #57315

SantosGuillamot commented Dec 21, 2023 •

edited

Loading

github-actions bot commented Dec 21, 2023 •

edited

Loading

SantosGuillamot commented Dec 22, 2023

SantosGuillamot commented Feb 16, 2024

Block bindings: Add support for creating bindings in templates #57315

Block bindings: Add support for creating bindings in templates #57315

Conversation

SantosGuillamot commented Dec 21, 2023 • edited Loading

What?

Why?

How?

Testing Instructions

Remaining issues

github-actions bot commented Dec 21, 2023 • edited Loading

SantosGuillamot commented Dec 22, 2023

SantosGuillamot commented Feb 16, 2024

SantosGuillamot commented Dec 21, 2023 •

edited

Loading

github-actions bot commented Dec 21, 2023 •

edited

Loading