@lvce-editor/title-bar-worker 2.16.0 → 2.17.0

package/dist/titleBarWorkerMain.js

@@ -1262,20 +1262,289 @@ const Button = 'event.button';
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 
-const Escape$2 = 8;
-const Space$2 = 9;
-const End$2 = 255;
-const Home$2 = 12;
-const LeftArrow$2 = 13;
-const UpArrow$2 = 14;
-const RightArrow$2 = 15;
-const DownArrow$2 = 16;
+const Backspace$1 = 1;
+const Tab$1 = 2;
+const Enter$1 = 3;
+const Escape$1 = 8;
+const Space$1 = 9;
+const PageUp$1 = 10;
+const PageDown$1 = 11;
+const End$1 = 255;
+const Home$1 = 12;
+const LeftArrow$1 = 13;
+const UpArrow$1 = 14;
+const RightArrow$1 = 15;
+const DownArrow$1 = 16;
+const Insert$1 = 17;
+const Delete$1 = 18;
+const Digit0$1 = 19;
+const Digit1$1 = 20;
+const Digit2$1 = 21;
+const Digit3$1 = 22;
+const Digit4$1 = 23;
+const Digit5$1 = 24;
+const Digit6$1 = 25;
+const Digit7$1 = 26;
+const Digit8$1 = 27;
+const Digit9$1 = 28;
+const KeyA$1 = 29;
+const KeyB$1 = 30;
+const KeyC$1 = 31;
+const KeyD$1 = 32;
+const KeyE$1 = 33;
+const KeyF$1 = 34;
+const KeyG$1 = 35;
+const KeyH$1 = 36;
+const KeyI$1 = 37;
+const KeyJ$1 = 38;
+const KeyK$1 = 39;
+const KeyL$1 = 40;
+const KeyM$1 = 41;
+const KeyN$1 = 42;
+const KeyO$1 = 43;
+const KeyP$1 = 44;
+const KeyQ$1 = 45;
+const KeyR$1 = 46;
+const KeyS$1 = 47;
+const KeyT$1 = 48;
+const KeyU$1 = 49;
+const KeyV$1 = 50;
+const KeyW$1 = 51;
+const KeyX$1 = 52;
+const KeyY$1 = 53;
+const KeyZ$1 = 54;
+const F1$1 = 57;
+const F2$1 = 58;
+const F3$1 = 59;
+const F4$1 = 60;
+const F5$1 = 61;
+const F6$1 = 62;
+const Equal$1 = 84;
+const Comma$1 = 85;
+const Minus$1 = 86;
+const Backquote$1 = 89;
+const Backslash$1 = 91;
+const Star$1 = 131;
+const Plus$1 = 132;
+
+const Unknown = 'Unknown';
+const Backspace = 'Backspace';
+const Tab = 'Tab';
+const Enter = 'Enter';
+const Escape = 'Escape';
+const Space = 'Space';
+const PageUp = 'PageUp';
+const PageDown = 'PageDown';
+const End = 'End';
+const Home = 'Home';
+const LeftArrow = 'LeftArrow';
+const UpArrow = 'UpArrow';
+const RightArrow = 'RightArrow';
+const DownArrow = 'DownArrow';
+const Insert = 'Insert';
+const Delete = 'Delete';
+const Digit0 = '0';
+const Digit1 = '1';
+const Digit2 = '2';
+const Digit3 = '3';
+const Digit4 = '4';
+const Digit5 = '5';
+const Digit6 = '6';
+const Digit7 = '7';
+const Digit8 = '8';
+const Digit9 = '9';
+const KeyA = 'a';
+const KeyB = 'b';
+const KeyC = 'c';
+const KeyD = 'd';
+const KeyE = 'e';
+const KeyF = 'f';
+const KeyG = 'g';
+const KeyH = 'h';
+const KeyI = 'i';
+const KeyJ = 'j';
+const KeyK = 'k';
+const KeyL = 'l';
+const KeyM = 'm';
+const KeyN = 'n';
+const KeyO = 'o';
+const KeyP = 'p';
+const KeyQ = 'q';
+const KeyR = 'r';
+const KeyS = 's';
+const KeyT = 't';
+const KeyU = 'u';
+const KeyV = 'v';
+const KeyW = 'w';
+const KeyX = 'x';
+const KeyY = 'y';
+const KeyZ = 'z';
+const F1 = 'F1';
+const F2 = 'F2';
+const F3 = 'F3';
+const F4 = 'F4';
+const F5 = 'F5';
+const F6 = 'F6';
+const Equal = '=';
+const Comma = ',';
+const Minus = 'Minus';
+const Backquote = 'Backquote';
+const Backslash = 'Backslash';
+const Star = '*';
+const Plus = '+';
+
+const getKeyCodeString = keyCode => {
+  switch (keyCode) {
+    case Backspace$1:
+      return Backspace;
+    case Tab$1:
+      return Tab;
+    case Escape$1:
+      return Escape;
+    case Enter$1:
+      return Enter;
+    case Space$1:
+      return Space;
+    case PageUp$1:
+      return PageUp;
+    case PageDown$1:
+      return PageDown;
+    case End$1:
+      return End;
+    case Home$1:
+      return Home;
+    case LeftArrow$1:
+      return LeftArrow;
+    case UpArrow$1:
+      return UpArrow;
+    case RightArrow$1:
+      return RightArrow;
+    case DownArrow$1:
+      return DownArrow;
+    case Insert$1:
+      return Insert;
+    case Delete$1:
+      return Delete;
+    case Digit0$1:
+      return Digit0;
+    case Digit1$1:
+      return Digit1;
+    case Digit2$1:
+      return Digit2;
+    case Digit3$1:
+      return Digit3;
+    case Digit4$1:
+      return Digit4;
+    case Digit5$1:
+      return Digit5;
+    case Digit6$1:
+      return Digit6;
+    case Digit7$1:
+      return Digit7;
+    case Digit8$1:
+      return Digit8;
+    case Digit9$1:
+      return Digit9;
+    case KeyA$1:
+      return KeyA;
+    case KeyB$1:
+      return KeyB;
+    case KeyC$1:
+      return KeyC;
+    case KeyD$1:
+      return KeyD;
+    case KeyE$1:
+      return KeyE;
+    case KeyF$1:
+      return KeyF;
+    case KeyG$1:
+      return KeyG;
+    case KeyH$1:
+      return KeyH;
+    case KeyI$1:
+      return KeyI;
+    case KeyJ$1:
+      return KeyJ;
+    case KeyK$1:
+      return KeyK;
+    case KeyL$1:
+      return KeyL;
+    case KeyM$1:
+      return KeyM;
+    case KeyN$1:
+      return KeyN;
+    case KeyO$1:
+      return KeyO;
+    case KeyP$1:
+      return KeyP;
+    case KeyQ$1:
+      return KeyQ;
+    case KeyR$1:
+      return KeyR;
+    case KeyS$1:
+      return KeyS;
+    case KeyT$1:
+      return KeyT;
+    case KeyU$1:
+      return KeyU;
+    case KeyV$1:
+      return KeyV;
+    case KeyW$1:
+      return KeyW;
+    case KeyX$1:
+      return KeyX;
+    case KeyY$1:
+      return KeyY;
+    case KeyZ$1:
+      return KeyZ;
+    case F1$1:
+      return F1;
+    case F2$1:
+      return F2;
+    case F3$1:
+      return F3;
+    case F4$1:
+      return F4;
+    case F5$1:
+      return F5;
+    case F6$1:
+      return F6;
+    case Backslash$1:
+      return Backslash;
+    case Equal$1:
+      return Equal;
+    case Comma$1:
+      return Comma;
+    case Backquote$1:
+      return Backquote;
+    case Plus$1:
+      return Plus;
+    case Star$1:
+      return Star;
+    case Minus$1:
+      return Minus;
+    default:
+      return Unknown;
+  }
+};
 
 const CtrlCmd = 1 << 11 >>> 0;
 const Shift = 1 << 10 >>> 0;
 
 const TitleBar$1 = 15;
 
+const parseKey = rawKey => {
+  const isCtrl = Boolean(rawKey & CtrlCmd);
+  const isShift = Boolean(rawKey & Shift);
+  const keyCode = rawKey & 0x00_00_00_ff;
+  const key = getKeyCodeString(keyCode);
+  return {
+    key,
+    isCtrl,
+    isShift
+  };
+};
+
 const DebugWorker = 55;
 const RendererWorker$1 = 1;
 
