The goal of this task is to ensure that actions performed from the Diagram Editor in edit mode are in sync with the Text Editor in the following scope: Combined Editor only.

Once implemented the end-to-end interaction between the Text editor and the Diagram editor shall be complete.

Points to be covered:

• Integration with editing lifecycle (undo(), redo())
  • Any changes made from the diagram or from the Text editor shall be properly registered in the undo/redo stack.
• The content(getContent) recovered from the Diagram Editor shall be updated in the Text editor
  • When a new node is created/Deleted or has its name changed, those changes shall be pushed into Text Editor's content.
  • When a new node is created or has its name edited the cursor in Text Editor shall be moved to the begining of the declaration of the node and the node shall be selected in the Diagram.
• The updated content shall be presented properly indented/formated in Text Editor standards (Stunner returns a single line of content).
• Ensure that autolayout is being called when nodes are added/removed from the canvas.
• This implementation should affect only the Combined Editor in edit mode.

How to test:

1. Enable edit mode and build the Combined editor with pnpm -F serverless-workflow-combined-editor... build:prod
2. From the combined editor package (packages/serverless-workflow-combined-editor) start a web server with pnpm run start
3. Open the URL http://localhost:9002/ in the browser then create/open a diagram

Known issues:

• When a node without outgoing connections is deleted, the ingoing connection(transition) is not deleted causing validation issues and incoherences in the text editor e.g. Compensation Transitions. This issue will be addressed in other JIRA.
• At the moment when a new node is created it is not possible to fire edit node name event because the diagram was not reloaded yet (auto-layout). The user shall double click new nodes in order to change node names for now.