Add a reaction block

[mattwiebe]

This will add a block to display Likes and Reposts in a single block.

Fixes #1057

Proposed changes:

• Adds a Reactions block
• It automatically gets hooked to be placed after the post content block
• Enable reactions by default!

A (not quite up to date) video of it in action:

Screen.Recording.2024-12-11.at.22.24.36.mov

Other information:

• Have you written new tests for your changes, if applicable?

Testing instructions:

With this PR active, view a post on the frontend that already has a number of Likes and Reposts. The reactions block should be inserted directly after the post content:

The block is automatically added via a block hook. It should be opted in, and can be disabled in the Single Post template in the Site Editor: (also note the dummy content in the Editor)

Every row of icons, if there are too many to fit the width, should limit the number of avatars shown so that none are cut off.

Avatars and names are shown if you click on the n reposts (or likes) label to the right of the avatars:

On a post with no likes or reposts, nothing will be shown, not even the title.

The title ("Fediverse reactions" by default) is editable.

[pfefferle]

Awesome!! 🎉

Maybe one first little feedback: Maybe we should have a line break after the label (and use it more as a headline) so that the icon lists are all aligned?

[mattwiebe]

Maybe one first little feedback: Maybe we should have a line break after the label (and use it more as a headline) so that the icon lists are all aligned?

They should definitely be aligned! I'd prefer to keep them on a single line, maybe responsively moving to separate lines on smaller screens. Or I guess we could give some layout options, but that could be a future iteration. 🤔

[jeherve]

Nice!

I believe this would fix #235 as well?

[pfefferle]

@mattwiebe what about icons at the beginning of each line https://wordpress.github.io/gutenberg/?path=/docs/icons-icon--docs ???

• reusableBlock for reposts
• and the heart you are already using for like

We could use the icon attribute for that. Either store the @wordpress/icons key or an SVG?

wordpress-activitypub/includes/class-comment.php

Line 616 in e7fa73c

'icon' => '♻️',

[pfefferle]

Is it possible to use the comment type registry instead of hardcoding to the two types? So that it is easier to add new types, either in the plugin or an external one?

[pfefferle]

Does not have to be in the first iteration!

[obenland]

Remaining Tasks

• Limit Reaction Setting to non-block themes.
• Per-post setting should be for both, global setting only for non-block themes.
• Add a link to Site Editor for block themes in Settings.
• Tone down hover animation.

[mattwiebe]

@Automattic/fediverse Ready to test some more, I think everything should be addressed!

[pfefferle]

tests are failing

[pfefferle]

This will still prevent, that the block will load outside of the post.

[obenland]

It looks like aab821d broke the unit test that checked whether reactions are enabled for an individual post while they are deactivated globally.
Is that something we don't want to support?

[pfefferle]

If we want to have a setting that deactivates the feature globally then we need to have a different setting to add/remove the reactions to the post, these two should not be implicit!

[mattwiebe]

We've removed support for auto-appending the Reactions block to classic themes. Those users can either insert the block manually, or edit their PHP templates to output the block like:

do_blocks( '<!-- wp:activitypub/reactions {"title":"Fediverse Reactions"} /-->' );

We may revisit this, but it was getting too complex and blocking shipping

merge-blocking