@@ -1299,35 +1568,35 @@ const FocusTitleBarMenuBar = 26;
 
 const getKeyBindings$1 = () => {
   return [{
-    key: DownArrow$2,
+    key: DownArrow$1,
     command: 'TitleBar.handleKeyArrowDown',
     when: FocusTitleBarMenuBar
   }, {
-    key: UpArrow$2,
+    key: UpArrow$1,
     command: 'TitleBar.handleKeyArrowUp',
     when: FocusTitleBarMenuBar
   }, {
-    key: RightArrow$2,
+    key: RightArrow$1,
     command: 'TitleBar.handleKeyArrowRight',
     when: FocusTitleBarMenuBar
   }, {
-    key: LeftArrow$2,
+    key: LeftArrow$1,
     command: 'TitleBar.handleKeyArrowLeft',
     when: FocusTitleBarMenuBar
   }, {
-    key: Space$2,
+    key: Space$1,
     command: 'TitleBar.handleKeySpace',
     when: FocusTitleBarMenuBar
   }, {
-    key: Home$2,
+    key: Home$1,
     command: 'TitleBar.handleKeyHome',
     when: FocusTitleBarMenuBar
   }, {
-    key: End$2,
+    key: End$1,
     command: 'TitleBar.handleKeyEnd',
     when: FocusTitleBarMenuBar
   }, {
-    key: Escape$2,
+    key: Escape$1,
     command: 'TitleBar.handleKeyEscape',
     when: FocusTitleBarMenuBar
   }];
@@ -1602,1575 +1871,1296 @@ const getMenuEntries$a = async platform => {
   }
   if (autoUpdateSupported) {
     entries.push(menuEntrySeparator, {
-      id: 'checkForUpdates',
-      label: checkForUpdates(),
-      flags: RestoreFocus,
-      command: 'AutoUpdater.checkForUpdates'
-    });
-  }
-  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$a,
-  id: id$6
-};
-
-const rpcs = Object.create(null);
-const set$2 = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get = id => {
-  return rpcs[id];
-};
-
-const create$1 = 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$1(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 sendMessagePortToMarkdownWorker = async (port, rpcId) => {
-  const command = 'Markdown.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
-};
-const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
-  const command = 'IconTheme.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
-};
-const sendMessagePortToFileSystemWorker = async (port, rpcId) => {
-  const command = 'FileSystem.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
-};
-const readFile = async uri => {
-  return invoke$1('FileSystem.readFile', uri);
-};
-const getWebViewSecret = async key => {
-  // @ts-ignore
-  return invoke$1('WebView.getSecret', key);
-};
-const setWebViewPort = async (uid, port, origin, portType) => {
-  return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
-};
-const setFocus$1 = key => {
-  return invoke$1('Focus.setFocus', key);
-};
-const getFileIcon = async options => {
-  return invoke$1('IconTheme.getFileIcon', options);
-};
-const getColorThemeNames = async () => {
-  return invoke$1('ColorTheme.getColorThemeNames');
-};
-const disableExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.disable', id);
-};
-const enableExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.enable', id);
-};
-const handleDebugChange = async params => {
-  // @ts-ignore
-  return invoke$1('Run And Debug.handleChange', params);
-};
-const getFolderIcon = async options => {
-  return invoke$1('IconTheme.getFolderIcon', options);
-};
-const closeWidget = async widgetId => {
-  return invoke$1('Viewlet.closeWidget', widgetId);
-};
-const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
-  const command = 'HandleMessagePort.handleMessagePort2';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
-};
-const sendMessagePortToSearchProcess = async port => {
-  await invokeAndTransfer('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
-};
-const confirm = async (message, options) => {
-  // @ts-ignore
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
-  return result;
-};
-const getRecentlyOpened$1 = async () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
-};
-const getKeyBindings = async () => {
-  return invoke$1('KeyBindingsInitial.getKeyBindings');
-};
-const writeClipBoardText = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
-};
-const writeClipBoardImage = async blob => {
-  // @ts-ignore
-  await invoke$1('ClipBoard.writeImage', /* text */blob);
-};
-const searchFileMemory = async uri => {
-  // @ts-ignore
-  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
-};
-const searchFileFetch = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithFetch', uri);
-};
-const showMessageBox = async options => {
-  return invoke$1('ElectronDialog.showMessageBox', options);
-};
-const handleDebugResumed = async params => {
-  await invoke$1('Run And Debug.handleResumed', params);
-};
-const openWidget = async name => {
-  await invoke$1('Viewlet.openWidget', name);
-};
-const getIcons = async requests => {
-  const icons = await invoke$1('IconTheme.getIcons', requests);
-  return icons;
-};
-const activateByEvent = event => {
-  return invoke$1('ExtensionHostManagement.activateByEvent', event);
-};
-const setAdditionalFocus = focusKey => {
-  // @ts-ignore
-  return invoke$1('Focus.setAdditionalFocus', focusKey);
-};
-const getActiveEditorId = () => {
-  // @ts-ignore
-  return invoke$1('GetActiveEditor.getActiveEditorId');
-};
-const getWorkspacePath = () => {
-  return invoke$1('Workspace.getPath');
-};
-const sendMessagePortToRendererProcess = async port => {
-  const command = 'HandleMessagePort.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
-};
-const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
-};
-const getAllExtensions = async () => {
-  return invoke$1('ExtensionManagement.getAllExtensions');
-};
-const rerenderEditor = async key => {
-  // @ts-ignore
-  return invoke$1('Editor.rerender', key);
-};
-const handleDebugPaused = async params => {
-  await invoke$1('Run And Debug.handlePaused', params);
-};
-const openUri = async (uri, focus, options) => {
-  await invoke$1('Main.openUri', uri, focus, options);
+      id: 'checkForUpdates',
+      label: checkForUpdates(),
+      flags: RestoreFocus,
+      command: 'AutoUpdater.checkForUpdates'
+    });
+  }
+  if (entries.length > 0) {
+    entries.push(menuEntrySeparator);
+  }
+  entries.push({
+    id: 'about',
+    label: about(),
+    flags: None,
+    command: 'About.showAbout'
+  });
+  return entries;
 };
