@lvce-editor/file-search-worker 4.5.0 → 5.0.0

package/dist/fileSearchWorkerMain.js

@@ -445,7 +445,7 @@ const callbacks = Object.create(null);
 const set$2 = (id, fn) => {
   callbacks[id] = fn;
 };
-const get$2 = id => {
+const get$3 = id => {
   return callbacks[id];
 };
 const remove$1 = id => {
@@ -618,7 +618,7 @@ const warn$1 = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$2(id);
+  const fn = get$3(id);
   if (!fn) {
     console.log(response);
     warn$1(`callback ${id} may already be disposed`);
@@ -864,12 +864,12 @@ const rpcs = Object.create(null);
 const set$1 = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get$1 = id => {
+const get$2 = id => {
   return rpcs[id];
 };
 
 const invoke$1 = (method, ...params) => {
-  const rpc = get$1(RendererWorker);
+  const rpc = get$2(RendererWorker);
   // @ts-ignore
   return rpc.invoke(method, ...params);
 };
@@ -888,6 +888,32 @@ const Script = 2;
 
 const minimumSliderSize = 20;
 
+const Command = '>';
+const Symbol$1 = '@';
+const WorkspaceSymbol$1 = '#';
+const GoToLine = ':';
+const View$1 = 'view ';
+const None$2 = '';
+
+const getQuickPickPrefix = value => {
+  if (value.startsWith(Command)) {
+    return Command;
+  }
+  if (value.startsWith(Symbol$1)) {
+    return Symbol$1;
+  }
+  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 handleError = async (error, notify = true, prefix = '') => {
   console.error(error);
 };
@@ -908,14 +934,14 @@ const warn = (...args) => {
   console.warn(...args);
 };
 
-const state$9 = {
+const state$8 = {
   menuEntries: []
 };
 const getAll = () => {
-  return state$9.menuEntries;
+  return state$8.menuEntries;
 };
 const add = menuEntries => {
-  state$9.menuEntries = [...state$9.menuEntries, ...menuEntries];
+  state$8.menuEntries = [...state$8.menuEntries, ...menuEntries];
 };
 
 const Hide = 'hide';
@@ -934,7 +960,6 @@ const i18nString = (key, placeholders = emptyObject) => {
 };
 
 const Files = 'Files';
-const GoToFile = 'Go to file';
 const NoMatchingColorThemesFound = 'No matching color themes found';
 const NoMatchingResults = 'No matching results';
 const NoRecentlyOpenedFoldersFound = 'No recently opened folders found';
@@ -944,7 +969,6 @@ const NoWorkspaceSymbolsFound = 'no workspace symbols found';
 const OpenRecent = 'Open Recent';
 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';
 
@@ -957,18 +981,12 @@ const selectColorTheme = () => {
 const typeNameofCommandToRun = () => {
   return i18nString(TypeNameOfCommandToRun);
 };
-const showAndRunCommands = () => {
-  return i18nString(ShowAndRunCommands);
-};
 const noMatchingResults = () => {
   return i18nString(NoMatchingResults);
 };
 const files = () => {
   return i18nString(Files);
 };
-const goToFile = () => {
-  return i18nString(GoToFile);
-};
 const noResults = () => {
   return i18nString(NoResults);
 };
@@ -991,20 +1009,14 @@ const quickOpen = () => {
   return i18nString(QuickOpen);
 };
 
-const name$b = 'command';
-const getPlaceholder$b = () => {
+const name$a = 'command';
+const getPlaceholder$a = () => {
   return typeNameofCommandToRun();
 };
-const helpEntries = () => {
-  return [{
-    description: showAndRunCommands(),
-    category: 'global commands'
-  }];
-};
 const getLabel$5 = () => {
   return '';
 };
-const getNoResults$b = () => {
+const getNoResults$a = () => {
   return {
     label: noMatchingResults()
   };
@@ -1045,10 +1057,24 @@ const getExtensionPicks = async () => {
 
 // TODO send strings to renderer process only once for next occurrence send uint16array of ids of strings
 
-const getPicks$b = async () => {
+const getPicks$a = async () => {
   const builtinPicks = await getBuiltinPicks();
   const extensionPicks = await getExtensionPicks();
-  return [...builtinPicks, ...extensionPicks];
+  const allPicks = [...builtinPicks, ...extensionPicks];
+  return allPicks;
+};
+const getVisibleItems$a = async (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: pick.description || '',
+    fileIcon: '',
+    icon: getPickIcon$7(),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$7(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
 };
 const shouldHide = item => {
   if (item.id === 'Viewlet.openWidget' && item.args[0] === 'QuickPick') {
@@ -1081,38 +1107,38 @@ const selectPickExtension = async item => {
     command: Hide
   };
 };
-const selectPick$b = async item => {
+const selectPick$a = async item => {
   if (item.id.startsWith('ext.')) {
     return selectPickExtension(item);
   }
   return selectPickBuiltin(item);
 };
-const getFilterValue$b = value => {
-  return value;
+const getFilterValue$a = value => {
+  return value.trim();
 };
-const getPickFilterValue$9 = pick => {
+const getPickFilterValue$8 = pick => {
   return pick.label;
 };
-const getPickLabel$8 = pick => {
+const getPickLabel$7 = pick => {
   return pick.label;
 };
-const getPickIcon$8 = () => {
+const getPickIcon$7 = () => {
   return '';
 };
 
 const QuickPickEntriesCommand = {
   __proto__: null,
-  getFilterValue: getFilterValue$b,
+  getFilterValue: getFilterValue$a,
   getLabel: getLabel$5,
-  getNoResults: getNoResults$b,
-  getPickFilterValue: getPickFilterValue$9,
-  getPickIcon: getPickIcon$8,
-  getPickLabel: getPickLabel$8,
-  getPicks: getPicks$b,
-  getPlaceholder: getPlaceholder$b,
-  helpEntries,
-  name: name$b,
-  selectPick: selectPick$b
+  getNoResults: getNoResults$a,
+  getPickFilterValue: getPickFilterValue$8,
+  getPickIcon: getPickIcon$7,
+  getPickLabel: getPickLabel$7,
+  getPicks: getPicks$a,
+  getPlaceholder: getPlaceholder$a,
+  getVisibleItems: getVisibleItems$a,
+  name: name$a,
+  selectPick: selectPick$a
 };
 
 const Directory = 3;
@@ -1127,16 +1153,20 @@ const getProtocol = uri => {
   return '';
 };
 
+const getWorkspacePath = async () => {
+  return invoke$1('Workspace.getPath');
+};
+
 const openUri = async uri => {
   await invoke$1(/* Main.openUri */'Main.openUri', /* uri */uri);
 };
 
-const state$8 = Object.create(null);
+const state$7 = Object.create(null);
 const register$1 = modules => {
-  Object.assign(state$8, modules);
+  Object.assign(state$7, modules);
 };
 const getModule = protocol => {
-  return state$8[protocol];
+  return state$7[protocol];
 };
 
 const searchFile$5 = async (path, value, prepare, assetDir) => {
@@ -1168,71 +1198,62 @@ const searchFile$4 = async (path, value) => {
   const files = await searchFile$5(/* path */path, /* searchTerm */value, prepare);
   return files;
 };
-const name$a = 'file';
-const getPlaceholder$a = () => {
+const name$9 = 'file';
+const getPlaceholder$9 = () => {
   return '';
 };
 const getLabel$4 = () => {
   return files();
 };
-
-// TODO help entries should not be here
-const getHelpEntries$a = () => {
-  return [{
-    description: goToFile(),
-    category: 'global commands'
-  }];
-};
-const getNoResults$a = () => {
+const getNoResults$9 = () => {
   return {
     label: noMatchingResults()
   };
 };
-const getPicks$a = async searchValue => {
+const getPicks$9 = async searchValue => {
   // TODO cache workspace path
-  const workspace = await invoke$1('Workspace.getPath');
+  const workspace = await getWorkspacePath();
   if (!workspace) {
     return [];
   }
   const files = await searchFile$4(workspace, searchValue);
-  // const picks = files.map(toPick)
   return files;
 };
-const selectPick$a = async pick => {
+const selectPick$9 = async pick => {
   if (typeof pick === 'object') {
     pick = pick.pick;
   }
-  const workspace = await invoke$1('Workspace.getPath');
+  const workspace = await getWorkspacePath();
   const absolutePath = `${workspace}/${pick}`;
   await openUri(absolutePath);
   return {
     command: Hide
   };
 };
-const getFilterValue$a = value => {
+const getFilterValue$9 = value => {
   return value;
 };
-const getPickFilterValue$8 = pick => {
+const getPickFilterValue$7 = pick => {
   if (typeof pick === 'object') {
     pick = pick.pick;
   }
   return pick;
 };
-const getPickLabel$7 = pick => {
+const getPickLabel$6 = pick => {
   if (typeof pick === 'object') {
     pick = pick.pick;
   }
   const baseName = pathBaseName(pick);
   return baseName;
 };
-const getPickDescription$8 = pick => {
+const getPickDescription$6 = pick => {
   if (typeof pick === 'object') {
     pick = pick.pick;
   }
   const dirName = pathDirName(pick);
   return dirName;
 };
-const getPickIcon$7 = () => {
+const getPickIcon$6 = () => {
   return '';
 };
 const getPickFileIcon$2 = pick => {
@@ -1245,49 +1266,70 @@ const getPickFileIcon$2 = pick => {
   const baseName = pathBaseName(pick);
   return {
     type: File$2,
-    name: baseName
+    name: baseName,
+    path: pick
   };
 };
-const isPrepared$7 = () => {
+const isPrepared$6 = () => {
   const workspace = '';
   // TODO protocol should always be defined. For files it should use file protocol
   const protocol = getProtocol(workspace);
   return !protocol;
 };
+const getVisibleItems$9 = (files, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = files.map((item, i) => {
+    const pick = item.pick;
+    const label = getPickLabel$6(pick);
+    const description = getPickDescription$6(pick);
+    const icon = getPickIcon$6();
+    const fileIcon = icons[i];
+    return {
+      label,
+      description,
+      icon,
+      fileIcon,
+      posInSet: minLineY + i + 1,
+      setSize,
+      isActive: i === focusedIndex,
+      matches: item.matches
+    };
+  });
+  return visibleItems;
+};
 
 const QuickPickEntriesFile = {
   __proto__: null,
-  getFilterValue: getFilterValue$a,
-  getHelpEntries: getHelpEntries$a,
+  getFilterValue: getFilterValue$9,
   getLabel: getLabel$4,
-  getNoResults: getNoResults$a,
-  getPickDescription: getPickDescription$8,
+  getNoResults: getNoResults$9,
+  getPickDescription: getPickDescription$6,
   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
+  getPickFilterValue: getPickFilterValue$7,
+  getPickIcon: getPickIcon$6,
+  getPickLabel: getPickLabel$6,
+  getPicks: getPicks$9,
+  getPlaceholder: getPlaceholder$9,
+  getVisibleItems: getVisibleItems$9,
+  isPrepared: isPrepared$6,
+  name: name$9,
+  selectPick: selectPick$9
 };
 
 const execute = async (method, ...params) => {
   // TODO
 };
 
-const name$9 = 'goToLine';
-const getPlaceholder$9 = () => {
+const name$8 = 'goToLine';
+const getPlaceholder$8 = () => {
   return '';
 };
-const getHelpEntries$9 = () => {
+const getHelpEntries$3 = () => {
   return [];
 };
-const getNoResults$9 = () => {
+const getNoResults$8 = () => {
   return undefined;
 };
-const getPicks$9 = async () => {
+const getPicks$8 = async () => {
   const picks = [{
     label: '1'
   }, {
@@ -1303,7 +1345,7 @@ const getPicks$9 = async () => {
   }];
   return picks;
 };
-const selectPick$9 = async item => {
+const selectPick$8 = async item => {
   const rowIndex = Number.parseInt(item.label);
   const position = {
     rowIndex,
@@ -1315,54 +1357,31 @@ const selectPick$9 = async item => {
     command: Hide
   };
 };
-const getFilterValue$9 = value => {
-  return value;
-};
-
-const QuickPickEntriesGoToLine = {
-  __proto__: null,
-  getFilterValue: getFilterValue$9,
-  getHelpEntries: getHelpEntries$9,
-  getNoResults: getNoResults$9,
-  getPicks: getPicks$9,
-  getPlaceholder: getPlaceholder$9,
-  name: name$9,
-  selectPick: selectPick$9
-};
-
-const name$8 = 'noop';
-const getPlaceholder$8 = () => {
-  return '';
-};
-const getHelpEntries$8 = () => {
-  return [];
-};
-const getNoResults$8 = () => {
-  return noResults();
-};
-const getPicks$8 = async value => {
-  return [];
-};
-const selectPick$8 = async item => {
-  return {
-    command: Hide
-  };
-};
 const getFilterValue$8 = value => {
   return value;
 };
-const getPickFilterValue$7 = pick => {
-  return pick;
+const getVisibleItems$8 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: '',
+    fileIcon: '',
+    icon: '',
+    isActive: index + minLineY === focusedIndex,
+    label: pick.label,
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
 };
 
-const QuickPickNoop = {
+const QuickPickEntriesGoToLine = {
   __proto__: null,
   getFilterValue: getFilterValue$8,
-  getHelpEntries: getHelpEntries$8,
+  getHelpEntries: getHelpEntries$3,
   getNoResults: getNoResults$8,
-  getPickFilterValue: getPickFilterValue$7,
   getPicks: getPicks$8,
   getPlaceholder: getPlaceholder$8,
+  getVisibleItems: getVisibleItems$8,
   name: name$8,
   selectPick: selectPick$8
 };
@@ -1371,9 +1390,6 @@ const name$7 = 'symbol';
 const getPlaceholder$7 = () => {
   return '';
 };
-const getHelpEntries$7 = () => {
-  return [];
-};
 const getNoResults$7 = () => {
   return {
     label: noSymbolFound()
@@ -1383,6 +1399,9 @@ const getPicks$7 = async () => {
   const picks = [];
   return picks;
 };
+const getVisibleItems$7 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
+  return [];
+};
 const selectPick$7 = async item => {
   return {
     command: Hide
@@ -1391,38 +1410,38 @@ const selectPick$7 = async item => {
 const getFilterValue$7 = value => {
   return value;
 };
-const state$7 = {};
-const getPickDescription$7 = value => {
+const state$6 = {};
+const getPickDescription$5 = value => {
   return '';
 };
-const isPrepared$6 = () => {
+const isPrepared$5 = () => {
   return false;
 };
 const getPickFilterValue$6 = value => {
   return value;
 };
-const getPickLabel$6 = value => {
+const getPickLabel$5 = value => {
   return value;
 };
-const getPickIcon$6 = value => {
+const getPickIcon$5 = value => {
   return '';
 };
 
 const QuickPickEntriesSymbol = {
   __proto__: null,
   getFilterValue: getFilterValue$7,
-  getHelpEntries: getHelpEntries$7,
   getNoResults: getNoResults$7,
-  getPickDescription: getPickDescription$7,
+  getPickDescription: getPickDescription$5,
   getPickFilterValue: getPickFilterValue$6,
-  getPickIcon: getPickIcon$6,
-  getPickLabel: getPickLabel$6,
+  getPickIcon: getPickIcon$5,
+  getPickLabel: getPickLabel$5,
   getPicks: getPicks$7,
   getPlaceholder: getPlaceholder$7,
-  isPrepared: isPrepared$6,
+  getVisibleItems: getVisibleItems$7,
+  isPrepared: isPrepared$5,
   name: name$7,
   selectPick: selectPick$7,
-  state: state$7
+  state: state$6
 };
 
 // TODO probably not needed
@@ -1430,7 +1449,7 @@ const QuickPickEntriesSymbol = {
 const getPlaceholder$6 = () => {
   return typeNameofCommandToRun();
 };
-const getHelpEntries$6 = () => {
+const getHelpEntries$2 = () => {
   return undefined;
 };
 const getPicks$6 = async () => {
@@ -1451,48 +1470,59 @@ const getFilterValue$6 = value => {
 const getPickFilterValue$5 = value => {
   return value;
 };
-const getPickLabel$5 = value => {
+const getPickLabel$4 = value => {
   return value;
 };
-const getPickIcon$5 = value => {
+const getPickIcon$4 = value => {
   return '';
 };
-const state$6 = {};
+const state$5 = {};
 const getNoResults$6 = () => {
   return '';
 };
 const name$6 = '';
-const isPrepared$5 = () => {
+const isPrepared$4 = () => {
   return true;
 };
-const getPickDescription$6 = () => {
+const getPickDescription$4 = () => {
   return '';
 };
+const getVisibleItems$6 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: getPickDescription$4(),
+    fileIcon: '',
+    icon: getPickIcon$4(),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$4(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
+};
 
 const QuickPickEntriesView = {
   __proto__: null,
   getFilterValue: getFilterValue$6,
-  getHelpEntries: getHelpEntries$6,
+  getHelpEntries: getHelpEntries$2,
   getNoResults: getNoResults$6,
-  getPickDescription: getPickDescription$6,
+  getPickDescription: getPickDescription$4,
   getPickFilterValue: getPickFilterValue$5,
-  getPickIcon: getPickIcon$5,
-  getPickLabel: getPickLabel$5,
+  getPickIcon: getPickIcon$4,
+  getPickLabel: getPickLabel$4,
   getPicks: getPicks$6,
   getPlaceholder: getPlaceholder$6,
-  isPrepared: isPrepared$5,
+  getVisibleItems: getVisibleItems$6,
+  isPrepared: isPrepared$4,
   name: name$6,
   selectPick: selectPick$6,
-  state: state$6
+  state: state$5
 };
 
 const name$5 = 'workspace-symbol';
 const getPlaceholder$5 = () => {
   return '';
 };
-const getHelpEntries$5 = () => {
-  return [];
-};
 const getNoResults$5 = () => {
   return {
     label: noWorkspaceSymbolsFound()
@@ -1510,67 +1540,31 @@ const selectPick$5 = async item => {
 const getFilterValue$5 = value => {
   return value;
 };
+const getVisibleItems$5 = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: '',
+    fileIcon: '',
+    icon: '',
+    isActive: index + minLineY === focusedIndex,
+    label: pick.label || '',
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
+};
 
 const QuickPickEntriesWorkspaceSymbol = {
   __proto__: null,
   getFilterValue: getFilterValue$5,
-  getHelpEntries: getHelpEntries$5,
   getNoResults: getNoResults$5,
   getPicks: getPicks$5,
   getPlaceholder: getPlaceholder$5,
+  getVisibleItems: getVisibleItems$5,
   name: name$5,
   selectPick: selectPick$5
 };
 
-const Command = '>';
-const Symbol$1 = '@';
-const WorkspaceSymbol$1 = '#';
-const GoToLine = ':';
-const View$1 = 'view ';
-const None$2 = '';
-
-// TODO avoid global variable
-
-const state$5 = {
-  // providerId: PROVIDER_NOOP,
-  provider: QuickPickNoop,
-  prefix: 'string-that-should-never-match-another-string'
-};
-
-/**
- * @type {string}
- */
-const name$4 = 'everything';
-const getPlaceholder$4 = () => {
-  return state$5.provider.getPlaceholder();
-};
-const getLabel$3 = () => {
-  return '';
-};
-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 (value.startsWith(Symbol$1)) {
-    return Symbol$1;
-  }
-  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
@@ -1590,81 +1584,139 @@ const getQuickPickProvider = prefix => {
       return QuickPickEntriesFile;
   }
 };
-const getPicks$4 = async value => {
-  const prefix = getPrefix(value);
 
-  // TODO race condition
-  if (state$5.prefix !== prefix) {
-    state$5.prefix = prefix;
-    // @ts-ignore
-    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$5.provider.getPicks(slicedValue);
-  return picks;
+const name$4 = 'noop';
+const getPlaceholder$4 = () => {
+  return '';
 };
-const selectPick$4 = item => {
-  const {
-    provider
-  } = state$5;
-  return provider.selectPick(item);
+const getNoResults$4 = () => {
+  return noResults();
 };
-const openCommandPalette = () => {
-  // show('>')
+const getPicks$4 = async value => {
+  return [];
 };
-const openView = () => {
-  // show('view ')
+const selectPick$4 = async item => {
+  return {
+    command: Hide
+  };
 };
 const getFilterValue$4 = value => {
-  return value.slice(state$5.prefix.length);
+  return value;
 };
 const getPickFilterValue$4 = pick => {
-  const {
-    provider
-  } = state$5;
-  return provider.getPickFilterValue(pick);
+  return pick;
 };
-const getPickDescription$5 = pick => {
-  const {
-    provider
-  } = state$5;
-  // @ts-ignore
-  if (provider.getPickDescription) {
+const getVisibleItems$4 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  return [];
+};
+
+const QuickPickNoop = {
+  __proto__: null,
+  getFilterValue: getFilterValue$4,
+  getNoResults: getNoResults$4,
+  getPickFilterValue: getPickFilterValue$4,
+  getPicks: getPicks$4,
+  getPlaceholder: getPlaceholder$4,
+  getVisibleItems: getVisibleItems$4,
+  name: name$4,
+  selectPick: selectPick$4
+};
+
+// TODO avoid global variable
+
+const state$4 = {
+  // providerId: PROVIDER_NOOP,
+  provider: QuickPickNoop,
+  prefix: 'string-that-should-never-match-another-string'
+};
+
+/**
+ * @type {string}
+ */
+const name$3 = 'everything';
+const getPlaceholder$3 = () => {
+  return state$4.provider.getPlaceholder();
+};
+const getLabel$3 = () => {
+  return '';
+};
+const getNoResults$3 = () => {
+  return state$4.provider.getNoResults();
+};
+const getPicks$3 = async value => {
+  const prefix = getQuickPickPrefix(value);
+
+  // TODO race condition
+  if (state$4.prefix !== prefix) {
+    state$4.prefix = prefix;
+    state$4.provider = await getQuickPickProvider(prefix);
+  }
+  // TODO this line is a bit duplicated with getFilterValue
+  const slicedValue = value.slice(prefix.length).trimStart();
+  const picks = await state$4.provider.getPicks(slicedValue);
+  return picks;
+};
+const selectPick$3 = item => {
+  const {
+    provider
+  } = state$4;
+  return provider.selectPick(item);
+};
+const openCommandPalette = () => {
+  // show('>')
+};
+const openView = () => {
+  // show('view ')
+};
+const getFilterValue$3 = value => {
+  return value.slice(state$4.prefix.length).trim();
+};
+const getPickFilterValue$3 = pick => {
+  const {
+    provider
+  } = state$4;
+  return provider.getPickFilterValue(pick);
+};
+const getPickDescription$3 = pick => {
+  const {
+    provider
+  } = state$4;
+  // @ts-ignore
+  if (provider.getPickDescription) {
     // @ts-ignore
     return provider.getPickDescription(pick);
   }
   return '';
 };
-const getPickLabel$4 = pick => {
+const getPickLabel$3 = pick => {
   const {
     provider
-  } = state$5;
+  } = state$4;
   // @ts-ignore
   return provider.getPickLabel(pick);
 };
-const getPickIcon$4 = pick => {
+const getPickIcon$3 = pick => {
   const {
     provider
-  } = state$5;
+  } = state$4;
   // @ts-ignore
   return provider.getPickIcon(pick);
 };
 const getPickFileIcon$1 = pick => {
   const {
     provider
-  } = state$5;
+  } = state$4;
   // @ts-ignore
   if (provider.getPickFileIcon) {
     // @ts-ignore
     return provider.getPickFileIcon(pick);
   }
-  return '';
+  return undefined;
 };
-const isPrepared$4 = () => {
+const isPrepared$3 = () => {
   const {
     provider
-  } = state$5;
+  } = state$4;
   // @ts-ignore
   if (provider.isPrepared) {
     // @ts-ignore
@@ -1672,26 +1724,39 @@ const isPrepared$4 = () => {
   }
   return false;
 };
+const getVisibleItems$3 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const items = picks.map(pick => pick.pick);
+  const visibleItems = state$4.provider.getVisibleItems(items, minLineY, maxLineY, focusedIndex, setSize, icons);
+  return visibleItems;
+};
+
+// provider
+// - create
+// - loadcontent
+// - filter
+// - getVisible
+
+// matches could be in loadcontent or getVisible
 
 const QuickPickEntriesEverything = {
   __proto__: null,
-  getFilterValue: getFilterValue$4,
-  getHelpEntries: getHelpEntries$4,
+  getFilterValue: getFilterValue$3,
   getLabel: getLabel$3,
-  getNoResults: getNoResults$4,
-  getPickDescription: getPickDescription$5,
+  getNoResults: getNoResults$3,
+  getPickDescription: getPickDescription$3,
   getPickFileIcon: getPickFileIcon$1,
-  getPickFilterValue: getPickFilterValue$4,
-  getPickIcon: getPickIcon$4,
-  getPickLabel: getPickLabel$4,
-  getPicks: getPicks$4,
-  getPlaceholder: getPlaceholder$4,
-  isPrepared: isPrepared$4,
-  name: name$4,
+  getPickFilterValue: getPickFilterValue$3,
+  getPickIcon: getPickIcon$3,
+  getPickLabel: getPickLabel$3,
+  getPicks: getPicks$3,
+  getPlaceholder: getPlaceholder$3,
+  getVisibleItems: getVisibleItems$3,
+  isPrepared: isPrepared$3,
+  name: name$3,
   openCommandPalette,
   openView,
-  selectPick: selectPick$4,
-  state: state$5
+  selectPick: selectPick$3,
+  state: state$4
 };
 
 const Default$1 = 0;
@@ -1716,7 +1781,7 @@ const create$2 = () => {
 };
 
 const {
-  get,
+  get: get$1,
   set,
   remove
 } = create$2();
@@ -1790,6 +1855,7 @@ const handleWheel = (state, deltaMode, deltaY) => {
 const create = (uid, uri, listItemHeight, x, y, width, height, platform, args) => {
   const state = {
     uid,
+    icons: [],
     state: Default$1,
     picks: [],
     recentPicks: [],
@@ -1799,7 +1865,6 @@ const create = (uid, uri, listItemHeight, x, y, width, height, platform, args) =
     provider: QuickPickEntriesEverything,
     // TODO make this dynamic again
     warned: [],
-    visiblePicks: [],
     maxVisibleItems: 10,
     uri,
     cursorOffset: 0,
@@ -1815,204 +1880,136 @@ const create = (uid, uri, listItemHeight, x, y, width, height, platform, args) =
     args,
     focused: false,
     platform,
-    value: ''
+    value: '',
+    fileIconCache: Object.create(null)
   };
   set(uid, state, state);
 };
 
-const dispose = uid => {
-  remove(uid);
+const RenderItems = 1;
+const RenderFocus = 2;
+const RenderValue = 3;
+const RenderCursorOffset = 7;
+const RenderFocusedIndex = 8;
+const Height = 9;
+
+const diffType$4 = RenderFocus;
+const isEqual$4 = (oldState, newState) => {
+  return oldState.focused === newState.focused;
 };
 
-const emptyMatches = [];
+const diffType$3 = RenderFocusedIndex;
+const isEqual$3 = (oldState, newState) => {
+  return oldState.focusedIndex === newState.focusedIndex;
+};
 
-const convertToPick = item => {
-  return {
-    pick: item,
-    matches: emptyMatches
-  };
+const diffType$2 = Height;
+const isEqual$2 = (oldState, newState) => {
+  return oldState.items.length === newState.items.length;
 };
 
-const Diagonal = 1;
-const Left = 2;
+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;
+};
 
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
+const diffType = RenderValue;
+const isEqual = (oldState, newState) => {
+  return newState.inputSource === User || oldState.value === newState.value;
+};
 
-const createTable = size => {
-  const table = [];
-  for (let i = 0; i < size; i++) {
-    const row = new Uint8Array(size);
-    table.push(row);
+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 table;
+  return diffResult;
 };
-const EmptyMatches = [];
-const Dash = '-';
-const Dot = '.';
-const EmptyString = '';
-const Space = ' ';
-const Underline = '_';
-const T = 't';
-const isLowerCase = char => {
-  return char === char.toLowerCase();
+
+const diff2 = uid => {
+  const {
+    oldState,
+    newState
+  } = get$1(uid);
+  return diff(oldState, newState);
 };
-const isUpperCase = char => {
-  return char === char.toUpperCase();
+
+const dispose = uid => {
+  remove(uid);
 };
 
-// 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;
+const getIconsCached = (paths, fileIconCache) => {
+  return paths.map(path => fileIconCache[path]);
 };
 
-// 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;
+const getMissingIconRequests = (dirents, fileIconCache) => {
+  const missingRequests = [];
+  for (const dirent of dirents) {
+    if (!(dirent.path in fileIconCache)) {
+      missingRequests.push({
+        type: File$2,
+        name: dirent.name,
+        path: dirent.path
+      });
     }
-    return 5;
   }
-  if (isGap(columnCharBefore, columnChar)) {
-    return 8;
-  }
-  return 5;
+  return missingRequests;
 };
 
-// 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;
+const requestFileIcons = async requests => {
+  const promises = requests.map(request => {
+    if (!request.name) {
+      return '';
     }
-    wordPos += 1;
-  }
-  return patternPos === patternLen; // pattern must be exhausted
+    return request.type === File$2 ? invoke$1('IconTheme.getFileIcon', {
+      name: request.name
+    }) : invoke$1('IconTheme.getFolderIcon', {
+      name: request.name
+    });
+  });
+  return Promise.all(promises);
 };
 
-// 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 updateIconCache = (iconCache, missingRequests, newIcons) => {
+  if (missingRequests.length === 0) {
+    return iconCache;
   }
-  matches.unshift(table[patternLength][wordLength - 1]);
-  return matches;
+  const newFileIconCache = {
+    ...iconCache
+  };
+  for (let i = 0; i < missingRequests.length; i++) {
+    const request = missingRequests[i];
+    const icon = newIcons[i];
+    newFileIconCache[request.path] = icon;
+  }
+  return newFileIconCache;
 };
 
-// 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 emptyDirent = {
+  name: '',
+  path: '',
+  type: 0
 };
-
-const filterQuickPickItem = (pattern, word) => {
-  const matches = fuzzySearch(pattern, word);
-  return matches;
-};
-
-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 getQuickPickFileIcons = async (provider, items, fileIconCache) => {
+  const dirents = items.map(item => {
+    const dirent = provider.getPickFileIcon?.(item) || emptyDirent;
+    return dirent;
+  });
+  const missingRequests = getMissingIconRequests(dirents, fileIconCache);
+  const newIcons = await requestFileIcons(missingRequests);
+  const newFileIconCache = updateIconCache(fileIconCache, missingRequests, newIcons);
+  const paths = dirents.map(file => file.path);
+  const icons = getIconsCached(paths, newFileIconCache);
+  return {
+    icons,
+    newFileIconCache
+  };
 };
 
 const focusIndex = async (state, index) => {
@@ -2021,7 +2018,8 @@ const focusIndex = async (state, index) => {
     maxVisibleItems,
     items,
     minLineY,
-    maxLineY
+    maxLineY,
+    fileIconCache
   } = state;
   // TODO get types working
   // @ts-ignore
@@ -2032,28 +2030,50 @@ const focusIndex = async (state, index) => {
   if (index < minLineY + 1) {
     const minLineY = index;
     const maxLineY = Math.min(index + maxVisibleItems, items.length - 1);
+    const sliced = items.slice(minLineY, maxLineY);
+    const {
+      newFileIconCache,
+      icons
+    } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
+
     // TODO need to scroll up
     return {
       ...state,
       minLineY,
       maxLineY,
-      focusedIndex: index
+      focusedIndex: index,
+      icons,
+      fileIconCache: newFileIconCache
     };
   }
   if (index >= maxLineY - 1) {
     // TODO need to scroll down
     const maxLineY = index + 1;
     const minLineY = Math.max(maxLineY - maxVisibleItems, 0);
+    const sliced = items.slice(minLineY, maxLineY);
+    const {
+      newFileIconCache,
+      icons
+    } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
     return {
       ...state,
       minLineY,
       maxLineY,
-      focusedIndex: index
+      focusedIndex: index,
+      fileIconCache: newFileIconCache,
+      icons
     };
   }
+  const sliced = items.slice(minLineY, maxLineY);
+  const {
+    newFileIconCache,
+    icons
+  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
   return {
     ...state,
-    focusedIndex: index
+    focusedIndex: index,
+    fileIconCache: newFileIconCache,
+    icons
   };
 };
 
@@ -2099,7 +2119,7 @@ const focusPrevious = state => {
   return focusIndex(state, previousIndex);
 };
 
-const commandIds = ['close', 'dispose', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'handleBeforeInput', 'handleBlur', 'handleClickAt', 'handleFocus', 'handleInput', 'handleWheel', 'renderEventListeners', 'selectCurrentIndex', 'selectIndex', 'selectItem', 'setValue'];
+const commandIds = ['close', 'dispose', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'handleBeforeInput', 'handleBlur', 'handleClickAt', 'diff2', 'handleFocus', 'handleInput', 'handleWheel', 'renderEventListeners', 'selectCurrentIndex', 'selectIndex', 'selectItem', 'setValue'];
 
 const getCommandIds = () => {
   return commandIds;
@@ -2285,22 +2305,227 @@ const getNewValue = (value, inputType, data, selectionStart, selectionEnd) => {
   return fn(value, selectionStart, selectionEnd, data);
 };
 
+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 filterQuickPickItem = (pattern, word) => {
+  const matches = fuzzySearch(pattern, word);
+  return matches;
+};
+
+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;
+};
+
 // TODO when user types letters -> no need to query provider again -> just filter existing results
 const setValue = async (state, newValue) => {
-  if (state.value === newValue) {
+  const {
+    value,
+    provider,
+    minLineY,
+    maxLineY,
+    fileIconCache
+  } = state;
+  if (value === newValue) {
     return state;
   }
-  const newPicks = await state.provider.getPicks(newValue);
-  const filterValue = state.provider.getFilterValue(newValue);
-  const items = filterQuickPickItems(newPicks, filterValue, state.provider);
+  const newPicks = await provider.getPicks(newValue);
+  const filterValue = provider.getFilterValue(newValue);
+  const items = filterQuickPickItems(newPicks, filterValue, provider);
   const focusedIndex = items.length === 0 ? -1 : 0;
+  const sliced = newPicks.slice(minLineY, maxLineY);
+  const {
+    newFileIconCache,
+    icons
+  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
   return {
     ...state,
     picks: newPicks,
     items,
     focusedIndex,
     inputSource: Script,
-    value: newValue
+    value: newValue,
+    icons,
+    fileIconCache: newFileIconCache
   };
 };
 
@@ -2331,7 +2556,7 @@ const handleBeforeInput = (state, inputType, data, selectionStart, selectionEnd)
   return handleInput(state, newValue, cursorOffset, User);
 };
 
-const handleBlur$1 = async state => {
+const handleBlur = 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;
@@ -2358,6 +2583,7 @@ const selectIndex = async (state, index, button = /* left */0) => {
   } = state;
   const actualIndex = index + minLineY;
   const pick = getPick(items, actualIndex);
+  // @ts-ignore
   const selectPickResult = await provider.selectPick(pick, actualIndex, button);
   object(selectPickResult);
   string(selectPickResult.command);
@@ -2386,260 +2612,103 @@ const selectIndex = async (state, index, button = /* left */0) => {
 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 setFocus = async focusKey => {
-  await invoke$1('Focus.setFocus', focusKey);
-};
-
-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 getDefaultValue = uri => {
-  switch (uri) {
-    case 'quickPick://everything':
-      return '>';
-    default:
-      return '';
-  }
-};
-
-const state$4 = Object.create(null);
-const register = modules => {
-  Object.assign(state$4, modules);
-};
-const load = moduleId => {
-  const module = state$4[moduleId];
-  if (!module) {
-    throw new Error(`unknown module "${moduleId}"`);
-  }
-  return module;
-};
-
-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 {
-    ...state,
-    picks: newPicks,
-    items,
-    focusedIndex: 0,
-    state: Finished,
-    minLineY,
-    maxLineY,
-    value,
-    cursorOffset: value.length,
-    provider,
-    inputSource: Script,
-    focused: true
-  };
-};
-
-const getRecentlyOpened = () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
-};
-const openWorkspaceFolder = uri => {
-  return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
-};
-const getPlaceholder$3 = () => {
-  return selectToOpen();
-};
-const getLabel$2 = () => {
-  return openRecent();
-};
-const getHelpEntries$3 = () => {
-  return [];
-};
-const getNoResults$3 = () => {
-  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$3 = async () => {
-  const recentlyOpened = await getRecentlyOpened();
-  return recentlyOpened;
-};
-
-// TODO selectPick should be independent of show/hide
-const selectPick$3 = async pick => {
-  const path = pick;
-  await openWorkspaceFolder(path);
-  return {
-    command: Hide
-  };
-};
-const getFilterValue$3 = value => {
-  return pathBaseName(value);
-};
-const getPickFilterValue$3 = pick => {
-  return pathBaseName(pick);
-};
-const getPickLabel$3 = pick => {
-  return pathBaseName(pick);
-};
-const getPickDescription$4 = pick => {
-  return pathDirName(pick);
-};
-const getPickIcon$3 = () => {
-  return '';
-};
-const getPickFileIcon = pick => {
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  if (typeof pick === 'object') {
-    pick = pick.pick;
-  }
-  return {
-    type: Directory,
-    name: pick
-  };
-};
-const state$3 = {};
-const isPrepared$3 = () => {
-  return false;
-};
-const name$3 = '';
-
-const QuickPickEntriesOpenRecent = {
-  __proto__: null,
-  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
+    headerHeight,
+    itemHeight
+  } = state;
+  const relativeY = y - top - headerHeight;
+  const index = Math.floor(relativeY / itemHeight);
+  return selectIndex(state, index);
 };
 
-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 setFocus = async focusKey => {
+  await invoke$1('Focus.setFocus', focusKey);
+};
 
-const loadQuickPickEntries = moduleId => {
-  switch (moduleId) {
-    case Recent:
-      return QuickPickEntriesOpenRecent;
-    default:
-      throw new Error(`unknown module "${moduleId}"`);
+const handleFocus = async state => {
+  if (state.focused) {
+    return 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,
+    focused: true
+  };
 };
 
-const getIconRequests = (items, provider) => {
-  const iconRequests = [];
-  for (let i = 0; i < items.length; i++) {
-    const pick = items[i];
-    const iconObject = provider?.getPickFileIcon?.(pick) || {};
-    iconRequests.push({
-      name: iconObject?.name,
-      path: '',
-      type: iconObject?.type
-    });
+const getDefaultValue = uri => {
+  switch (uri) {
+    case 'quickPick://everything':
+      return '>';
+    default:
+      return '';
   }
-  return iconRequests;
 };
 
-const getPickDescription$3 = (provider, pick) => {
-  if (provider.getPickDescription) {
-    return provider.getPickDescription(pick);
+const state$3 = Object.create(null);
+const register = modules => {
+  Object.assign(state$3, modules);
+};
+const get = moduleId => {
+  const module = state$3[moduleId];
+  if (!module) {
+    throw new Error(`unknown module "${moduleId}"`);
   }
-  return '';
+  return module;
 };
 
-const requestFileIcons = async requests => {
-  const promises = requests.map(request => {
-    if (!request.name) {
-      return '';
-    }
-    return request.type === File$2 ? invoke$1('IconTheme.getFileIcon', {
-      name: request.name
-    }) : invoke$1('IconTheme.getFolderIcon', {
-      name: request.name
-    });
-  });
-  return Promise.all(promises);
+const loadContent = async state => {
+  const {
+    uri,
+    args,
+    fileIconCache
+  } = state;
+  const value = getDefaultValue(uri);
+  const provider = get(uri);
+  // @ts-ignore
+  if (provider.setArgs) {
+    // @ts-ignore
+    provider.setArgs(args);
+  }
+  const newPicks = await provider.getPicks(value);
+  array(newPicks);
+  const filterValue = provider.getFilterValue(value);
+  const items = filterQuickPickItems(newPicks, filterValue, provider);
+  const minLineY = 0;
+  const maxLineY = Math.min(minLineY + state.maxVisibleItems, newPicks.length);
+  const sliced = newPicks.slice(minLineY, maxLineY);
+  const {
+    newFileIconCache,
+    icons
+  } = await getQuickPickFileIcons(provider, sliced, fileIconCache);
+  return {
+    ...state,
+    picks: newPicks,
+    items,
+    focusedIndex: 0,
+    state: Finished,
+    minLineY,
+    maxLineY,
+    value,
+    cursorOffset: value.length,
+    provider,
+    inputSource: Script,
+    focused: true,
+    fileIconCache: newFileIconCache,
+    icons
+  };
 };
 
-const getVisible = async (provider, items, minLineY, maxLineY, focusedIndex) => {
-  const visibleItems = [];
+const getVisible = (provider, items, minLineY, maxLineY, focusedIndex, icons) => {
   const setSize = items.length;
-  const max = Math.min(setSize, maxLineY);
-  const iconsRequests = getIconRequests(items.slice(minLineY, maxLineY), provider);
-  const icons = await requestFileIcons(iconsRequests);
-  let iconIndex = 0;
-  for (let i = minLineY; i < max; i++) {
-    const item = items[i];
-    const pick = item.pick;
-    const label = provider.getPickLabel(pick);
-    const description = getPickDescription$3(provider, pick);
-    const icon = provider.getPickIcon(pick);
-    const fileIcon = icons[iconIndex++];
-    visibleItems.push({
-      label,
-      description,
-      icon,
-      fileIcon,
-      posInSet: i + 1,
-      setSize,
-      isActive: i === focusedIndex,
-      matches: item.matches
-    });
-  }
+  const range = items.slice(minLineY, maxLineY);
+  const visibleItems = provider.getVisibleItems(range, minLineY, maxLineY, focusedIndex, setSize, icons);
   return visibleItems;
 };
 
-const createQuickPickViewModel = async (oldState, newState) => {
-  const visibleItems = await getVisible(newState.provider, newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex);
+const createQuickPickViewModel = (oldState, newState) => {
+  const visibleItems = getVisible(newState.provider, newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex, newState.icons);
   const oldFocusedIndex = oldState.focusedIndex - oldState.minLineY;
   const newFocusedIndex = newState.focusedIndex - newState.minLineY;
   const maxLineY = Math.min(newState.maxLineY, newState.items.length);
@@ -2657,13 +2726,6 @@ const createQuickPickViewModel = async (oldState, newState) => {
   };
 };
 
-const RenderItems = 1;
-const RenderFocus = 2;
-const RenderValue = 3;
-const RenderCursorOffset = 7;
-const RenderFocusedIndex = 8;
-const Height = 9;
-
 const SetCursorOffset = 'setCursorOffset';
 const SetFocusedIndex = 'setFocusedIndex';
 const SetItemsHeight = 'setItemsHeight';
@@ -2693,7 +2755,7 @@ const renderHeight = newState => {
 const ComboBox = 'combobox';
 const ListBox = 'listbox';
 const None$1 = 'none';
-const Option$1 = 'option';
+const Option = 'option';
 
 const FileIcon = 'FileIcon';
 const InputBox = 'InputBox';
@@ -2719,15 +2781,15 @@ const QuickPick = 'QuickPick';
 const QuickPickItems = 'QuickPickItems';
 const QuickPickItemActive = 'QuickPickItemActive';
 
-const Div$1 = 4;
-const Input$1 = 6;
-const Span$1 = 8;
-const Img$1 = 17;
+const Div = 4;
+const Input = 6;
+const Span = 8;
+const Img = 17;
 
 const getQuickPickInputVirtualDom = () => {
   const ariaLabel = typeNameofCommandToRun();
   return {
-    type: Input$1,
+    type: Input,
     className: InputBox,
     spellcheck: false,
     autocapitalize: 'off',
@@ -2748,140 +2810,17 @@ const getQuickPickInputVirtualDom = () => {
 
 const getQuickPickHeaderVirtualDom = () => {
   return [{
-    type: Div$1,
+    type: Div,
     className: QuickPickHeader,
     childCount: 1
   }, getQuickPickInputVirtualDom()];
 };
 
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
 };
-
-// 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 => {
+const Text = 12;
+const text = data => {
   return {
     type: Text,
     text: data,
@@ -2890,13 +2829,13 @@ var text = data => {
 };
 
 const quickPickHighlight = {
-  type: Span$1,
+  type: Span,
   className: QuickPickHighlight,
   childCount: 1
 };
 const addHighlights = (dom, highlights, label) => {
   const labelDom = {
-    type: Div$1,
+    type: Div,
     className: QuickPickItemLabel,
     childCount: 0
   };
@@ -2924,7 +2863,7 @@ const addHighlights = (dom, highlights, label) => {
 
 const getFileIconVirtualDom = icon => {
   return {
-    type: Img$1,
+    type: Img,
     className: FileIcon,
     src: icon,
     role: None$1,
@@ -2946,9 +2885,9 @@ const getQuickPickItemVirtualDom = visibleItem => {
   const highlights = matches.slice(1);
   const dom = [];
   dom.push({
-    type: Div$1,
+    type: Div,
     className: QuickPickItem,
-    role: Option$1,
+    role: Option,
     ariaPosInSet: posInSet,
     ariaSetSize: setSize,
     childCount: 1
@@ -2965,7 +2904,7 @@ const getQuickPickItemVirtualDom = visibleItem => {
   } else if (icon) {
     parent.childCount++;
     dom.push({
-      type: Div$1,
+      type: Div,
       className: mergeClassNames(`QuickPickMaskIcon`, 'MaskIcon', `MaskIcon${icon}`),
       childCount: 0
     });
@@ -2974,7 +2913,7 @@ const getQuickPickItemVirtualDom = visibleItem => {
   if (description) {
     parent.childCount++;
     dom.push({
-      type: Div$1,
+      type: Div,
       className: QuickPickItemDescription,
       childCount: 1
     }, text(description));
@@ -2985,11 +2924,11 @@ const getQuickPickItemVirtualDom = visibleItem => {
 const getQuickPickNoResultsVirtualDom = () => {
   const noResults$1 = noResults();
   return [{
-    type: Div$1,
+    type: Div,
     className: 'QuickPickItem QuickPickItemActive QuickPickStatus',
     childCount: 1
   }, {
-    type: Div$1,
+    type: Div,
     className: Label,
     childCount: 1
   }, text(noResults$1)];
@@ -3006,13 +2945,13 @@ const getQuickPickItemsVirtualDom = visibleItems => {
 const getQuickPickVirtualDom = visibleItems => {
   const quickOpen$1 = quickOpen();
   return [{
-    type: Div$1,
+    type: Div,
     className: mergeClassNames(Viewlet, QuickPick$1),
     childCount: 2,
     id: QuickPick,
     ariaLabel: quickOpen$1
   }, ...getQuickPickHeaderVirtualDom(), {
-    type: Div$1,
+    type: Div,
     className: QuickPickItems$1,
     id: QuickPickItems,
     role: ListBox,
@@ -3050,9 +2989,9 @@ const getRenderer = diffType => {
   }
 };
 
-const applyRender = async (oldState, newState, diffResult) => {
+const applyRender = (oldState, newState, diffResult) => {
   const commands = [];
-  const viewModel = await createQuickPickViewModel(oldState, newState);
+  const viewModel = createQuickPickViewModel(oldState, newState);
   for (const item of diffResult) {
     if (item === Height) {
       continue;
@@ -3066,52 +3005,14 @@ const applyRender = async (oldState, newState, diffResult) => {
   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 render2 = (uid, diffResult) => {
   const {
     oldState,
     newState
-  } = get(uid);
-  const diffResult = diff(oldState, newState);
-  return applyRender(oldState, newState, diffResult);
+  } = get$1(uid);
+  set(uid, newState, newState);
+  const commands = applyRender(oldState, newState, diffResult);
+  return commands;
 };
 
 const renderEventListeners = () => {
@@ -3163,9 +3064,17 @@ const wrapCommand = fn => {
   const wrapped = async (uid, ...args) => {
     const {
       newState
-    } = get(uid);
+    } = get$1(uid);
     const newerState = await fn(newState, ...args);
-    set(uid, newState, newerState);
+    if (newState === newerState) {
+      return;
+    }
+    const latest = get$1(uid);
+    const merged = {
+      ...latest.newState,
+      ...newerState
+    };
+    set(uid, latest.newState, merged);
   };
   return wrapped;
 };
@@ -3174,6 +3083,7 @@ const commandMap = {
   'QuickPick.addMenuEntries': add,
   'QuickPick.close': close,
   'QuickPick.create2': create,
+  'QuickPick.diff2': diff2,
   'QuickPick.dispose': dispose,
   'QuickPick.focusFirst': wrapCommand(focusFirst),
   'QuickPick.focusIndex': wrapCommand(focusIndex),
@@ -3183,24 +3093,20 @@ const commandMap = {
   'QuickPick.getCommandIds': getCommandIds,
   'QuickPick.getKeyBindings': getKeyBindings,
   'QuickPick.handleBeforeInput': wrapCommand(handleBeforeInput),
-  'QuickPick.handleBlur': wrapCommand(handleBlur$1),
+  'QuickPick.handleBlur': wrapCommand(handleBlur),
   'QuickPick.handleClickAt': wrapCommand(handleClickAt),
-  'QuickPick.handleFocus': wrapCommand(handleBlur),
+  'QuickPick.handleFocus': wrapCommand(handleFocus),
   'QuickPick.handleInput': wrapCommand(handleInput),
   'QuickPick.handleWheel': wrapCommand(handleWheel),
   'QuickPick.loadContent': wrapCommand(loadContent),
-  'QuickPick.loadEntries2': load,
-  'QuickPick.render': doRender,
+  'QuickPick.loadEntries2': get,
+  'QuickPick.render2': render2,
   '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
+  'QuickPick.setValue': wrapCommand(setValue)
 };
 
 const getColorThemeNames = async () => {
@@ -3213,13 +3119,26 @@ const setColorTheme = id => {
 const getPlaceholder$2 = () => {
   return selectColorTheme();
 };
-const getLabel$1 = () => {
+const getLabel$2 = () => {
   return selectColorTheme();
 };
 const getPicks$2 = async searchValue => {
   const colorThemeNames = await getColorThemeNames();
   return colorThemeNames;
 };
+const getVisibleItems$2 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: getPickDescription$2(),
+    fileIcon: '',
+    icon: getPickIcon$2(),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$2(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
+};
 const selectPick$2 = async pick => {
   await setColorTheme(/* colorThemeId */pick);
   return {
@@ -3254,7 +3173,7 @@ const isPrepared$2 = () => {
   return false;
 };
 const name$2 = '';
-const getHelpEntries$2 = () => {
+const getHelpEntries$1 = () => {
   return [];
 };
 
@@ -3262,8 +3181,8 @@ const QuickPickEntriesColorTheme = {
   __proto__: null,
   focusPick,
   getFilterValue: getFilterValue$2,
-  getHelpEntries: getHelpEntries$2,
-  getLabel: getLabel$1,
+  getHelpEntries: getHelpEntries$1,
+  getLabel: getLabel$2,
   getNoResults: getNoResults$2,
   getPickDescription: getPickDescription$2,
   getPickFilterValue: getPickFilterValue$2,
@@ -3271,6 +3190,7 @@ const QuickPickEntriesColorTheme = {
   getPickLabel: getPickLabel$2,
   getPicks: getPicks$2,
   getPlaceholder: getPlaceholder$2,
+  getVisibleItems: getVisibleItems$2,
   isPrepared: isPrepared$2,
   name: name$2,
   selectPick: selectPick$2,
@@ -3297,12 +3217,12 @@ const setArgs = args => {
 const getPlaceholder$1 = () => {
   return '';
 };
-const getLabel = () => {
+const getLabel$1 = () => {
   return 'Custom';
 };
 
 // TODO help entries should not be here
-const getHelpEntries$1 = () => {
+const getHelpEntries = () => {
   return [];
 };
 const getNoResults$1 = () => {
@@ -3354,12 +3274,25 @@ const getPickIcon$1 = pick => {
 const isPrepared$1 = () => {
   return true;
 };
+const getVisibleItems$1 = (picks, minLineY, maxLineY, focusedIndex, setSize, icons) => {
+  const visibleItems = picks.slice(minLineY, maxLineY + 1).map((pick, index) => ({
+    description: getPickDescription$1(pick),
+    fileIcon: '',
+    icon: getPickIcon$1(pick),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel$1(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
+};
 
 const QuickPickEntriesCustom = {
   __proto__: null,
   getFilterValue: getFilterValue$1,
-  getHelpEntries: getHelpEntries$1,
-  getLabel,
+  getHelpEntries,
+  getLabel: getLabel$1,
   getNoResults: getNoResults$1,
   getPickDescription: getPickDescription$1,
   getPickFilterValue: getPickFilterValue$1,
@@ -3367,6 +3300,7 @@ const QuickPickEntriesCustom = {
   getPickLabel: getPickLabel$1,
   getPicks: getPicks$1,
   getPlaceholder: getPlaceholder$1,
+  getVisibleItems: getVisibleItems$1,
   isPrepared: isPrepared$1,
   name: name$1,
   selectPick: selectPick$1,
@@ -3374,91 +3308,126 @@ const QuickPickEntriesCustom = {
   state: state$1
 };
 
-const name = 'number';
+const getRecentlyOpened = () => {
+  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+};
+
+const openWorkspaceFolder = uri => {
+  return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
+};
+
 const getPlaceholder = () => {
-  return '';
+  return selectToOpen();
 };
-const getHelpEntries = () => {
-  return [];
+const getLabel = () => {
+  return openRecent();
 };
 const getNoResults = () => {
   return {
-    label: noMatchingResults()
+    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 picks = [{
-    label: '1'
-  }, {
-    label: '2'
-  }, {
-    label: '3'
-  }, {
-    label: '4'
-  }, {
-    label: '5'
-  }, {
-    label: '6'
-  }, {
-    label: '7'
-  }, {
-    label: '8'
-  }, {
-    label: '9'
-  }, {
-    label: '10'
-  }];
-  return picks;
+  const recentlyOpened = await getRecentlyOpened();
+  return recentlyOpened;
+};
+const getVisibleItems = (picks, minLineY, maxLineY, focusedIndex, setSize) => {
+  const visibleItems = picks.map((pick, index) => ({
+    description: getPickDescription(pick),
+    fileIcon: getPickFileIcon(pick),
+    icon: getPickIcon(),
+    isActive: index + minLineY === focusedIndex,
+    label: getPickLabel(pick),
+    matches: [],
+    posInSet: index + minLineY + 1,
+    setSize
+  }));
+  return visibleItems;
 };
-const selectPick = async item => {
+
+// TODO selectPick should be independent of show/hide
+const selectPick = async pick => {
+  const path = pick;
+  await openWorkspaceFolder(path);
   return {
     command: Hide
   };
 };
-const state = {};
-const getPickFilterValue = value => {
-  return value;
-};
 const getFilterValue = value => {
-  return value;
+  return pathBaseName(value);
 };
-const getPickDescription = value => {
-  return '';
+const getPickFilterValue = pick => {
+  return pathBaseName(pick);
 };
-const getPickLabel = value => {
-  return value;
+const getPickLabel = pick => {
+  return pathBaseName(pick);
+};
+const getPickDescription = pick => {
+  return pathDirName(pick);
 };
-const getPickIcon = value => {
+const getPickIcon = () => {
   return '';
 };
+const getPickFileIcon = pick => {
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  if (typeof pick === 'object') {
+    pick = pick.pick;
+  }
+  return {
+    type: Directory,
+    name: pick
+  };
+};
+const state = {};
 const isPrepared = () => {
   return false;
 };
+const name = '';
 
-const QuickPickEntriesNumber = {
+const QuickPickEntriesOpenRecent = {
   __proto__: null,
   getFilterValue,
-  getHelpEntries,
+  getLabel,
   getNoResults,
   getPickDescription,
+  getPickFileIcon,
   getPickFilterValue,
   getPickIcon,
   getPickLabel,
   getPicks,
   getPlaceholder,
+  getVisibleItems,
   isPrepared,
   name,
   selectPick,
   state
 };
 
+const CommandPalette = 'quickPick://commandPalette';
+const Commands = 'quickPick://commands';
+const File$1 = 'quickPick://file';
+const EveryThing = 'quickPick://everything';
+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 quickPickEntriesModules = {
   [CommandPalette]: QuickPickEntriesEverything,
   [Commands]: QuickPickEntriesEverything,
   [File$1]: QuickPickEntriesEverything,
   [EveryThing]: QuickPickEntriesEverything,
   [WorkspaceSymbol]: QuickPickEntriesEverything,
-  [Number$1]: QuickPickEntriesNumber,
   [Recent]: QuickPickEntriesOpenRecent,
   [ColorTheme]: QuickPickEntriesColorTheme,
   [Symbol]: QuickPickEntriesSymbol,