@lvce-editor/title-bar-worker 2.28.0 → 3.0.0

package/dist/titleBarWorkerMain.js

@@ -433,7 +433,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 => {
@@ -442,9 +442,9 @@ const get$2 = id => {
 const remove = id => {
   delete callbacks[id];
 };
-let id$a = 0;
+let id = 0;
 const create$3$1 = () => {
-  return ++id$a;
+  return ++id;
 };
 const registerPromise = () => {
   const id = create$3$1();
@@ -452,7 +452,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$4(id, resolve);
+  set$3(id, resolve);
   return {
     id,
     promise
@@ -797,10 +797,10 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$2 = (ipc, method, ...params) => {
+const invoke$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
-const invokeAndTransfer$1 = (ipc, method, ...params) => {
+const invokeAndTransfer = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
@@ -836,10 +836,10 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$2(ipc, method, ...params);
+      return invoke$1(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer$1(ipc, method, ...params);
+      return invokeAndTransfer(ipc, method, ...params);
     },
     async dispose() {
       await ipc?.dispose();
@@ -891,372 +891,10 @@ const WebWorkerRpcClient = {
   __proto__: null,
   create: create$3
 };
-const createMockRpc = ({
-  commandMap
-}) => {
-  const invocations = [];
-  const invoke = (method, ...params) => {
-    invocations.push([method, ...params]);
-    const command = commandMap[method];
-    if (!command) {
-      throw new Error(`command ${method} not found`);
-    }
-    return command(...params);
-  };
-  const mockRpc = {
-    invoke,
-    invokeAndTransfer: invoke,
-    invocations
-  };
-  return mockRpc;
-};
-
-const toCommandId = key => {
-  const dotIndex = key.indexOf('.');
-  return key.slice(dotIndex + 1);
-};
-const create$2 = () => {
-  const states = Object.create(null);
-  const commandMapRef = {};
-  return {
-    get(uid) {
-      return states[uid];
-    },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        oldState,
-        newState
-      };
-    },
-    dispose(uid) {
-      delete states[uid];
-    },
-    getKeys() {
-      return Object.keys(states).map(key => {
-        return Number.parseInt(key);
-      });
-    },
-    clear() {
-      for (const key of Object.keys(states)) {
-        delete states[key];
-      }
-    },
-    wrapCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        const {
-          newState
-        } = states[uid];
-        const newerState = await fn(newState, ...args);
-        if (newState === newerState) {
-          return;
-        }
-        const latest = states[uid];
-        states[uid] = {
-          oldState: latest.oldState,
-          newState: newerState
-        };
-      };
-      return wrapped;
-    },
-    wrapGetter(fn) {
-      const wrapped = (uid, ...args) => {
-        const {
-          newState
-        } = states[uid];
-        return fn(newState, ...args);
-      };
-      return wrapped;
-    },
-    diff(uid, modules, numbers) {
-      const {
-        oldState,
-        newState
-      } = states[uid];
-      const diffResult = [];
-      for (let i = 0; i < modules.length; i++) {
-        const fn = modules[i];
-        if (!fn(oldState, newState)) {
-          diffResult.push(numbers[i]);
-        }
-      }
-      return diffResult;
-    },
-    getCommandIds() {
-      const keys = Object.keys(commandMapRef);
-      const ids = keys.map(toCommandId);
-      return ids;
-    },
-    registerCommands(commandMap) {
-      Object.assign(commandMapRef, commandMap);
-    }
-  };
-};
-const terminate = () => {
-  globalThis.close();
-};
-
-const Web = 1;
-const Electron = 2;
-const Remote = 3;
-
-const DEFAULT_UID = 1;
-const createDefaultState = (uid = DEFAULT_UID) => ({
-  assetDir: '',
-  buttons: [],
-  controlsOverlayEnabled: false,
-  focusedIndex: -1,
-  height: 30,
-  iconWidth: 30,
-  isMenuOpen: false,
-  labelFontFamily: 'system-ui, Ubuntu, Droid Sans, sans-serif',
-  labelFontSize: 13,
-  labelFontWeight: 400,
-  labelLetterSpacing: 0,
-  labelPadding: 8,
-  menus: [],
-  platform: Electron,
-  title: '',
-  titleBarButtons: [],
-  titleBarButtonsEnabled: true,
-  titleBarButtonsWidth: 90,
-  titleBarEntries: [],
-  titleBarHeight: 30,
-  titleBarIconEnabled: true,
-  titleBarIconWidth: 30,
-  titleBarMenuBarEnabled: true,
-  titleBarStyleCustom: true,
-  titleBarTitleEnabled: true,
-  uid,
-  width: 800,
-  x: 0,
-  y: 0,
-  layoutControlsEnabled: false,
-  commandCenterEnabled: false
-});
-
-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 About = 'About';
-const CheckForUpdates = 'Check For Updates';
-const ClearRecentlyOpened = 'Clear Recently Opened';
-const Close = 'Close';
-const MenuBar$1 = 'Menu Bar';
-const CommandCenter = 'Command Center';
-const Edit$1 = 'Edit';
-const File$2 = 'File';
-const Go$1 = 'Go';
-const Help$1 = 'Help';
-const Maximize = 'Maximize';
-const Minimize = 'Minimize';
-const MoreDot = 'More ...';
-const NewTerminal = 'New Terminal';
-const OpenProcessExplorer = 'Open Process Explorer';
-const Run$1 = 'Run';
-const Selection$1 = 'Selection';
-const Terminal$1 = 'Terminal';
-const ToggleDeveloperTools = 'Toggle Developer Tools';
-const View$1 = 'View';
-
-const file = () => {
-  return i18nString(File$2);
-};
-const edit = () => {
-  return i18nString(Edit$1);
-};
-const selection = () => {
-  return i18nString(Selection$1);
-};
-const view = () => {
-  return i18nString(View$1);
-};
-const go = () => {
-  return i18nString(Go$1);
-};
-const run = () => {
-  return i18nString(Run$1);
-};
-const terminal = () => {
-  return i18nString(Terminal$1);
-};
-const help = () => {
-  return i18nString(Help$1);
-};
-const minimize$1 = () => {
-  return i18nString(Minimize);
-};
-const maximize$1 = () => {
-  return i18nString(Maximize);
-};
-const close$1 = () => {
-  return i18nString(Close);
-};
-const menuBar = () => {
-  return i18nString(MenuBar$1);
-};
-const commandCenter = () => {
-  return i18nString(CommandCenter);
-};
-
-const getTitleBarButtonsElectron = (controlsOverlayEnabled, titleBarStyleCustom) => {
-  if (controlsOverlayEnabled) {
-    return [];
-  }
-  if (titleBarStyleCustom) {
-    // TODO don't render title bar buttons on windows when electron window controls overlay is enabled
-    return [{
-      label: minimize$1(),
-      icon: 'Minimize',
-      id: 'Minimize',
-      onClick: 'handleClickMinimize'
-    }, {
-      label: maximize$1(),
-      icon: 'Maximize',
-      id: 'ToggleMaximize',
-      onClick: 'handleClickToggleMaximize'
-    }, {
-      label: close$1(),
-      icon: 'ChromeClose',
-      id: 'Close',
-      onClick: 'handleClickClose'
-    }];
-  }
-  return [];
-};
-
-const getTitleBarButtonsRemote = () => {
-  return [];
-};
-
-const getTitleBarButtonsWeb = () => {
-  return [];
-};
-
-const getTitleBarButtons = (platform, controlsOverlayEnabled, titleBarStyleCustom) => {
-  switch (platform) {
-    case Electron:
-      return getTitleBarButtonsElectron(controlsOverlayEnabled, titleBarStyleCustom);
-    case Web:
-      return getTitleBarButtonsWeb();
-    case Remote:
-      return getTitleBarButtonsRemote();
-    default:
-      return [];
-  }
-};
-
-const {
-  get: get$1,
-  set: set$3,
-  getCommandIds,
-  registerCommands,
-  wrapCommand,
-  wrapGetter
-} = create$2();
-
-const create3 = (id, uri, x, y, width, height, platform, controlsOverlayEnabled, titleBarStyleCustom, assetDir) => {
-  const titleBarButtons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
-  const state = {
-    ...createDefaultState(),
-    uid: id,
-    titleBarEntries: [],
-    focusedIndex: -1,
-    isMenuOpen: false,
-    menus: [],
-    labelFontWeight: 400,
-    labelFontSize: 13,
-    labelFontFamily: 'system-ui, Ubuntu, Droid Sans, sans-serif',
-    labelPadding: 8,
-    labelLetterSpacing: 0,
-    titleBarHeight: height,
-    x,
-    y,
-    width,
-    height,
-    iconWidth: 30,
-    platform,
-    controlsOverlayEnabled,
-    titleBarStyleCustom,
-    titleBarButtons,
-    assetDir,
-    layoutControlsEnabled: false,
-    commandCenterEnabled: false
-  };
-  set$3(id, state, state);
-};
-
-const RenderEntries = 1;
-const RenderFocusedIndex = 2;
-const RenderMenus = 3;
-
-const isEqual$3 = (oldState, newState) => {
-  return oldState.titleBarEntries === newState.titleBarEntries && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
-};
-
-const isEqual$2 = (oldState, newState) => {
-  return oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
-};
-
-const isEqual$1 = (oldState, newState) => {
-  return oldState.menus === newState.menus;
-};
-
-const modules$1 = [isEqual$3, isEqual$2, isEqual$1];
-const numbers$1 = [RenderEntries, RenderFocusedIndex, RenderMenus];
-
-const diff = (oldState, newState) => {
-  const diffResult = [];
-  for (let i = 0; i < modules$1.length; i++) {
-    const fn = modules$1[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers$1[i]);
-    }
-  }
-  return diffResult;
-};
-
-const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  return diff(oldState, newState);
-};
-
-const isEqual = (oldState, newState) => {
-  return oldState.titleBarEntries === newState.titleBarEntries && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen && oldState.assetDir === newState.assetDir && oldState.titleBarIconEnabled === newState.titleBarIconEnabled && oldState.title === newState.title && oldState.titleBarTitleEnabled === newState.titleBarTitleEnabled && oldState.platform === newState.platform && oldState.controlsOverlayEnabled === newState.controlsOverlayEnabled && oldState.titleBarStyleCustom === newState.titleBarStyleCustom && oldState.titleBarButtonsEnabled === newState.titleBarButtonsEnabled && oldState.titleBarButtons === newState.titleBarButtons;
-};
-
-const modules = [isEqual, isEqual$2, isEqual$1];
-const numbers = [RenderEntries, RenderFocusedIndex, RenderMenus];
-
-const diff3 = uid => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  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 ContentInfo = 'contentinfo';
 const Menu$1 = 'menu';
-const MenuBar = 'menubar';
+const MenuBar$1 = 'menubar';
 const MenuItem$1 = 'menuitem';
 const MenuItemCheckBox = 'menuitemcheckbox';
 const None$1 = 'none';
@@ -1540,29 +1178,415 @@ const getKeyCodeString = keyCode => {
   }
 };
 
