WDS Headless Blocks plugin breaks Gutenberg editor

[kaelansmith]

I followed the documented setup process, and when I edit a page's Gutenberg content, an error is displayed: "This block has encountered an error and cannot be previewed." There's a JS error in the console: "TypeError: validateThemeColors is not a function". When I deactivate the WDS Headless Blocks plugin, Gutenberg works as expected. I'm not sure what function WDS Headless Blocks is providing, but I imagine it's required to use it with this starter template? I can see in the plugin's source code where the error is likely occuring --> line 118 here: https://github.com/WebDevStudios/wds-headless-blocks/blob/main/js/blocks.js .. There's a comment right above the code there that says "Note: This may not work as expected if a custom theme palette has been set. In that case, this filter may need to be customized."

There were a couple other problems I encountered during set up, and the issues on this repo seem to be mostly left untouched... am I correct in thinking this project has been abandoned and isn't worth using anymore?

To Reproduce

1. Follow the backend and frontend setup steps in the docs
2. Create a page in WordPress, and try to edit a Gutenberg paragraph block.
3. The error "This block has encountered an error and cannot be previewed." should display
4. Deactivate WDS Headless Blocks plugin and Gutenberg should work as usual

Expected behavior
I should be able to use Gutenberg as usual.

Screenshots

[mrEckendonk]

Same here. Unable to open an issue on https://github.com/WebDevStudios/wds-headless-blocks. Is there an alternative or is this project abandoned?

[kaelansmith]

Seems to be abandoned. There are other Next JS + WordPress starters out there. I've opted for building my own -- currently in progress and might share it one day. Now that I've taken that leap, I can say that this starter seems to be overly complicated (and prone to breaking as we've experienced).