Feature: Developer Tools Web Extension

[thegreatercurve]

• Scaffold a new cross-browser web extension which works with Firefox, Chrome, Edge, and Safari.
• Port the existing inline ASCI Lexical state tree representation to the extension.
• Create a more interactive representation of the Lexical state tree, akin to the Component view within React Developer Tools.
  • Respective tree nodes should be collapsible or expandable.
  • Respective tree nodes should highlight the relevant DOMNode on hover of the Lexical Node.
  • Add slide out panel with all properties on the node.
  • Add a view for the current selection.
  • Add the ability to time-travel between different editor states.
  • Add a log of all Lexical commands and their respective payloads.
  • View should be performant even for larger Lexical state trees.
  • View should have a suite of unit and E2E tests which test for basic Lexical states.
  • Add details of editor config.
• Build a CI pipeline within our Github Actions which handles publishing new extension versions to their respective web extension stores.
• Add the extension to each of our test browser environments, so we can better debug failing E2E tests.

[thegreatercurve]

@noi5e Would you mind adding yourself as an assignee to this Issue? For some reason, I can't add you.

[noi5e]

@thegreatercurve Huh, I don't see a button to add myself:

Is it true that only one person can be assigned to an issue at a time? It could be a question of access level too.

[thegreatercurve]

@thegreatercurve Huh, I don't see a button to add myself:

Is it true that only one person can be assigned to an issue at a time? It could be a question of access level too.

Added you now. I think you have to merge a PR first before you show up in the menu.