Create a local-only reusable-block or a ‚reusable-block light‘

[carstingaxion]

We need a dynamic block that works very similar to a normal reusable-block or template-part, with the difference that it’s content - aka its innerBlocks - is coming from another block within the same post, not another post itself.

In PHP this is easy done like this and would be fine to use as the blocks render_callback for the frontend:
….

But by avoiding the use of the <ServerSideRender> component because of its flashy rendering, how to do it with JS and using other Gutenberg packages?

I’ve looked into the following, which looked promising:

• useInnerBlocksProps is cool, but I can’t figure out how to provide it with reference to a block, not a post
  • https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/nested-blocks-inner-blocks/#using-a-react-hook
  • https://gutenberg.10up.com/reference/Blocks/inner-blocks/
  • https://make.wordpress.org/core/2021/12/28/take-more-control-over-inner-block-areas-as-a-block-developer/
  • https://github.com/search?q=repo%3AWordPress%2Fgutenberg+innerBlocksProps&type=code&p=3
  • https://github.com/WordPress/gutenberg/tree/trunk/packages/block-editor/src/components/inner-blocks
  • https://wp-gb.com/innerblocks/
  • https://dlxplugins.com/tutorials/say-goodbye-to-richtext-multiline-how-to-use-innerblocks-instead/
  • https://github.com/WordPress/gutenberg/blob/0816b4cdf016f64f580853dbd39c9228eec5c5f4/packages/block-library/src/template-part/edit/inner-blocks.js#L33
• useEntityBlockEditor
  • https://github.com/WordPress/gutenberg/blob/trunk/packages/edit-widgets/src/blocks/widget-area/edit/inner-blocks.js
  • [Widgets editor] Why do we need to have a post id and use useEntityBlockEditor? WordPress/gutenberg#25405
  • https://wordpress.stackexchange.com/questions/396426/embedded-block-editor-in-block-editor#comment578063_396426
  • https://github.com/WordPress/gutenberg/blob/0816b4cdf016f64f580853dbd39c9228eec5c5f4/packages/block-library/src/post-time-to-read/edit.js#L38
  • Nested block editor WordPress/gutenberg#35334

—-

• WPDC September 2023: Synced Entity Blocks with Seth Rubenstein