@lvce-editor/extension-search-view 4.9.0 → 4.11.0

package/dist/extensionSearchViewWorkerMain.js

@@ -1269,11 +1269,13 @@ const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
 const User = 1;
 const Script = 2;
 
-const getScrollBarOffset$1 = (delta, finalDelta, size, scrollBarSize) => {
+const getScrollBarY$1 = (delta, finalDelta, size, scrollBarSize) => {
+  if (finalDelta === 0) {
+    return 0;
+  }
   const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
   return scrollBarOffset;
 };
-const getScrollBarY$1 = getScrollBarOffset$1;
 
 const Installed = '@installed';
 const Enabled = '@enabled';
@@ -2050,7 +2052,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.deltaY === newState.deltaY && oldState.focusedIndex === newState.focusedIndex && oldState.message === newState.message && oldState.inputActions === newState.inputActions && oldState.placeholder === newState.placeholder;
+  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.deltaY === newState.deltaY && oldState.focusedIndex === newState.focusedIndex && oldState.message === newState.message && oldState.inputActions === newState.inputActions && oldState.placeholder === newState.placeholder && oldState.scrollBarHeight === newState.scrollBarHeight;
 };
 
 const isEqual = (oldState, newState) => {
@@ -2343,12 +2345,12 @@ const getMenuEntries = () => {
     id: 'copy',
     label: copy(),
     flags: None$1,
-    command: 'SearchExtensions.copy'
+    command: 'Extensions.copyExtensionInfo'
   }, {
     id: 'copyExtensionId',
     label: copyExtensionId$1(),
     flags: None$1,
-    command: 'SearchExtensions.copyExtensionId'
+    command: 'Extensions.copyExtensionId'
   }];
 };
 
@@ -2471,6 +2473,10 @@ const handleFocus = async state => {
   };
 };
 
