Support the Gutenberg Block Editor.

[georgestephanis]

Very much a work in progress, but this issue's goal is to add support for all existing bbPress shortcodes as blocks in the block editor.

​https://codex.bbpress.org/features/shortcodes/

[georgestephanis]

Very coarse first pass. Only adds the forum index shortcode. More to come.

[georgestephanis]

Very coarse first pass -- at this point the main question is more of tooling around the blocks to be added.

I'd added a npm run blocks to build them via parcel, but if y'all would prefer to tweak that to integrate with y'all's grunt tooling, that's fine. This is just the way I knew to set up the transpiling with as little friction as possible.

More to come as I continue fleshing out the other shortcodes.

[georgestephanis]

Added in second block for displaying a single forum. Includes select dropdown.

[georgestephanis]

Just as this is going to be an ongoing thing, I'm working on this over at ​https://github.com/bbpress/bbPress/pull/4 -- which will update as I continue.

[johnjamesjacoby]

I like where this is headed so far. Keep it up!

[deborah86]

I was just going to request this feature. The widgets will also need to be updated to blocks. Is this project dead?

[johnjamesjacoby]

Is this project dead?

No. New features are worked on by a smaller team of contributors than WordPress has. As such, progress is slower.

[georgestephanis]

Yup! Confirming that I'm still working on it, but most of the work is in GitHub. And when I sit down to work on it I keep getting yanked away by other issues. But it's in progress, and if you'd like to pitch in with it, please let me know! I'd be delighted to collab. :)

[deborah86]

@georgestephanis

I would love to pitch in. Just to let you know, I have never made a WordPress plugin before in my life. What can I do to help?

Trac Ticket: ​https://bbpress.trac.wordpress.org/ticket/3403

Branch restored. PR re-opened. This was accidental.
This PR doesn't need to be rebased to trunk, that'll be done by the committer.

[SirLouen]

Test Report

Following the excellent work by @georgestephanis and the revision by @adamsilverstein in ​Github PR 4, I'm trying to revive this feature and look forward to add it for the next 2.6.12 release as it's an important feature we all have been waiting for.

This report detects that previous patch has been tested in the current trunk branch and its not working. New patch has been submitted.

We have to remember, that the current implementation is a Shortcode-based Block adaptation, so we are mostly relying in the fact that core Shortcodes code is actually working well, although further testing has been taken to check if everything is in place.

Steps to Reproduce the Issue

Option A (original patch)

1. Rebase original patch straight on trunk branch.
2. Opening a new Page and checking for the new blocks
3. 🐞 Bug occurs, blocks are not appearing

Option B (manually applied patch)

1. Extract only block related changes and merge them into current trunk branch manually
2. Follow steps 2 & 3 from Option A

Expected Results

• Blocks should appear in the Gutenberg block list
• Blocks should be able to be applied and shown in the frontend

Environment

• OS: Windows 11
• Web Stack: WP-Env 10.8
• WordPress: 6.8-alpha-59336
• Browser: Chrome 130.0.6723.92
• Theme: Twenty Twenty
• Active Plugins:
  • bbPress 2.7.0-alpha-2
  • Query Monitor 3.16.4

Actual Results

Testing with the original patch

• ❌ Error condition occurs, blocks don't appear in the Gutenberg block list

Patch Additions

1. I've extracted all the upgrades and implemented them into the current trunk
2. Build was failing as-is so I have introduced some mods in my patch
3. I have introduced some extras like a bbPress category to add all the blocks to such category.
4. Rebuilt some blocks to make them work with the current status of WP

Results after testing with the new reviewed bugfix patch:

