@lvce-editor/extension-search-view 3.2.0 → 3.4.0

package/dist/extensionSearchViewWorkerMain.js

@@ -797,6 +797,9 @@ const createRpc = ipc => {
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer(ipc, method, ...params);
+    },
+    async dispose() {
+      await ipc?.dispose();
     }
   };
   return rpc;
@@ -866,9 +869,14 @@ const NoExtensionsFound = 'No extensions found.';
 const Filter$1 = 'Filter';
 const Refresh$1 = 'Refresh';
 const ClearExtensionSearchResults = 'Clear extension search results';
+const Enable = 'Enable';
+const Disable = 'Disable';
+const InstallAnotherVersion = 'Install Another Version';
 const SearchExtensionsInMarketplace = 'Search Extensions in Marketplace';
 const ViewsAndMoreActions = 'Views and more Actions...';
 const Extensions = 'Extensions';
+const Copy = 'Copy';
+const CopyExtensionId = 'CopyExtensionId';
 
 const noExtensionsFound = () => {
   return i18nString(NoExtensionsFound);
@@ -885,6 +893,21 @@ const extensions = () => {
 const clearExtensionSearchResults = () => {
   return i18nString(ClearExtensionSearchResults);
 };
+const enable = () => {
+  return i18nString(Enable);
+};
+const disable = () => {
+  return i18nString(Disable);
+};
+const installAnotherVersion = () => {
+  return i18nString(InstallAnotherVersion);
+};
+const copy = () => {
+  return i18nString(Copy);
+};
+const copyExtensionId = () => {
+  return i18nString(CopyExtensionId);
+};
 const searchExtensionsInMarketPlace = () => {
   return i18nString(SearchExtensionsInMarketplace);
 };
@@ -1123,6 +1146,28 @@ const create$1 = () => {
       return Object.keys(states).map(key => {
         return Number.parseInt(key);
       });
+    },
+    clear() {
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
+    },
+    wrapCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        const newerState = await fn(newState, ...args);
+        if (newState === newerState) {
+          return;
+        }
+        const latest = states[uid];
+        states[uid] = {
+          oldState: latest.oldState,
+          newState: newerState
+        };
+      };
+      return wrapped;
     }
   };
 };
@@ -1130,7 +1175,9 @@ const create$1 = () => {
 const {
   get: get$1,
   set: set$1,
-  dispose: dispose$1} = create$1();
+  dispose: dispose$1,
+  wrapCommand
+} = create$1();
 
 const create = (id, uri, x, y, width, height, platform, assetDir) => {
   const state = {
@@ -1356,7 +1403,7 @@ const focusPreviousPage = state => {
   return focusIndex(state, indexPreviousPage);
 };
 
-const Button$2 = 1;
+const Button$1 = 1;
 
 const ClearAll = 'ClearAll';
 const Filter = 'Filter';
@@ -1365,19 +1412,19 @@ const Ellipsis = 'Ellipsis';
 
 const getActions = () => {
   return [{
-    type: Button$2,
+    type: Button$1,
     id: refresh(),
     icon: Refresh,
     command: ''
   }, {
-    type: Button$2,
+    type: Button$1,
     id: viewsAndMoreActions(),
     icon: Ellipsis,
     command: ''
   }];
 };
 
-const commandIds = ['clearSearchResults', 'closeSuggest', 'focusFirst', 'focusLast', 'focusNext', 'focusNextPage', 'focusPrevious', 'focusPreviousPage', 'handleBlur', 'handleClick', 'handleContextMenu', 'handleDisable', 'handleFocus', 'handleInput', 'handleInstall', 'handleScrollBarCaptureLost', 'handleScrollBarClick', 'handleScrollBarMove', 'handleUninstall', 'handleWheel', 'openSuggest', 'render', 'saveState', 'scrollDown', 'selectIndex', 'setDeltaY', 'toggleSuggest', 'handleScrollBarThumbPointerMove'];
+const commandIds = ['clearSearchResults', 'closeSuggest', 'focusFirst', 'focusLast', 'focusNext', 'focusNextPage', 'focusPrevious', 'focusPreviousPage', 'handleBlur', 'handleClick', 'handleClickFilter', 'handleContextMenu', 'handleDisable', 'handleFocus', 'handleInput', 'handleInstall', 'handleScrollBarCaptureLost', 'handleScrollBarClick', 'handleScrollBarMove', 'handleScrollBarThumbPointerMove', 'handleUninstall', 'handleWheel', 'openSuggest', 'render', 'saveState', 'scrollDown', 'selectIndex', 'setDeltaY', 'toggleSuggest'];
 
 const getCommandIds = () => {
   return commandIds;
@@ -1440,6 +1487,37 @@ const getKeyBindings = () => {
   }];
 };
 
+const None$1 = 0;
+
+const getMenuEntries = () => {
+  return [{
+    id: 'enable',
+    label: enable(),
+    flags: None$1,
+    command: 'SearchExtensions.enable'
+  }, {
+    id: 'disable',
+    label: disable(),
+    flags: None$1,
+    command: 'SearchExtensions.disable'
+  }, {
+    id: 'installAnotherVersion',
+    label: installAnotherVersion(),
+    flags: None$1,
+    command: 'SearchExtensions.installAnotherVersion'
+  }, {
+    id: 'copy',
+    label: copy(),
+    flags: None$1,
+    command: 'SearchExtensions.copy'
+  }, {
+    id: 'copyExtensionId',
+    label: copyExtensionId(),
+    flags: None$1,
+    command: 'SearchExtensions.copyExtensionId'
+  }];
+};
+
 const handleBlur = state => {
   return state;
 };
@@ -1518,7 +1596,7 @@ const show = async (x, y, id) => {
   number(x);
   number(y);
   number(id);
-  // TODO
+  await invoke('ContextMenu.show', x, y, id);
 };
 
 const ManageExtension = 8;
@@ -1774,7 +1852,7 @@ const getDescription = extension => {
   }
   return extension.description;
 };
