@lvce-editor/extension-search-view 4.6.0 → 4.8.0

package/dist/extensionSearchViewWorkerMain.js

@@ -1117,6 +1117,33 @@ const terminate = () => {
   globalThis.close();
 };
 
+const None$3 = 'none';
+
+const Button$2 = 1;
+const Div = 4;
+const Input$1 = 6;
+const Text = 12;
+const Img = 17;
+
+const Button$1 = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const DeltaMode = 'event.deltaMode';
+const DeltaY = 'event.deltaY';
+const TargetValue = 'event.target.value';
+
+const Script$1 = 2;
+
+const LeftClick = 0;
+
+const DebugWorker = 55;
+const ExtensionHostWorker = 44;
+const RendererWorker$1 = 1;
+
+const None$2 = 0;
+const Input = 1;
+const List$2 = 2;
+
 const handleError = async (error, notify = true, prefix = '') => {
   // @ts-ignore
   console.error(error);
@@ -1208,10 +1235,6 @@ const viewsAndMoreActions = () => {
   return i18nString(ViewsAndMoreActions);
 };
 
-const None$3 = 0;
-const Input$1 = 1;
-const List$2 = 2;
-
 const getFinalDeltaY = (height, itemHeight, itemsLength) => {
   const contentHeight = itemsLength * itemHeight;
   const finalDeltaY = Math.max(contentHeight - height, 0);
@@ -1258,9 +1281,22 @@ const Disabled = '@disabled';
 const Builtin = '@builtin';
 const Sort = '@sort';
 const Id = '@id';
+const Category = '@category';
 const Outdated = '@outdated';
 
 const RE_PARAM = /@\w+/g;
+const deserializeCategory = value => {
+  if (value.startsWith(':"') && value.endsWith('"')) {
+    return value.slice(2, -1);
+  }
+  if (value.startsWith('"') && value.endsWith('"')) {
+    return value.slice(1, -1);
+  }
+  if (value.startsWith(':')) {
+    return value.slice(1);
+  }
+  return value.trim();
+};
 
 // TODO test sorting and filtering
 const parseValue = value => {
@@ -1271,6 +1307,7 @@ const parseValue = value => {
   let sort = '';
   let id = '';
   let outdated = false;
+  let category = '';
   // TODO this is not very functional code (assignment)
   const replaced = value.replaceAll(RE_PARAM, (match, by, order) => {
     if (match.startsWith(Installed)) {
@@ -1293,6 +1330,10 @@ const parseValue = value => {
       // TODO improve parsing
       id = value.replace('@id:', '');
     }
+    if (match.startsWith(Category)) {
+      const raw = value.replace('@category', '');
+      category = deserializeCategory(raw);
+    }
     if (match.startsWith(Outdated)) {
       outdated = true;
     }
@@ -1308,7 +1349,8 @@ const parseValue = value => {
     installed,
     id,
     sort,
-    isLocal
+    isLocal,
+    category
   };
 };
 
@@ -1320,10 +1362,18 @@ const matchesId = (extension, query) => {
   const extensionIdLower = extension.id.toLowerCase();
   return extensionIdLower.includes(query);
 };
+const matchesCategory = (extension, category) => {
+  return extension && typeof extension === 'object' && 'categories' in extension && Array.isArray(extension.categories) && extension.categories.some(item => {
+    return item.toLowerCase() === category;
+  });
+};
 const matchesParsedValue = (extension, parsedValue) => {
   if (parsedValue.id && extension.id) {
     return parsedValue.id === extension.id;
   }
+  if (parsedValue.category && matchesCategory(extension, parsedValue.category)) {
+    return true;
+  }
   if (extension.name) {
     return matchesName(extension, parsedValue.query);
   }
@@ -1387,7 +1437,7 @@ const handleInput = async (state, value, inputSource = User) => {
         allExtensions,
         deltaY: 0,
         finalDeltaY: 0,
-        focus: Input$1,
+        focus: Input,
         items,
         maxLineY: 0,
         message: noExtensionsFound(),
@@ -1436,34 +1486,16 @@ const handleInput = async (state, value, inputSource = User) => {
 };
 
 const clearSearchResults = state => {
-  return handleInput(state, '');
+  return handleInput({
+    ...state,
+    focus: Input
+  }, '', Script$1);
 };
 
 const closeSuggest = state => {
   return state;
 };
 
-const None$2 = 'none';
-
-const Button$2 = 1;
-const Div = 4;
-const Input = 6;
-const Text = 12;
-const Img = 17;
-
-const Button$1 = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const DeltaMode = 'event.deltaMode';
-const DeltaY = 'event.deltaY';
-const TargetValue = 'event.target.value';
-
-const LeftClick = 0;
-
-const DebugWorker = 55;
-const ExtensionHostWorker = 44;
-const RendererWorker$1 = 1;
-
 const rpcs = Object.create(null);
 const set$5 = (id, rpc) => {
   rpcs[id] = rpc;
@@ -1970,7 +2002,8 @@ const {
   wrapCommand,
   getCommandIds,
   registerCommands,
-  wrapGetter
+  wrapGetter,
+  diff
 } = create$2();
 
 const create = (id, uri, x, y, width, height, platform, assetDir) => {
@@ -2036,18 +2069,7 @@ const modules = [isEqual$1, isEqual$2, isEqual, isEqual$2];
 const numbers = [RenderItems, RenderFocus, RenderSearchValue, RenderFocusContext];
 
 const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get(uid);
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
+  return diff(uid, modules, numbers);
 };
 
 const dispose = uid => {
@@ -2333,7 +2355,7 @@ const getMenuEntries = () => {
 const handleBlur = state => {
   return {
     ...state,
-    focus: None$3
+    focus: None$2
   };
 };
 
@@ -2658,7 +2680,10 @@ const HandleTouchStart = 14;
 const HandleWheel = 15;
 
 const getInputActions = newState => {
-  const clearEnabled = newState.searchValue.length > 0;
+  const {
+    searchValue
+  } = newState;
+  const clearEnabled = searchValue.length > 0;
   const actions = [{
     onClick: HandleClearSearchResults,
     icon: `MaskIcon${ClearAll}`,
@@ -2774,7 +2799,9 @@ const normalizeExtension$1 = (extension, platform, assetDir) => {
     description: getDescription(extension),
     uri: '',
     publisher: getPublisher(extension),
-    icon: getIcon(extension, platform, assetDir)
+    icon: getIcon(extension, platform, assetDir),
+    // @ts-ignore // TODO
+    categories: extension.categories
   };
 };
 
@@ -2830,7 +2857,7 @@ const loadContent = async (state, savedState) => {
     inputSource: Script,
     inputActions,
     deltaY
-  }, searchValue);
+  }, searchValue, Script);
   return updatedState;
 };
 
@@ -2842,7 +2869,7 @@ const Extensions$1 = 'extensions';
 
 const getSelector = focus => {
   switch (focus) {
-    case Input$1:
+    case Input:
       return `[name="${Extensions$1}"]`;
     case List$2:
       return '.ListItems';
@@ -2866,7 +2893,7 @@ const renderFocusContext = newState => {
   const {
     uid
   } = newState;
-  if (newState.focus === Input$1) {
+  if (newState.focus === Input) {
     return ['Viewlet.setFocusContext', uid, FocusExtensionsInput];
   }
   if (newState.focus === List$2) {
@@ -2944,7 +2971,7 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     role: None,
     childCount: 2
   }, {
-    type: Input,
+    type: Input$1,
     inputType: 'search',
     className: MultilineInputBox,
     spellcheck: false,
@@ -3187,7 +3214,7 @@ const getExtensionsViewVirtualDom = state => {
     childCount: 2,
     ariaLive: 'polite',
     ariaBusy: false,
-    role: None$2
+    role: None$3
   }, ...getExtensionHeaderVirtualDom(placeholder, inputActions), ...getContentVirtualDom(visibleExtensions, message, scrollBarHeight, scrollBarY)];
 };
 

package/package.json

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