@lvce-editor/status-bar-worker 3.31.5 → 3.32.1

package/dist/statusBarWorkerMain.js

@@ -265,7 +265,7 @@ const {
   getCommandIds,
   getKeys,
   registerCommands,
-  set: set$7,
+  set: set$9,
   wrapCommand,
   wrapGetter,
   wrapSerialAsyncCommand} = create$a();
@@ -279,13 +279,19 @@ const create$9 = (uid, uri, x, y, width, height, platform, assetDir) => {
     statusBarItemsLeft: [],
     statusBarItemsRight: [],
     uid,
-    warningCount: 0
+    visibleStatusBarItemsLeft: [],
+    visibleStatusBarItemsRight: [],
+    warningCount: 0,
+    width
   };
-  set$7(uid, state, state);
+  set$9(uid, state, state);
 };
 
+const areItemsEqual = (left, right) => {
+  return left.length === right.length && left.every((item, index) => item === right[index]);
+};
 const isEqual = (oldState, newState) => {
-  return oldState.statusBarItemsLeft === newState.statusBarItemsLeft && oldState.statusBarItemsRight === newState.statusBarItemsRight;
+  return oldState.statusBarItemsLeft === newState.statusBarItemsLeft && oldState.statusBarItemsRight === newState.statusBarItemsRight && oldState.width === newState.width && areItemsEqual(oldState.visibleStatusBarItemsLeft, newState.visibleStatusBarItemsLeft) && areItemsEqual(oldState.visibleStatusBarItemsRight, newState.visibleStatusBarItemsRight);
 };
 
 const RenderItems = 4;
@@ -499,6 +505,7 @@ const TargetName = 'event.target.name';
 const ExtensionManagementWorker = 9006;
 const RendererProcess = 1670;
 const RendererWorker = 1;
+const TextMeasurementWorker = 7011;
 
 const SetDom2 = 'Viewlet.setDom2';
 const SetFocusContext = 'Viewlet.setFocusContext';
