blinkk/amagaki

Interaction with editor.dev

Opened this issue · 0 comments

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.