@lvce-editor/quick-pick-worker 4.20.1 → 4.21.0

package/dist/quickPickWorkerMain.js

@@ -1364,34 +1364,34 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusQuickPickInput = 20;
 
 const {
-  invoke: invoke$6,
+  invoke: invoke$7,
   set: set$7
 } = create$4(EditorWorker);
 const getLines = async editorUid => {
-  const lines = await invoke$6('Editor.getLines2', editorUid);
+  const lines = await invoke$7('Editor.getLines2', editorUid);
   return lines;
 };
 
 const {
-  invoke: invoke$5,
+  invoke: invoke$6,
   set: set$6
 } = create$4(ExtensionManagementWorker);
 const getLanguages = (platform, assetDir) => {
-  return invoke$5('Extensions.getLanguages', platform, assetDir);
+  return invoke$6('Extensions.getLanguages', platform, assetDir);
 };
 
 const {
-  invoke: invoke$4,
+  invoke: invoke$5,
   set: set$5
 } = create$4(7013);
 
 const {
-  invoke: invoke$3,
+  invoke: invoke$4,
   set: set$4
 } = create$4(RendererProcess);
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$3,
   invokeAndTransfer,
   set: set$3
 } = create$4(RendererWorker);
@@ -1400,37 +1400,37 @@ const sendMessagePortToEditorWorker = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
 };
 const setFocus = key => {
-  return invoke$2('Focus.setFocus', key);
+  return invoke$3('Focus.setFocus', key);
 };
 const getFileIcon = async options => {
-  return invoke$2('IconTheme.getFileIcon', options);
+  return invoke$3('IconTheme.getFileIcon', options);
 };
 const getFolderIcon = async options => {
-  return invoke$2('IconTheme.getFolderIcon', options);
+  return invoke$3('IconTheme.getFolderIcon', options);
 };
 const closeWidget$1 = async widgetId => {
-  return invoke$2('Viewlet.closeWidget', widgetId);
+  return invoke$3('Viewlet.closeWidget', widgetId);
 };
 const sendMessagePortToFileSearchWorker2 = async (port, rpcId = 0) => {
   const command = 'FileSearch.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSearchWorker', port, command, rpcId);
 };
 const getActiveEditorId = () => {
-  return invoke$2('GetActiveEditor.getActiveEditorId');
+  return invoke$3('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$2('Main.openUri', {
+  await invoke$3('Main.openUri', {
     ...options,
     focus,
     uri
   });
 };
 const showErrorDialog$1 = async errorInfo => {
-  await invoke$2('ErrorHandling.showErrorDialog', errorInfo);
+  await invoke$3('ErrorHandling.showErrorDialog', errorInfo);
 };
 
 const closeWidget = async id => {
@@ -1508,7 +1508,7 @@ const close = async state => {
         }
         executeCallback(resolveId, result);
       } else {
-        await invoke$2('QuickPick.executeCallback', resolveId, result);
+        await invoke$3('QuickPick.executeCallback', resolveId, result);
       }
     }
   }
