@lvce-editor/extension-search-view 7.1.0 → 7.3.0

package/dist/extensionSearchViewWorkerMain.js

@@ -1511,7 +1511,7 @@ const Id = '@id';
 const Category = '@category';
 const Outdated = '@outdated';
 
-const RE_PARAM = /@\w+/g;
+const RE_PARAM = /@\w+(?::\w+)?/g;
 const deserializeCategory = value => {
   if (value.startsWith(':"') && value.endsWith('"')) {
     return value.slice(2, -1);
@@ -1550,8 +1550,17 @@ const parseValue = value => {
       builtin = true;
     }
     if (match.startsWith(Sort)) {
-      // TODO correcly parse sort order
-      sort = 'installs';
+      // Parse sort value after @sort:
+      const sortValue = match.slice(Sort.length);
+      if (sortValue.startsWith(':')) {
+        sort = sortValue.slice(1);
+      } else if (sortValue === '') {
+        // Default sort if no value specified
+        sort = 'installs';
+      } else {
+        // Handle cases like @sort:installs or @sortsize (without colon)
+        sort = sortValue.replace(/^:/, '');
+      }
     }
     if (match.startsWith(Id)) {
       // TODO improve parsing
@@ -1867,7 +1876,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.focus === newState.focus && oldState.inputActions === newState.inputActions && oldState.placeholder === newState.placeholder && oldState.scrollBarHeight === newState.scrollBarHeight;
+  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex && oldState.message === newState.message && oldState.focus === newState.focus && oldState.inputActions === newState.inputActions && oldState.placeholder === newState.placeholder;
 };
 
 const User = 1;
@@ -2851,9 +2860,13 @@ const handleScrollBarMove = (state, eventY) => {
     handleOffset,
     headerHeight,
     height,
+    scrollBarActive,
     scrollBarHeight,
     y
   } = state;
+  if (!scrollBarActive) {
+    return state;
+  }
   const relativeY = eventY - y - headerHeight - handleOffset;
   const contentHeight = height - headerHeight;
   const newPercent = getNewPercent(contentHeight, scrollBarHeight, relativeY);
@@ -3130,14 +3143,15 @@ const getCss = state => {
     scrollBarHeight,
     scrollBarY
   } = state;
-  const relative = deltaY % itemHeight;
+  const relative = -(deltaY % itemHeight);
+  const roundedScrollBarY = Math.round(scrollBarY);
   return `.Extensions .ScrollBarThumb {
   height: ${scrollBarHeight}px;
-  top: ${scrollBarY}px;
+  translate: 0 ${roundedScrollBarY}px;
 }
 
 .Extensions .ListItems {
-  top: -${relative}px;
+  translate: 0 ${relative}px;
 
 .ExtensionListItem {
   position: relative !important;
@@ -3414,21 +3428,14 @@ const getNoExtensionsFoundVirtualDom = message => {
   }, text(message)];
 };
 
-const px = value => {
-  return `${value}px`;
-};
-const position = (x, y) => {
-  return `${x}px ${y}px`;
-};
-
 const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   const shouldShowScrollbar = scrollBarHeight > 0;
   if (!shouldShowScrollbar) {
     return [];
   }
   // TODO move the dynamic css into a css adopted stylesheet
-  const heightString = px(scrollBarHeight);
-  const translateString = position(0, scrollBarTop);
+  // const heightString = Px.px(scrollBarHeight)
+  // const translateString = Px.position(0, scrollBarTop)
   return [{
     childCount: 1,
     className: mergeClassNames(ScrollBar, ScrollBarSmall),
@@ -3438,8 +3445,8 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   }, {
     childCount: 0,
     className: ScrollBarThumb,
-    height: heightString,
-    translate: translateString,
+    // height: heightString,
+    // translate: translateString,
     type: Div
   }];
 };
@@ -3493,7 +3500,7 @@ const getContentVirtualDom = (visibleExtensions, message, scrollBarHeight, scrol
     childCount: 2,
     className: mergeClassNames(Viewlet, List$1),
     type: Div
-  }, ...getExtensionsVirtualDom(visibleExtensions, focusOutline), ...getScrollBarVirtualDom(scrollBarHeight, scrollBarY)];
+  }, ...getExtensionsVirtualDom(visibleExtensions, focusOutline), ...getScrollBarVirtualDom(scrollBarHeight)];
 };
 const getExtensionsViewVirtualDom = state => {
   const visibleExtensions = getVisible(state);
@@ -3543,6 +3550,13 @@ const renderMessage = newState => {
   return [/* method */SetMessage, /* message */newState.message];
 };
 
+const px = value => {
+  return `${value}px`;
+};
+const position = (x, y) => {
+  return `${x}px ${y}px`;
+};
+
 const renderScrollBar = newState => {
   const listHeight = getListHeight(newState.items.length, newState.itemHeight, newState.height);
   const total = newState.items.length;

package/package.json

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