@lvce-editor/menu-worker 1.0.0 → 1.2.0

package/dist/menuWorkerMain.js

@@ -421,7 +421,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$4 = (id, fn) => {
+const set$3 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -440,7 +440,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$4(id, resolve);
+  set$3(id, resolve);
   return {
     id,
     promise
@@ -785,7 +785,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$2 = (ipc, method, ...params) => {
+const invoke$3 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer$1 = (ipc, method, ...params) => {
@@ -824,7 +824,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$2(ipc, method, ...params);
+      return invoke$3(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer$1(ipc, method, ...params);
@@ -899,73 +899,6 @@ const createMockRpc = ({
   return mockRpc;
 };
 
-const RenderEntries = 1;
-const RenderFocusedIndex = 2;
-const RenderMenus = 3;
-
-const diffType$2 = RenderEntries;
-const isEqual$2 = (oldState, newState) => {
-  return oldState.titleBarEntries === newState.titleBarEntries && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
-};
-
-const diffType$1 = RenderFocusedIndex;
-const isEqual$1 = (oldState, newState) => {
-  return oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
-};
-
-const diffType = RenderMenus;
-const isEqual = (oldState, newState) => {
-  return oldState.menus === newState.menus;
-};
-
-const modules = [isEqual$2, isEqual$1, isEqual];
-const numbers = [diffType$2, diffType$1, diffType];
-
-const diff = (oldState, newState) => {
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
-};
-
-const create$1 = () => {
-  const states = Object.create(null);
-  return {
-    get(uid) {
-      return states[uid];
-    },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        oldState,
-        newState
-      };
-    }
-  };
-};
-
-const {
-  get: get$1,
-  set: set$3
-} = create$1();
-
-const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  return diff(oldState, newState);
-};
-
-const commandsIds = ['closeMenu', 'handleClickAt', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'handleClick', 'handleFocus', 'handleFocusOut', 'handleKeyArrowDown', 'handleKeyArrowLeft', 'handleKeyArrowRight', 'handleKeyArrowUp', 'handleKeyEnd', 'handleKeyEnter', 'handleKeyEscape', 'handleKeyHome', 'handleKeySpace', 'handleMenuClick', 'handleMenuMouseOver', 'handleMouseOut', 'handleMouseOver', 'handlePointerOver', 'handlePointerOut', 'toggleIndex', 'toggleMenu'];
-
-const getCommandIds = () => {
-  return commandsIds;
-};
-
 const Text = 12;
 
 const Escape$2 = 8;
@@ -983,445 +916,94 @@ const Shift = 1 << 10 >>> 0;
 const DebugWorker = 55;
 const RendererWorker$1 = 1;
 
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
+const rpcs = Object.create(null);
+const set$2 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$1 = id => {
+  return rpcs[id];
 };
 
-const text = data => {
+const create$1 = rpcId => {
   return {
-    type: Text,
-    text: data,
-    childCount: 0
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    set(rpc) {
+      set$2(rpcId, rpc);
+    },
+    async dispose() {
+      const rpc = get$1(rpcId);
+      await rpc.dispose();
+    }
   };
 };
 
-const FocusTitleBarMenuBar = 26;
-
-const getKeyBindings$1 = () => {
-  return [{
-    key: DownArrow$2,
-    command: 'TitleBarMenuBar.handleKeyArrowDown',
-    when: FocusTitleBarMenuBar
-  }, {
-    key: UpArrow$2,
-    command: 'TitleBarMenuBar.handleKeyArrowUp',
-    when: FocusTitleBarMenuBar
-  }, {
-    key: RightArrow$2,
-    command: 'TitleBarMenuBar.handleKeyArrowRight',
-    when: FocusTitleBarMenuBar
-  }, {
-    key: LeftArrow$2,
-    command: 'TitleBarMenuBar.handleKeyArrowLeft',
-    when: FocusTitleBarMenuBar
-  }, {
-    key: Space$2,
-    command: 'TitleBarMenuBar.handleKeySpace',
-    when: FocusTitleBarMenuBar
-  }, {
-    key: Home$2,
-    command: 'TitleBarMenuBar.handleKeyHome',
-    when: FocusTitleBarMenuBar
-  }, {
-    key: End$2,
-    command: 'TitleBarMenuBar.handleKeyEnd',
-    when: FocusTitleBarMenuBar
-  }, {
-    key: Escape$2,
-    command: 'TitleBarMenuBar.handleKeyEscape',
-    when: FocusTitleBarMenuBar
-  }];
+const {
+  invoke: invoke$2,
+  invokeAndTransfer,
+  set: set$1,
+  dispose
+} = create$1(RendererWorker$1);
+const searchFileHtml = async uri => {
+  return invoke$2('ExtensionHost.searchFileWithHtml', uri);
 };
-
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
+const getFilePathElectron = async file => {
+  return invoke$2('FileSystemHandle.getFilePathElectron', file);
 };
-
-/**
- * @enum {string}
- */
-const UiStrings$2 = {
-  Copy: 'Copy',
-  CopyLineDown: 'Copy Line Down',
-  CopyLineUp: 'Copy Line Up',
-  Cut: 'Cut',
-  MoveLineDown: 'Move Line Down',
-  MoveLineUp: 'Move Line Up',
-  Paste: 'Paste',
-  Redo: 'Redo',
-  SelectAll: 'Select All',
-  ToggleBlockComment: 'Toggle Block Comment',
-  ToggleLineComment: 'Toggle Line Comment',
-  Undo: 'Undo'};
-const cut = () => {
-  return i18nString(UiStrings$2.Cut);
+const showContextMenu = async (x, y, id, ...args) => {
+  return invoke$2('ContextMenu.show', x, y, id, ...args);
 };
-const copy = () => {
-  return i18nString(UiStrings$2.Copy);
+const getElectronVersion = async () => {
+  return invoke$2('Process.getElectronVersion');
 };
-const paste = () => {
-  return i18nString(UiStrings$2.Paste);
+const applyBulkReplacement = async bulkEdits => {
+  await invoke$2('BulkReplacement.applyBulkReplacement', bulkEdits);
 };
-const undo = () => {
-  return i18nString(UiStrings$2.Undo);
+const setColorTheme = async id => {
+  // @ts-ignore
+  return invoke$2(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
-const redo = () => {
-  return i18nString(UiStrings$2.Redo);
+const getNodeVersion = async () => {
+  return invoke$2('Process.getNodeVersion');
 };
-const toggleLineComment = () => {
-  return i18nString(UiStrings$2.ToggleLineComment);
+const getChromeVersion = async () => {
+  return invoke$2('Process.getChromeVersion');
 };
-const toggleBlockComment = () => {
-  return i18nString(UiStrings$2.ToggleBlockComment);
+const getV8Version = async () => {
+  return invoke$2('Process.getV8Version');
 };
-const selectAll = () => {
-  return i18nString(UiStrings$2.SelectAll);
+const getFileHandles = async fileIds => {
+  const files = await invoke$2('FileSystemHandle.getFileHandles', fileIds);
+  return files;
 };
-const copyLineUp = () => {
-  return i18nString(UiStrings$2.CopyLineUp);
+const setWorkspacePath = async path => {
+  await invoke$2('Workspace.setPath', path);
 };
-const copyLineDown = () => {
-  return i18nString(UiStrings$2.CopyLineDown);
+const registerWebViewInterceptor = async (id, port) => {
+  await invokeAndTransfer('WebView.registerInterceptor', id, port);
 };
-const moveLineUp = () => {
-  return i18nString(UiStrings$2.MoveLineUp);
+const unregisterWebViewInterceptor = async id => {
+  await invoke$2('WebView.unregisterInterceptor', id);
 };
-const moveLineDown = () => {
-  return i18nString(UiStrings$2.MoveLineDown);
+const sendMessagePortToEditorWorker = async (port, rpcId) => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
 };
-
-const Edit$1 = 2;
-const File$2 = 5;
-const Go$1 = 6;
-const Help$1 = 7;
-const OpenRecent = 9;
-const Run$1 = 10;
-const Selection$1 = 11;
-const Terminal$1 = 14;
-const TitleBar = 15;
-const View$1 = 16;
-
-const Separator$1 = 1;
-const None = 0;
-const SubMenu = 4;
-const Checked = 2;
-const Unchecked = 3;
-const Disabled = 5;
-const RestoreFocus = 6;
-const Ignore = 7;
-
-const menuEntrySeparator = {
-  id: 'separator',
-  label: '',
-  flags: Separator$1,
-  command: ''
-};
-
-const id$9 = Edit$1;
-const getMenuEntries$c = () => {
-  return [{
-    id: 'undo',
-    label: undo(),
-    flags: Disabled,
-    command: /* TODO */'-1'
-  }, {
-    id: 'redo',
-    label: redo(),
-    flags: Disabled,
-    command: /* TODO */'-1'
-  }, menuEntrySeparator, {
-    id: 'cut',
-    label: cut(),
-    flags: None,
-    command: /* Editor.cut */'Editor.cut'
-  }, {
-    id: 'copy',
-    label: copy(),
-    flags: None,
-    command: /* Editor.copy */'Editor.copy'
-  }, {
-    id: 'paste',
-    label: paste(),
-    flags: None,
-    command: /* Editor.paste */'Editor.paste'
-  }, menuEntrySeparator, {
-    id: 'toggle-line-comment',
-    label: toggleLineComment(),
-    flags: None,
-    command: /* Editor.toggleLineComment */'Editor.toggleLineComment'
-  }, {
-    id: 'toggle-block-comment',
-    label: toggleBlockComment(),
-    flags: None,
-    command: /* Editor.toggleBlockComment */'Editor.toggleBlockComment'
-  }];
-};
-
-const MenuEntriesEdit = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$c,
-  id: id$9
-};
-
-/**
- * @enum {string}
- */
-const UiStrings$1 = {
-  NewFile: 'New File',
-  NewWindow: 'New Window',
-  OpenFile: 'Open File',
-  OpenFolder: 'Open Folder',
-  OpenRecent: 'Open Recent',
-  Exit: 'Exit',
-  Save: 'Save',
-  SaveAll: 'Save All'
-};
-const newFile = () => {
-  return i18nString(UiStrings$1.NewFile);
-};
-const newWindow = () => {
-  return i18nString(UiStrings$1.NewWindow);
-};
-const openFile = () => {
-  return i18nString(UiStrings$1.OpenFile);
-};
-const openFolder = () => {
-  return i18nString(UiStrings$1.OpenFolder);
-};
-const openRecent = () => {
-  return i18nString(UiStrings$1.OpenRecent);
-};
-const save = () => {
-  return i18nString(UiStrings$1.Save);
-};
-const saveAll = () => {
-  return i18nString(UiStrings$1.SaveAll);
-};
-const exit = () => {
-  return i18nString(UiStrings$1.Exit);
-};
-
-const Web = 1;
-const Electron = 2;
-
-const id$8 = File$2;
-const getMenuEntries$b = platform => {
-  const entries = [{
-    id: 'newFile',
-    label: newFile(),
-    flags: None,
-    command: '-1'
-  }, {
-    id: 'newWindow',
-    label: newWindow(),
-    flags: None,
-    command: /* Window.openNew */'Window.openNew'
-  }, menuEntrySeparator, {
-    id: 'openFile',
-    label: openFile(),
-    flags: None,
-    command: 'Dialog.openFile'
-  }, {
-    id: 'openFolder',
-    label: openFolder(),
-    flags: RestoreFocus,
-    command: 'Dialog.openFolder'
-  }, {
-    id: OpenRecent,
-    label: openRecent(),
-    flags: SubMenu,
-    command: ''
-  }, menuEntrySeparator, {
-    id: 'save',
-    label: save(),
-    flags: None,
-    command: 'Main.save'
-  }, {
-    id: 'saveAll',
-    label: saveAll(),
-    flags: None,
-    command: 'Main.saveAll'
-  }];
-  if (platform === Electron) {
-    entries.push(menuEntrySeparator, {
-      id: 'exit',
-      label: exit(),
-      flags: Ignore,
-      command: 'Chrome.exit'
-    });
-  }
-  return entries;
-};
-
-const MenuEntriesFile = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$b,
-  id: id$8
-};
-
-const id$7 = Go$1;
-const getMenuEntries$a = () => {
-  return [];
-};
-
-const MenuEntriesGo = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$a,
-  id: id$7
-};
-
-const About = 'About';
-const Edit = 'Edit';
-const File$1 = 'File';
-const Go = 'Go';
-const Help = 'Help';
-const OpenProcessExplorer = 'Open Process Explorer';
-const Run = 'Run';
-const Selection = 'Selection';
-const Terminal = 'Terminal';
-const ToggleDeveloperTools = 'Toggle Developer Tools';
-const View = 'View';
-
-const toggleDeveloperTools = () => {
-  return i18nString(ToggleDeveloperTools);
-};
-const openProcessExplorer = () => {
-  return i18nString(OpenProcessExplorer);
-};
-const about = () => {
-  return i18nString(About);
-};
-
-const id$6 = Help$1;
-const getMenuEntries$9 = async platform => {
-  const entries = [];
-  if (platform !== Web) {
-    entries.push({
-      id: 'toggleDeveloperTools',
-      label: toggleDeveloperTools(),
-      flags: None,
-      command: 'Developer.toggleDeveloperTools'
-    }, {
-      id: 'openProcessExplorer',
-      label: openProcessExplorer(),
-      flags: RestoreFocus,
-      command: 'Developer.openProcessExplorer'
-    });
-  }
-  if (entries.length > 0) {
-    entries.push(menuEntrySeparator);
-  }
-  entries.push({
-    id: 'about',
-    label: about(),
-    flags: None,
-    command: 'About.showAbout'
-  });
-  return entries;
-};
-
-const MenuEntriesHelp = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$9,
-  id: id$6
-};
-
-const rpcs = Object.create(null);
-const set$2 = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get = id => {
-  return rpcs[id];
-};
-
-const create = rpcId => {
-  return {
-    // @ts-ignore
-    invoke(method, ...params) {
-      const rpc = get(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
-    },
-    // @ts-ignore
-    invokeAndTransfer(method, ...params) {
-      const rpc = get(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    set(rpc) {
-      set$2(rpcId, rpc);
-    },
-    async dispose() {
-      const rpc = get(rpcId);
-      await rpc.dispose();
-    }
-  };
-};
-
-const {
-  invoke: invoke$1,
-  invokeAndTransfer,
-  set: set$1,
-  dispose
-} = create(RendererWorker$1);
-const searchFileHtml = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithHtml', uri);
-};
-const getFilePathElectron = async file => {
-  return invoke$1('FileSystemHandle.getFilePathElectron', file);
-};
-const showContextMenu = async (x, y, id, ...args) => {
-  return invoke$1('ContextMenu.show', x, y, id, ...args);
-};
-const getElectronVersion = async () => {
-  return invoke$1('Process.getElectronVersion');
-};
-const applyBulkReplacement = async bulkEdits => {
-  await invoke$1('BulkReplacement.applyBulkReplacement', bulkEdits);
-};
-const setColorTheme = async id => {
-  // @ts-ignore
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
-const getNodeVersion = async () => {
-  return invoke$1('Process.getNodeVersion');
-};
-const getChromeVersion = async () => {
-  return invoke$1('Process.getChromeVersion');
-};
-const getV8Version = async () => {
-  return invoke$1('Process.getV8Version');
-};
-const getFileHandles = async fileIds => {
-  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
-  return files;
-};
-const setWorkspacePath = async path => {
-  await invoke$1('Workspace.setPath', path);
-};
-const registerWebViewInterceptor = async (id, port) => {
-  await invokeAndTransfer('WebView.registerInterceptor', id, port);
-};
-const unregisterWebViewInterceptor = async id => {
-  await invoke$1('WebView.unregisterInterceptor', id);
-};
-const sendMessagePortToEditorWorker = async (port, rpcId) => {
-  const command = 'HandleMessagePort.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
-};
-const sendMessagePortToErrorWorker = async (port, rpcId) => {
-  const command = 'Errors.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
+const sendMessagePortToErrorWorker = async (port, rpcId) => {
+  const command = 'Errors.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
 };
 const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
   const command = 'Markdown.handleMessagePort';
@@ -1439,41 +1021,41 @@ const sendMessagePortToFileSystemWorker = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
 const readFile = async uri => {
-  return invoke$1('FileSystem.readFile', uri);
+  return invoke$2('FileSystem.readFile', uri);
 };
 const getWebViewSecret = async key => {
   // @ts-ignore
-  return invoke$1('WebView.getSecret', key);
+  return invoke$2('WebView.getSecret', key);
 };
 const setWebViewPort = async (uid, port, origin, portType) => {
   return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
 };
 const setFocus = key => {
-  return invoke$1('Focus.setFocus', key);
+  return invoke$2('Focus.setFocus', key);
 };
 const getFileIcon = async options => {
-  return invoke$1('IconTheme.getFileIcon', options);
+  return invoke$2('IconTheme.getFileIcon', options);
 };
 const getColorThemeNames = async () => {
-  return invoke$1('ColorTheme.getColorThemeNames');
+  return invoke$2('ColorTheme.getColorThemeNames');
 };
 const disableExtension = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.disable', id);
+  return invoke$2('ExtensionManagement.disable', id);
 };
 const enableExtension = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.enable', id);
+  return invoke$2('ExtensionManagement.enable', id);
 };
 const handleDebugChange = async params => {
   // @ts-ignore
-  return invoke$1('Run And Debug.handleChange', params);
+  return invoke$2('Run And Debug.handleChange', params);
 };
 const getFolderIcon = async options => {
-  return invoke$1('IconTheme.getFolderIcon', options);
+  return invoke$2('IconTheme.getFolderIcon', options);
 };
 const closeWidget = async widgetId => {
-  return invoke$1('Viewlet.closeWidget', widgetId);
+  return invoke$2('Viewlet.closeWidget', widgetId);
 };
 const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
@@ -1484,55 +1066,55 @@ const sendMessagePortToSearchProcess = async port => {
 };
 const confirm = async (message, options) => {
   // @ts-ignore
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
+  const result = await invoke$2('ConfirmPrompt.prompt', message, options);
   return result;
 };
 const getRecentlyOpened$1 = async () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+  return invoke$2(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
-const getKeyBindings = async () => {
-  return invoke$1('KeyBindingsInitial.getKeyBindings');
+const getKeyBindings$1 = async () => {
+  return invoke$2('KeyBindingsInitial.getKeyBindings');
 };
 const writeClipBoardText = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
+  await invoke$2('ClipBoard.writeText', /* text */text);
 };
 const writeClipBoardImage = async blob => {
   // @ts-ignore
-  await invoke$1('ClipBoard.writeImage', /* text */blob);
+  await invoke$2('ClipBoard.writeImage', /* text */blob);
 };
 const searchFileMemory = async uri => {
   // @ts-ignore
-  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
+  return invoke$2('ExtensionHost.searchFileWithMemory', uri);
 };
 const searchFileFetch = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithFetch', uri);
+  return invoke$2('ExtensionHost.searchFileWithFetch', uri);
 };
 const showMessageBox = async options => {
-  return invoke$1('ElectronDialog.showMessageBox', options);
+  return invoke$2('ElectronDialog.showMessageBox', options);
 };
 const handleDebugResumed = async params => {
-  await invoke$1('Run And Debug.handleResumed', params);
+  await invoke$2('Run And Debug.handleResumed', params);
 };
 const openWidget = async name => {
-  await invoke$1('Viewlet.openWidget', name);
+  await invoke$2('Viewlet.openWidget', name);
 };
 const getIcons = async requests => {
-  const icons = await invoke$1('IconTheme.getIcons', requests);
+  const icons = await invoke$2('IconTheme.getIcons', requests);
   return icons;
 };
 const activateByEvent = event => {
-  return invoke$1('ExtensionHostManagement.activateByEvent', event);
+  return invoke$2('ExtensionHostManagement.activateByEvent', event);
 };
 const setAdditionalFocus = focusKey => {
   // @ts-ignore
-  return invoke$1('Focus.setAdditionalFocus', focusKey);
+  return invoke$2('Focus.setAdditionalFocus', focusKey);
 };
 const getActiveEditorId = () => {
   // @ts-ignore
-  return invoke$1('GetActiveEditor.getActiveEditorId');
+  return invoke$2('GetActiveEditor.getActiveEditorId');
 };
 const getWorkspacePath = () => {
-  return invoke$1('Workspace.getPath');
+  return invoke$2('Workspace.getPath');
 };
 const sendMessagePortToRendererProcess = async port => {
   const command = 'HandleMessagePort.handleMessagePort';
@@ -1540,20 +1122,20 @@ const sendMessagePortToRendererProcess = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
 };
 const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
+  return await invoke$2('Preferences.get', key);
 };
 const getAllExtensions = async () => {
-  return invoke$1('ExtensionManagement.getAllExtensions');
+  return invoke$2('ExtensionManagement.getAllExtensions');
 };
 const rerenderEditor = async key => {
   // @ts-ignore
-  return invoke$1('Editor.rerender', key);
+  return invoke$2('Editor.rerender', key);
 };
 const handleDebugPaused = async params => {
-  await invoke$1('Run And Debug.handlePaused', params);
+  await invoke$2('Run And Debug.handlePaused', params);
 };
 const openUri = async (uri, focus, options) => {
-  await invoke$1('Main.openUri', uri, focus, options);
+  await invoke$2('Main.openUri', uri, focus, options);
 };
 const sendMessagePortToSyntaxHighlightingWorker = async port => {
   await invokeAndTransfer(
@@ -1561,170 +1143,506 @@ const sendMessagePortToSyntaxHighlightingWorker = async port => {
   'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
 };
 const handleDebugScriptParsed = async script => {
-  await invoke$1('Run And Debug.handleScriptParsed', script);
+  await invoke$2('Run And Debug.handleScriptParsed', script);
 };
 const getWindowId = async () => {
-  return invoke$1('GetWindowId.getWindowId');
+  return invoke$2('GetWindowId.getWindowId');
 };
 const getBlob = async uri => {
   // @ts-ignore
-  return invoke$1('FileSystem.getBlob', uri);
+  return invoke$2('FileSystem.getBlob', uri);
 };
 const getExtensionCommands = async () => {
-  return invoke$1('ExtensionHost.getCommands');
+  return invoke$2('ExtensionHost.getCommands');
 };
 const showErrorDialog = async errorInfo => {
   // @ts-ignore
-  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
+  await invoke$2('ErrorHandling.showErrorDialog', errorInfo);
 };
 const getFolderSize = async uri => {
   // @ts-ignore
-  return await invoke$1('FileSystem.getFolderSize', uri);
+  return await invoke$2('FileSystem.getFolderSize', uri);
 };
 const getExtension = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.getExtension', id);
+  return invoke$2('ExtensionManagement.getExtension', id);
 };
 const getMarkdownDom = async html => {
   // @ts-ignore
-  return invoke$1('Markdown.getVirtualDom', html);
+  return invoke$2('Markdown.getVirtualDom', html);
 };
 const renderMarkdown = async (markdown, options) => {
   // @ts-ignore
-  return invoke$1('Markdown.renderMarkdown', markdown, options);
+  return invoke$2('Markdown.renderMarkdown', markdown, options);
 };
 const openNativeFolder = async uri => {
   // @ts-ignore
-  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
+  await invoke$2('OpenNativeFolder.openNativeFolder', uri);
 };
 const uninstallExtension = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
+  return invoke$2('ExtensionManagement.uninstall', id);
 };
 const installExtension = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.install', id);
+  return invoke$2('ExtensionManagement.install', id);
 };
 const openExtensionSearch = async () => {
   // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
+  return invoke$2('SideBar.openViewlet', 'Extensions');
+};
+const setExtensionsSearchValue = async searchValue => {
+  // @ts-ignore
+  return invoke$2('Extensions.handleInput', searchValue);
+};
+const openExternal = async uri => {
+  // @ts-ignore
+  await invoke$2('Open.openExternal', uri);
+};
+const openUrl = async uri => {
+  // @ts-ignore
+  await invoke$2('Open.openUrl', uri);
+};
+const getAllPreferences = async () => {
+  // @ts-ignore
+  return invoke$2('Preferences.getAll');
+};
+const showSaveFilePicker = async () => {
+  // @ts-ignore
+  return invoke$2('FilePicker.showSaveFilePicker');
+};
+const getLogsDir = async () => {
+  // @ts-ignore
+  return invoke$2('PlatformPaths.getLogsDir');
+};
+const registerMockRpc = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$1(mockRpc);
+  return mockRpc;
+};
+
+const RendererWorker = {
+  __proto__: null,
+  activateByEvent,
+  applyBulkReplacement,
+  closeWidget,
+  confirm,
+  disableExtension,
+  dispose,
+  enableExtension,
+  getActiveEditorId,
+  getAllExtensions,
+  getAllPreferences,
+  getBlob,
+  getChromeVersion,
+  getColorThemeNames,
+  getElectronVersion,
+  getExtension,
+  getExtensionCommands,
+  getFileHandles,
+  getFileIcon,
+  getFilePathElectron,
+  getFolderIcon,
+  getFolderSize,
+  getIcons,
+  getKeyBindings: getKeyBindings$1,
+  getLogsDir,
+  getMarkdownDom,
+  getNodeVersion,
+  getPreference,
+  getRecentlyOpened: getRecentlyOpened$1,
+  getV8Version,
+  getWebViewSecret,
+  getWindowId,
+  getWorkspacePath,
+  handleDebugChange,
+  handleDebugPaused,
+  handleDebugResumed,
+  handleDebugScriptParsed,
+  installExtension,
+  invoke: invoke$2,
+  invokeAndTransfer,
+  openExtensionSearch,
+  openExternal,
+  openNativeFolder,
+  openUri,
+  openUrl,
+  openWidget,
+  readFile,
+  registerMockRpc,
+  registerWebViewInterceptor,
+  renderMarkdown,
+  rerenderEditor,
+  searchFileFetch,
+  searchFileHtml,
+  searchFileMemory,
+  sendMessagePortToEditorWorker,
+  sendMessagePortToErrorWorker,
+  sendMessagePortToExtensionHostWorker,
+  sendMessagePortToFileSystemWorker,
+  sendMessagePortToIconThemeWorker,
+  sendMessagePortToMarkdownWorker,
+  sendMessagePortToRendererProcess,
+  sendMessagePortToSearchProcess,
+  sendMessagePortToSyntaxHighlightingWorker,
+  set: set$1,
+  setAdditionalFocus,
+  setColorTheme,
+  setExtensionsSearchValue,
+  setFocus,
+  setWebViewPort,
+  setWorkspacePath,
+  showContextMenu,
+  showErrorDialog,
+  showMessageBox,
+  showSaveFilePicker,
+  uninstallExtension,
+  unregisterWebViewInterceptor,
+  writeClipBoardImage,
+  writeClipBoardText
+};
+
+const matchesArgs = (a, b) => {
+  if (!a && !b) {
+    return true;
+  }
+  if (!a && b || !b && a) {
+    return false;
+  }
+  if (a.length !== b.length) {
+    return false;
+  }
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) {
+      return false;
+    }
+  }
+  return true;
+};
+const getCommandKeyBinding = (keyBindings, command, args) => {
+  for (const keyBinding of keyBindings) {
+    if (keyBinding.command === command && matchesArgs(keyBinding.args, args)) {
+      return keyBinding;
+    }
+  }
+  return undefined;
+};
+
+const invoke$1 = async (method, ...params) => {
+  // TODO
+};
+
+const state$1 = {
+  /**
+   * @type {any}
+   */
+  matchingKeyBindings: []
+};
+
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+/**
+ * @enum {string}
+ */
+const UiStrings$2 = {
+  Copy: 'Copy',
+  CopyLineDown: 'Copy Line Down',
+  CopyLineUp: 'Copy Line Up',
+  Cut: 'Cut',
+  MoveLineDown: 'Move Line Down',
+  MoveLineUp: 'Move Line Up',
+  Paste: 'Paste',
+  Redo: 'Redo',
+  SelectAll: 'Select All',
+  ToggleBlockComment: 'Toggle Block Comment',
+  ToggleLineComment: 'Toggle Line Comment',
+  Undo: 'Undo'};
+const cut = () => {
+  return i18nString(UiStrings$2.Cut);
+};
+const copy = () => {
+  return i18nString(UiStrings$2.Copy);
+};
+const paste = () => {
+  return i18nString(UiStrings$2.Paste);
+};
+const undo = () => {
+  return i18nString(UiStrings$2.Undo);
+};
+const redo = () => {
+  return i18nString(UiStrings$2.Redo);
+};
+const toggleLineComment = () => {
+  return i18nString(UiStrings$2.ToggleLineComment);
+};
+const toggleBlockComment = () => {
+  return i18nString(UiStrings$2.ToggleBlockComment);
+};
+const selectAll = () => {
+  return i18nString(UiStrings$2.SelectAll);
+};
+const copyLineUp = () => {
+  return i18nString(UiStrings$2.CopyLineUp);
+};
+const copyLineDown = () => {
+  return i18nString(UiStrings$2.CopyLineDown);
+};
+const moveLineUp = () => {
+  return i18nString(UiStrings$2.MoveLineUp);
+};
+const moveLineDown = () => {
+  return i18nString(UiStrings$2.MoveLineDown);
+};
+
+const Edit$1 = 2;
+const File$2 = 5;
+const Go$1 = 6;
+const Help$1 = 7;
+const OpenRecent = 9;
+const Run$1 = 10;
+const Selection$1 = 11;
+const Terminal$1 = 14;
+const TitleBar = 15;
+const View$1 = 16;
+
+const Separator$1 = 1;
+const None = 0;
+const SubMenu = 4;
+const Checked = 2;
+const Unchecked = 3;
+const Disabled = 5;
+const RestoreFocus = 6;
+const Ignore = 7;
+
+const menuEntrySeparator = {
+  id: 'separator',
+  label: '',
+  flags: Separator$1,
+  command: ''
+};
+
+const id$9 = Edit$1;
+const getMenuEntries$d = () => {
+  return [{
+    id: 'undo',
+    label: undo(),
+    flags: Disabled,
+    command: /* TODO */'-1'
+  }, {
+    id: 'redo',
+    label: redo(),
+    flags: Disabled,
+    command: /* TODO */'-1'
+  }, menuEntrySeparator, {
+    id: 'cut',
+    label: cut(),
+    flags: None,
+    command: /* Editor.cut */'Editor.cut'
+  }, {
+    id: 'copy',
+    label: copy(),
+    flags: None,
+    command: /* Editor.copy */'Editor.copy'
+  }, {
+    id: 'paste',
+    label: paste(),
+    flags: None,
+    command: /* Editor.paste */'Editor.paste'
+  }, menuEntrySeparator, {
+    id: 'toggle-line-comment',
+    label: toggleLineComment(),
+    flags: None,
+    command: /* Editor.toggleLineComment */'Editor.toggleLineComment'
+  }, {
+    id: 'toggle-block-comment',
+    label: toggleBlockComment(),
+    flags: None,
+    command: /* Editor.toggleBlockComment */'Editor.toggleBlockComment'
+  }];
+};
+
+const MenuEntriesEdit = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$d,
+  id: id$9
+};
+
+/**
+ * @enum {string}
+ */
+const UiStrings$1 = {
+  NewFile: 'New File',
+  NewWindow: 'New Window',
+  OpenFile: 'Open File',
+  OpenFolder: 'Open Folder',
+  OpenRecent: 'Open Recent',
+  Exit: 'Exit',
+  Save: 'Save',
+  SaveAll: 'Save All'
+};
+const newFile = () => {
+  return i18nString(UiStrings$1.NewFile);
+};
+const newWindow = () => {
+  return i18nString(UiStrings$1.NewWindow);
+};
+const openFile = () => {
+  return i18nString(UiStrings$1.OpenFile);
+};
+const openFolder = () => {
+  return i18nString(UiStrings$1.OpenFolder);
+};
+const openRecent = () => {
+  return i18nString(UiStrings$1.OpenRecent);
+};
+const save = () => {
+  return i18nString(UiStrings$1.Save);
+};
+const saveAll = () => {
+  return i18nString(UiStrings$1.SaveAll);
+};
+const exit = () => {
+  return i18nString(UiStrings$1.Exit);
+};
+
+const Web = 1;
+const Electron = 2;
+
+const id$8 = File$2;
+const getMenuEntries$c = platform => {
+  const entries = [{
+    id: 'newFile',
+    label: newFile(),
+    flags: None,
+    command: '-1'
+  }, {
+    id: 'newWindow',
+    label: newWindow(),
+    flags: None,
+    command: /* Window.openNew */'Window.openNew'
+  }, menuEntrySeparator, {
+    id: 'openFile',
+    label: openFile(),
+    flags: None,
+    command: 'Dialog.openFile'
+  }, {
+    id: 'openFolder',
+    label: openFolder(),
+    flags: RestoreFocus,
+    command: 'Dialog.openFolder'
+  }, {
+    id: OpenRecent,
+    label: openRecent(),
+    flags: SubMenu,
+    command: ''
+  }, menuEntrySeparator, {
+    id: 'save',
+    label: save(),
+    flags: None,
+    command: 'Main.save'
+  }, {
+    id: 'saveAll',
+    label: saveAll(),
+    flags: None,
+    command: 'Main.saveAll'
+  }];
+  if (platform === Electron) {
+    entries.push(menuEntrySeparator, {
+      id: 'exit',
+      label: exit(),
+      flags: Ignore,
+      command: 'Chrome.exit'
+    });
+  }
+  return entries;
 };
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue);
+
+const MenuEntriesFile = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$c,
+  id: id$8
 };
-const openExternal = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
+
+const id$7 = Go$1;
+const getMenuEntries$b = () => {
+  return [];
 };
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
+
+const MenuEntriesGo = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$b,
+  id: id$7
 };
-const getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke$1('Preferences.getAll');
+
+const About = 'About';
+const Edit = 'Edit';
+const File$1 = 'File';
+const Go = 'Go';
+const Help = 'Help';
+const OpenProcessExplorer = 'Open Process Explorer';
+const Run = 'Run';
+const Selection = 'Selection';
+const Terminal = 'Terminal';
+const ToggleDeveloperTools = 'Toggle Developer Tools';
+const View = 'View';
+
+const toggleDeveloperTools = () => {
+  return i18nString(ToggleDeveloperTools);
 };
-const showSaveFilePicker = async () => {
-  // @ts-ignore
-  return invoke$1('FilePicker.showSaveFilePicker');
+const openProcessExplorer = () => {
+  return i18nString(OpenProcessExplorer);
 };
-const getLogsDir = async () => {
-  // @ts-ignore
-  return invoke$1('PlatformPaths.getLogsDir');
+const about = () => {
+  return i18nString(About);
 };
-const registerMockRpc = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
+
+const id$6 = Help$1;
+const getMenuEntries$a = async platform => {
+  const entries = [];
+  if (platform !== Web) {
+    entries.push({
+      id: 'toggleDeveloperTools',
+      label: toggleDeveloperTools(),
+      flags: None,
+      command: 'Developer.toggleDeveloperTools'
+    }, {
+      id: 'openProcessExplorer',
+      label: openProcessExplorer(),
+      flags: RestoreFocus,
+      command: 'Developer.openProcessExplorer'
+    });
+  }
+  if (entries.length > 0) {
+    entries.push(menuEntrySeparator);
+  }
+  entries.push({
+    id: 'about',
+    label: about(),
+    flags: None,
+    command: 'About.showAbout'
   });
-  set$1(mockRpc);
-  return mockRpc;
+  return entries;
 };
 
-const RendererWorker = {
+const MenuEntriesHelp = {
   __proto__: null,
-  activateByEvent,
-  applyBulkReplacement,
-  closeWidget,
-  confirm,
-  disableExtension,
-  dispose,
-  enableExtension,
-  getActiveEditorId,
-  getAllExtensions,
-  getAllPreferences,
-  getBlob,
-  getChromeVersion,
-  getColorThemeNames,
-  getElectronVersion,
-  getExtension,
-  getExtensionCommands,
-  getFileHandles,
-  getFileIcon,
-  getFilePathElectron,
-  getFolderIcon,
-  getFolderSize,
-  getIcons,
-  getKeyBindings,
-  getLogsDir,
-  getMarkdownDom,
-  getNodeVersion,
-  getPreference,
-  getRecentlyOpened: getRecentlyOpened$1,
-  getV8Version,
-  getWebViewSecret,
-  getWindowId,
-  getWorkspacePath,
-  handleDebugChange,
-  handleDebugPaused,
-  handleDebugResumed,
-  handleDebugScriptParsed,
-  installExtension,
-  invoke: invoke$1,
-  invokeAndTransfer,
-  openExtensionSearch,
-  openExternal,
-  openNativeFolder,
-  openUri,
-  openUrl,
-  openWidget,
-  readFile,
-  registerMockRpc,
-  registerWebViewInterceptor,
-  renderMarkdown,
-  rerenderEditor,
-  searchFileFetch,
-  searchFileHtml,
-  searchFileMemory,
-  sendMessagePortToEditorWorker,
-  sendMessagePortToErrorWorker,
-  sendMessagePortToExtensionHostWorker,
-  sendMessagePortToFileSystemWorker,
-  sendMessagePortToIconThemeWorker,
-  sendMessagePortToMarkdownWorker,
-  sendMessagePortToRendererProcess,
-  sendMessagePortToSearchProcess,
-  sendMessagePortToSyntaxHighlightingWorker,
-  set: set$1,
-  setAdditionalFocus,
-  setColorTheme,
-  setExtensionsSearchValue,
-  setFocus,
-  setWebViewPort,
-  setWorkspacePath,
-  showContextMenu,
-  showErrorDialog,
-  showMessageBox,
-  showSaveFilePicker,
-  uninstallExtension,
-  unregisterWebViewInterceptor,
-  writeClipBoardImage,
-  writeClipBoardText
+  getMenuEntries: getMenuEntries$a,
+  id: id$6
 };
 
 const {
-  invoke,
-  set
-} = RendererWorker;
+  invoke} = RendererWorker;
 
 const getRecentlyOpened = () => {
   return invoke(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
@@ -1758,7 +1676,7 @@ const toMenuItem = folder => {
   };
 };
 const id$5 = OpenRecent;
-const getMenuEntries$8 = async () => {
+const getMenuEntries$9 = async () => {
   const allItems = await getRecentlyOpened();
   const itemsToShow = allItems.slice(0, MAX_MENU_RECENT_ENTRIES);
   const items = [];
@@ -1781,23 +1699,23 @@ const getMenuEntries$8 = async () => {
 
 const MenuEntriesOpenRecent = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$8,
+  getMenuEntries: getMenuEntries$9,
   id: id$5
 };
 
 const id$4 = Run$1;
-const getMenuEntries$7 = () => {
+const getMenuEntries$8 = () => {
   return [];
 };
 
 const MenuEntriesRun = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$7,
+  getMenuEntries: getMenuEntries$8,
   id: id$4
 };
 
 const id$3 = Selection$1;
-const getMenuEntries$6 = () => {
+const getMenuEntries$7 = () => {
   return [{
     id: 'selectAll',
     label: selectAll(),
@@ -1828,7 +1746,7 @@ const getMenuEntries$6 = () => {
 
 const MenuEntriesSelection = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$6,
+  getMenuEntries: getMenuEntries$7,
   id: id$3
 };
 
@@ -1843,7 +1761,7 @@ const newTerminal = () => {
 };
 
 const id$2 = Terminal$1;
-const getMenuEntries$5 = () => {
+const getMenuEntries$6 = () => {
   return [{
     id: 'newTerminal',
     label: newTerminal(),
@@ -1855,7 +1773,7 @@ const getMenuEntries$5 = () => {
 
 const MenuEntriesTerminal = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$5,
+  getMenuEntries: getMenuEntries$6,
   id: id$2
 };
 
@@ -1884,7 +1802,7 @@ const help = () => {
   return i18nString(Help);
 };
 
-const getMenuEntries$4 = () => {
+const getMenuEntries$5 = () => {
   return [{
     id: File$2,
     label: file(),
@@ -1923,7 +1841,7 @@ const getMenuEntries$4 = () => {
   }];
 };
 
-const getMenuEntries$3 = () => {
+const getMenuEntries$4 = () => {
   return [{
     id: File$2,
     label: file(),
@@ -1954,106 +1872,82 @@ const getMenuEntries$3 = () => {
 const getFn = platform => {
   switch (platform) {
     case Web:
-      return getMenuEntries$3;
-    default:
-      return getMenuEntries$4;
-  }
-};
-const id$1 = TitleBar;
-const getMenuEntries$2 = async platform => {
-  const fn = getFn(platform);
-  return fn();
-};
-
-const MenuEntriesTitleBar = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$2,
-  id: id$1
-};
-
-const id = View$1;
-const getMenuEntries$1 = () => {
-  return [];
-};
-
-const MenuEntriesView = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$1,
-  id
-};
-
-const menus$1 = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
-
-const getMenuIds = () => {
-  return menus$1.map(menu => menu.id);
-};
-const getMenuEntries = (id, platform) => {
-  const menu = menus$1.find(item => item.id === id);
-  if (!menu) {
-    return [];
-  }
-  return menu.getMenuEntries(platform);
-};
-
-const maximize = async () => {
-  await invoke('ElectronWindow.maximize');
-};
-const minimize = async () => {
-  await invoke('ElectronWindow.minimize');
-};
-const close = async () => {
-  await invoke('ElectronWindow.close');
-};
-
-const handleClickClose = async state => {
-  await close();
-  return state;
-};
-
-const handleClickMinimize = async state => {
-  await minimize();
-  return state;
-};
-
-const handleClickToggleMaximize = async state => {
-  const fn = maximize;
-  await fn();
-  return state;
-};
-
-const handleClick = (state, className) => {
-  if (className.includes('Minimize')) {
-    return handleClickMinimize(state);
-  }
-  if (className.includes('Maximize') || className.includes('Restore')) {
-    return handleClickToggleMaximize(state);
-  }
-  if (className.includes('Close')) {
-    return handleClickClose(state);
+      return getMenuEntries$4;
+    default:
+      return getMenuEntries$5;
   }
-  return state;
+};
+const id$1 = TitleBar;
+const getMenuEntries$3 = async platform => {
+  const fn = getFn(platform);
+  return fn();
 };
 
-const handleContextMenu = state => {
-  return state;
+const MenuEntriesTitleBar = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$3,
+  id: id$1
 };
 
-const loadContent = async (state, titleBarEntries) => {
-  return {
-    ...state
-  };
+const id = View$1;
+const getMenuEntries$2 = () => {
+  return [];
 };
 
-const menus = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
+const MenuEntriesView = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$2,
+  id
+};
+
+const menus$1 = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
 const getMenus = () => {
-  return menus;
+  return menus$1;
+};
+const getModule$1 = id => {
+  for (const module of menus$1) {
+    if (module.id === id) {
+      return module;
+    }
+  }
+  return undefined;
+};
+const getMenuEntries$1 = async (id, ...args) => {
+  try {
+    const module = getModule$1(id);
+    // @ts-ignore
+    const inject = module.inject || [];
+    // @ts-ignore
+    return module.getMenuEntries(...args);
+  } catch (error) {
+    throw new VError(error, `Failed to load menu entries for id ${id}`);
+  }
 };
 
-const renderFocusedIndex = (oldState, newState) => {
-  if (newState.focusedIndex === -1) {
-    return [];
+const addKeyBindings = menuEntries => {
+  const keyBindings = state$1.matchingKeyBindings;
+  const newMenuEntries = [];
+  for (const menuEntry of menuEntries) {
+    const keyBinding = getCommandKeyBinding(keyBindings, menuEntry.command, menuEntry.args);
+    const key = keyBinding ? keyBinding.key : 0;
+    const newMenuEntry = {
+      ...menuEntry,
+      key
+    };
+    newMenuEntries.push(newMenuEntry);
   }
-  return ['Viewlet.focusSelector', '.ViewletTitleBarMenuBar'];
+  return newMenuEntries;
+};
+const getMenuEntriesWithKeyBindings = async (id, ...args) => {
+  const menuEntries = await getMenuEntries$1(id, ...args);
+  const newMenuEntries = addKeyBindings(menuEntries);
+  return newMenuEntries;
+};
+const getMenuEntriesWithKeyBindings2 = async (uid, menuId, ...args) => {
+  // @ts-ignore
+  const menuEntries = await undefined(uid, menuId, ...args);
+  const newMenuEntries = addKeyBindings(menuEntries);
+  return newMenuEntries;
 };
 
 const Menu$1 = 'menu';
@@ -2073,6 +1967,18 @@ const MenuItemSeparatorLine = 'MenuItemSeparatorLine';
 const MenuItemSubMenu = 'MenuItemSubMenu';
 const MenuItemSubMenuArrowRight = 'MenuItemSubMenuArrowRight';
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+
 const Div = 4;
 const Span = 8;
 
@@ -2554,6 +2460,322 @@ const getVisible = (items, focusedIndex, expanded, level) => {
   return visibleItems;
 };
 
+// TODO lazyload menuEntries and use Command.execute (maybe)
+const CONTEXT_MENU_WIDTH = 250;
+const state = {
+  menus: []};
+const addMenuInternal = menu => {
+  if (state.menus.length > 5) {
+    throw new Error('too many menus');
+  }
+  state.menus.push(menu);
+  return menu;
+};
+
+// TODO handle printable letter and focus item that starts with that letter
+
+// TODO pageup / pagedown keys
+
+// TODO more tests
+
+const CONTEXT_MENU_ITEM_HEIGHT = 26;
+const CONTEXT_MENU_SEPARATOR_HEIGHT = 11;
+const CONTEXT_MENU_PADDING = 8;
+const getMenuHeight = items => {
+  let height = CONTEXT_MENU_PADDING;
+  for (const item of items) {
+    switch (item.flags) {
+      case Separator$1:
+        height += CONTEXT_MENU_SEPARATOR_HEIGHT;
+        break;
+      default:
+        height += CONTEXT_MENU_ITEM_HEIGHT;
+        break;
+    }
+  }
+  return height;
+};
+const getMenuBounds = (x, y, items) => {
+  const menuWidth = CONTEXT_MENU_WIDTH;
+  const menuHeight = getMenuHeight(items);
+  const layoutState = {
+    points: [0, 0]
+  };
+  const windowWidth = layoutState.points[0];
+  const windowHeight = layoutState.points[1];
+  // TODO maybe only send labels and keybindings to ui (id not needed on ui)
+  // TODO what about separators?
+
+  if (x + menuWidth > windowWidth) {
+    x -= menuWidth;
+  }
+  if (y + menuHeight > windowHeight) {
+    y -= menuHeight;
+  }
+  return {
+    x,
+    y,
+    width: menuWidth,
+    height: menuHeight
+  };
+};
+const show$2 = async (x, y, id, mouseBlocking = false, ...args) => {
+  const items = await getMenuEntriesWithKeyBindings(id, ...args);
+  const bounds = getMenuBounds(x, y, items);
+  const menu = addMenuInternal({
+    id,
+    items,
+    focusedIndex: -1,
+    level: state.menus.length,
+    x: bounds.x,
+    y: bounds.y
+  });
+  const visible = getVisible(menu.items, -1, false, menu.level);
+  const dom = getMenuVirtualDom(visible).slice(1);
+  await invoke$1(/* Menu.show */'Menu.showMenu', /* x */bounds.x, /* y */bounds.y, /* width */bounds.width, /* height */bounds.height, /* items */menu.items, /* level */menu.level, /* parentIndex */-1, /* dom */dom, /* mouseBlocking */mouseBlocking);
+};
+const show2$2 = async (uid, menuId, x, y, mouseBlocking = false, ...args) => {
+  const items = await getMenuEntriesWithKeyBindings2(uid, menuId, ...args);
+  const bounds = getMenuBounds(x, y, items);
+  const menu = addMenuInternal({
+    id: menuId,
+    items,
+    focusedIndex: -1,
+    level: state.menus.length,
+    x: bounds.x,
+    y: bounds.y
+  });
+  const visible = getVisible(menu.items, -1, false, menu.level);
+  const dom = getMenuVirtualDom(visible).slice(1);
+  await invoke$1(/* Menu.show */'Menu.showMenu', /* x */bounds.x, /* y */bounds.y, /* width */bounds.width, /* height */bounds.height, /* items */menu.items, /* level */menu.level, /* parentIndex */-1, /* dom */dom, /* mouseBlocking */mouseBlocking);
+};
+const hide = async (restoreFocus = true) => {
+  if (state.menus.length === 0) {
+    return;
+  }
+  state.menus = [];
+  await invoke$1(/* Menu.hide */'Menu.hide', /* restoreFocus */restoreFocus);
+};
+
+const show$1 = async (x, y, id, ...args) => {
+  // @ts-ignore
+  await hide();
+  // TODO handle error
+  // TODO race condition
+  await show$2(x, y, id, /* mouseBlocking */true, ...args);
+  // TODO maybe only send labels and keybindings to ui (id not needed on ui)
+  // TODO what about separators?
+};
+const show2$1 = async (uid, menuId, x, y, ...args) => {
+  // @ts-ignore
+  await hide();
+  // TODO handle error
+  // TODO race condition
+  await show2$2(uid, menuId, x, y, /* mouseBlocking */true, ...args);
+  // TODO maybe only send labels and keybindings to ui (id not needed on ui)
+  // TODO what about separators?
+};
+
+const ContextMenuBrowser = {
+  __proto__: null,
+  show: show$1,
+  show2: show2$1
+};
+
+const getModule = async platform => {
+  return ContextMenuBrowser;
+};
+const show = async (x, y, id, ...args) => {
+  number(x);
+  number(y);
+  number(id);
+  const module = await getModule();
+  return module.show(x, y, id, ...args);
+};
+const show2 = async (uid, menuId, x, y, ...args) => {
+  number(uid);
+  number(menuId);
+  number(x);
+  number(y);
+  const module = getModule();
+  // @ts-ignore
+  return module.show2(uid, menuId, x, y, ...args);
+};
+
+const RenderEntries = 1;
+const RenderFocusedIndex = 2;
+const RenderMenus = 3;
+
+const diffType$2 = RenderEntries;
+const isEqual$2 = (oldState, newState) => {
+  return oldState.titleBarEntries === newState.titleBarEntries && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
+};
+
+const diffType$1 = RenderFocusedIndex;
+const isEqual$1 = (oldState, newState) => {
+  return oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
+};
+
+const diffType = RenderMenus;
+const isEqual = (oldState, newState) => {
+  return oldState.menus === newState.menus;
+};
+
+const modules = [isEqual$2, isEqual$1, isEqual];
+const numbers = [diffType$2, diffType$1, diffType];
+
+const diff = (oldState, newState) => {
+  const diffResult = [];
+  for (let i = 0; i < modules.length; i++) {
+    const fn = modules[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers[i]);
+    }
+  }
+  return diffResult;
+};
+
+const create = () => {
+  const states = Object.create(null);
+  return {
+    get(uid) {
+      return states[uid];
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        oldState,
+        newState
+      };
+    }
+  };
+};
+
+const {
+  get,
+  set
+} = create();
+
+const diff2 = uid => {
+  const {
+    oldState,
+    newState
+  } = get(uid);
+  return diff(oldState, newState);
+};
+
+const commandsIds = ['closeMenu', 'handleClickAt', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'handleClick', 'handleFocus', 'handleFocusOut', 'handleKeyArrowDown', 'handleKeyArrowLeft', 'handleKeyArrowRight', 'handleKeyArrowUp', 'handleKeyEnd', 'handleKeyEnter', 'handleKeyEscape', 'handleKeyHome', 'handleKeySpace', 'handleMenuClick', 'handleMenuMouseOver', 'handleMouseOut', 'handleMouseOver', 'handlePointerOver', 'handlePointerOut', 'toggleIndex', 'toggleMenu'];
+
+const getCommandIds = () => {
+  return commandsIds;
+};
+
+const FocusTitleBarMenuBar = 26;
+
+const getKeyBindings = () => {
+  return [{
+    key: DownArrow$2,
+    command: 'TitleBarMenuBar.handleKeyArrowDown',
+    when: FocusTitleBarMenuBar
+  }, {
+    key: UpArrow$2,
+    command: 'TitleBarMenuBar.handleKeyArrowUp',
+    when: FocusTitleBarMenuBar
+  }, {
+    key: RightArrow$2,
+    command: 'TitleBarMenuBar.handleKeyArrowRight',
+    when: FocusTitleBarMenuBar
+  }, {
+    key: LeftArrow$2,
+    command: 'TitleBarMenuBar.handleKeyArrowLeft',
+    when: FocusTitleBarMenuBar
+  }, {
+    key: Space$2,
+    command: 'TitleBarMenuBar.handleKeySpace',
+    when: FocusTitleBarMenuBar
+  }, {
+    key: Home$2,
+    command: 'TitleBarMenuBar.handleKeyHome',
+    when: FocusTitleBarMenuBar
+  }, {
+    key: End$2,
+    command: 'TitleBarMenuBar.handleKeyEnd',
+    when: FocusTitleBarMenuBar
+  }, {
+    key: Escape$2,
+    command: 'TitleBarMenuBar.handleKeyEscape',
+    when: FocusTitleBarMenuBar
+  }];
+};
+
+const menus = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
+
+const getMenuIds = () => {
+  return menus.map(menu => menu.id);
+};
+const getMenuEntries = (id, platform) => {
+  const menu = menus.find(item => item.id === id);
+  if (!menu) {
+    return [];
+  }
+  return menu.getMenuEntries(platform);
+};
+
+const maximize = async () => {
+  await invoke('ElectronWindow.maximize');
+};
+const minimize = async () => {
+  await invoke('ElectronWindow.minimize');
+};
+const close = async () => {
+  await invoke('ElectronWindow.close');
+};
+
+const handleClickClose = async state => {
+  await close();
+  return state;
+};
+
+const handleClickMinimize = async state => {
+  await minimize();
+  return state;
+};
+
+const handleClickToggleMaximize = async state => {
+  const fn = maximize;
+  await fn();
+  return state;
+};
+
+const handleClick = (state, className) => {
+  if (className.includes('Minimize')) {
+    return handleClickMinimize(state);
+  }
+  if (className.includes('Maximize') || className.includes('Restore')) {
+    return handleClickToggleMaximize(state);
+  }
+  if (className.includes('Close')) {
+    return handleClickClose(state);
+  }
+  return state;
+};
+
+const handleContextMenu = state => {
+  return state;
+};
+
+const loadContent = async (state, titleBarEntries) => {
+  return {
+    ...state
+  };
+};
+
+const renderFocusedIndex = (oldState, newState) => {
+  if (newState.focusedIndex === -1) {
+    return [];
+  }
+  return ['Viewlet.focusSelector', '.ViewletTitleBarMenuBar'];
+};
+
 const SetMenus = 'setMenus';
 
 const renderMenus = (oldState, newState) => {
@@ -2611,8 +2833,8 @@ const render2 = async (uid, diffResult) => {
   const {
     oldState,
     newState
-  } = get$1(uid);
-  set$3(uid, newState, newState);
+  } = get(uid);
+  set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -2656,13 +2878,13 @@ const wrapCommand = fn => {
   const wrapped = async (uid, ...args) => {
     const {
       newState
-    } = get$1(uid);
+    } = get(uid);
     const newerState = await fn(newState, ...args);
     if (newState === newerState) {
       return;
     }
-    const latest = get$1(uid);
-    set$3(uid, latest.oldState, newerState);
+    const latest = get(uid);
+    set(uid, latest.oldState, newerState);
   };
   return wrapped;
 };
@@ -2675,18 +2897,20 @@ const commandMap = {
   'Menu.renderEventListeners': renderEventListeners,
   'Menu.diff2': diff2,
   'Menu.getCommands': getCommandIds,
-  'Menu.getKeyBindings': getKeyBindings$1,
+  'Menu.getKeyBindings': getKeyBindings,
   'Menu.getMenus': getMenus,
   'Menu.loadContent': wrapCommand(loadContent),
   'Menu.render2': render2,
-  'Menu.saveState': saveState
+  'Menu.saveState': saveState,
+  'Menu.show': show,
+  'Menu.show2': show2
 };
 
 const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set(rpc);
+  set$1(rpc);
 };
 
 const main = async () => {