feat: Added command to set featured image

[singhakanshu00]

What?

• Creating a command to set the featured image of the post and pages

• Used useCommand hook from @wordpress/commands package to create the command.

Why?

• Setting featured image using direct command instead of manually following the below steps:

  • Click on “post” in the sidebar.
  • Scroll down.
  • Click on “Set Featured Image”.
  • Pick whether I want to select or upload.

How?

• This PR addresses Issue

Testing Instructions

• In the post editor open command palette.
• Search 'Select Featured Image'.
• Media dialog box will appear asking to select the featured image.
• On selecting, it will edit/add a featured image.

Testing Instructions for Keyboard

• In the post editor press cmd + k or ctrl + k to open command palette.

Screenshots or screencast

featured-image.mp4

[github-actions]

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @singhakanshu00! In case you missed it, we'd love to have you join us in our Slack community, where we hold regularly weekly meetings open to anyone to coordinate with each other.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

[ntsekouras]

Thank you for the PR @singhakanshu00! Maybe someone with more knowledge at the media upload flow could help more, but here are some first thoughts:

1. The command should not be available when a user has no permissions to upload/set a featured image, or a theme has disabled the support for featured images, or a post type doesn't support them(see PostFeaturedImageCheck).
2. I'm not sure how we could use(either reuse or add any missing things) from media utils package. Here is the code for unstableFeaturedImageFlow
3. In the current state of this PR, the media library also shows other type of files(audio, etc..), besides images.

[draganescu]

Thanks for the PR. Alongside what @ntsekouras mentioned, ideally we should not rely on the global state since there are utils which are incorporated into Gutenberg's framework which are used specifically in the set featured image control that this command emulates. The behaviour and implementation should be very similar.

See packages/editor/src/components/post-featured-image/index.js.

Following that route of implementation will also solve some of the issues above (permissions, media library setup).