-const sendMessagePortToSyntaxHighlightingWorker = async port => {
-  await invokeAndTransfer(
-  // @ts-ignore
-  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
+
+const MenuEntriesHelp = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$a,
+  id: id$6
 };
-const handleDebugScriptParsed = async script => {
-  await invoke$1('Run And Debug.handleScriptParsed', script);
+
+const rpcs = Object.create(null);
+const set$2 = (id, rpc) => {
+  rpcs[id] = rpc;
 };
-const getWindowId = async () => {
-  return invoke$1('GetWindowId.getWindowId');
+const get = id => {
+  return rpcs[id];
 };
-const getBlob = async uri => {
-  // @ts-ignore
-  return invoke$1('FileSystem.getBlob', uri);
+
+const create$1 = 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 getExtensionCommands = async () => {
-  return invoke$1('ExtensionHost.getCommands');
+
+const {
+  invoke: invoke$1,
+  invokeAndTransfer,
+  set: set$1,
+  dispose
+} = create$1(RendererWorker$1);
+const searchFileHtml = async uri => {
+  return invoke$1('ExtensionHost.searchFileWithHtml', uri);
 };
-const showErrorDialog = async errorInfo => {
-  // @ts-ignore
-  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
+const getFilePathElectron = async file => {
+  return invoke$1('FileSystemHandle.getFilePathElectron', file);
 };
-const getFolderSize = async uri => {
-  // @ts-ignore
-  return await invoke$1('FileSystem.getFolderSize', uri);
+const showContextMenu = async (x, y, id, ...args) => {
+  return invoke$1('ContextMenu.show', x, y, id, ...args);
 };
-const getExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.getExtension', id);
+const getElectronVersion = async () => {
+  return invoke$1('Process.getElectronVersion');
 };
-const getMarkdownDom = async html => {
-  // @ts-ignore
-  return invoke$1('Markdown.getVirtualDom', html);
+const applyBulkReplacement = async bulkEdits => {
+  await invoke$1('BulkReplacement.applyBulkReplacement', bulkEdits);
 };
-const renderMarkdown = async (markdown, options) => {
+const setColorTheme = async id => {
   // @ts-ignore
-  return invoke$1('Markdown.renderMarkdown', markdown, options);
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
-const openNativeFolder = async uri => {
-  // @ts-ignore
-  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
+const getNodeVersion = async () => {
+  return invoke$1('Process.getNodeVersion');
 };
-const uninstallExtension = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
+const getChromeVersion = async () => {
+  return invoke$1('Process.getChromeVersion');
 };
-const installExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.install', id);
+const getV8Version = async () => {
+  return invoke$1('Process.getV8Version');
 };
-const openExtensionSearch = async () => {
-  // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
+const getFileHandles = async fileIds => {
+  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
+  return files;
 };
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue);
+const setWorkspacePath = async path => {
+  await invoke$1('Workspace.setPath', path);
 };
-const openExternal = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
+const registerWebViewInterceptor = async (id, port) => {
+  await invokeAndTransfer('WebView.registerInterceptor', id, port);
 };
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
+const unregisterWebViewInterceptor = async id => {
+  await invoke$1('WebView.unregisterInterceptor', id);
 };
-const getAllPreferences = async () => {
+const sendMessagePortToEditorWorker = async (port, rpcId) => {
+  const command = 'HandleMessagePort.handleMessagePort';
   // @ts-ignore
-  return invoke$1('Preferences.getAll');
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
 };
-const showSaveFilePicker = async () => {
+const sendMessagePortToErrorWorker = async (port, rpcId) => {
+  const command = 'Errors.handleMessagePort';
   // @ts-ignore
-  return invoke$1('FilePicker.showSaveFilePicker');
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
 };
-const getLogsDir = async () => {
+const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
+  const command = 'Markdown.handleMessagePort';
   // @ts-ignore
-  return invoke$1('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,
-  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: setFocus$1,
-  setWebViewPort,
-  setWorkspacePath,
-  showContextMenu,
-  showErrorDialog,
-  showMessageBox,
-  showSaveFilePicker,
-  uninstallExtension,
-  unregisterWebViewInterceptor,
-  writeClipBoardImage,
-  writeClipBoardText
-};
-
-const {
-  invoke,
-  set
-} = RendererWorker;
-
-const getRecentlyOpened = () => {
-  return invoke(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
 };
-
-const File = 'file://';
-
-const getTitle = (homeDir, uri) => {
-  if (!uri) {
-    return '';
-  }
-  if (uri.startsWith(File)) {
-    return uri.slice(File.length);
-  }
-  return uri;
+const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
+  const command = 'IconTheme.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
 };
-
-const moreDot = () => {
-  return i18nString(MoreDot);
+const sendMessagePortToFileSystemWorker = async (port, rpcId) => {
+  const command = 'FileSystem.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
-const clearRecentlyOpened = () => {
-  return i18nString(ClearRecentlyOpened);
+const readFile = async uri => {
+  return invoke$1('FileSystem.readFile', uri);
 };
-
-const getHomeDir = () => {
-  return '';
+const getWebViewSecret = async key => {
+  // @ts-ignore
+  return invoke$1('WebView.getSecret', key);
 };
-
-const MAX_MENU_RECENT_ENTRIES = 10;
-const toMenuItem = folder => {
-  const homeDir = getHomeDir();
-  const label = getTitle(homeDir, folder);
-  return {
-    label,
-    flags: None,
-    command: 'Workspace.setPath',
-    args: [folder]
-  };
+const setWebViewPort = async (uid, port, origin, portType) => {
+  return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
 };
-const id$5 = OpenRecent;
-const getMenuEntries$9 = async () => {
-  const allItems = await getRecentlyOpened();
-  const itemsToShow = allItems.slice(0, MAX_MENU_RECENT_ENTRIES);
-  const items = [];
-  if (itemsToShow.length > 0) {
-    items.push(...itemsToShow.map(toMenuItem), menuEntrySeparator);
-  }
-  items.push({
-    id: 'more',
-    label: moreDot(),
-    flags: None,
-    command: 'QuickPick.showRecent'
-  }, menuEntrySeparator, {
-    id: 'clearRecentlyOpened',
-    label: clearRecentlyOpened(),
-    flags: None,
-    command: 'RecentlyOpened.clearRecentlyOpened'
-  });
-  return items;
+const setFocus$1 = key => {
+  return invoke$1('Focus.setFocus', key);
 };
-
-const MenuEntriesOpenRecent = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$9,
-  id: id$5
+const getFileIcon = async options => {
+  return invoke$1('IconTheme.getFileIcon', options);
 };
-
-const id$4 = Run;
-const getMenuEntries$8 = () => {
-  return [];
+const getColorThemeNames = async () => {
+  return invoke$1('ColorTheme.getColorThemeNames');
 };
-
-const MenuEntriesRun = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$8,
-  id: id$4
+const disableExtension = async id => {
+  // @ts-ignore
+  return invoke$1('ExtensionManagement.disable', id);
 };
-
-const id$3 = Selection;
-const getMenuEntries$7 = () => {
-  return [{
-    id: 'selectAll',
-    label: selectAll(),
-    flags: None,
-    command: 'Editor.selectAll'
-  }, {
-    id: 'copyLineUp',
-    label: copyLineUp(),
-    flags: None,
-    command: 'Editor.copyLineUp'
-  }, {
-    id: 'copyLineDown',
-    label: copyLineDown(),
-    flags: None,
-    command: 'Editor.copyLineDown'
-  }, {
-    id: 'moveLineUp',
-    label: moveLineUp(),
-    flags: Disabled,
-    command: 'Editor.moveLineUp'
-  }, {
-    id: 'moveLineDown',
-    label: moveLineDown(),
-    flags: Disabled,
-    command: 'Editor.moveLineDown'
-  }];
+const enableExtension = async id => {
+  // @ts-ignore
+  return invoke$1('ExtensionManagement.enable', id);
 };
-
-const MenuEntriesSelection = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$7,
-  id: id$3
+const handleDebugChange = async params => {
+  // @ts-ignore
+  return invoke$1('Run And Debug.handleChange', params);
 };
-
-const id$2 = Terminal;
-const getMenuEntries$6 = () => {
-  return [{
-    id: 'newTerminal',
-    label: i18nString(NewTerminal),
-    flags: None,
-    command: 'Layout.togglePanel',
-    args: ['Terminal']
-  }];
+const getFolderIcon = async options => {
+  return invoke$1('IconTheme.getFolderIcon', options);
 };
-
-const MenuEntriesTerminal = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$6,
-  id: id$2
+const closeWidget = async widgetId => {
+  return invoke$1('Viewlet.closeWidget', widgetId);
 };
-
-const getMenuEntries$5 = () => {
-  return [{
-    id: File$1,
-    label: file(),
-    flags: SubMenu
-  }, {
-    id: Edit,
-    label: edit(),
-    flags: SubMenu
-  }, {
-    id: Selection,
-    label: selection(),
-    flags: SubMenu
-  }, {
-    id: View,
-    label: view(),
-    flags: SubMenu
-  }, {
-    id: Go,
-    label: go(),
-    flags: SubMenu
-  }, {
-    id: Run,
-    label: run(),
-    keyboardShortCut: 'Alt+r',
-    flags: SubMenu
-  }, {
-    id: Terminal,
-    label: terminal(),
-    keyboardShortCut: 'Alt+t',
-    flags: SubMenu
-  }, {
-    id: Help,
-    label: help(),
-    keyboardShortCut: 'Alt+h',
-    flags: SubMenu
-  }];
+const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
+  const command = 'HandleMessagePort.handleMessagePort2';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
 };
-
-const getMenuEntries$4 = () => {
-  return [{
-    id: File$1,
-    label: file(),
-    flags: None
-  }, {
-    id: Edit,
-    label: edit(),
-    flags: None
-  }, {
-    id: Selection,
-    label: selection(),
-    flags: None
-  }, {
-    id: View,
-    label: view(),
-    flags: None
-  }, {
-    id: Go,
-    label: go(),
-    flags: None
-  }, {
-    id: Help,
-    label: help(),
-    flags: None
-  }];
+const sendMessagePortToSearchProcess = async port => {
+  await invokeAndTransfer('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
 };
-
-const getFn = platform => {
-  switch (platform) {
-    case Web:
-      return getMenuEntries$4;
-    default:
-      return getMenuEntries$5;
-  }
+const confirm = async (message, options) => {
+  // @ts-ignore
+  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
+  return result;
 };
-const id$1 = TitleBar;
-const getMenuEntries$3 = async platform => {
-  const fn = getFn(platform);
-  return fn();
+const getRecentlyOpened$1 = async () => {
+  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
-
-const MenuEntriesTitleBar = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$3,
-  id: id$1
+const getKeyBindings = async () => {
+  return invoke$1('KeyBindingsInitial.getKeyBindings');
 };
-
-const id = View;
-const getMenuEntries$2 = () => {
-  return [];
+const writeClipBoardText = async text => {
+  await invoke$1('ClipBoard.writeText', /* text */text);
 };
-
-const MenuEntriesView = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$2,
-  id
+const writeClipBoardImage = async blob => {
+  // @ts-ignore
+  await invoke$1('ClipBoard.writeImage', /* text */blob);
 };
-
-const menus$1 = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
-
-const getMenuIds = () => {
-  return menus$1.map(menu => menu.id);
+const searchFileMemory = async uri => {
+  // @ts-ignore
+  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
 };
-const getMenuEntries$1 = (id, platform) => {
-  const menu = menus$1.find(item => item.id === id);
-  if (!menu) {
-    return [];
-  }
-  return menu.getMenuEntries(platform);
+const searchFileFetch = async uri => {
+  return invoke$1('ExtensionHost.searchFileWithFetch', uri);
 };
-
-const MaskIconCheck = 'MaskIconCheck';
-const Menu = 'Menu';
-const MenuItem = 'MenuItem';
-const MenuItemCheckMark = 'MenuItemCheckMark';
-const MenuItemCheckmarkIcon = 'MenuItemCheckmarkIcon';
-const MenuItemFocused = 'MenuItemFocused';
-const MenuItemKeyBinding = 'MenuItemKeyBinding';
-const MenuItemSeparator = 'MenuItemSeparator';
-const MenuItemSeparatorLine = 'MenuItemSeparatorLine';
-const MenuItemSubMenu = 'MenuItemSubMenu';
-const MenuItemSubMenuArrowRight = 'MenuItemSubMenuArrowRight';
-const TitleBarButtons = 'TitleBarButtons';
-const TitleBarEntryActive = 'TitleBarEntryActive';
-const TitleBarIcon = 'TitleBarIcon';
-const TitleBarIconIcon = 'TitleBarIconIcon';
-const TitleBarMenuBar$1 = 'TitleBarMenuBar';
-const TitleBarTopLevelEntry = 'TitleBarTopLevelEntry';
-const TitleBarTopLevelEntryLabel = 'TitleBarTopLevelEntryLabel';
-const Viewlet = 'Viewlet';
-
-const getIconVirtualDom = (icon, type = Div) => {
-  return {
-    type,
-    className: `MaskIcon MaskIcon${icon}`,
-    role: None$1,
-    childCount: 0
-  };
+const showMessageBox = async options => {
+  return invoke$1('ElectronDialog.showMessageBox', options);
 };
-
-const createTitleBarButton = button => {
-  const {
-    id,
-    icon,
-    label,
-    onClick
-  } = button;
-  const dom = [{
-    type: Button$1,
-    className: `TitleBarButton TitleBarButton${id}`,
-    ariaLabel: label,
-    childCount: 1,
-    onClick
-  }, getIconVirtualDom(icon, I)];
-  return dom;
+const handleDebugResumed = async params => {
+  await invoke$1('Run And Debug.handleResumed', params);
 };
-
-const getTitleBarButtonsVirtualDom = buttons => {
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, TitleBarButtons),
-    childCount: buttons.length
-  }, ...buttons.flatMap(createTitleBarButton)];
+const openWidget = async name => {
+  await invoke$1('Viewlet.openWidget', name);
 };
-
-const parentNode$1 = {
-  type: Div,
-  className: mergeClassNames(Viewlet, TitleBarIcon),
-  childCount: 1
+const getIcons = async requests => {
+  const icons = await invoke$1('IconTheme.getIcons', requests);
+  return icons;
 };
-const getTitleBarIconVirtualDom = iconSrc => {
-  return [parentNode$1, {
-    type: Img,
-    className: TitleBarIconIcon,
-    src: iconSrc,
-    alt: '',
-    childCount: 0
-  }];
+const activateByEvent = event => {
+  return invoke$1('ExtensionHostManagement.activateByEvent', event);
 };
-
-const HandleClick = 1;
-const HandleClickMinimize = 2;
-const HandleClickToggleClose = 3;
-const HandleClickToggleMaximize = 4;
-const HandleFocusIn = 5;
-const HandleFocusOut = 6;
-const HandlePointerOut = 7;
-const HandlePointerOver = 8;
-const HandleMenuClick = 9;
-const HandleMenuMouseOver = 10;
-
-const getItemVirtualDom = item => {
+const setAdditionalFocus = focusKey => {
   // @ts-ignore
-  const {
-    keyboardShortCut,
-    label,
-    isOpen,
-    isFocused
-  } = item;
-  // TODO avoid mutation
-  const dom = [];
-  dom.push({
-    type: Div,
-    className: TitleBarTopLevelEntry,
-    ariaHasPopup: true,
-    ariaExpanded: isOpen,
-    role: MenuItem$1,
-    childCount: 1,
-    ariaKeyShortcuts: keyboardShortCut
-  });
-  if (isOpen) {
-    // @ts-ignore
-    dom[0].ariaOwns = 'Menu-0';
-  }
-  if (isFocused) {
-    dom[0].className += ' ' + TitleBarEntryActive;
-    // @ts-ignore
-    dom[0].id = 'TitleBarEntryActive';
-    dom.push({
-      type: Div,
-      className: TitleBarTopLevelEntryLabel,
-      childCount: 1
-    });
-  }
-  dom.push(text(label));
-  return dom;
+  return invoke$1('Focus.setAdditionalFocus', focusKey);
 };
-const getTitleBarMenuBarItemsVirtualDom = visibleItems => {
-  const dom = visibleItems.flatMap(getItemVirtualDom);
-  return dom;
+const getActiveEditorId = () => {
+  // @ts-ignore
+  return invoke$1('GetActiveEditor.getActiveEditorId');
 };
-
-const activeId = 'TitleBarEntryActive';
-const getTitleBarMenuBarVirtualDom = (visibleItems, focusedIndex) => {
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, TitleBarMenuBar$1),
-    role: MenuBar,
-    tabIndex: 0,
-    childCount: visibleItems.length,
-    onMouseDown: HandleClick,
-    onFocusOut: HandleFocusOut,
-    onFocusIn: HandleFocusIn,
-    onPointerOver: HandlePointerOver,
-    onPointerOut: HandlePointerOut,
-    ariaActivedescendant: focusedIndex === -1 ? '' : activeId
-  }, ...getTitleBarMenuBarItemsVirtualDom(visibleItems)];
+const getWorkspacePath = () => {
+  return invoke$1('Workspace.getPath');
 };
-
-const parentNode = {
-  type: Div,
-  className: 'TitleBarTitle',
-  childCount: 1
+const sendMessagePortToRendererProcess = async port => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
 };
-const getTitleVirtualDom = title => {
-  return [parentNode, text(title)];
+const getPreference = async key => {
+  return await invoke$1('Preferences.get', key);
 };
-
-const maximize = async () => {
-  await invoke('ElectronWindow.maximize');
+const getAllExtensions = async () => {
+  return invoke$1('ExtensionManagement.getAllExtensions');
 };
-const minimize = async () => {
-  await invoke('ElectronWindow.minimize');
+const rerenderEditor = async key => {
+  // @ts-ignore
+  return invoke$1('Editor.rerender', key);
 };
-const close = async () => {
-  await invoke('ElectronWindow.close');
+const handleDebugPaused = async params => {
+  await invoke$1('Run And Debug.handlePaused', params);
 };
-
-const handleClickClose = async state => {
-  await close();
-  return state;
+const openUri = async (uri, focus, options) => {
+  await invoke$1('Main.openUri', uri, focus, options);
 };
-
-const handleClickMinimize = async state => {
-  await minimize();
-  return state;
+const sendMessagePortToSyntaxHighlightingWorker = async port => {
+  await invokeAndTransfer(
+  // @ts-ignore
+  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
 };
-
-const handleClickToggleMaximize = async state => {
-  const fn = maximize;
-  await fn();
-  return state;
+const handleDebugScriptParsed = async script => {
+  await invoke$1('Run And Debug.handleScriptParsed', script);
 };
-
-// TODO use button name property
-const handleClick$1 = async (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 getWindowId = async () => {
+  return invoke$1('GetWindowId.getWindowId');
 };
-
-const handleContextMenu = state => {
-  return state;
+const getBlob = async uri => {
+  // @ts-ignore
+  return invoke$1('FileSystem.getBlob', uri);
 };
-
-const getMenuOffset = (x, clientX, iconWidth) => {
-  return clientX - x - iconWidth;
+const getExtensionCommands = async () => {
+  return invoke$1('ExtensionHost.getCommands');
 };
-
-const getTitleBarIndexFromPosition = (titleBarEntries, x, y) => {
-  let currentX = 0;
-  for (let i = 0; i < titleBarEntries.length; i++) {
-    const entry = titleBarEntries[i];
-    const entryWidth = entry.width;
-    if (x >= currentX && x < currentX + entryWidth) {
-      return i;
-    }
-    currentX += entryWidth;
-  }
-  return -1;
+const showErrorDialog = async errorInfo => {
+  // @ts-ignore
+  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
 };
-
-const getTotalWidth = entries => {
-  let total = 0;
-  for (const entry of entries) {
-    total += entry.width;
-  }
-  return total;
+const getFolderSize = async uri => {
+  // @ts-ignore
+  return await invoke$1('FileSystem.getFolderSize', uri);
+};
+const getExtension = async id => {
+  // @ts-ignore
+  return invoke$1('ExtensionManagement.getExtension', id);
+};
+const getMarkdownDom = async html => {
+  // @ts-ignore
+  return invoke$1('Markdown.getVirtualDom', html);
 };
-
-// TODO lazyload menuEntries and use Command.execute (maybe)
-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:
-        height += CONTEXT_MENU_SEPARATOR_HEIGHT;
-        break;
-      default:
-        height += CONTEXT_MENU_ITEM_HEIGHT;
-        break;
-    }
-  }
-  return height;
+const renderMarkdown = async (markdown, options) => {
+  // @ts-ignore
+  return invoke$1('Markdown.renderMarkdown', markdown, options);
 };
-
-// TODO lazyload menuEntries and use Command.execute (maybe)
-const MENU_WIDTH = 150;
-const CONTEXT_MENU_WIDTH = 250;
-const getMenuWidth = () => {
-  return CONTEXT_MENU_WIDTH;
+const openNativeFolder = async uri => {
+  // @ts-ignore
+  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
 };
-
-// TODO difference between focusing with mouse or keyboard
-// with mouse -> open submenu
-// with keyboard -> don't open submenu, only focus
-
-const getIndexToFocusNextStartingAt = (items, startIndex) => {
-  for (let i = startIndex; i < startIndex + items.length; i++) {
-    const index = i % items.length;
-    const item = items[index];
-    if (canBeFocused(item)) {
-      return index;
-    }
-  }
-  return -1;
+const uninstallExtension = async id => {
+  return invoke$1('ExtensionManagement.uninstall', id);
 };
-const getIndexToFocusFirst = items => {
-  return getIndexToFocusNextStartingAt(items, 0);
+const installExtension = async id => {
+  // @ts-ignore
+  return invoke$1('ExtensionManagement.install', id);
 };
-const getIndexToFocusLast = items => {
-  return getIndexToFocusPreviousStartingAt(items, items.length - 1);
+const openExtensionSearch = async () => {
+  // @ts-ignore
+  return invoke$1('SideBar.openViewlet', 'Extensions');
 };
-
-// TODO this code seems a bit too complicated, maybe it can be simplified
-const getIndexToFocusPreviousStartingAt = (items, startIndex) => {
-  for (let i = startIndex; i > startIndex - items.length; i--) {
-    const index = (i + items.length) % items.length;
-    const item = items[index];
-    if (canBeFocused(item)) {
-      return index;
-    }
-  }
-  return -1;
+const setExtensionsSearchValue = async searchValue => {
+  // @ts-ignore
+  return invoke$1('Extensions.handleInput', searchValue);
 };
-const getIndexToFocusPrevious = menu => {
-  const startIndex = menu.focusedIndex === -1 ? menu.items.length - 1 : menu.focusedIndex - 1;
-  return getIndexToFocusPreviousStartingAt(menu.items, startIndex);
+const openExternal = async uri => {
+  // @ts-ignore
+  await invoke$1('Open.openExternal', uri);
 };
-const canBeFocused = item => {
-  switch (item.flags) {
-    case Separator:
-    case Disabled:
-      return false;
-    default:
-      return true;
-  }
+const openUrl = async uri => {
+  // @ts-ignore
+  await invoke$1('Open.openUrl', uri);
 };
-const getIndexToFocusNext = menu => {
-  const startIndex = menu.focusedIndex + 1;
-  return getIndexToFocusNextStartingAt(menu.items, startIndex);
+const getAllPreferences = async () => {
+  // @ts-ignore
+  return invoke$1('Preferences.getAll');
 };
-
-// TODO handle printable letter and focus item that starts with that letter
-
-// TODO pageup / pagedown keys
-
-// TODO more tests
-
-const menus = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
-const getMenus = () => {
-  return menus;
+const showSaveFilePicker = async () => {
+  // @ts-ignore
+  return invoke$1('FilePicker.showSaveFilePicker');
 };
-const getModule = id => {
-  for (const module of menus) {
-    if (module.id === id) {
-      return module;
-    }
-  }
-  return undefined;
+const getLogsDir = async () => {
+  // @ts-ignore
+  return invoke$1('PlatformPaths.getLogsDir');
 };
-const getMenuEntries = async (id, ...args) => {
-  try {
-    const module = getModule(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 registerMockRpc = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$1(mockRpc);
+  return mockRpc;
 };
 
-const openMenuAtIndex = async (state, index, shouldBeFocused) => {
-  const {
-    titleBarEntries,
-    titleBarHeight,
-    x,
-    iconWidth
-  } = state;
-  // TODO race conditions
-  // TODO send renderer process
-  // 1. open menu, items to show
-  // 2. focus menu
-  const titleBarEntry = titleBarEntries[index];
-  const {
-    id
-  } = titleBarEntry;
-  const items = await getMenuEntries(id);
-  const relevantEntries = titleBarEntries.slice(0, index);
-  const totalWidths = getTotalWidth(relevantEntries);
-  const offset = totalWidths;
-  // TODO race condition: another menu might already be open at this point
+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,
+  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: setFocus$1,
+  setWebViewPort,
+  setWorkspacePath,
+  showContextMenu,
+  showErrorDialog,
+  showMessageBox,
+  showSaveFilePicker,
+  uninstallExtension,
+  unregisterWebViewInterceptor,
+  writeClipBoardImage,
+  writeClipBoardText
+};
 
-  const menuX = x + offset + iconWidth;
-  const menuY = titleBarHeight;
-  const width = getMenuWidth();
-  const height = getMenuHeight(items);
-  const menuFocusedIndex = shouldBeFocused ? getIndexToFocusNextStartingAt(items, 0) : -1;
-  const menu = {
-    id,
-    items,
-    focusedIndex: menuFocusedIndex,
-    level: 0,
-    x: menuX,
-    y: menuY,
-    width,
-    height
-  };
-  const menus = [menu];
-  return {
-    ...state,
-    isMenuOpen: true,
-    focusedIndex: index,
-    menus
-  };
+const {
+  invoke,
+  set
+} = RendererWorker;
+
+const getRecentlyOpened = () => {
+  return invoke(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
 
-const focusIndex = async (state, index) => {
-  object(state);
-  number(index);
-  const {
-    isMenuOpen,
-    focusedIndex
-  } = state;
-  if (index === focusedIndex) {
-    return state;
+const File = 'file://';
+
+const getTitle = (homeDir, uri) => {
+  if (!uri) {
+    return '';
   }
-  if (isMenuOpen) {
-    return openMenuAtIndex(state, index, /* focus */false);
+  if (uri.startsWith(File)) {
+    return uri.slice(File.length);
   }
+  return uri;
+};
+
+const moreDot = () => {
+  return i18nString(MoreDot);
+};
+const clearRecentlyOpened = () => {
+  return i18nString(ClearRecentlyOpened);
+};
+
+const getHomeDir = () => {
+  return '';
+};
+
+const MAX_MENU_RECENT_ENTRIES = 10;
+const toMenuItem = folder => {
+  const homeDir = getHomeDir();
+  const label = getTitle(homeDir, folder);
   return {
-    ...state,
-    focusedIndex: index
+    label,
+    flags: None,
+    command: 'Workspace.setPath',
+    args: [folder]
   };
 };
+const id$5 = OpenRecent;
+const getMenuEntries$9 = async () => {
+  const allItems = await getRecentlyOpened();
+  const itemsToShow = allItems.slice(0, MAX_MENU_RECENT_ENTRIES);
+  const items = [];
+  if (itemsToShow.length > 0) {
+    items.push(...itemsToShow.map(toMenuItem), menuEntrySeparator);
+  }
+  items.push({
+    id: 'more',
+    label: moreDot(),
+    flags: None,
+    command: 'QuickPick.showRecent'
+  }, menuEntrySeparator, {
+    id: 'clearRecentlyOpened',
+    label: clearRecentlyOpened(),
+    flags: None,
+    command: 'RecentlyOpened.clearRecentlyOpened'
+  });
+  return items;
+};
 
-const handleMouseOutMenuClosed = state => {
-  return focusIndex(state, -1);
+const MenuEntriesOpenRecent = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$9,
+  id: id$5
 };
 
-const handleMouseOutMenuOpen = state => {
-  return state;
+const id$4 = Run;
+const getMenuEntries$8 = () => {
+  return [];
 };
 
-const ifElse = (menuOpenFunction, menuClosedFunction) => {
-  const ifElseFunction = (state, ...args) => {
-    const {
-      isMenuOpen
-    } = state;
-    if (isMenuOpen) {
-      return menuOpenFunction(state, ...args);
-    }
-    return menuClosedFunction(state, ...args);
-  };
-  return ifElseFunction;
+const MenuEntriesRun = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$8,
+  id: id$4
 };
 
-const handleMouseOut = ifElse(handleMouseOutMenuOpen, handleMouseOutMenuClosed);
+const id$3 = Selection;
+const getMenuEntries$7 = () => {
+  return [{
+    id: 'selectAll',
+    label: selectAll(),
+    flags: None,
+    command: 'Editor.selectAll'
+  }, {
+    id: 'copyLineUp',
+    label: copyLineUp(),
+    flags: None,
+    command: 'Editor.copyLineUp'
+  }, {
+    id: 'copyLineDown',
+    label: copyLineDown(),
+    flags: None,
+    command: 'Editor.copyLineDown'
+  }, {
+    id: 'moveLineUp',
+    label: moveLineUp(),
+    flags: Disabled,
+    command: 'Editor.moveLineUp'
+  }, {
+    id: 'moveLineDown',
+    label: moveLineDown(),
+    flags: Disabled,
+    command: 'Editor.moveLineDown'
+  }];
+};
 
-const handlePointerOut = (state, clientX, clientY) => {
-  const {
-    x,
-    iconWidth,
-    titleBarEntries
-  } = state;
-  const menuX = getMenuOffset(x, clientX, iconWidth);
-  const index = getTitleBarIndexFromPosition(titleBarEntries, menuX);
-  if (index === -1) {
-    return state;
-  }
-  return handleMouseOut(state);
+const MenuEntriesSelection = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$7,
+  id: id$3
 };
 
-const handleMouseOverMenuClosed = (state, index) => {
-  return focusIndex(state, index);
+const id$2 = Terminal;
+const getMenuEntries$6 = () => {
+  return [{
+    id: 'newTerminal',
+    label: i18nString(NewTerminal),
+    flags: None,
+    command: 'Layout.togglePanel',
+    args: ['Terminal']
+  }];
 };
 
-const handleMouseOverMenuOpen = async (state, index) => {
-  if (index === -1) {
-    return state;
-  }
-  return focusIndex(state, index);
+const MenuEntriesTerminal = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$6,
+  id: id$2
 };
 
-const handleMouseOver = ifElse(handleMouseOverMenuOpen, handleMouseOverMenuClosed);
+const getMenuEntries$5 = () => {
+  return [{
+    id: File$1,
+    label: file(),
+    flags: SubMenu
+  }, {
+    id: Edit,
+    label: edit(),
+    flags: SubMenu
+  }, {
+    id: Selection,
+    label: selection(),
+    flags: SubMenu
+  }, {
+    id: View,
+    label: view(),
+    flags: SubMenu
+  }, {
+    id: Go,
+    label: go(),
+    flags: SubMenu
+  }, {
+    id: Run,
+    label: run(),
+    keyboardShortCut: 'Alt+r',
+    flags: SubMenu
+  }, {
+    id: Terminal,
+    label: terminal(),
+    keyboardShortCut: 'Alt+t',
+    flags: SubMenu
+  }, {
+    id: Help,
+    label: help(),
+    keyboardShortCut: 'Alt+h',
+    flags: SubMenu
+  }];
+};
 
-const handlePointerOver = (state, clientX, clientY) => {
-  const {
-    titleBarEntries,
-    x,
-    iconWidth
-  } = state;
-  const menuOffset = getMenuOffset(x, clientX, iconWidth);
-  const index = getTitleBarIndexFromPosition(titleBarEntries, menuOffset);
-  if (index === -1) {
-    return state;
-  }
-  return handleMouseOver(state, index);
+const getMenuEntries$4 = () => {
+  return [{
+    id: File$1,
+    label: file(),
+    flags: None
+  }, {
+    id: Edit,
+    label: edit(),
+    flags: None
+  }, {
+    id: Selection,
+    label: selection(),
+    flags: None
+  }, {
+    id: View,
+    label: view(),
+    flags: None
+  }, {
+    id: Go,
+    label: go(),
+    flags: None
+  }, {
+    id: Help,
+    label: help(),
+    flags: None
+  }];
 };
 
-const createTextMeasureContext = (letterSpacing, font) => {
-  const canvas = new OffscreenCanvas(0, 0);
-  const ctx = canvas.getContext('2d');
-  if (!ctx) {
-    throw new Error('Failed to get canvas context 2d');
+const getFn = platform => {
+  switch (platform) {
+    case Web:
+      return getMenuEntries$4;
+    default:
+      return getMenuEntries$5;
   }
-  ctx.letterSpacing = letterSpacing;
-  ctx.font = font;
-  return ctx;
+};
+const id$1 = TitleBar;
+const getMenuEntries$3 = async platform => {
+  const fn = getFn(platform);
+  return fn();
 };
 
-const getFontString = (fontWeight, fontSize, fontFamily) => {
-  return `${fontWeight} ${fontSize}px ${fontFamily}`;
+const MenuEntriesTitleBar = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$3,
+  id: id$1
 };
 
-const measureTextWidths = (texts, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  if (typeof letterSpacing !== 'number') {
-    throw new TypeError('letterSpacing must be of type number');
-  }
-  const letterSpacingString = px(letterSpacing);
-  const fontString = getFontString(fontWeight, fontSize, fontFamily);
-  const ctx = createTextMeasureContext(letterSpacingString, fontString);
-  const widths = [];
-  for (const text of texts) {
-    const metrics = ctx.measureText(text);
-    const {
-      width
-    } = metrics;
-    widths.push(width);
-  }
-  return widths;
+const id = View;
+const getMenuEntries$2 = () => {
+  return [];
 };
 
-const getLabel = entry => {
-  return entry.label;
+const MenuEntriesView = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$2,
+  id
 };
-const addWidths = (entries, labelPadding, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  const labels = entries.map(getLabel);
-  const widths = measureTextWidths(labels, fontWeight, fontSize, fontFamily, letterSpacing);
-  const withWidths = [];
-  for (let i = 0; i < entries.length; i++) {
-    const entry = entries[i];
-    const textWidth = widths[i];
-    const width = textWidth + labelPadding * 2;
-    withWidths.push({
-      ...entry,
-      width
-    });
+
+const menus$1 = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
+
+const getMenuIds = () => {
+  return menus$1.map(menu => menu.id);
+};
+const getMenuEntries$1 = async (id, platform) => {
+  const menu = menus$1.find(item => item.id === id);
+  if (!menu) {
+    return [];
   }
-  return withWidths;
+  return menu.getMenuEntries(platform);
 };
 
-const loadContent2 = async state => {
-  const {
-    platform,
-    controlsOverlayEnabled,
-    titleBarStyleCustom,
-    labelFontFamily,
-    labelFontSize,
-    labelFontWeight,
-    labelLetterSpacing,
-    labelPadding
-  } = state;
-  const titleBarEntries = await getMenuEntries(TitleBar$1);
-  const withWidths = addWidths(titleBarEntries, labelPadding, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
-  const buttons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
-  const title = 'test';
-  const iconWidth = 30;
+const MaskIconCheck = 'MaskIconCheck';
+const Menu = 'Menu';
+const MenuItem = 'MenuItem';
+const MenuItemCheckMark = 'MenuItemCheckMark';
+const MenuItemCheckmarkIcon = 'MenuItemCheckmarkIcon';
+const MenuItemFocused = 'MenuItemFocused';
+const MenuItemKeyBinding = 'MenuItemKeyBinding';
+const MenuItemSeparator = 'MenuItemSeparator';
+const MenuItemSeparatorLine = 'MenuItemSeparatorLine';
+const MenuItemSubMenu = 'MenuItemSubMenu';
+const MenuItemSubMenuArrowRight = 'MenuItemSubMenuArrowRight';
+const TitleBarButtons = 'TitleBarButtons';
+const TitleBarEntryActive = 'TitleBarEntryActive';
+const TitleBarIcon = 'TitleBarIcon';
+const TitleBarIconIcon = 'TitleBarIconIcon';
+const TitleBarMenuBar$1 = 'TitleBarMenuBar';
+const TitleBarTopLevelEntry = 'TitleBarTopLevelEntry';
+const TitleBarTopLevelEntryLabel = 'TitleBarTopLevelEntryLabel';
+const Viewlet = 'Viewlet';
+
+const getIconVirtualDom = (icon, type = Div) => {
   return {
-    ...state,
-    titleBarEntries: withWidths,
-    buttons,
-    title,
-    iconWidth
+    type,
+    className: `MaskIcon MaskIcon${icon}`,
+    role: None$1,
+    childCount: 0
   };
 };
 
-const loadContent = async (state, titleBarEntries) => {
+const createTitleBarButton = button => {
   const {
-    platform,
-    controlsOverlayEnabled,
-    titleBarStyleCustom,
-    labelFontFamily,
-    labelFontSize,
-    labelFontWeight,
-    labelLetterSpacing,
-    labelPadding
-  } = state;
-  const withWidths = addWidths(titleBarEntries, labelPadding, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
-  const buttons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
-  const title = 'test';
-  return {
-    ...state,
-    titleBarEntries: withWidths,
-    buttons,
-    title
-  };
+    id,
+    icon,
+    label,
+    onClick
+  } = button;
+  const dom = [{
+    type: Button$1,
+    className: `TitleBarButton TitleBarButton${id}`,
+    ariaLabel: label,
+    childCount: 1,
+    onClick
+  }, getIconVirtualDom(icon, I)];
+  return dom;
 };
 
-const Ellipsis = 'Ellipsis';
+const getTitleBarButtonsVirtualDom = buttons => {
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, TitleBarButtons),
+    childCount: buttons.length
+  }, ...buttons.flatMap(createTitleBarButton)];
+};
 
-const getVisibleTitleBarEntries = (entries, width, focusedIndex, isMenuOpen) => {
-  array(entries);
-  number(width);
-  let total = 0;
-  const visible = [];
-  for (let i = 0; i < entries.length; i++) {
-    const entry = entries[i];
-    total += entry.width;
-    if (total >= width) {
-      break;
-    }
-    const isOpen = i === focusedIndex && isMenuOpen;
-    const isFocused = i === focusedIndex;
-    visible.push({
-      ...entry,
-      isOpen,
-      isFocused
-    });
+const parentNode$1 = {
+  type: Div,
+  className: mergeClassNames(Viewlet, TitleBarIcon),
+  childCount: 1
+};
+const getTitleBarIconVirtualDom = iconSrc => {
+  return [parentNode$1, {
+    type: Img,
+    className: TitleBarIconIcon,
+    src: iconSrc,
+    alt: '',
+    childCount: 0
+  }];
+};
+
+const HandleClick = 1;
+const HandleClickMinimize = 2;
+const HandleClickToggleClose = 3;
+const HandleClickToggleMaximize = 4;
+const HandleFocusIn = 5;
+const HandleFocusOut = 6;
+const HandlePointerOut = 7;
+const HandlePointerOver = 8;
+const HandleMenuClick = 9;
+const HandleMenuMouseOver = 10;
+
+const getItemVirtualDom = item => {
+  // @ts-ignore
+  const {
+    keyboardShortCut,
+    label,
+    isOpen,
+    isFocused
+  } = item;
+  // TODO avoid mutation
+  const dom = [];
+  dom.push({
+    type: Div,
+    className: TitleBarTopLevelEntry,
+    ariaHasPopup: true,
+    ariaExpanded: isOpen,
+    role: MenuItem$1,
+    childCount: 1,
+    ariaKeyShortcuts: keyboardShortCut
+  });
+  if (isOpen) {
+    // @ts-ignore
+    dom[0].ariaOwns = 'Menu-0';
   }
-  const hasOverflow = visible.length < entries.length;
-  if (hasOverflow) {
-    const padding = 8;
-    const moreIconWidth = 22;
-    const totalPadding = padding * 2;
-    const hasStillOverflow = total + moreIconWidth + totalPadding > width;
-    if (hasStillOverflow) {
-      visible.pop();
-    }
-    visible.push({
-      ariaLabel: moreDot(),
-      icon: Ellipsis,
-      label: '',
-      width: moreIconWidth + totalPadding
+  if (isFocused) {
+    dom[0].className += ' ' + TitleBarEntryActive;
+    // @ts-ignore
+    dom[0].id = 'TitleBarEntryActive';
+    dom.push({
+      type: Div,
+      className: TitleBarTopLevelEntryLabel,
+      childCount: 1
     });
   }
-  return visible;
+  dom.push(text(label));
+  return dom;
+};
+const getTitleBarMenuBarItemsVirtualDom = visibleItems => {
+  const dom = visibleItems.flatMap(getItemVirtualDom);
+  return dom;
+};
+
+const activeId = 'TitleBarEntryActive';
+const getTitleBarMenuBarVirtualDom = (visibleItems, focusedIndex) => {
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, TitleBarMenuBar$1),
+    role: MenuBar,
+    tabIndex: 0,
+    childCount: visibleItems.length,
+    onMouseDown: HandleClick,
+    onFocusOut: HandleFocusOut,
+    onFocusIn: HandleFocusIn,
+    onPointerOver: HandlePointerOver,
+    onPointerOut: HandlePointerOut,
+    ariaActivedescendant: focusedIndex === -1 ? '' : activeId
+  }, ...getTitleBarMenuBarItemsVirtualDom(visibleItems)];
+};
+
+const parentNode = {
+  type: Div,
+  className: 'TitleBarTitle',
+  childCount: 1
+};
+const getTitleVirtualDom = title => {
+  return [parentNode, text(title)];
 };
 
-const renderEntries = (oldState, newState) => {
-  const visibleEntries = getVisibleTitleBarEntries(newState.titleBarEntries, newState.width, newState.focusedIndex, newState.isMenuOpen);
-  const dom = getTitleBarMenuBarVirtualDom(visibleEntries, newState.focusedIndex);
-  return ['Viewlet.setDom2', newState.uid, dom];
+const maximize = async () => {
+  await invoke('ElectronWindow.maximize');
+};
+const minimize = async () => {
+  await invoke('ElectronWindow.minimize');
+};
+const close = async () => {
+  await invoke('ElectronWindow.close');
 };
 
-const renderFocusedIndex = (oldState, newState) => {
-  if (newState.focusedIndex === -1) {
-    return [];
+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;
+};
+
+// TODO use button name property
+const handleClick$1 = async (state, className) => {
+  if (className.includes('Minimize')) {
+    return handleClickMinimize(state);
   }
-  return ['Viewlet.focusSelector', '.ViewletTitleBarMenuBar'];
+  if (className.includes('Maximize') || className.includes('Restore')) {
+    return handleClickToggleMaximize(state);
+  }
+  if (className.includes('Close')) {
+    return handleClickClose(state);
+  }
+  return state;
 };
 
-const checkboxChecked = {
-  type: Div,
-  className: mergeClassNames(MenuItem, MenuItemCheckMark),
-  role: MenuItemCheckBox,
-  ariaChecked: true,
-  tabIndex: -1,
-  childCount: 2
+const handleContextMenu = state => {
+  return state;
 };
-const checkMark = {
-  type: Div,
-  className: mergeClassNames(MenuItemCheckmarkIcon, MaskIconCheck)
+
+const getMenuOffset = (x, clientX, iconWidth) => {
+  return clientX - x - iconWidth;
 };
-const getMenuItemCheckedDom = menuItem => {
-  const {
-    label
-  } = menuItem;
-  return [checkboxChecked, checkMark, text(label)];
+
+const getTitleBarIndexFromPosition = (titleBarEntries, x, y) => {
+  let currentX = 0;
+  for (let i = 0; i < titleBarEntries.length; i++) {
+    const entry = titleBarEntries[i];
+    const entryWidth = entry.width;
+    if (x >= currentX && x < currentX + entryWidth) {
+      return i;
+    }
+    currentX += entryWidth;
+  }
+  return -1;
 };
 
-const getKeyBindingString = (key, altKey, ctrlKey, shiftKey, metaKey) => {
-  let string = '';
-  if (ctrlKey) {
-    string += 'Ctrl+';
+const getTotalWidth = entries => {
+  let total = 0;
+  for (const entry of entries) {
+    total += entry.width;
   }
-  if (shiftKey) {
-    string += 'Shift+';
+  return total;
+};
+
+// TODO lazyload menuEntries and use Command.execute (maybe)
+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:
+        height += CONTEXT_MENU_SEPARATOR_HEIGHT;
+        break;
+      default:
+        height += CONTEXT_MENU_ITEM_HEIGHT;
+        break;
+    }
   }
-  string += key.toUpperCase();
-  return string;
+  return height;
 };
 
-const Backspace$1 = 1;
-const Tab$1 = 2;
-const Enter$1 = 3;
-const Escape$1 = 8;
-const Space$1 = 9;
-const PageUp$1 = 10;
-const PageDown$1 = 11;
-const End$1 = 255;
-const Home$1 = 12;
-const LeftArrow$1 = 13;
-const UpArrow$1 = 14;
-const RightArrow$1 = 15;
-const DownArrow$1 = 16;
-const Insert$1 = 17;
-const Delete$1 = 18;
-const Digit0$1 = 19;
-const Digit1$1 = 20;
-const Digit2$1 = 21;
-const Digit3$1 = 22;
-const Digit4$1 = 23;
-const Digit5$1 = 24;
-const Digit6$1 = 25;
-const Digit7$1 = 26;
-const Digit8$1 = 27;
-const Digit9$1 = 28;
-const KeyA$1 = 29;
-const KeyB$1 = 30;
-const KeyC$1 = 31;
-const KeyD$1 = 32;
-const KeyE$1 = 33;
-const KeyF$1 = 34;
-const KeyG$1 = 35;
-const KeyH$1 = 36;
-const KeyI$1 = 37;
-const KeyJ$1 = 38;
-const KeyK$1 = 39;
-const KeyL$1 = 40;
-const KeyM$1 = 41;
-const KeyN$1 = 42;
-const KeyO$1 = 43;
-const KeyP$1 = 44;
-const KeyQ$1 = 45;
-const KeyR$1 = 46;
-const KeyS$1 = 47;
-const KeyT$1 = 48;
-const KeyU$1 = 49;
-const KeyV$1 = 50;
-const KeyW$1 = 51;
-const KeyX$1 = 52;
-const KeyY$1 = 53;
-const KeyZ$1 = 54;
-const F1$1 = 57;
-const F2$1 = 58;
-const F3$1 = 59;
-const F4$1 = 60;
-const F5$1 = 61;
-const F6$1 = 62;
-const Equal$1 = 84;
-const Comma$1 = 85;
-const Minus$1 = 86;
-const Backquote$1 = 89;
-const Backslash$1 = 91;
-const Star$1 = 131;
-const Plus$1 = 132;
+// TODO lazyload menuEntries and use Command.execute (maybe)
+const MENU_WIDTH = 150;
+const CONTEXT_MENU_WIDTH = 250;
+const getMenuWidth = () => {
+  return CONTEXT_MENU_WIDTH;
+};
 
-const Unknown = 'Unknown';
-const Backspace = 'Backspace';
-const Tab = 'Tab';
-const Enter = 'Enter';
-const Escape = 'Escape';
-const Space = 'Space';
-const PageUp = 'PageUp';
-const PageDown = 'PageDown';
-const End = 'End';
-const Home = 'Home';
-const LeftArrow = 'LeftArrow';
-const UpArrow = 'UpArrow';
-const RightArrow = 'RightArrow';
-const DownArrow = 'DownArrow';
-const Insert = 'Insert';
-const Delete = 'Delete';
-const Digit0 = '0';
-const Digit1 = '1';
-const Digit2 = '2';
-const Digit3 = '3';
-const Digit4 = '4';
-const Digit5 = '5';
-const Digit6 = '6';
-const Digit7 = '7';
-const Digit8 = '8';
-const Digit9 = '9';
-const KeyA = 'a';
-const KeyB = 'b';
-const KeyC = 'c';
-const KeyD = 'd';
-const KeyE = 'e';
-const KeyF = 'f';
-const KeyG = 'g';
-const KeyH = 'h';
-const KeyI = 'i';
-const KeyJ = 'j';
-const KeyK = 'k';
-const KeyL = 'l';
-const KeyM = 'm';
-const KeyN = 'n';
-const KeyO = 'o';
-const KeyP = 'p';
-const KeyQ = 'q';
-const KeyR = 'r';
-const KeyS = 's';
-const KeyT = 't';
-const KeyU = 'u';
-const KeyV = 'v';
-const KeyW = 'w';
-const KeyX = 'x';
-const KeyY = 'y';
-const KeyZ = 'z';
-const F1 = 'F1';
-const F2 = 'F2';
-const F3 = 'F3';
-const F4 = 'F4';
-const F5 = 'F5';
-const F6 = 'F6';
-const Equal = '=';
-const Comma = ',';
-const Minus = 'Minus';
-const Backquote = 'Backquote';
-const Backslash = 'Backslash';
-const Star = '*';
-const Plus = '+';
+// TODO difference between focusing with mouse or keyboard
+// with mouse -> open submenu
+// with keyboard -> don't open submenu, only focus
+
+const getIndexToFocusNextStartingAt = (items, startIndex) => {
+  for (let i = startIndex; i < startIndex + items.length; i++) {
+    const index = i % items.length;
+    const item = items[index];
+    if (canBeFocused(item)) {
+      return index;
+    }
+  }
+  return -1;
+};
+const getIndexToFocusFirst = items => {
+  return getIndexToFocusNextStartingAt(items, 0);
+};
+const getIndexToFocusLast = items => {
+  return getIndexToFocusPreviousStartingAt(items, items.length - 1);
+};
 
-const getKeyCodeString = keyCode => {
-  switch (keyCode) {
-    case Backspace$1:
-      return Backspace;
-    case Tab$1:
-      return Tab;
-    case Escape$1:
-      return Escape;
-    case Enter$1:
-      return Enter;
-    case Space$1:
-      return Space;
-    case PageUp$1:
-      return PageUp;
-    case PageDown$1:
-      return PageDown;
-    case End$1:
-      return End;
-    case Home$1:
-      return Home;
-    case LeftArrow$1:
-      return LeftArrow;
-    case UpArrow$1:
-      return UpArrow;
-    case RightArrow$1:
-      return RightArrow;
-    case DownArrow$1:
-      return DownArrow;
-    case Insert$1:
-      return Insert;
-    case Delete$1:
-      return Delete;
-    case Digit0$1:
-      return Digit0;
-    case Digit1$1:
-      return Digit1;
-    case Digit2$1:
-      return Digit2;
-    case Digit3$1:
-      return Digit3;
-    case Digit4$1:
-      return Digit4;
-    case Digit5$1:
-      return Digit5;
-    case Digit6$1:
-      return Digit6;
-    case Digit7$1:
-      return Digit7;
-    case Digit8$1:
-      return Digit8;
-    case Digit9$1:
-      return Digit9;
-    case KeyA$1:
-      return KeyA;
-    case KeyB$1:
-      return KeyB;
-    case KeyC$1:
-      return KeyC;
-    case KeyD$1:
-      return KeyD;
-    case KeyE$1:
-      return KeyE;
-    case KeyF$1:
-      return KeyF;
-    case KeyG$1:
-      return KeyG;
-    case KeyH$1:
-      return KeyH;
-    case KeyI$1:
-      return KeyI;
-    case KeyJ$1:
-      return KeyJ;
-    case KeyK$1:
-      return KeyK;
-    case KeyL$1:
-      return KeyL;
-    case KeyM$1:
-      return KeyM;
-    case KeyN$1:
-      return KeyN;
-    case KeyO$1:
-      return KeyO;
-    case KeyP$1:
-      return KeyP;
-    case KeyQ$1:
-      return KeyQ;
-    case KeyR$1:
-      return KeyR;
-    case KeyS$1:
-      return KeyS;
-    case KeyT$1:
-      return KeyT;
-    case KeyU$1:
-      return KeyU;
-    case KeyV$1:
-      return KeyV;
-    case KeyW$1:
-      return KeyW;
-    case KeyX$1:
-      return KeyX;
-    case KeyY$1:
-      return KeyY;
-    case KeyZ$1:
-      return KeyZ;
-    case F1$1:
-      return F1;
-    case F2$1:
-      return F2;
-    case F3$1:
-      return F3;
-    case F4$1:
-      return F4;
-    case F5$1:
-      return F5;
-    case F6$1:
-      return F6;
-    case Backslash$1:
-      return Backslash;
-    case Equal$1:
-      return Equal;
-    case Comma$1:
-      return Comma;
-    case Backquote$1:
-      return Backquote;
-    case Plus$1:
-      return Plus;
-    case Star$1:
-      return Star;
-    case Minus$1:
-      return Minus;
+// TODO this code seems a bit too complicated, maybe it can be simplified
+const getIndexToFocusPreviousStartingAt = (items, startIndex) => {
+  for (let i = startIndex; i > startIndex - items.length; i--) {
+    const index = (i + items.length) % items.length;
+    const item = items[index];
+    if (canBeFocused(item)) {
+      return index;
+    }
+  }
+  return -1;
+};
+const getIndexToFocusPrevious = menu => {
+  const startIndex = menu.focusedIndex === -1 ? menu.items.length - 1 : menu.focusedIndex - 1;
+  return getIndexToFocusPreviousStartingAt(menu.items, startIndex);
+};
+const canBeFocused = item => {
+  switch (item.flags) {
+    case Separator:
+    case Disabled:
+      return false;
     default:
-      return Unknown;
+      return true;
+  }
+};
+const getIndexToFocusNext = menu => {
+  const startIndex = menu.focusedIndex + 1;
+  return getIndexToFocusNextStartingAt(menu.items, startIndex);
+};
+
+// TODO handle printable letter and focus item that starts with that letter
+
+// TODO pageup / pagedown keys
+
+// TODO more tests
+
+const menus = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
+const getMenus = () => {
+  return menus;
+};
+const getModule = id => {
+  for (const module of menus) {
+    if (module.id === id) {
+      return module;
+    }
+  }
+  return undefined;
+};
+const getMenuEntries = async (id, ...args) => {
+  try {
+    const module = getModule(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 openMenuAtIndex = async (state, index, shouldBeFocused) => {
+  const {
+    titleBarEntries,
+    titleBarHeight,
+    x,
+    iconWidth
+  } = state;
+  // TODO race conditions
+  // TODO send renderer process
+  // 1. open menu, items to show
+  // 2. focus menu
+  const titleBarEntry = titleBarEntries[index];
+  const {
+    id
+  } = titleBarEntry;
+  const items = await getMenuEntries(id);
+  const relevantEntries = titleBarEntries.slice(0, index);
+  const totalWidths = getTotalWidth(relevantEntries);
+  const offset = totalWidths;
+  // TODO race condition: another menu might already be open at this point
+
+  const menuX = x + offset + iconWidth;
+  const menuY = titleBarHeight;
+  const width = getMenuWidth();
+  const height = getMenuHeight(items);
+  const menuFocusedIndex = shouldBeFocused ? getIndexToFocusNextStartingAt(items, 0) : -1;
+  const menu = {
+    id,
+    items,
+    focusedIndex: menuFocusedIndex,
+    level: 0,
+    x: menuX,
+    y: menuY,
+    width,
+    height
+  };
+  const menus = [menu];
+  return {
+    ...state,
+    isMenuOpen: true,
+    focusedIndex: index,
+    menus
+  };
+};
+
+const focusIndex = async (state, index) => {
+  object(state);
+  number(index);
+  const {
+    isMenuOpen,
+    focusedIndex
+  } = state;
+  if (index === focusedIndex) {
+    return state;
+  }
+  if (isMenuOpen) {
+    return openMenuAtIndex(state, index, /* focus */false);
   }
+  return {
+    ...state,
+    focusedIndex: index
+  };
 };
 
-const parseKey = rawKey => {
-  number(rawKey);
-  const isCtrl = Boolean(rawKey & CtrlCmd);
-  const isShift = Boolean(rawKey & Shift);
-  const keyCode = rawKey & 0x00_00_00_ff;
-  const key = getKeyCodeString(keyCode);
+const handleMouseOutMenuClosed = state => {
+  return focusIndex(state, -1);
+};
+
+const handleMouseOutMenuOpen = state => {
+  return state;
+};
+
+const ifElse = (menuOpenFunction, menuClosedFunction) => {
+  const ifElseFunction = (state, ...args) => {
+    const {
+      isMenuOpen
+    } = state;
+    if (isMenuOpen) {
+      return menuOpenFunction(state, ...args);
+    }
+    return menuClosedFunction(state, ...args);
+  };
+  return ifElseFunction;
+};
+
+const handleMouseOut = ifElse(handleMouseOutMenuOpen, handleMouseOutMenuClosed);
+
+const handlePointerOut = (state, clientX, clientY) => {
+  const {
+    x,
+    iconWidth,
+    titleBarEntries
+  } = state;
+  const menuX = getMenuOffset(x, clientX, iconWidth);
+  const index = getTitleBarIndexFromPosition(titleBarEntries, menuX);
+  if (index === -1) {
+    return state;
+  }
+  return handleMouseOut(state);
+};
+
+const handleMouseOverMenuClosed = (state, index) => {
+  return focusIndex(state, index);
+};
+
+const handleMouseOverMenuOpen = async (state, index) => {
+  if (index === -1) {
+    return state;
+  }
+  return focusIndex(state, index);
+};
+
+const handleMouseOver = ifElse(handleMouseOverMenuOpen, handleMouseOverMenuClosed);
+
+const handlePointerOver = (state, clientX, clientY) => {
+  const {
+    titleBarEntries,
+    x,
+    iconWidth
+  } = state;
+  const menuOffset = getMenuOffset(x, clientX, iconWidth);
+  const index = getTitleBarIndexFromPosition(titleBarEntries, menuOffset);
+  if (index === -1) {
+    return state;
+  }
+  return handleMouseOver(state, index);
+};
+
+const createTextMeasureContext = (letterSpacing, font) => {
+  const canvas = new OffscreenCanvas(0, 0);
+  const ctx = canvas.getContext('2d');
+  if (!ctx) {
+    throw new Error('Failed to get canvas context 2d');
+  }
+  ctx.letterSpacing = letterSpacing;
+  ctx.font = font;
+  return ctx;
+};
+
+const getFontString = (fontWeight, fontSize, fontFamily) => {
+  return `${fontWeight} ${fontSize}px ${fontFamily}`;
+};
+
+const measureTextWidths = (texts, fontWeight, fontSize, fontFamily, letterSpacing) => {
+  if (typeof letterSpacing !== 'number') {
+    throw new TypeError('letterSpacing must be of type number');
+  }
+  const letterSpacingString = px(letterSpacing);
+  const fontString = getFontString(fontWeight, fontSize, fontFamily);
+  const ctx = createTextMeasureContext(letterSpacingString, fontString);
+  const widths = [];
+  for (const text of texts) {
+    const metrics = ctx.measureText(text);
+    const {
+      width
+    } = metrics;
+    widths.push(width);
+  }
+  return widths;
+};
+
+const getLabel = entry => {
+  return entry.label;
+};
+const addWidths = (entries, labelPadding, fontWeight, fontSize, fontFamily, letterSpacing) => {
+  const labels = entries.map(getLabel);
+  const widths = measureTextWidths(labels, fontWeight, fontSize, fontFamily, letterSpacing);
+  const withWidths = [];
+  for (let i = 0; i < entries.length; i++) {
+    const entry = entries[i];
+    const textWidth = widths[i];
+    const width = textWidth + labelPadding * 2;
+    withWidths.push({
+      ...entry,
+      width
+    });
+  }
+  return withWidths;
+};
+
+const loadContent2 = async state => {
+  const {
+    platform,
+    controlsOverlayEnabled,
+    titleBarStyleCustom,
+    labelFontFamily,
+    labelFontSize,
+    labelFontWeight,
+    labelLetterSpacing,
+    labelPadding
+  } = state;
+  const titleBarEntries = await getMenuEntries(TitleBar$1);
+  const withWidths = addWidths(titleBarEntries, labelPadding, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
+  const buttons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
+  const title = 'test';
+  const iconWidth = 30;
   return {
-    key,
-    isCtrl,
-    isShift
+    ...state,
+    titleBarEntries: withWidths,
+    buttons,
+    title,
+    iconWidth
+  };
+};
+
+const loadContent = async (state, titleBarEntries) => {
+  const {
+    platform,
+    controlsOverlayEnabled,
+    titleBarStyleCustom,
+    labelFontFamily,
+    labelFontSize,
+    labelFontWeight,
+    labelLetterSpacing,
+    labelPadding
+  } = state;
+  const withWidths = addWidths(titleBarEntries, labelPadding, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
+  const buttons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
+  const title = 'test';
+  return {
+    ...state,
+    titleBarEntries: withWidths,
+    buttons,
+    title
   };
 };
 
+const Ellipsis = 'Ellipsis';
+
+const getVisibleTitleBarEntries = (entries, width, focusedIndex, isMenuOpen) => {
+  array(entries);
+  number(width);
+  let total = 0;
+  const visible = [];
+  for (let i = 0; i < entries.length; i++) {
+    const entry = entries[i];
+    total += entry.width;
+    if (total >= width) {
+      break;
+    }
+    const isOpen = i === focusedIndex && isMenuOpen;
+    const isFocused = i === focusedIndex;
+    visible.push({
+      ...entry,
+      isOpen,
+      isFocused
+    });
+  }
+  const hasOverflow = visible.length < entries.length;
+  if (hasOverflow) {
+    const padding = 8;
+    const moreIconWidth = 22;
+    const totalPadding = padding * 2;
+    const hasStillOverflow = total + moreIconWidth + totalPadding > width;
+    if (hasStillOverflow) {
+      visible.pop();
+    }
+    visible.push({
+      ariaLabel: moreDot(),
+      icon: Ellipsis,
+      label: '',
+      width: moreIconWidth + totalPadding
+    });
+  }
+  return visible;
+};
+
+const renderEntries = (oldState, newState) => {
+  const visibleEntries = getVisibleTitleBarEntries(newState.titleBarEntries, newState.width, newState.focusedIndex, newState.isMenuOpen);
+  const dom = getTitleBarMenuBarVirtualDom(visibleEntries, newState.focusedIndex);
+  return ['Viewlet.setDom2', newState.uid, dom];
+};
+
+const renderFocusedIndex = (oldState, newState) => {
+  if (newState.focusedIndex === -1) {
+    return [];
+  }
+  return ['Viewlet.focusSelector', '.ViewletTitleBarMenuBar'];
+};
+
+const checkboxChecked = {
+  type: Div,
+  className: mergeClassNames(MenuItem, MenuItemCheckMark),
+  role: MenuItemCheckBox,
+  ariaChecked: true,
+  tabIndex: -1,
+  childCount: 2
+};
+const checkMark = {
+  type: Div,
+  className: mergeClassNames(MenuItemCheckmarkIcon, MaskIconCheck)
+};
+const getMenuItemCheckedDom = menuItem => {
+  const {
+    label
+  } = menuItem;
+  return [checkboxChecked, checkMark, text(label)];
+};
+
+const getKeyBindingString = (key, altKey, ctrlKey, shiftKey, metaKey) => {
+  let string = '';
+  if (ctrlKey) {
+    string += 'Ctrl+';
+  }
+  if (shiftKey) {
+    string += 'Shift+';
+  }
+  string += key.toUpperCase();
+  return string;
+};
+
 const getKeyDom = key => {
   const parsedKey = parseKey(key);
   const keyBindingsString = getKeyBindingString(parsedKey.key, false, parsedKey.isCtrl, parsedKey.isShift);