@lvce-editor/extension-search-view 4.0.0 → 4.3.0

package/dist/extensionSearchViewWorkerMain.js

@@ -427,7 +427,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$2 = (id, fn) => {
+const set$4 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -446,7 +446,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$2(id, resolve);
+  set$4(id, resolve);
   return {
     id,
     promise
@@ -526,7 +526,8 @@ const splitLines = lines => {
   return lines.split(NewLine);
 };
 const getCurrentStack = () => {
-  const currentStack = joinLines(splitLines(new Error().stack || '').slice(2));
+  const stackLinesToSkip = 3;
+  const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
   return currentStack;
 };
 const getNewLineIndex = (string, startIndex = undefined) => {
@@ -790,13 +791,19 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$1 = (ipc, method, ...params) => {
+const invoke$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
-const invokeAndTransfer = (ipc, method, ...params) => {
+const invokeAndTransfer$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
+class CommandNotFoundError extends Error {
+  constructor(command) {
+    super(`Command not found ${command}`);
+    this.name = 'CommandNotFoundError';
+  }
+}
 const commands = Object.create(null);
 const register = commandMap => {
   Object.assign(commands, commandMap);
@@ -807,7 +814,7 @@ const getCommand = key => {
 const execute = (command, ...args) => {
   const fn = getCommand(command);
   if (!fn) {
-    throw new Error(`command not found ${command}`);
+    throw new CommandNotFoundError(command);
   }
   return fn(...args);
 };
@@ -823,10 +830,10 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$1(ipc, method, ...params);
+      return invoke$2(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer(ipc, method, ...params);
+      return invokeAndTransfer$1(ipc, method, ...params);
     },
     async dispose() {
       await ipc?.dispose();
@@ -878,9 +885,33 @@ const WebWorkerRpcClient = {
   __proto__: null,
   create: create$3
 };
+const createMockRpc = ({
+  commandMap
+}) => {
+  const invocations = [];
+  const invoke = (method, ...params) => {
+    invocations.push([method, ...params]);
+    const command = commandMap[method];
+    if (!command) {
+      throw new Error(`command ${method} not found`);
+    }
+    return command(...params);
+  };
+  const mockRpc = {
+    invoke,
+    invokeAndTransfer: invoke,
+    invocations
+  };
+  return mockRpc;
+};
 
+const toCommandId$1 = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
 const create$2 = () => {
   const states = Object.create(null);
+  const commandMapRef = {};
   return {
     get(uid) {
       return states[uid];
@@ -921,6 +952,15 @@ const create$2 = () => {
       };
       return wrapped;
     },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
     diff(uid, modules, numbers) {
       const {
         oldState,
@@ -934,6 +974,14 @@ const create$2 = () => {
         }
       }
       return diffResult;
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId$1);
+      return ids;
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
     }
   };
 };
@@ -1009,7 +1057,7 @@ const viewsAndMoreActions = () => {
 };
 
 const None$3 = 0;
-const Input = 1;
+const Input$1 = 1;
 const List$2 = 2;
 
 const getFinalDeltaY = (height, itemHeight, itemsLength) => {
@@ -1043,6 +1091,9 @@ const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
   return Math.max(Math.round(size ** 2 / contentSize), minimumSliderSize);
 };
 
+const User = 1;
+const Script = 2;
+
 const getScrollBarOffset$1 = (delta, finalDelta, size, scrollBarSize) => {
   const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
   return scrollBarOffset;
@@ -1128,7 +1179,7 @@ const matchesParsedValue = (extension, parsedValue) => {
 };
 
 const toSorted = (array, compare) => {
-  return [...array].sort(compare);
+  return array.toSorted(compare);
 };
 
 const compareExtension = (extensionA, extensionB) => {
@@ -1161,7 +1212,7 @@ const searchExtensions = async (extensions, value, platform, assetDir) => {
 };
 
 // TODO debounce
-const handleInput = async (state, value) => {
+const handleInput = async (state, value, inputSource = User) => {
   try {
     const {
       allExtensions,
@@ -1181,14 +1232,15 @@ const handleInput = async (state, value) => {
         allExtensions,
         deltaY: 0,
         finalDeltaY: 0,
-        focus: Input,
+        focus: Input$1,
         items,
         maxLineY: 0,
         message: noExtensionsFound(),
         minLineY: 0,
         placeholder: searchExtensionsInMarketPlace(),
         scrollBarHeight: 0,
-        searchValue: value
+        searchValue: value,
+        inputSource
       };
     }
     const total = items.length;
@@ -1211,7 +1263,8 @@ const handleInput = async (state, value) => {
       placeholder: searchExtensionsInMarketPlace(),
       scrollBarHeight,
       scrollBarY,
-      searchValue: value
+      searchValue: value,
+      inputSource
     };
 
     // TODO handle out of order responses (a bit complicated)
@@ -1237,9 +1290,10 @@ const closeSuggest = state => {
 
 const {
   get: get$1,
-  set: set$1,
-  dispose: dispose$1,
-  wrapCommand
+  set: set$3,
+  dispose: dispose$2,
+  wrapCommand,
+  wrapGetter
 } = create$2();
 
 const create$1 = (id, uri, x, y, width, height, platform, assetDir) => {
@@ -1275,7 +1329,7 @@ const create$1 = (id, uri, x, y, width, height, platform, assetDir) => {
     x,
     y
   };
-  set$1(id, state, state);
+  set$3(id, state, state);
 };
 
 const isEqual$2 = (oldState, newState) => {
@@ -1289,9 +1343,6 @@ 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;
 };
 
-const User = 1;
-const Script = 2;
-
 const isEqual = (oldState, newState) => {
   return newState.inputSource === User || oldState.searchValue === newState.searchValue;
 };
@@ -1322,8 +1373,8 @@ const diff2 = uid => {
   return diffResult;
 };
 
-const dispose = uid => {
-  dispose$1(uid);
+const dispose$1 = uid => {
+  dispose$2(uid);
 };
 
 // TODO optimize this function to return the minimum number
@@ -1539,7 +1590,7 @@ const CtrlCmd = 1 << 11 >>> 0;
 const FocusExtensions = 15;
 const FocusExtensionsInput = 7000;
 
-const getKeyBindings = () => {
+const getKeyBindings$1 = () => {
   return [{
     key: Home,
     command: 'Extensions.focusFirst',
@@ -1625,16 +1676,25 @@ const getExtensionDetailUri = extensionId => {
   return `extension-detail://${extensionId}`;
 };
 
+const None$1 = 'none';
+
+const Button = 1;
+const Div = 4;
+const Input = 6;
+const Text = 12;
+const Img = 17;
+
+const DebugWorker = 55;
+const RendererWorker$1 = 1;
+
 const rpcs = Object.create(null);
-const set$g = (id, rpc) => {
+const set$2 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get = id => {
   return rpcs[id];
 };
 
-/* eslint-disable  @typescript-eslint/explicit-function-return-type */
-
 const create = rpcId => {
   return {
     // @ts-ignore
@@ -1650,7 +1710,7 @@ const create = rpcId => {
       return rpc.invokeAndTransfer(method, ...params);
     },
     set(rpc) {
-      set$g(rpcId, rpc);
+      set$2(rpcId, rpc);
     },
     async dispose() {
       const rpc = get(rpcId);
@@ -1658,22 +1718,361 @@ const create = rpcId => {
     }
   };
 };
-const RendererWorker$1 = 1;
+
 const {
-  invoke: invoke$3,
-  set: set$3} = create(RendererWorker$1);
+  invoke: invoke$1,
+  invokeAndTransfer,
+  set: set$1,
+  dispose
+} = create(RendererWorker$1);
+const searchFileHtml = async uri => {
+  return invoke$1('ExtensionHost.searchFileWithHtml', uri);
+};
+const getFilePathElectron = async file => {
+  return invoke$1('FileSystemHandle.getFilePathElectron', file);
+};
 const showContextMenu$1 = async (x, y, id, ...args) => {
-  return invoke$3('ContextMenu.show', x, y, id, ...args);
+  return invoke$1('ContextMenu.show', x, y, id, ...args);
+};
+const getElectronVersion = async () => {
+  return invoke$1('Process.getElectronVersion');
+};
+const applyBulkReplacement = async bulkEdits => {
+  await invoke$1('BulkReplacement.applyBulkReplacement', bulkEdits);
+};
+const setColorTheme = async id => {
+  // @ts-ignore
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+};
+const getNodeVersion = async () => {
+  return invoke$1('Process.getNodeVersion');
+};
+const getChromeVersion = async () => {
+  return invoke$1('Process.getChromeVersion');
+};
+const getV8Version = async () => {
+  return invoke$1('Process.getV8Version');
+};
+const getFileHandles = async fileIds => {
+  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
+  return files;
+};
+const setWorkspacePath = async path => {
+  await invoke$1('Workspace.setPath', path);
+};
+const registerWebViewInterceptor = async (id, port) => {
+  await invokeAndTransfer('WebView.registerInterceptor', id, port);
+};
+const unregisterWebViewInterceptor = async id => {
+  await invoke$1('WebView.unregisterInterceptor', id);
+};
+const sendMessagePortToEditorWorker = async (port, rpcId) => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
+};
+const sendMessagePortToErrorWorker = async (port, rpcId) => {
+  const command = 'Errors.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
+};
+const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
+  const command = 'Markdown.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
+};
+const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
+  const command = 'IconTheme.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
+};
+const sendMessagePortToFileSystemWorker = async (port, rpcId) => {
+  const command = 'FileSystem.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
+};
+const readFile = async uri => {
+  return invoke$1('FileSystem.readFile', uri);
+};
+const getWebViewSecret = async key => {
+  // @ts-ignore
+  return invoke$1('WebView.getSecret', key);
+};
+const setWebViewPort = async (uid, port, origin, portType) => {
+  return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
+};
+const setFocus = key => {
+  return invoke$1('Focus.setFocus', key);
+};
+const getFileIcon = async options => {
+  return invoke$1('IconTheme.getFileIcon', options);
+};
+const getColorThemeNames = async () => {
+  return invoke$1('ColorTheme.getColorThemeNames');
+};
+const disableExtension = async id => {
+  // @ts-ignore
+  return invoke$1('ExtensionManagement.disable', id);
+};
+const enableExtension = async id => {
+  // @ts-ignore
+  return invoke$1('ExtensionManagement.enable', id);
+};
+const handleDebugChange = async params => {
+  // @ts-ignore
+  return invoke$1('Run And Debug.handleChange', params);
+};
+const getFolderIcon = async options => {
+  return invoke$1('IconTheme.getFolderIcon', options);
+};
+const closeWidget = async widgetId => {
+  return invoke$1('Viewlet.closeWidget', widgetId);
+};
+const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
+  const command = 'HandleMessagePort.handleMessagePort2';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
+};
+const sendMessagePortToSearchProcess = async port => {
+  await invokeAndTransfer('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
+};
+const confirm = async (message, options) => {
+  // @ts-ignore
+  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
+  return result;
+};
+const getRecentlyOpened = async () => {
+  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+};
+const getKeyBindings = async () => {
+  return invoke$1('KeyBindingsInitial.getKeyBindings');
+};
+const writeClipBoardText = async text => {
+  await invoke$1('ClipBoard.writeText', /* text */text);
+};
+const writeClipBoardImage = async blob => {
+  // @ts-ignore
+  await invoke$1('ClipBoard.writeImage', /* text */blob);
+};
+const searchFileMemory = async uri => {
+  // @ts-ignore
+  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
+};
+const searchFileFetch = async uri => {
+  return invoke$1('ExtensionHost.searchFileWithFetch', uri);
+};
+const showMessageBox = async options => {
+  return invoke$1('ElectronDialog.showMessageBox', options);
+};
+const handleDebugResumed = async params => {
+  await invoke$1('Run And Debug.handleResumed', params);
+};
+const openWidget = async name => {
+  await invoke$1('Viewlet.openWidget', name);
+};
+const getIcons = async requests => {
+  const icons = await invoke$1('IconTheme.getIcons', requests);
+  return icons;
+};
+const activateByEvent = event => {
+  return invoke$1('ExtensionHostManagement.activateByEvent', event);
+};
+const setAdditionalFocus = focusKey => {
+  // @ts-ignore
+  return invoke$1('Focus.setAdditionalFocus', focusKey);
+};
+const getActiveEditorId = () => {
+  // @ts-ignore
+  return invoke$1('GetActiveEditor.getActiveEditorId');
+};
+const getWorkspacePath = () => {
+  return invoke$1('Workspace.getPath');
+};
+const sendMessagePortToRendererProcess = async port => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
+};
+const getPreference = async key => {
+  return await invoke$1('Preferences.get', key);
+};
+const getAllExtensions$2 = async () => {
+  return invoke$1('ExtensionManagement.getAllExtensions');
+};
+const rerenderEditor = async key => {
+  // @ts-ignore
+  return invoke$1('Editor.rerender', key);
+};
+const handleDebugPaused = async params => {
+  await invoke$1('Run And Debug.handlePaused', params);
 };
 const openUri$2 = async (uri, focus, options) => {
-  await invoke$3('Main.openUri', uri, focus, options);
+  await invoke$1('Main.openUri', uri, focus, options);
+};
+const sendMessagePortToSyntaxHighlightingWorker = async port => {
+  await invokeAndTransfer(
+  // @ts-ignore
+  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
+};
+const handleDebugScriptParsed = async script => {
+  await invoke$1('Run And Debug.handleScriptParsed', script);
+};
+const getWindowId = async () => {
+  return invoke$1('GetWindowId.getWindowId');
+};
+const getBlob = async uri => {
+  // @ts-ignore
+  return invoke$1('FileSystem.getBlob', uri);
+};
+const getExtensionCommands = async () => {
+  return invoke$1('ExtensionHost.getCommands');
+};
+const showErrorDialog = async errorInfo => {
+  // @ts-ignore
+  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
+};
+const getFolderSize = async uri => {
+  // @ts-ignore
+  return await invoke$1('FileSystem.getFolderSize', uri);
+};
+const getExtension = async id => {
+  // @ts-ignore
+  return invoke$1('ExtensionManagement.getExtension', id);
+};
+const getMarkdownDom = async html => {
+  // @ts-ignore
+  return invoke$1('Markdown.getVirtualDom', html);
 };
+const renderMarkdown = async (markdown, options) => {
+  // @ts-ignore
+  return invoke$1('Markdown.renderMarkdown', markdown, options);
+};
+const openNativeFolder = async uri => {
+  // @ts-ignore
+  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
+};
+const uninstallExtension = async id => {
+  return invoke$1('ExtensionManagement.uninstall', id);
+};
+const installExtension = async id => {
+  // @ts-ignore
+  return invoke$1('ExtensionManagement.install', id);
+};
+const openExtensionSearch = async () => {
+  // @ts-ignore
+  return invoke$1('SideBar.openViewlet', 'Extensions');
+};
+const setExtensionsSearchValue = async searchValue => {
+  // @ts-ignore
+  return invoke$1('Extensions.handleInput', searchValue);
+};
+const openExternal = async uri => {
+  // @ts-ignore
+  await invoke$1('Open.openExternal', uri);
+};
+const openUrl = async uri => {
+  // @ts-ignore
+  await invoke$1('Open.openUrl', uri);
+};
+const getAllPreferences = async () => {
+  // @ts-ignore
+  return invoke$1('Preferences.getAll');
+};
+const showSaveFilePicker = async () => {
+  // @ts-ignore
+  return invoke$1('FilePicker.showSaveFilePicker');
+};
+const getLogsDir = async () => {
+  // @ts-ignore
+  return invoke$1('PlatformPaths.getLogsDir');
+};
+const registerMockRpc = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$1(mockRpc);
+  return mockRpc;
+};
+
 const RendererWorker = {
   __proto__: null,
-  invoke: invoke$3,
+  activateByEvent,
+  applyBulkReplacement,
+  closeWidget,
+  confirm,
+  disableExtension,
+  dispose,
+  enableExtension,
+  getActiveEditorId,
+  getAllExtensions: getAllExtensions$2,
+  getAllPreferences,
+  getBlob,
+  getChromeVersion,
+  getColorThemeNames,
+  getElectronVersion,
+  getExtension,
+  getExtensionCommands,
+  getFileHandles,
+  getFileIcon,
+  getFilePathElectron,
+  getFolderIcon,
+  getFolderSize,
+  getIcons,
+  getKeyBindings,
+  getLogsDir,
+  getMarkdownDom,
+  getNodeVersion,
+  getPreference,
+  getRecentlyOpened,
+  getV8Version,
+  getWebViewSecret,
+  getWindowId,
+  getWorkspacePath,
+  handleDebugChange,
+  handleDebugPaused,
+  handleDebugResumed,
+  handleDebugScriptParsed,
+  installExtension,
+  invoke: invoke$1,
+  invokeAndTransfer,
+  openExtensionSearch,
+  openExternal,
+  openNativeFolder,
   openUri: openUri$2,
-  set: set$3,
-  showContextMenu: showContextMenu$1};
+  openUrl,
+  openWidget,
+  readFile,
+  registerMockRpc,
+  registerWebViewInterceptor,
+  renderMarkdown,
+  rerenderEditor,
+  searchFileFetch,
+  searchFileHtml,
+  searchFileMemory,
+  sendMessagePortToEditorWorker,
+  sendMessagePortToErrorWorker,
+  sendMessagePortToExtensionHostWorker,
+  sendMessagePortToFileSystemWorker,
+  sendMessagePortToIconThemeWorker,
+  sendMessagePortToMarkdownWorker,
+  sendMessagePortToRendererProcess,
+  sendMessagePortToSearchProcess,
+  sendMessagePortToSyntaxHighlightingWorker,
+  set: set$1,
+  setAdditionalFocus,
+  setColorTheme,
+  setExtensionsSearchValue,
+  setFocus,
+  setWebViewPort,
+  setWorkspacePath,
+  showContextMenu: showContextMenu$1,
+  showErrorDialog,
+  showMessageBox,
+  showSaveFilePicker,
+  uninstallExtension,
+  unregisterWebViewInterceptor,
+  writeClipBoardImage,
+  writeClipBoardText
+};
 
 const {
   invoke,
@@ -2126,7 +2525,7 @@ const Extensions$1 = 'extensions';
 
 const getSelector = focus => {
   switch (focus) {
-    case Input:
+    case Input$1:
       return `[name="${Extensions$1}"]`;
     case List$2:
       return '.ListItems';
@@ -2147,15 +2546,30 @@ const renderFocus = newState => {
 };
 
 const renderFocusContext = newState => {
-  if (newState.focus === Input) {
-    return ['Viewlet.setFocusContext', FocusExtensionsInput];
+  const {
+    uid
+  } = newState;
+  if (newState.focus === Input$1) {
+    return ['Viewlet.setFocusContext', uid, FocusExtensionsInput];
   }
   if (newState.focus === List$2) {
-    return ['Viewlet.setFocusContext', FocusExtensions];
+    return ['Viewlet.setFocusContext', uid, FocusExtensions];
   }
   return [];
 };
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+
 const Actions = 'Actions';
 const ExtensionActions = 'ExtensionActions';
 const ExtensionActive = 'ExtensionActive';
@@ -2186,39 +2600,15 @@ const Viewlet = 'Viewlet';
 
 const List = 'list';
 const ListItem = 'listitem';
-const None$1 = 'none';
-const ToolBar = 'toolbar';
-
 const None = 'none';
-const AriaRoles = {
-  __proto__: null,
-  None};
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-const Div$1 = 4;
-const Text = 12;
-const VirtualDomElements = {
-  __proto__: null,
-  Div: Div$1};
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
-};
-
-const Div = 4;
-const Img = 17;
-const TextArea = 62;
-const Button = 1;
+const ToolBar = 'toolbar';
 
+const disabledClassName = mergeClassNames(SearchFieldButton, SearchFieldDisabled);
 const getClassName$1 = enabled => {
   if (enabled) {
     return SearchFieldButton;
   }
-  return mergeClassNames(SearchFieldButton, SearchFieldDisabled);
+  return disabledClassName;
 };
 const getSearchFieldButtonVirtualDom = button => {
   const {
@@ -2228,7 +2618,7 @@ const getSearchFieldButtonVirtualDom = button => {
     onClick
   } = button;
   return [{
-    type: Div,
+    type: Button,
     className: getClassName$1(enabled),
     title,
     tabIndex: 0,
@@ -2246,10 +2636,11 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
   const dom = [{
     type: Div,
     className: SearchField,
-    role: None$1,
+    role: None,
     childCount: 2
   }, {
-    type: TextArea,
+    type: Input,
+    inputType: 'search',
     className: MultilineInputBox,
     spellcheck: false,
     autocapitalize: 'off',
@@ -2268,7 +2659,7 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     dom.unshift({
       type: Div,
       className: SearchFieldContainer,
-      role: None$1,
+      role: None,
       childCount: 1 + outsideButtons.length
     });
     dom.push(...outsideButtons.flatMap(getSearchFieldButtonVirtualDom));
@@ -2355,7 +2746,7 @@ const getExtensionListItemVirtualDom = extension => {
     type: Img,
     src: icon,
     className: ExtensionListItemIcon,
-    role: None$1,
+    role: None,
     childCount: 0
   }, listItemDetail, listItemName, text(name), listItemDescription, text(description), listItemFooter, listItemAuthorName, text(publisher), {
     type: Div,
@@ -2465,12 +2856,12 @@ const getVisible = state => {
 const getContentVirtualDom = (visibleExtensions, message, scrollBarHeight, scrollBarY) => {
   if (message) {
     return [{
-      type: VirtualDomElements.Div,
+      type: Div,
       childCount: 1
     }, text(message)];
   }
   return [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: mergeClassNames(Viewlet, List$1),
     childCount: 2
   }, ...getExtensionsVirtualDom(visibleExtensions), ...getScrollBarVirtualDom(scrollBarHeight, scrollBarY)];
@@ -2485,12 +2876,12 @@ const getExtensionsViewVirtualDom = state => {
     scrollBarY
   } = state;
   return [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: mergeClassNames(Viewlet, Extensions),
     childCount: 2,
     ariaLive: 'polite',
     ariaBusy: false,
-    role: AriaRoles.None
+    role: None$1
   }, ...getExtensionHeaderVirtualDom(placeholder, inputActions), ...getContentVirtualDom(visibleExtensions, message, scrollBarHeight, scrollBarY)];
 };
 
@@ -2561,7 +2952,7 @@ const render3 = (uid, diffResult) => {
     oldState,
     newState
   } = get$1(uid);
-  set$1(uid, newState, newState);
+  set$3(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -2570,7 +2961,7 @@ const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
     className: mergeClassNames(MaskIcon, `MaskIcon${icon}`),
-    role: None$1,
+    role: None,
     childCount: 0
   };
 };
@@ -2578,14 +2969,12 @@ const getIconVirtualDom = (icon, type = Div) => {
 const getActionButtonVirtualDom = action => {
   const {
     id,
-    icon,
-    command
+    icon
   } = action;
   return [{
     type: Button,
     className: IconButton,
     title: id,
-    'data-command': command,
     childCount: 1
   }, getIconVirtualDom(icon)];
 };
@@ -2660,14 +3049,11 @@ const renderEventListeners = () => {
   }];
 };
 
-const saveState = uid => {
-  const {
-    newState
-  } = get$1(uid);
+const saveState = state => {
   const {
     searchValue,
     deltaY
-  } = newState;
+  } = state;
   return {
     searchValue,
     deltaY
@@ -2699,7 +3085,7 @@ const commandMap = {
   'SearchExtensions.closeSuggest': wrapCommand(closeSuggest),
   'SearchExtensions.create': create$1,
   'SearchExtensions.diff2': diff2,
-  'SearchExtensions.dispose': dispose,
+  'SearchExtensions.dispose': dispose$1,
   'SearchExtensions.focusFirst': wrapCommand(focusFirst),
   'SearchExtensions.focusIndex': wrapCommand(focusIndex),
   'SearchExtensions.focusLast': wrapCommand(focusLast),
@@ -2709,7 +3095,7 @@ const commandMap = {
   'SearchExtensions.focusPrevious': wrapCommand(focusPrevious),
   'SearchExtensions.getActions': getActions,
   'SearchExtensions.getCommandIds': getCommandIds,
-  'SearchExtensions.getKeyBindings': getKeyBindings,
+  'SearchExtensions.getKeyBindings': getKeyBindings$1,
   'SearchExtensions.getMenuEntries': getMenuEntries,
   'SearchExtensions.handleBlur': wrapCommand(handleBlur),
   'SearchExtensions.handleClick': wrapCommand(handleClick),
@@ -2734,7 +3120,7 @@ const commandMap = {
   'SearchExtensions.renderActions': renderActions,
   'SearchExtensions.renderEventListeners': renderEventListeners,
   'SearchExtensions.restoreState': restoreState,
-  'SearchExtensions.saveState': saveState,
+  'SearchExtensions.saveState': wrapGetter(saveState),
   'SearchExtensions.scrollDown': wrapCommand(scrollDown),
   'SearchExtensions.searchExtensions': searchExtensions,
   'SearchExtensions.selectIndex': wrapCommand(selectIndex),

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@lvce-editor/extension-search-view",
-  "version": "4.0.0",
+  "version": "4.3.0",
   "description": "Extension Search View Worker",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lvce-editor/extension-search-view.git"
+  },
   "license": "MIT",
   "author": "Lvce Editor",
   "type": "module",