amagaki
amagaki copied to clipboard
Interaction with editor.dev
When a project is running in editor.dev the editor is going to communicate with the preview using postMessage
. The JS for the page builder can use that information to interact with the editor.
Possible interactions with editor:
- Connected with editor. Page builder could show edit links for partials, etc.
- Hovered over partial. Page builder could highlight which partial is being hovered in the editor or in the preview (bi-directional).
- Active focus on partial. Page builder could highlight which partial has focus in the editor.
- Visible partials. Page builder could tell editor which partials are visible.
- Edit partial. Page builder could tell editor when the user wants to edit a specific partial, show it in isolation mode, and let the editor pull up the UI for editing the partial.
- Modify partials. Page builder could show UI for modifying the partials, such as reordering partials, duplicating a partial, deleting a partial, etc.