Image Block: Media Sources Menu Inserted When Adding Caption about jetpack

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 8351984-zen
• 8354098-zen
• 8354676-zen

[jeherve]

I'm thinking this may be related to the recent work on block bindings in core. @Automattic/frontity Is that something that's come up in your work in the past few weeks?

Those media sources are added by Jetpack by hooking into blocks.registerBlockType:

jetpack/projects/plugins/jetpack/extensions/shared/external-media/index.js

Lines 9 to 18 in 9212d2f

	function insertExternalMediaBlocks( settings, name ) {
	if ( name !== 'core/image' ) {
	return settings;
	}
	return {
	...settings,
	keywords: [ ...settings.keywords, ...mediaSources.map( source => source.keyword ) ],
	};
	}

[SantosGuillamot]

I'm thinking this may be related to the recent work on block bindings in core. Is that something that's come up in your work in the past few weeks?

I don't think any of the changes we added in that release should affect this functionality. We are working on the image caption now, but it hasn't been merged into Gutenberg yet.

I can try to help if I am able to reproduce the error in a local instance of the Gutenberg repo. Which is the best way to test this extension? Can I install it somehow to my local site?

[liviopv]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Replicated
• Local site - No

📌 FINDINGS/SCREENSHOTS/VIDEO
Atomic with GB 18.5
https://github.com/Automattic/jetpack/assets/14153300/c9f29820-bbb8-44ec-b8ce-5eb1bce0e696

Atomic without GB 18.5 but with WordPress 6.6 beta 3

Dotcom Simple

Local site with WordPress 6.6 Beta 3 + GB 18.5

CleanShot.2024-06-19.at.11.51.47.mp4

📌 ACTIONS

• Triaged

[jeherve]

Thanks for taking a look!

I can try to help if I am able to reproduce the error in a local instance of the Gutenberg repo. Which is the best way to test this extension? Can I install it somehow to my local site?

Your local developement environment would need to be publicly available, so you can connect the Jetpack plugin to WordPress.com. Here in the Jetpack division we tend to rely on PCYsg-GJ2-p2 to make our local environments publicly available, but it does require a bit of setup.

Local site - No

The Jetpack plugin doesn't seem to be activated on your local site, so you won't be able to replicate the problem since the External Media feature is only available on sites using the Jetpack plugin.

[liviopv]

The Jetpack plugin doesn't seem to be activated on your local site, so you won't be able to replicate the problem since the External Media feature is only available on sites using the Jetpack plugin.

I know! That was just to confirm it was Jetpack-specific :)

[SantosGuillamot]

I tried to reproduce it using in Gutenberg (without JetPack) the same filters you shared, but I wasn't able to. I also tried setting up JetPack locally but, after tunneling it to my local domain, wp-admin is redirected so I can't connect it to WordPress.com.

By the way, these are the changes introduced in Gutenberg 18.5. In case you are able to identify the issue.

[jeherve]

Thanks for trying! On my end I'm still thinking; I may try to see if WordPress/gutenberg#62085 played a role tomorrow.