@lvce-editor/static-server 0.48.3 → 0.49.1

package/static/{a66f6c1 → 5480154}/packages/file-search-worker/dist/fileSearchWorkerMain.js

@@ -434,7 +434,7 @@ const IpcChildWithModuleWorkerAndMessagePort$1 = {
 };
 
 const Two = '2.0';
-const create$4$1 = (method, params) => {
+const create$4 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -448,7 +448,7 @@ const set$2 = (id, fn) => {
 const get$2 = id => {
   return callbacks[id];
 };
-const remove$2 = id => {
+const remove$1 = id => {
   delete callbacks[id];
 };
 let id = 0;
@@ -625,7 +625,7 @@ const resolve = (id, response) => {
     return;
   }
   fn(response);
-  remove$2(id);
+  remove$1(id);
 };
 const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
 const getErrorType = prettyError => {
@@ -769,7 +769,7 @@ const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
   return unwrapJsonRpcResult(responseMessage);
 };
 const send = (transport, method, ...params) => {
-  const message = create$4$1(method, params);
+  const message = create$4(method, params);
   transport.send(message);
 };
 const invoke$2 = (ipc, method, ...params) => {
@@ -780,7 +780,7 @@ const invokeAndTransfer = (ipc, method, ...params) => {
 };
 
 const commands = Object.create(null);
-const register = commandMap => {
+const register$2 = commandMap => {
   Object.assign(commands, commandMap);
 };
 const getCommand = key => {
@@ -843,11 +843,11 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$4 = async ({
+const create$3 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
-  register(commandMap);
+  register$2(commandMap);
   const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
   handleIpc(ipc);
   const rpc = createRpc(ipc);
@@ -855,7 +855,7 @@ const create$4 = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$4
+  create: create$3
 };
 
 const User = 1;
@@ -899,14 +899,14 @@ const warn = (...args) => {
   console.warn(...args);
 };
 
-const state$4 = {
+const state$9 = {
   menuEntries: []
 };
 const getAll = () => {
-  return state$4.menuEntries;
+  return state$9.menuEntries;
 };
 const add = menuEntries => {
-  state$4.menuEntries = [...state$4.menuEntries, ...menuEntries];
+  state$9.menuEntries = [...state$9.menuEntries, ...menuEntries];
 };
 
 const Hide = 'hide';
@@ -937,6 +937,7 @@ const SelectColorTheme = 'Select Color Theme';
 const SelectToOpen = 'Select to open';
 const ShowAndRunCommands = 'Show And Run Commands';
 const TypeNameOfCommandToRun = 'Type the name of a command to run.';
+const QuickOpen = 'Quick open';
 
 const noMatchingColorThemesFound = () => {
   return i18nString(NoMatchingColorThemesFound);
@@ -977,8 +978,11 @@ const noSymbolFound = () => {
 const noWorkspaceSymbolsFound = () => {
   return i18nString(NoWorkspaceSymbolsFound);
 };
+const quickOpen = () => {
+  return i18nString(QuickOpen);
+};
 
-const name$8 = 'command';
+const name$b = 'command';
 const getPlaceholder$b = () => {
   return typeNameofCommandToRun();
 };
@@ -991,7 +995,7 @@ const helpEntries = () => {
 const getLabel$5 = () => {
   return '';
 };
-const getNoResults$a = () => {
+const getNoResults$b = () => {
   return {
     label: noMatchingResults()
   };
@@ -1074,35 +1078,35 @@ const selectPick$b = async item => {
   }
   return selectPickBuiltin(item);
 };
-const getFilterValue$a = value => {
+const getFilterValue$b = value => {
   return value;
 };
-const getPickFilterValue$6 = pick => {
+const getPickFilterValue$9 = pick => {
   return pick.label;
 };
-const getPickLabel$5 = pick => {
+const getPickLabel$8 = pick => {
   return pick.label;
 };
-const getPickIcon$5 = () => {
+const getPickIcon$8 = () => {
   return '';
 };
 
 const QuickPickEntriesCommand = {
   __proto__: null,
-  getFilterValue: getFilterValue$a,
+  getFilterValue: getFilterValue$b,
   getLabel: getLabel$5,
-  getNoResults: getNoResults$a,
-  getPickFilterValue: getPickFilterValue$6,
-  getPickIcon: getPickIcon$5,
-  getPickLabel: getPickLabel$5,
+  getNoResults: getNoResults$b,
+  getPickFilterValue: getPickFilterValue$9,
+  getPickIcon: getPickIcon$8,
+  getPickLabel: getPickLabel$8,
   getPicks: getPicks$b,
   getPlaceholder: getPlaceholder$b,
   helpEntries,
-  name: name$8,
+  name: name$b,
   selectPick: selectPick$b
 };
 
-const Directory$1 = 3;
+const Directory = 3;
 const File$2 = 7;
 
 const RE_PROTOCOL = /^([a-z-]+):\/\//;
@@ -1118,1275 +1122,483 @@ const openUri = async uri => {
   await invoke$1(/* Main.openUri */'Main.openUri', /* uri */uri);
 };
 
-const Memfs = 'memfs';
-const Html = 'html';
-const Fetch = 'fetch';
+const state$8 = Object.create(null);
+const register$1 = modules => {
+  Object.assign(state$8, modules);
+};
+const getModule = protocol => {
+  return state$8[protocol];
+};
 
-class FileNotFoundError extends Error {
-  constructor(uri) {
-    super(`File not found: ${uri}`);
-    this.code = 'ENOENT';
-  }
-}
+const searchFile$5 = async (path, value, prepare, assetDir) => {
+  const protocol = getProtocol(path);
+  // TODO call different providers depending on protocol
+  const fn = getModule(protocol);
+  const result = await fn(path, value, prepare, assetDir);
+  return result;
+};
 
-const ApplicationJson = 'application/json';
-const AudioMpeg = 'audio/mpeg';
-const FontTtf = 'font/ttf';
-const ImagePng = 'image/png';
-const ImageSvgXml = 'image/svg+xml';
-const TextCss = 'text/css';
-const TextHtml = 'text/html';
-const TextJavaScript = 'text/javascript';
-const TextPlain = 'text/plain';
-const VideoWebm = 'video/webm';
-
-const getMimeType = fileExtension => {
-  switch (fileExtension) {
-    case '.html':
-      return TextHtml;
-    case '.css':
-      return TextCss;
-    case '.ttf':
-      return FontTtf;
-    case '.js':
-    case '.mjs':
-    case '.ts':
-      return TextJavaScript;
-    case '.svg':
-      return ImageSvgXml;
-    case '.png':
-      return ImagePng;
-    case '.json':
-    case '.map':
-      return ApplicationJson;
-    case '.mp3':
-      return AudioMpeg;
-    case '.webm':
-      return VideoWebm;
-    case '.txt':
-      return TextPlain;
-    default:
-      return '';
-  }
+// TODO this should be in FileSystem module
+const pathBaseName = path => {
+  return path.slice(path.lastIndexOf('/') + 1);
 };
 
-const dirname = (pathSeparator, path) => {
+// TODO this should be in FileSystem module
+const pathDirName = path => {
+  const pathSeparator = '/';
   const index = path.lastIndexOf(pathSeparator);
-  if (index === -1) {
-    return path;
-  }
-  return path.slice(0, index);
-};
-const extname = path => {
-  const index = path.lastIndexOf('.');
   if (index === -1) {
     return '';
   }
-  return path.slice(index);
+  return path.slice(0, index);
 };
 
-const getContentType = uri => {
-  const extension = extname(uri);
-  const mime = getMimeType(extension);
-  return mime;
+const searchFile$4 = async (path, value) => {
+  const prepare = true;
+  // @ts-ignore
+  const files = await searchFile$5(/* path */path, /* searchTerm */value, prepare);
+  return files;
 };
-
-const Slash$1 = '/';
-
-const Slash = Slash$1;
-
-// TODO move this to an extension?
-
-const state$3 = {
-  files: Object.create(null)
+const name$a = 'file';
+const getPlaceholder$a = () => {
+  return '';
 };
-const getDirent = uri => {
-  return state$3.files[uri];
+const getLabel$4 = () => {
+  return files();
 };
-const readFile$1 = uri => {
-  const dirent = getDirent(uri);
-  if (!dirent) {
-    throw new FileNotFoundError(uri);
-  }
-  if (dirent.type !== File$2) {
-    throw new Error('file is a directory');
-  }
-  return dirent.content;
+
+// TODO help entries should not be here
+const getHelpEntries$a = () => {
+  return [{
+    description: goToFile(),
+    category: 'global commands'
+  }];
 };
-const ensureParentDir = uri => {
-  const startIndex = 0;
-  let endIndex = uri.indexOf(Slash);
-  while (endIndex >= 0) {
-    const part = uri.slice(startIndex, endIndex + 1);
-    state$3.files[part] = {
-      type: Directory$1,
-      content: ''
-    };
-    endIndex = uri.indexOf(Slash, endIndex + 1);
-  }
+const getNoResults$a = () => {
+  return {
+    label: noMatchingResults()
+  };
 };
-const writeFile$1 = (uri, content) => {
-  const dirent = getDirent(uri);
-  if (dirent) {
-    dirent.content = content;
-  } else {
-    ensureParentDir(uri);
-    state$3.files[uri] = {
-      type: File$2,
-      content
-    };
+const getPicks$a = async searchValue => {
+  // TODO cache workspace path
+  const workspace = await invoke$1('Workspace.getPath');
+  if (!workspace) {
+    return [];
   }
+  const files = await searchFile$4(workspace, searchValue);
+  // const picks = files.map(toPick)
+  return files;
 };
-const mkdir$1 = uri => {
-  if (!uri.endsWith(Slash)) {
-    uri += Slash;
+const selectPick$a = async pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
   }
-  ensureParentDir(uri);
-  state$3.files[uri] = {
-    type: Directory$1,
-    content: ''
+  const workspace = await invoke$1('Workspace.getPath');
+  const absolutePath = `${workspace}/${pick}`;
+  await openUri(absolutePath);
+  return {
+    command: Hide
   };
 };
-const remove$1 = uri => {
-  const toDelete = [];
-  for (const key of Object.keys(state$3.files)) {
-    if (key.startsWith(uri)) {
-      toDelete.push(key);
-    }
-  }
-  for (const key of toDelete) {
-    delete state$3.files[key];
-  }
+const getFilterValue$a = value => {
+  return value;
 };
-const readDirWithFileTypes$1 = uri => {
-  if (!uri.endsWith(Slash)) {
-    uri += Slash;
-  }
-  const dirents = [];
-  for (const [key, value] of Object.entries(state$3.files)) {
-    if (key.startsWith(uri)) {
-      // @ts-ignore
-      switch (value.type) {
-        case Directory$1:
-          if (!key.slice(0, -1).includes(Slash, uri.length) && key !== `${uri}/` && key !== uri) {
-            dirents.push({
-              // @ts-ignore
-              type: value.type,
-              name: key.slice(uri.length, -1)
-            });
-          }
-          break;
-        case File$2:
-          if (!key.includes(Slash, uri.length + 1)) {
-            dirents.push({
-              // @ts-ignore
-              type: value.type,
-              name: key.slice(uri.length)
-            });
-          }
-          break;
-      }
-    }
+const getPickFilterValue$8 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
   }
-  return dirents;
+  return pick;
 };
-const getBlob$2 = (uri, type) => {
-  const content = readFile$1(uri);
-  const contentType = type || getContentType(uri);
-  const blob = new Blob([content], {
-    type: contentType
-  });
-  return blob;
+const getPickLabel$7 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  const baseName = pathBaseName(pick);
+  return baseName;
 };
-const getBlobUrl = (uri, type) => {
-  const blob = getBlob$2(uri, type);
-  const url = URL.createObjectURL(blob);
-  return url;
+const getPickDescription$8 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  const dirName = pathDirName(pick);
+  return dirName;
 };
-const chmod$1 = () => {
-  throw new Error('[memfs] chmod not implemented');
+const getPickIcon$7 = () => {
+  return '';
 };
-const getFiles = () => {
-  return state$3.files;
+const getPickFileIcon$2 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  const baseName = pathBaseName(pick);
+  return {
+    type: File$2,
+    name: baseName
+  };
 };
-
-const searchFile$5 = async () => {
-  const files = await getFiles();
-  const keys = Object.keys(files);
-  return keys;
+const isPrepared$7 = () => {
+  const workspace = '';
+  // TODO protocol should always be defined. For files it should use file protocol
+  const protocol = getProtocol(workspace);
+  return !protocol;
 };
 
-const SearchFileMemfs = {
+const QuickPickEntriesFile = {
   __proto__: null,
-  searchFile: searchFile$5
+  getFilterValue: getFilterValue$a,
+  getHelpEntries: getHelpEntries$a,
+  getLabel: getLabel$4,
+  getNoResults: getNoResults$a,
+  getPickDescription: getPickDescription$8,
+  getPickFileIcon: getPickFileIcon$2,
+  getPickFilterValue: getPickFilterValue$8,
+  getPickIcon: getPickIcon$7,
+  getPickLabel: getPickLabel$7,
+  getPicks: getPicks$a,
+  getPlaceholder: getPlaceholder$a,
+  isPrepared: isPrepared$7,
+  name: name$a,
+  selectPick: selectPick$a
 };
 
-const assetDir = '/a66f6c1';
-
-const fileMapUrl = `${assetDir}/config/fileMap.json`;
-
-const getJson = async url => {
-  try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(response.statusText);
-    }
-    const text = await response.json();
-    return text;
-  } catch (error) {
-    throw new VError(error, `Failed to request json for ${url}`);
-  }
+const execute = async (method, ...params) => {
+  // TODO
 };
 
-const removeLeadingSlash = path => {
-  if (path.startsWith('/')) {
-    return path.slice(1);
-  }
-  return path;
+const name$9 = 'goToLine';
+const getPlaceholder$9 = () => {
+  return '';
 };
-
-// TODO simplify code
-// 1. don't have playground prefix in fileMap json
-// 2. remove code here that removes the prefix
-const searchFile$4 = async path => {
-  const fileList = await getJson(fileMapUrl);
-  const result = fileList.map(removeLeadingSlash);
-  const prefixLength = path.length - 'file:///'.length;
-  const final = [];
-  for (const item of result) {
-    final.push(item.slice(prefixLength));
-  }
-  return final;
+const getHelpEntries$9 = () => {
+  return [];
+};
+const getNoResults$9 = () => {
+  return undefined;
+};
+const getPicks$9 = async () => {
+  const picks = [{
+    label: '1'
+  }, {
+    label: '2'
+  }, {
+    label: '3'
+  }, {
+    label: '4'
+  }, {
+    label: '5'
+  }, {
+    label: '6'
+  }];
+  return picks;
+};
+const selectPick$9 = async item => {
+  const rowIndex = Number.parseInt(item.label);
+  const position = {
+    rowIndex,
+    columnIndex: 5
+  };
+  await execute(/* EditorSetCursor.editorSetCursor */'TODO', /* position */position);
+  // TODO put cursor onto that line
+  return {
+    command: Hide
+  };
+};
+const getFilterValue$9 = value => {
+  return value;
 };
 
-const SearchFileFetch = {
+const QuickPickEntriesGoToLine = {
   __proto__: null,
-  searchFile: searchFile$4
+  getFilterValue: getFilterValue$9,
+  getHelpEntries: getHelpEntries$9,
+  getNoResults: getNoResults$9,
+  getPicks: getPicks$9,
+  getPlaceholder: getPlaceholder$9,
+  name: name$9,
+  selectPick: selectPick$9
 };
 
-const Directory = 'directory';
-const File$1 = 'file';
-
-// based on https://github.com/microsoft/vscode/blob/c0769274fa136b45799edeccc0d0a2f645b75caf/src/vs/base/common/arrays.ts#L625 (License MIT)
-
-const fromAsync = async asyncIterable => {
-  const children = [];
-  for await (const value of asyncIterable) {
-    children.push(value);
-  }
-  return children;
+const name$8 = 'noop';
+const getPlaceholder$8 = () => {
+  return '';
 };
-
-/**
- * Do not use directly, use FileSystemHtml.getChildHandles
- * instead which prompts for the required permission to
- * retrieve the child handles
- *
- */
-
-const getChildHandles = async handle => {
-  // @ts-ignore
-  const handles = await fromAsync(handle.values());
-  return handles;
+const getHelpEntries$8 = () => {
+  return [];
 };
-
-const instanceOfAny = (object, constructors) => constructors.some(c => object instanceof c);
-let idbProxyableTypes;
-let cursorAdvanceMethods;
-// This is a function to prevent it throwing up in node environments.
-function getIdbProxyableTypes() {
-  return idbProxyableTypes || (idbProxyableTypes = [IDBDatabase, IDBObjectStore, IDBIndex, IDBCursor, IDBTransaction]);
-}
-// This is a function to prevent it throwing up in node environments.
-function getCursorAdvanceMethods() {
-  return cursorAdvanceMethods || (cursorAdvanceMethods = [IDBCursor.prototype.advance, IDBCursor.prototype.continue, IDBCursor.prototype.continuePrimaryKey]);
-}
-const transactionDoneMap = new WeakMap();
-const transformCache = new WeakMap();
-const reverseTransformCache = new WeakMap();
-function promisifyRequest(request) {
-  const promise = new Promise((resolve, reject) => {
-    const unlisten = () => {
-      request.removeEventListener('success', success);
-      request.removeEventListener('error', error);
-    };
-    const success = () => {
-      resolve(wrap(request.result));
-      unlisten();
-    };
-    const error = () => {
-      reject(request.error);
-      unlisten();
-    };
-    request.addEventListener('success', success);
-    request.addEventListener('error', error);
-  });
-  // This mapping exists in reverseTransformCache but doesn't exist in transformCache. This
-  // is because we create many promises from a single IDBRequest.
-  reverseTransformCache.set(promise, request);
-  return promise;
-}
-function cacheDonePromiseForTransaction(tx) {
-  // Early bail if we've already created a done promise for this transaction.
-  if (transactionDoneMap.has(tx)) return;
-  const done = new Promise((resolve, reject) => {
-    const unlisten = () => {
-      tx.removeEventListener('complete', complete);
-      tx.removeEventListener('error', error);
-      tx.removeEventListener('abort', error);
-    };
-    const complete = () => {
-      resolve();
-      unlisten();
-    };
-    const error = () => {
-      reject(tx.error || new DOMException('AbortError', 'AbortError'));
-      unlisten();
-    };
-    tx.addEventListener('complete', complete);
-    tx.addEventListener('error', error);
-    tx.addEventListener('abort', error);
-  });
-  // Cache it for later retrieval.
-  transactionDoneMap.set(tx, done);
-}
-let idbProxyTraps = {
-  get(target, prop, receiver) {
-    if (target instanceof IDBTransaction) {
-      // Special handling for transaction.done.
-      if (prop === 'done') return transactionDoneMap.get(target);
-      // Make tx.store return the only store in the transaction, or undefined if there are many.
-      if (prop === 'store') {
-        return receiver.objectStoreNames[1] ? undefined : receiver.objectStore(receiver.objectStoreNames[0]);
-      }
-    }
-    // Else transform whatever we get back.
-    return wrap(target[prop]);
-  },
-  set(target, prop, value) {
-    target[prop] = value;
-    return true;
-  },
-  has(target, prop) {
-    if (target instanceof IDBTransaction && (prop === 'done' || prop === 'store')) {
-      return true;
-    }
-    return prop in target;
-  }
+const getNoResults$8 = () => {
+  return noResults();
 };
-function replaceTraps(callback) {
-  idbProxyTraps = callback(idbProxyTraps);
-}
-function wrapFunction(func) {
-  // Due to expected object equality (which is enforced by the caching in `wrap`), we
-  // only create one new func per func.
-  // Cursor methods are special, as the behaviour is a little more different to standard IDB. In
-  // IDB, you advance the cursor and wait for a new 'success' on the IDBRequest that gave you the
-  // cursor. It's kinda like a promise that can resolve with many values. That doesn't make sense
-  // with real promises, so each advance methods returns a new promise for the cursor object, or
-  // undefined if the end of the cursor has been reached.
-  if (getCursorAdvanceMethods().includes(func)) {
-    return function (...args) {
-      // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use
-      // the original object.
-      func.apply(unwrap(this), args);
-      return wrap(this.request);
-    };
-  }
-  return function (...args) {
-    // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use
-    // the original object.
-    return wrap(func.apply(unwrap(this), args));
+const getPicks$8 = async value => {
+  return [];
+};
+const selectPick$8 = async item => {
+  return {
+    command: Hide
   };
-}
-function transformCachableValue(value) {
-  if (typeof value === 'function') return wrapFunction(value);
-  // This doesn't return, it just creates a 'done' promise for the transaction,
-  // which is later returned for transaction.done (see idbObjectHandler).
-  if (value instanceof IDBTransaction) cacheDonePromiseForTransaction(value);
-  if (instanceOfAny(value, getIdbProxyableTypes())) return new Proxy(value, idbProxyTraps);
-  // Return the same value back if we're not going to transform it.
+};
+const getFilterValue$8 = value => {
   return value;
-}
-function wrap(value) {
-  // We sometimes generate multiple promises from a single IDBRequest (eg when cursoring), because
-  // IDB is weird and a single IDBRequest can yield many responses, so these can't be cached.
-  if (value instanceof IDBRequest) return promisifyRequest(value);
-  // If we've already transformed this value before, reuse the transformed value.
-  // This is faster, but it also provides object equality.
-  if (transformCache.has(value)) return transformCache.get(value);
-  const newValue = transformCachableValue(value);
-  // Not all types are transformed.
-  // These may be primitive types, so they can't be WeakMap keys.
-  if (newValue !== value) {
-    transformCache.set(value, newValue);
-    reverseTransformCache.set(newValue, value);
-  }
-  return newValue;
-}
-const unwrap = value => reverseTransformCache.get(value);
-
-/**
- * Open a database.
- *
- * @param name Name of the database.
- * @param version Schema version.
- * @param callbacks Additional callbacks.
- */
-function openDB(name, version, {
-  blocked,
-  upgrade,
-  blocking,
-  terminated
-} = {}) {
-  const request = indexedDB.open(name, version);
-  const openPromise = wrap(request);
-  if (upgrade) {
-    request.addEventListener('upgradeneeded', event => {
-      upgrade(wrap(request.result), event.oldVersion, event.newVersion, wrap(request.transaction), event);
-    });
-  }
-  if (blocked) {
-    request.addEventListener('blocked', event => blocked(
-    // Casting due to https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/1405
-    event.oldVersion, event.newVersion, event));
-  }
-  openPromise.then(db => {
-    if (terminated) db.addEventListener('close', () => terminated());
-    if (blocking) {
-      db.addEventListener('versionchange', event => blocking(event.oldVersion, event.newVersion, event));
-    }
-  }).catch(() => {});
-  return openPromise;
-}
-const readMethods = ['get', 'getKey', 'getAll', 'getAllKeys', 'count'];
-const writeMethods = ['put', 'add', 'delete', 'clear'];
-const cachedMethods = new Map();
-function getMethod(target, prop) {
-  if (!(target instanceof IDBDatabase && !(prop in target) && typeof prop === 'string')) {
-    return;
-  }
-  if (cachedMethods.get(prop)) return cachedMethods.get(prop);
-  const targetFuncName = prop.replace(/FromIndex$/, '');
-  const useIndex = prop !== targetFuncName;
-  const isWrite = writeMethods.includes(targetFuncName);
-  if (
-  // Bail if the target doesn't exist on the target. Eg, getAll isn't in Edge.
-  !(targetFuncName in (useIndex ? IDBIndex : IDBObjectStore).prototype) || !(isWrite || readMethods.includes(targetFuncName))) {
-    return;
-  }
-  const method = async function (storeName, ...args) {
-    // isWrite ? 'readwrite' : undefined gzipps better, but fails in Edge :(
-    const tx = this.transaction(storeName, isWrite ? 'readwrite' : 'readonly');
-    let target = tx.store;
-    if (useIndex) target = target.index(args.shift());
-    // Must reject if op rejects.
-    // If it's a write operation, must reject if tx.done rejects.
-    // Must reject with op rejection first.
-    // Must resolve with op value.
-    // Must handle both promises (no unhandled rejections)
-    return (await Promise.all([target[targetFuncName](...args), isWrite && tx.done]))[0];
-  };
-  cachedMethods.set(prop, method);
-  return method;
-}
-replaceTraps(oldTraps => ({
-  ...oldTraps,
-  get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver),
-  has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop)
-}));
-const advanceMethodProps = ['continue', 'continuePrimaryKey', 'advance'];
-const methodMap = {};
-const advanceResults = new WeakMap();
-const ittrProxiedCursorToOriginalProxy = new WeakMap();
-const cursorIteratorTraps = {
-  get(target, prop) {
-    if (!advanceMethodProps.includes(prop)) return target[prop];
-    let cachedFunc = methodMap[prop];
-    if (!cachedFunc) {
-      cachedFunc = methodMap[prop] = function (...args) {
-        advanceResults.set(this, ittrProxiedCursorToOriginalProxy.get(this)[prop](...args));
-      };
-    }
-    return cachedFunc;
-  }
-};
-async function* iterate(...args) {
-  // tslint:disable-next-line:no-this-assignment
-  let cursor = this;
-  if (!(cursor instanceof IDBCursor)) {
-    cursor = await cursor.openCursor(...args);
-  }
-  if (!cursor) return;
-  cursor = cursor;
-  const proxiedCursor = new Proxy(cursor, cursorIteratorTraps);
-  ittrProxiedCursorToOriginalProxy.set(proxiedCursor, cursor);
-  // Map this double-proxy back to the original, so other cursor methods work.
-  reverseTransformCache.set(proxiedCursor, unwrap(cursor));
-  while (cursor) {
-    yield proxiedCursor;
-    // If one of the advancing methods was not called, call continue().
-    cursor = await (advanceResults.get(proxiedCursor) || cursor.continue());
-    advanceResults.delete(proxiedCursor);
-  }
-}
-function isIteratorProp(target, prop) {
-  return prop === Symbol.asyncIterator && instanceOfAny(target, [IDBIndex, IDBObjectStore, IDBCursor]) || prop === 'iterate' && instanceOfAny(target, [IDBIndex, IDBObjectStore]);
-}
-replaceTraps(oldTraps => ({
-  ...oldTraps,
-  get(target, prop, receiver) {
-    if (isIteratorProp(target, prop)) return iterate;
-    return oldTraps.get(target, prop, receiver);
-  },
-  has(target, prop) {
-    return isIteratorProp(target, prop) || oldTraps.has(target, prop);
-  }
-}));
+};
+const getPickFilterValue$7 = pick => {
+  return pick;
+};
 
-const state$2 = {
-  dbVersion: 1};
-
-// TODO high memory usage in idb because of transactionDoneMap
+const QuickPickNoop = {
+  __proto__: null,
+  getFilterValue: getFilterValue$8,
+  getHelpEntries: getHelpEntries$8,
+  getNoResults: getNoResults$8,
+  getPickFilterValue: getPickFilterValue$7,
+  getPicks: getPicks$8,
+  getPlaceholder: getPlaceholder$8,
+  name: name$8,
+  selectPick: selectPick$8
+};
 
-const getHandleDb = async () => {
-  // @ts-ignore
-  const db = await openDB('handle', state$2.dbVersion, {
-    async upgrade(db) {
-      if (!db.objectStoreNames.contains('file-handles-store')) {
-        await db.createObjectStore('file-handles-store', {});
-      }
-    }
-  });
-  return db;
+const name$7 = 'symbol';
+const getPlaceholder$7 = () => {
+  return '';
+};
+const getHelpEntries$7 = () => {
+  return [];
+};
+const getNoResults$7 = () => {
+  return {
+    label: noSymbolFound()
+  };
+};
+const getPicks$7 = async () => {
+  const picks = [];
+  return picks;
+};
+const selectPick$7 = async item => {
+  return {
+    command: Hide
+  };
+};
+const getFilterValue$7 = value => {
+  return value;
+};
+const state$7 = {};
+const getPickDescription$7 = value => {
+  return '';
+};
+const isPrepared$6 = () => {
+  return false;
+};
+const getPickFilterValue$6 = value => {
+  return value;
+};
+const getPickLabel$6 = value => {
+  return value;
 };
-const getHandle$1 = async uri => {
-  const handleDb = await getHandleDb();
-  const handle = await handleDb.get('file-handles-store', uri);
-  return handle;
+const getPickIcon$6 = value => {
+  return '';
 };
 
-const getHandle = async uri => {
-  try {
-    // TODO retrieve handle from state or from indexeddb
-    // TODO if not found, throw error
-    const handle = await getHandle$1(uri);
-    return handle;
-  } catch (error) {
-    throw new VError(error, 'Failed to get handle');
-  }
+const QuickPickEntriesSymbol = {
+  __proto__: null,
+  getFilterValue: getFilterValue$7,
+  getHelpEntries: getHelpEntries$7,
+  getNoResults: getNoResults$7,
+  getPickDescription: getPickDescription$7,
+  getPickFilterValue: getPickFilterValue$6,
+  getPickIcon: getPickIcon$6,
+  getPickLabel: getPickLabel$6,
+  getPicks: getPicks$7,
+  getPlaceholder: getPlaceholder$7,
+  isPrepared: isPrepared$6,
+  name: name$7,
+  selectPick: selectPick$7,
+  state: state$7
 };
 
-const getDirectoryHandle = async uri => {
-  const handle = await getHandle(uri);
-  if (handle) {
-    return handle;
-  }
-  const dirname$1 = dirname('/', uri);
-  if (uri === dirname$1) {
-    return undefined;
-  }
-  return getDirectoryHandle(dirname$1);
+// TODO probably not needed
+
+const getPlaceholder$6 = () => {
+  return typeNameofCommandToRun();
 };
-const toIgnore = ['.git', 'node_modules', 'dist', 'dist2'];
-const searchFilesRecursively = async (all, parent, handle) => {
-  const childHandles = await getChildHandles(handle);
-  const promises = [];
-  for (const childHandle of childHandles) {
-    if (toIgnore.includes(childHandle.name)) {
-      continue;
-    }
-    const absolutePath = parent + '/' + childHandle.name;
-    switch (childHandle.kind) {
-      case Directory:
-        promises.push(searchFilesRecursively(all, absolutePath, childHandle));
-        break;
-      case File$1:
-        all.push(absolutePath);
-        break;
-    }
-  }
-  await Promise.all(promises);
+const getHelpEntries$6 = () => {
+  return undefined;
 };
-const searchFile$3 = async uri => {
-  const path = uri.slice('html://'.length);
-  const handle = await getDirectoryHandle(path);
-  if (!handle) {
-    // @ts-ignore
-    throw new VError(`Folder not found ${uri}`);
-  }
-  const all = [];
-  await searchFilesRecursively(all, '', handle);
-  return all;
+const getPicks$6 = async () => {
+  // const views = ViewService.getViews()
+  // const picks = views.map(toPick)
+  // return picks
+  return [];
+};
+const selectPick$6 = async item => {
+  // Command.execute(/* openView */ 549, /* viewName */ item.label)
+  // return {
+  //   command: QuickPickReturnValue.Hide,
+  // }
+};
+const getFilterValue$6 = value => {
+  return value;
+};
+const getPickFilterValue$5 = value => {
+  return value;
+};
+const getPickLabel$5 = value => {
+  return value;
+};
+const getPickIcon$5 = value => {
+  return '';
+};
+const state$6 = {};
+const getNoResults$6 = () => {
+  return '';
+};
+const name$6 = '';
+const isPrepared$5 = () => {
+  return true;
+};
+const getPickDescription$6 = () => {
+  return '';
 };
 
-const SearchFileHtml = {
+const QuickPickEntriesView = {
   __proto__: null,
-  searchFile: searchFile$3
+  getFilterValue: getFilterValue$6,
+  getHelpEntries: getHelpEntries$6,
+  getNoResults: getNoResults$6,
+  getPickDescription: getPickDescription$6,
+  getPickFilterValue: getPickFilterValue$5,
+  getPickIcon: getPickIcon$5,
+  getPickLabel: getPickLabel$5,
+  getPicks: getPicks$6,
+  getPlaceholder: getPlaceholder$6,
+  isPrepared: isPrepared$5,
+  name: name$6,
+  selectPick: selectPick$6,
+  state: state$6
 };
 
-const emptyMatches = [];
-
-const convertToPick = item => {
+const name$5 = 'workspace-symbol';
+const getPlaceholder$5 = () => {
+  return '';
+};
+const getHelpEntries$5 = () => {
+  return [];
+};
+const getNoResults$5 = () => {
   return {
-    pick: item,
-    matches: emptyMatches
+    label: noWorkspaceSymbolsFound()
+  };
+};
+const getPicks$5 = async () => {
+  const picks = [];
+  return picks;
+};
+const selectPick$5 = async item => {
+  return {
+    command: Hide
   };
 };
+const getFilterValue$5 = value => {
+  return value;
+};
 
-const Diagonal = 1;
-const Left = 2;
+const QuickPickEntriesWorkspaceSymbol = {
+  __proto__: null,
+  getFilterValue: getFilterValue$5,
+  getHelpEntries: getHelpEntries$5,
+  getNoResults: getNoResults$5,
+  getPicks: getPicks$5,
+  getPlaceholder: getPlaceholder$5,
+  name: name$5,
+  selectPick: selectPick$5
+};
 
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const Command = '>';
+const Symbol$1 = '@';
+const WorkspaceSymbol$1 = '#';
+const GoToLine = ':';
+const View$1 = 'view ';
+const None$2 = '';
 
-const createTable = size => {
-  const table = [];
-  for (let i = 0; i < size; i++) {
-    const row = new Uint8Array(size);
-    table.push(row);
-  }
-  return table;
+// TODO avoid global variable
+
+const state$5 = {
+  // providerId: PROVIDER_NOOP,
+  provider: QuickPickNoop,
+  prefix: 'string-that-should-never-match-another-string'
 };
-const EmptyMatches = [];
-const Dash = '-';
-const Dot = '.';
-const EmptyString = '';
-const Space = ' ';
-const Underline = '_';
-const T = 't';
-const isLowerCase = char => {
-  return char === char.toLowerCase();
+
+/**
+ * @type {string}
+ */
+const name$4 = 'everything';
+const getPlaceholder$4 = () => {
+  return state$5.provider.getPlaceholder();
 };
-const isUpperCase = char => {
-  return char === char.toUpperCase();
+const getLabel$3 = () => {
+  return '';
 };
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const isGap = (columnCharBefore, columnChar) => {
-  switch (columnCharBefore) {
-    case Dash:
-    case Underline:
-    case EmptyString:
-    case T:
-    case Space:
-    case Dot:
-      return true;
+const getHelpEntries$4 = () => {
+  return state$5.provider.getHelpEntries();
+};
+const getNoResults$4 = () => {
+  return state$5.provider.getNoResults();
+};
+const getPrefix = value => {
+  if (value.startsWith(Command)) {
+    return Command;
   }
-  if (isLowerCase(columnCharBefore) && isUpperCase(columnChar)) {
-    return true;
+  if (value.startsWith(Symbol$1)) {
+    return Symbol$1;
   }
-  return false;
-};
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const getScore = (rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch) => {
-  if (rowCharLow !== columnCharLow) {
-    return -1;
+  if (value.startsWith(WorkspaceSymbol$1)) {
+    return WorkspaceSymbol$1;
   }
-  const isMatch = rowChar === columnChar;
-  if (isMatch) {
-    if (isDiagonalMatch) {
-      return 8;
-    }
-    if (isGap(columnCharBefore, columnChar)) {
-      return 8;
-    }
-    return 5;
+  if (value.startsWith(GoToLine)) {
+    return GoToLine;
   }
-  if (isGap(columnCharBefore, columnChar)) {
-    return 8;
+  if (value.startsWith(View$1)) {
+    return View$1;
   }
-  return 5;
+  return None$2;
 };
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-
-const isPatternInWord = (patternLow, patternPos, patternLen, wordLow, wordPos, wordLen) => {
-  while (patternPos < patternLen && wordPos < wordLen) {
-    if (patternLow[patternPos] === wordLow[wordPos]) {
-      patternPos += 1;
-    }
-    wordPos += 1;
-  }
-  return patternPos === patternLen; // pattern must be exhausted
-};
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const traceHighlights = (table, arrows, patternLength, wordLength) => {
-  let row = patternLength;
-  let column = wordLength;
-  const matches = [];
-  while (row >= 1 && column >= 1) {
-    const arrow = arrows[row][column];
-    if (arrow === Left) {
-      column--;
-    } else if (arrow === Diagonal) {
-      row--;
-      column--;
-      const start = column + 1;
-      while (row >= 1 && column >= 1) {
-        const arrow = arrows[row][column];
-        if (arrow === Left) {
-          break;
-        }
-        if (arrow === Diagonal) {
-          row--;
-          column--;
-        }
-      }
-      const end = column;
-      matches.unshift(end, start);
-    }
-  }
-  matches.unshift(table[patternLength][wordLength - 1]);
-  return matches;
-};
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const gridSize = 128;
-const table = createTable(gridSize);
-const arrows = createTable(gridSize);
-const fuzzySearch = (pattern, word) => {
-  const patternLength = Math.min(pattern.length, gridSize - 1);
-  const wordLength = Math.min(word.length, gridSize - 1);
-  const patternLower = pattern.toLowerCase();
-  const wordLower = word.toLowerCase();
-  if (!isPatternInWord(patternLower, 0, patternLength, wordLower, 0, wordLength)) {
-    return EmptyMatches;
-  }
-  let strongMatch = false;
-  for (let row = 1; row < patternLength + 1; row++) {
-    const rowChar = pattern[row - 1];
-    const rowCharLow = patternLower[row - 1];
-    for (let column = 1; column < wordLength + 1; column++) {
-      const columnChar = word[column - 1];
-      const columnCharLow = wordLower[column - 1];
-      const columnCharBefore = word[column - 2] || '';
-      const isDiagonalMatch = arrows[row - 1][column - 1] === Diagonal;
-      const score = getScore(rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch);
-      if (row === 1 && score > 5) {
-        strongMatch = true;
-      }
-      let diagonalScore = score + table[row - 1][column - 1];
-      if (isDiagonalMatch && score !== -1) {
-        diagonalScore += 2;
-      }
-      const leftScore = table[row][column - 1];
-      if (leftScore > diagonalScore) {
-        table[row][column] = leftScore;
-        arrows[row][column] = Left;
-      } else {
-        table[row][column] = diagonalScore;
-        arrows[row][column] = Diagonal;
-      }
-    }
-  }
-  if (!strongMatch) {
-    return EmptyMatches;
-  }
-  const highlights = traceHighlights(table, arrows, patternLength, wordLength);
-  return highlights;
-};
-
-const filterQuickPickItem = (pattern, word) => {
-  const matches = fuzzySearch(pattern, word);
-  return matches;
-};
-
-// TODO this should be in FileSystem module
-const pathBaseName = path => {
-  return path.slice(path.lastIndexOf('/') + 1);
-};
-
-// TODO this should be in FileSystem module
-const pathDirName = path => {
-  const pathSeparator = '/';
-  const index = path.lastIndexOf(pathSeparator);
-  if (index === -1) {
-    return '';
-  }
-  return path.slice(0, index);
-};
-
-const filterQuickPickItems = (items, value, provider) => {
-  if (!value) {
-    return items.map(convertToPick);
-  }
-  const results = [];
-  for (const item of items) {
-    let filterValue = '';
-    if (provider) {
-      filterValue = provider.getPickLabel(item);
-    } else {
-      filterValue = pathBaseName(item);
-    }
-    const matches = filterQuickPickItem(value, filterValue);
-    if (matches.length > 0) {
-      results.push({
-        pick: item,
-        matches
-      });
-    }
-  }
-  return results;
-};
-
-const getFileSearchRipGrepArgs = () => {
-  const ripGrepArgs = ['--files', '--sort-files'];
-  return ripGrepArgs;
-};
-
-const invoke = (method, ...params) => {
-  return invoke$1('SearchProcess.invoke', method, ...params);
-};
-
-const splitLines = lines => {
-  if (!lines) {
-    return [];
-  }
-  return lines.split('\n');
-};
-
-// TODO create direct connection from electron to file search worker using message ports
-
-const searchFile$2 = async (path, value, prepare) => {
-  const ripGrepArgs = getFileSearchRipGrepArgs();
-  const options = {
-    ripGrepArgs,
-    searchPath: path,
-    limit: 9_999_999
-  };
-  const stdout = await invoke('SearchFile.searchFile', options);
-  const lines = splitLines(stdout);
-  if (!prepare) {
-    return lines;
-  }
-  const filtered = filterQuickPickItems(lines, value);
-  return filtered;
-};
-
-const SearchFileRipGrep = {
-  __proto__: null,
-  searchFile: searchFile$2
-};
-
-const getModule = protocol => {
-  switch (protocol) {
-    case Memfs:
-      return SearchFileMemfs;
-    case Fetch:
-      return SearchFileFetch;
-    case Html:
-      return SearchFileHtml;
-    default:
-      return SearchFileRipGrep;
-  }
-};
-
-const searchFile$1 = async (path, value, prepare, assetDir) => {
-  const protocol = getProtocol(path);
-  // TODO call different providers depending on protocol
-  const module = await getModule(protocol);
-  const result = await module.searchFile(path, value, prepare, assetDir);
-  return result;
-};
-
-const searchFile = async (path, value) => {
-  const prepare = true;
-  // @ts-ignore
-  const files = await searchFile$1(/* path */path, /* searchTerm */value, prepare);
-  return files;
-};
-const name$7 = 'file';
-const getPlaceholder$a = () => {
-  return '';
-};
-const getLabel$4 = () => {
-  return files();
-};
-
-// TODO help entries should not be here
-const getHelpEntries$9 = () => {
-  return [{
-    description: goToFile(),
-    category: 'global commands'
-  }];
-};
-const getNoResults$9 = () => {
-  return {
-    label: noMatchingResults()
-  };
-};
-const getPicks$a = async searchValue => {
-  // TODO cache workspace path
-  const workspace = await invoke$1('Workspace.getPath');
-  if (!workspace) {
-    return [];
-  }
-  const files = await searchFile(workspace, searchValue);
-  // const picks = files.map(toPick)
-  return files;
-};
-const selectPick$a = async pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  const workspace = await invoke$1('Workspace.getPath');
-  const absolutePath = `${workspace}/${pick}`;
-  await openUri(absolutePath);
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$9 = value => {
-  return value;
-};
-const getPickFilterValue$5 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  return pick;
-};
-const getPickLabel$4 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  const baseName = pathBaseName(pick);
-  return baseName;
-};
-const getPickDescription$4 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  const dirName = pathDirName(pick);
-  return dirName;
-};
-const getPickIcon$4 = () => {
-  return '';
-};
-const getPickFileIcon$2 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  const baseName = pathBaseName(pick);
-  return {
-    type: File$2,
-    name: baseName
-  };
-};
-const isPrepared$1 = () => {
-  const workspace = '';
-  // TODO protocol should always be defined. For files it should use file protocol
-  const protocol = getProtocol(workspace);
-  return !protocol;
-};
-
-const QuickPickEntriesFile = {
-  __proto__: null,
-  getFilterValue: getFilterValue$9,
-  getHelpEntries: getHelpEntries$9,
-  getLabel: getLabel$4,
-  getNoResults: getNoResults$9,
-  getPickDescription: getPickDescription$4,
-  getPickFileIcon: getPickFileIcon$2,
-  getPickFilterValue: getPickFilterValue$5,
-  getPickIcon: getPickIcon$4,
-  getPickLabel: getPickLabel$4,
-  getPicks: getPicks$a,
-  getPlaceholder: getPlaceholder$a,
-  isPrepared: isPrepared$1,
-  name: name$7,
-  selectPick: selectPick$a
-};
-
-const execute = async (method, ...params) => {
-  // TODO
-};
-
-const name$6 = 'goToLine';
-const getPlaceholder$9 = () => {
-  return '';
-};
-const getHelpEntries$8 = () => {
-  return [];
-};
-const getNoResults$8 = () => {
-  return undefined;
-};
-const getPicks$9 = async () => {
-  const picks = [{
-    label: '1'
-  }, {
-    label: '2'
-  }, {
-    label: '3'
-  }, {
-    label: '4'
-  }, {
-    label: '5'
-  }, {
-    label: '6'
-  }];
-  return picks;
-};
-const selectPick$9 = async item => {
-  const rowIndex = Number.parseInt(item.label);
-  const position = {
-    rowIndex,
-    columnIndex: 5
-  };
-  await execute(/* EditorSetCursor.editorSetCursor */'TODO', /* position */position);
-  // TODO put cursor onto that line
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$8 = value => {
-  return value;
-};
-
-const QuickPickEntriesGoToLine = {
-  __proto__: null,
-  getFilterValue: getFilterValue$8,
-  getHelpEntries: getHelpEntries$8,
-  getNoResults: getNoResults$8,
-  getPicks: getPicks$9,
-  getPlaceholder: getPlaceholder$9,
-  name: name$6,
-  selectPick: selectPick$9
-};
-
-const name$5 = 'noop';
-const getPlaceholder$8 = () => {
-  return '';
-};
-const getHelpEntries$7 = () => {
-  return [];
-};
-const getNoResults$7 = () => {
-  return noResults();
-};
-const getPicks$8 = async value => {
-  return [];
-};
-const selectPick$8 = async item => {
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$7 = value => {
-  return value;
-};
-const getPickFilterValue$4 = pick => {
-  return pick;
-};
-
-const QuickPickNoop = {
-  __proto__: null,
-  getFilterValue: getFilterValue$7,
-  getHelpEntries: getHelpEntries$7,
-  getNoResults: getNoResults$7,
-  getPickFilterValue: getPickFilterValue$4,
-  getPicks: getPicks$8,
-  getPlaceholder: getPlaceholder$8,
-  name: name$5,
-  selectPick: selectPick$8
-};
-
-const name$4 = 'symbol';
-const getPlaceholder$7 = () => {
-  return '';
-};
-const getHelpEntries$6 = () => {
-  return [];
-};
-const getNoResults$6 = () => {
-  return {
-    label: noSymbolFound()
-  };
-};
-const getPicks$7 = async () => {
-  const picks = [];
-  return picks;
-};
-const selectPick$7 = async item => {
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$6 = value => {
-  return value;
-};
-
-const QuickPickEntriesSymbol = {
-  __proto__: null,
-  getFilterValue: getFilterValue$6,
-  getHelpEntries: getHelpEntries$6,
-  getNoResults: getNoResults$6,
-  getPicks: getPicks$7,
-  getPlaceholder: getPlaceholder$7,
-  name: name$4,
-  selectPick: selectPick$7
-};
-
-// TODO probably not needed
-
-const getPlaceholder$6 = () => {
-  return typeNameofCommandToRun();
-};
-const getHelpEntries$5 = () => {
-  return undefined;
-};
-const getPicks$6 = async () => {
-  // const views = ViewService.getViews()
-  // const picks = views.map(toPick)
-  // return picks
-  return [];
-};
-const selectPick$6 = async item => {
-  // Command.execute(/* openView */ 549, /* viewName */ item.label)
-  // return {
-  //   command: QuickPickReturnValue.Hide,
-  // }
-};
-const getFilterValue$5 = value => {
-  return value;
-};
-
-const QuickPickEntriesView = {
-  __proto__: null,
-  getFilterValue: getFilterValue$5,
-  getHelpEntries: getHelpEntries$5,
-  getPicks: getPicks$6,
-  getPlaceholder: getPlaceholder$6,
-  selectPick: selectPick$6
-};
-
-const name$3 = 'workspace-symbol';
-const getPlaceholder$5 = () => {
-  return '';
-};
-const getHelpEntries$4 = () => {
-  return [];
-};
-const getNoResults$5 = () => {
-  return {
-    label: noWorkspaceSymbolsFound()
-  };
-};
-const getPicks$5 = async () => {
-  const picks = [];
-  return picks;
-};
-const selectPick$5 = async item => {
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$4 = value => {
-  return value;
-};
-
-const QuickPickEntriesWorkspaceSymbol = {
-  __proto__: null,
-  getFilterValue: getFilterValue$4,
-  getHelpEntries: getHelpEntries$4,
-  getNoResults: getNoResults$5,
-  getPicks: getPicks$5,
-  getPlaceholder: getPlaceholder$5,
-  name: name$3,
-  selectPick: selectPick$5
-};
-
-const Command = '>';
-const Symbol$2 = '@';
-const WorkspaceSymbol$1 = '#';
-const GoToLine = ':';
-const View$1 = 'view ';
-const None$2 = '';
-
-// TODO avoid global variable
-
-const state$1 = {
-  // providerId: PROVIDER_NOOP,
-  provider: QuickPickNoop,
-  prefix: 'string-that-should-never-match-another-string'
-};
-
-/**
- * @type {string}
- */
-const name$2 = 'everything';
-const getPlaceholder$4 = () => {
-  return state$1.provider.getPlaceholder();
-};
-const getLabel$3 = () => {
-  return '';
-};
-const getHelpEntries$3 = () => {
-  return state$1.provider.getHelpEntries();
-};
-const getNoResults$4 = () => {
-  return state$1.provider.getNoResults();
-};
-const getPrefix = value => {
-  if (value.startsWith(Command)) {
-    return Command;
-  }
-  if (value.startsWith(Symbol$2)) {
-    return Symbol$2;
-  }
-  if (value.startsWith(WorkspaceSymbol$1)) {
-    return WorkspaceSymbol$1;
-  }
-  if (value.startsWith(GoToLine)) {
-    return GoToLine;
-  }
-  if (value.startsWith(View$1)) {
-    return View$1;
-  }
-  return None$2;
-};
-const getQuickPickProvider = prefix => {
-  // TODO could use enum for prefix
-  // TODO could use regex to extract prefix
-  // TODO or could check first letter char code (less comparisons)
-  switch (prefix) {
-    case Command:
-      return QuickPickEntriesCommand;
-    case Symbol$2:
-      return QuickPickEntriesSymbol;
-    case WorkspaceSymbol$1:
-      return QuickPickEntriesWorkspaceSymbol;
-    case GoToLine:
-      return QuickPickEntriesGoToLine;
-    case View$1:
-      return QuickPickEntriesView;
-    default:
-      return QuickPickEntriesFile;
+const getQuickPickProvider = prefix => {
+  // TODO could use enum for prefix
+  // TODO could use regex to extract prefix
+  // TODO or could check first letter char code (less comparisons)
+  switch (prefix) {
+    case Command:
+      return QuickPickEntriesCommand;
+    case Symbol$1:
+      return QuickPickEntriesSymbol;
+    case WorkspaceSymbol$1:
+      return QuickPickEntriesWorkspaceSymbol;
+    case GoToLine:
+      return QuickPickEntriesGoToLine;
+    case View$1:
+      return QuickPickEntriesView;
+    default:
+      return QuickPickEntriesFile;
   }
 };
 const getPicks$4 = async value => {
   const prefix = getPrefix(value);
 
   // TODO race condition
-  if (state$1.prefix !== prefix) {
-    state$1.prefix = prefix;
+  if (state$5.prefix !== prefix) {
+    state$5.prefix = prefix;
     // @ts-ignore
-    state$1.provider = await getQuickPickProvider(prefix);
+    state$5.provider = await getQuickPickProvider(prefix);
   }
   // TODO this line is a bit duplicated with getFilterValue
   const slicedValue = value.slice(prefix.length).trimStart();
-  const picks = await state$1.provider.getPicks(slicedValue);
+  const picks = await state$5.provider.getPicks(slicedValue);
   return picks;
 };
 const selectPick$4 = item => {
   const {
     provider
-  } = state$1;
+  } = state$5;
   return provider.selectPick(item);
 };
 const openCommandPalette = () => {
@@ -2395,19 +1607,19 @@ const openCommandPalette = () => {
 const openView = () => {
   // show('view ')
 };
-const getFilterValue$3 = value => {
-  return value.slice(state$1.prefix.length);
+const getFilterValue$4 = value => {
+  return value.slice(state$5.prefix.length);
 };
-const getPickFilterValue$3 = pick => {
+const getPickFilterValue$4 = pick => {
   const {
     provider
-  } = state$1;
+  } = state$5;
   return provider.getPickFilterValue(pick);
 };
-const getPickDescription$3 = pick => {
+const getPickDescription$5 = pick => {
   const {
     provider
-  } = state$1;
+  } = state$5;
   // @ts-ignore
   if (provider.getPickDescription) {
     // @ts-ignore
@@ -2415,24 +1627,24 @@ const getPickDescription$3 = pick => {
   }
   return '';
 };
-const getPickLabel$3 = pick => {
+const getPickLabel$4 = pick => {
   const {
     provider
-  } = state$1;
+  } = state$5;
   // @ts-ignore
   return provider.getPickLabel(pick);
 };
-const getPickIcon$3 = pick => {
+const getPickIcon$4 = pick => {
   const {
     provider
-  } = state$1;
+  } = state$5;
   // @ts-ignore
   return provider.getPickIcon(pick);
 };
 const getPickFileIcon$1 = pick => {
   const {
     provider
-  } = state$1;
+  } = state$5;
   // @ts-ignore
   if (provider.getPickFileIcon) {
     // @ts-ignore
@@ -2440,10 +1652,10 @@ const getPickFileIcon$1 = pick => {
   }
   return '';
 };
-const isPrepared = () => {
+const isPrepared$4 = () => {
   const {
     provider
-  } = state$1;
+  } = state$5;
   // @ts-ignore
   if (provider.isPrepared) {
     // @ts-ignore
@@ -2454,29 +1666,29 @@ const isPrepared = () => {
 
 const QuickPickEntriesEverything = {
   __proto__: null,
-  getFilterValue: getFilterValue$3,
-  getHelpEntries: getHelpEntries$3,
+  getFilterValue: getFilterValue$4,
+  getHelpEntries: getHelpEntries$4,
   getLabel: getLabel$3,
   getNoResults: getNoResults$4,
-  getPickDescription: getPickDescription$3,
+  getPickDescription: getPickDescription$5,
   getPickFileIcon: getPickFileIcon$1,
-  getPickFilterValue: getPickFilterValue$3,
-  getPickIcon: getPickIcon$3,
-  getPickLabel: getPickLabel$3,
+  getPickFilterValue: getPickFilterValue$4,
+  getPickIcon: getPickIcon$4,
+  getPickLabel: getPickLabel$4,
   getPicks: getPicks$4,
   getPlaceholder: getPlaceholder$4,
-  isPrepared,
-  name: name$2,
+  isPrepared: isPrepared$4,
+  name: name$4,
   openCommandPalette,
   openView,
   selectPick: selectPick$4,
-  state: state$1
+  state: state$5
 };
 
-const Default = 0;
+const Default$1 = 0;
 const Finished = 2;
 
-const create$3 = () => {
+const create$2 = () => {
   const states = Object.create(null);
   return {
     get(uid) {
@@ -2487,16 +1699,20 @@ const create$3 = () => {
         oldState,
         newState
       };
+    },
+    remove(uid) {
+      delete states[uid];
     }
   };
 };
 
 const {
   get,
-  set
-} = create$3();
+  set,
+  remove
+} = create$2();
 
-const create$2 = ({
+const create$1 = ({
   itemHeight,
   headerHeight = 0,
   minimumSliderSize = 20
@@ -2562,10 +1778,10 @@ const handleWheel = (state, deltaMode, deltaY) => {
   return setDeltaY(state, state.deltaY + deltaY);
 };
 
-const create$1 = (uid, uri, listItemHeight, x, y, width, height, platform, args) => {
+const create = (uid, uri, listItemHeight, x, y, width, height, platform, args, renderAllItems) => {
   const state = {
     uid,
-    state: Default,
+    state: Default$1,
     picks: [],
     recentPicks: [],
     recentPickIds: new Map(),
@@ -2581,7 +1797,7 @@ const create$1 = (uid, uri, listItemHeight, x, y, width, height, platform, args)
     height: 300,
     top: 50,
     width: 600,
-    ...create$2({
+    ...create$1({
       itemHeight: listItemHeight,
       headerHeight: 30,
       minimumSliderSize: minimumSliderSize
@@ -2590,119 +1806,205 @@ const create$1 = (uid, uri, listItemHeight, x, y, width, height, platform, args)
     args,
     focused: false,
     platform,
-    value: ''
+    value: '',
+    renderAllItems
   };
   set(uid, state, state);
 };
 
-const create = (uid, uri, listItemHeight, x, y, width, height, platform, args) => {
-  const state = {
-    uid,
-    state: Default,
-    picks: [],
-    recentPicks: [],
-    recentPickIds: new Map(),
-    // TODO use object.create(null) instead
-    versionId: 0,
-    provider: QuickPickEntriesEverything,
-    // TODO make this dynamic again
-    warned: [],
-    visiblePicks: [],
-    maxVisibleItems: 10,
-    uri,
-    cursorOffset: 0,
-    height: 300,
-    top: 50,
-    width: 600,
-    ...create$2({
-      itemHeight: listItemHeight,
-      headerHeight: 30,
-      minimumSliderSize: minimumSliderSize
-    }),
-    inputSource: User,
-    args,
-    focused: false,
-    platform,
-    value: ''
+const dispose = uid => {
+  remove(uid);
+};
+
+const emptyMatches = [];
+
+const convertToPick = item => {
+  return {
+    pick: item,
+    matches: emptyMatches
   };
-  set(uid, state, state);
-  return state;
 };
 
-const getBlob$1 = async url => {
-  try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(response.statusText);
+const Diagonal = 1;
+const Left = 2;
+
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+
+const createTable = size => {
+  const table = [];
+  for (let i = 0; i < size; i++) {
+    const row = new Uint8Array(size);
+    table.push(row);
+  }
+  return table;
+};
+const EmptyMatches = [];
+const Dash = '-';
+const Dot = '.';
+const EmptyString = '';
+const Space = ' ';
+const Underline = '_';
+const T = 't';
+const isLowerCase = char => {
+  return char === char.toLowerCase();
+};
+const isUpperCase = char => {
+  return char === char.toUpperCase();
+};
+
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const isGap = (columnCharBefore, columnChar) => {
+  switch (columnCharBefore) {
+    case Dash:
+    case Underline:
+    case EmptyString:
+    case T:
+    case Space:
+    case Dot:
+      return true;
+  }
+  if (isLowerCase(columnCharBefore) && isUpperCase(columnChar)) {
+    return true;
+  }
+  return false;
+};
+
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const getScore = (rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch) => {
+  if (rowCharLow !== columnCharLow) {
+    return -1;
+  }
+  const isMatch = rowChar === columnChar;
+  if (isMatch) {
+    if (isDiagonalMatch) {
+      return 8;
     }
-    const text = await response.blob();
-    return text;
-  } catch (error) {
-    throw new VError(error, `Failed to request blob for ${url}`);
+    if (isGap(columnCharBefore, columnChar)) {
+      return 8;
+    }
+    return 5;
+  }
+  if (isGap(columnCharBefore, columnChar)) {
+    return 8;
   }
+  return 5;
 };
 
-const getText = async url => {
-  try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(response.statusText);
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+
+const isPatternInWord = (patternLow, patternPos, patternLen, wordLow, wordPos, wordLen) => {
+  while (patternPos < patternLen && wordPos < wordLen) {
+    if (patternLow[patternPos] === wordLow[wordPos]) {
+      patternPos += 1;
+    }
+    wordPos += 1;
+  }
+  return patternPos === patternLen; // pattern must be exhausted
+};
+
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const traceHighlights = (table, arrows, patternLength, wordLength) => {
+  let row = patternLength;
+  let column = wordLength;
+  const matches = [];
+  while (row >= 1 && column >= 1) {
+    const arrow = arrows[row][column];
+    if (arrow === Left) {
+      column--;
+    } else if (arrow === Diagonal) {
+      row--;
+      column--;
+      const start = column + 1;
+      while (row >= 1 && column >= 1) {
+        const arrow = arrows[row][column];
+        if (arrow === Left) {
+          break;
+        }
+        if (arrow === Diagonal) {
+          row--;
+          column--;
+        }
+      }
+      const end = column;
+      matches.unshift(end, start);
     }
-    const text = await response.text();
-    return text;
-  } catch (error) {
-    throw new VError(error, `Failed to request text for ${url}`);
   }
+  matches.unshift(table[patternLength][wordLength - 1]);
+  return matches;
 };
 
-// TODO move all of this to an extension
-
-const readFile = async uri => {
-  const fetchUri = `${assetDir}${uri}`;
-  const text = await getText(fetchUri);
-  return text;
-};
-const writeFile = () => {
-  throw new Error('not implemented');
-};
-const mkdir = () => {
-  throw new Error('not implemented');
-};
-const remove = () => {
-  throw new Error('not implemented');
-};
-const readDirWithFileTypes = async uri => {
-  const fileList = await getJson(fileMapUrl);
-  const dirents = [];
-  for (const fileUri of fileList) {
-    if (fileUri.startsWith(uri)) {
-      const rest = fileUri.slice(uri.length + 1);
-      if (rest.includes(Slash)) {
-        const name = rest.slice(0, rest.indexOf(Slash));
-        if (dirents.some(dirent => dirent.name === name)) {
-          continue;
-        }
-        dirents.push({
-          type: Directory$1,
-          name
-        });
+// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const gridSize = 128;
+const table = createTable(gridSize);
+const arrows = createTable(gridSize);
+const fuzzySearch = (pattern, word) => {
+  const patternLength = Math.min(pattern.length, gridSize - 1);
+  const wordLength = Math.min(word.length, gridSize - 1);
+  const patternLower = pattern.toLowerCase();
+  const wordLower = word.toLowerCase();
+  if (!isPatternInWord(patternLower, 0, patternLength, wordLower, 0, wordLength)) {
+    return EmptyMatches;
+  }
+  let strongMatch = false;
+  for (let row = 1; row < patternLength + 1; row++) {
+    const rowChar = pattern[row - 1];
+    const rowCharLow = patternLower[row - 1];
+    for (let column = 1; column < wordLength + 1; column++) {
+      const columnChar = word[column - 1];
+      const columnCharLow = wordLower[column - 1];
+      const columnCharBefore = word[column - 2] || '';
+      const isDiagonalMatch = arrows[row - 1][column - 1] === Diagonal;
+      const score = getScore(rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch);
+      if (row === 1 && score > 5) {
+        strongMatch = true;
+      }
+      let diagonalScore = score + table[row - 1][column - 1];
+      if (isDiagonalMatch && score !== -1) {
+        diagonalScore += 2;
+      }
+      const leftScore = table[row][column - 1];
+      if (leftScore > diagonalScore) {
+        table[row][column] = leftScore;
+        arrows[row][column] = Left;
       } else {
-        dirents.push({
-          type: File$2,
-          name: rest
-        });
+        table[row][column] = diagonalScore;
+        arrows[row][column] = Diagonal;
       }
     }
   }
-  return dirents;
+  if (!strongMatch) {
+    return EmptyMatches;
+  }
+  const highlights = traceHighlights(table, arrows, patternLength, wordLength);
+  return highlights;
 };
-const chmod = () => {
-  throw new Error('[memfs] chmod not implemented');
+
+const filterQuickPickItem = (pattern, word) => {
+  const matches = fuzzySearch(pattern, word);
+  return matches;
 };
-const getBlob = async (uri, type) => {
-  const fetchUri = `${assetDir}${uri}`;
-  const blob = getBlob$1(fetchUri);
-  return blob;
+
+const filterQuickPickItems = (items, value, provider) => {
+  if (!value) {
+    return items.map(convertToPick);
+  }
+  const results = [];
+  for (const item of items) {
+    let filterValue = '';
+    if (provider) {
+      filterValue = provider.getPickLabel(item);
+    } else {
+      filterValue = pathBaseName(item);
+    }
+    const matches = filterQuickPickItem(value, filterValue);
+    if (matches.length > 0) {
+      results.push({
+        pick: item,
+        matches
+      });
+    }
+  }
+  return results;
 };
 
 const focusIndex = async (state, index) => {
@@ -2789,7 +2091,8 @@ const focusPrevious = state => {
   return focusIndex(state, previousIndex);
 };
 
-const commandIds = ['handleBlur', 'handleClickAt', 'handleWheel', 'selectCurrentIndex', 'selectIndex', 'selectItem', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'setValue', 'handleInput', 'handleBeforeInput'];
+const commandIds = ['dispose', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'handleBeforeInput', 'handleBlur', 'handleClickAt', 'handleFocus', 'handleInput', 'handleWheel', 'renderEventListeners', 'selectCurrentIndex', 'selectIndex', 'selectItem', 'setValue'];
+
 const getCommandIds = () => {
   return commandIds;
 };
@@ -3019,300 +2322,158 @@ const handleBeforeInput = (state, inputType, data, selectionStart, selectionEnd)
   return handleInput(state, newValue, cursorOffset, User);
 };
 
-const closeWidget = async id => {
-  await invoke$1('Viewlet.closeWidget', id);
-};
-
-const handleBlur = async state => {
-  await closeWidget(state.uid);
+const handleBlur$1 = async state => {
+  // TODO fix virtual dom diffing so that input isn't destroyed and loses focus when rerendering
+  // await CloseWidget.closeWidget(state.uid)
   return state;
 };
-
-const getPick = (items, index) => {
-  array(items);
-  number(index);
-  // if (index < state.recentPicks.length) {
-  //   return state.recentPicks[index]
-  // }
-  // index -= state.recentPicks.length
-  if (index < items.length) {
-    return items[index].pick;
-  }
-  console.warn('no pick matching index', index);
-};
-
-const selectIndex = async (state, index, button = /* left */0) => {
-  const {
-    minLineY,
-    provider,
-    items
-  } = state;
-  const actualIndex = index + minLineY;
-  const pick = getPick(items, actualIndex);
-  const selectPickResult = await provider.selectPick(pick, actualIndex, button);
-  object(selectPickResult);
-  string(selectPickResult.command);
-  const {
-    command
-  } = selectPickResult;
-  switch (command) {
-    case Hide:
-      await closeWidget(state.uid);
-      return state;
-    default:
-      return state;
-  }
-
-  // TODO recent picks should be per provider
-  // if (!state.recentPickIds.has(pick.id)) {
-  //   state.recentPicks.unshift(pick)
-  //   state.recentPickIds.add(pick.id)
-  // }
-  // if (state.recentPicks.length > RECENT_PICKS_MAX_SIZE) {
-  //   const last = state.recentPicks.pop()
-  //   state.recentPickIds.delete(last.id)
-  // }
-};
-
-const handleClickAt = (state, x, y) => {
-  const {
-    top,
-    headerHeight,
-    itemHeight
-  } = state;
-  const relativeY = y - top - headerHeight;
-  const index = Math.floor(relativeY / itemHeight);
-  return selectIndex(state, index);
-};
-
-const getDefaultValue = uri => {
-  switch (uri) {
-    case 'quickPick://everything':
-      return '>';
-    default:
-      return '';
-  }
-};
-
-const getColorThemeNames = async () => {
-  return invoke$1(/* Ajax.getJson */'ColorTheme.getColorThemeNames');
-};
-
-const setColorTheme = id => {
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
-const getPlaceholder$3 = () => {
-  return selectColorTheme();
-};
-const getLabel$2 = () => {
-  return selectColorTheme();
-};
-const getPicks$3 = async searchValue => {
-  const colorThemeNames = await getColorThemeNames();
-  return colorThemeNames;
-};
-const selectPick$3 = async pick => {
-  await setColorTheme(/* colorThemeId */pick);
-  return {
-    command: Hide
-  };
-};
-const focusPick = async pick => {
-  await setColorTheme(/* colorThemeId */pick);
-};
-const getFilterValue$2 = value => {
-  return value;
-};
-const getNoResults$3 = () => {
-  return {
-    label: noMatchingColorThemesFound()
-  };
-};
-const getPickFilterValue$2 = pick => {
-  return pick;
-};
-const getPickLabel$2 = pick => {
-  return pick;
-};
-const getPickIcon$2 = pick => {
-  return '';
-};
-
-const QuickPickEntriesColorTheme = {
-  __proto__: null,
-  focusPick,
-  getFilterValue: getFilterValue$2,
-  getLabel: getLabel$2,
-  getNoResults: getNoResults$3,
-  getPickFilterValue: getPickFilterValue$2,
-  getPickIcon: getPickIcon$2,
-  getPickLabel: getPickLabel$2,
-  getPicks: getPicks$3,
-  getPlaceholder: getPlaceholder$3,
-  selectPick: selectPick$3,
-  setColorTheme
-};
-
-const Tag$1 = 'Tag';
-const Cloud$1 = 'Cloud';
-const SourceControl$1 = 'SourceControl';
-const None$1 = '';
-
-const SourceControl = 1;
-const Cloud = 2;
-const Tag = 3;
-
-const name$1 = 'custom';
-const state = {
-  args: []
-};
-const setArgs = args => {
-  state.args = args;
-};
-const getPlaceholder$2 = () => {
-  return '';
-};
-const getLabel$1 = () => {
-  return 'Custom';
-};
-
-// TODO help entries should not be here
-const getHelpEntries$2 = () => {
-  return [];
-};
-const getNoResults$2 = () => {
-  return {
-    label: noMatchingResults()
-  };
-};
-const getPicks$2 = async searchValue => {
-  const items = state.args[1] || [];
-  return items;
-};
-const selectPick$2 = async pick => {
-  const {
-    args
-  } = state;
-  const resolve = args[2];
-  resolve(pick);
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$1 = value => {
-  return value;
-};
-const getPickFilterValue$1 = pick => {
-  return pick;
-};
-const getPickLabel$1 = pick => {
-  return pick.label;
+
+const closeWidget = async id => {
+  await invoke$1('Viewlet.closeWidget', id);
 };
-const getPickDescription$2 = pick => {
-  return pick.description || '';
+
+const getPick = (items, index) => {
+  array(items);
+  number(index);
+  // if (index < state.recentPicks.length) {
+  //   return state.recentPicks[index]
+  // }
+  // index -= state.recentPicks.length
+  if (index < items.length) {
+    return items[index].pick;
+  }
+  console.warn('no pick matching index', index);
 };
-const convertIcon = icon => {
-  switch (icon) {
-    case SourceControl:
-      return SourceControl$1;
-    case Cloud:
-      return Cloud$1;
-    case Tag:
-      return Tag$1;
+
+const selectIndex = async (state, index, button = /* left */0) => {
+  const {
+    minLineY,
+    provider,
+    items
+  } = state;
+  const actualIndex = index + minLineY;
+  const pick = getPick(items, actualIndex);
+  const selectPickResult = await provider.selectPick(pick, actualIndex, button);
+  object(selectPickResult);
+  string(selectPickResult.command);
+  const {
+    command
+  } = selectPickResult;
+  switch (command) {
+    case Hide:
+      await closeWidget(state.uid);
+      return state;
     default:
-      return None$1;
+      return state;
   }
+
+  // TODO recent picks should be per provider
+  // if (!state.recentPickIds.has(pick.id)) {
+  //   state.recentPicks.unshift(pick)
+  //   state.recentPickIds.add(pick.id)
+  // }
+  // if (state.recentPicks.length > RECENT_PICKS_MAX_SIZE) {
+  //   const last = state.recentPicks.pop()
+  //   state.recentPickIds.delete(last.id)
+  // }
 };
-const getPickIcon$1 = pick => {
-  return convertIcon(pick.icon);
+
+const handleClickAt = (state, x, y) => {
+  const {
+    top,
+    headerHeight,
+    itemHeight
+  } = state;
+  const relativeY = y - top - headerHeight;
+  const index = Math.floor(relativeY / itemHeight);
+  return selectIndex(state, index);
 };
 
-const QuickPickEntriesCustom = {
-  __proto__: null,
-  getFilterValue: getFilterValue$1,
-  getHelpEntries: getHelpEntries$2,
-  getLabel: getLabel$1,
-  getNoResults: getNoResults$2,
-  getPickDescription: getPickDescription$2,
-  getPickFilterValue: getPickFilterValue$1,
-  getPickIcon: getPickIcon$1,
-  getPickLabel: getPickLabel$1,
-  getPicks: getPicks$2,
-  getPlaceholder: getPlaceholder$2,
-  name: name$1,
-  selectPick: selectPick$2,
-  setArgs,
-  state
+const setFocus = async focusKey => {
+  await invoke$1('Focus.setFocus', focusKey);
 };
 
-const name = 'number';
-const getPlaceholder$1 = () => {
-  return '';
+const handleBlur = async state => {
+  // TODO fix virtual dom diffing so that input isn't destroyed and loses focus when rerendering
+  await setFocus(FocusQuickPickInput);
+  // await CloseWidget.closeWidget(state.uid)
+  return state;
 };
-const getHelpEntries$1 = () => {
-  return [];
+
+const getDefaultValue = uri => {
+  switch (uri) {
+    case 'quickPick://everything':
+      return '>';
+    default:
+      return '';
+  }
 };
-const getNoResults$1 = () => {
-  return {
-    label: noMatchingResults()
-  };
+
+const state$4 = Object.create(null);
+const register = modules => {
+  Object.assign(state$4, modules);
 };
-const getPicks$1 = async () => {
-  const picks = [{
-    label: '1'
-  }, {
-    label: '2'
-  }, {
-    label: '3'
-  }, {
-    label: '4'
-  }, {
-    label: '5'
-  }, {
-    label: '6'
-  }, {
-    label: '7'
-  }, {
-    label: '8'
-  }, {
-    label: '9'
-  }, {
-    label: '10'
-  }];
-  return picks;
+const load = moduleId => {
+  const module = state$4[moduleId];
+  if (!module) {
+    throw new Error(`unknown module "${moduleId}"`);
+  }
+  return module;
 };
-const selectPick$1 = async item => {
+
+const loadContent = async state => {
+  const {
+    uri,
+    args
+  } = state;
+  const value = getDefaultValue(uri);
+  const provider = load(uri);
+  // @ts-ignore
+  if (provider.setArgs) {
+    // @ts-ignore
+    provider.setArgs(args);
+  }
+  const newPicks = await provider.getPicks(value);
+  array(newPicks);
+  // @ts-ignore
+  const filterValue = provider.getFilterValue(value);
+  const items = filterQuickPickItems(newPicks, filterValue, provider);
+  // @ts-ignore
+  provider.getLabel();
+  const minLineY = 0;
+  const maxLineY = Math.min(minLineY + state.maxVisibleItems, newPicks.length);
   return {
-    command: Hide
+    ...state,
+    picks: newPicks,
+    items,
+    focusedIndex: 0,
+    state: Finished,
+    minLineY,
+    maxLineY,
+    value,
+    cursorOffset: value.length,
+    provider,
+    inputSource: Script,
+    focused: true
   };
 };
 
-const QuickPickEntriesNumber = {
-  __proto__: null,
-  getHelpEntries: getHelpEntries$1,
-  getNoResults: getNoResults$1,
-  getPicks: getPicks$1,
-  getPlaceholder: getPlaceholder$1,
-  name,
-  selectPick: selectPick$1
-};
-
 const getRecentlyOpened = () => {
   return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
 const openWorkspaceFolder = uri => {
   return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
 };
-const getPlaceholder = () => {
+const getPlaceholder$3 = () => {
   return selectToOpen();
 };
-const getLabel = () => {
+const getLabel$2 = () => {
   return openRecent();
 };
-const getHelpEntries = () => {
+const getHelpEntries$3 = () => {
   return [];
 };
-const getNoResults = () => {
+const getNoResults$3 = () => {
   return {
     label: noRecentlyOpenedFoldersFound()
   };
@@ -3323,32 +2484,32 @@ const getNoResults = () => {
 // This would make the code more module since the code for getting the picks
 // would be more independent of the specific data format of the quickpick provider
 
-const getPicks = async () => {
+const getPicks$3 = async () => {
   const recentlyOpened = await getRecentlyOpened();
   return recentlyOpened;
 };
 
 // TODO selectPick should be independent of show/hide
-const selectPick = async pick => {
+const selectPick$3 = async pick => {
   const path = pick;
   await openWorkspaceFolder(path);
   return {
     command: Hide
   };
 };
-const getFilterValue = value => {
+const getFilterValue$3 = value => {
   return pathBaseName(value);
 };
-const getPickFilterValue = pick => {
+const getPickFilterValue$3 = pick => {
   return pathBaseName(pick);
 };
-const getPickLabel = pick => {
+const getPickLabel$3 = pick => {
   return pathBaseName(pick);
 };
-const getPickDescription$1 = pick => {
+const getPickDescription$4 = pick => {
   return pathDirName(pick);
 };
-const getPickIcon = () => {
+const getPickIcon$3 = () => {
   return '';
 };
 const getPickFileIcon = pick => {
@@ -3359,101 +2520,47 @@ const getPickFileIcon = pick => {
     pick = pick.pick;
   }
   return {
-    type: Directory$1,
+    type: Directory,
     name: pick
   };
 };
+const state$3 = {};
+const isPrepared$3 = () => {
+  return false;
+};
+const name$3 = '';
 
 const QuickPickEntriesOpenRecent = {
   __proto__: null,
-  getFilterValue,
-  getHelpEntries,
-  getLabel,
-  getNoResults,
-  getPickDescription: getPickDescription$1,
-  getPickFileIcon,
-  getPickFilterValue,
-  getPickIcon,
-  getPickLabel,
-  getPicks,
-  getPlaceholder,
-  selectPick
-};
-
-const CommandPalette = 'quickPick://commandPalette';
-const Commands = 'quickPick://commands';
-const File = 'quickPick://file';
-const EveryThing = 'quickPick://everything';
-const Number$1 = 'quickPick://number';
-const Recent = 'quickPick://recent';
-const ColorTheme = 'quickPick://color-theme';
-const Symbol$1 = 'quickPick://symbol';
-const View = 'quickPick://view';
-const WorkspaceSymbol = 'quickPick://workspace-symbol';
-const Custom = 'quickPick://custom';
-
-const load = moduleId => {
-  switch (moduleId) {
-    case CommandPalette:
-    case Commands:
-    case File:
-    case EveryThing:
-    case WorkspaceSymbol:
-      return QuickPickEntriesEverything;
-    case Number$1:
-      return QuickPickEntriesNumber;
-    case Recent:
-      return QuickPickEntriesOpenRecent;
-    case ColorTheme:
-      return QuickPickEntriesColorTheme;
-    case Symbol$1:
-      return QuickPickEntriesSymbol;
-    case View:
-      return QuickPickEntriesView;
-    case Custom:
-      return QuickPickEntriesCustom;
-    default:
-      throw new Error(`unknown module "${moduleId}"`);
-  }
-};
-
-const loadContent = async state => {
-  const {
-    uri,
-    args
-  } = state;
-  const value = getDefaultValue(uri);
-  const provider = await load(uri);
-  // @ts-ignore
-  if (provider.setArgs) {
-    // @ts-ignore
-    provider.setArgs(args);
-  }
-  const newPicks = await provider.getPicks(value);
-  array(newPicks);
-  // @ts-ignore
-  const filterValue = provider.getFilterValue(value);
-  const items = filterQuickPickItems(newPicks, filterValue, provider);
-  // @ts-ignore
-  provider.getLabel();
-  const minLineY = 0;
-  const maxLineY = Math.min(minLineY + state.maxVisibleItems, newPicks.length);
-  return {
-    ...state,
-    picks: newPicks,
-    items,
-    focusedIndex: 0,
-    state: Finished,
-    minLineY,
-    maxLineY,
-    value,
-    cursorOffset: value.length,
-    provider,
-    inputSource: Script,
-    focused: true
-  };
+  getFilterValue: getFilterValue$3,
+  getHelpEntries: getHelpEntries$3,
+  getLabel: getLabel$2,
+  getNoResults: getNoResults$3,
+  getPickDescription: getPickDescription$4,
+  getPickFileIcon,
+  getPickFilterValue: getPickFilterValue$3,
+  getPickIcon: getPickIcon$3,
+  getPickLabel: getPickLabel$3,
+  getPicks: getPicks$3,
+  getPlaceholder: getPlaceholder$3,
+  isPrepared: isPrepared$3,
+  name: name$3,
+  selectPick: selectPick$3,
+  state: state$3
 };
 
+const CommandPalette = 'quickPick://commandPalette';
+const Commands = 'quickPick://commands';
+const File$1 = 'quickPick://file';
+const EveryThing = 'quickPick://everything';
+const Number$1 = 'quickPick://number';
+const Recent = 'quickPick://recent';
+const ColorTheme = 'quickPick://color-theme';
+const Symbol = 'quickPick://symbol';
+const View = 'quickPick://view';
+const WorkspaceSymbol = 'quickPick://workspace-symbol';
+const Custom = 'quickPick://custom';
+
 const loadQuickPickEntries = moduleId => {
   switch (moduleId) {
     case Recent:
@@ -3491,7 +2598,7 @@ const requestFileIcons = async requests => {
   return Promise.all(promises);
 };
 
-const getPickDescription = (provider, pick) => {
+const getPickDescription$3 = (provider, pick) => {
   if (provider.getPickDescription) {
     return provider.getPickDescription(pick);
   }
@@ -3508,7 +2615,7 @@ const getVisible = async (provider, items, minLineY, maxLineY, focusedIndex) =>
     const item = items[i];
     const pick = item.pick;
     const label = provider.getPickLabel(pick);
-    const description = getPickDescription(provider, pick);
+    const description = getPickDescription$3(provider, pick);
     const icon = provider.getPickIcon(pick);
     const fileIcon = icons[iconIndex++];
     visibleItems.push({
@@ -3540,7 +2647,8 @@ const createQuickPickViewModel = async (oldState, newState) => {
     height,
     oldFocusedIndex,
     newFocusedIndex,
-    uid: newState.uid
+    uid: newState.uid,
+    renderAllItems: newState.renderAllItems
   };
 };
 
@@ -3551,332 +2659,879 @@ const RenderCursorOffset = 7;
 const RenderFocusedIndex = 8;
 const Height = 9;
 
-const SetCursorOffset = 'setCursorOffset';
-const SetFocusedIndex = 'setFocusedIndex';
-const SetItemsHeight = 'setItemsHeight';
-const SetValue = 'setValue';
+const SetCursorOffset = 'setCursorOffset';
+const SetFocusedIndex = 'setFocusedIndex';
+const SetItemsHeight = 'setItemsHeight';
+const SetValue = 'setValue';
+
+const renderCursorOffset = newState => {
+  return ['Viewlet.send', newState.uid, /* method */SetCursorOffset, /* cursorOffset */newState.cursorOffset];
+};
+
+const QuickPickInput = 'QuickPickInput';
+
+const renderFocus = newState => {
+  if (newState.renderAllItems) {
+    return ['Viewlet.focusElementByName', QuickPickInput];
+  }
+  const selector = newState.focused ? '.InputBox' : '';
+  return ['Viewlet.focusSelector', selector];
+};
+
+const renderFocusedIndex = newState => {
+  return ['Viewlet.send', newState.uid, /* method */SetFocusedIndex, /* oldFocusedIndex */newState.oldFocusedIndex, /* newFocusedIndex */newState.newFocusedIndex];
+};
+
+const renderHeight = newState => {
+  if (newState.height === 0) {
+    return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */20];
+  }
+  return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */newState.height];
+};
+
+const ComboBox = 'combobox';
+const ListBox = 'listbox';
+const None$1 = 'none';
+const Option$1 = 'option';
+
+const FileIcon = 'FileIcon';
+const InputBox = 'InputBox';
+const Label = 'Label';
+const QuickPick$1 = 'QuickPick';
+const QuickPickHeader = 'QuickPickHeader';
+const QuickPickHighlight = 'QuickPickHighlight';
+const QuickPickItem = 'QuickPickItem';
+const QuickPickItemActive$1 = 'QuickPickItemActive';
+const QuickPickItemDescription = 'QuickPickItemDescription';
+const QuickPickItemLabel = 'QuickPickItemLabel';
+const QuickPickItems$1 = 'QuickPickItems';
+const Viewlet = 'Viewlet';
+
+const Div$1 = 4;
+const Input$1 = 6;
+const Span$1 = 8;
+const Img$1 = 17;
+
+const getFileIconVirtualDom = icon => {
+  return {
+    type: Img$1,
+    className: FileIcon,
+    src: icon,
+    role: None$1,
+    childCount: 0
+  };
+};
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+
+// src/parts/MergeClassNames/MergeClassNames.ts
+var mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(" ");
+};
+
+// src/parts/VirtualDomElements/VirtualDomElements.ts
+var VirtualDomElements_exports = {};
+__export(VirtualDomElements_exports, {
+  A: () => A,
+  Abbr: () => Abbr,
+  Article: () => Article,
+  Aside: () => Aside,
+  Audio: () => Audio,
+  Br: () => Br,
+  Button: () => Button,
+  Cite: () => Cite,
+  Col: () => Col,
+  ColGroup: () => ColGroup,
+  Data: () => Data,
+  Dd: () => Dd,
+  Del: () => Del,
+  Div: () => Div,
+  Dl: () => Dl,
+  Figcaption: () => Figcaption,
+  Figure: () => Figure,
+  Footer: () => Footer,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  H6: () => H6,
+  Header: () => Header,
+  Hr: () => Hr,
+  I: () => I,
+  Img: () => Img,
+  Input: () => Input,
+  Ins: () => Ins,
+  Kbd: () => Kbd,
+  Li: () => Li,
+  Nav: () => Nav,
+  Ol: () => Ol,
+  Option: () => Option,
+  P: () => P,
+  Pre: () => Pre,
+  Root: () => Root,
+  Search: () => Search,
+  Section: () => Section,
+  Select: () => Select,
+  Span: () => Span,
+  TBody: () => TBody,
+  THead: () => THead,
+  Table: () => Table,
+  Td: () => Td,
+  Text: () => Text,
+  TextArea: () => TextArea,
+  Tfoot: () => Tfoot,
+  Th: () => Th,
+  Time: () => Time,
+  Tr: () => Tr,
+  Ul: () => Ul,
+  Video: () => Video
+});
+var Audio = 0;
+var Button = 1;
+var Col = 2;
+var ColGroup = 3;
+var Div = 4;
+var H1 = 5;
+var Input = 6;
+var Kbd = 7;
+var Span = 8;
+var Table = 9;
+var TBody = 10;
+var Td = 11;
+var Text = 12;
+var Th = 13;
+var THead = 14;
+var Tr = 15;
+var I = 16;
+var Img = 17;
+var Root = 0;
+var Ins = 20;
+var Del = 21;
+var H2 = 22;
+var H3 = 23;
+var H4 = 24;
+var H5 = 25;
+var H6 = 26;
+var Article = 27;
+var Aside = 28;
+var Footer = 29;
+var Header = 30;
+var Nav = 40;
+var Section = 41;
+var Search = 42;
+var Dd = 43;
+var Dl = 44;
+var Figcaption = 45;
+var Figure = 46;
+var Hr = 47;
+var Li = 48;
+var Ol = 49;
+var P = 50;
+var Pre = 51;
+var A = 53;
+var Abbr = 54;
+var Br = 55;
+var Cite = 56;
+var Data = 57;
+var Time = 58;
+var Tfoot = 59;
+var Ul = 60;
+var Video = 61;
+var TextArea = 62;
+var Select = 63;
+var Option = 64;
+
+// src/parts/Text/Text.ts
+var text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+
+const quickPickHighlight = {
+  type: Span$1,
+  className: QuickPickHighlight,
+  childCount: 1
+};
+const addHighlights = (dom, highlights, label) => {
+  const labelDom = {
+    type: Div$1,
+    className: QuickPickItemLabel,
+    childCount: 0
+  };
+  dom.push(labelDom);
+  let position = 0;
+  for (let i = 0; i < highlights.length; i += 2) {
+    const highlightStart = highlights[i];
+    const highlightEnd = highlights[i + 1];
+    if (position < highlightStart) {
+      const beforeText = label.slice(position, highlightStart);
+      labelDom.childCount++;
+      dom.push(text(beforeText));
+    }
+    const highlightText = label.slice(highlightStart, highlightEnd);
+    labelDom.childCount++;
+    dom.push(quickPickHighlight, text(highlightText));
+    position = highlightEnd;
+  }
+  if (position < label.length) {
+    const afterText = label.slice(position);
+    labelDom.childCount++;
+    dom.push(text(afterText));
+  }
+};
+const getQuickPickItemVirtualDom = visibleItem => {
+  const {
+    posInSet,
+    label,
+    setSize,
+    isActive,
+    description,
+    icon,
+    matches,
+    fileIcon
+  } = visibleItem;
+  const highlights = matches.slice(1);
+  const dom = [];
+  dom.push({
+    type: Div$1,
+    className: QuickPickItem,
+    role: Option$1,
+    ariaPosInSet: posInSet,
+    ariaSetSize: setSize,
+    childCount: 1
+  });
+  const parent = dom[0];
+  if (isActive) {
+    // @ts-ignore
+    parent.id = 'QuickPickItemActive';
+    parent.className += ' ' + QuickPickItemActive$1;
+  }
+  if (fileIcon) {
+    parent.childCount++;
+    dom.push(getFileIconVirtualDom(fileIcon));
+  } else if (icon) {
+    parent.childCount++;
+    dom.push({
+      type: Div$1,
+      className: `QuickPickMaskIcon MaskIcon MaskIcon${icon}`,
+      childCount: 0
+    });
+  }
+  addHighlights(dom, highlights, label);
+  if (description) {
+    parent.childCount++;
+    dom.push({
+      type: Div$1,
+      className: QuickPickItemDescription,
+      childCount: 1
+    }, text(description));
+  }
+  return dom;
+};
+
+const getQuickPickNoResultsVirtualDom = () => {
+  return [{
+    type: Div$1,
+    className: 'QuickPickItem QuickPickItemActive QuickPickStatus',
+    childCount: 1
+  }, {
+    type: Div$1,
+    className: Label,
+    childCount: 1
+  }, text('No Results')];
+};
+
+const getQuickPickItemsVirtualDom = visibleItems => {
+  if (visibleItems.length === 0) {
+    return getQuickPickNoResultsVirtualDom();
+  }
+  const dom = visibleItems.flatMap(getQuickPickItemVirtualDom);
+  return dom;
+};
+
+const HandleBeforeInput = 'handleBeforeInput';
+const HandleBlur = 'handleBlur';
+const HandleFocus = 'handleFocus';
+const HandleInput = 'handleInput';
+const HandlePointerDown = 'handlePointerDown';
+const HandleWheel = 'handleWheel';
+
+const QuickPick = 'QuickPick';
+const QuickPickItems = 'QuickPickItems';
+const QuickPickItemActive = 'QuickPickItemActive';
+
+const getQuickPickInputVirtualDom = () => {
+  const ariaLabel = typeNameofCommandToRun();
+  return {
+    type: Input$1,
+    className: InputBox,
+    spellcheck: false,
+    autocapitalize: 'off',
+    inputType: 'text',
+    childCount: 0,
+    role: ComboBox,
+    name: QuickPickInput,
+    onBeforeInput: HandleBeforeInput,
+    onBlur: HandleBlur,
+    onInput: HandleInput,
+    onFocus: HandleFocus,
+    ariaLabel: ariaLabel,
+    ariaAutoComplete: 'list',
+    ariaExpanded: true,
+    autocomplete: 'off'
+  };
+};
+
+const getQuickPickHeaderVirtualDom = () => {
+  return [{
+    type: Div$1,
+    className: QuickPickHeader,
+    childCount: 1
+  }, getQuickPickInputVirtualDom()];
+};
+
+const getQuickPickVirtualDom = visibleItems => {
+  const quickOpen$1 = quickOpen();
+  return [{
+    type: Div$1,
+    className: mergeClassNames(Viewlet, QuickPick$1),
+    childCount: 2,
+    id: QuickPick,
+    ariaLabel: quickOpen$1
+  }, ...getQuickPickHeaderVirtualDom(), {
+    type: Div$1,
+    className: QuickPickItems$1,
+    id: QuickPickItems,
+    role: ListBox,
+    ariaActivedescendant: QuickPickItemActive,
+    onWheel: HandleWheel,
+    childCount: visibleItems.length
+  }, ...getQuickPickItemsVirtualDom(visibleItems)];
+};
+
+const renderItems = newState => {
+  if (newState.renderAllItems) {
+    const dom = getQuickPickVirtualDom(newState.visibleItems);
+    return ['Viewlet.setDom2', dom];
+  }
+  const dom = getQuickPickItemsVirtualDom(newState.visibleItems);
+  return ['Viewlet.send', newState.uid, /* method */'setItemsDom', dom];
+};
+
+const renderValue = newState => {
+  return ['Viewlet.send', newState.uid, /* method */SetValue, /* value */newState.value];
+};
+
+const getRenderer = diffType => {
+  switch (diffType) {
+    case RenderValue:
+      return renderValue;
+    case RenderCursorOffset:
+      return renderCursorOffset;
+    case RenderItems:
+      return renderItems;
+    case RenderFocusedIndex:
+      return renderFocusedIndex;
+    case Height:
+      return renderHeight;
+    case RenderFocus:
+      return renderFocus;
+    default:
+      throw new Error('unknown renderer');
+  }
+};
+
+const applyRender = async (oldState, newState, diffResult) => {
+  const commands = [];
+  const viewModel = await createQuickPickViewModel(oldState, newState);
+  for (const item of diffResult) {
+    if (viewModel.renderAllItems && item === Height) {
+      continue;
+    }
+    if (viewModel.renderAllItems && item === RenderFocusedIndex) {
+      continue;
+    }
+    const fn = getRenderer(item);
+    commands.push(fn(viewModel));
+  }
+  return commands;
+};
+
+const diffType$4 = RenderFocus;
+const isEqual$4 = (oldState, newState) => {
+  return oldState.focused === newState.focused;
+};
+
+const diffType$3 = RenderFocusedIndex;
+const isEqual$3 = (oldState, newState) => {
+  return oldState.focusedIndex === newState.focusedIndex;
+};
+
+const diffType$2 = Height;
+const isEqual$2 = (oldState, newState) => {
+  return oldState.items.length === newState.items.length;
+};
+
+const diffType$1 = RenderItems;
+const isEqual$1 = (oldState, newState) => {
+  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex;
+};
+
+const diffType = RenderValue;
+const isEqual = (oldState, newState) => {
+  return newState.inputSource === User || oldState.value === newState.value;
+};
+
+const modules = [isEqual$2, isEqual$1, isEqual, isEqual$3, isEqual$4];
+const numbers = [diffType$2, diffType$1, diffType, diffType$3, diffType$4];
+
+const diff = (oldState, newState) => {
+  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 doRender = async uid => {
+  const {
+    oldState,
+    newState
+  } = get(uid);
+  const diffResult = diff(oldState, newState);
+  return applyRender(oldState, newState, diffResult);
+};
 
-const renderCursorOffset = newState => {
-  return ['Viewlet.send', newState.uid, /* method */SetCursorOffset, /* cursorOffset */newState.cursorOffset];
+const renderEventListeners = () => {
+  return [{
+    name: HandlePointerDown,
+    params: ['handlePointerDown', 'event.clientX', 'event.clientY'],
+    preventDefault: true
+  }, {
+    name: HandleWheel,
+    params: ['handleWheel', 'event.deltaMode', 'event.deltaY']
+  }, {
+    name: HandleBlur,
+    params: ['handleBlur']
+  }, {
+    name: HandleBeforeInput,
+    params: ['handleBeforeInput']
+  }, {
+    name: HandleInput,
+    params: ['handleInput', 'event.target.value']
+  }, {
+    name: HandleFocus,
+    params: ['handleFocus']
+  }];
 };
 
-const renderFocus = newState => {
-  const selector = newState.focused ? '.InputBox' : '';
-  return ['Viewlet.focusSelector', selector];
+const selectCurrentIndex = state => {
+  return selectIndex(state, state.focusedIndex);
 };
 
-const renderFocusedIndex = newState => {
-  return ['Viewlet.send', newState.uid, /* method */SetFocusedIndex, /* oldFocusedIndex */newState.oldFocusedIndex, /* newFocusedIndex */newState.newFocusedIndex];
+const findLabelIndex = (items, label) => {
+  for (let i = 0; i < items.length; i++) {
+    if (items[i].pick.label === label) {
+      return i;
+    }
+  }
+  return -1;
 };
 
-const renderHeight = newState => {
-  if (newState.height === 0) {
-    return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */20];
+const selectItem = async (state, label) => {
+  string(label);
+  const index = findLabelIndex(state.items, label);
+  if (index === -1) {
+    return state;
   }
-  return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */newState.height];
+  return selectIndex(state, index);
 };
 
-const FileIcon = 'FileIcon';
-const Label = 'Label';
-const QuickPickHighlight = 'QuickPickHighlight';
-const QuickPickItem = 'QuickPickItem';
-const QuickPickItemActive = 'QuickPickItemActive';
-const QuickPickItemDescription = 'QuickPickItemDescription';
-const QuickPickItemLabel = 'QuickPickItemLabel';
+const wrapCommand = fn => {
+  const wrapped = async (uid, ...args) => {
+    const {
+      newState
+    } = get(uid);
+    const newerState = await fn(newState, ...args);
+    set(uid, newState, newerState);
+  };
+  return wrapped;
+};
 
-const None = 'none';
-const Option = 'option';
+const commandMap = {
+  'QuickPick.addMenuEntries': add,
+  'QuickPick.create2': create,
+  'QuickPick.dispose': dispose,
+  'QuickPick.focusFirst': wrapCommand(focusFirst),
+  'QuickPick.focusIndex': wrapCommand(focusIndex),
+  'QuickPick.focusLast': wrapCommand(focusLast),
+  'QuickPick.focusNext': wrapCommand(focusNext),
+  'QuickPick.focusPrevious': wrapCommand(focusPrevious),
+  'QuickPick.getCommandIds': getCommandIds,
+  'QuickPick.getKeyBindings': getKeyBindings,
+  'QuickPick.handleBeforeInput': wrapCommand(handleBeforeInput),
+  'QuickPick.handleBlur': wrapCommand(handleBlur$1),
+  'QuickPick.handleClickAt': wrapCommand(handleClickAt),
+  'QuickPick.handleFocus': wrapCommand(handleBlur),
+  'QuickPick.handleInput': wrapCommand(handleInput),
+  'QuickPick.handleWheel': wrapCommand(handleWheel),
+  'QuickPick.loadContent': wrapCommand(loadContent),
+  'QuickPick.loadEntries2': load,
+  'QuickPick.render': doRender,
+  'QuickPick.renderEventListeners': renderEventListeners,
+  'QuickPick.selectCurrentIndex': wrapCommand(selectCurrentIndex),
+  'QuickPick.selectIndex': wrapCommand(selectIndex),
+  'QuickPick.selectItem': wrapCommand(selectItem),
+  'QuickPick.setDeltaY': wrapCommand(setDeltaY),
+  'QuickPick.setValue': wrapCommand(setValue),
+  // deprecated
+  'SearchFile.filter': filterQuickPickItems,
+  'SearchFile.searchFile': searchFile$5,
+  'QuickPick.loadEntries': loadQuickPickEntries
+};
 
-const Div = 4;
-const Span = 8;
-const Text = 12;
-const Img = 17;
+const getColorThemeNames = async () => {
+  return invoke$1(/* Ajax.getJson */'ColorTheme.getColorThemeNames');
+};
 
-const getFileIconVirtualDom = icon => {
+const setColorTheme = id => {
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+};
+const getPlaceholder$2 = () => {
+  return selectColorTheme();
+};
+const getLabel$1 = () => {
+  return selectColorTheme();
+};
+const getPicks$2 = async searchValue => {
+  const colorThemeNames = await getColorThemeNames();
+  return colorThemeNames;
+};
+const selectPick$2 = async pick => {
+  await setColorTheme(/* colorThemeId */pick);
   return {
-    type: Img,
-    className: FileIcon,
-    src: icon,
-    role: None,
-    childCount: 0
+    command: Hide
   };
 };
-
-const text = data => {
+const focusPick = async pick => {
+  await setColorTheme(/* colorThemeId */pick);
+};
+const getFilterValue$2 = value => {
+  return value;
+};
+const getNoResults$2 = () => {
   return {
-    type: Text,
-    text: data,
-    childCount: 0
+    label: noMatchingColorThemesFound()
   };
 };
+const getPickFilterValue$2 = pick => {
+  return pick;
+};
+const getPickLabel$2 = pick => {
+  return pick;
+};
+const getPickIcon$2 = pick => {
+  return '';
+};
+const state$2 = {};
+const getPickDescription$2 = value => {
+  return '';
+};
+const isPrepared$2 = () => {
+  return false;
+};
+const name$2 = '';
+const getHelpEntries$2 = () => {
+  return [];
+};
 
-const quickPickHighlight = {
-  type: Span,
-  className: QuickPickHighlight,
-  childCount: 1
+const QuickPickEntriesColorTheme = {
+  __proto__: null,
+  focusPick,
+  getFilterValue: getFilterValue$2,
+  getHelpEntries: getHelpEntries$2,
+  getLabel: getLabel$1,
+  getNoResults: getNoResults$2,
+  getPickDescription: getPickDescription$2,
+  getPickFilterValue: getPickFilterValue$2,
+  getPickIcon: getPickIcon$2,
+  getPickLabel: getPickLabel$2,
+  getPicks: getPicks$2,
+  getPlaceholder: getPlaceholder$2,
+  isPrepared: isPrepared$2,
+  name: name$2,
+  selectPick: selectPick$2,
+  setColorTheme,
+  state: state$2
 };
-const addHighlights = (dom, highlights, label) => {
-  const labelDom = {
-    type: Div,
-    className: QuickPickItemLabel,
-    childCount: 0
+
+const Tag$1 = 'Tag';
+const Cloud$1 = 'Cloud';
+const SourceControl$1 = 'SourceControl';
+const None = '';
+
+const SourceControl = 1;
+const Cloud = 2;
+const Tag = 3;
+
+const name$1 = 'custom';
+const state$1 = {
+  args: []
+};
+const setArgs = args => {
+  state$1.args = args;
+};
+const getPlaceholder$1 = () => {
+  return '';
+};
+const getLabel = () => {
+  return 'Custom';
+};
+
+// TODO help entries should not be here
+const getHelpEntries$1 = () => {
+  return [];
+};
+const getNoResults$1 = () => {
+  return {
+    label: noMatchingResults()
   };
-  dom.push(labelDom);
-  let position = 0;
-  for (let i = 0; i < highlights.length; i += 2) {
-    const highlightStart = highlights[i];
-    const highlightEnd = highlights[i + 1];
-    if (position < highlightStart) {
-      const beforeText = label.slice(position, highlightStart);
-      labelDom.childCount++;
-      dom.push(text(beforeText));
-    }
-    const highlightText = label.slice(highlightStart, highlightEnd);
-    labelDom.childCount++;
-    dom.push(quickPickHighlight, text(highlightText));
-    position = highlightEnd;
-  }
-  if (position < label.length) {
-    const afterText = label.slice(position);
-    labelDom.childCount++;
-    dom.push(text(afterText));
-  }
 };
-const getQuickPickItemVirtualDom = visibleItem => {
+const getPicks$1 = async searchValue => {
+  const items = state$1.args[1] || [];
+  return items;
+};
+const selectPick$1 = async pick => {
   const {
-    posInSet,
-    label,
-    setSize,
-    isActive,
-    description,
-    icon,
-    matches,
-    fileIcon
-  } = visibleItem;
-  const highlights = matches.slice(1);
-  const dom = [];
-  dom.push({
-    type: Div,
-    className: QuickPickItem,
-    role: Option,
-    ariaPosInSet: posInSet,
-    ariaSetSize: setSize,
-    childCount: 1
-  });
-  const parent = dom[0];
-  if (isActive) {
-    // @ts-ignore
-    parent.id = 'QuickPickItemActive';
-    parent.className += ' ' + QuickPickItemActive;
-  }
-  if (fileIcon) {
-    parent.childCount++;
-    dom.push(getFileIconVirtualDom(fileIcon));
-  } else if (icon) {
-    parent.childCount++;
-    dom.push({
-      type: Div,
-      className: `QuickPickMaskIcon MaskIcon MaskIcon${icon}`,
-      childCount: 0
-    });
-  }
-  addHighlights(dom, highlights, label);
-  if (description) {
-    parent.childCount++;
-    dom.push({
-      type: Div,
-      className: QuickPickItemDescription,
-      childCount: 1
-    }, text(description));
-  }
-  return dom;
+    args
+  } = state$1;
+  const resolve = args[2];
+  resolve(pick);
+  return {
+    command: Hide
+  };
 };
-
-const getQuickPickItemsVirtualDom = visibleItems => {
-  if (visibleItems.length === 0) {
-    return [{
-      type: Div,
-      className: 'QuickPickItem QuickPickItemActive QuickPickStatus',
-      childCount: 1
-    }, {
-      type: Div,
-      className: Label,
-      childCount: 1
-    }, text('No Results')];
-  }
-  const dom = visibleItems.flatMap(getQuickPickItemVirtualDom);
-  return dom;
+const getFilterValue$1 = value => {
+  return value;
 };
-
-const renderItems = newState => {
-  const dom = getQuickPickItemsVirtualDom(newState.visibleItems);
-  return ['Viewlet.send', newState.uid, /* method */'setItemsDom', dom];
+const getPickFilterValue$1 = pick => {
+  return pick;
 };
-
-const renderValue = newState => {
-  return ['Viewlet.send', newState.uid, /* method */SetValue, /* value */newState.value];
+const getPickLabel$1 = pick => {
+  return pick.label;
 };
-
-const getRenderer = diffType => {
-  switch (diffType) {
-    case RenderValue:
-      return renderValue;
-    case RenderCursorOffset:
-      return renderCursorOffset;
-    case RenderItems:
-      return renderItems;
-    case RenderFocusedIndex:
-      return renderFocusedIndex;
-    case Height:
-      return renderHeight;
-    case RenderFocus:
-      return renderFocus;
+const getPickDescription$1 = pick => {
+  return pick.description || '';
+};
+const convertIcon = icon => {
+  switch (icon) {
+    case SourceControl:
+      return SourceControl$1;
+    case Cloud:
+      return Cloud$1;
+    case Tag:
+      return Tag$1;
     default:
-      throw new Error('unknown renderer');
+      return None;
   }
 };
-
-const applyRender = async (oldState, newState, diffResult) => {
-  const commands = [];
-  const viewModel = await createQuickPickViewModel(oldState, newState);
-  for (const item of diffResult) {
-    const fn = getRenderer(item);
-    commands.push(fn(viewModel));
-  }
-  return commands;
+const getPickIcon$1 = pick => {
+  return convertIcon(pick.icon);
 };
-
-const diffType$4 = RenderFocus;
-const isEqual$4 = (oldState, newState) => {
-  return oldState.focused === newState.focused;
+const isPrepared$1 = () => {
+  return true;
 };
 
-const diffType$3 = RenderFocusedIndex;
-const isEqual$3 = (oldState, newState) => {
-  return oldState.focusedIndex === newState.focusedIndex;
+const QuickPickEntriesCustom = {
+  __proto__: null,
+  getFilterValue: getFilterValue$1,
+  getHelpEntries: getHelpEntries$1,
+  getLabel,
+  getNoResults: getNoResults$1,
+  getPickDescription: getPickDescription$1,
+  getPickFilterValue: getPickFilterValue$1,
+  getPickIcon: getPickIcon$1,
+  getPickLabel: getPickLabel$1,
+  getPicks: getPicks$1,
+  getPlaceholder: getPlaceholder$1,
+  isPrepared: isPrepared$1,
+  name: name$1,
+  selectPick: selectPick$1,
+  setArgs,
+  state: state$1
 };
 
-const diffType$2 = Height;
-const isEqual$2 = (oldState, newState) => {
-  return oldState.items.length === newState.items.length;
+const name = 'number';
+const getPlaceholder = () => {
+  return '';
+};
+const getHelpEntries = () => {
+  return [];
+};
+const getNoResults = () => {
+  return {
+    label: noMatchingResults()
+  };
+};
+const getPicks = async () => {
+  const picks = [{
+    label: '1'
+  }, {
+    label: '2'
+  }, {
+    label: '3'
+  }, {
+    label: '4'
+  }, {
+    label: '5'
+  }, {
+    label: '6'
+  }, {
+    label: '7'
+  }, {
+    label: '8'
+  }, {
+    label: '9'
+  }, {
+    label: '10'
+  }];
+  return picks;
+};
+const selectPick = async item => {
+  return {
+    command: Hide
+  };
+};
+const state = {};
+const getPickFilterValue = value => {
+  return value;
+};
+const getFilterValue = value => {
+  return value;
+};
+const getPickDescription = value => {
+  return '';
+};
+const getPickLabel = value => {
+  return value;
+};
+const getPickIcon = value => {
+  return '';
+};
+const isPrepared = () => {
+  return false;
 };
 
-const diffType$1 = RenderItems;
-const isEqual$1 = (oldState, newState) => {
-  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex;
+const QuickPickEntriesNumber = {
+  __proto__: null,
+  getFilterValue,
+  getHelpEntries,
+  getNoResults,
+  getPickDescription,
+  getPickFilterValue,
+  getPickIcon,
+  getPickLabel,
+  getPicks,
+  getPlaceholder,
+  isPrepared,
+  name,
+  selectPick,
+  state
 };
 
-const diffType = RenderValue;
-const isEqual = (oldState, newState) => {
-  return newState.inputSource === User || oldState.value === newState.value;
+const quickPickEntriesModules = {
+  [CommandPalette]: QuickPickEntriesEverything,
+  [Commands]: QuickPickEntriesEverything,
+  [File$1]: QuickPickEntriesEverything,
+  [EveryThing]: QuickPickEntriesEverything,
+  [WorkspaceSymbol]: QuickPickEntriesEverything,
+  [Number$1]: QuickPickEntriesNumber,
+  [Recent]: QuickPickEntriesOpenRecent,
+  [ColorTheme]: QuickPickEntriesColorTheme,
+  [Symbol]: QuickPickEntriesSymbol,
+  [View]: QuickPickEntriesView,
+  [Custom]: QuickPickEntriesCustom
 };
 
-const modules = [isEqual$2, isEqual$1, isEqual$4, isEqual, isEqual$3];
-const numbers = [diffType$2, diffType$1, diffType$4, diffType, diffType$3];
+const Memfs = 'memfs';
+const Html = 'html';
+const Fetch = 'fetch';
+const File = 'file';
+const Default = '';
 
-const diff = (oldState, newState) => {
-  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 searchFile$3 = async uri => {
+  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
 };
 
-const doRender = async uid => {
-  const {
-    oldState,
-    newState
-  } = get(uid);
-  const diffResult = diff(oldState, newState);
-  return applyRender(oldState, newState, diffResult);
+// TODO simplify code
+// 1. don't have playground prefix in fileMap json
+// 2. remove code here that removes the prefix
+const searchFile$2 = async path => {
+  return invoke$1('ExtensionHost.searchFileWithFetch', path);
 };
 
-const selectCurrentIndex = state => {
-  return selectIndex(state, state.focusedIndex);
+const searchFile$1 = async uri => {
+  return invoke$1('ExtensionHost.searchFileWithHtml', uri);
 };
 
-const findLabelIndex = (items, label) => {
-  for (let i = 0; i < items.length; i++) {
-    if (items[i].pick.label === label) {
-      return i;
-    }
-  }
-  return -1;
+const getFileSearchRipGrepArgs = () => {
+  const ripGrepArgs = ['--files', '--sort-files'];
+  return ripGrepArgs;
 };
 
-const selectItem = async (state, label) => {
-  string(label);
-  const index = findLabelIndex(state.items, label);
-  if (index === -1) {
-    return state;
+const invoke = (method, ...params) => {
+  return invoke$1('SearchProcess.invoke', method, ...params);
+};
+
+const splitLines = lines => {
+  if (!lines) {
+    return [];
   }
-  return selectIndex(state, index);
+  return lines.split('\n');
 };
 
-const wrapCommand = fn => {
-  const wrapped = async (uid, ...args) => {
-    const {
-      newState
-    } = get(uid);
-    const newerState = await fn(newState, ...args);
-    set(uid, newState, newerState);
+// TODO create direct connection from electron to file search worker using message ports
+
+const searchFile = async (path, value, prepare) => {
+  const ripGrepArgs = getFileSearchRipGrepArgs();
+  const options = {
+    ripGrepArgs,
+    searchPath: path,
+    limit: 9_999_999
   };
-  return wrapped;
+  const stdout = await invoke('SearchFile.searchFile', options);
+  const lines = splitLines(stdout);
+  if (!prepare) {
+    return lines;
+  }
+  const filtered = filterQuickPickItems(lines, value);
+  return filtered;
 };
 
-const commandMap = {
-  'QuickPick.addMenuEntries': add,
-  'QuickPick.create2': create$1,
-  'QuickPick.focusFirst': wrapCommand(focusFirst),
-  'QuickPick.focusIndex': wrapCommand(focusIndex),
-  'QuickPick.focusLast': wrapCommand(focusLast),
-  'QuickPick.focusNext': wrapCommand(focusNext),
-  'QuickPick.focusPrevious': wrapCommand(focusPrevious),
-  'QuickPick.getCommandIds': getCommandIds,
-  'QuickPick.getKeyBindings': getKeyBindings,
-  'QuickPick.handleBeforeInput': wrapCommand(handleBeforeInput),
-  'QuickPick.handleBlur': wrapCommand(handleBlur),
-  'QuickPick.handleClickAt': wrapCommand(handleClickAt),
-  'QuickPick.handleInput': wrapCommand(handleInput),
-  'QuickPick.handleWheel': wrapCommand(handleWheel),
-  'QuickPick.loadContent': wrapCommand(loadContent),
-  'QuickPick.loadEntries2': load,
-  'QuickPick.render': doRender,
-  'QuickPick.selectCurrentIndex': wrapCommand(selectCurrentIndex),
-  'QuickPick.selectIndex': wrapCommand(selectIndex),
-  'QuickPick.selectItem': wrapCommand(selectItem),
-  'QuickPick.setDeltaY': wrapCommand(setDeltaY),
-  'QuickPick.setValue': wrapCommand(setValue),
-  'SearchFile.filter': filterQuickPickItems,
-  'SearchFile.searchFile': searchFile$1,
-  'SearchFile.searchFileWithFetch': searchFile$4,
-  'SearchFile.searchFileWithHtml': searchFile$3,
-  'SearchFile.searchFileWithRipGrep': searchFile$2,
-  // deprecated
-  'QuickPick.create': create,
-  'QuickPick.loadEntries': loadQuickPickEntries,
-  'FileSystemFetch.chmod': chmod,
-  'FileSystemFetch.getBlob': getBlob,
-  'FileSystemFetch.mkdir': mkdir,
-  'FileSystemFetch.readDirWithFileTypes': readDirWithFileTypes,
-  'FileSystemFetch.readFile': readFile,
-  'FileSystemFetch.remove': remove,
-  'FileSystemFetch.writeFile': writeFile,
-  'FileSystemMemory.chmod': chmod$1,
-  'FileSystemMemory.getBlob': getBlob$2,
-  'FileSystemMemory.getBlobUrl': getBlobUrl,
-  'FileSystemMemory.getFiles': getFiles,
-  'FileSystemMemory.mkdir': mkdir$1,
-  'FileSystemMemory.readDirWithFileTypes': readDirWithFileTypes$1,
-  'FileSystemMemory.readFile': readFile$1,
-  'FileSystemMemory.remove': remove$1,
-  'FileSystemMemory.writeFile': writeFile$1
+const searchModules = {
+  [Memfs]: searchFile$3,
+  [Fetch]: searchFile$2,
+  [Html]: searchFile$1,
+  [File]: searchFile,
+  [Default]: searchFile
 };
 
 const listen = async () => {
+  register$1(searchModules);
+  register(quickPickEntriesModules);
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });