Insert image using url for cover

[Wolf-DieterFiege]

Currently it isn't possible to insert images via url for cover
It would be nice to have this feature.

Please see screenshot attached.

[Soean]

We have to set backgroundType in the state to video or image. How do we detect the media type from the url?

[Soean]

Same issue in Media & Text block

[talldan]

It might be feasible to check the content type of the URL using fetch:

const response = await fetch( mediaURL );
const isImage = response.get( 'Content-Type' ).startsWith( 'image' );

but I haven't checked if there are any edge cases around doing this.

[bph]

Seems earlier attempts to add this were abandoned. Thanks for surfacing this again.

[joemaller]

Any progress on this?

Pointers to the discussion about removing this? Seems confusing that Media insertion is missing features in otherwise normal contexts

[joemaller]

Workaround?

1. Insert Image Block, hot-link to external url
2. Transform hot-linked Image Block to Cover Block

That appears to work perfectly well, except the media url used by the Cover Block can not be edited, only removed or replaced from the Media Library.

[akasunil]

Created PR 41908. Request for review.