fix: Replace unsupported editor architecture

[dcalhoun]

What?

Replace our current editor architecture with the approach recommended in the Gutenberg Framework documentation.

Why?

Fixes https://github.com/Automattic/dotcom-forge/issues/10026.

After merging #24, several regressions were introduced. Namely, the block toolbar would unexpectedly empty when moving the mouse cursor after typing into a rich text field.

Additionally, the Patterns and Media tabs in the block inserter have not worked since the previous change, as it no longer had access to private APIs enabling their operation.

How?

Replace our usage of EditorProvider with BlockEditor provider, as well as reintroduce the necessary supporting code for managing the post content state.

Testing Instructions

1 - Formatting options remain present within the block toolbar

1. Start the development server.
2. Open the editor in your desktop browser.
3. Insert a Paragraph block.
4. Type a couple of words into the block.
5. Move your mouse cursor.
6. Verify the block toolbar remains populated with rich text formatting
   options—e.g., bold, italic, etc.

2 - The Patterns/Media tab populate with content from the current site

1. Start the development server.
2. Open the editor within the WordPress mobile app.
3. Open the block inserter.
4. Tap the Patterns/Media tab.
5. Verify the tab is populated with content from the current site.

Accessibility Testing Instructions

N/A, no user-facing changes.

Screenshots or screencast

N/A, no user-facing changes.

[kean]

Open the editor within the WordPress mobile app.

I testing it in a demo app and found a couple of minor layout issues with the empty state for these tabs:

I then remembered that you can change the editor URL programmatically in jpios, which is what I did:

self.editorViewController.editorURL = URL(string: "http://localhost:5173/")

It would be awesome to add support for GUTENBERG_EDITOR_URL, which is faster as it doesn't require you to recompile the code.

The jpios version also had the same layout issue:

The code changes look good.

[kean]

It would be awesome to add support for GUTENBERG_EDITOR_URL, which is faster as it doesn't require you to recompile the code.

Never mind – it does. I have no memory of adding this code 😅

[dcalhoun]

I testing it in a demo app and found a couple of minor layout issues with the empty state for these tabs:

Thanks, I plan to address this in https://github.com/Automattic/dotcom-forge/issues/8678.

It would be awesome to add support for GUTENBERG_EDITOR_URL, which is faster as it doesn't require you to recompile the code.

Never mind – it does. I have no memory of adding this code 😅

😄