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

package/dist/extensionSearchViewWorkerMain.js

@@ -436,9 +436,9 @@ const get$2 = id => {
 const remove = id => {
   delete callbacks[id];
 };
-let id = 0;
+let id$1 = 0;
 const create$3$1 = () => {
-  return ++id;
+  return ++id$1;
 };
 const registerPromise = () => {
   const id = create$3$1();
@@ -1018,10 +1018,34 @@ const ViewsAndMoreActions = 'Views and more Actions...';
 const Extensions$2 = 'Extensions';
 const Copy = 'Copy';
 const CopyExtensionId = 'CopyExtensionId';
+const Name = 'Name';
+const Id$1 = 'Id';
+const Description = 'Description';
+const Version = 'Version';
+const Publisher = 'Publisher';
+const MarketplaceLink = 'Marketplace Link';
 
 const noExtensionsFound = () => {
   return i18nString(NoExtensionsFound);
 };
+const name = () => {
+  return i18nString(Name);
+};
+const id = () => {
+  return i18nString(Id$1);
+};
+const version = () => {
+  return i18nString(Version);
+};
+const description = () => {
+  return i18nString(Description);
+};
+const publisher = () => {
+  return i18nString(Publisher);
+};
+const marketplaceLink = () => {
+  return i18nString(MarketplaceLink);
+};
 const filter = () => {
   return i18nString(Filter$1);
 };
@@ -1046,7 +1070,7 @@ const installAnotherVersion = () => {
 const copy = () => {
   return i18nString(Copy);
 };
-const copyExtensionId = () => {
+const copyExtensionId$1 = () => {
   return i18nString(CopyExtensionId);
 };
 const searchExtensionsInMarketPlace = () => {
@@ -1134,12 +1158,12 @@ const parseValue = value => {
       builtin = true;
     }
     if (match.startsWith(Sort)) {
-      // TODO
+      // TODO correcly parse sort order
       sort = 'installs';
     }
     if (match.startsWith(Id)) {
-      // TODO
-      id = 'abc';
+      // TODO improve parsing
+      id = value.replace('@id:', '');
     }
     if (match.startsWith(Outdated)) {
       outdated = true;
@@ -1169,6 +1193,9 @@ const matchesId = (extension, query) => {
   return extensionIdLower.includes(query);
 };
 const matchesParsedValue = (extension, parsedValue) => {
+  if (parsedValue.id && extension.id) {
+    return parsedValue.id === extension.id;
+  }
   if (extension.name) {
     return matchesName(extension, parsedValue.query);
   }
@@ -1288,488 +1315,109 @@ const closeSuggest = state => {
   return state;
 };
 
-const {
-  get: get$1,
-  set: set$3,
-  dispose: dispose$2,
-  wrapCommand,
-  wrapGetter
-} = create$2();
-
-const create$1 = (id, uri, x, y, width, height, platform, assetDir) => {
-  const state = {
-    allExtensions: [],
-    assetDir,
-    deltaY: 0,
-    finalDeltaY: 0,
-    focus: 0,
-    focused: false,
-    focusedIndex: 0,
-    handleOffset: 0,
-    headerHeight: 41,
-    height,
-    inputActions: [],
-    inputSource: 0,
-    itemHeight: 72,
-    items: [],
-    maxLineY: 0,
-    message: '',
-    minimumSliderSize: 0,
-    minLineY: 0,
-    negativeMargin: 0,
-    placeholder: '',
-    platform,
-    scrollBarActive: false,
-    scrollBarHeight: 0,
-    scrollBarY: 0,
-    searchValue: '',
-    size: 0,
-    uid: id,
-    width,
-    x,
-    y
-  };
-  set$3(id, state, state);
-};
+const None$2 = 'none';
 
-const isEqual$2 = (oldState, newState) => {
-  if (!newState.focus) {
-    return true;
-  }
-  return oldState.focus === newState.focus;
-};
+const Button$2 = 1;
+const Div = 4;
+const Input = 6;
+const Text = 12;
+const Img = 17;
 
-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 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 isEqual = (oldState, newState) => {
-  return newState.inputSource === User || oldState.searchValue === newState.searchValue;
-};
+const LeftClick = 0;
 
-const RenderHeader = 1;
-const RenderFocus = 2;
-const RenderItems = 4;
-const RenderScrollBar = 5;
-const RenderMessage = 6;
-const RenderSearchValue = 7;
-const RenderFocusContext = 8;
+const DebugWorker = 55;
+const RendererWorker$1 = 1;
 
-const modules = [isEqual$1, isEqual$2, isEqual, isEqual$2];
-const numbers = [RenderItems, RenderFocus, RenderSearchValue, RenderFocusContext];
+const rpcs = Object.create(null);
+const set$3 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$1 = id => {
+  return rpcs[id];
+};
 
-const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
+const create$1 = rpcId => {
+  return {
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    set(rpc) {
+      set$3(rpcId, rpc);
+    },
+    async dispose() {
+      const rpc = get$1(rpcId);
+      await rpc.dispose();
     }
-  }
-  return diffResult;
+  };
 };
 
-const dispose$1 = uid => {
-  dispose$2(uid);
+const {
+  invoke: invoke$1,
+  invokeAndTransfer,
+  set: set$2,
+  dispose: dispose$2
+} = create$1(RendererWorker$1);
+const searchFileHtml = async uri => {
+  return invoke$1('ExtensionHost.searchFileWithHtml', uri);
 };
-
-// TODO optimize this function to return the minimum number
-// of visible items needed, e.g. when not scrolled 5 items with
-// 20px fill 100px but when scrolled 6 items are needed
-const getNumberOfVisibleItems = (listHeight, itemHeight) => {
-  return Math.ceil(listHeight / itemHeight) + 1;
+const getFilePathElectron = async file => {
+  return invoke$1('FileSystemHandle.getFilePathElectron', file);
 };
-const getScrollBarOffset = (delta, finalDelta, size, scrollBarSize) => {
-  const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
-  return scrollBarOffset;
+const showContextMenu$1 = async (x, y, id, ...args) => {
+  return invoke$1('ContextMenu.show', x, y, id, ...args);
 };
-const getScrollBarY = getScrollBarOffset;
-const focusIndexScrollDown = (state, index, listHeight, itemHeight, itemsLength) => {
-  const {
-    finalDeltaY,
-    height,
-    headerHeight,
-    scrollBarHeight
-  } = state;
-  const newMaxLineY = Math.min(index + 1, itemsLength);
-  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
-  const newMinLineY = Math.max(newMaxLineY - fittingItems, 0);
-  const newDeltaY = itemsLength < fittingItems ? 0 : newMinLineY * itemHeight - listHeight % itemHeight + itemHeight;
-  const scrollBarY = getScrollBarY(newDeltaY, finalDeltaY, height - headerHeight, scrollBarHeight);
-  return {
-    ...state,
-    focusedIndex: index,
-    minLineY: newMinLineY,
-    maxLineY: newMaxLineY,
-    focused: true,
-    deltaY: newDeltaY,
-    scrollBarY
-  };
+const getElectronVersion = async () => {
+  return invoke$1('Process.getElectronVersion');
 };
-const focusIndexScrollUp = (state, index, listHeight, itemHeight, itemsLength) => {
-  const {
-    finalDeltaY,
-    height,
-    headerHeight,
-    scrollBarHeight
-  } = state;
-  const newMinLineY = index;
-  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
-  const newMaxLineY = Math.min(newMinLineY + fittingItems, itemsLength);
-  const newDeltaY = newMinLineY * itemHeight;
-  const scrollBarY = getScrollBarY(newDeltaY, finalDeltaY, height - headerHeight, scrollBarHeight);
-  return {
-    ...state,
-    focusedIndex: index,
-    minLineY: newMinLineY,
-    maxLineY: newMaxLineY,
-    focused: true,
-    deltaY: newDeltaY,
-    scrollBarY
-  };
+const applyBulkReplacement = async bulkEdits => {
+  await invoke$1('BulkReplacement.applyBulkReplacement', bulkEdits);
 };
-const focusIndex = (state, index) => {
-  const {
-    itemHeight,
-    minLineY,
-    maxLineY,
-    headerHeight,
-    height,
-    items
-  } = state;
-  const itemsLength = items.length;
-  if (itemsLength === 0) {
-    return state;
-  }
-  number(itemHeight);
-  if (index === -1) {
-    return {
-      ...state,
-      focusedIndex: -1,
-      focused: true
-    };
-  }
-  const listHeight = height - headerHeight;
-  if (index < minLineY + 1) {
-    return focusIndexScrollUp(state, index, listHeight, itemHeight, itemsLength);
-  }
-  if (index >= maxLineY - 1) {
-    return focusIndexScrollDown(state, index, listHeight, itemHeight, itemsLength);
-  }
-  return {
-    ...state,
-    focusedIndex: index,
-    focused: true
-  };
+const setColorTheme = async id => {
+  // @ts-ignore
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
-const first = () => {
-  return 0;
+const getNodeVersion = async () => {
+  return invoke$1('Process.getNodeVersion');
 };
-const last = items => {
-  return items.length - 1;
+const getChromeVersion = async () => {
+  return invoke$1('Process.getChromeVersion');
 };
-const next = (items, index) => {
-  return (index + 1) % items.length;
+const getV8Version = async () => {
+  return invoke$1('Process.getV8Version');
 };
-const previous = (items, index) => {
-  return index === 0 ? items.length - 1 : index - 1;
+const getFileHandles = async fileIds => {
+  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
+  return files;
 };
-const focusFirst = state => {
-  const firstIndex = first();
-  return focusIndex(state, firstIndex);
+const setWorkspacePath = async path => {
+  await invoke$1('Workspace.setPath', path);
 };
-const focusLast = state => {
-  const {
-    items
-  } = state;
-  const lastIndex = last(items);
-  return focusIndex(state, lastIndex);
+const registerWebViewInterceptor = async (id, port) => {
+  await invokeAndTransfer('WebView.registerInterceptor', id, port);
 };
-const focusNext = state => {
-  const {
-    focusedIndex,
-    items
-  } = state;
-  const nextIndex = next(items, focusedIndex);
-  return focusIndex(state, nextIndex);
+const unregisterWebViewInterceptor = async id => {
+  await invoke$1('WebView.unregisterInterceptor', id);
 };
-
-// based on https://github.com/microsoft/vscode/blob/c0769274fa136b45799edeccc0d0a2f645b75caf/src/vs/base/common/arrays.ts#L625 (License MIT)
-
-const isLastIndex = (array, index) => {
-  return index === array.length - 1;
-};
-const lastIndex = array => {
-  return array.length - 1;
-};
-const focusNextPage = state => {
-  const {
-    focusedIndex,
-    items,
-    maxLineY,
-    minLineY
-  } = state;
-  if (isLastIndex(items, focusedIndex)) {
-    return state;
-  }
-  const indexNextPage = Math.min(maxLineY + (maxLineY - minLineY) - 2, lastIndex(items));
-  return focusIndex(state, indexNextPage);
-};
-const focusPrevious = state => {
-  const {
-    focusedIndex,
-    items
-  } = state;
-  if (focusedIndex === 0 || focusedIndex === -1) {
-    return state;
-  }
-  const previousIndex = previous(items, focusedIndex);
-  return focusIndex(state, previousIndex);
-};
-const focusPreviousPage = state => {
-  const {
-    focusedIndex,
-    minLineY,
-    maxLineY
-  } = state;
-  if (focusedIndex === 0 || focusedIndex === -1) {
-    return state;
-  }
-  const indexPreviousPage = Math.max(minLineY - (maxLineY - minLineY) + 1, 0);
-  return focusIndex(state, indexPreviousPage);
-};
-
-const Button$1 = 1;
-
-const ClearAll = 'ClearAll';
-const Filter = 'Filter';
-const Refresh = 'Refresh';
-const Ellipsis = 'Ellipsis';
-
-const getActions = () => {
-  return [{
-    type: Button$1,
-    id: refresh(),
-    icon: Refresh,
-    command: ''
-  }, {
-    type: Button$1,
-    id: viewsAndMoreActions(),
-    icon: Ellipsis,
-    command: ''
-  }];
-};
-
-const commandMapRef = {};
-
-const toCommandId = key => {
-  const dotIndex = key.indexOf('.');
-  return key.slice(dotIndex + 1);
-};
-const getCommandIds = () => {
-  const keys = Object.keys(commandMapRef);
-  const ids = keys.map(toCommandId);
-  return ids;
-};
-
-const Enter = 3;
-const Space = 9;
-const PageUp = 10;
-const PageDown = 11;
-const End = 255;
-const Home = 12;
-const UpArrow = 14;
-const DownArrow = 16;
-
-const CtrlCmd = 1 << 11 >>> 0;
-
-const FocusExtensions = 15;
-const FocusExtensionsInput = 7000;
-
-const getKeyBindings$1 = () => {
-  return [{
-    key: Home,
-    command: 'Extensions.focusFirst',
-    when: FocusExtensions
-  }, {
-    key: End,
-    command: 'Extensions.focusLast',
-    when: FocusExtensions
-  }, {
-    key: PageUp,
-    command: 'Extensions.focusPreviousPage',
-    when: FocusExtensions
-  }, {
-    key: PageDown,
-    command: 'Extensions.focusNextPage',
-    when: FocusExtensions
-  }, {
-    key: UpArrow,
-    command: 'Extensions.focusPrevious',
-    when: FocusExtensions
-  }, {
-    key: DownArrow,
-    command: 'Extensions.focusNext',
-    when: FocusExtensions
-  }, {
-    key: Space,
-    command: 'Extensions.handleClickCurrentButKeepFocus',
-    when: FocusExtensions
-  }, {
-    key: Enter,
-    command: 'Extensions.handleClickCurrent',
-    when: FocusExtensions
-  }, {
-    key: CtrlCmd | Space,
-    command: 'Extensions.toggleSuggest',
-    when: FocusExtensions
-  }, {
-    key: CtrlCmd | DownArrow,
-    command: 'Extensions.scrollDown',
-    when: FocusExtensions
-  }];
-};
-
-const None$2 = 0;
-
-const getMenuEntries = () => {
-  return [{
-    id: 'enable',
-    label: enable(),
-    flags: None$2,
-    command: 'SearchExtensions.enable'
-  }, {
-    id: 'disable',
-    label: disable(),
-    flags: None$2,
-    command: 'SearchExtensions.disable'
-  }, {
-    id: 'installAnotherVersion',
-    label: installAnotherVersion(),
-    flags: None$2,
-    command: 'SearchExtensions.installAnotherVersion'
-  }, {
-    id: 'copy',
-    label: copy(),
-    flags: None$2,
-    command: 'SearchExtensions.copy'
-  }, {
-    id: 'copyExtensionId',
-    label: copyExtensionId(),
-    flags: None$2,
-    command: 'SearchExtensions.copyExtensionId'
-  }];
-};
-
-const handleBlur = state => {
-  return {
-    ...state,
-    focus: None$3
-  };
-};
-
-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$2 = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get = id => {
-  return rpcs[id];
-};
-
-const create = rpcId => {
-  return {
-    // @ts-ignore
-    invoke(method, ...params) {
-      const rpc = get(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
-    },
-    // @ts-ignore
-    invokeAndTransfer(method, ...params) {
-      const rpc = get(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    set(rpc) {
-      set$2(rpcId, rpc);
-    },
-    async dispose() {
-      const rpc = get(rpcId);
-      await rpc.dispose();
-    }
-  };
-};
-
-const {
-  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$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 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';
@@ -1843,7 +1491,7 @@ const confirm = async (message, options) => {
 const getRecentlyOpened = async () => {
   return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
-const getKeyBindings = async () => {
+const getKeyBindings$1 = async () => {
   return invoke$1('KeyBindingsInitial.getKeyBindings');
 };
 const writeClipBoardText = async text => {
@@ -1965,113 +1613,571 @@ 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 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$2(mockRpc);
+  return mockRpc;
+};
+
+const RendererWorker = {
+  __proto__: null,
+  activateByEvent,
+  applyBulkReplacement,
+  closeWidget,
+  confirm,
+  disableExtension,
+  dispose: dispose$2,
+  enableExtension,
+  getActiveEditorId,
+  getAllExtensions: getAllExtensions$2,
+  getAllPreferences,
+  getBlob,
+  getChromeVersion,
+  getColorThemeNames,
+  getElectronVersion,
+  getExtension,
+  getExtensionCommands,
+  getFileHandles,
+  getFileIcon,
+  getFilePathElectron,
+  getFolderIcon,
+  getFolderSize,
+  getIcons,
+  getKeyBindings: getKeyBindings$1,
+  getLogsDir,
+  getMarkdownDom,
+  getNodeVersion,
+  getPreference,
+  getRecentlyOpened,
+  getV8Version,
+  getWebViewSecret,
+  getWindowId,
+  getWorkspacePath,
+  handleDebugChange,
+  handleDebugPaused,
+  handleDebugResumed,
+  handleDebugScriptParsed,
+  installExtension,
+  invoke: invoke$1,
+  invokeAndTransfer,
+  openExtensionSearch,
+  openExternal,
+  openNativeFolder,
+  openUri: openUri$2,
+  openUrl,
+  openWidget,
+  readFile,
+  registerMockRpc,
+  registerWebViewInterceptor,
+  renderMarkdown,
+  rerenderEditor,
+  searchFileFetch,
+  searchFileHtml,
+  searchFileMemory,
+  sendMessagePortToEditorWorker,
+  sendMessagePortToErrorWorker,
+  sendMessagePortToExtensionHostWorker,
+  sendMessagePortToFileSystemWorker,
+  sendMessagePortToIconThemeWorker,
+  sendMessagePortToMarkdownWorker,
+  sendMessagePortToRendererProcess,
+  sendMessagePortToSearchProcess,
+  sendMessagePortToSyntaxHighlightingWorker,
+  set: set$2,
+  setAdditionalFocus,
+  setColorTheme,
+  setExtensionsSearchValue,
+  setFocus,
+  setWebViewPort,
+  setWorkspacePath,
+  showContextMenu: showContextMenu$1,
+  showErrorDialog,
+  showMessageBox,
+  showSaveFilePicker,
+  uninstallExtension,
+  unregisterWebViewInterceptor,
+  writeClipBoardImage,
+  writeClipBoardText
+};
+
+const copyExtensionId = async state => {
+  const {
+    items,
+    focusedIndex
+  } = state;
+  if (focusedIndex === -1) {
+    return state;
+  }
+  const item = items[focusedIndex];
+  const {
+    id
+  } = item;
+  await writeClipBoardText(id);
+  return state;
+};
+
+const stringifyRow = row => {
+  const {
+    key,
+    value
+  } = row;
+  return `${key}: ${value}`.trim();
+};
+const getExtensionInfoText = extension => {
+  const {
+    name: name$1,
+    id: id$1,
+    publisher: publisher$1,
+    description: description$1
+  } = extension;
+  const version$1 = ''; // TODO
+  const marketplaceLink$1 = ''; // TODO
+  const rows = [{
+    key: name(),
+    value: name$1
+  }, {
+    key: id(),
+    value: id$1
+  }, {
+    key: description(),
+    value: description$1
+  }, {
+    key: version(),
+    value: version$1
+  }, {
+    key: publisher(),
+    value: publisher$1
+  }, {
+    key: marketplaceLink(),
+    value: marketplaceLink$1
+  }];
+  const infoRows = rows.map(stringifyRow);
+  const infoText = infoRows.join('\n');
+  return infoText;
+};
+
+const copyExtensionInfo = async state => {
+  const {
+    items,
+    focusedIndex
+  } = state;
+  if (focusedIndex === -1) {
+    return state;
+  }
+  const item = items[focusedIndex];
+  const text = getExtensionInfoText(item);
+  await writeClipBoardText(text);
+  return state;
+};
+
+const {
+  get,
+  set: set$1,
+  dispose: dispose$1,
+  wrapCommand,
+  wrapGetter
+} = create$2();
+
+const create = (id, uri, x, y, width, height, platform, assetDir) => {
+  const state = {
+    allExtensions: [],
+    assetDir,
+    deltaY: 0,
+    finalDeltaY: 0,
+    focus: 0,
+    focused: false,
+    focusedIndex: 0,
+    handleOffset: 0,
+    headerHeight: 41,
+    height,
+    inputActions: [],
+    inputSource: 0,
+    itemHeight: 72,
+    items: [],
+    maxLineY: 0,
+    message: '',
+    minimumSliderSize: 0,
+    minLineY: 0,
+    negativeMargin: 0,
+    placeholder: '',
+    platform,
+    scrollBarActive: false,
+    scrollBarHeight: 0,
+    scrollBarY: 0,
+    searchValue: '',
+    size: 0,
+    uid: id,
+    width,
+    x,
+    y
+  };
+  set$1(id, state, state);
+};
+
+const isEqual$2 = (oldState, newState) => {
+  if (!newState.focus) {
+    return true;
+  }
+  return oldState.focus === newState.focus;
+};
+
+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 isEqual = (oldState, newState) => {
+  return newState.inputSource === User || oldState.searchValue === newState.searchValue;
+};
+
+const RenderHeader = 1;
+const RenderFocus = 2;
+const RenderItems = 4;
+const RenderScrollBar = 5;
+const RenderMessage = 6;
+const RenderSearchValue = 7;
+const RenderFocusContext = 8;
+
+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;
+};
+
+const dispose = uid => {
+  dispose$1(uid);
+};
+
+// TODO optimize this function to return the minimum number
+// of visible items needed, e.g. when not scrolled 5 items with
+// 20px fill 100px but when scrolled 6 items are needed
+const getNumberOfVisibleItems = (listHeight, itemHeight) => {
+  return Math.ceil(listHeight / itemHeight) + 1;
+};
+const getScrollBarOffset = (delta, finalDelta, size, scrollBarSize) => {
+  const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
+  return scrollBarOffset;
+};
+const getScrollBarY = getScrollBarOffset;
+const focusIndexScrollDown = (state, index, listHeight, itemHeight, itemsLength) => {
+  const {
+    finalDeltaY,
+    height,
+    headerHeight,
+    scrollBarHeight
+  } = state;
+  const newMaxLineY = Math.min(index + 1, itemsLength);
+  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
+  const newMinLineY = Math.max(newMaxLineY - fittingItems, 0);
+  const newDeltaY = itemsLength < fittingItems ? 0 : newMinLineY * itemHeight - listHeight % itemHeight + itemHeight;
+  const scrollBarY = getScrollBarY(newDeltaY, finalDeltaY, height - headerHeight, scrollBarHeight);
+  return {
+    ...state,
+    focusedIndex: index,
+    minLineY: newMinLineY,
+    maxLineY: newMaxLineY,
+    focused: true,
+    deltaY: newDeltaY,
+    scrollBarY
+  };
+};
+const focusIndexScrollUp = (state, index, listHeight, itemHeight, itemsLength) => {
+  const {
+    finalDeltaY,
+    height,
+    headerHeight,
+    scrollBarHeight
+  } = state;
+  const newMinLineY = index;
+  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
+  const newMaxLineY = Math.min(newMinLineY + fittingItems, itemsLength);
+  const newDeltaY = newMinLineY * itemHeight;
+  const scrollBarY = getScrollBarY(newDeltaY, finalDeltaY, height - headerHeight, scrollBarHeight);
+  return {
+    ...state,
+    focusedIndex: index,
+    minLineY: newMinLineY,
+    maxLineY: newMaxLineY,
+    focused: true,
+    deltaY: newDeltaY,
+    scrollBarY
+  };
+};
+const focusIndex = (state, index) => {
+  const {
+    itemHeight,
+    minLineY,
+    maxLineY,
+    headerHeight,
+    height,
+    items
+  } = state;
+  const itemsLength = items.length;
+  if (itemsLength === 0) {
+    return state;
+  }
+  number(itemHeight);
+  if (index === -1) {
+    return {
+      ...state,
+      focusedIndex: -1,
+      focused: true
+    };
+  }
+  const listHeight = height - headerHeight;
+  if (index < minLineY + 1) {
+    return focusIndexScrollUp(state, index, listHeight, itemHeight, itemsLength);
+  }
+  if (index >= maxLineY - 1) {
+    return focusIndexScrollDown(state, index, listHeight, itemHeight, itemsLength);
+  }
+  return {
+    ...state,
+    focusedIndex: index,
+    focused: true
+  };
+};
+const first = () => {
+  return 0;
+};
+const last = items => {
+  return items.length - 1;
+};
+const next = (items, index) => {
+  return (index + 1) % items.length;
+};
+const previous = (items, index) => {
+  return index === 0 ? items.length - 1 : index - 1;
+};
+const focusFirst = state => {
+  const firstIndex = first();
+  return focusIndex(state, firstIndex);
+};
+const focusLast = state => {
+  const {
+    items
+  } = state;
+  const lastIndex = last(items);
+  return focusIndex(state, lastIndex);
+};
+const focusNext = state => {
+  const {
+    focusedIndex,
+    items
+  } = state;
+  const nextIndex = next(items, focusedIndex);
+  return focusIndex(state, nextIndex);
+};
+
+// based on https://github.com/microsoft/vscode/blob/c0769274fa136b45799edeccc0d0a2f645b75caf/src/vs/base/common/arrays.ts#L625 (License MIT)
+
+const isLastIndex = (array, index) => {
+  return index === array.length - 1;
+};
+const lastIndex = array => {
+  return array.length - 1;
+};
+const focusNextPage = state => {
+  const {
+    focusedIndex,
+    items,
+    maxLineY,
+    minLineY
+  } = state;
+  if (isLastIndex(items, focusedIndex)) {
+    return state;
+  }
+  const indexNextPage = Math.min(maxLineY + (maxLineY - minLineY) - 2, lastIndex(items));
+  return focusIndex(state, indexNextPage);
+};
+const focusPrevious = state => {
+  const {
+    focusedIndex,
+    items
+  } = state;
+  if (focusedIndex === 0 || focusedIndex === -1) {
+    return state;
+  }
+  const previousIndex = previous(items, focusedIndex);
+  return focusIndex(state, previousIndex);
+};
+const focusPreviousPage = state => {
+  const {
+    focusedIndex,
+    minLineY,
+    maxLineY
+  } = state;
+  if (focusedIndex === 0 || focusedIndex === -1) {
+    return state;
+  }
+  const indexPreviousPage = Math.max(minLineY - (maxLineY - minLineY) + 1, 0);
+  return focusIndex(state, indexPreviousPage);
 };
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
+
+const Button = 1;
+
+const ClearAll = 'ClearAll';
+const Filter = 'Filter';
+const Refresh = 'Refresh';
+const Ellipsis = 'Ellipsis';
+
+const getActions = () => {
+  return [{
+    type: Button,
+    id: refresh(),
+    icon: Refresh,
+    command: ''
+  }, {
+    type: Button,
+    id: viewsAndMoreActions(),
+    icon: Ellipsis,
+    command: ''
+  }];
 };
-const getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke$1('Preferences.getAll');
+
+const commandMapRef = {};
+
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
 };
-const showSaveFilePicker = async () => {
-  // @ts-ignore
-  return invoke$1('FilePicker.showSaveFilePicker');
+const getCommandIds = () => {
+  const keys = Object.keys(commandMapRef);
+  const ids = keys.map(toCommandId);
+  return ids;
 };
-const getLogsDir = async () => {
-  // @ts-ignore
-  return invoke$1('PlatformPaths.getLogsDir');
+
+const Enter = 3;
+const Space = 9;
+const PageUp = 10;
+const PageDown = 11;
+const End = 255;
+const Home = 12;
+const UpArrow = 14;
+const DownArrow = 16;
+
+const CtrlCmd = 1 << 11 >>> 0;
+
+const FocusExtensions = 15;
+const FocusExtensionsInput = 7000;
+
+const getKeyBindings = () => {
+  return [{
+    key: Home,
+    command: 'Extensions.focusFirst',
+    when: FocusExtensions
+  }, {
+    key: End,
+    command: 'Extensions.focusLast',
+    when: FocusExtensions
+  }, {
+    key: PageUp,
+    command: 'Extensions.focusPreviousPage',
+    when: FocusExtensions
+  }, {
+    key: PageDown,
+    command: 'Extensions.focusNextPage',
+    when: FocusExtensions
+  }, {
+    key: UpArrow,
+    command: 'Extensions.focusPrevious',
+    when: FocusExtensions
+  }, {
+    key: DownArrow,
+    command: 'Extensions.focusNext',
+    when: FocusExtensions
+  }, {
+    key: Space,
+    command: 'Extensions.handleClickCurrentButKeepFocus',
+    when: FocusExtensions
+  }, {
+    key: Enter,
+    command: 'Extensions.handleClickCurrent',
+    when: FocusExtensions
+  }, {
+    key: CtrlCmd | Space,
+    command: 'Extensions.toggleSuggest',
+    when: FocusExtensions
+  }, {
+    key: CtrlCmd | DownArrow,
+    command: 'Extensions.scrollDown',
+    when: FocusExtensions
+  }];
 };
-const registerMockRpc = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$1(mockRpc);
-  return mockRpc;
+
+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$1(),
+    flags: None$1,
+    command: 'SearchExtensions.copyExtensionId'
+  }];
 };
 
-const RendererWorker = {
-  __proto__: null,
-  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,
-  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 handleBlur = state => {
+  return {
+    ...state,
+    focus: None$3
+  };
+};
+
+const getExtensionDetailUri = extensionId => {
+  return `extension-detail://${extensionId}`;
 };
 
 const {
@@ -2102,6 +2208,18 @@ const handleClick = async (state, index) => {
   return newState;
 };
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+
 const getListIndex = (eventX, eventY, x, y, deltaY, itemHeight, headerHeight) => {
   const relativeDeltaY = deltaY % itemHeight;
   const relativeY = eventY - y - headerHeight + relativeDeltaY;
@@ -2109,7 +2227,10 @@ const getListIndex = (eventX, eventY, x, y, deltaY, itemHeight, headerHeight) =>
   return index;
 };
 
-const handleClickAt = async (state, eventX, eventY) => {
+const handleClickAt = async (state, button, eventX, eventY) => {
+  if (button !== LeftClick) {
+    return state;
+  }
   const {
     x,
     y,
@@ -2326,19 +2447,19 @@ const getAllExtensions = platform => {
   return getAllExtensions$1(platform);
 };
 
-const HandleClearSearchResults = 'handleClearSearchResults';
-const HandleClickFilter = 'handleClickFilter';
-const HandleContextMenu = 'handleContextMenu';
-const HandleExtensionsInput = 'handleExtensionsInput';
-const HandleFocus = 'handleFocus';
-const HandlePointerDown = 'handlePointerDown';
-const HandleScrollBarMove = 'handleScrollBarMove';
-const HandleScrollBarPointerCaptureLost = 'handleScrollBarPointerCaptureLost';
-const HandleScrollBarPointerDown = 'handleScrollBarPointerDown';
-const HandleTouchEnd = 'handleTouchEnd';
-const HandleTouchMove = 'handleTouchMove';
-const HandleTouchStart = 'handleTouchStart';
-const HandleWheel = 'handleWheel';
+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 clearEnabled = newState.searchValue.length > 0;
@@ -2346,12 +2467,12 @@ const getInputActions = newState => {
     onClick: HandleClearSearchResults,
     icon: `MaskIcon${ClearAll}`,
     title: clearExtensionSearchResults(),
-    type: Button$1,
+    type: Button,
     enabled: clearEnabled
   }, {
     icon: `MaskIcon${Filter}`,
     title: filter(),
-    type: Button$1,
+    type: Button,
     onClick: HandleClickFilter,
     enabled: true
   }];
@@ -2558,18 +2679,6 @@ const renderFocusContext = newState => {
   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';
@@ -2618,7 +2727,7 @@ const getSearchFieldButtonVirtualDom = button => {
     onClick
   } = button;
   return [{
-    type: Button,
+    type: Button$2,
     className: getClassName$1(enabled),
     title,
     tabIndex: 0,
@@ -2645,6 +2754,7 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     spellcheck: false,
     autocapitalize: 'off',
     autocorrect: 'off',
+    autocomplete: 'off',
     placeholder,
     name,
     onInput,
@@ -2881,7 +2991,7 @@ const getExtensionsViewVirtualDom = state => {
     childCount: 2,
     ariaLive: 'polite',
     ariaBusy: false,
-    role: None$1
+    role: None$2
   }, ...getExtensionHeaderVirtualDom(placeholder, inputActions), ...getContentVirtualDom(visibleExtensions, message, scrollBarHeight, scrollBarY)];
 };
 
@@ -2951,8 +3061,8 @@ const render3 = (uid, diffResult) => {
   const {
     oldState,
     newState
-  } = get$1(uid);
-  set$3(uid, newState, newState);
+  } = get(uid);
+  set$1(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -2972,7 +3082,7 @@ const getActionButtonVirtualDom = action => {
     icon
   } = action;
   return [{
-    type: Button,
+    type: Button$2,
     className: IconButton,
     title: id,
     childCount: 1
@@ -2981,7 +3091,7 @@ const getActionButtonVirtualDom = action => {
 
 const getActionVirtualDom = action => {
   switch (action.type) {
-    case Button$1:
+    case Button:
       return getActionButtonVirtualDom(action);
     default:
       return [];
@@ -3001,7 +3111,7 @@ const renderActions = uid => {
   const {
     oldState,
     newState
-  } = get$1(uid);
+  } = get(uid);
   if (oldState === newState) {
     return [];
   }
@@ -3013,30 +3123,30 @@ const renderActions = uid => {
 const renderEventListeners = () => {
   return [{
     name: HandleContextMenu,
-    params: ['handleContextMenu', 'event.button', 'event.clientX', 'event.clientY'],
+    params: ['handleContextMenu', Button$1, ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandlePointerDown,
-    params: ['handleClickAt', 'event.clientX', 'event.clientY'],
+    params: ['handleClickAt', Button$1, ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandleScrollBarPointerDown,
-    params: ['handleScrollBarClick', 'event.clientY'],
+    params: ['handleScrollBarClick', ClientY],
     preventDefault: true,
     trackPointerEvents: [HandleScrollBarMove, HandleScrollBarPointerCaptureLost]
   }, {
     name: HandleScrollBarMove,
-    params: ['handleScrollBarMove', 'event.clientY']
+    params: ['handleScrollBarMove', ClientY]
   }, {
     name: HandleScrollBarPointerCaptureLost,
     params: ['handleScrollBarCaptureLost']
   }, {
     name: HandleWheel,
-    params: ['handleWheel', 'event.deltaMode', 'event.deltaY'],
+    params: ['handleWheel', DeltaMode, DeltaY],
     passive: true
   }, {
     name: HandleExtensionsInput,
-    params: ['handleInput', 'event.target.value', User]
+    params: ['handleInput', TargetValue, User]
   }, {
     name: HandleClearSearchResults,
     params: ['clearSearchResults']
@@ -3083,9 +3193,9 @@ const toggleSuggest = state => {
 const commandMap = {
   'SearchExtensions.clearSearchResults': wrapCommand(clearSearchResults),
   'SearchExtensions.closeSuggest': wrapCommand(closeSuggest),
-  'SearchExtensions.create': create$1,
+  'SearchExtensions.create': create,
   'SearchExtensions.diff2': diff2,
-  'SearchExtensions.dispose': dispose$1,
+  'SearchExtensions.dispose': dispose,
   'SearchExtensions.focusFirst': wrapCommand(focusFirst),
   'SearchExtensions.focusIndex': wrapCommand(focusIndex),
   'SearchExtensions.focusLast': wrapCommand(focusLast),
@@ -3095,9 +3205,10 @@ const commandMap = {
   'SearchExtensions.focusPrevious': wrapCommand(focusPrevious),
   'SearchExtensions.getActions': getActions,
   'SearchExtensions.getCommandIds': getCommandIds,
-  'SearchExtensions.getKeyBindings': getKeyBindings$1,
+  'SearchExtensions.getKeyBindings': getKeyBindings,
   'SearchExtensions.getMenuEntries': getMenuEntries,
   'SearchExtensions.handleBlur': wrapCommand(handleBlur),
+  'SearchExtensions.copyExtensionInfo': wrapCommand(copyExtensionInfo),
   'SearchExtensions.handleClick': wrapCommand(handleClick),
   'SearchExtensions.handleClickAt': wrapCommand(handleClickAt),
   'SearchExtensions.handleClickCurrent': wrapCommand(handleClickCurrent),
@@ -3116,6 +3227,7 @@ const commandMap = {
   'SearchExtensions.handleWheel': wrapCommand(handleWheel),
   'SearchExtensions.loadContent': wrapCommand(loadContent),
   'SearchExtensions.openSuggest': wrapCommand(openSuggest),
+  'SearchExtensions.copyExtensionId': wrapCommand(copyExtensionId),
   'SearchExtensions.render3': render3,
   'SearchExtensions.renderActions': renderActions,
   'SearchExtensions.renderEventListeners': renderEventListeners,