@lvce-editor/quick-pick-worker 4.2.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 => {
@@ -2345,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,
@@ -2357,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);
 };
@@ -2411,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}`,
@@ -2440,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) {
@@ -2447,7 +2490,7 @@ const getExtensionPicks = async (assetDir, platform) => {
     return [];
   }
 };
-const toProtoVisibleItem$2 = item => {
+const toProtoVisibleItem$3 = item => {
   const pick = {
     // @ts-ignore
     args: item.args,
@@ -2464,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
 } = {}) => {
@@ -2472,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;
 };
 
@@ -2502,7 +2545,7 @@ const invoke = (method, ...args) => {
   return rpc.invoke(method, ...args);
 };
 
-const toProtoVisibleItem$1 = item => {
+const toProtoVisibleItem$2 = item => {
   const {
     description = '',
     label,
@@ -2519,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;
 };
 
@@ -2576,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) {
@@ -2740,7 +2783,7 @@ const parseGotoline = value => {
   return wantedLine;
 };
 
-const getPicks$8 = async value => {
+const getPicks$9 = async value => {
   if (value === GoToLine$1) {
     return getPicksGoToLineBase();
   }
@@ -2770,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,
@@ -2822,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)];
 };
@@ -2883,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 {
@@ -2904,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);
@@ -2931,7 +3017,7 @@ const selectPickExtension = async item => {
     command: KeepOpen
   };
 };
-const selectPick$8 = async item => {
+const selectPick$9 = async item => {
   // @ts-ignore
   const {
     id
@@ -2949,7 +3035,7 @@ const getOptions = args => {
   }
   return last;
 };
-const selectPick$7 = async (_pick, value) => {
+const selectPick$8 = async (_pick, value) => {
   const {
     args
   } = state;
@@ -2976,7 +3062,7 @@ const openUri = async uri => {
   await openUri$1(uri);
 };
 
-const selectPick$6 = async pick => {
+const selectPick$7 = async pick => {
   const {
     description
   } = pick;
@@ -3014,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);
@@ -3030,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);
 };
@@ -3071,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;
@@ -3296,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';
@@ -3399,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:
@@ -3413,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:
@@ -3473,7 +3491,7 @@ const getLoadedState = 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, {
@@ -3515,6 +3533,11 @@ const getLoadedState = 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);
@@ -3540,6 +3563,96 @@ const loadContentWithContext = async context => {
   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';
 const SetItemsHeight = 'setItemsHeight';
@@ -4459,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);
 };
 
@@ -4482,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.2.0",
+  "version": "4.3.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/quick-pick-worker.git"