Project issue: Reusable blocks

[fluiddot]

Description

Epic issue: #2497

Reusable blocks allow users to quickly re-use blocks, without needing to remember specific formatting or settings. This type of blocks are currently unsupported in the app so it would be nice to add them.

Testing builds

• iOS: [TEST] Gutenberg - Reusable block WordPress-iOS#16343
• Android: [TEST] [DO NOT MERGE] Gutenberg - Reusable block WordPress-Android#14500

Phase 1

Status: Finished 🟢, will be released in 1.54.0 (17.5).

⚠️ For now, reusable block will only be available on WP.com sites due to this issue: #3457 ⚠️

Bugs

• Handle empty content case

Shipments

1- Preview content

Status: Merged 🟢 (included in 1.46.0 (16.7)).

Details

PRs:

• Gutenberg PR
• Gutengerg-mobile PR

Bugs:

• Visual glitch when loading the block - Fix PR

2 - Convert to regular blocks

Status: Merged 🟢 (included in 1.52.0 (17.3)).

Details

PRs:

• Gutenberg PR
• Gutengerg-mobile PR

3 - Insert from the inserter menu

Status: Merged 🟢 (included in 1.53.0 (17.4)).

Details

PRs:

• Gutenberg PR
• Gutengerg-mobile PR

Subtasks:

• Add header prop to bottom-sheet component
• Render InserterSearchForm in the bottom-sheet's header
• Add tabs for regular blocks and reusable blocks
• Integrate tabs into the inserter menu

Bugs:

• Height of the bottom-sheet changes when the keyboard is shown/hide resulting in a visual glitch
• Preserve the scroll-position on inserter menu tabs
• Android crash when fetching more than 27 reusable blocks

Phase 2

Status: In progress 🔧 .

Bugs:

• Unbounded queries
• Bad response when a reusable block contains a self-reference on self-hosted sites

Shipments

1 - Edit Reusable block

Status: In progress 🔧

Issue: #2597

Integration PRs:

• Gutenberg PR (no created yet)
• Gutengerg-mobile PR (not created yet)

Subtasks:

• Floating toolbar buttons
  • Add a slot to the floating toolbar
  • Add floating toolbar buttons in reusable block (Edit, Discard, Save)
  • Remove floating toolbar navigation breadcrumbs
• Reusable block data management
  • Fetch reusable block data
  • Save reusable block data
• Add edit mode logic
  • Add edit name setting
  • Add unsaved changes dialog
  • Implement undo/redo functionality
  • Add focus mode and enable it when editing a reusable block
  • Add border to the parent of the inner blocks when editing (rnmobile/add/inner-blocks-parent-border)
• Handle editing scenarios
  • Disable editing for reusable blocks nested in another reusable block
  • Render error message when the reusable block is deleted
  • Render error message when rendering a reusable block nested in the same reusable block

2 - Save reusable block data - Support POST requests

Status: In progress 🔧

Issue: #3185

Integration PRs:

• Add support for POST requests #3128
• [RNMobile] Add support for POST requests WordPress/gutenberg#28938

PRs:

• iOS implementation
  • [Gutenberg] Add support for POST requests in Gutenberg networking WordPress-iOS#15864
  • Add POST request to WP.org Rest API WordPressKit-iOS#349
• Android implementation

3- Create new Reusable block from a single block

Issue: #2574

Phase 3

Status: Not scheduled yet.

Shipments

1 - Manage existing Reusable blocks

Issue: #2598

[fluiddot]

Closing this project issue as it has been stale for a long time. Feel free to re-open it in the future when implementing the next phases of the Reusable block.