Social Preview: Add scaffolding for the feature

[marekhrabe]

Fixes #16594

TODO:

• install @automattic/social-previews into Jetpack
• find a place for social previews feature and create a scaffolding
• mark extension as beta

Changes proposed in this Pull Request:

• adds very basic scaffolding and place where we'll later put our code

Jetpack product discussion

Does this pull request change what data or activity we track or use?

no

Testing instructions:

yarn build-extensions to build the corresponding bundle

For working on this feature, set constants in wp-config:

define( 'WP_DEBUG', true );
define( 'JETPACK_BETA_BLOCKS', true );
define( 'JETPACK_DEV_DEBUG', true );
define( 'SCRIPT_DEBUG', true );
define( 'GUTENBERG_DEVELOPMENT_MODE', true );

• Load the block editor and lookup window.Jetpack_Editor_Initial_State.available_blocks['social-previews']
• it should return { available: true }

No other UI is expected at this point, we have them as separate tasks.

Proposed changelog entry for your changes:

• none yet

[matticbot]

Caution: This PR has changes that must be merged to WordPress.com
Hello marekhrabe! These changes need to be synced to WordPress.com - If you 're an a11n, please commandeer and confirm D47085-code works as expected before merging this PR. Once this PR is merged, please commit the changes to WP.com. Thank you!
This revision will be updated with each commit to this PR

[jetpackbot]

Thank you for the great PR description!

When this PR is ready for review, please apply the [Status] Needs Review label. If you are an a11n, please have someone from your team review the code if possible. The Jetpack team will also review this PR and merge it to be included in the next Jetpack release.

E2E results is available here (for debugging purposes): https://jetpack-e2e-dashboard.herokuapp.com/pr-16615

Scheduled Jetpack release: August 4, 2020.
Scheduled code freeze: July 28, 2020

Generated by 🚫 dangerJS against 6664aeb

[jeherve]

Looking good on my end. 👍

[cpapazoglou]

Thanks @marekhrabe for creating a progressive PR 👍 !
Tested by instructions and can confirm the following:

• running yarn build adds the npm package without any notices and the environment continues to work
• setting the wp-config.php constants and running in the console window.Jetpack_Editor_Initial_State.available_blocks['social-previews'] returns { available: true } (works for @marekhrabe and @jeherve )

What do you think about renaming it to social-reviews-panel since we already have a social-reviews package that will be used from the panel?

Also, left some comments

[marekhrabe]

What do you think about renaming it to social-reviews-panel since we already have a social-reviews package that will be used from the panel?

@jeherve what's your take on this? I would prefer to keep the current name. No other feature/block contain word that describes where the feature shows up. It's always equal to just the name of the feature

[jeherve]

what's your take on this? I would prefer to keep the current name. No other feature/block contain word that describes where the feature shows up. It's always equal to just the name of the feature

Yes, I would agree. I think social-previews works here.

[jeherve]

r211491-wpcom