@lvce-editor/file-search-worker 3.4.0 → 3.5.0

package/dist/fileSearchWorkerMain.js

@@ -54,6 +54,41 @@ class VError extends Error {
   }
 }
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return 'number';
+    case 'function':
+      return 'function';
+    case 'string':
+      return 'string';
+    case 'object':
+      if (value === null) {
+        return 'null';
+      }
+      if (Array.isArray(value)) {
+        return 'array';
+      }
+      return 'object';
+    case 'boolean':
+      return 'boolean';
+    default:
+      return 'unknown';
+  }
+};
+const array = value => {
+  const type = getType(value);
+  if (type !== 'array') {
+    throw new AssertionError('expected value to be of type array');
+  }
+};
+
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -389,32 +424,32 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set = (id, fn) => {
+const set$1 = (id, fn) => {
   callbacks[id] = fn;
 };
-const get = id => {
+const get$1 = id => {
   return callbacks[id];
 };
 const remove$2 = id => {
   delete callbacks[id];
 };
 let id = 0;
-const create$3 = () => {
+const create$3$1 = () => {
   return ++id;
 };
 const registerPromise = () => {
-  const id = create$3();
+  const id = create$3$1();
   const {
     resolve,
     promise
   } = Promise.withResolvers();
-  set(id, resolve);
+  set$1(id, resolve);
   return {
     id,
     promise
   };
 };
-const create$2 = (method, params) => {
+const create$2$1 = (method, params) => {
   const {
     id,
     promise
@@ -565,7 +600,7 @@ const warn$1 = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get(id);
+  const fn = get$1(id);
   if (!fn) {
     console.log(response);
     warn$1(`callback ${id} may already be disposed`);
@@ -604,7 +639,7 @@ const getErrorProperty = (error, prettyError) => {
     }
   };
 };
-const create$1 = (message, error) => {
+const create$1$1 = (message, error) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -615,7 +650,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const prettyError = preparePrettyError(error);
   logError(error, prettyError);
   const errorProperty = getErrorProperty(error, prettyError);
-  return create$1(message, errorProperty);
+  return create$1$1(message, errorProperty);
 };
 const create$5 = (message, result) => {
   return {
@@ -706,7 +741,7 @@ const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
   const {
     message,
     promise
-  } = create$2(method, params);
+  } = create$2$1(method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -790,7 +825,7 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create = async ({
+const create$3 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -802,247 +837,404 @@ const create = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create
+  create: create$3
 };
 
-const assetDir = '';
-
-const Directory$1 = 3;
-const File$2 = 7;
+const User = 1;
+const Script = 2;
 
-const fileMapUrl = `${assetDir}/config/fileMap.json`;
+const minimumSliderSize = 20;
 
-const getBlob$2 = async url => {
-  try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(response.statusText);
-    }
-    const text = await response.blob();
-    return text;
-  } catch (error) {
-    throw new VError(error, `Failed to request blob for ${url}`);
-  }
+const handleError = async (error, notify = true, prefix = '') => {
+  console.error(error);
 };
-
-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 showErrorDialog = async () => {};
+const warn = (...args) => {
+  console.warn(...args);
 };
 
-const getText = async url => {
-  try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(response.statusText);
-    }
-    const text = await response.text();
-    return text;
-  } catch (error) {
-    throw new VError(error, `Failed to request text for ${url}`);
-  }
+const state$5 = {
+  menuEntries: []
+};
+const getAll = () => {
+  return state$5.menuEntries;
 };
 
-const Slash$1 = '/';
-
-const Slash = Slash$1;
+const Hide = 'hide';
+const KeepOpen = '';
 
-// TODO move all of this to an extension
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
 
-const readFile$1 = async uri => {
-  const fetchUri = `${assetDir}${uri}`;
-  const text = await getText(fetchUri);
-  return text;
+/**
+ * @enum {string}
+ */
+const UiStrings = {
+  Files: 'Files',
+  GoToFile: 'Go to file',
+  NoMatchingColorThemesFound: 'No matching color themes found',
+  NoMatchingResults: 'No matching results',
+  NoRecentlyOpenedFoldersFound: 'No recently opened folders found',
+  NoResults: 'No Results',
+  NoSymbolFound: 'No symbol found',
+  NoWorkspaceSymbolsFound: 'no workspace symbols found',
+  OpenRecent: 'Open Recent',
+  SelectColorTheme: 'Select Color Theme',
+  SelectToOpen: 'Select to open',
+  ShowAndRunCommands: 'Show And Run Commands',
+  TypeNameOfCommandToRun: 'Type the name of a command to run.',
+  TypeTheNameOfAViewToOpen: 'Type the name of a view, output channel or terminal to open.'
 };
-const writeFile$1 = () => {
-  throw new Error('not implemented');
+const noMatchingColorThemesFound = () => {
+  return i18nString(UiStrings.NoMatchingColorThemesFound);
 };
-const mkdir$1 = () => {
-  throw new Error('not implemented');
+const selectColorTheme = () => {
+  return i18nString(UiStrings.SelectColorTheme);
 };
-const remove$1 = () => {
-  throw new Error('not implemented');
+const typeNameofCommandToRun = () => {
+  return i18nString(UiStrings.TypeNameOfCommandToRun);
 };
-const readDirWithFileTypes$1 = 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
-        });
-      } else {
-        dirents.push({
-          type: File$2,
-          name: rest
-        });
-      }
-    }
-  }
-  return dirents;
+const showAndRunCommands = () => {
+  return i18nString(UiStrings.ShowAndRunCommands);
 };
-const chmod$1 = () => {
-  throw new Error('[memfs] chmod not implemented');
+const noMatchingResults = () => {
+  return i18nString(UiStrings.NoMatchingResults);
 };
-const getBlob$1 = async (uri, type) => {
-  const fetchUri = `${assetDir}${uri}`;
-  const blob = getBlob$2(fetchUri);
-  return blob;
+const files = () => {
+  return i18nString(UiStrings.Files);
 };
-
-class FileNotFoundError extends Error {
-  constructor(uri) {
-    super(`File not found: ${uri}`);
-    this.code = 'ENOENT';
-  }
-}
-
-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 '';
-  }
+const goToFile = () => {
+  return i18nString(UiStrings.GoToFile);
 };
-
-const dirname = (pathSeparator, path) => {
-  const index = path.lastIndexOf(pathSeparator);
-  if (index === -1) {
-    return path;
-  }
-  return path.slice(0, index);
+const noResults = () => {
+  return i18nString(UiStrings.NoResults);
 };
-const extname = path => {
-  const index = path.lastIndexOf('.');
-  if (index === -1) {
-    return '';
-  }
-  return path.slice(index);
+const selectToOpen = () => {
+  return i18nString(UiStrings.SelectToOpen);
+};
+const openRecent = () => {
+  return i18nString(UiStrings.OpenRecent);
+};
+const noRecentlyOpenedFoldersFound = () => {
+  return i18nString(UiStrings.NoRecentlyOpenedFoldersFound);
+};
+const noSymbolFound = () => {
+  return i18nString(UiStrings.NoSymbolFound);
+};
+const noWorkspaceSymbolsFound = () => {
+  return i18nString(UiStrings.NoWorkspaceSymbolsFound);
 };
 
-const getContentType = uri => {
-  const extension = extname(uri);
-  const mime = getMimeType(extension);
-  return mime;
+const state$4 = {
+  rpc: undefined
 };
 
-// TODO move this to an extension?
+// TODO use rpc registry
+const invoke$1 = (method, ...params) => {
+  const rpc = state$4.rpc;
+  // @ts-ignore
+  return rpc.invoke(method, ...params);
+};
+const setRpc = rpc => {
+  state$4.rpc = rpc;
+};
 
-const state$5 = {
-  files: Object.create(null)
+const name$8 = 'command';
+const getPlaceholder$b = () => {
+  return typeNameofCommandToRun();
 };
-const getDirent = uri => {
-  return state$5.files[uri];
+const helpEntries = () => {
+  return [{
+    description: showAndRunCommands(),
+    category: 'global commands'
+  }];
 };
-const readFile = 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;
+const getLabel$5 = () => {
+  return '';
 };
-const ensureParentDir = uri => {
-  const startIndex = 0;
-  let endIndex = uri.indexOf(Slash);
-  while (endIndex >= 0) {
+const getNoResults$a = () => {
+  return {
+    label: noMatchingResults()
+  };
+};
+
+// TODO combine Ajax with cache (specify strategy: cacheFirst, networkFirst)
+const getBuiltinPicks = async () => {
+  const builtinPicks = getAll();
+  return builtinPicks;
+};
+const prefixIdWithExt = item => {
+  if (!item.label) {
+    warn('[QuickPick] item has missing label', item);
+  }
+  if (!item.id) {
+    warn('[QuickPick] item has missing id', item);
+  }
+  return {
+    ...item,
+    id: `ext.${item.id}`,
+    label: item.label || item.id
+  };
+};
+const getExtensionPicks = async () => {
+  try {
+    // TODO don't call this every time
+    const extensionPicks = await invoke$1('ExtensionHostCommands.getCommands');
+    if (!extensionPicks) {
+      return [];
+    }
+    const mappedPicks = extensionPicks.map(prefixIdWithExt);
+    return mappedPicks;
+  } catch (error) {
+    console.error(`Failed to get extension picks: ${error}`);
+    return [];
+  }
+};
+
+// TODO send strings to renderer process only once for next occurrence send uint16array of ids of strings
+
+const getPicks$b = async () => {
+  const builtinPicks = await getBuiltinPicks();
+  const extensionPicks = await getExtensionPicks();
+  return [...builtinPicks, ...extensionPicks];
+};
+const shouldHide = item => {
+  if (item.id === 'Viewlet.openWidget' && item.args[0] === 'QuickPick') {
+    return false;
+  }
+  return true;
+};
+const selectPickBuiltin = async item => {
+  const args = item.args || [];
+  // TODO ids should be all numbers for efficiency -> also directly can call command
+  await invoke$1(item.id, ...args);
+  if (shouldHide(item)) {
+    return {
+      command: Hide
+    };
+  }
+  return {
+    command: KeepOpen
+  };
+};
+const selectPickExtension = async item => {
+  const id = item.id.slice(4); // TODO lots of string allocation with 'ext.' find a better way to separate builtin commands from extension commands
+  try {
+    await invoke$1('ExtensionHostCommands.executeCommand', id);
+  } catch (error) {
+    await handleError(error, false);
+    // @ts-ignore
+    await showErrorDialog();
+  }
+  return {
+    command: Hide
+  };
+};
+const selectPick$b = async item => {
+  if (item.id.startsWith('ext.')) {
+    return selectPickExtension(item);
+  }
+  return selectPickBuiltin(item);
+};
+const getFilterValue$a = value => {
+  return value;
+};
+const getPickFilterValue$6 = pick => {
+  return pick.label;
+};
+const getPickLabel$5 = pick => {
+  return pick.label;
+};
+const getPickIcon$5 = () => {
+  return '';
+};
+
+const QuickPickEntriesCommand = {
+  __proto__: null,
+  getFilterValue: getFilterValue$a,
+  getLabel: getLabel$5,
+  getNoResults: getNoResults$a,
+  getPickFilterValue: getPickFilterValue$6,
+  getPickIcon: getPickIcon$5,
+  getPickLabel: getPickLabel$5,
+  getPicks: getPicks$b,
+  getPlaceholder: getPlaceholder$b,
+  helpEntries,
+  name: name$8,
+  selectPick: selectPick$b
+};
+
+const execute = async (method, ...params) => {
+  // TODO
+};
+
+const RE_PROTOCOL = /^([a-z-]+):\/\//;
+const getProtocol = uri => {
+  const protocolMatch = uri.match(RE_PROTOCOL);
+  if (protocolMatch) {
+    return protocolMatch[1];
+  }
+  return '';
+};
+
+const Memfs = 'memfs';
+const Html = 'html';
+const Fetch = 'fetch';
+
+const Directory$1 = 3;
+const File$2 = 7;
+
+class FileNotFoundError extends Error {
+  constructor(uri) {
+    super(`File not found: ${uri}`);
+    this.code = 'ENOENT';
+  }
+}
+
+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 '';
+  }
+};
+
+const dirname = (pathSeparator, path) => {
+  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);
+};
+
+const getContentType = uri => {
+  const extension = extname(uri);
+  const mime = getMimeType(extension);
+  return mime;
+};
+
+const Slash$1 = '/';
+
+const Slash = Slash$1;
+
+// TODO move this to an extension?
+
+const state$3 = {
+  files: Object.create(null)
+};
+const getDirent = uri => {
+  return state$3.files[uri];
+};
+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;
+};
+const ensureParentDir = uri => {
+  const startIndex = 0;
+  let endIndex = uri.indexOf(Slash);
+  while (endIndex >= 0) {
     const part = uri.slice(startIndex, endIndex + 1);
-    state$5.files[part] = {
+    state$3.files[part] = {
       type: Directory$1,
       content: ''
     };
     endIndex = uri.indexOf(Slash, endIndex + 1);
   }
 };
-const writeFile = (uri, content) => {
+const writeFile$1 = (uri, content) => {
   const dirent = getDirent(uri);
   if (dirent) {
     dirent.content = content;
   } else {
     ensureParentDir(uri);
-    state$5.files[uri] = {
+    state$3.files[uri] = {
       type: File$2,
       content
     };
   }
 };
-const mkdir = uri => {
+const mkdir$1 = uri => {
   if (!uri.endsWith(Slash)) {
     uri += Slash;
   }
   ensureParentDir(uri);
-  state$5.files[uri] = {
+  state$3.files[uri] = {
     type: Directory$1,
     content: ''
   };
 };
-const remove = uri => {
+const remove$1 = uri => {
   const toDelete = [];
-  for (const key of Object.keys(state$5.files)) {
+  for (const key of Object.keys(state$3.files)) {
     if (key.startsWith(uri)) {
       toDelete.push(key);
     }
   }
   for (const key of toDelete) {
-    delete state$5.files[key];
+    delete state$3.files[key];
   }
 };
-const readDirWithFileTypes = uri => {
+const readDirWithFileTypes$1 = uri => {
   if (!uri.endsWith(Slash)) {
     uri += Slash;
   }
   const dirents = [];
-  for (const [key, value] of Object.entries(state$5.files)) {
+  for (const [key, value] of Object.entries(state$3.files)) {
     if (key.startsWith(uri)) {
       // @ts-ignore
       switch (value.type) {
@@ -1069,8 +1261,8 @@ const readDirWithFileTypes = uri => {
   }
   return dirents;
 };
-const getBlob = (uri, type) => {
-  const content = readFile(uri);
+const getBlob$2 = (uri, type) => {
+  const content = readFile$1(uri);
   const contentType = type || getContentType(uri);
   const blob = new Blob([content], {
     type: contentType
@@ -1078,762 +1270,43 @@ const getBlob = (uri, type) => {
   return blob;
 };
 const getBlobUrl = (uri, type) => {
-  const blob = getBlob(uri, type);
+  const blob = getBlob$2(uri, type);
   const url = URL.createObjectURL(blob);
   return url;
 };
-const chmod = () => {
+const chmod$1 = () => {
   throw new Error('[memfs] chmod not implemented');
 };
 const getFiles = () => {
-  return state$5.files;
+  return state$3.files;
 };
 
-const emptyMatches = [];
+const searchFile$4 = async () => {
+  const files = await getFiles();
+  const keys = Object.keys(files);
+  return keys;
+};
 
-const convertToPick = item => {
-  return {
-    pick: item,
-    matches: emptyMatches
-  };
+const SearchFileMemfs = {
+  __proto__: null,
+  searchFile: searchFile$4
 };
 
-const Diagonal = 1;
-const Left = 2;
+const assetDir = '';
 
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const fileMapUrl = `${assetDir}/config/fileMap.json`;
 
-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;
-    }
-    if (isGap(columnCharBefore, columnChar)) {
-      return 8;
-    }
-    return 5;
-  }
-  if (isGap(columnCharBefore, columnChar)) {
-    return 8;
-  }
-  return 5;
-};
-
-// 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;
-};
-
-const getBaseName = path => {
-  return path.slice(path.lastIndexOf('/') + 1);
-};
-
-const filterQuickPickItems = (items, value) => {
-  if (!value) {
-    return items.map(convertToPick);
-  }
-  const results = [];
-  for (const item of items) {
-    const baseName = getBaseName(item);
-    const matches = filterQuickPickItem(value, baseName);
-    if (matches.length > 0) {
-      results.push({
-        pick: item,
-        matches
-      });
-    }
-  }
-  return results;
-};
-
-const Enter = 3;
-const Escape = 8;
-const PageUp = 10;
-const PageDown = 11;
-const UpArrow = 14;
-const DownArrow = 16;
-
-const FocusQuickPickInput = 20;
-
-const getKeyBindings = () => {
-  return [{
-    key: Escape,
-    command: 'Viewlet.closeWidget',
-    args: ['QuickPick'],
-    when: FocusQuickPickInput
-  }, {
-    key: UpArrow,
-    command: 'QuickPick.focusPrevious',
-    when: FocusQuickPickInput
-  }, {
-    key: DownArrow,
-    command: 'QuickPick.focusNext',
-    when: FocusQuickPickInput
-  }, {
-    key: PageUp,
-    command: 'QuickPick.focusFirst',
-    when: FocusQuickPickInput
-  }, {
-    key: PageDown,
-    command: 'QuickPick.focusLast',
-    when: FocusQuickPickInput
-  }, {
-    key: Enter,
-    command: 'QuickPick.selectCurrentIndex',
-    when: FocusQuickPickInput
-  }];
-};
-
-// TODO support file icons
-const getFolderIcon = () => {
-  return '';
-};
-
-const Hide = 'hide';
-const KeepOpen = '';
-
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-/**
- * @enum {string}
- */
-const UiStrings = {
-  Files: 'Files',
-  GoToFile: 'Go to file',
-  NoMatchingColorThemesFound: 'No matching color themes found',
-  NoMatchingResults: 'No matching results',
-  NoRecentlyOpenedFoldersFound: 'No recently opened folders found',
-  NoResults: 'No Results',
-  NoSymbolFound: 'No symbol found',
-  NoWorkspaceSymbolsFound: 'no workspace symbols found',
-  OpenRecent: 'Open Recent',
-  SelectColorTheme: 'Select Color Theme',
-  SelectToOpen: 'Select to open',
-  ShowAndRunCommands: 'Show And Run Commands',
-  TypeNameOfCommandToRun: 'Type the name of a command to run.',
-  TypeTheNameOfAViewToOpen: 'Type the name of a view, output channel or terminal to open.'
-};
-const noMatchingColorThemesFound = () => {
-  return i18nString(UiStrings.NoMatchingColorThemesFound);
-};
-const selectColorTheme = () => {
-  return i18nString(UiStrings.SelectColorTheme);
-};
-const typeNameofCommandToRun = () => {
-  return i18nString(UiStrings.TypeNameOfCommandToRun);
-};
-const showAndRunCommands = () => {
-  return i18nString(UiStrings.ShowAndRunCommands);
-};
-const noMatchingResults = () => {
-  return i18nString(UiStrings.NoMatchingResults);
-};
-const files = () => {
-  return i18nString(UiStrings.Files);
-};
-const goToFile = () => {
-  return i18nString(UiStrings.GoToFile);
-};
-const noResults = () => {
-  return i18nString(UiStrings.NoResults);
-};
-const selectToOpen = () => {
-  return i18nString(UiStrings.SelectToOpen);
-};
-const openRecent = () => {
-  return i18nString(UiStrings.OpenRecent);
-};
-const noRecentlyOpenedFoldersFound = () => {
-  return i18nString(UiStrings.NoRecentlyOpenedFoldersFound);
-};
-const noSymbolFound = () => {
-  return i18nString(UiStrings.NoSymbolFound);
-};
-const noWorkspaceSymbolsFound = () => {
-  return i18nString(UiStrings.NoWorkspaceSymbolsFound);
-};
-
-const state$4 = {
-  rpc: undefined
-};
-const invoke$1 = (method, ...params) => {
-  const rpc = state$4.rpc;
-  // @ts-ignore
-  return rpc.invoke(method, ...params);
-};
-const setRpc = rpc => {
-  state$4.rpc = rpc;
-};
-
-// 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 getRecentlyOpened = () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
-};
-const openWorkspaceFolder = uri => {
-  return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
-};
-const getPlaceholder$b = () => {
-  return selectToOpen();
-};
-const getLabel$5 = () => {
-  return openRecent();
-};
-const getHelpEntries$9 = () => {
-  return [];
-};
-const getNoResults$a = () => {
-  return {
-    label: noRecentlyOpenedFoldersFound()
-  };
-};
-
-// TODO could also change api so that getPicks returns an array of anything
-// and the transformPick gets the label for each pick
-// 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$b = async () => {
-  const recentlyOpened = await getRecentlyOpened();
-  return recentlyOpened;
-};
-
-// TODO selectPick should be independent of show/hide
-const selectPick$b = async pick => {
-  const path = pick;
-  await openWorkspaceFolder(path);
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$a = value => {
-  return pathBaseName(value);
-};
-const getPickFilterValue$6 = pick => {
-  return pathBaseName(pick);
-};
-const getPickLabel$5 = pick => {
-  return pathBaseName(pick);
-};
-const getPickDescription$3 = pick => {
-  return pathDirName(pick);
-};
-const getPickIcon$5 = () => {
-  return '';
-};
-const getPickFileIcon$2 = () => {
-  return getFolderIcon();
-};
-
-const QuickPickEntriesOpenRecent = {
-  __proto__: null,
-  getFilterValue: getFilterValue$a,
-  getHelpEntries: getHelpEntries$9,
-  getLabel: getLabel$5,
-  getNoResults: getNoResults$a,
-  getPickDescription: getPickDescription$3,
-  getPickFileIcon: getPickFileIcon$2,
-  getPickFilterValue: getPickFilterValue$6,
-  getPickIcon: getPickIcon$5,
-  getPickLabel: getPickLabel$5,
-  getPicks: getPicks$b,
-  getPlaceholder: getPlaceholder$b,
-  selectPick: selectPick$b
-};
-
-const CommandPalette = 'quickPick://commandPalette';
-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$2 = 'quickPick://symbol';
-const View$1 = 'quickPick://view';
-const WorkspaceSymbol$1 = 'quickPick://workspace-symbol';
-const Custom = 'quickPick://custom';
-
-const loadQuickPickEntries = moduleId => {
-  switch (moduleId) {
-    case Recent:
-      return QuickPickEntriesOpenRecent;
-    default:
-      throw new Error(`unknown module "${moduleId}"`);
-  }
-};
-
-const getColorThemeNames = async () => {
-  return invoke$1(/* Ajax.getJson */'ColorTheme.getColorThemeNames');
-};
-
-const setColorTheme = id => {
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
-const getPlaceholder$a = () => {
-  return selectColorTheme();
-};
-const getLabel$4 = () => {
-  return selectColorTheme();
-};
-const getPicks$a = async searchValue => {
-  const colorThemeNames = await getColorThemeNames();
-  return colorThemeNames;
-};
-const selectPick$a = async pick => {
-  await setColorTheme(/* colorThemeId */pick);
-  return {
-    command: Hide
-  };
-};
-const focusPick = async pick => {
-  await setColorTheme(/* colorThemeId */pick);
-};
-const getFilterValue$9 = value => {
-  return value;
-};
-const getNoResults$9 = () => {
-  return {
-    label: noMatchingColorThemesFound()
-  };
-};
-const getPickFilterValue$5 = pick => {
-  return pick;
-};
-const getPickLabel$4 = pick => {
-  return pick;
-};
-const getPickIcon$4 = pick => {
-  return '';
-};
-
-const QuickPickEntriesColorTheme = {
-  __proto__: null,
-  focusPick,
-  getFilterValue: getFilterValue$9,
-  getLabel: getLabel$4,
-  getNoResults: getNoResults$9,
-  getPickFilterValue: getPickFilterValue$5,
-  getPickIcon: getPickIcon$4,
-  getPickLabel: getPickLabel$4,
-  getPicks: getPicks$a,
-  getPlaceholder: getPlaceholder$a,
-  selectPick: selectPick$a,
-  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$8 = 'custom';
-const state$3 = {
-  args: []
-};
-const setArgs = args => {
-  state$3.args = args;
-};
-const getPlaceholder$9 = () => {
-  return '';
-};
-const getLabel$3 = () => {
-  return 'Custom';
-};
-
-// TODO help entries should not be here
-const getHelpEntries$8 = () => {
-  return [];
-};
-const getNoResults$8 = () => {
-  return {
-    label: noMatchingResults()
-  };
-};
-const getPicks$9 = async searchValue => {
-  const items = state$3.args[1] || [];
-  return items;
-};
-const selectPick$9 = async pick => {
-  const {
-    args
-  } = state$3;
-  const resolve = args[2];
-  resolve(pick);
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$8 = value => {
-  return value;
-};
-const getPickFilterValue$4 = pick => {
-  return pick;
-};
-const getPickLabel$3 = pick => {
-  return pick.label;
-};
-const getPickDescription$2 = 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:
-      return None$1;
-  }
-};
-const getPickIcon$3 = pick => {
-  return convertIcon(pick.icon);
-};
-
-const QuickPickEntriesCustom = {
-  __proto__: null,
-  getFilterValue: getFilterValue$8,
-  getHelpEntries: getHelpEntries$8,
-  getLabel: getLabel$3,
-  getNoResults: getNoResults$8,
-  getPickDescription: getPickDescription$2,
-  getPickFilterValue: getPickFilterValue$4,
-  getPickIcon: getPickIcon$3,
-  getPickLabel: getPickLabel$3,
-  getPicks: getPicks$9,
-  getPlaceholder: getPlaceholder$9,
-  name: name$8,
-  selectPick: selectPick$9,
-  setArgs,
-  state: state$3
-};
-
-const handleError = async (error, notify = true, prefix = '') => {
-  console.error(error);
-};
-const showErrorDialog = async () => {};
-const warn = (...args) => {
-  console.warn(...args);
-};
-
-const state$2 = {
-  menuEntries: []
-};
-const getAll = () => {
-  return state$2.menuEntries;
-};
-
-const name$7 = 'command';
-const getPlaceholder$8 = () => {
-  return typeNameofCommandToRun();
-};
-const helpEntries = () => {
-  return [{
-    description: showAndRunCommands(),
-    category: 'global commands'
-  }];
-};
-const getLabel$2 = () => {
-  return '';
-};
-const getNoResults$7 = () => {
-  return {
-    label: noMatchingResults()
-  };
-};
-
-// TODO combine Ajax with cache (specify strategy: cacheFirst, networkFirst)
-const getBuiltinPicks = async () => {
-  const builtinPicks = getAll();
-  return builtinPicks;
-};
-const prefixIdWithExt = item => {
-  if (!item.label) {
-    warn('[QuickPick] item has missing label', item);
-  }
-  if (!item.id) {
-    warn('[QuickPick] item has missing id', item);
-  }
-  return {
-    ...item,
-    id: `ext.${item.id}`,
-    label: item.label || item.id
-  };
-};
-const getExtensionPicks = async () => {
-  try {
-    // TODO don't call this every time
-    const extensionPicks = await invoke$1('ExtensionHostCommands.getCommands');
-    if (!extensionPicks) {
-      return [];
-    }
-    const mappedPicks = extensionPicks.map(prefixIdWithExt);
-    return mappedPicks;
-  } catch (error) {
-    console.error(`Failed to get extension picks: ${error}`);
-    return [];
-  }
-};
-
-// TODO send strings to renderer process only once for next occurrence send uint16array of ids of strings
-
-const getPicks$8 = async () => {
-  const builtinPicks = await getBuiltinPicks();
-  const extensionPicks = await getExtensionPicks();
-  return [...builtinPicks, ...extensionPicks];
-};
-const shouldHide = item => {
-  if (item.id === 'Viewlet.openWidget' && item.args[0] === 'QuickPick') {
-    return false;
-  }
-  return true;
-};
-const selectPickBuiltin = async item => {
-  const args = item.args || [];
-  // TODO ids should be all numbers for efficiency -> also directly can call command
-  await invoke$1(item.id, ...args);
-  if (shouldHide(item)) {
-    return {
-      command: Hide
-    };
-  }
-  return {
-    command: KeepOpen
-  };
-};
-const selectPickExtension = async item => {
-  const id = item.id.slice(4); // TODO lots of string allocation with 'ext.' find a better way to separate builtin commands from extension commands
-  try {
-    await invoke$1('ExtensionHostCommands.executeCommand', id);
-  } catch (error) {
-    await handleError(error, false);
-    // @ts-ignore
-    await showErrorDialog();
-  }
-  return {
-    command: Hide
-  };
-};
-const selectPick$8 = async item => {
-  if (item.id.startsWith('ext.')) {
-    return selectPickExtension(item);
-  }
-  return selectPickBuiltin(item);
-};
-const getFilterValue$7 = value => {
-  return value;
-};
-const getPickFilterValue$3 = pick => {
-  return pick.label;
-};
-const getPickLabel$2 = pick => {
-  return pick.label;
-};
-const getPickIcon$2 = () => {
-  return '';
-};
-
-const QuickPickEntriesCommand = {
-  __proto__: null,
-  getFilterValue: getFilterValue$7,
-  getLabel: getLabel$2,
-  getNoResults: getNoResults$7,
-  getPickFilterValue: getPickFilterValue$3,
-  getPickIcon: getPickIcon$2,
-  getPickLabel: getPickLabel$2,
-  getPicks: getPicks$8,
-  getPlaceholder: getPlaceholder$8,
-  helpEntries,
-  name: name$7,
-  selectPick: selectPick$8
-};
-
-const execute = async (method, ...params) => {
-  // TODO
-};
-
-const RE_PROTOCOL = /^([a-z-]+):\/\//;
-const getProtocol = uri => {
-  const protocolMatch = uri.match(RE_PROTOCOL);
-  if (protocolMatch) {
-    return protocolMatch[1];
+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}`);
   }
-  return '';
-};
-
-const Memfs = 'memfs';
-const Html = 'html';
-const Fetch = 'fetch';
-
-const searchFile$4 = async () => {
-  const files = await getFiles();
-  const keys = Object.keys(files);
-  return keys;
-};
-
-const SearchFileMemfs = {
-  __proto__: null,
-  searchFile: searchFile$4
 };
 
 const removeLeadingSlash = path => {
@@ -1863,7 +1336,7 @@ const SearchFileFetch = {
 };
 
 const Directory = 'directory';
-const File = 'file';
+const File$1 = 'file';
 
 // based on https://github.com/microsoft/vscode/blob/c0769274fa136b45799edeccc0d0a2f645b75caf/src/vs/base/common/arrays.ts#L625 (License MIT)
 
@@ -1882,7 +1355,6 @@ const fromAsync = async asyncIterable => {
  *
  */
 
-// eslint-disable-next-line  @typescript-eslint/prefer-readonly-parameter-types
 const getChildHandles = async handle => {
   // @ts-ignore
   const handles = await fromAsync(handle.values());
@@ -2143,7 +1615,7 @@ replaceTraps(oldTraps => ({
   }
 }));
 
-const state$1 = {
+const state$2 = {
   databases: Object.create(null),
   eventId: 0,
   dbVersion: 1,
@@ -2154,78 +1626,268 @@ const state$1 = {
 
 const getHandleDb = async () => {
   // @ts-ignore
-  const db = await openDB('handle', state$1.dbVersion, {
+  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;
+  });
+  return db;
+};
+const getHandle$1 = async uri => {
+  const handleDb = await getHandleDb();
+  const handle = await handleDb.get('file-handles-store', uri);
+  return handle;
+};
+
+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 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);
+};
+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 searchFile$2 = 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 SearchFileHtml = {
+  __proto__: null,
+  searchFile: searchFile$2
+};
+
+const emptyMatches = [];
+
+const convertToPick = item => {
+  return {
+    pick: item,
+    matches: emptyMatches
+  };
+};
+
+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;
+    }
+    if (isGap(columnCharBefore, columnChar)) {
+      return 8;
+    }
+    return 5;
+  }
+  if (isGap(columnCharBefore, columnChar)) {
+    return 8;
+  }
+  return 5;
+};
+
+// 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 getHandle$1 = async uri => {
-  const handleDb = await getHandleDb();
-  const handle = await handleDb.get('file-handles-store', uri);
-  return handle;
+
+const filterQuickPickItem = (pattern, word) => {
+  const matches = fuzzySearch(pattern, word);
+  return matches;
 };
 
-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 getBaseName = path => {
+  return path.slice(path.lastIndexOf('/') + 1);
 };
 
-const getDirectoryHandle = async uri => {
-  const handle = await getHandle(uri);
-  if (handle) {
-    return handle;
-  }
-  const dirname$1 = dirname('/', uri);
-  if (uri === dirname$1) {
-    return undefined;
+const filterQuickPickItems = (items, value) => {
+  if (!value) {
+    return items.map(convertToPick);
   }
-  return getDirectoryHandle(dirname$1);
-};
-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:
-        all.push(absolutePath);
-        break;
+  const results = [];
+  for (const item of items) {
+    const baseName = getBaseName(item);
+    const matches = filterQuickPickItem(value, baseName);
+    if (matches.length > 0) {
+      results.push({
+        pick: item,
+        matches
+      });
     }
   }
-  await Promise.all(promises);
-};
-const searchFile$2 = 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 SearchFileHtml = {
-  __proto__: null,
-  searchFile: searchFile$2
+  return results;
 };
 
 const getFileSearchRipGrepArgs = () => {
@@ -2287,32 +1949,47 @@ const searchFile = async (path, value, prepare, assetDir) => {
   return result;
 };
 
-const name$6 = 'file';
-const getPlaceholder$7 = () => {
+// 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 name$7 = 'file';
+const getPlaceholder$a = () => {
   return '';
 };
-const getLabel$1 = () => {
+const getLabel$4 = () => {
   return files();
 };
 
 // TODO help entries should not be here
-const getHelpEntries$7 = () => {
+const getHelpEntries$9 = () => {
   return [{
     description: goToFile(),
     category: 'global commands'
   }];
 };
-const getNoResults$6 = () => {
+const getNoResults$9 = () => {
   return {
     label: noMatchingResults()
   };
 };
-const getPicks$7 = async searchValue => {
+const getPicks$a = async searchValue => {
   {
     return [];
   }
 };
-const selectPick$7 = async pick => {
+const selectPick$a = async pick => {
   if (typeof pick === 'object') {
     pick = pick.pick;
   }
@@ -2323,125 +2000,234 @@ const selectPick$7 = async pick => {
     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$3 = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  const dirName = pathDirName(pick);
+  return dirName;
+};
+const getPickIcon$4 = () => {
+  return '';
+};
+const getPickFileIcon$2 = pick => {
+  return '';
+};
+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$3,
+  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 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 getPickFilterValue$2 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  return pick;
-};
-const getPickLabel$1 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  const baseName = pathBaseName(pick);
-  return baseName;
-};
-const getPickDescription$1 = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  const dirName = pathDirName(pick);
-  return dirName;
-};
-const getPickIcon$1 = () => {
-  return '';
-};
-const getPickFileIcon$1 = pick => {
-  return '';
-};
-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 = {
+const QuickPickEntriesSymbol = {
   __proto__: null,
   getFilterValue: getFilterValue$6,
-  getHelpEntries: getHelpEntries$7,
-  getLabel: getLabel$1,
+  getHelpEntries: getHelpEntries$6,
   getNoResults: getNoResults$6,
-  getPickDescription: getPickDescription$1,
-  getPickFileIcon: getPickFileIcon$1,
-  getPickFilterValue: getPickFilterValue$2,
-  getPickIcon: getPickIcon$1,
-  getPickLabel: getPickLabel$1,
   getPicks: getPicks$7,
   getPlaceholder: getPlaceholder$7,
-  isPrepared: isPrepared$1,
-  name: name$6,
+  name: name$4,
   selectPick: selectPick$7
 };
 
-const name$5 = 'goToLine';
+// TODO probably not needed
+
 const getPlaceholder$6 = () => {
-  return '';
-};
-const getHelpEntries$6 = () => {
-  return [];
+  return typeNameofCommandToRun();
 };
-const getNoResults$5 = () => {
+const getHelpEntries$5 = () => {
   return undefined;
 };
 const getPicks$6 = async () => {
-  const picks = [{
-    label: '1'
-  }, {
-    label: '2'
-  }, {
-    label: '3'
-  }, {
-    label: '4'
-  }, {
-    label: '5'
-  }, {
-    label: '6'
-  }];
-  return picks;
+  // const views = ViewService.getViews()
+  // const picks = views.map(toPick)
+  // return picks
+  return [];
 };
 const selectPick$6 = 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
-  };
+  // Command.execute(/* openView */ 549, /* viewName */ item.label)
+  // return {
+  //   command: QuickPickReturnValue.Hide,
+  // }
 };
 const getFilterValue$5 = value => {
   return value;
 };
 
-const QuickPickEntriesGoToLine = {
+const QuickPickEntriesView = {
   __proto__: null,
   getFilterValue: getFilterValue$5,
-  getHelpEntries: getHelpEntries$6,
-  getNoResults: getNoResults$5,
+  getHelpEntries: getHelpEntries$5,
   getPicks: getPicks$6,
   getPlaceholder: getPlaceholder$6,
-  name: name$5,
   selectPick: selectPick$6
 };
 
-const name$4 = 'noop';
+const name$3 = 'workspace-symbol';
 const getPlaceholder$5 = () => {
   return '';
 };
-const getHelpEntries$5 = () => {
+const getHelpEntries$4 = () => {
   return [];
 };
-const getNoResults$4 = () => {
-  return noResults();
+const getNoResults$5 = () => {
+  return {
+    label: noWorkspaceSymbolsFound()
+  };
 };
-const getPicks$5 = async value => {
-  return [];
+const getPicks$5 = async () => {
+  const picks = [];
+  return picks;
 };
 const selectPick$5 = async item => {
   return {
@@ -2451,311 +2237,556 @@ const selectPick$5 = async item => {
 const getFilterValue$4 = value => {
   return value;
 };
-const getPickFilterValue$1 = pick => {
-  return pick;
-};
 
-const QuickPickNoop = {
+const QuickPickEntriesWorkspaceSymbol = {
   __proto__: null,
   getFilterValue: getFilterValue$4,
-  getHelpEntries: getHelpEntries$5,
-  getNoResults: getNoResults$4,
-  getPickFilterValue: getPickFilterValue$1,
+  getHelpEntries: getHelpEntries$4,
+  getNoResults: getNoResults$5,
   getPicks: getPicks$5,
   getPlaceholder: getPlaceholder$5,
-  name: name$4,
+  name: name$3,
   selectPick: selectPick$5
 };
 
-const name$3 = 'symbol';
+const Command = '>';
+const Symbol$2 = '@';
+const WorkspaceSymbol$1 = '#';
+const GoToLine = ':';
+const View$1 = 'view ';
+const None$1 = '';
+
+// 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$4 = () => {
-  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$1;
+};
+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 getPicks$4 = async value => {
+  const prefix = getPrefix(value);
+  // TODO race condition
+  if (state$1.prefix !== prefix) {
+    state$1.prefix = prefix;
+    // @ts-ignore
+    state$1.provider = await getQuickPickProvider(prefix);
+  }
+  // TODO this line is a bit duplicated with getFilterValue
+  const slicedValue = value.slice(prefix.length);
+  const picks = await state$1.provider.getPicks(slicedValue);
+  return picks;
+};
+const selectPick$4 = item => {
+  const {
+    provider
+  } = state$1;
+  return provider.selectPick(item);
+};
+const openCommandPalette = () => {
+  // show('>')
+};
+const openView = () => {
+  // show('view ')
+};
+const getFilterValue$3 = value => {
+  return value.slice(state$1.prefix.length);
+};
+const getPickFilterValue$3 = pick => {
+  const {
+    provider
+  } = state$1;
+  return provider.getPickFilterValue(pick);
+};
+const getPickDescription$2 = pick => {
+  const {
+    provider
+  } = state$1;
+  // @ts-ignore
+  if (provider.getPickDescription) {
+    // @ts-ignore
+    return provider.getPickDescription(pick);
+  }
+  return '';
+};
+const getPickLabel$3 = pick => {
+  const {
+    provider
+  } = state$1;
+  // @ts-ignore
+  return provider.getPickLabel(pick);
+};
+const getPickIcon$3 = pick => {
+  const {
+    provider
+  } = state$1;
+  // @ts-ignore
+  return provider.getPickIcon(pick);
+};
+const getPickFileIcon$1 = pick => {
+  const {
+    provider
+  } = state$1;
+  // @ts-ignore
+  if (provider.getPickFileIcon) {
+    // @ts-ignore
+    return provider.getPickFileIcon(pick);
+  }
+  return '';
+};
+const isPrepared = () => {
+  const {
+    provider
+  } = state$1;
+  // @ts-ignore
+  if (provider.isPrepared) {
+    // @ts-ignore
+    return provider.isPrepared();
+  }
+  return false;
+};
+
+const QuickPickEntriesEverything = {
+  __proto__: null,
+  getFilterValue: getFilterValue$3,
+  getHelpEntries: getHelpEntries$3,
+  getLabel: getLabel$3,
+  getNoResults: getNoResults$4,
+  getPickDescription: getPickDescription$2,
+  getPickFileIcon: getPickFileIcon$1,
+  getPickFilterValue: getPickFilterValue$3,
+  getPickIcon: getPickIcon$3,
+  getPickLabel: getPickLabel$3,
+  getPicks: getPicks$4,
+  getPlaceholder: getPlaceholder$4,
+  isPrepared,
+  name: name$2,
+  openCommandPalette,
+  openView,
+  selectPick: selectPick$4,
+  state: state$1
 };
-const getNoResults$3 = () => {
+
+const Default = 0;
+const Finished = 2;
+
+const create$2 = () => {
+  const states = Object.create(null);
   return {
-    label: noSymbolFound()
+    get(uid) {
+      return states[uid];
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        oldState,
+        newState
+      };
+    }
   };
 };
-const getPicks$4 = async () => {
-  const picks = [];
-  return picks;
-};
-const selectPick$4 = async item => {
+
+const {
+  get,
+  set
+} = create$2();
+
+const create$1 = ({
+  itemHeight,
+  headerHeight = 0,
+  minimumSliderSize = 20
+}) => {
   return {
-    command: Hide
+    deltaY: 0,
+    minLineY: 0,
+    maxLineY: 0,
+    finalDeltaY: 0,
+    itemHeight,
+    headerHeight,
+    items: [],
+    minimumSliderSize,
+    focusedIndex: -1,
+    touchOffsetY: 0,
+    touchTimeStamp: 0,
+    touchDifference: 0,
+    scrollBarHeight: 0,
+    scrollBarActive: false
   };
 };
-const getFilterValue$3 = value => {
-  return value;
+
+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$1({
+      itemHeight: listItemHeight,
+      headerHeight: 30,
+      minimumSliderSize: minimumSliderSize
+    }),
+    inputSource: User,
+    args,
+    focused: false,
+    platform,
+    value: ''
+  };
+  set(uid, state, state);
+  return state;
 };
 
-const QuickPickEntriesSymbol = {
-  __proto__: null,
-  getFilterValue: getFilterValue$3,
-  getHelpEntries: getHelpEntries$4,
-  getNoResults: getNoResults$3,
-  getPicks: getPicks$4,
-  getPlaceholder: getPlaceholder$4,
-  name: name$3,
-  selectPick: selectPick$4
+const getBlob$1 = async url => {
+  try {
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(response.statusText);
+    }
+    const text = await response.blob();
+    return text;
+  } catch (error) {
+    throw new VError(error, `Failed to request blob for ${url}`);
+  }
 };
 
-// TODO probably not needed
+const getText = async url => {
+  try {
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(response.statusText);
+    }
+    const text = await response.text();
+    return text;
+  } catch (error) {
+    throw new VError(error, `Failed to request text for ${url}`);
+  }
+};
 
-const getPlaceholder$3 = () => {
-  return typeNameofCommandToRun();
+// TODO move all of this to an extension
+
+const readFile = async uri => {
+  const fetchUri = `${assetDir}${uri}`;
+  const text = await getText(fetchUri);
+  return text;
 };
-const getHelpEntries$3 = () => {
-  return undefined;
+const writeFile = () => {
+  throw new Error('not implemented');
 };
-const getPicks$3 = async () => {
-  // const views = ViewService.getViews()
-  // const picks = views.map(toPick)
-  // return picks
-  return [];
+const mkdir = () => {
+  throw new Error('not implemented');
 };
-const selectPick$3 = async item => {
-  // Command.execute(/* openView */ 549, /* viewName */ item.label)
-  // return {
-  //   command: QuickPickReturnValue.Hide,
-  // }
+const remove = () => {
+  throw new Error('not implemented');
 };
-const getFilterValue$2 = value => {
-  return value;
+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
+        });
+      } else {
+        dirents.push({
+          type: File$2,
+          name: rest
+        });
+      }
+    }
+  }
+  return dirents;
+};
+const chmod = () => {
+  throw new Error('[memfs] chmod not implemented');
+};
+const getBlob = async (uri, type) => {
+  const fetchUri = `${assetDir}${uri}`;
+  const blob = getBlob$1(fetchUri);
+  return blob;
 };
 
-const QuickPickEntriesView = {
-  __proto__: null,
-  getFilterValue: getFilterValue$2,
-  getHelpEntries: getHelpEntries$3,
-  getPicks: getPicks$3,
-  getPlaceholder: getPlaceholder$3,
-  selectPick: selectPick$3
+const Enter = 3;
+const Escape = 8;
+const PageUp = 10;
+const PageDown = 11;
+const UpArrow = 14;
+const DownArrow = 16;
+
+const FocusQuickPickInput = 20;
+
+const getKeyBindings = () => {
+  return [{
+    key: Escape,
+    command: 'Viewlet.closeWidget',
+    args: ['QuickPick'],
+    when: FocusQuickPickInput
+  }, {
+    key: UpArrow,
+    command: 'QuickPick.focusPrevious',
+    when: FocusQuickPickInput
+  }, {
+    key: DownArrow,
+    command: 'QuickPick.focusNext',
+    when: FocusQuickPickInput
+  }, {
+    key: PageUp,
+    command: 'QuickPick.focusFirst',
+    when: FocusQuickPickInput
+  }, {
+    key: PageDown,
+    command: 'QuickPick.focusLast',
+    when: FocusQuickPickInput
+  }, {
+    key: Enter,
+    command: 'QuickPick.selectCurrentIndex',
+    when: FocusQuickPickInput
+  }];
 };
 
-const name$2 = 'workspace-symbol';
-const getPlaceholder$2 = () => {
-  return '';
+const getDefaultValue = uri => {
+  switch (uri) {
+    case 'quickPick://everything':
+      return '>';
+    default:
+      return '';
+  }
 };
-const getHelpEntries$2 = () => {
-  return [];
+
+const getColorThemeNames = async () => {
+  return invoke$1(/* Ajax.getJson */'ColorTheme.getColorThemeNames');
 };
-const getNoResults$2 = () => {
-  return {
-    label: noWorkspaceSymbolsFound()
-  };
+
+const setColorTheme = id => {
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
-const getPicks$2 = async () => {
-  const picks = [];
-  return picks;
+const getPlaceholder$3 = () => {
+  return selectColorTheme();
+};
+const getLabel$2 = () => {
+  return selectColorTheme();
+};
+const getPicks$3 = async searchValue => {
+  const colorThemeNames = await getColorThemeNames();
+  return colorThemeNames;
 };
-const selectPick$2 = async item => {
+const selectPick$3 = async pick => {
+  await setColorTheme(/* colorThemeId */pick);
   return {
     command: Hide
   };
 };
-const getFilterValue$1 = value => {
+const focusPick = async pick => {
+  await setColorTheme(/* colorThemeId */pick);
+};
+const getFilterValue$2 = value => {
   return value;
 };
-
-const QuickPickEntriesWorkspaceSymbol = {
-  __proto__: null,
-  getFilterValue: getFilterValue$1,
-  getHelpEntries: getHelpEntries$2,
-  getNoResults: getNoResults$2,
-  getPicks: getPicks$2,
-  getPlaceholder: getPlaceholder$2,
-  name: name$2,
-  selectPick: selectPick$2
+const getNoResults$3 = () => {
+  return {
+    label: noMatchingColorThemesFound()
+  };
 };
-
-const Command = '>';
-const Symbol$1 = '@';
-const WorkspaceSymbol = '#';
-const GoToLine = ':';
-const View = 'view ';
-const None = '';
-
-// TODO avoid global variable
-
-const state = {
-  // providerId: PROVIDER_NOOP,
-  provider: QuickPickNoop,
-  prefix: 'string-that-should-never-match-another-string'
+const getPickFilterValue$2 = pick => {
+  return pick;
 };
-
-/**
- * @type {string}
- */
-const name$1 = 'everything';
-const getPlaceholder$1 = () => {
-  return state.provider.getPlaceholder();
+const getPickLabel$2 = pick => {
+  return pick;
 };
-const getLabel = () => {
+const getPickIcon$2 = pick => {
   return '';
 };
-const getHelpEntries$1 = () => {
-  return state.provider.getHelpEntries();
-};
-const getNoResults$1 = () => {
-  return state.provider.getNoResults();
-};
-const getPrefix = value => {
-  if (value.startsWith(Command)) {
-    return Command;
-  }
-  if (value.startsWith(Symbol$1)) {
-    return Symbol$1;
-  }
-  if (value.startsWith(WorkspaceSymbol)) {
-    return WorkspaceSymbol;
-  }
-  if (value.startsWith(GoToLine)) {
-    return GoToLine;
-  }
-  if (value.startsWith(View)) {
-    return View;
-  }
-  return None;
-};
-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:
-      return QuickPickEntriesWorkspaceSymbol;
-    case GoToLine:
-      return QuickPickEntriesGoToLine;
-    case View:
-      return QuickPickEntriesView;
-    default:
-      return QuickPickEntriesFile;
-  }
+
+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 getPicks$1 = async value => {
-  const prefix = getPrefix(value);
-  // TODO race condition
-  if (state.prefix !== prefix) {
-    state.prefix = prefix;
-    // @ts-ignore
-    state.provider = await getQuickPickProvider(prefix);
-  }
-  // TODO this line is a bit duplicated with getFilterValue
-  const slicedValue = value.slice(prefix.length);
-  const picks = await state.provider.getPicks(slicedValue);
-  return picks;
+
+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 = {
+  args: []
 };
-const selectPick$1 = item => {
-  const {
-    provider
-  } = state;
-  return provider.selectPick(item);
+const setArgs = args => {
+  state.args = args;
 };
-const openCommandPalette = () => {
-  // show('>')
+const getPlaceholder$2 = () => {
+  return '';
 };
-const openView = () => {
-  // show('view ')
+const getLabel$1 = () => {
+  return 'Custom';
 };
-const getFilterValue = value => {
-  return value.slice(state.prefix.length);
+
+// TODO help entries should not be here
+const getHelpEntries$2 = () => {
+  return [];
 };
-const getPickFilterValue = pick => {
-  const {
-    provider
-  } = state;
-  return provider.getPickFilterValue(pick);
+const getNoResults$2 = () => {
+  return {
+    label: noMatchingResults()
+  };
 };
-const getPickDescription = pick => {
-  const {
-    provider
-  } = state;
-  // @ts-ignore
-  if (provider.getPickDescription) {
-    // @ts-ignore
-    return provider.getPickDescription(pick);
-  }
-  return '';
+const getPicks$2 = async searchValue => {
+  const items = state.args[1] || [];
+  return items;
 };
-const getPickLabel = pick => {
+const selectPick$2 = async pick => {
   const {
-    provider
+    args
   } = state;
-  // @ts-ignore
-  return provider.getPickLabel(pick);
+  const resolve = args[2];
+  resolve(pick);
+  return {
+    command: Hide
+  };
 };
-const getPickIcon = pick => {
-  const {
-    provider
-  } = state;
-  // @ts-ignore
-  return provider.getPickIcon(pick);
+const getFilterValue$1 = value => {
+  return value;
 };
-const getPickFileIcon = pick => {
-  const {
-    provider
-  } = state;
-  // @ts-ignore
-  if (provider.getPickFileIcon) {
-    // @ts-ignore
-    return provider.getPickFileIcon(pick);
-  }
-  return '';
+const getPickFilterValue$1 = pick => {
+  return pick;
 };
-const isPrepared = () => {
-  const {
-    provider
-  } = state;
-  // @ts-ignore
-  if (provider.isPrepared) {
-    // @ts-ignore
-    return provider.isPrepared();
+const getPickLabel$1 = pick => {
+  return pick.label;
+};
+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:
+      return None;
   }
-  return false;
+};
+const getPickIcon$1 = pick => {
+  return convertIcon(pick.icon);
 };
 
-const QuickPickEntriesEverything = {
+const QuickPickEntriesCustom = {
   __proto__: null,
-  getFilterValue,
-  getHelpEntries: getHelpEntries$1,
-  getLabel,
-  getNoResults: getNoResults$1,
-  getPickDescription,
-  getPickFileIcon,
-  getPickFilterValue,
-  getPickIcon,
-  getPickLabel,
-  getPicks: getPicks$1,
-  getPlaceholder: getPlaceholder$1,
-  isPrepared,
+  getFilterValue: getFilterValue$1,
+  getHelpEntries: getHelpEntries$2,
+  getLabel: getLabel$1,
+  getNoResults: getNoResults$2,
+  getPickDescription: getPickDescription$1,
+  getPickFilterValue: getPickFilterValue$1,
+  getPickIcon: getPickIcon$1,
+  getPickLabel: getPickLabel$1,
+  getPicks: getPicks$2,
+  getPlaceholder: getPlaceholder$2,
   name: name$1,
-  openCommandPalette,
-  openView,
-  selectPick: selectPick$1,
+  selectPick: selectPick$2,
+  setArgs,
   state
 };
 
 const name = 'number';
-const getPlaceholder = () => {
+const getPlaceholder$1 = () => {
   return '';
 };
-const getHelpEntries = () => {
+const getHelpEntries$1 = () => {
   return [];
 };
-const getNoResults = () => {
+const getNoResults$1 = () => {
   return {
     label: noMatchingResults()
   };
 };
-const getPicks = async () => {
+const getPicks$1 = async () => {
   const picks = [{
     label: '1'
   }, {
@@ -2779,7 +2810,7 @@ const getPicks = async () => {
   }];
   return picks;
 };
-const selectPick = async item => {
+const selectPick$1 = async item => {
   return {
     command: Hide
   };
@@ -2787,20 +2818,110 @@ const selectPick = async item => {
 
 const QuickPickEntriesNumber = {
   __proto__: null,
+  getHelpEntries: getHelpEntries$1,
+  getNoResults: getNoResults$1,
+  getPicks: getPicks$1,
+  getPlaceholder: getPlaceholder$1,
+  name,
+  selectPick: selectPick$1
+};
+
+// TODO support file icons
+const getFolderIcon = () => {
+  return '';
+};
+
+const getRecentlyOpened = () => {
+  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+};
+const openWorkspaceFolder = uri => {
+  return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
+};
+const getPlaceholder = () => {
+  return selectToOpen();
+};
+const getLabel = () => {
+  return openRecent();
+};
+const getHelpEntries = () => {
+  return [];
+};
+const getNoResults = () => {
+  return {
+    label: noRecentlyOpenedFoldersFound()
+  };
+};
+
+// TODO could also change api so that getPicks returns an array of anything
+// and the transformPick gets the label for each pick
+// 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 recentlyOpened = await getRecentlyOpened();
+  return recentlyOpened;
+};
+
+// TODO selectPick should be independent of show/hide
+const selectPick = async pick => {
+  const path = pick;
+  await openWorkspaceFolder(path);
+  return {
+    command: Hide
+  };
+};
+const getFilterValue = value => {
+  return pathBaseName(value);
+};
+const getPickFilterValue = pick => {
+  return pathBaseName(pick);
+};
+const getPickLabel = pick => {
+  return pathBaseName(pick);
+};
+const getPickDescription = pick => {
+  return pathDirName(pick);
+};
+const getPickIcon = () => {
+  return '';
+};
+const getPickFileIcon = () => {
+  return getFolderIcon();
+};
+
+const QuickPickEntriesOpenRecent = {
+  __proto__: null,
+  getFilterValue,
   getHelpEntries,
+  getLabel,
   getNoResults,
+  getPickDescription,
+  getPickFileIcon,
+  getPickFilterValue,
+  getPickIcon,
+  getPickLabel,
   getPicks,
   getPlaceholder,
-  name,
   selectPick
 };
 
+const CommandPalette = 'quickPick://commandPalette';
+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 File$1:
+    case File:
     case EveryThing:
-    case WorkspaceSymbol$1:
+    case WorkspaceSymbol:
       return QuickPickEntriesEverything;
     case Number$1:
       return QuickPickEntriesNumber;
@@ -2808,9 +2929,9 @@ const load = moduleId => {
       return QuickPickEntriesOpenRecent;
     case ColorTheme:
       return QuickPickEntriesColorTheme;
-    case Symbol$2:
+    case Symbol$1:
       return QuickPickEntriesSymbol;
-    case View$1:
+    case View:
       return QuickPickEntriesView;
     case Custom:
       return QuickPickEntriesCustom;
@@ -2819,24 +2940,72 @@ const load = 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(state.items, filterValue);
+  // @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
+  };
+};
+
+const loadQuickPickEntries = moduleId => {
+  switch (moduleId) {
+    case Recent:
+      return QuickPickEntriesOpenRecent;
+    default:
+      throw new Error(`unknown module "${moduleId}"`);
+  }
+};
+
 const commandMap = {
-  'FileSystemFetch.chmod': chmod$1,
-  'FileSystemFetch.getBlob': getBlob$1,
-  'FileSystemFetch.mkdir': mkdir$1,
-  'FileSystemFetch.readDirWithFileTypes': readDirWithFileTypes$1,
-  'FileSystemFetch.readFile': readFile$1,
-  'FileSystemFetch.remove': remove$1,
-  'FileSystemFetch.writeFile': writeFile$1,
-  'FileSystemMemory.chmod': chmod,
-  'FileSystemMemory.getBlob': getBlob,
+  '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,
-  'FileSystemMemory.readDirWithFileTypes': readDirWithFileTypes,
-  'FileSystemMemory.readFile': readFile,
-  'FileSystemMemory.remove': remove,
-  'FileSystemMemory.writeFile': writeFile,
+  'FileSystemMemory.mkdir': mkdir$1,
+  'FileSystemMemory.readDirWithFileTypes': readDirWithFileTypes$1,
+  'FileSystemMemory.readFile': readFile$1,
+  'FileSystemMemory.remove': remove$1,
+  'FileSystemMemory.writeFile': writeFile$1,
+  'QuickPick.create': create,
   'QuickPick.getKeyBindings': getKeyBindings,
+  'QuickPick.loadContent': loadContent,
   'QuickPick.loadEntries': loadQuickPickEntries,
   'QuickPick.loadEntries2': load,
   'SearchFile.filter': filterQuickPickItems,