@lvce-editor/static-server 0.64.2 → 0.64.4

package/static/{4c6d25a → f04e70d}/packages/extension-search-view-worker/dist/extensionSearchViewWorkerMain.js

@@ -417,9 +417,103 @@ const IpcChildWithModuleWorkerAndMessagePort$1 = {
   listen: listen$6,
   wrap: wrap$e
 };
+const addListener = (emitter, type, callback) => {
+  if ('addEventListener' in emitter) {
+    emitter.addEventListener(type, callback);
+  } else {
+    emitter.on(type, callback);
+  }
+};
+const removeListener = (emitter, type, callback) => {
+  if ('removeEventListener' in emitter) {
+    emitter.removeEventListener(type, callback);
+  } else {
+    emitter.off(type, callback);
+  }
+};
+const getFirstEvent = (eventEmitter, eventMap) => {
+  const {
+    resolve,
+    promise
+  } = Promise.withResolvers();
+  const listenerMap = Object.create(null);
+  const cleanup = value => {
+    for (const event of Object.keys(eventMap)) {
+      removeListener(eventEmitter, event, listenerMap[event]);
+    }
+    resolve(value);
+  };
+  for (const [event, type] of Object.entries(eventMap)) {
+    const listener = event => {
+      cleanup({
+        type,
+        event
+      });
+    };
+    addListener(eventEmitter, event, listener);
+    listenerMap[event] = listener;
+  }
+  return promise;
+};
+const Message$1 = 3;
+const create$5$1 = async ({
+  messagePort,
+  isMessagePortOpen
+}) => {
+  if (!isMessagePort(messagePort)) {
+    throw new IpcError('port must be of type MessagePort');
+  }
+  if (isMessagePortOpen) {
+    return messagePort;
+  }
+  const eventPromise = getFirstEvent(messagePort, {
+    message: Message$1
+  });
+  messagePort.start();
+  const {
+    type,
+    event
+  } = await eventPromise;
+  if (type !== Message$1) {
+    throw new IpcError('Failed to wait for ipc message');
+  }
+  if (event.data !== readyMessage) {
+    throw new IpcError('unexpected first message');
+  }
+  return messagePort;
+};
+const signal$1 = messagePort => {
+  messagePort.start();
+};
+class IpcParentWithMessagePort extends Ipc {
+  getData = getData$2;
+  send(message) {
+    this._rawIpc.postMessage(message);
+  }
+  sendAndTransfer(message) {
+    const transfer = getTransferrables(message);
+    this._rawIpc.postMessage(message, transfer);
+  }
+  dispose() {
+    this._rawIpc.close();
+  }
+  onMessage(callback) {
+    this._rawIpc.addEventListener('message', callback);
+  }
+  onClose(callback) {}
+}
+const wrap$5 = messagePort => {
+  return new IpcParentWithMessagePort(messagePort);
+};
+const IpcParentWithMessagePort$1 = {
+  __proto__: null,
+  create: create$5$1,
+  signal: signal$1,
+  wrap: wrap$5
+};
 
 const Two = '2.0';
