editorContextMenu.js

(function () {
  var electron = require('electron');
  var {remote, app} = require('electron');

  var buildEditorContextMenu = remote.require('electron-editor-context-menu');

  var desktopManager = angular.element(document).injector().get('desktopManager');

  function contextEvent(e) {
    let menu = buildEditorContextMenu();

    // The 'contextmenu' event is emitted after 'selectionchange' has fired but possibly before the
    // visible selection has changed. Try to wait to show the menu until after that, otherwise the
    // visible selection will update after the menu dismisses and look weird.
    setTimeout(function() {
      menu.popup({window: remote.getCurrentWindow()});
    }, 30);
  }

  function addContextMenuTo(uuid) {
    let componentFrame = document.querySelector('[data-component-id="' + uuid + '"]');

    if(componentFrame) {
      // add content menu event
      componentFrame.contentWindow.addEventListener("contextmenu", contextEvent);
    }
  }

  // register activation observer to be notified when a component is registered
  desktopManager.desktop_registerComponentActivationObserver((component) => {
    try {
      addContextMenuTo(component.uuid);
    } catch (e) {
      console.error(e);
    }
  });
})();