@@ -616,11 +623,11 @@ const getStatusBarVirtualDom = (statusBarItemsLeft, statusBarItemsRight) => {
 
 const renderItems = (oldState, newState) => {
   const {
-    statusBarItemsLeft,
-    statusBarItemsRight,
-    uid
+    uid,
+    visibleStatusBarItemsLeft,
+    visibleStatusBarItemsRight
   } = newState;
-  const dom = getStatusBarVirtualDom(statusBarItemsLeft, statusBarItemsRight);
+  const dom = getStatusBarVirtualDom(visibleStatusBarItemsLeft, visibleStatusBarItemsRight);
   return [SetDom2, uid, dom];
 };
 
@@ -655,16 +662,16 @@ const isRight = name => {
   return name === Notifications$1 || isEditorStatus(name);
 };
 
-const state$1 = {
+const state$2 = {
   rpc: undefined
 };
-const set$6 = rpc => {
-  state$1.rpc = rpc;
+const set$8 = rpc => {
+  state$2.rpc = rpc;
 };
-const invoke$4 = (method, ...args) => {
+const invoke$6 = (method, ...args) => {
   const {
     rpc
-  } = state$1;
+  } = state$2;
   return rpc.invoke(method, ...args);
 };
 
@@ -674,16 +681,16 @@ const handleClickEditorStatus = async (name, status) => {
   }
   switch (name) {
     case EditorEndOfLine$1:
-      await invoke$4('QuickPick.openStatusBarPicker', 'end-of-line');
+      await invoke$6('QuickPick.openStatusBarPicker', 'end-of-line');
       return;
     case EditorIndentation:
-      await invoke$4('QuickPick.openStatusBarPicker', 'indentation');
+      await invoke$6('QuickPick.openStatusBarPicker', 'indentation');
       return;
     case EditorLanguage$1:
-      await invoke$4('QuickPick.openStatusBarPicker', 'language-mode');
+      await invoke$6('QuickPick.openStatusBarPicker', 'language-mode');
       return;
     case EditorPosition$1:
-      await invoke$4('QuickPick.openStatusBarPicker', 'go-to-line', status.line, status.column);
+      await invoke$6('QuickPick.openStatusBarPicker', 'go-to-line', status.line, status.column);
       return;
   }
 };
@@ -744,49 +751,6 @@ 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 = 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 number = value => {
-  const type = getType(value);
-  if (type !== Number$1) {
-    throw new AssertionError('expected value to be of type number');
-  }
-};
-
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -1843,7 +1807,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$5 = (id, rpc) => {
+const set$7 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$3 = id => {
@@ -1876,7 +1840,7 @@ const create = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$5(rpcId, mockRpc);
+      set$7(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1885,52 +1849,57 @@ const create = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$5(rpcId, rpc);
+      set$7(rpcId, rpc);
     }
   };
 };
 
 const {
-  invoke: invoke$3,
-  set: set$4
+  invoke: invoke$5,
+  set: set$6
 } = create(ExtensionManagementWorker);
 
 const {
-  invoke: invoke$2,
-  set: set$3
+  invoke: invoke$4,
+  set: set$5
 } = create(RendererProcess);
 
 const {
-  invoke: invoke$1,
+  invoke: invoke$3,
+  set: set$4
+} = create(TextMeasurementWorker);
+const measureTextWidths$1 = async (texts, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth) => {
+  return invoke$3('TextMeasurement.measureTextWidths', texts, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth);
+};
+
+const {
+  invoke: invoke$2,
   invokeAndTransfer,
-  set: set$2
+  set: set$3
 } = create(RendererWorker);
-const showContextMenu2 = async (uid, menuId, x, y, args) => {
-  number(uid);
-  number(menuId);
-  number(x);
-  number(y);
-  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
+const sendMessagePortToTextMeasurementWorker = async port => {
+  const command = 'TextMeasurement.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToTextMeasurementWorker', port, command, 0);
 };
 const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
+  return await invoke$2('Preferences.get', key);
 };
 
 const handleClickExtensionStatusBarItem = async name => {
   try {
-    await invoke$3('Extensions.executeCommand', name);
+    await invoke$5('Extensions.executeCommand', name);
   } catch (error) {
     console.error(new VError(error, `Failed to execute status bar command: ${name}`));
   }
 };
 
 const handleClickNotification = async () => {
-  await invoke$1('Viewlet.openWidget', 'NotificationCenter');
+  await invoke$2('Viewlet.openWidget', 'NotificationCenter');
 };
 
 const handleClickProblems = async () => {
   // @ts-ignore
-  await invoke$1('Layout.showPanel', 'Problems');
+  await invoke$2('Layout.showPanel', 'Problems');
 };
 
 const handleClick = async (state, name) => {
@@ -1960,13 +1929,26 @@ const handleClick = async (state, name) => {
   return state;
 };
 
+const state$1 = {
+  rpc: undefined
+};
+const set$2 = rpc => {
+  state$1.rpc = rpc;
+};
+const invoke$1 = (method, ...args) => {
+  const {
+    rpc
+  } = state$1;
+  return rpc.invoke(method, ...args);
+};
+
 const show2 = async (uid, menuId, x, y, args) => {
-  await showContextMenu2(uid, menuId, x, y, args);
+  await invoke$1('Menu.show2', uid, menuId, x, y, args);
 };
 
 const getStatusBarItemContextMenuItems = async (extensionId, providerId) => {
   try {
-    return await invoke$3('Extensions.getStatusBarItemContextMenuItems', extensionId, providerId);
+    return await invoke$5('Extensions.getStatusBarItemContextMenuItems', extensionId, providerId);
   } catch {
     return [];
   }
@@ -2234,6 +2216,81 @@ const applyRender = (oldState, newState, diffResult) => {
   return commands;
 };
 
+const fontSize = 12;
+const fontFamily = 'system-ui, Ubuntu, Droid Sans, sans-serif';
+const itemPaddingAndMargin = 16;
+const iconWidth = 20;
+const horizontalGroupPadding = 14;
+const measuredWidths = new WeakMap();
+const fallbackTextWidth = 150;
+const measureTextWidths = async values => {
+  if (values.length === 0) {
+    return [];
+  }
+  try {
+    return await measureTextWidths$1(values, 400, fontSize, fontFamily, 0, false, 0);
+  } catch {
+    return values.map(() => fallbackTextWidth);
+  }
+};
+const getItemWidths = async items => {
+  const unmeasuredItems = [...new Set(items.filter(item => !measuredWidths.has(item)))];
+  const textElements = unmeasuredItems.flatMap(item => item.elements.filter(element => element.type === 'text'));
+  const textWidths = await measureTextWidths(textElements.map(element => element.value));
+  let textIndex = 0;
+  for (const item of unmeasuredItems) {
+    let itemWidth = itemPaddingAndMargin;
+    for (const element of item.elements) {
+      if (element.type === 'icon') {
+        itemWidth += iconWidth;
+      } else {
+        itemWidth += textWidths[textIndex];
+        textIndex++;
+      }
+    }
+    measuredWidths.set(item, Promise.resolve(itemWidth));
+  }
+  return Promise.all(items.map(item => measuredWidths.get(item)));
+};
+const fitItems = (items, widths, availableWidth) => {
+  const visible = [];
+  let usedWidth = 0;
+  for (let i = 0; i < items.length; i++) {
+    const itemWidth = widths[i];
+    if (itemWidth <= availableWidth - usedWidth) {
+      visible.push(items[i]);
+      usedWidth += itemWidth;
+    }
+  }
+  return {
+    items: visible,
+    usedWidth
+  };
+};
+const equalItems = (left, right) => {
+  return left.length === right.length && left.every((item, index) => item === right[index]);
+};
+const getVisibleStatusBarItems = async state => {
+  const {
+    statusBarItemsLeft,
+    statusBarItemsRight,
+    visibleStatusBarItemsLeft,
+    visibleStatusBarItemsRight,
+    width
+  } = state;
+  const innerWidth = Math.max(0, width - horizontalGroupPadding);
+  const itemWidths = await getItemWidths([...statusBarItemsLeft, ...statusBarItemsRight]);
+  const leftWidths = itemWidths.slice(0, statusBarItemsLeft.length);
+  const rightWidths = itemWidths.slice(statusBarItemsLeft.length);
+  const right = fitItems(statusBarItemsRight, rightWidths, innerWidth);
+  const left = fitItems(statusBarItemsLeft, leftWidths, innerWidth - right.usedWidth);
+  return {
+    ...state,
+    visibleStatusBarItemsLeft: equalItems(visibleStatusBarItemsLeft, left.items) ? visibleStatusBarItemsLeft : left.items,
+    visibleStatusBarItemsRight: equalItems(visibleStatusBarItemsRight, right.items) ? visibleStatusBarItemsRight : right.items
+  };
+};
+
 const state = {
   connected: false
 };
@@ -2244,10 +2301,10 @@ const isConnected = () => {
   return connected;
 };
 const invoke = (method, ...params) => {
-  return invoke$2(method, ...params);
+  return invoke$4(method, ...params);
 };
 const set$1 = rpc => {
-  set$3(rpc);
+  set$5(rpc);
   state.connected = true;
 };
 
@@ -2257,12 +2314,29 @@ const renderDirect = async (uid, commands) => {
   const transactionId = await invoke('Viewlet.queueCommands', uid, rendererProcessCommands);
   return [...rendererWorkerCommands, ['Viewlet.commitPending', uid, transactionId]];
 };
-const render2 = (uid, diffResult) => {
+const render2 = async (uid, _diffResult) => {
+  let current = get$5(uid);
+  let {
+    newState
+  } = current;
+  while (true) {
+    const measuredState = await getVisibleStatusBarItems(newState);
+    const latest = get$5(uid);
+    const {
+      newState: latestState
+    } = latest;
+    if (latestState === newState) {
+      current = latest;
+      newState = measuredState;
+      set$9(uid, current.oldState, newState);
+      break;
+    }
+    newState = latestState;
+  }
+  const diffResult = [...new Set([..._diffResult, ...diff(current.oldState, newState)])];
   const {
-    newState,
     oldState
-  } = get$5(uid);
-  set$7(uid, newState, newState);
+  } = current;
   const commands = applyRender(oldState, newState, diffResult);
   if (!isConnected()) {
     return commands;
@@ -2309,7 +2383,7 @@ const handleEditorStatusChangedAll = async update => {
     if (newState === newerState || oldState === newerState) {
       continue;
     }
-    set$7(uid, oldState, newerState);
+    set$9(uid, oldState, newerState);
     changedUids.push(uid);
   }
   await Promise.all(changedUids.map(renderOutOfBand));
@@ -2350,7 +2424,7 @@ const handleEditorStatusVisibilityChangedAll = async visible => {
     if (newState === newerState || oldState === newerState) {
       continue;
     }
-    set$7(uid, oldState, newerState);
+    set$9(uid, oldState, newerState);
     changedUids.push(uid);
   }
   await Promise.all(changedUids.map(renderOutOfBand));
@@ -2437,8 +2511,8 @@ const getBuiltinStatusBarItems = async (errorCount, warningCount, {
 };
 
 const getExtensionStatusBarItems = async (assetDir, platform) => {
-  await invoke$3('Extensions.activateByEvent', 'onStatusBarItem', assetDir, platform);
-  return invoke$3('Extensions.getStatusBarItems');
+  await invoke$5('Extensions.activateByEvent', 'onStatusBarItem', assetDir, platform);
+  return invoke$5('Extensions.getStatusBarItems');
 };
 
 const toStatusBarItem = uiStatusBarItem => {
@@ -2516,7 +2590,7 @@ const toUiStatusBarItems = statusBarItems => {
 
 const getNotificationCount = async () => {
   try {
-    return await invoke$3('Extensions.getNotificationCount');
+    return await invoke$5('Extensions.getNotificationCount');
   } catch {
     return 0;
   }
@@ -2595,7 +2669,7 @@ const handleExtensionManagementChange = async () => {
     // Loading and other updates can finish while the provider query is pending.
     // Only replace the extension items; retain the current lifecycle and render baseline.
     const current = get$5(uid);
-    set$7(uid, current.oldState, {
+    set$9(uid, current.oldState, {
       ...current.newState,
       statusBarItemsLeft: newerState.statusBarItemsLeft
     });
@@ -2640,7 +2714,7 @@ const handleNotificationCountChangedAll = async count => {
     if (newState === newerState || oldState === newerState) {
       continue;
     }
-    set$7(uid, oldState, newerState);
+    set$9(uid, oldState, newerState);
     await renderOutOfBand(uid);
   }
 };
@@ -2655,7 +2729,7 @@ const handleExtensionManagementMessagePort = async port => {
     commandMap: commandMap$1,
     messagePort: port
   });
-  set$4(rpc);
+  set$6(rpc);
 };
 
 const supportsEditorStatusDeltas = () => true;
@@ -2667,7 +2741,7 @@ const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess =
       throw new TypeError(`Viewlet command not found: ${command}`);
     }
     await fn(uid, ...args);
-    await invoke$1('Viewlet.requestRender', uid);
+    await invoke$2('Viewlet.requestRender', uid);
   };
   const rpc = await create$4({
     commandMap: {
@@ -2709,7 +2783,7 @@ const handleWorkspaceChange = async state => {
     assetDir,
     platform
   } = state;
-  await invoke$3('Extensions.activateByEvent', 'onStatusBarItem', assetDir, platform);
+  await invoke$5('Extensions.activateByEvent', 'onStatusBarItem', assetDir, platform);
   return state;
 };
 
@@ -2930,6 +3004,16 @@ const commandMap = {
   'StatusBar.terminate': terminate
 };
 
+const initializeMenuWorker = async () => {
+  const rpc = await create$2({
+    commandMap: {},
+    async send(port) {
+      await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMenuWorker', port);
+    }
+  });
+  set$2(rpc);
+};
+
 const initializeQuickPickWorker = async () => {
   const rpc = await create$2({
     commandMap: {},
@@ -2937,19 +3021,31 @@ const initializeQuickPickWorker = async () => {
       await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToQuickPickWorker', port, 'QuickPick.handleStatusBarMessagePort', 0);
     }
   });
-  set$6(rpc);
+  set$8(rpc);
 };
 
 const initializeRenderWorker = async () => {
   const rpc = await create$1({
     commandMap: commandMap
   });
-  set$2(rpc);
+  set$3(rpc);
+};
+
+const send = port => {
+  // @ts-ignore
+  return sendMessagePortToTextMeasurementWorker(port);
+};
+const initializeTextMeasurementWorkerRpc = async () => {
+  const rpc = await create$2({
+    commandMap: {},
+    send
+  });
+  set$4(rpc);
 };
 
 const listen = async () => {
   registerCommands(commandMap);
-  await Promise.all([initializeRenderWorker(), initializeQuickPickWorker()]);
+  await Promise.all([initializeRenderWorker(), initializeQuickPickWorker(), initializeMenuWorker(), initializeTextMeasurementWorkerRpc()]);
 };
 
 const main = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/status-bar-worker",
-  "version": "3.31.5",
+  "version": "3.32.1",
   "description": "Status Bar Worker",
   "repository": {
     "type": "git",