@lvce-editor/title-bar-worker 2.4.0 → 2.6.0

package/dist/titleBarWorkerMain.js

@@ -61,7 +61,7 @@ class AssertionError extends Error {
   }
 }
 const Object$1 = 1;
-const Number = 2;
+const Number$1 = 2;
 const Array$1 = 3;
 const String = 4;
 const Boolean$1 = 5;
@@ -71,7 +71,7 @@ const Unknown$1 = 8;
 const getType = value => {
   switch (typeof value) {
     case 'number':
-      return Number;
+      return Number$1;
     case 'function':
       return Function;
     case 'string':
@@ -98,7 +98,7 @@ const object = value => {
 };
 const number = value => {
   const type = getType(value);
-  if (type !== Number) {
+  if (type !== Number$1) {
     throw new AssertionError('expected value to be of type number');
   }
 };
@@ -108,18 +108,6 @@ const array = value => {
     throw new AssertionError('expected value to be of type array');
   }
 };
-const string = value => {
-  const type = getType(value);
-  if (type !== String) {
-    throw new AssertionError('expected value to be of type string');
-  }
-};
-const boolean = value => {
-  const type = getType(value);
-  if (type !== Boolean$1) {
-    throw new AssertionError('expected value to be of type boolean');
-  }
-};
 
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
@@ -903,6 +891,109 @@ 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 RenderEntries = 1;
 const RenderFocusedIndex = 2;
@@ -937,24 +1028,10 @@ const diff = (oldState, newState) => {
   return diffResult;
 };
 
-const create$2 = () => {
-  const states = Object.create(null);
-  return {
-    get(uid) {
-      return states[uid];
-    },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        oldState,
-        newState
-      };
-    }
-  };
-};
-
 const {
   get: get$1,
-  set: set$3
+  set: set$3,
+  wrapCommand
 } = create$2();
 
 const diff2 = uid => {
@@ -971,7 +1048,19 @@ const getCommandIds = () => {
   return commandsIds;
 };
 
+const Menu$1 = 'menu';
+const MenuBar = 'menubar';
+const MenuItem$1 = 'menuitem';
+const MenuItemCheckBox = 'menuitemcheckbox';
+const None$1 = 'none';
+const Separator$1 = 'separator';
+
+const Button = 1;
+const Div = 4;
+const Span = 8;
 const Text = 12;
+const I = 16;
+const Img = 17;
 
 const Escape$2 = 8;
 const Space$2 = 9;
@@ -992,6 +1081,10 @@ const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
 
+const px = value => {
+  return `${value}px`;
+};
+
 const text = data => {
   return {
     type: Text,
@@ -1114,8 +1207,8 @@ const Terminal$1 = 14;
 const TitleBar = 15;
 const View$1 = 16;
 
-const Separator$1 = 1;
-const None$1 = 0;
+const Separator = 1;
+const None = 0;
 const SubMenu = 4;
 const Checked = 2;
 const Unchecked = 3;
@@ -1126,7 +1219,7 @@ const Ignore = 7;
 const menuEntrySeparator = {
   id: 'separator',
   label: '',
-  flags: Separator$1,
+  flags: Separator,
   command: ''
 };
 
@@ -1145,27 +1238,27 @@ const getMenuEntries$d = () => {
   }, menuEntrySeparator, {
     id: 'cut',
     label: cut(),
-    flags: None$1,
+    flags: None,
     command: /* Editor.cut */'Editor.cut'
   }, {
     id: 'copy',
     label: copy(),
-    flags: None$1,
+    flags: None,
     command: /* Editor.copy */'Editor.copy'
   }, {
     id: 'paste',
     label: paste(),
-    flags: None$1,
+    flags: None,
     command: /* Editor.paste */'Editor.paste'
   }, menuEntrySeparator, {
     id: 'toggle-line-comment',
     label: toggleLineComment(),
-    flags: None$1,
+    flags: None,
     command: /* Editor.toggleLineComment */'Editor.toggleLineComment'
   }, {
     id: 'toggle-block-comment',
     label: toggleBlockComment(),
-    flags: None$1,
+    flags: None,
     command: /* Editor.toggleBlockComment */'Editor.toggleBlockComment'
   }];
 };
@@ -1223,17 +1316,17 @@ const getMenuEntries$c = platform => {
   const entries = [{
     id: 'newFile',
     label: newFile(),
-    flags: None$1,
+    flags: None,
     command: '-1'
   }, {
     id: 'newWindow',
     label: newWindow(),
-    flags: None$1,
+    flags: None,
     command: /* Window.openNew */'Window.openNew'
   }, menuEntrySeparator, {
     id: 'openFile',
     label: openFile(),
-    flags: None$1,
+    flags: None,
     command: 'Dialog.openFile'
   }, {
     id: 'openFolder',
@@ -1248,12 +1341,12 @@ const getMenuEntries$c = platform => {
   }, menuEntrySeparator, {
     id: 'save',
     label: save(),
-    flags: None$1,
+    flags: None,
     command: 'Main.save'
   }, {
     id: 'saveAll',
     label: saveAll(),
-    flags: None$1,
+    flags: None,
     command: 'Main.saveAll'
   }];
   if (platform === Electron) {
@@ -1330,7 +1423,7 @@ const getMenuEntries$a = async platform => {
     entries.push({
       id: 'toggleDeveloperTools',
       label: toggleDeveloperTools(),
-      flags: None$1,
+      flags: None,
       command: 'Developer.toggleDeveloperTools'
     }, {
       id: 'openProcessExplorer',
@@ -1353,7 +1446,7 @@ const getMenuEntries$a = async platform => {
   entries.push({
     id: 'about',
     label: about(),
-    flags: None$1,
+    flags: None,
     command: 'About.showAbout'
   });
   return entries;
@@ -1459,6 +1552,11 @@ const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
   // @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
@@ -1658,6 +1756,13 @@ 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,
@@ -1707,6 +1812,7 @@ const RendererWorker = {
   openUrl,
   openWidget,
   readFile,
+  registerMockRpc,
   registerWebViewInterceptor,
   renderMarkdown,
   rerenderEditor,
@@ -1717,6 +1823,7 @@ const RendererWorker = {
   sendMessagePortToErrorWorker,
   sendMessagePortToExtensionHostWorker,
   sendMessagePortToFileSystemWorker,
+  sendMessagePortToIconThemeWorker,
   sendMessagePortToMarkdownWorker,
   sendMessagePortToRendererProcess,
   sendMessagePortToSearchProcess,
@@ -1776,7 +1883,7 @@ const toMenuItem = folder => {
   const label = getTitle(homeDir, folder);
   return {
     label,
-    flags: None$1,
+    flags: None,
     command: 'Workspace.setPath',
     args: [folder]
   };
@@ -1792,12 +1899,12 @@ const getMenuEntries$9 = async () => {
   items.push({
     id: 'more',
     label: moreDot(),
-    flags: None$1,
+    flags: None,
     command: 'QuickPick.showRecent'
   }, menuEntrySeparator, {
     id: 'clearRecentlyOpened',
     label: clearRecentlyOpened(),
-    flags: None$1,
+    flags: None,
     command: 'RecentlyOpened.clearRecentlyOpened'
   });
   return items;
@@ -1825,17 +1932,17 @@ const getMenuEntries$7 = () => {
   return [{
     id: 'selectAll',
     label: selectAll(),
-    flags: None$1,
+    flags: None,
     command: 'Editor.selectAll'
   }, {
     id: 'copyLineUp',
     label: copyLineUp(),
-    flags: None$1,
+    flags: None,
     command: 'Editor.copyLineUp'
   }, {
     id: 'copyLineDown',
     label: copyLineDown(),
-    flags: None$1,
+    flags: None,
     command: 'Editor.copyLineDown'
   }, {
     id: 'moveLineUp',
@@ -1871,7 +1978,7 @@ const getMenuEntries$6 = () => {
   return [{
     id: 'newTerminal',
     label: newTerminal(),
-    flags: None$1,
+    flags: None,
     command: 'Layout.togglePanel',
     args: ['Terminal']
   }];
@@ -1960,27 +2067,27 @@ const getMenuEntries$4 = () => {
   return [{
     id: File$2,
     label: file(),
-    flags: None$1
+    flags: None
   }, {
     id: Edit$1,
     label: edit(),
-    flags: None$1
+    flags: None
   }, {
     id: Selection$1,
     label: selection(),
-    flags: None$1
+    flags: None
   }, {
     id: View$1,
     label: view(),
-    flags: None$1
+    flags: None
   }, {
     id: Go$1,
     label: go(),
-    flags: None$1
+    flags: None
   }, {
     id: Help$1,
     label: help(),
-    flags: None$1
+    flags: None
   }];
 };
 
@@ -2073,8 +2180,8 @@ const getTitleBarButtons = (platform, controlsOverlayEnabled, titleBarStyleCusto
 };
 
 const MaskIconCheck = 'MaskIconCheck';
-const Menu$1 = 'Menu';
-const MenuItem$1 = 'MenuItem';
+const Menu = 'Menu';
+const MenuItem = 'MenuItem';
 const MenuItemCheckMark = 'MenuItemCheckMark';
 const MenuItemCheckmarkIcon = 'MenuItemCheckmarkIcon';
 const MenuItemFocused = 'MenuItemFocused';
@@ -2092,24 +2199,11 @@ const TitleBarTopLevelEntry = 'TitleBarTopLevelEntry';
 const TitleBarTopLevelEntryLabel = 'TitleBarTopLevelEntryLabel';
 const Viewlet = 'Viewlet';
 
-const Menu = 'menu';
-const MenuBar = 'menubar';
-const MenuItem = 'menuitem';
-const MenuItemCheckBox = 'menuitemcheckbox';
-const None = 'none';
-const Separator = 'separator';
-
-const Button = 1;
-const Div = 4;
-const I = 16;
-const Img = 17;
-const Span = 8;
-
 const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
     className: `MaskIcon MaskIcon${icon}`,
-    role: None,
+    role: None$1,
     childCount: 0
   };
 };
@@ -2140,12 +2234,13 @@ const getTitleBarButtonsVirtualDom = buttons => {
   return dom;
 };
 
+const parentNode = {
+  type: Div,
+  className: mergeClassNames(Viewlet, TitleBarIcon),
+  childCount: 1
+};
 const getTitleBarIconVirtualDom = iconSrc => {
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, TitleBarIcon),
-    childCount: 1
-  }, {
+  return [parentNode, {
     type: Img,
     className: TitleBarIconIcon,
     src: iconSrc,
@@ -2154,16 +2249,16 @@ const getTitleBarIconVirtualDom = iconSrc => {
   }];
 };
 
-const HandleClick = 'handleClick';
-const HandleClickMinimize = 'handleClickMinimize';
-const HandleClickToggleClose = 'handleClickToggleClose';
-const HandleClickToggleMaximize = 'handleClickToggleMaximize';
-const HandleFocusIn = 'handleFocusIn';
-const HandleFocusOut = 'handleFocusOut';
-const HandlePointerOut = 'handlePointerOut';
-const HandlePointerOver = 'handlePointerOver';
-const HandleMenuClick = 'handleMenuClick';
-const HandleMenuMouseOver = 'handleMenuMouseOver';
+const HandleClick = 1;
+const HandleClickMinimize = 2;
+const HandleClickToggleClose = 3;
+const HandleClickToggleMaximize = 4;
+const HandleFocusIn = 5;
+const HandleFocusOut = 6;
+const HandlePointerOut = 7;
+const HandlePointerOver = 8;
+const HandleMenuClick = 9;
+const HandleMenuMouseOver = 10;
 
 const getItemVirtualDom = item => {
   // @ts-ignore
@@ -2173,13 +2268,14 @@ const getItemVirtualDom = item => {
     isOpen,
     isFocused
   } = item;
+  // TODO avoid mutation
   const dom = [];
   dom.push({
     type: Div,
     className: TitleBarTopLevelEntry,
     ariaHasPopup: true,
     ariaExpanded: isOpen,
-    role: MenuItem,
+    role: MenuItem$1,
     childCount: 1,
     ariaKeyShortcuts: keyboardShortCut
   });
@@ -2252,7 +2348,8 @@ const handleClickToggleMaximize = async state => {
   return state;
 };
 
-const handleClick$1 = (state, className) => {
+// TODO use button name property
+const handleClick$1 = async (state, className) => {
   if (className.includes('Minimize')) {
     return handleClickMinimize(state);
   }
@@ -2298,7 +2395,7 @@ const getMenuHeight = items => {
   let height = CONTEXT_MENU_PADDING;
   for (const item of items) {
     switch (item.flags) {
-      case Separator$1:
+      case Separator:
         height += CONTEXT_MENU_SEPARATOR_HEIGHT;
         break;
       default:
@@ -2354,7 +2451,7 @@ const getIndexToFocusPrevious = menu => {
 };
 const canBeFocused = item => {
   switch (item.flags) {
-    case Separator$1:
+    case Separator:
     case Disabled:
       return false;
     default:
@@ -2487,7 +2584,7 @@ const handlePointerOut = (state, clientX, clientY) => {
   if (index === -1) {
     return state;
   }
-  return handleMouseOut(state, index);
+  return handleMouseOut(state);
 };
 
 const handleMouseOverMenuClosed = (state, index) => {
@@ -2511,74 +2608,46 @@ const handlePointerOver = (state, clientX, clientY) => {
   return handleMouseOver(state, index);
 };
 
-const getFontString = (fontWeight, fontSize, fontFamily) => {
-  return `${fontWeight} ${fontSize}px ${fontFamily}`;
-};
-
-const createTextMeasureContext = () => {
+const createTextMeasureContext = (letterSpacing, font) => {
   const canvas = new OffscreenCanvas(0, 0);
   const ctx = canvas.getContext('2d');
   if (!ctx) {
     throw new Error('Failed to get canvas context 2d');
   }
+  ctx.letterSpacing = letterSpacing;
+  ctx.font = font;
   return ctx;
 };
 
-const state = {
-  ctx: undefined
-};
-const getOrCreate = createCtx => {
-  if (state.ctx) {
-    return state.ctx;
-  }
-  state.ctx = createCtx();
-  return state.ctx;
-};
-
-const getContext = () => {
-  const ctx = getOrCreate(createTextMeasureContext);
-  return ctx;
-};
-
-const px = value => {
-  return `${value}px`;
+const getFontString = (fontWeight, fontSize, fontFamily) => {
+  return `${fontWeight} ${fontSize}px ${fontFamily}`;
 };
 
-const getLetterSpacingString = letterSpacing => {
-  return px(letterSpacing);
-};
-const measureTextWidth = (text, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth) => {
-  string(text);
-  number(fontWeight);
-  number(fontSize);
-  string(fontFamily);
-  boolean(isMonoSpaceFont);
-  number(charWidth);
+const measureTextWidths = (texts, fontWeight, fontSize, fontFamily, letterSpacing) => {
   if (typeof letterSpacing !== 'number') {
     throw new TypeError('letterSpacing must be of type number');
   }
-  const letterSpacingString = getLetterSpacingString(letterSpacing);
+  const letterSpacingString = px(letterSpacing);
   const fontString = getFontString(fontWeight, fontSize, fontFamily);
-  const ctx = getContext();
-  ctx.letterSpacing = letterSpacingString;
-  ctx.font = fontString;
-  const metrics = ctx.measureText(text);
-  const {
-    width
-  } = metrics;
-  return width;
-};
-
-const measureTitleBarEntryWidth = (label, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  const isMonospaceFont = false;
-  const charWidth = 0;
-  return measureTextWidth(label, fontWeight, fontSize, fontFamily, letterSpacing, isMonospaceFont, charWidth);
+  const ctx = createTextMeasureContext(letterSpacingString, fontString);
+  const widths = [];
+  for (const text of texts) {
+    const metrics = ctx.measureText(text);
+    const {
+      width
+    } = metrics;
+    widths.push(width);
+  }
+  return widths;
 };
 
 const addWidths = (entries, labelPadding, fontWeight, fontSize, fontFamily, letterSpacing) => {
+  const labels = entries.map(entry => entry.label);
+  const widths = measureTextWidths(labels, fontWeight, fontSize, fontFamily, letterSpacing);
   const withWidths = [];
-  for (const entry of entries) {
-    const textWidth = measureTitleBarEntryWidth(entry.label, fontWeight, fontSize, fontFamily, letterSpacing);
+  for (let i = 0; i < entries.length; i++) {
+    const entry = entries[i];
+    const textWidth = widths[i];
     const width = textWidth + labelPadding * 2;
     withWidths.push({
       ...entry,
@@ -2658,7 +2727,7 @@ const renderFocusedIndex = (oldState, newState) => {
 
 const checkboxChecked = {
   type: Div,
-  className: mergeClassNames(MenuItem$1, MenuItemCheckMark),
+  className: mergeClassNames(MenuItem, MenuItemCheckMark),
   role: MenuItemCheckBox,
   ariaChecked: true,
   tabIndex: -1,
@@ -2966,21 +3035,25 @@ const parseKey = rawKey => {
   };
 };
 
+const classNameFocused = mergeClassNames(MenuItem, MenuItemFocused);
+const getMenuItemClassName = isFocused => {
+  if (isFocused) {
+    return classNameFocused;
+  }
+  return MenuItem;
+};
 const getMenuItemDefaultDom = menuItem => {
   const {
     label,
     isFocused,
     key
   } = menuItem;
-  let className = MenuItem$1;
-  if (isFocused) {
-    className += ' ' + MenuItemFocused;
-  }
+  const className = getMenuItemClassName(isFocused);
   const dom = [];
   dom.push({
     type: Div,
     className,
-    role: MenuItem,
+    role: MenuItem$1,
     tabIndex: -1,
     childCount: 1
   }, text(label));
@@ -2999,8 +3072,8 @@ const getMenuItemDefaultDom = menuItem => {
 
 const disabled = {
   type: Div,
-  className: MenuItem$1,
-  role: MenuItem,
+  className: MenuItem,
+  role: MenuItem$1,
   tabIndex: -1,
   disabled: true,
   childCount: 1
@@ -3019,7 +3092,7 @@ const getMenuItemsNoopDom = () => {
 const separator = {
   type: Div,
   className: MenuItemSeparator,
-  role: Separator,
+  role: Separator$1,
   childCount: 1
 };
 const separatorLine = {
@@ -3043,7 +3116,7 @@ const getMenuItemSubMenuDom = menuItem => {
     isExpanded,
     level
   } = menuItem;
-  let className = MenuItem$1;
+  let className = MenuItem;
   className += ' ' + MenuItemSubMenu;
   if (isFocused) {
     className += ' ' + MenuItemFocused;
@@ -3051,7 +3124,7 @@ const getMenuItemSubMenuDom = menuItem => {
   return [{
     type: Div,
     className,
-    role: MenuItem,
+    role: MenuItem$1,
     tabIndex: -1,
     ariaHasPopup: true,
     ariaExpanded: isExpanded,
@@ -3062,7 +3135,7 @@ const getMenuItemSubMenuDom = menuItem => {
 
 const checkboxUnchecked = {
   type: Div,
-  className: MenuItem$1,
+  className: MenuItem,
   role: MenuItemCheckBox,
   ariaChecked: false,
   tabIndex: -1,
@@ -3077,11 +3150,11 @@ const getMenuItemUncheckedDom = menuItem => {
 
 const getMenuItemRenderer = flags => {
   switch (flags) {
-    case None$1:
+    case None:
     case RestoreFocus:
     case Ignore:
       return getMenuItemDefaultDom;
-    case Separator$1:
+    case Separator:
       return getMenuItemSeparatorDom;
     case Checked:
       return getMenuItemCheckedDom;
@@ -3107,8 +3180,8 @@ const getMenuItemVirtualDom = menuItem => {
 const getMenuVirtualDom = menuItems => {
   const dom = [{
     type: Div,
-    className: Menu$1,
-    role: Menu,
+    className: Menu,
+    role: Menu$1,
     tabIndex: -1,
     childCount: menuItems.length
   }, ...menuItems.flatMap(getMenuItemVirtualDom)];
@@ -3240,10 +3313,6 @@ const saveState = uid => {
   };
 };
 
-const terminate = () => {
-  globalThis.close();
-};
-
 const create = (id, uri, x, y, width, height) => {
   const state = {
     uid: id,
@@ -3260,7 +3329,8 @@ const create = (id, uri, x, y, width, height) => {
     x,
     y,
     width,
-    height
+    height,
+    iconWidth: 30
   };
   set$3(id, state, state);
   return state;
@@ -3377,10 +3447,7 @@ const handleFocusOut = async state => {
   return state;
 };
 
-/**
- * @param {boolean} focus
- */
-const openMenu = (state, focus) => {
+const openMenu = async (state, focus) => {
   const {
     focusedIndex
   } = state;
@@ -3433,7 +3500,7 @@ const closeOneMenu = state => {
   };
 };
 
-const handleKeyArrowLeftMenuOpen = state => {
+const handleKeyArrowLeftMenuOpen = async state => {
   const {
     menus
   } = state;
@@ -3650,7 +3717,7 @@ const handleMenuClick = async (state, level, index) => {
     return state;
   }
   switch (item.flags) {
-    case None$1:
+    case None:
       return selectIndexNone(state, item);
     case SubMenu:
       return selectIndexSubMenu(state, menu, index);
@@ -3738,7 +3805,7 @@ const handleMenuMouseOver = async (state, level, index) => {
   };
 };
 
-const toggleMenu = state => {
+const toggleMenu = async state => {
   const {
     isMenuOpen
   } = state;
@@ -3748,21 +3815,6 @@ const toggleMenu = state => {
   return openMenu(state, /* focus */false);
 };
 
-const wrapCommand = fn => {
-  const wrapped = async (uid, ...args) => {
-    const {
-      newState
-    } = get$1(uid);
-    const newerState = await fn(newState, ...args);
-    if (newState === newerState) {
-      return;
-    }
-    const latest = get$1(uid);
-    set$3(uid, latest.oldState, newerState);
-  };
-  return wrapped;
-};
-
 const commandMap = {
   'TitleBar.getButtonsVirtualDom': getTitleBarButtonsVirtualDom,
   'TitleBar.getIconVirtualDom': getTitleBarIconVirtualDom,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/title-bar-worker",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "description": "Title Bar Worker",
   "repository": {
     "type": "git",
@@ -9,5 +9,8 @@
   "license": "MIT",
   "author": "Lvce Editor",
   "type": "module",
-  "main": "dist/titleBarWorkerMain.js"
+  "main": "dist/titleBarWorkerMain.js",
+  "dependencies": {
+    "@lvce-editor/viewlet-registry": "^1.4.0"
+  }
 }