@lvce-editor/title-bar-worker 2.18.0 → 2.20.0

package/dist/titleBarWorkerMain.js

@@ -2291,7 +2291,7 @@ const getRecentlyOpened = () => {
 
 const File = 'file://';
 
-const getTitle = (homeDir, uri) => {
+const getTitle$1 = (homeDir, uri) => {
   if (!uri) {
     return '';
   }
@@ -2315,7 +2315,7 @@ const getHomeDir = () => {
 const MAX_MENU_RECENT_ENTRIES = 10;
 const toMenuItem = folder => {
   const homeDir = getHomeDir();
-  const label = getTitle(homeDir, folder);
+  const label = getTitle$1(homeDir, folder);
   return {
     label,
     flags: None,
@@ -2526,153 +2526,6 @@ const getMenuEntries$1 = async (id, platform) => {
   return menu.getMenuEntries(platform);
 };
 
-const MaskIconCheck = 'MaskIconCheck';
-const Menu = 'Menu';
-const MenuItem = 'MenuItem';
-const MenuItemCheckMark = 'MenuItemCheckMark';
-const MenuItemCheckmarkIcon = 'MenuItemCheckmarkIcon';
-const MenuItemFocused = 'MenuItemFocused';
-const MenuItemKeyBinding = 'MenuItemKeyBinding';
-const MenuItemSeparator = 'MenuItemSeparator';
-const MenuItemSeparatorLine = 'MenuItemSeparatorLine';
-const MenuItemSubMenu = 'MenuItemSubMenu';
-const MenuItemSubMenuArrowRight = 'MenuItemSubMenuArrowRight';
-const TitleBarButtons = 'TitleBarButtons';
-const TitleBarEntryActive = 'TitleBarEntryActive';
-const TitleBarIcon = 'TitleBarIcon';
-const TitleBarIconIcon = 'TitleBarIconIcon';
-const TitleBarMenuBar = 'TitleBarMenuBar';
-const TitleBarTopLevelEntry = 'TitleBarTopLevelEntry';
-const TitleBarTopLevelEntryLabel = 'TitleBarTopLevelEntryLabel';
-const Viewlet = 'Viewlet';
-
-const getIconVirtualDom = (icon, type = Div) => {
-  return {
-    type,
-    className: `MaskIcon MaskIcon${icon}`,
-    role: None$1,
-    childCount: 0
-  };
-};
-
-const createTitleBarButton = button => {
-  const {
-    id,
-    icon,
-    label,
-    onClick
-  } = button;
-  const dom = [{
-    type: Button$1,
-    className: `TitleBarButton TitleBarButton${id}`,
-    ariaLabel: label,
-    childCount: 1,
-    onClick
-  }, getIconVirtualDom(icon, I)];
-  return dom;
-};
-
-const getTitleBarButtonsVirtualDom = buttons => {
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, TitleBarButtons),
-    childCount: buttons.length
-  }, ...buttons.flatMap(createTitleBarButton)];
-};
-
-const parentNode$1 = {
-  type: Div,
-  className: mergeClassNames(Viewlet, TitleBarIcon),
-  childCount: 1
-};
-const getTitleBarIconVirtualDom = iconSrc => {
-  return [parentNode$1, {
-    type: Img,
-    className: TitleBarIconIcon,
-    src: iconSrc,
-    alt: '',
-    childCount: 0
-  }];
-};
-
-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
-  const {
-    keyboardShortCut,
-    label,
-    isOpen,
-    isFocused
-  } = item;
-  // TODO avoid mutation
-  const dom = [];
-  dom.push({
-    type: Div,
-    className: TitleBarTopLevelEntry,
-    ariaHasPopup: true,
-    ariaExpanded: isOpen,
-    role: MenuItem$1,
-    childCount: 1,
-    ariaKeyShortcuts: keyboardShortCut
-  });
-  if (isOpen) {
-    // @ts-ignore
-    dom[0].ariaOwns = 'Menu-0';
-  }
-  if (isFocused) {
-    dom[0].className += ' ' + TitleBarEntryActive;
-    // @ts-ignore
-    dom[0].id = 'TitleBarEntryActive';
-    dom.push({
-      type: Div,
-      className: TitleBarTopLevelEntryLabel,
-      childCount: 1
-    });
-  }
-  dom.push(text(label));
-  return dom;
-};
-const getTitleBarMenuBarItemsVirtualDom = visibleItems => {
-  const dom = visibleItems.flatMap(getItemVirtualDom);
-  return dom;
-};
-
-const activeId = 'TitleBarEntryActive';
-const getTitleBarMenuBarVirtualDom = (visibleItems, focusedIndex) => {
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, TitleBarMenuBar),
-    role: MenuBar,
-    tabIndex: 0,
-    childCount: visibleItems.length,
-    onMouseDown: HandleClick,
-    onFocusOut: HandleFocusOut,
-    onFocusIn: HandleFocusIn,
-    onPointerOver: HandlePointerOver,
-    onPointerOut: HandlePointerOut,
-    ariaActivedescendant: focusedIndex === -1 ? '' : activeId
-  }, ...getTitleBarMenuBarItemsVirtualDom(visibleItems)];
-};
-
-const parentNode = {
-  type: Div,
-  className: 'TitleBarTitle',
-  childCount: 1
-};
-const getTitleVirtualDom = title => {
-  return [parentNode, text(title)];
-};
-
 const maximize = async () => {
   await invoke('ElectronWindow.maximize');
 };
