@lvce-editor/quick-pick-worker 4.1.0 → 4.3.0

package/dist/quickPickWorkerMain.js

@@ -1088,7 +1088,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$5 = (id, rpc) => {
+const set$6 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$2 = id => {
@@ -1121,7 +1121,7 @@ const create$4 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$5(rpcId, mockRpc);
+      set$6(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove$1(rpcId);
@@ -1130,7 +1130,7 @@ const create$4 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$5(rpcId, rpc);
+      set$6(rpcId, rpc);
     }
   };
 };
@@ -1143,6 +1143,7 @@ const Img = 17;
 const Reference = 100;
 
 const EditorWorker = 99;
+const ExtensionManagementWorker = 9006;
 const RendererWorker = 1;
 
 const SetDom2 = 'Viewlet.setDom2';
@@ -1151,14 +1152,22 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusQuickPickInput = 20;
 
 const {
-  invoke: invoke$3,
-  set: set$4
+  invoke: invoke$4,
+  set: set$5
 } = create$4(EditorWorker);
 const getLines = async editorUid => {
-  const lines = await invoke$3('Editor.getLines2', editorUid);
+  const lines = await invoke$4('Editor.getLines2', editorUid);
   return lines;
 };
 
+const {
+  invoke: invoke$3,
+  set: set$4
+} = create$4(ExtensionManagementWorker);
+const getLanguages = (platform, assetDir) => {
+  return invoke$3('Extensions.getLanguages', platform, assetDir);
+};
+
 const {
   invoke: invoke$2,
   set: set$3
@@ -1192,6 +1201,10 @@ const sendMessagePortToFileSearchWorker2 = async (port, rpcId = 0) => {
 const getActiveEditorId = () => {
   return invoke$1('GetActiveEditor.getActiveEditorId');
 };
+const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
+  const command = 'Extensions.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
+};
 const openUri$1 = async (uri, focus, options) => {
   await invoke$1('Main.openUri', uri, focus, options);
 };
@@ -1239,6 +1252,7 @@ const Recent$1 = 7;
 const Symbol$3 = 8;
 const View$3 = 9;
 const WorkspaceSymbol$2 = 10;
+const LanguageMode$1 = 11;
 const EveryThing$1 = 100;
 
 const getCancelResult$1 = args => {
@@ -1290,6 +1304,18 @@ const toCommandId = key => {
 const create$2 = () => {
   const states = Object.create(null);
   const commandMapRef = {};
+  const updateState = (uid, updater) => {
+    const current = states[uid];
+    const updatedState = updater(current.newState);
+    if (updatedState !== current.newState) {
+      states[uid] = {
+        newState: updatedState,
+        oldState: current.oldState,
+        scheduledState: updatedState
+      };
+    }
+    return Promise.resolve(updatedState);
+  };
   return {
     clear() {
       for (const key of Object.keys(states)) {
@@ -1298,13 +1324,13 @@ const create$2 = () => {
     },
     diff(uid, modules, numbers) {
       const {
-        newState,
-        oldState
+        oldState,
+        scheduledState
       } = states[uid];
       const diffResult = [];
       for (let i = 0; i < modules.length; i++) {
         const fn = modules[i];
-        if (!fn(oldState, newState)) {
+        if (!fn(oldState, scheduledState)) {
           diffResult.push(numbers[i]);
         }
       }
@@ -1322,19 +1348,28 @@ const create$2 = () => {
       return ids;
     },
     getKeys() {
-      return Object.keys(states).map(key => {
-        return Number.parseFloat(key);
-      });
+      return Object.keys(states).map(Number);
     },
     registerCommands(commandMap) {
       Object.assign(commandMapRef, commandMap);
     },
-    set(uid, oldState, newState) {
+    set(uid, oldState, newState, scheduledState) {
       states[uid] = {
         newState,
-        oldState
+        oldState,
+        scheduledState: scheduledState ?? newState
       };
     },
+    wrapAsyncCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const context = {
+          getState: () => states[uid].newState,
+          updateState: updater => updateState(uid, updater)
+        };
+        await fn(context, ...args);
+      };
+      return wrapped;
+    },
     wrapCommand(fn) {
       const wrapped = async (uid, ...args) => {
         const {
@@ -1352,7 +1387,8 @@ const create$2 = () => {
         };
         states[uid] = {
           newState: latestNew,
-          oldState: latestOld.oldState
+          oldState: latestOld.oldState,
+          scheduledState: latestNew
         };
       };
       return wrapped;
@@ -1389,7 +1425,8 @@ const create$2 = () => {
         };
         states[uid] = {
           newState: latestNew,
-          oldState: latestOld.oldState
+          oldState: latestOld.oldState,
+          scheduledState: latestNew
         };
         return {
           error
@@ -1406,6 +1443,7 @@ const {
   getCommandIds,
   registerCommands,
   set: set$1,
+  wrapAsyncCommand,
   wrapCommand
 } = create$2();
 
@@ -2321,7 +2359,7 @@ const getColorThemeNames = async (assetDir, platform) => {
   return invoke$1('ColorTheme.getColorThemeNames', assetDir, platform);
 };
 
-const toProtoVisibleItem$3 = name => {
+const toProtoVisibleItem$4 = name => {
   const pick = {
     description: '',
     direntType: 0,
@@ -2333,15 +2371,41 @@ const toProtoVisibleItem$3 = name => {
   };
   return pick;
 };
-const getPicks$c = async (searchValue, args, {
+const getPicks$d = async (searchValue, args, {
   assetDir = '',
   platform = 0
 } = {}) => {
   const colorThemeNames = await getColorThemeNames(assetDir, platform);
-  const picks = colorThemeNames.map(toProtoVisibleItem$3);
+  const picks = colorThemeNames.map(toProtoVisibleItem$4);
   return picks;
 };
 
+const getCommandName = (item, property) => {
+  const value = item[property];
+  return typeof value === 'string' && value ? value : '<unknown>';
+};
+const getWarning = (items, property, nameProperty) => {
+  const commandName = getCommandName(items[0], nameProperty);
+  if (items.length === 1) {
+    return `command ${commandName} has missing ${property}`;
+  }
+  const otherCount = items.length - 1;
+  const otherCommands = otherCount === 1 ? 'command' : 'commands';
+  return `command ${commandName} and ${otherCount} other ${otherCommands} have missing ${property}`;
+};
+const collectWarnings = items => {
+  const warnings = [];
+  const missingLabels = items.filter(item => !item.label);
+  const missingIds = items.filter(item => !item.id);
+  if (missingLabels.length > 0) {
+    warnings.push(getWarning(missingLabels, 'label', 'id'));
+  }
+  if (missingIds.length > 0) {
+    warnings.push(getWarning(missingIds, 'id', 'label'));
+  }
+  return warnings;
+};
+
 const handleError = async (error, notify = true, prefix = '') => {
   console.error(error);
 };
@@ -2387,18 +2451,17 @@ const add$1 = menuEntries => {
   state$1.menuEntries = [...state$1.menuEntries, ...menuEntries];
 };
 
+const changeLanguageModePick = {
+  id: 'QuickPick.changeLanguageMode',
+  label: 'Change Language Mode'
+};
+
 // TODO combine Ajax with cache (specify strategy: cacheFirst, networkFirst)
 const getBuiltinPicks = async () => {
   const builtinPicks = await getAll();
-  return builtinPicks;
+  return [...builtinPicks, changeLanguageModePick];
 };
 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}`,
@@ -2416,6 +2479,10 @@ const getExtensionPicks = async (assetDir, platform) => {
     if (!extensionPicks) {
       return [];
     }
+    const warnings = collectWarnings(extensionPicks);
+    for (const warning of warnings) {
+      warn(`[QuickPick] ${warning}`);
+    }
     const mappedPicks = extensionPicks.map(prefixIdWithExt);
     return mappedPicks;
   } catch (error) {
@@ -2423,7 +2490,7 @@ const getExtensionPicks = async (assetDir, platform) => {
     return [];
   }
 };
-const toProtoVisibleItem$2 = item => {
+const toProtoVisibleItem$3 = item => {
   const pick = {
     // @ts-ignore
     args: item.args,
@@ -2440,7 +2507,7 @@ const toProtoVisibleItem$2 = item => {
   // @ts-ignore
   return pick;
 };
-const getPicks$b = async (value, args, {
+const getPicks$c = async (value, args, {
   assetDir = '',
   platform = 0
 } = {}) => {
@@ -2448,7 +2515,7 @@ const getPicks$b = async (value, args, {
   const builtinPicks = await getBuiltinPicks();
   const extensionPicks = await getExtensionPicks(assetDir, platform);
   const allPicks = [...builtinPicks, ...extensionPicks];
-  const converted = allPicks.map(toProtoVisibleItem$2);
+  const converted = allPicks.map(toProtoVisibleItem$3);
   return converted;
 };
 
@@ -2478,7 +2545,7 @@ const invoke = (method, ...args) => {
   return rpc.invoke(method, ...args);
 };
 
-const toProtoVisibleItem$1 = item => {
+const toProtoVisibleItem$2 = item => {
   const {
     description = '',
     label,
@@ -2495,11 +2562,11 @@ const toProtoVisibleItem$1 = item => {
     value
   };
 };
-const getPicks$a = async (searchValue, args) => {
+const getPicks$b = async (searchValue, args) => {
   state.args = args;
   const options = args.at(-1);
   const items = options?.mode === 'quickInput' ? searchValue === '' && options?.customItemsId ? get(options.customItemsId) : await invoke('ExtensionHostQuickPick.renderQuickInput', options.quickInputId, searchValue) : options?.customItemsId ? get(options.customItemsId) : args[1] || [];
-  const mapped = items.map(toProtoVisibleItem$1);
+  const mapped = items.map(toProtoVisibleItem$2);
   return mapped;
 };
 
@@ -2552,7 +2619,7 @@ const convertToPick = uri => {
 // e.g. when there are many files, don't need
 // to compute the fileIcon for all files
 
-const getPicks$9 = async searchValue => {
+const getPicks$a = async searchValue => {
   // TODO cache workspace path
   const workspace = await getWorkspacePath();
   if (!workspace) {
@@ -2716,7 +2783,7 @@ const parseGotoline = value => {
   return wantedLine;
 };
 
-const getPicks$8 = async value => {
+const getPicks$9 = async value => {
   if (value === GoToLine$1) {
     return getPicksGoToLineBase();
   }
@@ -2746,7 +2813,7 @@ const Percent = '%';
 const AngleBracket = '>';
 const View$1 = 'view';
 
-const getPicks$7 = async () => {
+const getPicks$8 = async () => {
   return [{
     description: goToFile(),
     direntType: None$2,
@@ -2798,6 +2865,43 @@ const getPicks$7 = async () => {
   }];
 };
 
+const toProtoVisibleItem$1 = language => {
+  const value = {
+    languageId: language.id,
+    tokenizePath: language.tokenize || ''
+  };
+  return {
+    description: '',
+    direntType: 0,
+    fileIcon: '',
+    icon: '',
+    label: language.id,
+    matches: [],
+    uri: '',
+    value
+  };
+};
+const getUniqueLanguages = languages => {
+  const seen = new Set();
+  const uniqueLanguages = [];
+  for (const language of languages) {
+    if (!language || typeof language.id !== 'string' || seen.has(language.id)) {
+      continue;
+    }
+    seen.add(language.id);
+    uniqueLanguages.push(language);
+  }
+  uniqueLanguages.sort((a, b) => a.id.localeCompare(b.id));
+  return uniqueLanguages;
+};
+const getPicks$7 = async (_searchValue, _args, {
+  assetDir = '',
+  platform = 0
+} = {}) => {
+  const languages = await getLanguages(platform, assetDir);
+  return getUniqueLanguages(languages).map(toProtoVisibleItem$1);
+};
+
 const uniq = array => {
   return [...new Set(array)];
 };
@@ -2859,8 +2963,9 @@ const getPicks$3 = async () => {
 
 const Hide = 'hide';
 const KeepOpen = '';
+const OpenLanguageMode = 'open-language-mode';
 
-const selectPick$9 = async pick => {
+const selectPick$a = async pick => {
   const id = pick.label;
   await setColorTheme(id);
   return {
@@ -2880,6 +2985,11 @@ const shouldHide = item => {
 };
 
 const selectPickBuiltin = async item => {
+  if (item.id === 'QuickPick.changeLanguageMode') {
+    return {
+      command: OpenLanguageMode
+    };
+  }
   const args = item.args || [];
   // TODO ids should be all numbers for efficiency -> also directly can call command
   await invoke$1(item.id, ...args);
@@ -2907,7 +3017,7 @@ const selectPickExtension = async item => {
     command: KeepOpen
   };
 };
-const selectPick$8 = async item => {
+const selectPick$9 = async item => {
   // @ts-ignore
   const {
     id
@@ -2925,7 +3035,7 @@ const getOptions = args => {
   }
   return last;
 };
-const selectPick$7 = async (_pick, value) => {
+const selectPick$8 = async (_pick, value) => {
   const {
     args
   } = state;
@@ -2952,7 +3062,7 @@ const openUri = async uri => {
   await openUri$1(uri);
 };
 
-const selectPick$6 = async pick => {
+const selectPick$7 = async pick => {
   const {
     description
   } = pick;
@@ -2990,7 +3100,7 @@ const selectPickGoToColumn = async (item, value) => {
   };
 };
 
-const selectPick$5 = async (item, value) => {
+const selectPick$6 = async (item, value) => {
   if (value.startsWith(GoToLine$1)) {
     const lineString = value.slice(GoToLine$1.length);
     const wantedLine = Number.parseInt(lineString, 10);
@@ -3006,13 +3116,22 @@ const selectPick$5 = async (item, value) => {
   };
 };
 
-const selectPick$4 = async item => {
+const selectPick$5 = async item => {
   // Command.execute(/* openView */ 549, /* viewName */ item.label)
   return {
     command: Hide
   };
 };
 
+const selectPick$4 = async pick => {
+  const editorId = await getActiveEditorId();
+  const value = pick.value;
+  await invoke$1('Viewlet.executeViewletCommand', editorId, 'setLanguageId', value.languageId, value.tokenizePath);
+  return {
+    command: Hide
+  };
+};
+
 const openWorkspaceFolder = uri => {
   return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
 };
@@ -3047,8 +3166,8 @@ const selectPick = async item => {
   };
 };
 
-const selectPicks = [selectPick$9, selectPick$8, selectPick$7, selectPick$6, selectPickGoToColumn, selectPick$5, selectPick$4, selectPick$3, selectPick$2, selectPick$1, selectPick];
-const getPicks$2 = [getPicks$c, getPicks$b, getPicks$a, getPicks$9, getPicksGoToColumn, getPicks$8, getPicks$7, getPicks$6, getPicks$5, getPicks$4, getPicks$3];
+const selectPicks = [selectPick$a, selectPick$9, selectPick$8, selectPick$7, selectPickGoToColumn, selectPick$6, selectPick$5, selectPick$3, selectPick$2, selectPick$1, selectPick, selectPick$4];
+const getPicks$2 = [getPicks$d, getPicks$c, getPicks$b, getPicks$a, getPicksGoToColumn, getPicks$9, getPicks$8, getPicks$6, getPicks$5, getPicks$4, getPicks$3, getPicks$7];
 
 const select = selectPicks;
 const getPick$1 = getPicks$2;
@@ -3096,6 +3215,10 @@ const getQuickPickSubProviderId = (id, prefix) => {
   }
 };
 
+const requestVersions = new Map();
+const requestVersionGenerator = {
+  value: 0
+};
 const isQuickInput = args => {
   const options = args.at(-1);
   return options?.mode === 'quickInput';
@@ -3146,6 +3269,51 @@ const setValue = async (state, newValue) => {
     value: newValue
   };
 };
+const setValueWithContext = async (context, newValue) => {
+  const state = context.getState();
+  if (state.value === newValue) {
+    return;
+  }
+  const requestVersion = ++requestVersionGenerator.value;
+  requestVersions.set(state.uid, requestVersion);
+  const result = await setValue(state, newValue);
+  await context.updateState(latestState => {
+    if (requestVersions.get(latestState.uid) !== requestVersion) {
+      return latestState;
+    }
+    return {
+      ...latestState,
+      fileIconCache: result.fileIconCache,
+      finalDeltaY: result.finalDeltaY,
+      focusedIndex: result.focusedIndex,
+      icons: result.icons,
+      inputSource: result.inputSource,
+      items: result.items,
+      picks: result.picks,
+      value: result.value
+    };
+  });
+  if (requestVersions.get(state.uid) === requestVersion) {
+    requestVersions.delete(state.uid);
+  }
+};
+
+const handleInputWithContext = async (context, newValue, cursorOffset, inputSource = Script) => {
+  const state = context.getState();
+  if (state.value !== newValue) {
+    await setValueWithContext(context, newValue);
+  }
+  await context.updateState(latestState => {
+    if (latestState.value !== newValue) {
+      return latestState;
+    }
+    return {
+      ...latestState,
+      cursorOffset,
+      inputSource
+    };
+  });
+};
 
 // TODO when user types letters -> no need to query provider again -> just filter existing results
 const handleInput = async (state, newValue, cursorOffset, inputSource = Script) => {
@@ -3223,102 +3391,11 @@ const getPick = (items, index) => {
   return undefined;
 };
 
-const createCustomPick = value => {
-  return {
-    description: '',
-    direntType: 0,
-    fileIcon: '',
-    icon: '',
-    label: value,
-    matches: [],
-    uri: ''
-  };
-};
-const selectIndex = async (state, index, button = /* left */0) => {
-  const {
-    items,
-    minLineY,
-    providerId,
-    value
-  } = state;
-  const actualIndex = index + minLineY;
-  const prefix = getQuickPickPrefix(value);
-  const subId = getQuickPickSubProviderId(providerId, prefix);
-  const pick = getPick(items, actualIndex) || (subId === Custom$1 ? createCustomPick(value) : undefined);
-  if (!pick) {
-    return state;
-  }
-  const fn = getSelect(subId);
-  const selectPickResult = await fn(pick, value);
-  object(selectPickResult);
-  string(selectPickResult.command);
-  const {
-    command
-  } = selectPickResult;
-  switch (command) {
-    case Hide:
-      await closeWidget(state.uid);
-      return state;
-    default:
-      return state;
-  }
-
-  // TODO recent picks should be per provider
-  // if (!state.recentPickIds.has(pick.id)) {
-  //   state.recentPicks.unshift(pick)
-  //   state.recentPickIds.add(pick.id)
-  // }
-  // if (state.recentPicks.length > RECENT_PICKS_MAX_SIZE) {
-  //   const last = state.recentPicks.pop()
-  //   state.recentPickIds.delete(last.id)
-  // }
-};
-
-const handleClickAt = (state, x, y) => {
-  const {
-    headerHeight,
-    itemHeight,
-    top
-  } = state;
-  const index = getIndex(top, headerHeight, itemHeight, y);
-  return selectIndex(state, index);
-};
-
-const handleFocus = 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 commandMapRef = {};
-
-const handleMessagePort = async port => {
-  const rpc = await create$8({
-    commandMap: commandMapRef,
-    isMessagePortOpen: true,
-    messagePort: port
-  });
-  set(rpc);
-};
-
-const initialize = async () => {
-  // not needed anymore
-};
-
-const getDefaultValue = id => {
-  switch (id) {
-    case EveryThing$1:
-      return Command;
-    default:
-      return '';
-  }
-};
-
 const Commands = 'quickPick://commands';
 const EveryThing = 'quickPick://everything';
 const Recent = 'quickPick://recent';
 const ColorTheme = 'quickPick://color-theme';
+const LanguageMode = 'quickPick://language-mode';
 const Symbol$1 = 'quickPick://symbol';
 const View = 'quickPick://view';
 const Help = 'quickPick://help';
@@ -3326,6 +3403,18 @@ const WorkspaceSymbol = 'quickPick://workspace-symbol';
 const Custom = 'quickPick://custom';
 const GoToLine = 'quickPick://go-to-line';
 
+const getDefaultValue = (id, uri = '') => {
+  if (uri === WorkspaceSymbol) {
+    return WorkspaceSymbol$1;
+  }
+  switch (id) {
+    case EveryThing$1:
+      return Command;
+    default:
+      return '';
+  }
+};
+
 const getQuickPickProviderId = prefix => {
   switch (prefix) {
     case ColorTheme:
@@ -3340,6 +3429,8 @@ const getQuickPickProviderId = prefix => {
       return EveryThing$1;
     case Custom:
       return Custom$1;
+    case LanguageMode:
+      return LanguageMode$1;
     case Recent:
       return Recent$1;
     default:
@@ -3388,7 +3479,7 @@ const parseArgs = (subId, args) => {
     placeholder: last.placeholder ? String(last.placeholder) : ''
   };
 };
-const loadContent = async state => {
+const getLoadedState = async state => {
   const {
     args,
     assetDir,
@@ -3400,7 +3491,7 @@ const loadContent = async state => {
     uri
   } = state;
   const id = getQuickPickProviderId(uri);
-  const value = getDefaultValue(id);
+  const value = getDefaultValue(id, uri);
   const prefix = getQuickPickPrefix(value);
   const subId = getQuickPickSubProviderId(id, prefix);
   const newPicks = await getPicks(subId, value, args, {
@@ -3421,7 +3512,6 @@ const loadContent = async state => {
   const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, items.length);
   const parsedArgs = parseArgs(subId, args);
   const finalValue = parsedArgs.initialValue || value;
-  notifyVisible();
   return {
     ...state,
     args,
@@ -3443,6 +3533,125 @@ const loadContent = async state => {
     value: finalValue
   };
 };
+const loadContent = async state => {
+  const newState = await getLoadedState(state);
+  notifyVisible();
+  return newState;
+};
+const loadContentWithContext = async context => {
+  const state = context.getState();
+  const loadedState = await getLoadedState(state);
+  await context.updateState(latestState => ({
+    ...latestState,
+    cursorOffset: loadedState.cursorOffset,
+    fileIconCache: loadedState.fileIconCache,
+    finalDeltaY: loadedState.finalDeltaY,
+    focused: loadedState.focused,
+    focusedIndex: loadedState.focusedIndex,
+    icons: loadedState.icons,
+    initial: loadedState.initial,
+    inputSource: loadedState.inputSource,
+    items: loadedState.items,
+    maxLineY: loadedState.maxLineY,
+    minLineY: loadedState.minLineY,
+    picks: loadedState.picks,
+    placeholder: loadedState.placeholder,
+    providerId: loadedState.providerId,
+    state: loadedState.state,
+    value: loadedState.value
+  }));
+  notifyVisible();
+};
+
+const createCustomPick = value => {
+  return {
+    description: '',
+    direntType: 0,
+    fileIcon: '',
+    icon: '',
+    label: value,
+    matches: [],
+    uri: ''
+  };
+};
+const selectIndex = async (state, index, button = /* left */0) => {
+  const {
+    items,
+    minLineY,
+    providerId,
+    value
+  } = state;
+  const actualIndex = index + minLineY;
+  const prefix = getQuickPickPrefix(value);
+  const subId = getQuickPickSubProviderId(providerId, prefix);
+  const pick = getPick(items, actualIndex) || (subId === Custom$1 ? createCustomPick(value) : undefined);
+  if (!pick) {
+    return state;
+  }
+  const fn = getSelect(subId);
+  const selectPickResult = await fn(pick, value);
+  object(selectPickResult);
+  string(selectPickResult.command);
+  const {
+    command
+  } = selectPickResult;
+  switch (command) {
+    case Hide:
+      await closeWidget(state.uid);
+      return state;
+    case OpenLanguageMode:
+      return loadContent({
+        ...state,
+        args: [],
+        uri: LanguageMode,
+        value: ''
+      });
+    default:
+      return state;
+  }
+
+  // TODO recent picks should be per provider
+  // if (!state.recentPickIds.has(pick.id)) {
+  //   state.recentPicks.unshift(pick)
+  //   state.recentPickIds.add(pick.id)
+  // }
+  // if (state.recentPicks.length > RECENT_PICKS_MAX_SIZE) {
+  //   const last = state.recentPicks.pop()
+  //   state.recentPickIds.delete(last.id)
+  // }
+};
+
+const handleClickAt = (state, x, y) => {
+  const {
+    headerHeight,
+    itemHeight,
+    top
+  } = state;
+  const index = getIndex(top, headerHeight, itemHeight, y);
+  return selectIndex(state, index);
+};
+
+const handleFocus = 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 commandMapRef = {};
+
+const handleMessagePort = async port => {
+  const rpc = await create$8({
+    commandMap: commandMapRef,
+    isMessagePortOpen: true,
+    messagePort: port
+  });
+  set(rpc);
+};
+
+const initialize = async () => {
+  // not needed anymore
+};
 
 const SetCursorOffset = 'setCursorOffset';
 const SetFocusedIndex = 'setFocusedIndex';
@@ -3913,7 +4122,6 @@ const Viewlet = 'Viewlet';
 
 const HandleWheel = 'handleWheel';
 const HandlePointerDown = 'handlePointerDown';
-const HandleBeforeInput = 'handleBeforeInput';
 const HandleBlur = 'handleBlur';
 const HandleFocus = 'handleFocus';
 const HandleInput = 'handleInput';
@@ -3937,7 +4145,6 @@ const getQuickPickInputVirtualDom = (placeholder = '') => {
     className: InputBox,
     inputType: 'text',
     name: QuickPickInput,
-    onBeforeInput: HandleBeforeInput,
     onBlur: HandleBlur,
     onFocus: HandleFocus,
     onInput: HandleInput,
@@ -4231,9 +4438,6 @@ const renderEventListeners = () => {
   }, {
     name: HandleBlur,
     params: ['handleBlur']
-  }, {
-    name: HandleBeforeInput,
-    params: ['handleBeforeInput']
   }, {
     name: HandleInput,
     params: ['handleInput', 'event.target.value']
@@ -4341,21 +4545,21 @@ const commandMap = {
   'QuickPick.handleBlur': wrapCommand(handleBlur),
   'QuickPick.handleClickAt': wrapCommand(handleClickAt),
   'QuickPick.handleFocus': wrapCommand(handleFocus),
-  'QuickPick.handleInput': wrapCommand(handleInput),
+  'QuickPick.handleInput': wrapAsyncCommand(handleInputWithContext),
   'QuickPick.handleMessagePort': handleMessagePort,
   'QuickPick.handleScrollBarPointerDown': wrapCommand(handleScrollBarPointerDown),
   'QuickPick.handleScrollBarPointerMove': wrapCommand(handleScrollBarPointerMove),
   'QuickPick.handleScrollBarPointerUp': wrapCommand(handleScrollBarPointerUp),
   'QuickPick.handleWheel': wrapCommand(handleWheel),
   'QuickPick.initialize': initialize,
-  'QuickPick.loadContent': wrapCommand(loadContent),
+  'QuickPick.loadContent': wrapAsyncCommand(loadContentWithContext),
   '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),
+  'QuickPick.setValue': wrapAsyncCommand(setValueWithContext),
   'QuickPick.showQuickInput': showQuickInput,
   'QuickPick.showQuickPick': showQuickPick,
   'QuickPick.waitUntilVisible': waitUntilVisible
@@ -4368,6 +4572,16 @@ const initializeEditorWorker = async () => {
       await sendMessagePortToEditorWorker(port, 0);
     }
   });
+  set$5(rpc);
+};
+
+const initializeExtensionManagementWorker = async () => {
+  const rpc = await create$6({
+    commandMap: {},
+    async send(port) {
+      await sendMessagePortToExtensionManagementWorker(port, 0);
+    }
+  });
   set$4(rpc);
 };
 
@@ -4391,7 +4605,7 @@ const initializeRendererWorker = async () => {
 const listen = async () => {
   Object.assign(commandMapRef, commandMap);
   registerCommands(commandMap);
-  await Promise.all([initializeRendererWorker(), initializeEditorWorker(), initializeFileSearchWorker()]);
+  await Promise.all([initializeRendererWorker(), initializeEditorWorker(), initializeExtensionManagementWorker(), initializeFileSearchWorker()]);
 };
 
 const main = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/quick-pick-worker",
-  "version": "4.1.0",
+  "version": "4.3.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/quick-pick-worker.git"