@lvce-editor/title-bar-worker 4.13.0 → 4.14.0

package/README.md

@@ -10,7 +10,3 @@ cd text-search-worker &&
 npm ci &&
 npm test
 ```
-
-## Gitpod
-
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/lvce-editor/title-bar-worker)

package/dist/titleBarWorkerMain.js

@@ -1134,6 +1134,7 @@ const create$2 = rpcId => {
   };
 };
 
+const Button$2 = 'button';
 const ContentInfo = 'contentinfo';
 const Menu$1 = 'menu';
 const MenuBar$1 = 'menubar';
@@ -1314,6 +1315,7 @@ const VirtualDomElements = {
 const Button = 'event.button';
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
+const Key = 'event.key';
 const TargetName = 'event.target.name';
 
 const Backspace$1 = 1;
@@ -1891,6 +1893,8 @@ const HandleMenuClick = 9;
 const HandleMenuMouseOver = 10;
 const HandleContextMenu = 11;
 const HandleTitleBarContextMenu = 12;
+const HandleCommandCenterClick = 13;
+const HandleCommandCenterKeyDown = 14;
 
 const emptyObject = {};
 const i18nString = (key, placeholders = emptyObject) => {
@@ -2023,6 +2027,9 @@ const menuBar = () => {
 const commandCenter = () => {
   return i18nString(CommandCenter);
 };
+const search = () => {
+  return i18nString(Search);
+};
 const layoutControls = () => {
   return i18nString(LayoutControls);
 };
@@ -2142,7 +2149,7 @@ const create3 = (id, uri, x, y, width, height, platform, controlsOverlayEnabled,
 };
 
 const isEqual$3 = (oldState, newState) => {
-  return oldState.titleBarEntries === newState.titleBarEntries && oldState.titleBarMenuBarEnabled === newState.titleBarMenuBarEnabled && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen && oldState.title === newState.title && oldState.workspaceUri === newState.workspaceUri;
+  return oldState.commandCenterEnabled === newState.commandCenterEnabled && oldState.titleBarEntries === newState.titleBarEntries && oldState.titleBarMenuBarEnabled === newState.titleBarMenuBarEnabled && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen && oldState.title === newState.title && oldState.workspaceUri === newState.workspaceUri;
 };
 
 const isEqual$2 = (oldState, newState) => {
@@ -3391,6 +3398,44 @@ const handleClick$1 = async (state, buttonName) => {
   return state;
 };
 
+const commandCenterItems = [{
+  label: 'Go to File',
+  value: 'file'
+}, {
+  label: 'Show and Run Commands',
+  value: 'commands'
+}, {
+  label: 'Search for Text',
+  value: 'search'
+}, {
+  label: 'Go to Symbol in Editor',
+  value: 'symbol'
+}, {
+  label: 'Start Debugging',
+  value: 'debug'
+}, {
+  label: 'Run Task',
+  value: 'task'
+}, {
+  label: 'More',
+  value: 'more'
+}];
+const handleCommandCenterClick = async state => {
+  await invoke('QuickPick.showCustom', commandCenterItems, {
+    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);
 };
@@ -3777,15 +3822,23 @@ const parseTitleTemplate = (template, folderName, appName) => {
   return template.replaceAll('${folderName}', () => folderName).replaceAll('${appName}', () => appName);
 };
 
+const getEndIndex = workspaceUri => {
+  let endIndex = workspaceUri.length;
+  while (endIndex > 0 && workspaceUri[endIndex - 1] === '/') {
+    endIndex--;
+  }
+  return endIndex;
+};
 const getTitle = (workspaceUri, titleTemplate, appName) => {
   if (!workspaceUri) {
     return '';
   }
-  const slashIndex = workspaceUri.lastIndexOf('/');
+  const endIndex = getEndIndex(workspaceUri);
+  const slashIndex = workspaceUri.lastIndexOf('/', endIndex - 1);
   if (slashIndex === -1) {
     return '';
   }
-  const folderName = workspaceUri.slice(slashIndex + 1);
+  const folderName = workspaceUri.slice(slashIndex + 1, endIndex);
 
   // If titleTemplate is empty, return folderName directly
   if (!titleTemplate) {
@@ -3982,6 +4035,7 @@ const MenuItemSubMenuArrowRight = 'MenuItemSubMenuArrowRight';
 const TitleBar = 'TitleBar';
 const TitleBarButton = 'TitleBarButton';
 const TitleBarButtons = 'TitleBarButtons';
+const TitleBarCommandCenter = 'TitleBarCommandCenter';
 const TitleBarEntryActive = 'TitleBarEntryActive';
 const TitleBarIcon = 'TitleBarIcon';
 const TitleBarIconIcon = 'TitleBarIconIcon';
@@ -4269,6 +4323,24 @@ const renderMenus = (oldState, newState) => {
   return ['Viewlet.send', uid, /* method */SetMenus, /* changes */changes, uid];
 };
 
+const Focusable = 0;
+
+const getCommandCenterVirtualDom = commandCenterEnabled => {
+  if (!commandCenterEnabled) {
+    return [];
+  }
+  return [{
+    ariaLabel: commandCenter(),
+    childCount: 1,
+    className: TitleBarCommandCenter,
+    onClick: HandleCommandCenterClick,
+    onKeyDown: HandleCommandCenterKeyDown,
+    role: Button$2,
+    tabIndex: Focusable,
+    type: Div
+  }, text(search())];
+};
+
 const getIcon = assetDir => {
   return `${assetDir}/icons/icon.svg`;
 };
@@ -4410,6 +4482,7 @@ const emptyTitleBarNode = {
 const getTitleBarVirtualDom = state => {
   const {
     assetDir,
+    commandCenterEnabled,
     focusedIndex,
     isMenuOpen,
     platform,
@@ -4428,7 +4501,8 @@ const getTitleBarVirtualDom = state => {
   }
   const iconSrc = getIcon(assetDir);
   const visibleEntries = getVisibleTitleBarEntries(titleBarEntries, width, focusedIndex, isMenuOpen);
-  const childCount = Number(titleBarIconEnabled) + Number(titleBarMenuBarEnabled) + Number(titleBarTitleEnabled) + Number(titleBarButtonsEnabled);
+  const titleEnabled = titleBarTitleEnabled && !commandCenterEnabled;
+  const childCount = Number(titleBarIconEnabled) + Number(titleBarMenuBarEnabled) + Number(commandCenterEnabled) + Number(titleEnabled) + Number(titleBarButtonsEnabled);
   return [{
     ariaLabel: titleBar(),
     childCount,
@@ -4437,7 +4511,7 @@ const getTitleBarVirtualDom = state => {
     onContextMenu: HandleTitleBarContextMenu,
     role: ContentInfo,
     type: Div
-  }, ...getTitleBarIconVirtualDom(titleBarIconEnabled, iconSrc), ...getTitleBarMenuBarVirtualDom(titleBarMenuBarEnabled, visibleEntries, focusedIndex), ...getTitleVirtualDom(titleBarTitleEnabled, title), ...getTitleBarButtonsVirtualDom(titleBarButtonsEnabled, titleBarButtons)];
+  }, ...getTitleBarIconVirtualDom(titleBarIconEnabled, iconSrc), ...getTitleBarMenuBarVirtualDom(titleBarMenuBarEnabled, visibleEntries, focusedIndex), ...getCommandCenterVirtualDom(commandCenterEnabled), ...getTitleVirtualDom(titleEnabled, title), ...getTitleBarButtonsVirtualDom(titleBarButtonsEnabled, titleBarButtons)];
 };
 
 const renderTitleBar = (oldState, newState) => {
@@ -4495,6 +4569,12 @@ const renderEventListeners = () => {
   }, {
     name: HandleClickToggleMaximize,
     params: ['handleClickToggleMaximize']
+  }, {
+    name: HandleCommandCenterClick,
+    params: ['handleCommandCenterClick']
+  }, {
+    name: HandleCommandCenterKeyDown,
+    params: ['handleCommandCenterKeyDown', Key]
   }, {
     name: HandleFocusIn,
     params: ['handleFocus']
@@ -5222,6 +5302,8 @@ const commandMap = {
   'TitleBar.handleClickClose': wrapCommand(handleClickClose),
   'TitleBar.handleClickMinimize': wrapCommand(handleClickMinimize),
   'TitleBar.handleClickToggleMaximize': wrapCommand(handleClickToggleMaximize),
+  'TitleBar.handleCommandCenterClick': wrapCommand(handleCommandCenterClick),
+  'TitleBar.handleCommandCenterKeyDown': wrapCommand(handleCommandCenterKeyDown),
   'TitleBar.handleContextMenu': wrapCommand(handleContextMenu),
   'TitleBar.handleElectronMenuClick': wrapCommand(handleElectronMenuClick),
   'TitleBar.handleFocus': wrapCommand(handleFocus),

package/package.json

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