-const Script = 2;
+const CtrlCmd = 1 << 11 >>> 0;
+const Shift = 1 << 10 >>> 0;
+
+const Edit$2 = 2;
+const File$3 = 5;
+const Go$2 = 6;
+const Help$2 = 7;
+const OpenRecent$1 = 9;
+const Run$2 = 10;
+const Selection$2 = 11;
+const Terminal$2 = 14;
+const TitleBar = 15;
+const View$2 = 16;
+const TitleBarContextMenu = 90;
+
+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 RendererWorker = 1;
+
+const FocusTitleBarMenuBar = 26;
+
+const rpcs = Object.create(null);
+const set$2 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$1 = id => {
+  return rpcs[id];
+};
+
+const create$2 = rpcId => {
+  return {
+    // @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 {
+  invoke,
+  set: set$1} = create$2(RendererWorker);
+
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
+const create$1 = () => {
+  const states = Object.create(null);
+  const commandMapRef = {};
+  return {
+    get(uid) {
+      return states[uid];
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        oldState,
+        newState
+      };
+    },
+    dispose(uid) {
+      delete states[uid];
+    },
+    getKeys() {
+      return Object.keys(states).map(key => {
+        return Number.parseInt(key);
+      });
+    },
+    clear() {
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
+    },
+    wrapCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        const newerState = await fn(newState, ...args);
+        if (newState === newerState) {
+          return;
+        }
+        const latest = states[uid];
+        states[uid] = {
+          oldState: latest.oldState,
+          newState: newerState
+        };
+      };
+      return wrapped;
+    },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
+    diff(uid, modules, numbers) {
+      const {
+        oldState,
+        newState
+      } = states[uid];
+      const diffResult = [];
+      for (let i = 0; i < modules.length; i++) {
+        const fn = modules[i];
+        if (!fn(oldState, newState)) {
+          diffResult.push(numbers[i]);
+        }
+      }
+      return diffResult;
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
+    }
+  };
+};
+const terminate = () => {
+  globalThis.close();
+};
+
+const Web = 1;
+const Electron = 2;
+const Remote = 3;
+
+const DEFAULT_UID = 1;
+const createDefaultState = (uid = DEFAULT_UID) => ({
+  assetDir: '',
+  buttons: [],
+  commandCenterEnabled: false,
+  controlsOverlayEnabled: false,
+  focusedIndex: -1,
+  height: 30,
+  iconWidth: 30,
+  isMenuOpen: false,
+  labelFontFamily: 'system-ui, Ubuntu, Droid Sans, sans-serif',
+  labelFontSize: 13,
+  labelFontWeight: 400,
+  labelLetterSpacing: 0,
+  labelPadding: 8,
+  layoutControlsEnabled: false,
+  menus: [],
+  platform: Electron,
+  title: '',
+  titleBarButtons: [],
+  titleBarButtonsEnabled: true,
+  titleBarButtonsWidth: 90,
+  titleBarEntries: [],
+  titleBarHeight: 30,
+  titleBarIconEnabled: true,
+  titleBarIconWidth: 30,
+  titleBarMenuBarEnabled: true,
+  titleBarStyleCustom: true,
+  titleBarTitleEnabled: true,
+  uid,
+  width: 800,
+  x: 0,
+  y: 0
+});
+
+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 About = 'About';
+const CheckForUpdates = 'Check For Updates';
+const ClearRecentlyOpened = 'Clear Recently Opened';
+const Close = 'Close';
+const MenuBar = 'Menu Bar';
+const CommandCenter = 'Command Center';
+const Edit$1 = 'Edit';
+const File$2 = 'File';
+const Go$1 = 'Go';
+const Help$1 = 'Help';
+const Maximize = 'Maximize';
+const Minimize = 'Minimize';
+const MoreDot = 'More ...';
+const NewTerminal = 'New Terminal';
+const OpenProcessExplorer = 'Open Process Explorer';
+const Run$1 = 'Run';
+const Selection$1 = 'Selection';
+const Terminal$1 = 'Terminal';
+const ToggleDeveloperTools = 'Toggle Developer Tools';
+const View$1 = 'View';
 
-const CtrlCmd = 1 << 11 >>> 0;
-const Shift = 1 << 10 >>> 0;
+const file = () => {
+  return i18nString(File$2);
+};
+const edit = () => {
+  return i18nString(Edit$1);
+};
+const selection = () => {
+  return i18nString(Selection$1);
+};
+const view = () => {
+  return i18nString(View$1);
+};
+const go = () => {
+  return i18nString(Go$1);
+};
+const run = () => {
+  return i18nString(Run$1);
+};
+const terminal = () => {
+  return i18nString(Terminal$1);
+};
+const help = () => {
+  return i18nString(Help$1);
+};
+const minimize$1 = () => {
+  return i18nString(Minimize);
+};
+const maximize$1 = () => {
+  return i18nString(Maximize);
+};
+const close$1 = () => {
+  return i18nString(Close);
+};
+const menuBar = () => {
+  return i18nString(MenuBar);
+};
+const commandCenter = () => {
+  return i18nString(CommandCenter);
+};
+
+const getTitleBarButtonsElectron = (controlsOverlayEnabled, titleBarStyleCustom) => {
+  if (controlsOverlayEnabled) {
+    return [];
+  }
+  if (titleBarStyleCustom) {
+    // TODO don't render title bar buttons on windows when electron window controls overlay is enabled
+    return [{
+      icon: 'Minimize',
+      id: 'Minimize',
+      label: minimize$1(),
+      onClick: 'handleClickMinimize'
+    }, {
+      icon: 'Maximize',
+      id: 'ToggleMaximize',
+      label: maximize$1(),
+      onClick: 'handleClickToggleMaximize'
+    }, {
+      icon: 'ChromeClose',
+      id: 'Close',
+      label: close$1(),
+      onClick: 'handleClickClose'
+    }];
+  }
+  return [];
+};
 
-const TitleBar$1 = 15;
+const getTitleBarButtonsRemote = () => {
+  return [];
+};
 