-const getId = extension => {
+const getId$1 = extension => {
   if (!extension || !extension.id) {
     return 'n/a';
   }
@@ -1798,7 +1876,7 @@ const getPublisher = extension => {
 
 const normalizeExtension$1 = (extension, platform, assetDir) => {
   return {
-    id: getId(extension),
+    id: getId$1(extension),
     name: getName(extension),
     description: getDescription(extension),
     uri: '',
@@ -1867,58 +1945,86 @@ const ExtensionListItemAuthorName = 'ExtensionListItemAuthorName';
 const ExtensionListItemDescription = 'ExtensionListItemDescription';
 const ExtensionListItemDetail = 'ExtensionListItemDetail';
 const ExtensionListItemFooter = 'ExtensionListItemFooter';
-const MaskIcon = 'MaskIcon';
 const ExtensionListItemIcon = 'ExtensionListItemIcon';
 const ExtensionListItemName = 'ExtensionListItemName';
 const IconButton = 'IconButton';
 const ListItems = 'ListItems';
+const MaskIcon = 'MaskIcon';
 const MultilineInputBox = 'MultilineInputBox';
 const ScrollBarThumb = 'ScrollBarThumb';
 const ScrollBarThumbActive = 'ScrollBarThumbActive';
 const SearchField = 'SearchField';
+const SearchFieldButton = 'SearchFieldButton';
 const SearchFieldButtons = 'SearchFieldButtons';
 const SearchFieldContainer = 'SearchFieldContainer';
+const SearchFieldDisabled = 'SearchFieldDisabled';
+
+const HandleContextMenu = 'handleContextMenu';
+const HandlePointerDown = 'handlePointerDown';
+const HandleTouchStart = 'handleTouchStart';
+const HandleWheel = 'handleWheel';
+const HandleExtensionsInput = 'handleExtensionsInput';
+const HandleClearSearchResults = 'handleClearSearchResults';
+const HandleClickFilter = 'handleClickFilter';
 
-const CheckBox = 'checkbox';
 const List = 'list';
 const ListItem = 'listitem';
 const None = 'none';
 const ToolBar = 'toolbar';
 
-const Div$1 = 4;
-const Img$1 = 17;
-const TextArea$1 = 62;
-const Button$1 = 1;
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+const Text = 12;
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+
+const Div = 4;
+const Img = 17;
+const TextArea = 62;
+const Button = 1;
 
+const getClassName$1 = enabled => {
+  if (enabled) {
+    return SearchFieldButton;
+  }
+  return mergeClassNames(SearchFieldButton, SearchFieldDisabled);
+};
 const getSearchFieldButtonVirtualDom = button => {
   const {
     icon,
-    checked,
-    title
+    title,
+    enabled,
+    onClick
   } = button;
   return [{
-    type: Div$1,
-    className: `SearchFieldButton ${checked ? 'SearchFieldButtonChecked' : ''}`,
+    type: Div,
+    className: getClassName$1(enabled),
     title,
-    role: CheckBox,
-    ariaChecked: checked,
     tabIndex: 0,
-    childCount: 1
+    childCount: 1,
+    onClick
   }, {
-    type: Div$1,
-    className: `MaskIcon ${icon}`,
+    type: Div,
+    className: mergeClassNames(MaskIcon, icon),
     childCount: 0
   }];
 };
 
 const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, outsideButtons, onFocus = '') => {
+  // TODO avoid mutation
   const dom = [{
-    type: Div$1,
+    type: Div,
     className: SearchField,
     role: None,
     childCount: 2
   }, {
-    type: TextArea$1,
+    type: TextArea,
     className: MultilineInputBox,
     spellcheck: false,
     autocapitalize: 'off',
@@ -1929,13 +2035,13 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     onFocus,
     childCount: 0
   }, {
-    type: Div$1,
+    type: Div,
     className: SearchFieldButtons,
     childCount: insideButtons.length
   }, ...insideButtons.flatMap(getSearchFieldButtonVirtualDom)];
   if (outsideButtons.length > 0) {
     dom.unshift({
-      type: Div$1,
+      type: Div,
       className: SearchFieldContainer,
       role: None,
       childCount: 1 + outsideButtons.length
@@ -1945,196 +2051,78 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
   return dom;
 };
 
+const parentNode = {
+  type: Div,
+  className: ExtensionHeader,
+  childCount: 1
+};
 const getExtensionHeaderVirtualDom = (placeholder, actions) => {
-  return [{
-    type: Div$1,
-    className: ExtensionHeader,
-    childCount: 1
-  }, ...getSearchFieldVirtualDom('extensions', placeholder, 'handleExtensionsInput', actions, [])];
+  return [parentNode, ...getSearchFieldVirtualDom('extensions', placeholder, HandleExtensionsInput, actions, [])];
 };
 
-const renderHeader = newState => {
+const getInputActions = newState => {
+  const clearEnabled = newState.searchValue.length > 0;
   const actions = [{
-    type: Button$2,
-    title: clearExtensionSearchResults(),
+    onClick: HandleClearSearchResults,
     icon: `MaskIcon${ClearAll}`,
-    command: 'Extensions.clearSearchResults'
+    title: clearExtensionSearchResults(),
+    type: Button$1,
+    enabled: clearEnabled
   }, {
-    type: Button$2,
+    icon: `MaskIcon${Filter}`,
     title: filter(),
-    icon: `MaskIcon${Filter}`
+    type: Button$1,
+    onClick: HandleClickFilter,
+    enabled: true
   }];
+  return actions;
+};
+
+const renderHeader = newState => {
+  const actions = getInputActions(newState);
   const dom = getExtensionHeaderVirtualDom(newState.placeholder, actions);
   return ['setHeaderDom', dom];
 };
 
-const HandleContextMenu = 'handleContextMenu';
-const HandlePointerDown = 'handlePointerDown';
-const HandleTouchStart = 'handleTouchStart';
-const HandleWheel = 'handleWheel';
-
 const Extension = 'Extension';
 
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-
-// src/parts/MergeClassNames/MergeClassNames.ts
-var mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(" ");
-};
-
-// src/parts/VirtualDomElements/VirtualDomElements.ts
-var VirtualDomElements_exports = {};
-__export(VirtualDomElements_exports, {
-  A: () => A,
-  Abbr: () => Abbr,
-  Article: () => Article,
-  Aside: () => Aside,
-  Audio: () => Audio,
-  Br: () => Br,
-  Button: () => Button,
-  Cite: () => Cite,
-  Col: () => Col,
-  ColGroup: () => ColGroup,
-  Data: () => Data,
-  Dd: () => Dd,
-  Del: () => Del,
-  Div: () => Div,
-  Dl: () => Dl,
-  Figcaption: () => Figcaption,
-  Figure: () => Figure,
-  Footer: () => Footer,
-  H1: () => H1,
-  H2: () => H2,
-  H3: () => H3,
-  H4: () => H4,
-  H5: () => H5,
-  H6: () => H6,
-  Header: () => Header,
-  Hr: () => Hr,
-  I: () => I,
-  Img: () => Img,
-  Input: () => Input,
-  Ins: () => Ins,
-  Kbd: () => Kbd,
-  Li: () => Li,
-  Nav: () => Nav,
-  Ol: () => Ol,
-  Option: () => Option,
-  P: () => P,
-  Pre: () => Pre,
-  Root: () => Root,
-  Search: () => Search,
-  Section: () => Section,
-  Select: () => Select,
-  Span: () => Span,
-  TBody: () => TBody,
-  THead: () => THead,
-  Table: () => Table,
-  Td: () => Td,
-  Text: () => Text,
-  TextArea: () => TextArea,
-  Tfoot: () => Tfoot,
-  Th: () => Th,
-  Time: () => Time,
-  Tr: () => Tr,
-  Ul: () => Ul,
-  Video: () => Video
-});
-var Audio = 0;
-var Button = 1;
-var Col = 2;
-var ColGroup = 3;
-var Div = 4;
-var H1 = 5;
-var Input = 6;
-var Kbd = 7;
-var Span = 8;
-var Table = 9;
-var TBody = 10;
-var Td = 11;
-var Text = 12;
-var Th = 13;
-var THead = 14;
-var Tr = 15;
-var I = 16;
-var Img = 17;
-var Root = 0;
-var Ins = 20;
-var Del = 21;
-var H2 = 22;
-var H3 = 23;
-var H4 = 24;
-var H5 = 25;
-var H6 = 26;
-var Article = 27;
-var Aside = 28;
-var Footer = 29;
-var Header = 30;
-var Nav = 40;
-var Section = 41;
-var Search = 42;
-var Dd = 43;
-var Dl = 44;
-var Figcaption = 45;
-var Figure = 46;
-var Hr = 47;
-var Li = 48;
-var Ol = 49;
-var P = 50;
-var Pre = 51;
-var A = 53;
-var Abbr = 54;
-var Br = 55;
-var Cite = 56;
-var Data = 57;
-var Time = 58;
-var Tfoot = 59;
-var Ul = 60;
-var Video = 61;
-var TextArea = 62;
-var Select = 63;
-var Option = 64;
-
-// src/parts/Text/Text.ts
-var text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
-};
-
 const listItemDetail = {
-  type: Div$1,
+  type: Div,
   className: ExtensionListItemDetail,
   childCount: 3
 };
 const listItemName = {
-  type: Div$1,
+  type: Div,
   className: ExtensionListItemName,
   childCount: 1
 };
 const listItemDescription = {
-  type: Div$1,
+  type: Div,
   className: ExtensionListItemDescription,
   childCount: 1
 };
 const listItemFooter = {
-  type: Div$1,
+  type: Div,
   className: ExtensionListItemFooter,
   childCount: 2
 };
 const listItemAuthorName = {
-  type: Div$1,
+  type: Div,
   className: ExtensionListItemAuthorName,
   childCount: 1
 };
+const getClassName = focused => {
+  if (focused) {
+    return mergeClassNames(ExtensionListItem, ExtensionActive);
+  }
+  return ExtensionListItem;
+};
+const getId = focused => {
+  if (focused) {
+    return `ExtensionActive`;
+  }
+  return undefined;
+};
 const getExtensionListItemVirtualDom = extension => {
   const {
     posInSet,
@@ -2147,35 +2135,32 @@ const getExtensionListItemVirtualDom = extension => {
     focused
   } = extension;
   const dom = [{
-    type: Div$1,
+    type: Div,
     role: ListItem,
     ariaRoleDescription: Extension,
-    className: ExtensionListItem,
+    className: getClassName(focused),
+    id: getId(focused),
     ariaPosInSet: posInSet,
     ariaSetSize: setSize,
     top,
     childCount: 2
   }, {
-    type: Img$1,
+    type: Img,
     src: icon,
     className: ExtensionListItemIcon,
     role: None,
     childCount: 0
   }, listItemDetail, listItemName, text(name), listItemDescription, text(description), listItemFooter, listItemAuthorName, text(publisher), {
-    type: Div$1,
+    type: Div,
     className: ExtensionActions,
     childCount: 0
   }];
-  if (focused) {
-    dom[0].id = 'ExtensionActive';
-    dom[0].className += ' ' + ExtensionActive;
-  }
   return dom;
 };
 
 const getExtensionsListVirtualDom = visibleExtensions => {
   const dom = [{
-    type: Div$1,
+    type: Div,
     className: ListItems,
     tabIndex: 0,
     ariaLabel: extensions(),
@@ -2314,7 +2299,7 @@ const render3 = (uid, diffResult) => {
   return commands;
 };
 
-const getIconVirtualDom = (icon, type = Div$1) => {
+const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
     className: mergeClassNames(MaskIcon, `MaskIcon${icon}`),
@@ -2330,7 +2315,7 @@ const getActionButtonVirtualDom = action => {
     command
   } = action;
   return [{
-    type: Button$1,
+    type: Button,
     className: IconButton,
     title: id,
     'data-command': command,
@@ -2340,7 +2325,7 @@ const getActionButtonVirtualDom = action => {
 
 const getActionVirtualDom = action => {
   switch (action.type) {
-    case Button$2:
+    case Button$1:
       return getActionButtonVirtualDom(action);
     default:
       return [];
@@ -2349,7 +2334,7 @@ const getActionVirtualDom = action => {
 
 const getActionsVirtualDom = actions => {
   return [{
-    type: Div$1,
+    type: Div,
     className: Actions,
     role: ToolBar,
     childCount: actions.length
@@ -2378,6 +2363,15 @@ const renderEventListeners = () => {
     name: HandleWheel,
     params: ['handleWheel', 'event.deltaMode', 'event.deltaY'],
     passive: true
+  }, {
+    name: HandleExtensionsInput,
+    params: ['handleExtensionsInput', 'event.target.value', User]
+  }, {
+    name: HandleClearSearchResults,
+    params: ['clearSearchResults']
+  }, {
+    name: HandleClickFilter,
+    params: ['handleClickFilter']
   }];
 };
 
@@ -2410,17 +2404,6 @@ const toggleSuggest = state => {
   return state;
 };
 
-const wrapCommand = fn => {
-  const wrapped = async (uid, ...args) => {
-    const {
-      newState
-    } = get$1(uid);
-    const newerState = await fn(newState, ...args);
-    set$1(uid, newState, newerState);
-  };
-  return wrapped;
-};
-
 const commandMap = {
   'SearchExtensions.clearSearchResults': wrapCommand(clearSearchResults),
   'SearchExtensions.closeSuggest': wrapCommand(closeSuggest),
@@ -2436,6 +2419,7 @@ const commandMap = {
   'SearchExtensions.getActions': getActions,
   'SearchExtensions.getCommandIds': getCommandIds,
   'SearchExtensions.getKeyBindings': getKeyBindings,
+  'SearchExtensions.getMenuEntries': getMenuEntries,
   'SearchExtensions.handleBlur': wrapCommand(handleBlur),
   'SearchExtensions.handleClick': wrapCommand(handleClick),
   'SearchExtensions.handleClickAt': wrapCommand(handleClickAt),
@@ -2458,6 +2442,7 @@ const commandMap = {
   'SearchExtensions.render3': render3,
   'SearchExtensions.renderActions': renderActions,
   'SearchExtensions.renderEventListeners': renderEventListeners,
+  'SearchExtensions.restoreState': restoreState,
   'SearchExtensions.saveState': saveState,
   'SearchExtensions.scrollDown': wrapCommand(scrollDown),
   'SearchExtensions.searchExtensions': searchExtensions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-search-view",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "description": "Extension Search View Worker",
   "license": "MIT",
   "author": "Lvce Editor",