@lvce-editor/source-control-worker 1.8.0 → 1.9.0

package/dist/sourceControlWorkerMain.js

@@ -1097,7 +1097,7 @@ const diff2 = uid => {
   return result;
 };
 
-const commandIds = ['acceptInput', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'handleClick', 'handleClickAt', 'handleFocus', 'handleIconThemeChange', 'handleMouseOut', 'handleMouseOutAt', 'handleMouseOver', 'handleMouseOverAt', 'handleWheel', 'selectIndex'];
+const commandIds = ['acceptInput', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'refresh', 'handleClickSourceControlButtons', 'handleClick', 'handleClickAt', 'handleFocus', 'handleIconThemeChange', 'handleMouseOut', 'handleMouseOutAt', 'handleMouseOver', 'handleMouseOverAt', 'handleWheel', 'selectIndex'];
 
 const getCommandIds = () => {
   return commandIds;
@@ -1531,6 +1531,65 @@ const getIndex = (state, eventX, eventY) => {
   return index;
 };
 
+const refresh = async state => {
+  const {
+    itemHeight,
+    height,
+    minimumSliderSize,
+    fileIconCache,
+    enabledProviderIds,
+    splitButtonEnabled,
+    actionsCache
+  } = state;
+  const {
+    allGroups,
+    gitRoot
+  } = await getGroups(enabledProviderIds);
+  const isExpanded = true;
+  const displayItems = getDisplayItems(allGroups, isExpanded);
+  const total = displayItems.length;
+  const contentHeight = total * itemHeight;
+  const listHeight = getListHeight(total, itemHeight, height);
+  const scrollBarHeight = getScrollBarSize(height, contentHeight, minimumSliderSize);
+  const numberOfVisible = getNumberOfVisibleItems(listHeight, itemHeight);
+  const minLineY = 0;
+  const maxLineY = Math.min(numberOfVisible, total);
+  const visibleItems = getVisibleSourceControlItems(displayItems, minLineY, maxLineY, actionsCache, fileIconCache);
+  const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
+  return {
+    ...state,
+    allGroups,
+    gitRoot,
+    items: displayItems,
+    visibleItems,
+    enabledProviderIds,
+    isExpanded,
+    splitButtonEnabled,
+    maxLineY,
+    scrollBarHeight,
+    finalDeltaY,
+    actionsCache
+  };
+};
+
+const handleClickSourceControlButtons = async (state, index, name) => {
+  const {
+    visibleItems
+  } = state;
+  const item = visibleItems[index];
+  if (!item) {
+    return state;
+  }
+  const button = item.buttons.find(button => button.label === name);
+  if (!button) {
+    return state;
+  }
+  const file = item.file;
+  await executeCommand(button.command, file);
+  const newState = await refresh(state);
+  return newState;
+};
+
 const updateVisibleItems = async (state, isExpanded) => {
   const {
     allGroups,
@@ -1618,8 +1677,11 @@ const selectIndex = async (state, index) => {
   }
 };
 
-const handleClickAt = async (state, eventX, eventY) => {
+const handleClickAt = async (state, eventX, eventY, name) => {
   const index = getIndex(state, eventX, eventY);
+  if (name) {
+    return handleClickSourceControlButtons(state, index, name);
+  }
   return selectIndex(state, index);
 };
 
@@ -1743,6 +1805,7 @@ const initialize = async () => {
 };
 
 const Actions = 'Actions';
+const SourceControlButtons = 'SourceControlButtons';
 const Grow = 'Grow';
 const Chevron = 'Chevron';
 const ChevronRight = 'ChevronRight';
@@ -1874,7 +1937,8 @@ const getButtonVirtualDom = button => {
     className: SourceControlButton,
     title: label,
     ariaLabel: label,
-    childCount: 1
+    childCount: 1,
+    name: label
   }, getIconVirtualDom(icon, Span)];
 };
 
@@ -1884,7 +1948,7 @@ const getButtonsVirtualDom = buttons => {
   }
   return [{
     type: Div,
-    className: 'SourceControlButtons',
+    className: SourceControlButtons,
     childCount: buttons.length
   }, ...buttons.flatMap(getButtonVirtualDom)];
 };
@@ -2164,7 +2228,7 @@ const renderEventListeners = () => {
     params: ['handleFocus']
   }, {
     name: HandleClickAt,
-    params: ['handleClickAt', 'event.clientX', 'event.clientY']
+    params: ['handleClickAt', 'event.clientX', 'event.clientY', 'event.target.name']
   }, {
     name: HandleMouseOverAt,
     params: ['handleMouseOverAt', 'event.clientX', 'event.clientY']
@@ -2237,6 +2301,7 @@ const commandMap = {
   'SourceControl.handleContextMenu': wrapCommand(handleContextMenu),
   'SourceControl.handleFocus': wrapCommand(handleFocus),
   'SourceControl.handleMouseOut': wrapCommand(handleMouseOut),
+  'SourceControl.refresh': wrapCommand(refresh),
   'SourceControl.handleMouseOutAt': wrapCommand(handleMouseOutAt),
   'SourceControl.handleMouseOver': wrapCommand(handleMouseOver),
   'SourceControl.handleMouseOverAt': wrapCommand(handleMouseOverAt),
@@ -2249,7 +2314,8 @@ const commandMap = {
   'SourceControl.saveState': saveState,
   'SourceControl.selectIndex': wrapCommand(selectIndex),
   'SourceControl.terminate': terminate,
-  'SourceControl.updateIcons': wrapCommand(updateIcons)
+  'SourceControl.updateIcons': wrapCommand(updateIcons),
+  'SourceControl.handleClickSourceControlButtons': wrapCommand(handleClickSourceControlButtons)
 };
 
 const listen = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/source-control-worker",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Source Control Worker",
   "keywords": [
     "Lvce Editor"