-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 getTitleBarButtonsWeb = () => {
+  return [];
+};
+
+const getTitleBarButtons = (platform, controlsOverlayEnabled, titleBarStyleCustom) => {
+  switch (platform) {
+    case Electron:
+      return getTitleBarButtonsElectron(controlsOverlayEnabled, titleBarStyleCustom);
+    case Remote:
+      return getTitleBarButtonsRemote();
+    case Web:
+      return getTitleBarButtonsWeb();
+    default:
+      return [];
+  }
+};
+
+const {
+  get,
+  getCommandIds,
+  registerCommands,
+  set,
+  wrapCommand,
+  wrapGetter
+} = create$1();
+
+const create3 = (id, uri, x, y, width, height, platform, controlsOverlayEnabled, titleBarStyleCustom, assetDir) => {
+  const titleBarButtons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
+  const state = {
+    ...createDefaultState(),
+    assetDir,
+    commandCenterEnabled: false,
+    controlsOverlayEnabled,
+    focusedIndex: -1,
+    height,
+    iconWidth: 30,
+    isMenuOpen: false,
+    labelFontFamily: 'system-ui, Ubuntu, Droid Sans, sans-serif',
+    labelFontSize: 13,
+    labelFontWeight: 400,
+    labelLetterSpacing: 0,
+    labelPadding: 8,
+    layoutControlsEnabled: false,
+    menus: [],
+    platform,
+    titleBarButtons,
+    titleBarEntries: [],
+    titleBarHeight: height,
+    titleBarStyleCustom,
+    uid: id,
+    width,
+    x,
+    y
   };
+  set(id, state, state);
 };
 
-const DebugWorker = 55;
-const RendererWorker$1 = 1;
+const RenderEntries = 1;
+const RenderFocusedIndex = 2;
+const RenderMenus = 3;
 
-const FocusTitleBarMenuBar = 26;
+const isEqual$3 = (oldState, newState) => {
+  return oldState.titleBarEntries === newState.titleBarEntries && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
+};
+
+const isEqual$2 = (oldState, newState) => {
+  return oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
+};
+
+const isEqual$1 = (oldState, newState) => {
+  return oldState.menus === newState.menus;
+};
+
+const modules$1 = [isEqual$3, isEqual$2, isEqual$1];
+const numbers$1 = [RenderEntries, RenderFocusedIndex, RenderMenus];
+
+const diff = (oldState, newState) => {
+  const diffResult = [];
+  for (let i = 0; i < modules$1.length; i++) {
+    const fn = modules$1[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers$1[i]);
+    }
+  }
+  return diffResult;
+};
+
+const diff2 = uid => {
+  const {
+    newState,
+    oldState
+  } = get(uid);
+  return diff(oldState, newState);
+};
+
+const isEqual = (oldState, newState) => {
+  return oldState.titleBarEntries === newState.titleBarEntries && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen && oldState.assetDir === newState.assetDir && oldState.titleBarIconEnabled === newState.titleBarIconEnabled && oldState.title === newState.title && oldState.titleBarTitleEnabled === newState.titleBarTitleEnabled && oldState.platform === newState.platform && oldState.controlsOverlayEnabled === newState.controlsOverlayEnabled && oldState.titleBarStyleCustom === newState.titleBarStyleCustom && oldState.titleBarButtonsEnabled === newState.titleBarButtonsEnabled && oldState.titleBarButtons === newState.titleBarButtons;
+};
+
+const modules = [isEqual, isEqual$2, isEqual$1];
+const numbers = [RenderEntries, RenderFocusedIndex, RenderMenus];
+
+const diff3 = uid => {
+  const {
+    newState,
+    oldState
+  } = get(uid);
+  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 mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
@@ -1580,38 +1604,38 @@ const text = data => {
   };
 };
 
-const getKeyBindings$1 = () => {
+const getKeyBindings = () => {
   return [{
-    key: DownArrow$1,
     command: 'TitleBar.handleKeyArrowDown',
+    key: DownArrow$1,
     when: FocusTitleBarMenuBar
   }, {
-    key: UpArrow$1,
     command: 'TitleBar.handleKeyArrowUp',
+    key: UpArrow$1,
     when: FocusTitleBarMenuBar
   }, {
-    key: RightArrow$1,
     command: 'TitleBar.handleKeyArrowRight',
+    key: RightArrow$1,
     when: FocusTitleBarMenuBar
   }, {
-    key: LeftArrow$1,
     command: 'TitleBar.handleKeyArrowLeft',
+    key: LeftArrow$1,
     when: FocusTitleBarMenuBar
   }, {
-    key: Space$1,
     command: 'TitleBar.handleKeySpace',
+    key: Space$1,
     when: FocusTitleBarMenuBar
   }, {
-    key: Home$1,
     command: 'TitleBar.handleKeyHome',
+    key: Home$1,
     when: FocusTitleBarMenuBar
   }, {
-    key: End$1,
     command: 'TitleBar.handleKeyEnd',
+    key: End$1,
     when: FocusTitleBarMenuBar
   }, {
-    key: Escape$1,
     command: 'TitleBar.handleKeyEscape',
+    key: Escape$1,
     when: FocusTitleBarMenuBar
   }];
 };
@@ -1627,28 +1651,33 @@ const Ignore = 7;
 
 const getMenuEntriesTitleBarContextMenu = async state => {
   const {
-    titleBarMenuBarEnabled,
-    commandCenterEnabled
+    commandCenterEnabled,
+    titleBarMenuBarEnabled
   } = state;
   // TODO checked state should be depending on whether or not that feature is currently visible or not
   return [{
-    id: 'MenuBar',
-    label: menuBar(),
+    command: titleBarMenuBarEnabled ? 'TitleBar.hideMenuBar' : 'TitleBar.showMenuBar',
     flags: titleBarMenuBarEnabled ? Checked : Unchecked,
-    command: titleBarMenuBarEnabled ? 'TitleBar.hideMenuBar' : 'TitleBar.showMenuBar'
+    id: 'MenuBar',
+    label: menuBar()
   }, {
-    id: 'Command center',
-    label: commandCenter(),
+    command: commandCenterEnabled ? 'TitleBar.hideCommandCenter' : 'TitleBar.showCommandCenter',
     flags: commandCenterEnabled ? Checked : Unchecked,
-    command: commandCenterEnabled ? 'TitleBar.hideCommandCenter' : 'TitleBar.showCommandCenter'
+    id: 'Command center',
+    label: commandCenter()
   }, {
-    id: 'layout controls',
-    label: 'layout controls',
+    command: '',
     flags: Checked,
-    command: ''
+    id: 'layout controls',
+    label: 'layout controls'
   }];
 };
 
+const MenuIdTitleBarContextMenu = 50;
+const getMenuIds = () => {
+  return [Edit$2, File$3, Go$2, Help$2, OpenRecent$1, Run$2, Selection$2, Terminal$2, TitleBar, View$2, MenuIdTitleBarContextMenu, TitleBarContextMenu];
+};
+
 /**
  * @enum {string}
  */
@@ -1664,7 +1693,8 @@ const UiStrings$1 = {
   SelectAll: 'Select All',
   ToggleBlockComment: 'Toggle Block Comment',
   ToggleLineComment: 'Toggle Line Comment',
-  Undo: 'Undo'};
+  Undo: 'Undo'
+};
 const cut = () => {
   return i18nString(UiStrings$1.Cut);
 };
@@ -1702,83 +1732,64 @@ const moveLineDown = () => {
   return i18nString(UiStrings$1.MoveLineDown);
 };
 
-const Edit = 2;
-const File$1 = 5;
-const Go = 6;
-const Help = 7;
-const OpenRecent = 9;
-const Run = 10;
-const Selection = 11;
-const Terminal = 14;
-const TitleBar = 15;
-const View = 16;
-
 const menuEntrySeparator = {
-  id: 'separator',
-  label: '',
+  command: '',
   flags: Separator,
-  command: ''
+  id: 'separator',
+  label: ''
 };
 