@@ -3028,6 +2881,15 @@ const addWidths = (entries, labelPadding, fontWeight, fontSize, fontFamily, lett
   return withWidths;
 };
 
+const getTitle = workspaceUri => {
+  if (!workspaceUri) {
+    return '';
+  }
+  const slashIndex = workspaceUri.lastIndexOf('/');
+  const baseName = workspaceUri.slice(slashIndex);
+  return baseName;
+};
+
 const loadContent2 = async state => {
   const {
     platform,
@@ -3042,85 +2904,20 @@ const loadContent2 = async state => {
   const titleBarEntries = await getMenuEntries(TitleBar$1);
   const withWidths = addWidths(titleBarEntries, labelPadding, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
   const buttons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
-  const title = 'test';
+  // @ts-ignore
+  const workspaceUri = await invoke('Workspace.getUri');
+  const title = getTitle(workspaceUri);
   const iconWidth = 30;
   return {
     ...state,
     titleBarEntries: withWidths,
+    titleBarButtons: buttons,
     buttons,
     title,
     iconWidth
   };
 };
 
-const loadContent = async (state, titleBarEntries) => {
-  const {
-    platform,
-    controlsOverlayEnabled,
-    titleBarStyleCustom,
-    labelFontFamily,
-    labelFontSize,
-    labelFontWeight,
-    labelLetterSpacing,
-    labelPadding
-  } = state;
-  const withWidths = addWidths(titleBarEntries, labelPadding, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
-  const buttons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
-  const title = 'test';
-  return {
-    ...state,
-    titleBarEntries: withWidths,
-    buttons,
-    title
-  };
-};
-
-const Ellipsis = 'Ellipsis';
-
-const getVisibleTitleBarEntries = (entries, width, focusedIndex, isMenuOpen) => {
-  array(entries);
-  number(width);
-  let total = 0;
-  const visible = [];
-  for (let i = 0; i < entries.length; i++) {
-    const entry = entries[i];
-    total += entry.width;
-    if (total >= width) {
-      break;
-    }
-    const isOpen = i === focusedIndex && isMenuOpen;
-    const isFocused = i === focusedIndex;
-    visible.push({
-      ...entry,
-      isOpen,
-      isFocused
-    });
-  }
-  const hasOverflow = visible.length < entries.length;
-  if (hasOverflow) {
-    const padding = 8;
-    const moreIconWidth = 22;
-    const totalPadding = padding * 2;
-    const hasStillOverflow = total + moreIconWidth + totalPadding > width;
-    if (hasStillOverflow) {
-      visible.pop();
-    }
-    visible.push({
-      ariaLabel: moreDot(),
-      icon: Ellipsis,
-      label: '',
-      width: moreIconWidth + totalPadding
-    });
-  }
-  return visible;
-};
-
-const renderEntries = (oldState, newState) => {
-  const visibleEntries = getVisibleTitleBarEntries(newState.titleBarEntries, newState.width, newState.focusedIndex, newState.isMenuOpen);
-  const dom = getTitleBarMenuBarVirtualDom(visibleEntries, newState.focusedIndex);
-  return ['Viewlet.setDom2', newState.uid, dom];
-};
-
 const renderFocusedIndex = (oldState, newState) => {
   if (newState.focusedIndex === -1) {
     return [];
@@ -3128,6 +2925,26 @@ const renderFocusedIndex = (oldState, newState) => {
   return ['Viewlet.focusSelector', '.ViewletTitleBarMenuBar'];
 };
 
+const MaskIconCheck = 'MaskIconCheck';
+const Menu = 'Menu';
+const MenuItem = 'MenuItem';
+const MenuItemCheckMark = 'MenuItemCheckMark';
+const MenuItemCheckmarkIcon = 'MenuItemCheckmarkIcon';
+const MenuItemFocused = 'MenuItemFocused';
+const MenuItemKeyBinding = 'MenuItemKeyBinding';
+const MenuItemSeparator = 'MenuItemSeparator';
+const MenuItemSeparatorLine = 'MenuItemSeparatorLine';
+const MenuItemSubMenu = 'MenuItemSubMenu';
+const MenuItemSubMenuArrowRight = 'MenuItemSubMenuArrowRight';
+const TitleBarButtons = 'TitleBarButtons';
+const TitleBarEntryActive = 'TitleBarEntryActive';
+const TitleBarIcon = 'TitleBarIcon';
+const TitleBarIconIcon = 'TitleBarIconIcon';
+const TitleBarMenuBar = 'TitleBarMenuBar';
+const TitleBarTopLevelEntry = 'TitleBarTopLevelEntry';
+const TitleBarTopLevelEntryLabel = 'TitleBarTopLevelEntryLabel';
+const Viewlet = 'Viewlet';
+
 const checkboxChecked = {
   type: Div,
   className: mergeClassNames(MenuItem, MenuItemCheckMark),
@@ -3359,43 +3176,175 @@ const renderMenus = (oldState, newState) => {
   return ['Viewlet.send', newState.uid, /* method */SetMenus, /* changes */changes, newState.uid];
 };
 
-const getRenderer = diffType => {
-  switch (diffType) {
-    case RenderEntries:
-      return renderEntries;
-    case RenderFocusedIndex:
-      return renderFocusedIndex;
-    case RenderMenus:
-      return renderMenus;
-    default:
-      throw new Error('unknown renderer');
-  }
+const getIcon = assetDir => {
+  return `${assetDir}/icons/icon.svg`;
 };
 
-const applyRender = (oldState, newState, diffResult) => {
-  const commands = [];
-  for (const item of diffResult) {
-    const fn = getRenderer(item);
-    const result = fn(oldState, newState);
-    if (result.length > 0) {
-      commands.push(result);
-    }
-  }
-  return commands;
+const getIconVirtualDom = (icon, type = Div) => {
+  return {
+    type,
+    className: `MaskIcon MaskIcon${icon}`,
+    role: None$1,
+    childCount: 0
+  };
 };
 
-const render2 = async (uid, diffResult) => {
+const createTitleBarButton = button => {
   const {
-    oldState,
-    newState
-  } = get$1(uid);
-  set$3(uid, newState, newState);
-  const commands = applyRender(oldState, newState, diffResult);
-  return commands;
+    id,
+    icon,
+    label,
+    onClick
+  } = button;
+  const dom = [{
+    type: Button$1,
+    className: `TitleBarButton TitleBarButton${id}`,
+    ariaLabel: label,
+    childCount: 1,
+    onClick
+  }, getIconVirtualDom(icon, I)];
+  return dom;
 };
 
-const getIcon = assetDir => {
-  return `${assetDir}/icons/icon.svg`;
+const getTitleBarButtonsVirtualDom = buttons => {
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, TitleBarButtons),
+    childCount: buttons.length
+  }, ...buttons.flatMap(createTitleBarButton)];
+};
+
+const parentNode$1 = {
+  type: Div,
+  className: mergeClassNames(Viewlet, TitleBarIcon),
+  childCount: 1
+};
+const getTitleBarIconVirtualDom = iconSrc => {
+  return [parentNode$1, {
+    type: Img,
+    className: TitleBarIconIcon,
+    src: iconSrc,
+    alt: '',
+    childCount: 0
+  }];
+};
+
+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
+  const {
+    keyboardShortCut,
+    label,
+    isOpen,
+    isFocused
+  } = item;
+  // TODO avoid mutation
+  const dom = [];
+  dom.push({
+    type: Div,
+    className: TitleBarTopLevelEntry,
+    ariaHasPopup: true,
+    ariaExpanded: isOpen,
+    role: MenuItem$1,
+    childCount: 1,
+    ariaKeyShortcuts: keyboardShortCut
+  });
+  if (isOpen) {
+    // @ts-ignore
+    dom[0].ariaOwns = 'Menu-0';
+  }
+  if (isFocused) {
+    dom[0].className += ' ' + TitleBarEntryActive;
+    // @ts-ignore
+    dom[0].id = 'TitleBarEntryActive';
+    dom.push({
+      type: Div,
+      className: TitleBarTopLevelEntryLabel,
+      childCount: 1
+    });
+  }
+  dom.push(text(label));
+  return dom;
+};
+const getTitleBarMenuBarItemsVirtualDom = visibleItems => {
+  const dom = visibleItems.flatMap(getItemVirtualDom);
+  return dom;
+};
+
+const activeId = 'TitleBarEntryActive';
+const getTitleBarMenuBarVirtualDom = (visibleItems, focusedIndex) => {
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, TitleBarMenuBar),
+    role: MenuBar,
+    tabIndex: 0,
+    childCount: visibleItems.length,
+    onMouseDown: HandleClick,
+    onFocusOut: HandleFocusOut,
+    onFocusIn: HandleFocusIn,
+    onPointerOver: HandlePointerOver,
+    onPointerOut: HandlePointerOut,
+    ariaActivedescendant: focusedIndex === -1 ? '' : activeId
+  }, ...getTitleBarMenuBarItemsVirtualDom(visibleItems)];
+};
+
+const parentNode = {
+  type: Div,
+  className: 'TitleBarTitle',
+  childCount: 1
+};
+const getTitleVirtualDom = title => {
+  return [parentNode, text(title)];
+};
+
+const Ellipsis = 'Ellipsis';
+
+const getVisibleTitleBarEntries = (entries, width, focusedIndex, isMenuOpen) => {
+  array(entries);
+  number(width);
+  let total = 0;
+  const visible = [];
+  for (let i = 0; i < entries.length; i++) {
+    const entry = entries[i];
+    total += entry.width;
+    if (total >= width) {
+      break;
+    }
+    const isOpen = i === focusedIndex && isMenuOpen;
+    const isFocused = i === focusedIndex;
+    visible.push({
+      ...entry,
+      isOpen,
+      isFocused
+    });
+  }
+  const hasOverflow = visible.length < entries.length;
+  if (hasOverflow) {
+    const padding = 8;
+    const moreIconWidth = 22;
+    const totalPadding = padding * 2;
+    const hasStillOverflow = total + moreIconWidth + totalPadding > width;
+    if (hasStillOverflow) {
+      visible.pop();
+    }
+    visible.push({
+      ariaLabel: moreDot(),
+      icon: Ellipsis,
+      label: '',
+      width: moreIconWidth + totalPadding
+    });
+  }
+  return visible;
 };
 
 const getTitleBarVirtualDom = state => {
@@ -4066,17 +4015,12 @@ const commandMap = {
   'TitleBar.focusLast': wrapCommand(focusIndex),
   'TitleBar.focusNext': wrapCommand(focusNext),
   'TitleBar.focusPrevious': wrapCommand(focusPrevious),
-  'TitleBar.getButtonsVirtualDom': getTitleBarButtonsVirtualDom,
   'TitleBar.getCommandIds': getCommandIds,
   'TitleBar.getCommands': getCommandIds,
-  'TitleBar.getIconVirtualDom': getTitleBarIconVirtualDom,
   'TitleBar.getKeyBindings': getKeyBindings$1,
   'TitleBar.getMenuEntries': getMenuEntries$1,
   'TitleBar.getMenuIds': getMenuIds,
   'TitleBar.getMenus': getMenus,
-  'TitleBar.getTitleBarButtons': getTitleBarButtons,
-  'TitleBar.getTitleVirtualDom': getTitleVirtualDom,
-  'TitleBar.getVirtualDom': getTitleBarMenuBarVirtualDom,
   'TitleBar.handleButtonsClick': handleClick$1,
   'TitleBar.handleClick': wrapCommand(handleClick),
   'TitleBar.handleClickAt': wrapCommand(handleClickAt),
@@ -4101,9 +4045,7 @@ const commandMap = {
   'TitleBar.handleMouseOver': wrapCommand(handleMouseOver),
   'TitleBar.handlePointerOut': wrapCommand(handlePointerOut),
   'TitleBar.handlePointerOver': wrapCommand(handlePointerOver),
-  'TitleBar.loadContent': wrapCommand(loadContent),
   'TitleBar.loadContent2': wrapCommand(loadContent2),
-  'TitleBar.render2': render2,
   'TitleBar.render3': render3,
   'TitleBar.renderEventListeners': renderEventListeners,
   'TitleBar.resize': wrapCommand(resize),

package/package.json

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