+const handleHeaderContextMenu = async state => {
+  return state;
+};
+
 // TODO show error / warning  when installment fails / times out
 const handleInstall = async (state, id) => {
   return state;
@@ -2533,8 +2539,8 @@ const setDeltaY = (state, value) => {
   }
   // TODO when it only moves by one px, extensions don't need to be rerendered, only negative margin
   const minLineY = Math.floor(newDeltaY / itemHeight);
-  const maxLineY = minLineY + getNumberOfVisibleItems$1(listHeight, itemHeight);
   const total = items.length;
+  const maxLineY = Math.min(minLineY + getNumberOfVisibleItems$1(listHeight, itemHeight), total);
   const contentHeight = total * itemHeight;
   const scrollBarHeight = getScrollBarSize(listHeight, contentHeight, minimumSliderSize);
   const scrollBarY = getScrollBarY$1(newDeltaY, finalDeltaY, height - headerHeight, scrollBarHeight);
@@ -2678,6 +2684,7 @@ const HandleTouchEnd = 12;
 const HandleTouchMove = 13;
 const HandleTouchStart = 14;
 const HandleWheel = 15;
+const HandleHeaderContextMenu = 16;
 
 const getInputActions = newState => {
   const {
@@ -2721,6 +2728,9 @@ const getRemoteUrl = (extension, platform, assetDir) => {
     }
     return `/remote/${extension.path}/${extension.icon}`; // TODO support windows paths
   }
+  if (platform === Web) {
+    return `${extension.path}/${extension.icon}`;
+  }
   return '';
 };
 
@@ -2740,7 +2750,7 @@ const isLanguageBasicsExtension = extension => {
 const isThemeExtension = extension => {
   return extension.name && extension.name.endsWith(' Theme');
 };
-const getIcon = (extension, platform, assetDir) => {
+const getExtensionIcon = (extension, platform, assetDir) => {
   if (!extension) {
     return getExtensionDefaultIcon(assetDir);
   }
@@ -2755,6 +2765,10 @@ const getIcon = (extension, platform, assetDir) => {
   }
   return getRemoteUrl(extension, platform, assetDir);
 };
+
+const getIcon = (extension, platform, assetDir) => {
+  return getExtensionIcon(extension, platform, assetDir);
+};
 const getName = extension => {
   if (extension && extension.name) {
     return extension.name;
@@ -2935,7 +2949,7 @@ const SearchField = 'SearchField';
 const SearchFieldButton = 'SearchFieldButton';
 const SearchFieldButtons = 'SearchFieldButtons';
 const SearchFieldContainer = 'SearchFieldContainer';
-const SearchFieldDisabled = 'SearchFieldDisabled';
+const SearchFieldButtonDisabled = 'SearchFieldButtonDisabled';
 const Viewlet = 'Viewlet';
 
 const List = 'list';
@@ -2943,7 +2957,7 @@ const ListItem = 'listitem';
 const None = 'none';
 const ToolBar = 'toolbar';
 
-const disabledClassName = mergeClassNames(SearchFieldButton, SearchFieldDisabled);
+const disabledClassName = mergeClassNames(SearchFieldButton, SearchFieldButtonDisabled);
 const getClassName$1 = enabled => {
   if (enabled) {
     return SearchFieldButton;
@@ -3011,10 +3025,11 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
 const parentNode = {
   type: Div,
   className: ExtensionHeader,
-  childCount: 1
+  childCount: 1,
+  onContextMenu: HandleHeaderContextMenu
 };
 const getExtensionHeaderVirtualDom = (placeholder, actions) => {
-  return [parentNode, ...getSearchFieldVirtualDom('extensions', placeholder, HandleExtensionsInput, actions, [])];
+  return [parentNode, ...getSearchFieldVirtualDom(Extensions$1, placeholder, HandleExtensionsInput, actions, [])];
 };
 
 const renderHeader = newState => {
@@ -3356,6 +3371,10 @@ const renderEventListeners = () => {
     name: HandleContextMenu,
     params: ['handleContextMenu', Button$1, ClientX, ClientY],
     preventDefault: true
+  }, {
+    name: HandleHeaderContextMenu,
+    params: ['handleHeaderContextMenu'],
+    preventDefault: true
   }, {
     name: HandlePointerDown,
     params: ['handleClickAt', Button$1, ClientX, ClientY],
@@ -3390,6 +3409,40 @@ const renderEventListeners = () => {
   }];
 };
 
+const resize = async (state, dimensions) => {
+  const {
+    items,
+    itemHeight,
+    headerHeight,
+    minimumSliderSize
+  } = state;
+  const {
+    x,
+    y,
+    width,
+    height
+  } = dimensions;
+  const total = items.length;
+  const listHeight = getListHeight(total, itemHeight, height);
+  const contentHeight = total * itemHeight;
+  const scrollBarHeight = getScrollBarSize(height, contentHeight, minimumSliderSize);
+  const numberOfVisible = getNumberOfVisibleItems$1(listHeight, itemHeight);
+  const maxLineY = Math.min(numberOfVisible, total);
+  const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
+  const scrollBarY = getScrollBarY$1(0, finalDeltaY, height - headerHeight, scrollBarHeight);
+  return {
+    ...state,
+    finalDeltaY,
+    height,
+    maxLineY,
+    scrollBarHeight,
+    scrollBarY,
+    width,
+    x,
+    y
+  };
+};
+
 const saveState = state => {
   const {
     searchValue,
@@ -3433,6 +3486,7 @@ const commandMap = {
   'SearchExtensions.focusIndex': wrapCommand(focusIndex),
   'SearchExtensions.focusLast': wrapCommand(focusLast),
   'SearchExtensions.focusNext': wrapCommand(focusNext),
+  'SearchExtensions.handleHeaderContextMenu': wrapCommand(handleHeaderContextMenu),
   'SearchExtensions.focusNextPage': wrapCommand(focusNextPage),
   'SearchExtensions.focusPrevious': wrapCommand(focusPrevious),
   'SearchExtensions.focusPreviousPage': wrapCommand(focusPreviousPage),
@@ -3470,7 +3524,8 @@ const commandMap = {
   'SearchExtensions.selectIndex': wrapCommand(selectIndex),
   'SearchExtensions.setDeltaY': wrapCommand(setDeltaY),
   'SearchExtensions.terminate': terminate,
-  'SearchExtensions.toggleSuggest': wrapCommand(toggleSuggest)
+  'SearchExtensions.toggleSuggest': wrapCommand(toggleSuggest),
+  'SearchExtensions.resize': wrapCommand(resize)
 };
 
 const listen = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-search-view",
-  "version": "4.9.0",
+  "version": "4.11.0",
   "description": "Extension Search View Worker",
   "repository": {
     "type": "git",