-const create$4 = (method, params) => {
+const create$4$1 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -427,7 +521,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$4 = (id, fn) => {
+const set$6 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -436,9 +530,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();
@@ -446,7 +540,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$4(id, resolve);
+  set$6(id, resolve);
   return {
     id,
     promise
@@ -674,7 +768,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$5 = (message, result) => {
+const create$6 = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -683,7 +777,7 @@ const create$5 = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$5(message, resultProperty);
+  return create$6(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -788,13 +882,13 @@ const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
   return unwrapJsonRpcResult(responseMessage);
 };
 const send = (transport, method, ...params) => {
-  const message = create$4(method, params);
+  const message = create$4$1(method, params);
   transport.send(message);
 };
-const invoke$2 = (ipc, method, ...params) => {
+const invoke$4 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
-const invokeAndTransfer$1 = (ipc, method, ...params) => {
+const invokeAndTransfer$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
@@ -830,10 +924,10 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$2(ipc, method, ...params);
+      return invoke$4(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer$1(ipc, method, ...params);
+      return invokeAndTransfer$2(ipc, method, ...params);
     },
     async dispose() {
       await ipc?.dispose();
@@ -871,7 +965,41 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
+const create$5 = async ({
+  commandMap,
+  messagePort
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const rawIpc = await IpcParentWithMessagePort$1.create({
+    messagePort,
+    isMessagePortOpen: true
+  });
+  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
+  handleIpc(ipc);
+  const rpc = createRpc(ipc);
+  messagePort.start();
+  return rpc;
+};
 const create$3 = async ({
+  commandMap,
+  send
+}) => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  await send(port1);
+  return create$5({
+    commandMap,
+    messagePort: port2
+  });
+};
+const TransferMessagePortRpcParent = {
+  __proto__: null,
+  create: create$3
+};
+const create$4 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -883,7 +1011,7 @@ const create$3 = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$3
+  create: create$4
 };
 const createMockRpc = ({
   commandMap
@@ -892,6 +1020,9 @@ const createMockRpc = ({
   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 = {
@@ -902,7 +1033,7 @@ const createMockRpc = ({
   return mockRpc;
 };
 
-const toCommandId$1 = key => {
+const toCommandId = key => {
   const dotIndex = key.indexOf('.');
   return key.slice(dotIndex + 1);
 };
@@ -974,7 +1105,7 @@ const create$2 = () => {
     },
     getCommandIds() {
       const keys = Object.keys(commandMapRef);
-      const ids = keys.map(toCommandId$1);
+      const ids = keys.map(toCommandId);
       return ids;
     },
     registerCommands(commandMap) {
@@ -1014,11 +1145,35 @@ const SearchExtensionsInMarketplace = 'Search Extensions in Marketplace';
 const ViewsAndMoreActions = 'Views and more Actions...';
 const Extensions$2 = 'Extensions';
 const Copy = 'Copy';
-const CopyExtensionId = 'CopyExtensionId';
+const CopyExtensionId = 'Copy Extension Id';
+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);
 };
@@ -1043,7 +1198,7 @@ const installAnotherVersion = () => {
 const copy = () => {
   return i18nString(Copy);
 };
-const copyExtensionId = () => {
+const copyExtensionId$1 = () => {
   return i18nString(CopyExtensionId);
 };
 const searchExtensionsInMarketPlace = () => {
@@ -1088,6 +1243,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,12 +1286,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;
@@ -1163,6 +1321,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);
   }
@@ -1206,7 +1367,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,
@@ -1233,7 +1394,8 @@ const handleInput = async (state, value) => {
         minLineY: 0,
         placeholder: searchExtensionsInMarketPlace(),
         scrollBarHeight: 0,
-        searchValue: value
+        searchValue: value,
+        inputSource
       };
     }
     const total = items.length;
@@ -1256,7 +1418,8 @@ const handleInput = async (state, value) => {
       placeholder: searchExtensionsInMarketPlace(),
       scrollBarHeight,
       scrollBarY,
-      searchValue: value
+      searchValue: value,
+      inputSource
     };
 
     // TODO handle out of order responses (a bit complicated)
@@ -1280,486 +1443,143 @@ const closeSuggest = state => {
   return state;
 };
 
-const {
-  get: get$1,
-  set: set$3,
-  dispose: dispose$2,
-  wrapCommand,
-  wrapGetter
-} = create$2();
+const None$2 = 'none';
 
-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 Button$2 = 1;
+const Div = 4;
+const Input = 6;
+const Text = 12;
+const Img = 17;
 
-const isEqual$2 = (oldState, newState) => {
-  if (!newState.focus) {
-    return true;
-  }
-  return oldState.focus === newState.focus;
-};
+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$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 LeftClick = 0;
 
-const User = 1;
-const Script = 2;
+const DebugWorker = 55;
+const ExtensionHostWorker = 44;
+const RendererWorker$1 = 1;
 
-const isEqual = (oldState, newState) => {
-  return newState.inputSource === User || oldState.searchValue === newState.searchValue;
+const rpcs = Object.create(null);
+const set$5 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$1 = id => {
+  return rpcs[id];
 };
 
-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$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$5(rpcId, rpc);
+    },
+    async dispose() {
+      const rpc = get$1(rpcId);
+      await rpc.dispose();
     }
-  }
-  return diffResult;
+  };
 };
 
-const dispose$1 = uid => {
-  dispose$2(uid);
+const {
+  invoke: invoke$3,
+  invokeAndTransfer: invokeAndTransfer$1,
+  set: set$4,
+  dispose: dispose$3
+} = create$1(ExtensionHostWorker);
+const executeReferenceProvider = async (id, offset) => {
+  // @ts-ignore
+  return invoke$3('ExtensionHostReference.executeReferenceProvider', id, offset);
+};
+const executeFileReferenceProvider = async id => {
+  // @ts-ignore
+  return invoke$3('ExtensionHostReference.executeFileReferenceProvider', id);
+};
+const getRuntimeStatus = async extensionId => {
+  // @ts-ignore
+  return invoke$3('ExtensionHost.getRuntimeStatus', extensionId);
+};
+const registerMockRpc$1 = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$4(mockRpc);
+  return mockRpc;
 };
 
-// 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 ExtensionHost = {
+  __proto__: null,
+  dispose: dispose$3,
+  executeFileReferenceProvider,
+  executeReferenceProvider,
+  getRuntimeStatus,
+  invoke: invoke$3,
+  invokeAndTransfer: invokeAndTransfer$1,
+  registerMockRpc: registerMockRpc$1,
+  set: set$4
 };
-const getScrollBarOffset = (delta, finalDelta, size, scrollBarSize) => {
-  const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
-  return scrollBarOffset;
+
+const {
+  invoke: invoke$2,
+  invokeAndTransfer,
+  set: set$3,
+  dispose: dispose$2
+} = create$1(RendererWorker$1);
+const searchFileHtml = async uri => {
+  return invoke$2('ExtensionHost.searchFileWithHtml', uri);
 };
-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 getFilePathElectron = async file => {
+  return invoke$2('FileSystemHandle.getFilePathElectron', file);
 };
-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 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 showContextMenu$1 = async (x, y, id, ...args) => {
+  return invoke$2('ContextMenu.show', x, y, id, ...args);
 };
 const getElectronVersion = async () => {
-  return invoke$1('Process.getElectronVersion');
+  return invoke$2('Process.getElectronVersion');
 };
 const applyBulkReplacement = async bulkEdits => {
-  await invoke$1('BulkReplacement.applyBulkReplacement', bulkEdits);
+  await invoke$2('BulkReplacement.applyBulkReplacement', bulkEdits);
 };
 const setColorTheme = async id => {
   // @ts-ignore
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+  return invoke$2(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
 const getNodeVersion = async () => {
-  return invoke$1('Process.getNodeVersion');
+  return invoke$2('Process.getNodeVersion');
 };
 const getChromeVersion = async () => {
-  return invoke$1('Process.getChromeVersion');
+  return invoke$2('Process.getChromeVersion');
 };
 const getV8Version = async () => {
-  return invoke$1('Process.getV8Version');
+  return invoke$2('Process.getV8Version');
 };
 const getFileHandles = async fileIds => {
-  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
+  const files = await invoke$2('FileSystemHandle.getFileHandles', fileIds);
   return files;
 };
 const setWorkspacePath = async path => {
-  await invoke$1('Workspace.setPath', path);
+  await invoke$2('Workspace.setPath', path);
 };
 const registerWebViewInterceptor = async (id, port) => {
   await invokeAndTransfer('WebView.registerInterceptor', id, port);
 };
 const unregisterWebViewInterceptor = async id => {
-  await invoke$1('WebView.unregisterInterceptor', id);
+  await invoke$2('WebView.unregisterInterceptor', id);
 };
 const sendMessagePortToEditorWorker = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
@@ -1776,49 +1596,54 @@ const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
   // @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);
+  return invoke$2('FileSystem.readFile', uri);
 };
 const getWebViewSecret = async key => {
   // @ts-ignore
-  return invoke$1('WebView.getSecret', key);
+  return invoke$2('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);
+  return invoke$2('Focus.setFocus', key);
 };
 const getFileIcon = async options => {
-  return invoke$1('IconTheme.getFileIcon', options);
+  return invoke$2('IconTheme.getFileIcon', options);
 };
 const getColorThemeNames = async () => {
-  return invoke$1('ColorTheme.getColorThemeNames');
+  return invoke$2('ColorTheme.getColorThemeNames');
 };
 const disableExtension = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.disable', id);
+  return invoke$2('ExtensionManagement.disable', id);
 };
 const enableExtension = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.enable', id);
+  return invoke$2('ExtensionManagement.enable', id);
 };
 const handleDebugChange = async params => {
   // @ts-ignore
-  return invoke$1('Run And Debug.handleChange', params);
+  return invoke$2('Run And Debug.handleChange', params);
 };
 const getFolderIcon = async options => {
-  return invoke$1('IconTheme.getFolderIcon', options);
+  return invoke$2('IconTheme.getFolderIcon', options);
 };
 const closeWidget = async widgetId => {
-  return invoke$1('Viewlet.closeWidget', widgetId);
+  return invoke$2('Viewlet.closeWidget', widgetId);
 };
-const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
+const sendMessagePortToExtensionHostWorker$2 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
 };
@@ -1827,247 +1652,697 @@ const sendMessagePortToSearchProcess = async port => {
 };
 const confirm = async (message, options) => {
   // @ts-ignore
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
+  const result = await invoke$2('ConfirmPrompt.prompt', message, options);
   return result;
 };
 const getRecentlyOpened = async () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+  return invoke$2(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
-const getKeyBindings = async () => {
-  return invoke$1('KeyBindingsInitial.getKeyBindings');
+const getKeyBindings$1 = async () => {
+  return invoke$2('KeyBindingsInitial.getKeyBindings');
 };
 const writeClipBoardText = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
+  await invoke$2('ClipBoard.writeText', /* text */text);
 };
 const writeClipBoardImage = async blob => {
   // @ts-ignore
-  await invoke$1('ClipBoard.writeImage', /* text */blob);
+  await invoke$2('ClipBoard.writeImage', /* text */blob);
 };
 const searchFileMemory = async uri => {
   // @ts-ignore
-  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
+  return invoke$2('ExtensionHost.searchFileWithMemory', uri);
 };
 const searchFileFetch = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithFetch', uri);
+  return invoke$2('ExtensionHost.searchFileWithFetch', uri);
 };
 const showMessageBox = async options => {
-  return invoke$1('ElectronDialog.showMessageBox', options);
+  return invoke$2('ElectronDialog.showMessageBox', options);
 };
 const handleDebugResumed = async params => {
-  await invoke$1('Run And Debug.handleResumed', params);
+  await invoke$2('Run And Debug.handleResumed', params);
 };
 const openWidget = async name => {
-  await invoke$1('Viewlet.openWidget', name);
+  await invoke$2('Viewlet.openWidget', name);
 };
 const getIcons = async requests => {
-  const icons = await invoke$1('IconTheme.getIcons', requests);
+  const icons = await invoke$2('IconTheme.getIcons', requests);
   return icons;
 };
 const activateByEvent = event => {
-  return invoke$1('ExtensionHostManagement.activateByEvent', event);
+  return invoke$2('ExtensionHostManagement.activateByEvent', event);
 };
 const setAdditionalFocus = focusKey => {
   // @ts-ignore
-  return invoke$1('Focus.setAdditionalFocus', focusKey);
+  return invoke$2('Focus.setAdditionalFocus', focusKey);
 };
 const getActiveEditorId = () => {
   // @ts-ignore
-  return invoke$1('GetActiveEditor.getActiveEditorId');
+  return invoke$2('GetActiveEditor.getActiveEditorId');
 };
 const getWorkspacePath = () => {
-  return invoke$1('Workspace.getPath');
+  return invoke$2('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 getPreference = async key => {
+  return await invoke$2('Preferences.get', key);
+};
+const getAllExtensions$2 = async () => {
+  return invoke$2('ExtensionManagement.getAllExtensions');
+};
+const rerenderEditor = async key => {
+  // @ts-ignore
+  return invoke$2('Editor.rerender', key);
+};
+const handleDebugPaused = async params => {
+  await invoke$2('Run And Debug.handlePaused', params);
+};
+const openUri$2 = async (uri, focus, options) => {
+  await invoke$2('Main.openUri', uri, focus, options);
+};
+const sendMessagePortToSyntaxHighlightingWorker = async port => {
+  await invokeAndTransfer(
+  // @ts-ignore
+  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
+};
+const handleDebugScriptParsed = async script => {
+  await invoke$2('Run And Debug.handleScriptParsed', script);
+};
+const getWindowId = async () => {
+  return invoke$2('GetWindowId.getWindowId');
+};
+const getBlob = async uri => {
+  // @ts-ignore
+  return invoke$2('FileSystem.getBlob', uri);
+};
+const getExtensionCommands = async () => {
+  return invoke$2('ExtensionHost.getCommands');
+};
+const showErrorDialog = async errorInfo => {
+  // @ts-ignore
+  await invoke$2('ErrorHandling.showErrorDialog', errorInfo);
+};
+const getFolderSize = async uri => {
+  // @ts-ignore
+  return await invoke$2('FileSystem.getFolderSize', uri);
+};
+const getExtension = async id => {
+  // @ts-ignore
+  return invoke$2('ExtensionManagement.getExtension', id);
+};
+const getMarkdownDom = async html => {
+  // @ts-ignore
+  return invoke$2('Markdown.getVirtualDom', html);
+};
+const renderMarkdown = async (markdown, options) => {
+  // @ts-ignore
+  return invoke$2('Markdown.renderMarkdown', markdown, options);
+};
+const openNativeFolder = async uri => {
+  // @ts-ignore
+  await invoke$2('OpenNativeFolder.openNativeFolder', uri);
+};
+const uninstallExtension = async id => {
+  return invoke$2('ExtensionManagement.uninstall', id);
+};
+const installExtension = async id => {
+  // @ts-ignore
+  return invoke$2('ExtensionManagement.install', id);
+};
+const openExtensionSearch = async () => {
+  // @ts-ignore
+  return invoke$2('SideBar.openViewlet', 'Extensions');
+};
+const setExtensionsSearchValue = async searchValue => {
+  // @ts-ignore
+  return invoke$2('Extensions.handleInput', searchValue);
+};
+const openExternal = async uri => {
+  // @ts-ignore
+  await invoke$2('Open.openExternal', uri);
+};
+const openUrl = async uri => {
+  // @ts-ignore
+  await invoke$2('Open.openUrl', uri);
+};
+const getAllPreferences = async () => {
+  // @ts-ignore
+  return invoke$2('Preferences.getAll');
+};
+const showSaveFilePicker = async () => {
+  // @ts-ignore
+  return invoke$2('FilePicker.showSaveFilePicker');
+};
+const getLogsDir = async () => {
+  // @ts-ignore
+  return invoke$2('PlatformPaths.getLogsDir');
+};
+const registerMockRpc = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$3(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$2,
+  invokeAndTransfer,
+  openExtensionSearch,
+  openExternal,
+  openNativeFolder,
+  openUri: openUri$2,
+  openUrl,
+  openWidget,
+  readFile,
+  registerMockRpc,
+  registerWebViewInterceptor,
+  renderMarkdown,
+  rerenderEditor,
+  searchFileFetch,
+  searchFileHtml,
+  searchFileMemory,
+  sendMessagePortToEditorWorker,
+  sendMessagePortToErrorWorker,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$2,
+  sendMessagePortToFileSystemWorker,
+  sendMessagePortToIconThemeWorker,
+  sendMessagePortToMarkdownWorker,
+  sendMessagePortToRendererProcess,
+  sendMessagePortToSearchProcess,
+  sendMessagePortToSyntaxHighlightingWorker,
+  set: set$3,
+  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$2,
+  dispose: dispose$1,
+  wrapCommand,
+  getCommandIds,
+  registerCommands,
+  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$2(id, state, state);
+};
+
+const isEqual$2 = (oldState, newState) => {
+  if (!newState.focus) {
+    return true;
+  }
+  return oldState.focus === newState.focus;
 };
-const getAllExtensions$2 = async () => {
-  return invoke$1('ExtensionManagement.getAllExtensions');
+
+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 rerenderEditor = async key => {
-  // @ts-ignore
-  return invoke$1('Editor.rerender', key);
+
+const isEqual = (oldState, newState) => {
+  return newState.inputSource === User || oldState.searchValue === newState.searchValue;
 };
-const handleDebugPaused = async params => {
-  await invoke$1('Run And Debug.handlePaused', params);
+
+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 openUri$2 = async (uri, focus, options) => {
-  await invoke$1('Main.openUri', uri, focus, options);
+
+const dispose = uid => {
+  dispose$1(uid);
 };
-const sendMessagePortToSyntaxHighlightingWorker = async port => {
-  await invokeAndTransfer(
-  // @ts-ignore
-  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
+
+// 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 handleDebugScriptParsed = async script => {
-  await invoke$1('Run And Debug.handleScriptParsed', script);
+const getScrollBarOffset = (delta, finalDelta, size, scrollBarSize) => {
+  const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
+  return scrollBarOffset;
 };
-const getWindowId = async () => {
-  return invoke$1('GetWindowId.getWindowId');
+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 getBlob = async uri => {
-  // @ts-ignore
-  return invoke$1('FileSystem.getBlob', uri);
+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 getExtensionCommands = async () => {
-  return invoke$1('ExtensionHost.getCommands');
+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 showErrorDialog = async errorInfo => {
-  // @ts-ignore
-  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
+const first = () => {
+  return 0;
 };
-const getFolderSize = async uri => {
-  // @ts-ignore
-  return await invoke$1('FileSystem.getFolderSize', uri);
+const last = items => {
+  return items.length - 1;
 };
-const getExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.getExtension', id);
+const next = (items, index) => {
+  return (index + 1) % items.length;
 };
-const getMarkdownDom = async html => {
-  // @ts-ignore
-  return invoke$1('Markdown.getVirtualDom', html);
+const previous = (items, index) => {
+  return index === 0 ? items.length - 1 : index - 1;
 };
-const renderMarkdown = async (markdown, options) => {
-  // @ts-ignore
-  return invoke$1('Markdown.renderMarkdown', markdown, options);
+const focusFirst = state => {
+  const firstIndex = first();
+  return focusIndex(state, firstIndex);
 };
-const openNativeFolder = async uri => {
-  // @ts-ignore
-  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
+const focusLast = state => {
+  const {
+    items
+  } = state;
+  const lastIndex = last(items);
+  return focusIndex(state, lastIndex);
 };
-const uninstallExtension = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
+const focusNext = state => {
+  const {
+    focusedIndex,
+    items
+  } = state;
+  const nextIndex = next(items, focusedIndex);
+  return focusIndex(state, nextIndex);
 };
-const installExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.install', 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 openExtensionSearch = async () => {
-  // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
+const lastIndex = array => {
+  return array.length - 1;
 };
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue);
+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 openExternal = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
+const focusPrevious = state => {
+  const {
+    focusedIndex,
+    items
+  } = state;
+  if (focusedIndex === 0 || focusedIndex === -1) {
+    return state;
+  }
+  const previousIndex = previous(items, focusedIndex);
+  return focusIndex(state, previousIndex);
 };
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
+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 getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke$1('Preferences.getAll');
+
+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 showSaveFilePicker = async () => {
-  // @ts-ignore
-  return invoke$1('FilePicker.showSaveFilePicker');
+
+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 getLogsDir = async () => {
-  // @ts-ignore
-  return invoke$1('PlatformPaths.getLogsDir');
+
+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 registerMockRpc = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$1(mockRpc);
-  return mockRpc;
+
+const handleBlur = state => {
+  return {
+    ...state,
+    focus: None$3
+  };
 };
 
-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,
-  sendMessagePortToMarkdownWorker,
-  sendMessagePortToRendererProcess,
-  sendMessagePortToSearchProcess,
-  sendMessagePortToSyntaxHighlightingWorker,
-  set: set$1,
-  setAdditionalFocus,
-  setColorTheme,
-  setExtensionsSearchValue,
-  setFocus,
-  setWebViewPort,
-  setWorkspacePath,
-  showContextMenu: showContextMenu$1,
-  showErrorDialog,
-  showMessageBox,
-  showSaveFilePicker,
-  uninstallExtension,
-  unregisterWebViewInterceptor,
-  writeClipBoardImage,
-  writeClipBoardText
+const getExtensionDetailUri = extensionId => {
+  return `extension-detail://${extensionId}`;
 };
 
 const {
-  invoke,
-  set,
+  invoke: invoke$1,
+  set: set$1,
   showContextMenu,
-  openUri: openUri$1
+  openUri: openUri$1,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1
 } = RendererWorker;
 
 const openUri = async uri => {
@@ -2091,6 +2366,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;
@@ -2098,7 +2385,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,
@@ -2299,35 +2589,69 @@ const handleWheel = (state, deltaMode, deltaY) => {
   return setDeltaY(state, state.deltaY + deltaY);
 };
 
+const sendMessagePortToExtensionHostWorker = async port => {
+  await sendMessagePortToExtensionHostWorker$1(port, 0);
+};
+
+const createExtensionHostWorkerRpc = async () => {
+  try {
+    const rpc = await TransferMessagePortRpcParent.create({
+      commandMap: {},
+      send: sendMessagePortToExtensionHostWorker
+    });
+    return rpc;
+  } catch (error) {
+    throw new VError(error, `Failed to create extension host rpc`);
+  }
+};
+
+const {
+  set,
+  invoke} = ExtensionHost;
+
+const initializeExtensionHostWorker = async () => {
+  const rpc = await createExtensionHostWorkerRpc();
+  set(rpc);
+};
+
+const initialize = async () => {
+  await initializeExtensionHostWorker();
+};
+
 const Web = 1;
 const Electron = 2;
 const Remote = 3;
 
 const getAllExtensions$1 = async platform => {
   if (platform === Web) {
-    return [];
+    try {
+      const extensions = await invoke('Extensions.getExtensions');
+      return extensions;
+    } catch {
+      return [];
+    }
   }
   // @ts-ignore todo
-  return invoke('ExtensionManagement.getAllExtensions');
+  return invoke$1('ExtensionManagement.getAllExtensions');
 };
 
 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;
@@ -2335,12 +2659,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
   }];
@@ -2547,18 +2871,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';
@@ -2592,11 +2904,12 @@ const ListItem = 'listitem';
 const None = 'none';
 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 {
@@ -2606,7 +2919,7 @@ const getSearchFieldButtonVirtualDom = button => {
     onClick
   } = button;
   return [{
-    type: Div,
+    type: Button$2,
     className: getClassName$1(enabled),
     title,
     tabIndex: 0,
@@ -2628,10 +2941,12 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     childCount: 2
   }, {
     type: Input,
+    inputType: 'search',
     className: MultilineInputBox,
     spellcheck: false,
     autocapitalize: 'off',
     autocorrect: 'off',
+    autocomplete: 'off',
     placeholder,
     name,
     onInput,
@@ -2868,7 +3183,7 @@ const getExtensionsViewVirtualDom = state => {
     childCount: 2,
     ariaLive: 'polite',
     ariaBusy: false,
-    role: None$1
+    role: None$2
   }, ...getExtensionHeaderVirtualDom(placeholder, inputActions), ...getContentVirtualDom(visibleExtensions, message, scrollBarHeight, scrollBarY)];
 };
 
@@ -2938,8 +3253,8 @@ const render3 = (uid, diffResult) => {
   const {
     oldState,
     newState
-  } = get$1(uid);
-  set$3(uid, newState, newState);
+  } = get(uid);
+  set$2(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -2956,21 +3271,19 @@ const getIconVirtualDom = (icon, type = Div) => {
 const getActionButtonVirtualDom = action => {
   const {
     id,
-    icon,
-    command
+    icon
   } = action;
   return [{
-    type: Button,
+    type: Button$2,
     className: IconButton,
     title: id,
-    'data-command': command,
     childCount: 1
   }, getIconVirtualDom(icon)];
 };
 
 const getActionVirtualDom = action => {
   switch (action.type) {
-    case Button$1:
+    case Button:
       return getActionButtonVirtualDom(action);
     default:
       return [];
@@ -2990,7 +3303,7 @@ const renderActions = uid => {
   const {
     oldState,
     newState
-  } = get$1(uid);
+  } = get(uid);
   if (oldState === newState) {
     return [];
   }
@@ -3002,30 +3315,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']
@@ -3072,19 +3385,21 @@ const toggleSuggest = state => {
 const commandMap = {
   'SearchExtensions.clearSearchResults': wrapCommand(clearSearchResults),
   'SearchExtensions.closeSuggest': wrapCommand(closeSuggest),
-  'SearchExtensions.create': create$1,
+  'SearchExtensions.copyExtensionId': wrapCommand(copyExtensionId),
+  'SearchExtensions.copyExtensionInfo': wrapCommand(copyExtensionInfo),
+  '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),
   'SearchExtensions.focusNext': wrapCommand(focusNext),
   'SearchExtensions.focusNextPage': wrapCommand(focusNextPage),
-  'SearchExtensions.focusPreviousPage': wrapCommand(focusPreviousPage),
   'SearchExtensions.focusPrevious': wrapCommand(focusPrevious),
+  'SearchExtensions.focusPreviousPage': wrapCommand(focusPreviousPage),
   'SearchExtensions.getActions': getActions,
   'SearchExtensions.getCommandIds': getCommandIds,
-  'SearchExtensions.getKeyBindings': getKeyBindings$1,
+  'SearchExtensions.getKeyBindings': getKeyBindings,
   'SearchExtensions.getMenuEntries': getMenuEntries,
   'SearchExtensions.handleBlur': wrapCommand(handleBlur),
   'SearchExtensions.handleClick': wrapCommand(handleClick),
@@ -3103,6 +3418,7 @@ const commandMap = {
   'SearchExtensions.handleScrollBarThumbPointerMove': wrapCommand(handleScrollBarMove),
   'SearchExtensions.handleUninstall': wrapCommand(handleUninstall),
   'SearchExtensions.handleWheel': wrapCommand(handleWheel),
+  'SearchExtensions.initialize': initialize,
   'SearchExtensions.loadContent': wrapCommand(loadContent),
   'SearchExtensions.openSuggest': wrapCommand(openSuggest),
   'SearchExtensions.render3': render3,
@@ -3119,11 +3435,11 @@ const commandMap = {
 };
 
 const listen = async () => {
-  Object.assign(commandMapRef, commandMap);
+  registerCommands(commandMap);
   const rpc = await WebWorkerRpcClient.create({
-    commandMap: commandMapRef
+    commandMap: commandMap
   });
-  set(rpc);
+  set$1(rpc);
 };
 
 const main = async () => {