@lvce-editor/title-bar-worker 2.29.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: [],
-  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$1 = 'Menu Bar';
-const CommandCenter = 'Command Center';
-const Edit$2 = 'Edit';
-const File$3 = 'File';
-const Go$2 = 'Go';
-const Help$2 = 'Help';
-const Maximize = 'Maximize';
-const Minimize = 'Minimize';
-const MoreDot = 'More ...';
-const NewTerminal = 'New Terminal';
-const OpenProcessExplorer = 'Open Process Explorer';
-const Run$2 = 'Run';
-const Selection$2 = 'Selection';
-const Terminal$2 = 'Terminal';
-const ToggleDeveloperTools = 'Toggle Developer Tools';
-const View$2 = 'View';
-
-const file = () => {
-  return i18nString(File$3);
-};
-const edit = () => {
-  return i18nString(Edit$2);
-};
-const selection = () => {
-  return i18nString(Selection$2);
-};
-const view = () => {
-  return i18nString(View$2);
-};
-const go = () => {
-  return i18nString(Go$2);
-};
-const run = () => {
-  return i18nString(Run$2);
-};
-const terminal = () => {
-  return i18nString(Terminal$2);
-};
-const help = () => {
-  return i18nString(Help$2);
-};
-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 [{
-      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 getTitleBarButtonsRemote = () => {
-  return [];
-};
-
-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: get$1,
-  getCommandIds,
-  registerCommands,
-  set: set$3,
-  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(),
-    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$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 {
-    newState,
-    oldState
-  } = 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 {
-    newState,
-    oldState
-  } = 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,38 +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 Edit$1 = 2;
-const File$2 = 5;
-const Go$1 = 6;
-const Help$1 = 7;
-const OpenRecent$1 = 9;
-const Run$1 = 10;
-const Selection$1 = 11;
-const Terminal$1 = 14;
-const TitleBar$1 = 15;
-const View$1 = 16;
+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 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 getTitleBarButtonsRemote = () => {
+  return [];
+};
+
+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 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 DebugWorker = 55;
-const RendererWorker$1 = 1;
+const isEqual$1 = (oldState, newState) => {
+  return oldState.menus === newState.menus;
+};
 
-const FocusTitleBarMenuBar = 26;
+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(' ');
@@ -1589,7 +1604,7 @@ const text = data => {
   };
 };
 
-const getKeyBindings$1 = () => {
+const getKeyBindings = () => {
   return [{
     command: 'TitleBar.handleKeyArrowDown',
     key: DownArrow$1,
@@ -1658,6 +1673,11 @@ const getMenuEntriesTitleBarContextMenu = async state => {
   }];
 };
 
+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}
  */
@@ -1712,17 +1732,6 @@ 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 = {
   command: '',
   flags: Separator,
@@ -1730,8 +1739,7 @@ const menuEntrySeparator = {
   label: ''
 };
 
-const id$9 = Edit;
-const getMenuEntries$d = () => {
+const getMenuEntries$c = () => {
   return [{
     command: /* TODO */'-1',
     flags: Disabled,
@@ -1770,12 +1778,6 @@ const getMenuEntries$d = () => {
   }];
 };
 
-const MenuEntriesEdit = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$d,
-  id: id$9
-};
-
 /**
  * @enum {string}
  */
@@ -1813,15 +1815,24 @@ const exit = () => {
   return i18nString(UiStrings.Exit);
 };
 
-const id$8 = File$1;
-const getMenuEntries$c = platform => {
+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 */'Window.openNew',
+    command: 'Window.openNew',
     flags: None,
     id: 'newWindow',
     label: newWindow()
@@ -1862,23 +1873,10 @@ const getMenuEntries$c = platform => {
   return entries;
 };
 
-const MenuEntriesFile = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$c,
-  id: id$8
-};
-
-const id$7 = Go;
-const getMenuEntries$b = () => {
+const getMenuEntries$a = () => {
   return [];
 };
 
-const MenuEntriesGo = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$b,
-  id: id$7
-};
-
 const toggleDeveloperTools = () => {
   return i18nString(ToggleDeveloperTools);
 };
@@ -1899,8 +1897,7 @@ const isAutoUpdateSupported = platform => {
   return false;
 };
 
-const id$6 = Help;
-const getMenuEntries$a = async platform => {
+const getMenuEntries$9 = async platform => {
   const autoUpdateSupported = isAutoUpdateSupported(platform);
   const entries = [];
   if (platform !== Web) {
@@ -1936,409 +1933,6 @@ const getMenuEntries$a = async platform => {
   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 uninstallExtension = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
-};
-const installExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.install', id);
-};
-const openExtensionSearch = async () => {
-  // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
-};
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue, Script);
-};
-const openExternal = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
-};
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
-};
-const getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke$1('Preferences.getAll');
-};
-const showSaveFilePicker = async () => {
-  // @ts-ignore
-  return invoke$1('FilePicker.showSaveFilePicker');
-};
-const getLogsDir = async () => {
-  // @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,
-  showContextMenu2,
-  showErrorDialog,
-  showMessageBox,
-  showSaveFilePicker,
-  uninstallExtension,
-  unregisterWebViewInterceptor,
-  writeClipBoardImage,
-  writeClipBoardText
-};
-
-const {
-  invoke,
-  set
-} = RendererWorker;
-
 const getRecentlyOpened = () => {
   return invoke(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
@@ -2377,8 +1971,7 @@ const toMenuItem = folder => {
     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 = [];
@@ -2398,209 +1991,80 @@ const getMenuEntries$9 = async () => {
   });
   return items;
 };
-
-const MenuEntriesOpenRecent = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$9,
-  id: id$5
-};
-
-const id$4 = Run;
-const getMenuEntries$8 = () => {
-  return [];
-};
-
-const MenuEntriesRun = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$8,
-  id: id$4
-};
-
-const id$3 = Selection;
-const getMenuEntries$7 = () => {
-  return [{
-    command: 'Editor.selectAll',
-    flags: None,
-    id: 'selectAll',
-    label: selectAll()
-  }, {
-    command: 'Editor.copyLineUp',
-    flags: None,
-    id: 'copyLineUp',
-    label: copyLineUp()
-  }, {
-    command: 'Editor.copyLineDown',
-    flags: None,
-    id: 'copyLineDown',
-    label: copyLineDown()
-  }, {
-    command: 'Editor.moveLineUp',
-    flags: Disabled,
-    id: 'moveLineUp',
-    label: moveLineUp()
-  }, {
-    command: 'Editor.moveLineDown',
-    flags: Disabled,
-    id: 'moveLineDown',
-    label: moveLineDown()
-  }];
-};
-
-const MenuEntriesSelection = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$7,
-  id: id$3
-};
-
-const id$2 = Terminal;
-const getMenuEntries$6 = () => {
-  return [{
-    args: ['Terminal'],
-    command: 'Layout.togglePanel',
-    flags: None,
-    id: 'newTerminal',
-    label: i18nString(NewTerminal)
-  }];
-};
-
-const MenuEntriesTerminal = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$6,
-  id: id$2
-};
-
-const getMenuEntries$5 = () => {
-  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$7 = () => {
+  return [];
 };
 
-const getMenuEntries$4 = () => {
+const getMenuEntries$6 = () => {
   return [{
-    command: '',
-    flags: None,
-    id: File$1,
-    label: file()
-  }, {
-    command: '',
+    command: 'Editor.selectAll',
     flags: None,
-    id: Edit,
-    label: edit()
+    id: 'selectAll',
+    label: selectAll()
   }, {
-    command: '',
+    command: 'Editor.copyLineUp',
     flags: None,
-    id: Selection,
-    label: selection()
+    id: 'copyLineUp',
+    label: copyLineUp()
   }, {
-    command: '',
+    command: 'Editor.copyLineDown',
     flags: None,
-    id: View,
-    label: view()
+    id: 'copyLineDown',
+    label: copyLineDown()
   }, {
-    command: '',
-    flags: None,
-    id: Go,
-    label: go()
+    command: 'Editor.moveLineUp',
+    flags: Disabled,
+    id: 'moveLineUp',
+    label: moveLineUp()
   }, {
-    command: '',
-    flags: None,
-    id: Help,
-    label: help()
+    command: 'Editor.moveLineDown',
+    flags: Disabled,
+    id: 'moveLineDown',
+    label: moveLineDown()
   }];
 };
 
-const getFn$1 = platform => {
-  switch (platform) {
-    case Web:
-      return getMenuEntries$4;
-    default:
-      return getMenuEntries$5;
-  }
-};
-const id$1 = TitleBar;
-const getMenuEntries$3 = async platform => {
-  const fn = getFn$1(platform);
-  return fn();
-};
-
-const MenuEntriesTitleBar = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$3,
-  id: id$1
+const getMenuEntries$5 = () => {
+  return [{
+    args: ['Terminal'],
+    command: 'Layout.togglePanel',
+    flags: None,
+    id: 'newTerminal',
+    label: i18nString(NewTerminal)
+  }];
 };
 
-const id = View;
-const getMenuEntries$2 = () => {
+const getMenuEntries$4 = () => {
   return [];
 };
 
-const MenuEntriesView = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$2,
-  id
-};
-
-const menus = [MenuEntriesEdit, MenuEntriesFile, MenuEntriesGo, MenuEntriesHelp, MenuEntriesRun, MenuEntriesSelection, MenuEntriesTerminal, MenuEntriesTitleBar, MenuEntriesView, MenuEntriesOpenRecent];
-
-const MenuIdTitleBarContextMenu = 50;
-const getMenuIds = () => {
-  return [...menus.map(menu => menu.id), MenuIdTitleBarContextMenu];
-};
-const getMenuEntries$1 = async (id, platform) => {
-  const menu = menus.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 () => {
@@ -2645,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) => {
@@ -2684,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;
@@ -2765,52 +2230,10 @@ const getIndexToFocusNext = menu => {
 
 // TODO more tests
 
-/**
- * @deprecated
- * @returns
- */
-const getMenus = () => {
-  return [];
-};
-const getFn = id => {
-  switch (id) {
-    case Edit$1:
-      return getMenuEntries$d;
-    case File$2:
-      return getMenuEntries$c;
-    case Go$1:
-      return getMenuEntries$b;
-    case Help$1:
-      return getMenuEntries$a;
-    case OpenRecent$1:
-      return getMenuEntries$9;
-    case Run$1:
-      return getMenuEntries$8;
-    case Selection$1:
-      return getMenuEntries$7;
-    case Terminal$1:
-      return getMenuEntries$6;
-    case TitleBar$1:
-      return getMenuEntries$3;
-    case View$1:
-      return getMenuEntries$2;
-    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 openMenuAtIndex = async (state, index, shouldBeFocused) => {
   const {
     iconWidth,
+    platform,
     titleBarEntries,
     titleBarHeight,
     x
@@ -2823,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;
@@ -2934,8 +2360,10 @@ const handlePointerOver = (state, name) => {
 };
 
 const hideCommandCenter = async state => {
-  // TODO
-  return state;
+  return {
+    ...state,
+    commandCenterEnabled: false
+  };
 };
 
 const hideMenuBar = async state => {
@@ -3009,6 +2437,136 @@ 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 {
     controlsOverlayEnabled,
@@ -3020,10 +2578,9 @@ const loadContent2 = async state => {
     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;
@@ -3292,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 => {
@@ -3413,7 +2973,7 @@ const getTitleBarMenuBarVirtualDom = (visibleItems, focusedIndex) => {
     onMouseDown: HandleClick,
     onPointerOut: HandlePointerOut,
     onPointerOver: HandlePointerOver,
-    role: MenuBar,
+    role: MenuBar$1,
     tabIndex: 0,
     type: Div
   }, ...getTitleBarMenuBarItemsVirtualDom(visibleItems)];
@@ -3537,8 +3097,8 @@ const render3 = async (uid, diffResult) => {
   const {
     newState,
     oldState
-  } = get$1(uid);
-  set$3(uid, newState, newState);
+  } = get(uid);
+  set(uid, newState, newState);
   const commands = [];
   for (const item of diffResult) {
     const fn = getRenderer3(item);
@@ -3618,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 => {
@@ -3650,7 +3219,7 @@ const create = (id, uri, x, y, width, height) => {
     x,
     y
   };
-  set$3(id, state, state);
+  set(id, state, state);
   return state;
 };
 
@@ -4136,7 +3705,6 @@ const toggleMenu = async state => {
   return openMenu(state, /* focus */false);
 };
 
-/* eslint-disable @typescript-eslint/no-deprecated */
 const commandMap = {
   'TitleBar.closeMenu': closeMenu,
   'TitleBar.create': create,
@@ -4152,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),
@@ -4188,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,
@@ -4195,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 () => {