• ✅ Blocks now appear in the Block list under the category (screenshot attached)
• ✅ Forums Index worked out of the box (screenshot attached)
• ✅ Forum Form worked out of the box (screenshot attached)
• ❌ Single Forum Block doesn't work out of the box, changes introduced (see below)
• ✅ Topics Index (Recent Topics) worked out of the box (screenshot attached)
• ❌ New Topic Form worked out of the box but not as intended (see below)
• ✅ Single Topic Block works out of the box (screenshot attached)
• ❌ New Reply Form doesn't work. But is under-documented in the Codex and under-coded in BBP_Shortcodes Class (screenshots attached)
• ✅ Single Reply Block works out of the box (screenshot attached)
• ✅ Topic Tags Cloud Block works out of the box (screenshot attached)
• ✅ Single Topic Tags Block works out of the box (screenshot attached)
• ✅ Single View Block works out of the box (screenshot attached)
• ✅ Search Results Block works out of the box (screenshot attached)
• ✅ Search Form Block works out of the box (screenshot attached)
• ✅ Login Form Block works out of the box (screenshot attached)
• ✅ Register Form Block works out of the box (screenshot attached)
• ✅ Lost Password Form Block works out of the box (screenshot attached)
• ✅ Statistics block worked out of the box. (screenshot attached)

Current patch only introduces a first draft of bbPress Gutenberg Blocks directly matched with their current shortcode.

• ✅ Single Forum Block: Changes in forum selector using settings according to latest Gutenberg styling (using sidebar), and proof of concept RangeControl to select number of topics (screenshots attached)
• ✅ New Topic Form Block: After patching in ForumPicker React Component, ForumPicker is not helping display the form for the Forum selected. Some fixing done (screenshot attached)
• ❌ New Reply Form left commented since it is not fully implemented and failing, the underlying issue is in the Shortcode implementation, doesn't specify where the reply is going to be placed , left for a future Block feature implementation

Supplemental Artifacts

✅ ​Blocks in the bbPress Category

✅ ​Forum Index in Gutenberg
✅ ​Forum Index in Frontend

✅ ​Single Forum in Gutenberg
✅ ​Single Forum in Frontend (with 10 topics restriction selected)

✅ ​Forum Form in Gutenberg
✅ ​Forum Form in Fronted

✅ ​Topic Index in Gutenberg
✅ ​Topic Index in Frontend

✅ ​New Topic Form in Gutenberg with no Forum
✅ ​New Topic Form in Frontend with no Forum
✅ ​New Topic Form in Gutenberg with Forum Selected
✅ ​New Topic Form in Frontend with Forum Selected

✅ ​Single Topic in Gutenberg
✅ ​Single Topic in Frontend

❌ ​Reply Form in Frontend

✅ ​Single Reply in Gutenberg
✅ ​Single Reply in Frontend

✅ ​Topic Tag Cloud in Gutenberg
✅ ​Topic Tags Cloud in Frontend

✅ ​Single Topic Tag in Gutenberg
✅ ​Single Topic Tag in Frontend

✅ ​Single View in Gutenberg No Replies
✅ ​Single View in Frontend No Replies
✅ ​Single View in Gutenberg Popular
✅ ​Single View in Frontend Popular

✅ ​Search Results in Gutenberg
✅ ​Search Results in Frontend

✅ ​Search Form in Gutenberg
✅ ​Search Form in Frontend

✅ ​Login Form in Gutenberg
✅ ​Login Form in Frontend

✅ ​Register Form in Gutenberg
✅ ​Register Form in Frontend

✅ ​Lost Password Form in Gutenberg
✅ ​Lost Password Form in Frontend

✅ ​Forum Statistics in Gutenberg
✅ ​Forum Statistics in Frontend

Further Development for 2.7 and 3.0

1. Sort failing blocks like New Reply Form
2. Moving inputs from Gutenberg's rendering area to Inspector component (Single Topic, Single Reply, Single Topic Tag, Single View, Search Results)
3. I've only introduced some extra controls in the Single Forum Block, but ideally all blocks should have more controls, not only to edit functionality (like number of posts shown in the Single Forum list), but also the appearance (since, this is the true nature of Gutenberg).
4. Blocks like Single Topic, Single Reply, Single View instead of using a ComboboxControl component with a good indexed search selector, they simply use a TextControl component so user can manually input their desired number, which doesn't feel right according to current design patterns. This should be also improved in the future.
5. Instead of a Placeholder block, a preview should be rendered in the Editor.

Trac Issue:
​https://bbpress.trac.wordpress.org/ticket/3403

Original PR #4

Props to ​@georgestephanis and ​@adamsilverstein for the original code and review of the code, respectively.

I hope this time we can close this PR 👍

@dd32 @JJJ new revamped and rebased version in #30
This PR can be closed now.