-const id$9 = Edit;
-const getMenuEntries$d = () => {
+const getMenuEntries$c = () => {
   return [{
-    id: 'undo',
-    label: undo(),
+    command: /* TODO */'-1',
     flags: Disabled,
-    command: /* TODO */'-1'
+    id: 'undo',
+    label: undo()
   }, {
-    id: 'redo',
-    label: redo(),
+    command: /* TODO */'-1',
     flags: Disabled,
-    command: /* TODO */'-1'
+    id: 'redo',
+    label: redo()
   }, menuEntrySeparator, {
-    id: 'cut',
-    label: cut(),
+    command: /* Editor.cut */'Editor.cut',
     flags: None,
-    command: /* Editor.cut */'Editor.cut'
+    id: 'cut',
+    label: cut()
   }, {
-    id: 'copy',
-    label: copy(),
+    command: /* Editor.copy */'Editor.copy',
     flags: None,
-    command: /* Editor.copy */'Editor.copy'
+    id: 'copy',
+    label: copy()
   }, {
-    id: 'paste',
-    label: paste(),
+    command: /* Editor.paste */'Editor.paste',
     flags: None,
-    command: /* Editor.paste */'Editor.paste'
+    id: 'paste',
+    label: paste()
   }, menuEntrySeparator, {
-    id: 'toggle-line-comment',
-    label: toggleLineComment(),
+    command: /* Editor.toggleLineComment */'Editor.toggleLineComment',
     flags: None,
-    command: /* Editor.toggleLineComment */'Editor.toggleLineComment'
+    id: 'toggle-line-comment',
+    label: toggleLineComment()
   }, {
-    id: 'toggle-block-comment',
-    label: toggleBlockComment(),
+    command: /* Editor.toggleBlockComment */'Editor.toggleBlockComment',
     flags: None,
-    command: /* Editor.toggleBlockComment */'Editor.toggleBlockComment'
+    id: 'toggle-block-comment',
+    label: toggleBlockComment()
   }];
 };
 
-const MenuEntriesEdit = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$d,
-  id: id$9
-};
-
 /**
  * @enum {string}
  */
 const UiStrings = {
+  Exit: 'Exit',
   NewFile: 'New File',
   NewWindow: 'New Window',
   OpenFile: 'Open File',
   OpenFolder: 'Open Folder',
   OpenRecent: 'Open Recent',
-  Exit: 'Exit',
   Save: 'Save',
-  SaveAll: 'Save All'
-};
+  SaveAll: 'Save All'};
 const newFile = () => {
   return i18nString(UiStrings.NewFile);
 };