@@ -2057,7 +2057,7 @@ const dispose = uid => {
 };
 
 const setColorTheme = id => {
-  return invoke$2(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+  return invoke$3(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
 
 const focusPick$1 = async pick => {
@@ -2710,7 +2710,7 @@ const getFinalDeltaY = (height, itemHeight, itemsLength) => {
 };
 
 const getColorThemeNames = async (assetDir, platform) => {
-  return invoke$2('ColorTheme.getColorThemeNames', assetDir, platform);
+  return invoke$3('ColorTheme.getColorThemeNames', assetDir, platform);
 };
 
 const toProtoVisibleItem$4 = name => {
@@ -2794,7 +2794,7 @@ const state$3 = {
 const getAll = async () => {
   try {
     // @ts-ignore
-    const entries = await invoke$2('Layout.getAllQuickPickMenuEntries');
+    const entries = await invoke$3('Layout.getAllQuickPickMenuEntries');
     return entries || [];
   } catch {
     // ignore
@@ -2829,7 +2829,7 @@ const getExtensionPicks = async (assetDir, platform, applicationId) => {
     // Assert.number(platform)
     // TODO ask extension management worker directly
     // TODO don't call this every time, cache the results
-    const extensionPicks = applicationId === undefined ? await invoke$2('ExtensionHost.getCommands', assetDir, platform) : await invoke$2('Application.execute', applicationId, 'ExtensionHost.getCommands', assetDir, platform);
+    const extensionPicks = applicationId === undefined ? await invoke$3('ExtensionHost.getCommands', assetDir, platform) : await invoke$3('Application.execute', applicationId, 'ExtensionHost.getCommands', assetDir, platform);
     if (!extensionPicks) {
       return [];
     }
@@ -2900,10 +2900,15 @@ const state$1 = {
 const set$1 = newRpc => {
   state$1.rpc = newRpc;
 };
-const invoke$1 = (method, ...args) => {
+const invoke$2 = (method, ...args) => {
   return state$1.rpc.invoke(method, ...args);
 };
 
+const isTextInput = args => {
+  const options = args.at(-1);
+  return options?.type === 'text';
+};
+
 const toProtoVisibleItem$2 = item => {
   const {
     args,
@@ -2928,10 +2933,13 @@ const toProtoVisibleItem$2 = item => {
 };
 const getPicks$d = async (searchValue, args) => {
   state$2.args = args;
+  if (isTextInput(args)) {
+    return [];
+  }
   const options = args.at(-1);
   let items;
   if (options?.mode === 'quickInput') {
-    items = searchValue === '' && options?.customItemsId ? get(options.customItemsId) : await invoke$1('ExtensionHostQuickPick.renderQuickInput', options.quickInputId, searchValue);
+    items = searchValue === '' && options?.customItemsId ? get(options.customItemsId) : await invoke$2('ExtensionHostQuickPick.renderQuickInput', options.quickInputId, searchValue);
   } else {
     items = options?.customItemsId ? get(options.customItemsId) : args[1] || [];
   }
@@ -2956,11 +2964,11 @@ const getPicks$c = async () => {
 const emptyMatches = [];
 
 const getWorkspacePath = async () => {
-  return invoke$2('Workspace.getPath');
+  return invoke$3('Workspace.getPath');
 };
 
 const searchFile$1 = async (path, value, prepare, assetDir) => {
-  const result = await invoke$4('FileSearch.searchFile', path, value, prepare, assetDir);
+  const result = await invoke$5('FileSearch.searchFile', path, value, prepare, assetDir);
   return result;
 };
 
@@ -3354,7 +3362,7 @@ const uniq = array => {
   });
 };
 const getRecentlyOpened = async () => {
-  const recentlyOpened = await invoke$2(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+  const recentlyOpened = await invoke$3(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
   return uniq(recentlyOpened);
 };
 
@@ -3469,7 +3477,7 @@ const selectPickBuiltin = async item => {
   }
   const args = item.args || [];
   // TODO ids should be all numbers for efficiency -> also directly can call command
-  await invoke$2(item.id, ...args);
+  await invoke$3(item.id, ...args);
   if (shouldHide(item)) {
     return {
       command: Hide
@@ -3483,9 +3491,9 @@ const selectPickExtension = async (item, applicationId) => {
   const id = item.id.slice(4); // TODO lots of string allocation with 'ext.' find a better way to separate builtin commands from extension commands
   try {
     if (applicationId === undefined) {
-      await invoke$2('ExtensionHost.executeCommand', id);
+      await invoke$3('ExtensionHost.executeCommand', id);
     } else {
-      await invoke$2('Application.execute', applicationId, 'ExtensionHost.executeCommand', id);
+      await invoke$3('Application.execute', applicationId, 'ExtensionHost.executeCommand', id);
     }
   } catch (error) {
     await handleError(error, false);
@@ -3544,7 +3552,7 @@ const selectPick$a = async (_pick, value) => {
     }
     executeCallback(resolveId, result);
   } else {
-    await invoke$2('QuickPick.executeCallback', resolveId, result);
+    await invoke$3('QuickPick.executeCallback', resolveId, result);
   }
   return {
     command: Hide
@@ -3553,7 +3561,7 @@ const selectPick$a = async (_pick, value) => {
 
 const selectPick$9 = async pick => {
   const editorId = await getActiveEditorId();
-  await invoke$2('Viewlet.executeViewletCommand', editorId, 'setEndOfLine', pick.value);
+  await invoke$3('Viewlet.executeViewletCommand', editorId, 'setEndOfLine', pick.value);
   return {
     command: Hide
   };
@@ -3577,12 +3585,12 @@ const selectPick$8 = async pick => {
 };
 
 const setCursor = async (rowIndex, columnIndex) => {
-  await invoke$2('Editor.cursorSet', rowIndex, columnIndex);
+  await invoke$3('Editor.cursorSet', rowIndex, columnIndex);
 };
 
 const goToPositionAndFocus = async (rowIndex, columnIndex) => {
   await setCursor(rowIndex, columnIndex);
-  await invoke$2('Editor.handleFocus');
+  await invoke$3('Editor.handleFocus');
 };
 
 const selectPickGoToColumn = async (item, value) => {
@@ -3625,7 +3633,7 @@ const selectPick$6 = async item => {
 
 const selectPick$5 = async pick => {
   const editorId = await getActiveEditorId();
-  await invoke$2('Viewlet.executeViewletCommand', editorId, 'setIndentation', pick.value);
+  await invoke$3('Viewlet.executeViewletCommand', editorId, 'setIndentation', pick.value);
   return {
     command: Hide
   };
@@ -3634,7 +3642,7 @@ const selectPick$5 = async pick => {
 const selectPick$4 = async pick => {
   const editorId = await getActiveEditorId();
   const value = pick.value;
-  await invoke$2('Viewlet.executeViewletCommand', editorId, 'setLanguageId', value.languageId, value.tokenizePath);
+  await invoke$3('Viewlet.executeViewletCommand', editorId, 'setLanguageId', value.languageId, value.tokenizePath);
   return {
     command: Hide
   };
@@ -3642,7 +3650,7 @@ const selectPick$4 = async pick => {
 
 const openWorkspaceFolder = uri => {
   const command = uri.includes('://') ? 'Workspace.setUri' : 'Workspace.setPath';
-  return invoke$2(command, uri);
+  return invoke$3(command, uri);
 };
 
 // TODO selectPick should be independent of show/hide
@@ -3762,6 +3770,13 @@ const setValue = async (state, newValue) => {
   if (value === newValue) {
     return state;
   }
+  if (isTextInput(args)) {
+    return {
+      ...state,
+      inputSource: Script,
+      value: newValue
+    };
+  }
   const prefix = getQuickPickPrefix(newValue);
   const subId = getQuickPickSubProviderId(providerId, prefix);
   const quickInput = isQuickInput(args);
@@ -3890,7 +3905,7 @@ const handleBlur = async state => {
     const options = args.at(-1);
     if (!options?.executeItemCommand) {
       const resolveId = args[2];
-      await invoke$2('QuickPick.executeCallback', resolveId, getCancelResult(args));
+      await invoke$3('QuickPick.executeCallback', resolveId, getCancelResult(args));
     }
   }
   await closeWidget(state.uid);
@@ -4042,7 +4057,7 @@ const getLoadedState = async state => {
   });
   array(newPicks);
   const filterValue = getFilterValue(id, subId, value);
-  const items = filterQuickPickItems(newPicks, filterValue);
+  const items = isTextInput(args) ? newPicks : filterQuickPickItems(newPicks, filterValue);
   const minLineY = 0;
   const maxLineY = Math.min(minLineY + maxVisibleItems, newPicks.length);
   const sliced = newPicks.slice(minLineY, maxLineY);
@@ -4158,7 +4173,7 @@ const selectIndex = async (state, index, button = /* left */0) => {
     case Hide:
       await closeWidget(state.uid);
       if (selectPickResult.itemCommand) {
-        await invoke$2(selectPickResult.itemCommand, ...(selectPickResult.itemCommandArgs || []));
+        await invoke$3(selectPickResult.itemCommand, ...(selectPickResult.itemCommandArgs || []));
       }
       return state;
     case OpenColorTheme:
@@ -4227,8 +4242,8 @@ const isConnected = () => {
   } = state;
   return connected;
 };
-const invoke = (method, ...params) => {
-  return invoke$3(method, ...params);
+const invoke$1 = (method, ...params) => {
+  return invoke$4(method, ...params);
 };
 const set = rpc => {
   set$4(rpc);
@@ -4242,7 +4257,7 @@ const handleRendererProcessMessagePort = async (port, viewletCommandMap, setAsRe
       throw new TypeError(`Viewlet command not found: ${command}`);
     }
     await fn(uid, ...args);
-    await invoke$2('Viewlet.requestRender', uid);
+    await invoke$3('Viewlet.requestRender', uid);
   };
   const rpc = await create$8({
     commandMap: {
@@ -4780,14 +4795,17 @@ const QuickPick$1 = 'QuickPick';
 const QuickPickItems = 'QuickPickItems';
 const QuickPickItemActive = 'QuickPickItemActive';
 
-const getQuickPickInputVirtualDom = (placeholder = '', ariaLabel = typeNameofCommandToRun()) => {
+const getQuickPickInputVirtualDom = (placeholder = '', ariaLabel = typeNameofCommandToRun(), textInput = false) => {
   return [{
     childCount: 1,
     className: QuickPickInputWrapper,
     type: Div
   }, {
-    ariaAutoComplete: 'list',
-    ariaExpanded: true,
+    ...(!textInput && {
+      ariaAutoComplete: 'list',
+      ariaExpanded: true,
+      role: ComboBox
+    }),
     ariaLabel: ariaLabel,
     autocapitalize: 'off',
     autocomplete: 'off',
@@ -4799,18 +4817,17 @@ const getQuickPickInputVirtualDom = (placeholder = '', ariaLabel = typeNameofCom
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder,
-    role: ComboBox,
     spellcheck: false,
     type: Input
   }];
 };
 
-const getQuickPickHeaderVirtualDom = (placeholder = '', ariaLabel) => {
+const getQuickPickHeaderVirtualDom = (placeholder = '', ariaLabel, textInput = false) => {
   return [{
     childCount: 1,
     className: QuickPickHeader,
     type: Div
-  }, ...getQuickPickInputVirtualDom(placeholder, ariaLabel)];
+  }, ...getQuickPickInputVirtualDom(placeholder, ariaLabel, textInput)];
 };
 
 const getFileIconVirtualDom = icon => {
@@ -4955,8 +4972,17 @@ const getRootNodeCount = nodes => {
   }
   return count;
 };
-const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, placeholder = '', inputAriaLabel) => {
+const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, placeholder = '', inputAriaLabel, textInput = false) => {
   const quickOpen$1 = quickOpen();
+  if (textInput) {
+    return [{
+      ariaLabel: quickOpen$1,
+      childCount: 1,
+      className: mergeClassNames(Viewlet, QuickPick$2),
+      id: QuickPick$1,
+      type: Div
+    }, ...getQuickPickHeaderVirtualDom(placeholder, inputAriaLabel, true)];
+  }
   const shouldShowScrollbar = scrollBarHeight > 0;
   const quickPickItemsDom = getQuickPickItemsVirtualDom(visibleItems);
   const listItemsChildCount = getRootNodeCount(quickPickItemsDom);
@@ -4993,7 +5019,7 @@ const renderItemsDom = state => {
     visibleItems
   } = viewModel;
   const inputAriaLabel = getQuickPickInputAriaLabel(state.providerId, state.value, state.placeholder);
-  return getQuickPickVirtualDom(visibleItems, scrollBarHeight, scrollBarTop, state.placeholder, inputAriaLabel);
+  return getQuickPickVirtualDom(visibleItems, scrollBarHeight, scrollBarTop, state.placeholder, inputAriaLabel, isTextInput(state.args));
 };
 const renderItems = (_oldState, newState) => {
   const dom = renderItemsDom(newState);
@@ -5055,7 +5081,7 @@ const isFocusContextCommand = command => {
 const renderDirect = async (uid, commands) => {
   const rendererWorkerCommands = commands.filter(isFocusContextCommand);
   const rendererProcessCommands = commands.filter(command => !isFocusContextCommand(command));
-  const transactionId = await invoke('Viewlet.queueCommands', uid, rendererProcessCommands);
+  const transactionId = await invoke$1('Viewlet.queueCommands', uid, rendererProcessCommands);
   return [...rendererWorkerCommands, ['Viewlet.commitPending', uid, transactionId]];
 };
 const render2 = (uid, diffResult) => {
@@ -5156,24 +5182,31 @@ const serialize = command => {
   };
 };
 
+const invoke = async (applicationId, method, ...args) => {
+  return applicationId === undefined ? invoke$3(method, ...args) : invoke$3('Application.execute', applicationId, method, ...args);
+};
+
 const showQuickInput = async ({
+  applicationId,
   id,
   ignoreFocusOut,
   initialItems = [],
   initialValue,
   placeholder,
+  type = id === undefined && initialItems.length === 0 ? 'text' : 'select',
   waitUntil
 }) => {
   const customItemsId = add(initialItems);
   const picks = [];
   try {
-    const result = await invoke$2('QuickPick.showCustom', picks, {
+    const result = await invoke(applicationId, 'QuickPick.showCustom', picks, {
       customItemsId,
       ignoreFocusOut,
       initialValue,
       mode: 'quickInput',
       placeholder,
       quickInputId: id,
+      type,
       waitUntil
     });
     return result ?? {
@@ -5189,22 +5222,25 @@ const QuickPick = 'QuickPick';
 
 const showQuickPick = async ({
   acceptInput = false,
+  applicationId,
   items,
   placeholder = '',
+  type = 'select',
   waitUntil = 'selected'
 }) => {
-  const customItemsId = add(items);
+  const customItemsId = add(type === 'text' ? [] : items);
   const {
     id,
     promise
   } = registerCallback();
   try {
-    await invoke$2('Viewlet.openWidget', QuickPick, 'custom', [], id, {
-      acceptInput,
+    await invoke(applicationId, 'Viewlet.openWidget', QuickPick, 'custom', [], id, {
+      acceptInput: type === 'text' || acceptInput,
       callbackOwner: 'quickPickWorker',
       customItemsId,
       mode: 'quickPick',
-      placeholder
+      placeholder,
+      type
     });
     if (waitUntil === 'visible') {
       return undefined;

package/package.json

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