@lvce-editor/extension-search-view 4.10.0 → 4.12.0

package/dist/extensionSearchViewWorkerMain.js

@@ -1241,6 +1241,46 @@ const getFinalDeltaY = (height, itemHeight, itemsLength) => {
   return finalDeltaY;
 };
 
+const Button = 1;
+
+const HandleClearSearchResults = 1;
+const HandleClickFilter = 2;
+const HandleContextMenu = 3;
+const HandleExtensionsInput = 4;
+const HandleFocus = 5;
+const HandlePointerDown = 7;
+const HandleScrollBarMove = 9;
+const HandleScrollBarPointerCaptureLost = 10;
+const HandleScrollBarPointerDown = 11;
+const HandleTouchEnd = 12;
+const HandleTouchMove = 13;
+const HandleTouchStart = 14;
+const HandleWheel = 15;
+const HandleHeaderContextMenu = 16;
+
+const ClearAll = 'ClearAll';
+const Filter = 'Filter';
+const Refresh = 'Refresh';
+const Ellipsis = 'Ellipsis';
+
+const getInputActions = hasValue => {
+  const clearEnabled = hasValue;
+  const actions = [{
+    onClick: HandleClearSearchResults,
+    icon: `MaskIcon${ClearAll}`,
+    title: clearExtensionSearchResults(),
+    type: Button,
+    enabled: clearEnabled
+  }, {
+    icon: `MaskIcon${Filter}`,
+    title: filter(),
+    type: Button,
+    onClick: HandleClickFilter,
+    enabled: true
+  }];
+  return actions;
+};
+
 const getListHeight = (itemsLength, itemHeight, maxHeight) => {
   number(itemsLength);
   number(itemHeight);
@@ -1421,6 +1461,8 @@ const searchExtensions = async (extensions, value, platform, assetDir) => {
 // TODO debounce
 const handleInput = async (state, value, inputSource = User) => {
   try {
+    const hasValue = value.length > 0;
+    const inputActions = getInputActions(hasValue);
     const {
       allExtensions,
       itemHeight,
@@ -1447,7 +1489,8 @@ const handleInput = async (state, value, inputSource = User) => {
         placeholder: searchExtensionsInMarketPlace(),
         scrollBarHeight: 0,
         searchValue: value,
-        inputSource
+        inputSource,
+        inputActions
       };
     }
     const total = items.length;
@@ -1471,7 +1514,8 @@ const handleInput = async (state, value, inputSource = User) => {
       scrollBarHeight,
       scrollBarY,
       searchValue: value,
-      inputSource
+      inputSource,
+      inputActions
     };
 
     // TODO handle out of order responses (a bit complicated)
@@ -2052,7 +2096,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) => {
@@ -2244,13 +2288,6 @@ const focusPreviousPage = state => {
   return focusIndex(state, indexPreviousPage);
 };
 
-const Button = 1;
-
-const ClearAll = 'ClearAll';
-const Filter = 'Filter';
-const Refresh = 'Refresh';
-const Ellipsis = 'Ellipsis';
-
 const getActions = () => {
   return [{
     type: Button,
@@ -2345,12 +2382,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'
   }];
 };
 
@@ -2473,6 +2510,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;
@@ -2535,8 +2576,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);
@@ -2667,41 +2708,6 @@ const getAllExtensions = platform => {
   return getAllExtensions$1(platform);
 };
 
-const HandleClearSearchResults = 1;
-const HandleClickFilter = 2;
-const HandleContextMenu = 3;
-const HandleExtensionsInput = 4;
-const HandleFocus = 5;
-const HandlePointerDown = 7;
-const HandleScrollBarMove = 9;
-const HandleScrollBarPointerCaptureLost = 10;
-const HandleScrollBarPointerDown = 11;
-const HandleTouchEnd = 12;
-const HandleTouchMove = 13;
-const HandleTouchStart = 14;
-const HandleWheel = 15;
-
-const getInputActions = newState => {
-  const {
-    searchValue
-  } = newState;
-  const clearEnabled = searchValue.length > 0;
-  const actions = [{
-    onClick: HandleClearSearchResults,
-    icon: `MaskIcon${ClearAll}`,
-    title: clearExtensionSearchResults(),
-    type: Button,
-    enabled: clearEnabled
-  }, {
-    icon: `MaskIcon${Filter}`,
-    title: filter(),
-    type: Button,
-    onClick: HandleClickFilter,
-    enabled: true
-  }];
-  return actions;
-};
-
 const Small = 1;
 const Normal = 2;
 const Large = 3;
@@ -2866,13 +2872,11 @@ const loadContent = async (state, savedState) => {
   const allExtensions = await getAllExtensions(platform);
   const size = getViewletSize(width);
   const normalized = normalizeExtension(allExtensions, platform, assetDir);
-  const inputActions = getInputActions(state);
   const updatedState = await handleInput({
     ...state,
     allExtensions: normalized,
     size,
     inputSource: Script,
-    inputActions,
     deltaY
   }, searchValue, Script);
   return updatedState;
@@ -2944,7 +2948,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';
@@ -2952,7 +2956,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;
@@ -3020,14 +3024,15 @@ 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 => {
-  const actions = getInputActions(newState);
+  const actions = getInputActions(newState.searchValue.length > 0);
   const dom = getExtensionHeaderVirtualDom(newState.placeholder, actions);
   return ['setHeaderDom', dom];
 };
@@ -3365,6 +3370,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],
@@ -3399,6 +3408,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,
@@ -3442,6 +3485,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),
@@ -3479,7 +3523,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.10.0",
+  "version": "4.12.0",
   "description": "Extension Search View Worker",
   "repository": {
     "type": "git",