@@ -1788,547 +1799,139 @@ const newWindow = () => {
 const openFile = () => {
   return i18nString(UiStrings.OpenFile);
 };
-const openFolder = () => {
-  return i18nString(UiStrings.OpenFolder);
-};
-const openRecent = () => {
-  return i18nString(UiStrings.OpenRecent);
-};
-const save = () => {
-  return i18nString(UiStrings.Save);
-};
-const saveAll = () => {
-  return i18nString(UiStrings.SaveAll);
-};
-const exit = () => {
-  return i18nString(UiStrings.Exit);
-};
-
-const id$8 = File$1;
-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 MenuEntriesFile = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$c,
-  id: id$8
-};
-
-const id$7 = Go;
-const getMenuEntries$b = () => {
-  return [];
-};
-
-const MenuEntriesGo = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$b,
-  id: id$7
-};
-
-const toggleDeveloperTools = () => {
-  return i18nString(ToggleDeveloperTools);
-};
-const openProcessExplorer = () => {
-  return i18nString(OpenProcessExplorer);
-};
-const checkForUpdates = () => {
-  return i18nString(CheckForUpdates);
-};
-const about = () => {
-  return i18nString(About);
-};
-
-const isAutoUpdateSupported = platform => {
-  if (platform !== Electron) {
-    return false;
-  }
-  return false;
-};
-
-const id$6 = Help;
-const getMenuEntries$a = async platform => {
-  const autoUpdateSupported = isAutoUpdateSupported(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 (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 showContextMenu2 = async (uid, menuId, x, y, args) => {
-  // @ts-ignore
-  await invoke$1('ContextMenu.show2', uid, menuId, x, y, 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);
-};
-const sendMessagePortToSyntaxHighlightingWorker = async port => {
-  await invokeAndTransfer(
-  // @ts-ignore
-  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
-};
-const handleDebugScriptParsed = async script => {
-  await invoke$1('Run And Debug.handleScriptParsed', script);
-};
-const getWindowId = async () => {
-  return invoke$1('GetWindowId.getWindowId');
-};
-const getBlob = async uri => {
-  // @ts-ignore
-  return invoke$1('FileSystem.getBlob', uri);
-};
-const getExtensionCommands = async () => {
-  return invoke$1('ExtensionHost.getCommands');
-};
-const showErrorDialog = async errorInfo => {
-  // @ts-ignore
-  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
-};
-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);
-};
-const renderMarkdown = async (markdown, options) => {
-  // @ts-ignore
-  return invoke$1('Markdown.renderMarkdown', markdown, options);
-};
-const openNativeFolder = async uri => {
-  // @ts-ignore
-  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
+const openFolder = () => {
+  return i18nString(UiStrings.OpenFolder);
 };
-const uninstallExtension = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
+const openRecent = () => {
+  return i18nString(UiStrings.OpenRecent);
 };
-const installExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.install', id);
+const save = () => {
+  return i18nString(UiStrings.Save);
 };
-const openExtensionSearch = async () => {
-  // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
+const saveAll = () => {
+  return i18nString(UiStrings.SaveAll);
 };
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue, Script);
+const exit = () => {
+  return i18nString(UiStrings.Exit);
 };
-const openExternal = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
+
+const Edit = 2;
+const File$1 = 5;
+const Go = 6;
+const Help = 7;
+const OpenRecent = 9;
+const Run = 10;
+const Selection = 11;
+const Terminal = 14;
+const View = 16;
+
+const getMenuEntries$b = platform => {
+  const entries = [{
+    command: '-1',
+    flags: None,
+    id: 'newFile',
+    label: newFile()
+  }, {
+    command: 'Window.openNew',
+    flags: None,
+    id: 'newWindow',
+    label: newWindow()
+  }, menuEntrySeparator, {
+    command: 'Dialog.openFile',
+    flags: None,
+    id: 'openFile',
+    label: openFile()
+  }, {
+    command: 'Dialog.openFolder',
+    flags: RestoreFocus,
+    id: 'openFolder',
+    label: openFolder()
+  }, {
+    command: '',
+    flags: SubMenu,
+    id: OpenRecent,
+    label: openRecent()
+  }, menuEntrySeparator, {
+    command: 'Main.save',
+    flags: None,
+    id: 'save',
+    label: save()
+  }, {
+    command: 'Main.saveAll',
+    flags: None,
+    id: 'saveAll',
+    label: saveAll()
+  }];
+  if (platform === Electron) {
+    entries.push(menuEntrySeparator, {
+      command: 'Chrome.exit',
+      flags: Ignore,
+      id: 'exit',
+      label: exit()
+    });
+  }
+  return entries;
 };
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
+
+const getMenuEntries$a = () => {
+  return [];
 };
-const getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke$1('Preferences.getAll');
+
+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 checkForUpdates = () => {
+  return i18nString(CheckForUpdates);
 };
-const registerMockRpc = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$1(mockRpc);
-  return mockRpc;
+const about = () => {
+  return i18nString(About);
 };
 
-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,
-  showContextMenu2,
-  showErrorDialog,
-  showMessageBox,
-  showSaveFilePicker,
-  uninstallExtension,
-  unregisterWebViewInterceptor,
-  writeClipBoardImage,
-  writeClipBoardText
+const isAutoUpdateSupported = platform => {
+  if (platform !== Electron) {
+    return false;
+  }
+  return false;
 };
 
-const {
-  invoke,
-  set
-} = RendererWorker;
+const getMenuEntries$9 = async platform => {
+  const autoUpdateSupported = isAutoUpdateSupported(platform);
+  const entries = [];
+  if (platform !== Web) {
+    entries.push({
+      command: 'Developer.toggleDeveloperTools',
+      flags: None,
+      id: 'toggleDeveloperTools',
+      label: toggleDeveloperTools()
+    }, {
+      command: 'Developer.openProcessExplorer',
+      flags: RestoreFocus,
+      id: 'openProcessExplorer',
+      label: openProcessExplorer()
+    });
+  }
+  if (autoUpdateSupported) {
+    entries.push(menuEntrySeparator, {
+      command: 'AutoUpdater.checkForUpdates',
+      flags: RestoreFocus,
+      id: 'checkForUpdates',
+      label: checkForUpdates()
+    });
+  }
+  if (entries.length > 0) {
+    entries.push(menuEntrySeparator);
+  }
+  entries.push({
+    command: 'About.showAbout',
+    flags: None,
+    id: 'about',
+    label: about()
+  });
+  return entries;
+};
 
 const getRecentlyOpened = () => {
   return invoke(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
@@ -2362,14 +1965,13 @@ const toMenuItem = folder => {
   const homeDir = getHomeDir();
   const label = getTitle$1(homeDir, folder);
   return {
-    label,
-    flags: None,
+    args: [folder],
     command: 'Workspace.setPath',
-    args: [folder]
+    flags: None,
+    label
   };
 };
-const id$5 = OpenRecent;
-const getMenuEntries$9 = async () => {
+const getMenuEntries$8 = async () => {
   const allItems = await getRecentlyOpened();
   const itemsToShow = allItems.slice(0, MAX_MENU_RECENT_ENTRIES);
   const items = [];
@@ -2377,221 +1979,92 @@ const getMenuEntries$9 = async () => {
     items.push(...itemsToShow.map(toMenuItem), menuEntrySeparator);
   }
   items.push({
-    id: 'more',
-    label: moreDot(),
+    command: 'QuickPick.showRecent',
     flags: None,
-    command: 'QuickPick.showRecent'
+    id: 'more',
+    label: moreDot()
   }, menuEntrySeparator, {
-    id: 'clearRecentlyOpened',
-    label: clearRecentlyOpened(),
+    command: 'RecentlyOpened.clearRecentlyOpened',
     flags: None,
-    command: 'RecentlyOpened.clearRecentlyOpened'
+    id: 'clearRecentlyOpened',
+    label: clearRecentlyOpened()
   });
   return items;
 };
 
-const MenuEntriesOpenRecent = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$9,
-  id: id$5
-};
-
-const id$4 = Run;
-const getMenuEntries$8 = () => {
+const getMenuEntries$7 = () => {
   return [];
 };
 
-const MenuEntriesRun = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$8,
-  id: id$4
-};
-
-const id$3 = Selection;
-const getMenuEntries$7 = () => {
+const getMenuEntries$6 = () => {
   return [{
-    id: 'selectAll',
-    label: selectAll(),
+    command: 'Editor.selectAll',
     flags: None,
-    command: 'Editor.selectAll'
+    id: 'selectAll',
+    label: selectAll()
   }, {
-    id: 'copyLineUp',
-    label: copyLineUp(),
+    command: 'Editor.copyLineUp',
     flags: None,
-    command: 'Editor.copyLineUp'
+    id: 'copyLineUp',
+    label: copyLineUp()
   }, {
-    id: 'copyLineDown',
-    label: copyLineDown(),
+    command: 'Editor.copyLineDown',
     flags: None,
-    command: 'Editor.copyLineDown'
+    id: 'copyLineDown',
+    label: copyLineDown()
   }, {
-    id: 'moveLineUp',
-    label: moveLineUp(),
+    command: 'Editor.moveLineUp',
     flags: Disabled,
-    command: 'Editor.moveLineUp'
+    id: 'moveLineUp',
+    label: moveLineUp()
   }, {
-    id: 'moveLineDown',
-    label: moveLineDown(),
+    command: 'Editor.moveLineDown',
     flags: Disabled,
-    command: 'Editor.moveLineDown'
-  }];
-};
-
-const MenuEntriesSelection = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$7,
-  id: id$3
-};
-
-const id$2 = Terminal;
-const getMenuEntries$6 = () => {
-  return [{
-    id: 'newTerminal',
-    label: i18nString(NewTerminal),
-    flags: None,
-    command: 'Layout.togglePanel',
-    args: ['Terminal']
+    id: 'moveLineDown',
+    label: moveLineDown()
   }];
 };
 
-const MenuEntriesTerminal = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$6,
-  id: id$2
-};
-
 const getMenuEntries$5 = () => {
   return [{
-    id: File$1,
-    label: file(),
-    flags: SubMenu,
-    command: ''
-  }, {
-    id: Edit,
-    label: edit(),
-    flags: SubMenu,
-    command: ''
-  }, {
-    id: Selection,
-    label: selection(),
-    flags: SubMenu,
-    command: ''
-  }, {
-    id: View,
-    label: view(),
-    flags: SubMenu,
-    command: ''
-  }, {
-    id: Go,
-    label: go(),
-    flags: SubMenu,
-    command: ''
-  }, {
-    id: Run,
-    label: run(),
-    keyboardShortCut: 'Alt+r',
-    flags: SubMenu,
-    command: ''
-  }, {
-    id: Terminal,
-    label: terminal(),
-    keyboardShortCut: 'Alt+t',
-    flags: SubMenu,
-    command: ''
-  }, {
-    id: Help,
-    label: help(),
-    keyboardShortCut: 'Alt+h',
-    flags: SubMenu,
-    command: ''
-  }];
-};
-
-const getMenuEntries$4 = () => {
-  return [{
-    id: File$1,
-    label: file(),
-    flags: None,
-    command: ''
-  }, {
-    id: Edit,
-    label: edit(),
-    flags: None,
-    command: ''
-  }, {
-    id: Selection,
-    label: selection(),
-    flags: None,
-    command: ''
-  }, {
-    id: View,
-    label: view(),
-    flags: None,
-    command: ''
-  }, {
-    id: Go,
-    label: go(),
-    flags: None,
-    command: ''
-  }, {
-    id: Help,
-    label: help(),
+    args: ['Terminal'],
+    command: 'Layout.togglePanel',
     flags: None,
-    command: ''
+    id: 'newTerminal',
+    label: i18nString(NewTerminal)
   }];
 };
 
-const getFn = platform => {
-  switch (platform) {
-    case Web:
-      return getMenuEntries$4;
-    default:
-      return getMenuEntries$5;
-  }
-};
-const id$1 = TitleBar;
-const getMenuEntries$3 = async platform => {
-  const fn = getFn(platform);
-  return fn();
-};
-
-const MenuEntriesTitleBar = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$3,
-  id: id$1
-};
-
-const id = View;
-const getMenuEntries$2 = () => {
+const getMenuEntries$4 = () => {
   return [];
 };
 
-const MenuEntriesView = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$2,
-  id
-};
-
-const menus$1 = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
-
-const MenuIdTitleBarContextMenu = 50;
-const getMenuIds = () => {
-  return [...menus$1.map(menu => menu.id), MenuIdTitleBarContextMenu];
-};
-const getMenuEntries$1 = async (id, platform) => {
-  const menu = menus$1.find(item => item.id === id);
-  if (!menu) {
-    return [];
-  }
-  return menu.getMenuEntries(platform);
-};
-
 const getMenuEntries2 = async (state, props) => {
-  if (props.menuId === MenuIdTitleBarContextMenu) {
-    return getMenuEntriesTitleBarContextMenu(state);
+  switch (props.menuId) {
+    case Edit$2:
+      return getMenuEntries$c();
+    case File$3:
+      return getMenuEntries$b(props.platform);
+    case Go$2:
+      return getMenuEntries$a();
+    case Help$2:
+      return getMenuEntries$9(props.platform);
+    case OpenRecent$1:
+      return getMenuEntries$8();
+    case Run$2:
+      return getMenuEntries$7();
+    case Selection$2:
+      return getMenuEntries$6();
+    case Terminal$2:
+      return getMenuEntries$5();
+    case TitleBarContextMenu:
+    case MenuIdTitleBarContextMenu:
+      return getMenuEntriesTitleBarContextMenu(state);
+    case View$2:
+      return getMenuEntries$4();
+    default:
+      return [];
   }
-  // TODO
-  return [];
 };
 
 const maximize = async () => {
@@ -2636,7 +2109,7 @@ const handleClick$1 = async (state, className) => {
 
 const show2 = async (uid, menuId, x, y, args) => {
   // @ts-ignore
-  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
+  await invoke('ContextMenu.show2', uid, menuId, x, y, args);
 };
 
 const handleContextMenu = async (state, button, eventX, eventY) => {
@@ -2675,6 +2148,7 @@ const getTotalWidth = entries => {
 };
 
 // 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;
@@ -2738,8 +2212,8 @@ const getIndexToFocusPrevious = menu => {
 };
 const canBeFocused = item => {
   switch (item.flags) {
-    case Separator:
     case Disabled:
+    case Separator:
       return false;
     default:
       return true;
@@ -2756,36 +2230,13 @@ const getIndexToFocusNext = menu => {
 
 // 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 {
+    iconWidth,
+    platform,
     titleBarEntries,
     titleBarHeight,
-    x,
-    iconWidth
+    x
   } = state;
   // TODO race conditions
   // TODO send renderer process
@@ -2795,7 +2246,10 @@ const openMenuAtIndex = async (state, index, shouldBeFocused) => {
   const {
     id
   } = titleBarEntry;
-  const items = await getMenuEntries(id);
+  const items = await getMenuEntries2(state, {
+    menuId: id,
+    platform
+  });
   const relevantEntries = titleBarEntries.slice(0, index);
   const totalWidths = getTotalWidth(relevantEntries);
   const offset = totalWidths;
@@ -2807,20 +2261,20 @@ const openMenuAtIndex = async (state, index, shouldBeFocused) => {
   const height = getMenuHeight(items);
   const menuFocusedIndex = shouldBeFocused ? getIndexToFocusNextStartingAt(items, 0) : -1;
   const menu = {
+    focusedIndex: menuFocusedIndex,
+    height,
     id,
     items,
-    focusedIndex: menuFocusedIndex,
     level: 0,
-    x: menuX,
-    y: menuY,
     width,
-    height
+    x: menuX,
+    y: menuY
   };
   const menus = [menu];
   return {
     ...state,
-    isMenuOpen: true,
     focusedIndex: index,
+    isMenuOpen: true,
     menus
   };
 };
@@ -2829,8 +2283,8 @@ const focusIndex = async (state, index) => {
   object(state);
   number(index);
   const {
-    isMenuOpen,
-    focusedIndex
+    focusedIndex,
+    isMenuOpen
   } = state;
   if (index === focusedIndex) {
     return state;
@@ -2869,9 +2323,9 @@ const handleMouseOut = ifElse(handleMouseOutMenuOpen, handleMouseOutMenuClosed);
 
 const handlePointerOut = (state, clientX, clientY) => {
   const {
-    x,
     iconWidth,
-    titleBarEntries
+    titleBarEntries,
+    x
   } = state;
   const menuX = getMenuOffset(x, clientX, iconWidth);
   const index = getTitleBarIndexFromPosition(titleBarEntries, menuX);
@@ -2906,8 +2360,10 @@ const handlePointerOver = (state, name) => {
 };
 
 const hideCommandCenter = async state => {
-  // TODO
-  return state;
+  return {
+    ...state,
+    commandCenterEnabled: false
+  };
 };
 
 const hideMenuBar = async state => {
@@ -2981,31 +2437,160 @@ const getTitle = workspaceUri => {
   return baseName;
 };
 
+const getMenuEntries$3 = () => {
+  return [{
+    command: '',
+    flags: SubMenu,
+    id: File$1,
+    label: file()
+  }, {
+    command: '',
+    flags: SubMenu,
+    id: Edit,
+    label: edit()
+  }, {
+    command: '',
+    flags: SubMenu,
+    id: Selection,
+    label: selection()
+  }, {
+    command: '',
+    flags: SubMenu,
+    id: View,
+    label: view()
+  }, {
+    command: '',
+    flags: SubMenu,
+    id: Go,
+    label: go()
+  }, {
+    command: '',
+    flags: SubMenu,
+    id: Run,
+    keyboardShortCut: 'Alt+r',
+    label: run()
+  }, {
+    command: '',
+    flags: SubMenu,
+    id: Terminal,
+    keyboardShortCut: 'Alt+t',
+    label: terminal()
+  }, {
+    command: '',
+    flags: SubMenu,
+    id: Help,
+    keyboardShortCut: 'Alt+h',
+    label: help()
+  }];
+};
+
+const getMenuEntries$2 = () => {
+  return [{
+    command: '',
+    flags: None,
+    id: File$1,
+    label: file()
+  }, {
+    command: '',
+    flags: None,
+    id: Edit,
+    label: edit()
+  }, {
+    command: '',
+    flags: None,
+    id: Selection,
+    label: selection()
+  }, {
+    command: '',
+    flags: None,
+    id: View,
+    label: view()
+  }, {
+    command: '',
+    flags: None,
+    id: Go,
+    label: go()
+  }, {
+    command: '',
+    flags: None,
+    id: Help,
+    label: help()
+  }];
+};
+
+const getFn$1 = platform => {
+  switch (platform) {
+    case Web:
+      return getMenuEntries$2;
+    default:
+      return getMenuEntries$3;
+  }
+};
+const getMenuEntries$1 = async platform => {
+  const fn = getFn$1(platform);
+  return fn();
+};
+
+const getFn = id => {
+  switch (id) {
+    case Edit$2:
+      return getMenuEntries$c;
+    case File$3:
+      return getMenuEntries$b;
+    case Go$2:
+      return getMenuEntries$a;
+    case Help$2:
+      return getMenuEntries$9;
+    case OpenRecent$1:
+      return getMenuEntries$8;
+    case Run$2:
+      return getMenuEntries$7;
+    case Selection$2:
+      return getMenuEntries$6;
+    case Terminal$2:
+      return getMenuEntries$5;
+    case TitleBar:
+      return getMenuEntries$1;
+    case View$2:
+      return getMenuEntries$4;
+    default:
+      return undefined;
+  }
+};
+const getMenuEntries = async (id, ...args) => {
+  try {
+    const fn = getFn(id);
+    // @ts-ignore
+    return fn(...args);
+  } catch (error) {
+    throw new VError(error, `Failed to load menu entries for id ${id}`);
+  }
+};
+
 const loadContent2 = async state => {
   const {
-    platform,
     controlsOverlayEnabled,
-    titleBarStyleCustom,
     labelFontFamily,
     labelFontSize,
     labelFontWeight,
     labelLetterSpacing,
-    labelPadding
+    labelPadding,
+    platform,
+    titleBarStyleCustom
   } = state;
-  const titleBarEntries = await getMenuEntries(TitleBar$1);
+  const titleBarEntries = await getMenuEntries(TitleBar);
   const withWidths = addWidths(titleBarEntries, labelPadding, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
   const buttons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
-  // @ts-ignore
   const workspaceUri = await invoke('Workspace.getUri');
   const title = getTitle(workspaceUri);
   const iconWidth = 30;
   return {
     ...state,
-    titleBarEntries: withWidths,
-    titleBarButtons: buttons,
     buttons,
+    iconWidth,
     title,
-    iconWidth
+    titleBarButtons: buttons,
+    titleBarEntries: withWidths
   };
 };
 
@@ -3037,16 +2622,16 @@ const TitleBarTopLevelEntryLabel = 'TitleBarTopLevelEntryLabel';
 const Viewlet = 'Viewlet';
 
 const checkboxChecked = {
-  type: Div,
+  ariaChecked: true,
+  childCount: 2,
   className: mergeClassNames(MenuItem, MenuItemCheckMark),
   role: MenuItemCheckBox,
-  ariaChecked: true,
   tabIndex: -1,
-  childCount: 2
+  type: Div
 };
 const checkMark = {
-  type: Div,
-  className: mergeClassNames(MenuItemCheckmarkIcon, MaskIconCheck)
+  className: mergeClassNames(MenuItemCheckmarkIcon, MaskIconCheck),
+  type: Div
 };
 const getMenuItemCheckedDom = menuItem => {
   const {
@@ -3071,9 +2656,9 @@ const getKeyDom = key => {
   const parsedKey = parseKey(key);
   const keyBindingsString = getKeyBindingString(parsedKey.key, false, parsedKey.isCtrl, parsedKey.isShift);
   return [{
-    type: Span,
+    childCount: 1,
     className: MenuItemKeyBinding,
-    childCount: 1
+    type: Span
   }, text(keyBindingsString)];
 };
 
@@ -3086,29 +2671,29 @@ const getMenuItemClassName = isFocused => {
 };
 const getMenuItemDefaultDom = menuItem => {
   const {
-    label,
     isFocused,
-    key
+    key,
+    label
   } = menuItem;
   const className = getMenuItemClassName(isFocused);
   const keyDom = key ? getKeyDom(key) : [];
   const childCount = key ? 2 : 1;
   return [{
-    type: Div,
+    childCount,
     className,
     role: MenuItem$1,
     tabIndex: -1,
-    childCount
+    type: Div
   }, text(label), ...keyDom];
 };
 
 const disabled = {
-  type: Div,
+  childCount: 1,
   className: MenuItem,
+  disabled: true,
   role: MenuItem$1,
   tabIndex: -1,
-  disabled: true,
-  childCount: 1
+  type: Div
 };
 const getMenuItemDisabledDom = menuItem => {
   const {
@@ -3122,53 +2707,53 @@ const getMenuItemsNoopDom = () => {
 };
 
 const separator = {
-  type: Div,
+  childCount: 1,
   className: MenuItemSeparator,
   role: Separator$1,
-  childCount: 1
+  type: Div
 };
 const separatorLine = {
-  type: Div,
+  childCount: 0,
   className: MenuItemSeparatorLine,
-  childCount: 0
+  type: Div
 };
 const getMenuItemSeparatorDom = menuItem => {
   return [separator, separatorLine];
 };
 
 const arrowRight = {
-  type: Div,
+  childCount: 0,
   className: MenuItemSubMenuArrowRight,
-  childCount: 0
+  type: Div
 };
 const getMenuItemSubMenuDom = menuItem => {
   const {
-    label,
-    isFocused,
     isExpanded,
+    isFocused,
+    label,
     level
   } = menuItem;
   const baseClassName = mergeClassNames(MenuItem, MenuItemSubMenu);
   const className = isFocused ? mergeClassNames(baseClassName, MenuItemFocused) : baseClassName;
   return [{
-    type: Div,
+    ariaExpanded: isExpanded,
+    ariaHasPopup: true,
+    ariaOwns: isExpanded ? `Menu-${level + 1}` : undefined,
+    childCount: 2,
     className,
     role: MenuItem$1,
     tabIndex: -1,
-    ariaHasPopup: true,
-    ariaExpanded: isExpanded,
-    ariaOwns: isExpanded ? `Menu-${level + 1}` : undefined,
-    childCount: 2
+    type: Div
   }, text(label), arrowRight];
 };
 
 const checkboxUnchecked = {
-  type: Div,
+  ariaChecked: false,
+  childCount: 1,
   className: MenuItem,
   role: MenuItemCheckBox,
-  ariaChecked: false,
   tabIndex: -1,
-  childCount: 1
+  type: Div
 };
 const getMenuItemUncheckedDom = menuItem => {
   const {
@@ -3179,20 +2764,20 @@ const getMenuItemUncheckedDom = menuItem => {
 
 const getMenuItemRenderer = flags => {
   switch (flags) {
+    case Checked:
+      return getMenuItemCheckedDom;
+    case Disabled:
+      return getMenuItemDisabledDom;
+    case Ignore:
     case None:
     case RestoreFocus:
-    case Ignore:
       return getMenuItemDefaultDom;
     case Separator:
       return getMenuItemSeparatorDom;
-    case Checked:
-      return getMenuItemCheckedDom;
-    case Unchecked:
-      return getMenuItemUncheckedDom;
-    case Disabled:
-      return getMenuItemDisabledDom;
     case SubMenu:
       return getMenuItemSubMenuDom;
+    case Unchecked:
+      return getMenuItemUncheckedDom;
     default:
       return getMenuItemsNoopDom;
   }
@@ -3208,11 +2793,11 @@ const getMenuItemVirtualDom = menuItem => {
 
 const getMenuVirtualDom = menuItems => {
   const dom = [{
-    type: Div,
+    childCount: menuItems.length,
     className: Menu,
     role: Menu$1,
     tabIndex: -1,
-    childCount: menuItems.length
+    type: Div
   }, ...menuItems.flatMap(getMenuItemVirtualDom)];
   return dom;
 };
@@ -3226,12 +2811,12 @@ const getVisible = (items, focusedIndex, expanded, level) => {
       label
     } = item;
     visibleItems.push({
-      label,
       flags,
-      isFocused: i === focusedIndex,
       isExpanded: i === focusedIndex && expanded,
-      level,
-      key: item.key
+      isFocused: i === focusedIndex,
+      key: item.key,
+      label,
+      level
     });
   }
   return visibleItems;
@@ -3264,7 +2849,10 @@ const renderMenus = (oldState, newState) => {
   } else if (difference < 0) {
     changes.push(['closeMenus', newLength]);
   }
-  return ['Viewlet.send', newState.uid, /* method */SetMenus, /* changes */changes, newState.uid];
+  const {
+    uid
+  } = newState;
+  return ['Viewlet.send', uid, /* method */SetMenus, /* changes */changes, uid];
 };
 
 const getIcon = assetDir => {
@@ -3273,50 +2861,50 @@ const getIcon = assetDir => {
 
 const getIconVirtualDom = (icon, type = Div) => {
   return {
-    type,
+    childCount: 0,
     className: `MaskIcon MaskIcon${icon}`,
     role: None$1,
-    childCount: 0
+    type
   };
 };
 
 const createTitleBarButton = button => {
   const {
-    id,
     icon,
+    id,
     label,
     onClick
   } = button;
   const dom = [{
-    type: Button$1,
-    className: `TitleBarButton TitleBarButton${id}`,
     ariaLabel: label,
     childCount: 1,
-    onClick
+    className: `TitleBarButton TitleBarButton${id}`,
+    onClick,
+    type: Button$1
   }, getIconVirtualDom(icon, I)];
   return dom;
 };
 
 const getTitleBarButtonsVirtualDom = buttons => {
   return [{
-    type: Div,
+    childCount: buttons.length,
     className: mergeClassNames(Viewlet, TitleBarButtons),
-    childCount: buttons.length
+    type: Div
   }, ...buttons.flatMap(createTitleBarButton)];
 };
 
 const parentNode$1 = {
-  type: Div,
+  childCount: 1,
   className: mergeClassNames(Viewlet, TitleBarIcon),
-  childCount: 1
+  type: Div
 };
 const getTitleBarIconVirtualDom = iconSrc => {
   return [parentNode$1, {
-    type: Img,
+    alt: '',
+    childCount: 0,
     className: TitleBarIconIcon,
     src: iconSrc,
-    alt: '',
-    childCount: 0
+    type: Img
   }];
 };
 
@@ -3335,21 +2923,22 @@ const HandleContextMenu = 11;
 const getItemVirtualDom = item => {
   // @ts-ignore
   const {
-    keyboardShortCut,
-    label,
+    isFocused,
     isOpen,
-    isFocused
+    keyboardShortCut,
+    label
   } = item;
   // TODO avoid mutation
   const dom = [{
-    type: Button$1,
-    className: TitleBarTopLevelEntry,
-    ariaHasPopup: true,
     ariaExpanded: isOpen,
-    role: MenuItem$1,
-    childCount: 1,
+    ariaHasPopup: true,
     ariaKeyShortcuts: keyboardShortCut,
-    name: label // TODO have separate name attribute
+    childCount: 1,
+    className: TitleBarTopLevelEntry,
+    name: label,
+    // TODO have separate name attribute
+    role: MenuItem$1,
+    type: Button$1
   }];
   if (isOpen) {
     // @ts-ignore
@@ -3360,9 +2949,9 @@ const getItemVirtualDom = item => {
     // @ts-ignore
     dom[0].id = 'TitleBarEntryActive';
     dom.push({
-      type: Div,
+      childCount: 1,
       className: TitleBarTopLevelEntryLabel,
-      childCount: 1
+      type: Div
     });
   }
   dom.push(text(label));
@@ -3376,24 +2965,24 @@ const getTitleBarMenuBarItemsVirtualDom = visibleItems => {
 const activeId = 'TitleBarEntryActive';
 const getTitleBarMenuBarVirtualDom = (visibleItems, focusedIndex) => {
   return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, TitleBarMenuBar),
-    role: MenuBar,
-    tabIndex: 0,
+    ariaActivedescendant: focusedIndex === -1 ? '' : activeId,
     childCount: visibleItems.length,
-    onMouseDown: HandleClick,
-    onFocusOut: HandleFocusOut,
+    className: mergeClassNames(Viewlet, TitleBarMenuBar),
     onFocusIn: HandleFocusIn,
-    onPointerOver: HandlePointerOver,
+    onFocusOut: HandleFocusOut,
+    onMouseDown: HandleClick,
     onPointerOut: HandlePointerOut,
-    ariaActivedescendant: focusedIndex === -1 ? '' : activeId
+    onPointerOver: HandlePointerOver,
+    role: MenuBar$1,
+    tabIndex: 0,
+    type: Div
   }, ...getTitleBarMenuBarItemsVirtualDom(visibleItems)];
 };
 
 const parentNode = {
-  type: Div,
+  childCount: 1,
   className: 'TitleBarTitle',
-  childCount: 1
+  type: Div
 };
 const getTitleVirtualDom = title => {
   return [parentNode, text(title)];
@@ -3416,8 +3005,8 @@ const getVisibleTitleBarEntries = (entries, width, focusedIndex, isMenuOpen) =>
     const isFocused = i === focusedIndex;
     visible.push({
       ...entry,
-      isOpen,
-      isFocused
+      isFocused,
+      isOpen
     });
   }
   const hasOverflow = visible.length < entries.length;
@@ -3441,21 +3030,21 @@ const getVisibleTitleBarEntries = (entries, width, focusedIndex, isMenuOpen) =>
 
 const getTitleBarVirtualDom = state => {
   const {
-    titleBarEntries,
-    width,
+    assetDir,
     focusedIndex,
     isMenuOpen,
-    assetDir,
     title,
-    titleBarButtons
+    titleBarButtons,
+    titleBarEntries,
+    width
   } = state;
   const dom = [{
-    type: Div,
+    ariaLabel: 'Title Bar',
+    childCount: 4,
     className: 'Viewlet TitleBar',
     id: 'TitleBar',
     role: ContentInfo,
-    ariaLabel: 'Title Bar',
-    childCount: 4
+    type: Div
   }];
 
   // Add icon if enabled
@@ -3506,10 +3095,10 @@ const getRenderer3 = diffType => {
 
 const render3 = async (uid, diffResult) => {
   const {
-    oldState,
-    newState
-  } = get$1(uid);
-  set$3(uid, newState, newState);
+    newState,
+    oldState
+  } = get(uid);
+  set(uid, newState, newState);
   const commands = [];
   for (const item of diffResult) {
     const fn = getRenderer3(item);
@@ -3573,10 +3162,10 @@ const resize = async (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
-    x: menuBarX,
-    y: menuBarY,
+    height: menuBarHeight,
     width: menuBarWidth,
-    height: menuBarHeight
+    x: menuBarX,
+    y: menuBarY
   };
 };
 
@@ -3589,9 +3178,18 @@ const saveState = state => {
   };
 };
 
+const setPlatform = (state, platform) => {
+  return {
+    ...state,
+    platform
+  };
+};
+
 const showCommandCenter = async state => {
-  // TODO
-  return state;
+  return {
+    ...state,
+    commandCenterEnabled: true
+  };
 };
 
 const showMenuBar = async state => {
@@ -3604,24 +3202,24 @@ const showMenuBar = async state => {
 const create = (id, uri, x, y, width, height) => {
   const state = {
     ...createDefaultState(),
-    uid: id,
-    titleBarEntries: [],
     focusedIndex: -1,
+    height,
+    iconWidth: 30,
     isMenuOpen: false,
-    menus: [],
-    labelFontWeight: 400,
-    labelFontSize: 13,
     labelFontFamily: 'system-ui, Ubuntu, Droid Sans, sans-serif',
-    labelPadding: 8,
+    labelFontSize: 13,
+    labelFontWeight: 400,
     labelLetterSpacing: 0,
+    labelPadding: 8,
+    menus: [],
+    titleBarEntries: [],
     titleBarHeight: height,
-    x,
-    y,
+    uid: id,
     width,
-    height,
-    iconWidth: 30
+    x,
+    y
   };
-  set$3(id, state, state);
+  set(id, state, state);
   return state;
 };
 
@@ -3635,9 +3233,9 @@ const closeMenu = (state, keepFocus) => {
   const newFocusedIndex = keepFocus ? focusedIndex : -1;
   return {
     ...state,
-    menus: [],
+    focusedIndex: newFocusedIndex,
     isMenuOpen: false,
-    focusedIndex: newFocusedIndex
+    menus: []
   };
 };
 
@@ -3673,8 +3271,8 @@ const focusLast = state => {
 
 const focusNext = state => {
   const {
-    titleBarEntries,
-    focusedIndex
+    focusedIndex,
+    titleBarEntries
   } = state;
   const indexToFocus = next(titleBarEntries, focusedIndex);
   return focusIndex(state, indexToFocus);
@@ -3682,8 +3280,8 @@ const focusNext = state => {
 
 const focusPrevious = state => {
   const {
-    titleBarEntries,
-    focusedIndex
+    focusedIndex,
+    titleBarEntries
   } = state;
   const indexToFocus = previous(titleBarEntries, focusedIndex);
   return focusIndex(state, indexToFocus);
@@ -3693,8 +3291,8 @@ const LeftClick = 0;
 
 const toggleIndex = async (state, index) => {
   const {
-    isMenuOpen,
-    focusedIndex
+    focusedIndex,
+    isMenuOpen
   } = state;
   if (isMenuOpen && focusedIndex === index) {
     return closeMenu(state, /* keepFocus */true);
@@ -3714,9 +3312,9 @@ const handleClick = async (state, button, index) => {
 
 const handleClickAt = async (state, button, eventX, eventY) => {
   const {
+    iconWidth,
     titleBarEntries,
-    x,
-    iconWidth
+    x
   } = state;
   const menuOffset = getMenuOffset(x, eventX, iconWidth);
   const index = getTitleBarIndexFromPosition(titleBarEntries, menuOffset);
@@ -3812,8 +3410,8 @@ const handleKeyArrowRightMenuOpen = async state => {
   // if menu can open sub menu to the right -> do that
   const menu = menus.at(-1);
   const {
-    items,
     focusedIndex,
+    items,
     x,
     y
   } = menu;
@@ -3824,11 +3422,11 @@ const handleKeyArrowRightMenuOpen = async state => {
   if (item.flags === SubMenu) {
     const subMenuEntries = await getMenuEntries(item.id);
     const subMenu = {
-      level: menus.length,
-      items: subMenuEntries,
       focusedIndex: 0,
-      y: y + focusedIndex * 25,
-      x: x + MENU_WIDTH
+      items: subMenuEntries,
+      level: menus.length,
+      x: x + MENU_WIDTH,
+      y: y + focusedIndex * 25
     };
     const newParentMenu = {
       ...menu,
@@ -3954,9 +3552,9 @@ const selectIndexNone = async (state, item) => {
   await executeMenuItemCommand(item);
   return {
     ...state,
-    menus: [],
+    focusedIndex: -1,
     isMenuOpen: false,
-    focusedIndex: -1
+    menus: []
   };
 };
 
@@ -3964,8 +3562,8 @@ const selectIndexRestoreFocus = async (state, item) => {
   await executeMenuItemCommand(item);
   return {
     ...state,
-    menus: [],
-    isMenuOpen: false
+    isMenuOpen: false,
+    menus: []
   };
 };
 
@@ -3975,16 +3573,16 @@ const selectIndexSubMenu = async (state, menu, index) => {
   } = state;
   const {
     items,
+    level,
     x,
-    y,
-    level
+    y
   } = menu;
   const item = items[index];
   const subMenuEntries = await getMenuEntries(item.id);
   const subMenu = {
-    level: menus.length,
-    items: subMenuEntries,
     focusedIndex: -1,
+    items: subMenuEntries,
+    level: menus.length,
     x: x + MENU_WIDTH,
     y: y + index * 25
   };
@@ -4009,14 +3607,14 @@ const handleMenuClick = async (state, level, index) => {
     return state;
   }
   switch (item.flags) {
+    case Ignore:
+      return selectIndexIgnore(state, item);
     case None:
       return selectIndexNone(state, item);
-    case SubMenu:
-      return selectIndexSubMenu(state, menu, index);
     case RestoreFocus:
       return selectIndexRestoreFocus(state, item);
-    case Ignore:
-      return selectIndexIgnore(state, item);
+    case SubMenu:
+      return selectIndexSubMenu(state, menu, index);
     default:
       return state;
   }
@@ -4031,10 +3629,10 @@ const handleMenuMouseOver = async (state, level, index) => {
   } = state;
   const menu = menus[level];
   const {
-    items,
     focusedIndex,
-    y,
-    x
+    items,
+    x,
+    y
   } = menu;
   const item = items[index];
   if (focusedIndex === index) {
@@ -4071,11 +3669,11 @@ const handleMenuMouseOver = async (state, level, index) => {
     const item = items[index];
     const subMenuEntries = await getMenuEntries(item.id);
     const subMenu = {
-      level: menus.length,
-      items: subMenuEntries,
       focusedIndex: -1,
-      y: y + index * 25,
-      x: x + MENU_WIDTH
+      items: subMenuEntries,
+      level: menus.length,
+      x: x + MENU_WIDTH,
+      y: y + index * 25
     };
     const newParentMenu = {
       ...menu,
@@ -4122,11 +3720,9 @@ const commandMap = {
   'TitleBar.focusPrevious': wrapCommand(focusPrevious),
   'TitleBar.getCommandIds': getCommandIds,
   'TitleBar.getCommands': getCommandIds,
-  'TitleBar.getKeyBindings': getKeyBindings$1,
-  'TitleBar.getMenuEntries': getMenuEntries$1,
+  'TitleBar.getKeyBindings': getKeyBindings,
   'TitleBar.getMenuEntries2': getMenuEntries2,
   'TitleBar.getMenuIds': getMenuIds,
-  'TitleBar.getMenus': getMenus,
   'TitleBar.handleButtonsClick': handleClick$1,
   'TitleBar.handleClick': wrapCommand(handleClick),
   'TitleBar.handleClickAt': wrapCommand(handleClickAt),
@@ -4158,6 +3754,7 @@ const commandMap = {
   'TitleBar.renderEventListeners': renderEventListeners,
   'TitleBar.resize': wrapCommand(resize),
   'TitleBar.saveState': wrapGetter(saveState),
+  'TitleBar.setPlatform': wrapCommand(setPlatform),
   'TitleBar.showCommandCenter': wrapCommand(showCommandCenter),
   'TitleBar.showMenuBar': wrapCommand(showMenuBar),
   'TitleBar.terminate': terminate,
@@ -4165,23 +3762,12 @@ const commandMap = {
   'TitleBar.toggleMenu': wrapCommand(toggleMenu)
 };
 
-// deprecated, can be removed in the future.
-// currently enabled for backwards compatability
-for (const [key, value] of Object.entries(commandMap)) {
-  const [prefix, name] = key.split('.');
-  if (prefix === 'TitleBar') {
-    const alternate = `TitleBarMenuBar.${name}`;
-    // @ts-ignore
-    commandMap[alternate] = value;
-  }
-}
-
 const listen = async () => {
   registerCommands(commandMap);
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set(rpc);
+  set$1(rpc);
 };
 
 const main = async () => {