@lvce-editor/title-bar-worker 4.24.0 → 4.25.1

package/dist/titleBarWorkerMain.js

@@ -54,6 +54,61 @@ class VError extends Error {
   }
 }
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String$1 = 4;
+const Boolean$1 = 5;
+const Function = 6;
+const Null = 7;
+const Unknown$1 = 8;
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return Number$1;
+    case 'function':
+      return Function;
+    case 'string':
+      return String$1;
+    case 'object':
+      if (value === null) {
+        return Null;
+      }
+      if (Array.isArray(value)) {
+        return Array$1;
+      }
+      return Object$1;
+    case 'boolean':
+      return Boolean$1;
+    default:
+      return Unknown$1;
+  }
+};
+const object = value => {
+  const type = getType(value);
+  if (type !== Object$1) {
+    throw new AssertionError('expected value to be of type object');
+  }
+};
+const number = value => {
+  const type = getType(value);
+  if (type !== Number$1) {
+    throw new AssertionError('expected value to be of type number');
+  }
+};
+const array = value => {
+  const type = getType(value);
+  if (type !== Array$1) {
+    throw new AssertionError('expected value to be of type array');
+  }
+};
+
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -602,6 +657,9 @@ const restoreExistingError = (error, currentStack) => {
 };
 const restoreMethodNotFoundError = (error, currentStack) => {
   const restoredError = new JsonRpcError(error.message);
+  Object.assign(restoredError, {
+    code: error.code
+  });
   const parentStack = getParentStack(error);
   setStack(restoredError, `${parentStack}${NewLine}${currentStack}`);
   return restoredError;
@@ -621,9 +679,13 @@ const applyDataProperties = (restoredError, error) => {
     // @ts-ignore
     restoredError.codeFrame = error.data.codeFrame;
   }
-  if (error.data.code) {
+  if (typeof error.data.code === 'string' || typeof error.data.code === 'number') {
     // @ts-ignore
-    restoredError.code = error.data.code;
+    Object.defineProperty(restoredError, 'code', {
+      configurable: true,
+      value: error.data.code,
+      writable: true
+    });
   }
   if (error.data.type) {
     // @ts-ignore
@@ -644,7 +706,14 @@ const applyDirectProperties = (restoredError, error) => {
   }
 };
 const restoreMessageError = (error, _currentStack) => {
-  const restoredError = constructError(error.message, error.type, error.name);
+  const restoredError = constructError(error.message, error.type || error.data?.type, error.name);
+  if (typeof error.code === 'string' || typeof error.code === 'number') {
+    Object.defineProperty(restoredError, 'code', {
+      configurable: true,
+      value: error.code,
+      writable: true
+    });
+  }
   if (error.data) {
     applyDataProperties(restoredError, error);
   } else {
@@ -723,9 +792,9 @@ const getErrorProperty = (error, prettyError) => {
   return {
     code: Custom,
     data: {
-      code: prettyError.code,
+      code: prettyError.code ?? error?.code,
       codeFrame: prettyError.codeFrame,
-      name: prettyError.name,
+      name: prettyError.name ?? error?.name,
       stack: getStack(prettyError),
       type: getErrorType(prettyError)
     },
@@ -745,7 +814,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$9 = (message, result) => {
+const create$a = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -754,13 +823,18 @@ const create$9 = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$9(message, resultProperty);
+  return create$a(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
     error: {
       code: Custom,
-      data: error,
+      data: error instanceof Error ? {
+        ...error,
+        code: 'code' in error ? error.code : undefined,
+        stack: error.stack,
+        type: error.name
+      } : error,
       // @ts-ignore
       message: error.message
     },
@@ -848,7 +922,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$8 = (method, params) => {
+const create$9 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -856,7 +930,7 @@ const create$8 = (method, params) => {
   };
 };
 
-const create$7 = (id, method, params) => {
+const create$8 = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -867,12 +941,12 @@ const create$7 = (id, method, params) => {
 };
 
 let id = 0;
-const create$6 = () => {
+const create$7 = () => {
   return ++id;
 };
 
 const registerPromise = map => {
-  const id = create$6();
+  const id = create$7();
   const {
     promise,
     resolve
@@ -889,7 +963,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$7(id, method, params);
+  const message = create$8(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -925,7 +999,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$8(method, params);
+      const message = create$9(method, params);
       ipc.send(message);
     }
   };
@@ -965,7 +1039,7 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
-const create$5 = async ({
+const create$6 = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -983,7 +1057,7 @@ const create$5 = async ({
   return rpc;
 };
 
-const create$4 = async ({
+const create$5 = async ({
   commandMap,
   isMessagePortOpen,
   send
@@ -993,13 +1067,55 @@ const create$4 = async ({
     port2
   } = new MessageChannel();
   await send(port1);
-  return create$5({
+  return create$6({
     commandMap,
     isMessagePortOpen,
     messagePort: port2
   });
 };
 
+const createSharedLazyRpc = factory => {
+  let rpcPromise;
+  const getOrCreate = () => {
+    if (!rpcPromise) {
+      rpcPromise = factory();
+    }
+    return rpcPromise;
+  };
+  return {
+    async dispose() {
+      const rpc = await getOrCreate();
+      await rpc.dispose();
+    },
+    async invoke(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invoke(method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    async send(method, ...params) {
+      const rpc = await getOrCreate();
+      rpc.send(method, ...params);
+    }
+  };
+};
+
+const create$4 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  return createSharedLazyRpc(() => {
+    return create$5({
+      commandMap,
+      isMessagePortOpen,
+      send
+    });
+  });
+};
+
 const create$3 = async ({
   commandMap
 }) => {
@@ -1032,7 +1148,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$4 = (id, rpc) => {
+const set$5 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$1 = id => {
@@ -1065,7 +1181,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$4(rpcId, mockRpc);
+      set$5(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1074,7 +1190,7 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$4(rpcId, rpc);
+      set$5(rpcId, rpc);
     }
   };
 };
@@ -1328,7 +1444,7 @@ const Backslash$2 = 91;
 const Star$1 = 131;
 const Plus$1 = 132;
 
-const Unknown$1 = 'Unknown';
+const Unknown = 'Unknown';
 const Backspace = 'Backspace';
 const Tab = 'Tab';
 const Enter = 'Enter';
@@ -1461,7 +1577,7 @@ const keyCodeStringMap = {
   [UpArrow$1]: UpArrow
 };
 const getKeyCodeString = keyCode => {
-  return keyCodeStringMap[keyCode] || Unknown$1;
+  return keyCodeStringMap[keyCode] || Unknown;
 };
 
 const CtrlCmd = 1 << 11 >>> 0;
@@ -1495,6 +1611,7 @@ const parseKey = rawKey => {
 
 const Electron$1 = 2;
 
+const MainProcess = -5;
 const RendererProcess = 1670;
 const RendererWorker = 1;
 
@@ -1504,66 +1621,16 @@ const SetFocusContext = 'Viewlet.setFocusContext';
 
 const FocusTitleBarMenuBar = 26;
 
+const {
+  invoke: invoke$3,
+  set: set$4
+} = create$2(MainProcess);
+
 const {
   invoke: invoke$2,
   set: set$3
 } = create$2(RendererProcess);
 
-class AssertionError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'AssertionError';
-  }
-}
-const Object$1 = 1;
-const Number$1 = 2;
-const Array$1 = 3;
-const String$1 = 4;
-const Boolean$1 = 5;
-const Function = 6;
-const Null = 7;
-const Unknown = 8;
-const getType = value => {
-  switch (typeof value) {
-    case 'number':
-      return Number$1;
-    case 'function':
-      return Function;
-    case 'string':
-      return String$1;
-    case 'object':
-      if (value === null) {
-        return Null;
-      }
-      if (Array.isArray(value)) {
-        return Array$1;
-      }
-      return Object$1;
-    case 'boolean':
-      return Boolean$1;
-    default:
-      return Unknown;
-  }
-};
-const object = value => {
-  const type = getType(value);
-  if (type !== Object$1) {
-    throw new AssertionError('expected value to be of type object');
-  }
-};
-const number = value => {
-  const type = getType(value);
-  if (type !== Number$1) {
-    throw new AssertionError('expected value to be of type number');
-  }
-};
-const array = value => {
-  const type = getType(value);
-  if (type !== Array$1) {
-    throw new AssertionError('expected value to be of type array');
-  }
-};
-
 const {
   invoke: invoke$1,
   invokeAndTransfer,
@@ -1580,9 +1647,6 @@ const sendMessagePortToTextMeasurementWorker = async port => {
   const command = 'TextMeasurement.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToTextMeasurementWorker', port, command, 0);
 };
-const getWindowId$1 = async () => {
-  return invoke$1('GetWindowId.getWindowId');
-};
 const minimizeWindow = async () => {
   return invoke$1('ElectronWindow.minimize');
 };
@@ -2116,8 +2180,9 @@ const {
   getCommandIds,
   registerCommands,
   set: set$1,
-  wrapCommand,
-  wrapGetter
+  wrapCommand: wrapNotification,
+  wrapGetter,
+  wrapSerialCommand: wrapCommand
 } = create$1();
 
 const create3 = (id, uri, x, y, width, height, platform, controlsOverlayEnabled, titleBarStyleCustom, assetDir) => {
@@ -2606,7 +2671,7 @@ const getMenuEntries$b = async (platform, autoSave$1, hasActiveTextEditor = fals
   const saveFlags = getSaveFlags(hasActiveTextEditor);
   const entries = [{
     command: 'Main.newFile',
-    flags: None,
+    flags: RestoreEditorFocus,
     id: 'newFile',
     label: newFile()
   }, {
@@ -3203,11 +3268,18 @@ const getEntryMap = async (state, menuIds, platform) => {
   return map;
 };
 
-// TODO cache window id
-
-const getWindowId = async () => {
-  const windowId = await getWindowId$1();
-  return windowId;
+const send = async port => {
+  await invokeAndTransfer('SendMessagePortToMainProcess.sendMessagePortToMainProcess', port, 'HandleElectronMessagePort.handleElectronMessagePort', 0);
+};
+const initializeMainProcess = async () => {
+  if (get$1(MainProcess)) {
+    return;
+  }
+  const rpc = await create$4({
+    commandMap: {},
+    send
+  });
+  set$4(rpc);
 };
 
 // based on https://www.electronjs.org/docs/latest/api/menu-item#new-menuitemoptions
@@ -3349,8 +3421,8 @@ const toElectronMenu = (map, rootId) => {
 };
 
 const setItems = async items => {
-  const windowId = await getWindowId();
-  return invoke$1('WebView.compatSharedProcessInvoke', 'ElectronApplicationMenu.setItems', windowId, items);
+  await initializeMainProcess();
+  return invoke$3('ElectronApplicationMenu.setItems', items);
 };
 const hydrate = async state => {
   const {
@@ -3753,164 +3825,47 @@ const handleClick$1 = async (state, buttonName) => {
   return state;
 };
 
-const commandCenterItems = [{
-  command: 'QuickPick.showFile',
-  label: 'Go to File'
-}, {
-  command: 'QuickPick.showCommands',
-  label: 'Show and Run Commands'
-}, {
-  args: ['Search'],
-  command: 'Layout.openSideBarViewlet',
-  label: 'Search for Text'
-}, {
-  args: ['symbol'],
-  command: 'QuickPick.show',
-  label: 'Go to Symbol in Editor'
-}, {
-  args: ['Run And Debug'],
-  command: 'Layout.openSideBarViewlet',
-  label: 'Start Debugging'
-}, {
-  command: 'QuickPick.showCommands',
-  label: 'Run Task'
-}, {
-  command: 'QuickPick.showEverything',
-  label: 'More'
-}];
-const handleCommandCenterClick = async state => {
-  await invoke$1('QuickPick.show', 'custom', commandCenterItems, undefined, {
-    executeItemCommand: true,
-    mode: 'quickPick',
-    placeholder: 'Search files by name (append : to go to line or @ to go to symbol)',
-    waitUntil: 'visible'
-  });
-  return state;
-};
-
-const handleCommandCenterKeyDown = async (state, key) => {
-  if (key !== 'Enter' && key !== ' ' && key !== 'Space') {
-    return state;
-  }
-  return handleCommandCenterClick(state);
-};
-
-const show2 = async (uid, menuId, x, y, args) => {
-  await showContextMenu2(uid, menuId, x, y, args);
-};
-
-const handleContextMenu = async (state, button, eventX, eventY) => {
+const getNavigableTitleBarEntries = state => {
   const {
-    uid
+    focusedIndex,
+    isMenuOpen,
+    titleBarEntries,
+    width
   } = state;
-  await show2(uid, MenuIdTitleBarContextMenu, eventX, eventY, {
-    menuId: MenuIdTitleBarContextMenu
-  });
-  return state;
+  return getVisibleTitleBarEntries(titleBarEntries, width, focusedIndex, isMenuOpen);
 };
 
-const handleElectronMenuClick = async (state, label) => {
+const LeftClick = 0;
+
+const closeMenu = (state, keepFocus) => {
   const {
-    commandMap
+    focused,
+    focusedIndex,
+    isMenuOpen,
+    menus
   } = state;
-  const commandPair = commandMap[label];
-  if (!commandPair) {
-    throw new Error(`no command found for ${label}`);
+  // TODO send to renderer process
+  // 1. close menu
+  // 2. focus top level entry
+  const newFocused = keepFocus ? focused : false;
+  const newFocusedIndex = keepFocus ? focusedIndex : -1;
+  if (!isMenuOpen && menus.length === 0 && focused === newFocused && focusedIndex === newFocusedIndex) {
+    return state;
   }
-  const {
-    args = [],
-    command
-  } = commandPair;
-  await invoke$1(command, ...args);
-  return state;
+  return {
+    ...state,
+    focused: newFocused,
+    focusedIndex: newFocusedIndex,
+    isMenuOpen: false,
+    menus: []
+  };
 };
 
-const state = {
-  connected: false
-};
-const isConnected = () => {
-  const {
-    connected
-  } = state;
-  return connected;
-};
-const invoke = (method, ...params) => {
-  return invoke$2(method, ...params);
-};
-const set = rpc => {
-  set$3(rpc);
-  state.connected = true;
-};
-
-const commandQueues = new Map();
-const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess = true) => {
-  const executeViewletCommand = async (uid, command, ...args) => {
-    const fn = viewletCommandMap[`TitleBar.${command}`];
-    if (typeof fn !== 'function') {
-      throw new TypeError(`Viewlet command not found: ${command}`);
-    }
-    const previous = commandQueues.get(uid);
-    const {
-      promise: next,
-      resolve
-    } = Promise.withResolvers();
-    commandQueues.set(uid, next);
-    if (previous) {
-      await previous;
-    }
-    try {
-      await fn(uid, ...args);
-      await invoke$1('Viewlet.requestRender', uid);
-    } finally {
-      resolve();
-      if (commandQueues.get(uid) === next) {
-        commandQueues.delete(uid);
-      }
-    }
-  };
-  const rpc = await create$5({
-    commandMap: {
-      'Viewlet.executeViewletCommand': executeViewletCommand
-    },
-    messagePort: port
-  });
-  if (setAsRendererProcess) {
-    set(rpc);
-  }
-};
-
-const getMenuOffset = (x, clientX, iconWidth) => {
-  return clientX - x - iconWidth;
-};
-
-const getNavigableTitleBarEntries = state => {
-  const {
-    focusedIndex,
-    isMenuOpen,
-    titleBarEntries,
-    width
-  } = state;
-  return getVisibleTitleBarEntries(titleBarEntries, width, focusedIndex, isMenuOpen);
-};
-
-const getTitleBarIndexFromPosition = (titleBarEntries, x, y) => {
-  let currentX = 0;
-  for (let i = 0; i < titleBarEntries.length; i++) {
-    const entry = titleBarEntries[i];
-    const entryWidth = entry.width;
-    if (x >= currentX && x < currentX + entryWidth) {
-      return i;
-    }
-    currentX += entryWidth;
-  }
-  return -1;
-};
-
-const toCommandInfo = entry => {
-  return {
-    args: entry.args,
-    command: entry.command
-  };
+const toCommandInfo = entry => {
+  return {
+    args: entry.args,
+    command: entry.command
+  };
 };
 const addMenuEntryKeyBindings = async entries => {
   try {
@@ -4093,6 +4048,180 @@ const openMenuAtIndex = async (state, index, shouldBeFocused) => {
   };
 };
 
+const toggleIndex = async (state, index) => {
+  const {
+    focusedIndex,
+    isMenuOpen
+  } = state;
+  if (isMenuOpen && focusedIndex === index) {
+    return closeMenu(state, /* keepFocus */true);
+  }
+  return openMenuAtIndex(state, index, /* focus */false);
+};
+
+const handleClick = async (state, button, index) => {
+  if (button !== LeftClick) {
+    return state;
+  }
+  if (index === -1) {
+    return state;
+  }
+  const newState = await toggleIndex(state, index);
+  return {
+    ...newState,
+    focused: true
+  };
+};
+
+const handleClickByName = async (state, button, name) => {
+  const entries = getNavigableTitleBarEntries(state);
+  const index = entries.findIndex(entry => entry.label === name);
+  return handleClick(state, button, index);
+};
+
+const commandCenterItems = [{
+  command: 'QuickPick.showFile',
+  label: 'Go to File'
+}, {
+  command: 'QuickPick.showCommands',
+  label: 'Show and Run Commands'
+}, {
+  args: ['Search'],
+  command: 'Layout.openSideBarViewlet',
+  label: 'Search for Text'
+}, {
+  args: ['symbol'],
+  command: 'QuickPick.show',
+  label: 'Go to Symbol in Editor'
+}, {
+  args: ['Run And Debug'],
+  command: 'Layout.openSideBarViewlet',
+  label: 'Start Debugging'
+}, {
+  command: 'QuickPick.showCommands',
+  label: 'Run Task'
+}, {
+  command: 'QuickPick.showEverything',
+  label: 'More'
+}];
+const handleCommandCenterClick = async state => {
+  await invoke$1('QuickPick.show', 'custom', commandCenterItems, undefined, {
+    executeItemCommand: true,
+    mode: 'quickPick',
+    placeholder: 'Search files by name (append : to go to line or @ to go to symbol)',
+    waitUntil: 'visible'
+  });
+  return state;
+};
+
+const handleCommandCenterKeyDown = async (state, key) => {
+  if (key !== 'Enter' && key !== ' ' && key !== 'Space') {
+    return state;
+  }
+  return handleCommandCenterClick(state);
+};
+
+const show2 = async (uid, menuId, x, y, args) => {
+  await showContextMenu2(uid, menuId, x, y, args);
+};
+
+const handleContextMenu = async (state, button, eventX, eventY) => {
+  const {
+    uid
+  } = state;
+  await show2(uid, MenuIdTitleBarContextMenu, eventX, eventY, {
+    menuId: MenuIdTitleBarContextMenu
+  });
+  return state;
+};
+
+const handleElectronMenuClick = async (state, label) => {
+  const {
+    commandMap
+  } = state;
+  const commandPair = commandMap[label];
+  if (!commandPair) {
+    throw new Error(`no command found for ${label}`);
+  }
+  const {
+    args = [],
+    command
+  } = commandPair;
+  await invoke$1(command, ...args);
+  return state;
+};
+
+const state = {
+  connected: false
+};
+const isConnected = () => {
+  const {
+    connected
+  } = state;
+  return connected;
+};
+const invoke = (method, ...params) => {
+  return invoke$2(method, ...params);
+};
+const set = rpc => {
+  set$3(rpc);
+  state.connected = true;
+};
+
+const commandQueues = new Map();
+const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess = true) => {
+  const executeViewletCommand = async (uid, command, ...args) => {
+    const fn = viewletCommandMap[`TitleBar.${command}`];
+    if (typeof fn !== 'function') {
+      throw new TypeError(`Viewlet command not found: ${command}`);
+    }
+    const previous = commandQueues.get(uid);
+    const {
+      promise: next,
+      resolve
+    } = Promise.withResolvers();
+    commandQueues.set(uid, next);
+    if (previous) {
+      await previous;
+    }
+    try {
+      await fn(uid, ...args);
+      await invoke$1('Viewlet.requestRender', uid);
+    } finally {
+      resolve();
+      if (commandQueues.get(uid) === next) {
+        commandQueues.delete(uid);
+      }
+    }
+  };
+  const rpc = await create$6({
+    commandMap: {
+      'Viewlet.executeViewletCommand': executeViewletCommand
+    },
+    messagePort: port
+  });
+  if (setAsRendererProcess) {
+    set(rpc);
+  }
+};
+
+const getMenuOffset = (x, clientX, iconWidth) => {
+  return clientX - x - iconWidth;
+};
+
+const getTitleBarIndexFromPosition = (titleBarEntries, x, y) => {
+  let currentX = 0;
+  for (let i = 0; i < titleBarEntries.length; i++) {
+    const entry = titleBarEntries[i];
+    const entryWidth = entry.width;
+    if (x >= currentX && x < currentX + entryWidth) {
+      return i;
+    }
+    currentX += entryWidth;
+  }
+  return -1;
+};
+
 const focusIndex = async (state, index) => {
   object(state);
   number(index);
@@ -4242,7 +4371,7 @@ const getTitle = (workspaceUri, titleTemplate, appName) => {
 };
 
 const launchTextMeasurementWorker = async () => {
-  const rpc = await create$4({
+  const rpc = await create$5({
     commandMap: {},
     async send(port) {
       await sendMessagePortToTextMeasurementWorker(port);
@@ -4286,7 +4415,9 @@ const handleWorkspaceChange = async (state, uri) => {
     labelFontSize,
     labelFontWeight,
     labelLetterSpacing,
-    titleTemplate
+    titleTemplate,
+    titleWidth: oldTitleWidth,
+    width
   } = state;
   const title = getTitle(uri, titleTemplate, appName);
   const titleWidth = await measureTitleWidth(title, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
@@ -4294,6 +4425,8 @@ const handleWorkspaceChange = async (state, uri) => {
     ...state,
     title,
     titleWidth,
+    // The title is centered, so half its width change becomes available to the menu.
+    width: width + (oldTitleWidth - titleWidth) / 2,
     workspaceUri: uri
   };
 };
@@ -4410,7 +4543,7 @@ const renderFocusedIndex = (oldState, newState) => {
   if (newState.focusedIndex === -1) {
     return [];
   }
-  return [FocusSelector, newState.uid, '.ViewletTitleBarMenuBar'];
+  return [FocusSelector, newState.uid, '.TitleBarMenuBar'];
 };
 
 const getKeyBindingString = (key, altKey, ctrlKey, shiftKey, metaKey) => {
@@ -4716,13 +4849,18 @@ const renderDirect = async (uid, commands) => {
   return [...rendererWorkerCommands, ['Viewlet.commitPending', uid, transactionId]];
 };
 const render3 = async (uid, diffResult) => {
+  // State may change between the renderer worker's diff and render RPCs.
+  const pendingDiffs = new Set([...diffResult, ...diff3(uid)]);
   const {
     newState,
     oldState
   } = get(uid);
   set$1(uid, newState, newState);
   const commands = [];
-  for (const item of diffResult) {
+  for (const item of numbers) {
+    if (!pendingDiffs.has(item)) {
+      continue;
+    }
     const fn = getRenderer3(item);
     const result = fn(oldState, newState);
     if (result.length > 0) {
@@ -4770,7 +4908,7 @@ const renderEventListeners = () => {
     params: ['handleMenuMouseOver', ClientX, ClientY]
   }, {
     name: HandleClick,
-    params: ['handleClickAt', Button, ClientX, ClientY]
+    params: ['handleClickByName', Button, TargetName]
   }, {
     name: HandlePointerOut,
     params: ['handlePointerOut', ClientX, ClientY]
@@ -4842,6 +4980,8 @@ const setTitleTemplate = async (state, titleTemplate) => {
     labelFontSize,
     labelFontWeight,
     labelLetterSpacing,
+    titleWidth: oldTitleWidth,
+    width,
     workspaceUri
   } = state;
   const title = getTitle(workspaceUri, titleTemplate, appName);
@@ -4850,7 +4990,9 @@ const setTitleTemplate = async (state, titleTemplate) => {
     ...state,
     title,
     titleTemplate,
-    titleWidth
+    titleWidth,
+    // The title is centered, so half its width change becomes available to the menu.
+    width: width + (oldTitleWidth - titleWidth) / 2
   };
 };
 
@@ -4911,30 +5053,6 @@ const create = (id, uri, x, y, width, height) => {
   return state;
 };
 
-const closeMenu = (state, keepFocus) => {
-  const {
-    focused,
-    focusedIndex,
-    isMenuOpen,
-    menus
-  } = state;
-  // TODO send to renderer process
-  // 1. close menu
-  // 2. focus top level entry
-  const newFocused = keepFocus ? focused : false;
-  const newFocusedIndex = keepFocus ? focusedIndex : -1;
-  if (!isMenuOpen && menus.length === 0 && focused === newFocused && focusedIndex === newFocusedIndex) {
-    return state;
-  }
-  return {
-    ...state,
-    focused: newFocused,
-    focusedIndex: newFocusedIndex,
-    isMenuOpen: false,
-    menus: []
-  };
-};
-
 const first = () => {
   return 0;
 };
@@ -4981,33 +5099,6 @@ const focusPrevious = state => {
   return focusIndex(state, indexToFocus);
 };
 
-const LeftClick = 0;
-
-const toggleIndex = async (state, index) => {
-  const {
-    focusedIndex,
-    isMenuOpen
-  } = state;
-  if (isMenuOpen && focusedIndex === index) {
-    return closeMenu(state, /* keepFocus */true);
-  }
-  return openMenuAtIndex(state, index, /* focus */false);
-};
-
-const handleClick = async (state, button, index) => {
-  if (button !== LeftClick) {
-    return state;
-  }
-  if (index === -1) {
-    return state;
-  }
-  const newState = await toggleIndex(state, index);
-  return {
-    ...newState,
-    focused: true
-  };
-};
-
 const handleClickAt = async (state, button, eventX, eventY) => {
   const {
     iconWidth,
@@ -5556,6 +5647,7 @@ const commandMap = {
   'TitleBar.handleButtonsClick': handleClick$1,
   'TitleBar.handleClick': wrapCommand(handleClick),
   'TitleBar.handleClickAt': wrapCommand(handleClickAt),
+  'TitleBar.handleClickByName': wrapCommand(handleClickByName),
   'TitleBar.handleClickClose': wrapCommand(handleClickClose),
   'TitleBar.handleClickMinimize': wrapCommand(handleClickMinimize),
   'TitleBar.handleClickToggleMaximize': wrapCommand(handleClickToggleMaximize),
@@ -5582,7 +5674,8 @@ const commandMap = {
   'TitleBar.handlePointerOut': wrapCommand(handlePointerOut),
   'TitleBar.handlePointerOver': wrapCommand(handlePointerOver),
   'TitleBar.handleTitleBarContextMenu': wrapCommand(handleTitleBarContextMenu),
-  'TitleBar.handleWorkspaceChange': wrapCommand(handleWorkspaceChange),
+  // Workspace actions await this callback while holding the ordinary command queue.
+  'TitleBar.handleWorkspaceChange': wrapNotification(handleWorkspaceChange),
   'TitleBar.hideCommandCenter': wrapCommand(hideCommandCenter),
   'TitleBar.hideMenuBar': wrapCommand(hideMenuBar),
   'TitleBar.hydrateElectronApplicationMenu': wrapCommand(hydrate),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/title-bar-worker",
-  "version": "4.24.0",
+  "version": "4.25.1",
   "description": "Title Bar Worker",
   "repository": {
     "type": "git",