@lvce-editor/quick-pick-worker 3.3.0 → 4.0.0

package/dist/quickPickWorkerMain.js

@@ -546,12 +546,12 @@ const execute = (command, ...args) => {
 };
 
 const Two$1 = '2.0';
-const callbacks$1 = Object.create(null);
-const get$2 = id => {
-  return callbacks$1[id];
+const callbacks$2 = Object.create(null);
+const get$3 = id => {
+  return callbacks$2[id];
 };
-const remove$1 = id => {
-  delete callbacks$1[id];
+const remove$2 = id => {
+  delete callbacks$2[id];
 };
 class JsonRpcError extends Error {
   constructor(message) {
@@ -696,14 +696,14 @@ 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`);
     return;
   }
   fn(response);
-  remove$1(id);
+  remove$2(id);
 };
 const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
 const getErrorType = prettyError => {
@@ -759,7 +759,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$b = (message, result) => {
+const create$c = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -768,7 +768,7 @@ const create$b = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$b(message, resultProperty);
+  return create$c(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -862,7 +862,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$a = (method, params) => {
+const create$b = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -870,7 +870,7 @@ const create$a = (method, params) => {
   };
 };
 
-const create$9 = (id, method, params) => {
+const create$a = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -880,13 +880,13 @@ const create$9 = (id, method, params) => {
   return message;
 };
 
-let id = 0;
-const create$8 = () => {
-  return ++id;
+let id$2 = 0;
+const create$9 = () => {
+  return ++id$2;
 };
 
 const registerPromise = map => {
-  const id = create$8();
+  const id = create$9();
   const {
     promise,
     resolve
@@ -903,7 +903,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$9(id, method, params);
+  const message = create$a(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -939,7 +939,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$a(method, params);
+      const message = create$b(method, params);
       ipc.send(message);
     }
   };
@@ -979,7 +979,7 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
-const create$7 = async ({
+const create$8 = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -997,7 +997,7 @@ const create$7 = async ({
   return rpc;
 };
 
-const create$6 = async ({
+const create$7 = async ({
   commandMap,
   isMessagePortOpen,
   send
@@ -1007,7 +1007,7 @@ const create$6 = async ({
     port2
   } = new MessageChannel();
   await send(port1);
-  return create$7({
+  return create$8({
     commandMap,
     isMessagePortOpen,
     messagePort: port2
@@ -1042,13 +1042,13 @@ const createSharedLazyRpc = factory => {
   };
 };
 
-const create$5 = async ({
+const create$6 = async ({
   commandMap,
   isMessagePortOpen,
   send
 }) => {
   return createSharedLazyRpc(() => {
-    return create$6({
+    return create$7({
       commandMap,
       isMessagePortOpen,
       send
@@ -1056,7 +1056,7 @@ const create$5 = async ({
   });
 };
 
-const create$4 = async ({
+const create$5 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -1088,32 +1088,32 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$4 = (id, rpc) => {
+const set$5 = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get$1 = id => {
+const get$2 = id => {
   return rpcs[id];
 };
-const remove = id => {
+const remove$1 = id => {
   delete rpcs[id];
 };
 
 /* eslint-disable  @typescript-eslint/explicit-function-return-type */
-const create$3 = rpcId => {
+const create$4 = rpcId => {
   return {
     async dispose() {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       await rpc.dispose();
     },
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -1121,16 +1121,16 @@ const create$3 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$4(rpcId, mockRpc);
+      set$5(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
-        remove(rpcId);
+        remove$1(rpcId);
       };
       // @ts-ignore
       return mockRpc;
     },
     set(rpc) {
-      set$4(rpcId, rpc);
+      set$5(rpcId, rpc);
     }
   };
 };
@@ -1151,52 +1151,52 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusQuickPickInput = 20;
 
 const {
-  invoke: invoke$2,
-  set: set$3
-} = create$3(EditorWorker);
+  invoke: invoke$3,
+  set: set$4
+} = create$4(EditorWorker);
 const getLines = async editorUid => {
-  const lines = await invoke$2('Editor.getLines2', editorUid);
+  const lines = await invoke$3('Editor.getLines2', editorUid);
   return lines;
 };
 
 const {
-  invoke: invoke$1,
-  set: set$2
-} = create$3(7013);
+  invoke: invoke$2,
+  set: set$3
+} = create$4(7013);
 
 const {
-  invoke,
+  invoke: invoke$1,
   invokeAndTransfer,
-  set: set$1
-} = create$3(RendererWorker);
+  set: set$2
+} = create$4(RendererWorker);
 const sendMessagePortToEditorWorker = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
 };
 const setFocus = key => {
-  return invoke('Focus.setFocus', key);
+  return invoke$1('Focus.setFocus', key);
 };
 const getFileIcon = async options => {
-  return invoke('IconTheme.getFileIcon', options);
+  return invoke$1('IconTheme.getFileIcon', options);
 };
 const getFolderIcon = async options => {
-  return invoke('IconTheme.getFolderIcon', options);
+  return invoke$1('IconTheme.getFolderIcon', options);
 };
 const closeWidget$1 = async widgetId => {
-  return invoke('Viewlet.closeWidget', widgetId);
+  return invoke$1('Viewlet.closeWidget', widgetId);
 };
 const sendMessagePortToFileSearchWorker2 = async (port, rpcId = 0) => {
   const command = 'FileSearch.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSearchWorker', port, command, rpcId);
 };
 const getActiveEditorId = () => {
-  return invoke('GetActiveEditor.getActiveEditorId');
+  return invoke$1('GetActiveEditor.getActiveEditorId');
 };
 const openUri$1 = async (uri, focus, options) => {
-  await invoke('Main.openUri', uri, focus, options);
+  await invoke$1('Main.openUri', uri, focus, options);
 };
 const showErrorDialog$1 = async errorInfo => {
-  await invoke('ErrorHandling.showErrorDialog', errorInfo);
+  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
 };
 
 const closeWidget = async id => {
@@ -1204,7 +1204,73 @@ const closeWidget = async id => {
   await closeWidget$1(id);
 };
 
+let id$1 = 0;
+const create$3 = () => {
+  return ++id$1;
+};
+
+const callbacks$1 = Object.create(null);
+const registerCallback = () => {
+  const id = create$3();
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  callbacks$1[id] = resolve;
+  return {
+    id,
+    promise
+  };
+};
+const executeCallback = (id, value) => {
+  const fn = callbacks$1[id];
+  delete callbacks$1[id];
+  fn(value);
+};
+
+const ColorTheme$1 = 0;
+const Commands$1 = 1;
+const Custom$1 = 2;
+const File$1 = 3;
+const GoToColumn$1 = 4;
+const GoToLine$2 = 5;
+const Help$2 = 6;
+const Recent$1 = 7;
+const Symbol$3 = 8;
+const View$3 = 9;
+const WorkspaceSymbol$2 = 10;
+const EveryThing$1 = 100;
+
+const getCancelResult$1 = args => {
+  const last = args.at(-1);
+  if (last && typeof last === 'object' &&
+  // @ts-ignore
+  last.mode === 'quickPick') {
+    return undefined;
+  }
+  return {
+    canceled: true,
+    inputValue: ''
+  };
+};
 const close = async state => {
+  const {
+    args,
+    providerId
+  } = state;
+  if (providerId === Custom$1) {
+    const resolveId = args[2];
+    const options = args.at(-1);
+    const result = getCancelResult$1(args);
+    if (options?.callbackOwner === 'quickPickWorker') {
+      if (typeof resolveId !== 'number') {
+        throw new TypeError('expected resolve id to be a number');
+      }
+      executeCallback(resolveId, result);
+    } else {
+      await invoke$1('QuickPick.executeCallback', resolveId, result);
+    }
+  }
   await closeWidget(state.uid);
   return state;
 };
@@ -1336,13 +1402,47 @@ const create$2 = () => {
 
 const {
   dispose: dispose$1,
-  get,
+  get: get$1,
   getCommandIds,
   registerCommands,
-  set,
+  set: set$1,
   wrapCommand
 } = create$2();
 
+const getListHeight$1 = (itemsLength, itemHeight, maxHeight) => {
+  number(itemsLength);
+  number(itemHeight);
+  number(maxHeight);
+  if (itemsLength === 0) {
+    return itemHeight;
+  }
+  const totalHeight = itemsLength * itemHeight;
+  return Math.min(totalHeight, maxHeight);
+};
+
+const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
+  if (size >= contentSize) {
+    return 0;
+  }
+  return Math.max(Math.round(size ** 2 / contentSize), minimumSliderSize);
+};
+
+const getScrollBarOffset = (delta, finalDelta, size, scrollBarSize) => {
+  if (finalDelta <= 0) {
+    return 0;
+  }
+  const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
+  return scrollBarOffset;
+};
+const getScrollBarY = getScrollBarOffset;
+const getDeltaY = (scrollBarY, finalDelta, size, scrollBarSize) => {
+  const scrollBarRange = size - scrollBarSize;
+  if (finalDelta <= 0 || scrollBarRange <= 0) {
+    return 0;
+  }
+  return scrollBarY / scrollBarRange * finalDelta;
+};
+
 const create$1 = ({
   headerHeight = 0,
   itemHeight,
@@ -1360,17 +1460,40 @@ const create$1 = ({
     minLineY: 0,
     scrollBarActive: false,
     scrollBarHeight: 0,
+    scrollBarPointerId: -1,
+    scrollBarPointerOffsetY: 0,
     touchDifference: 0,
     touchOffsetY: 0,
     touchTimeStamp: 0
   };
 };
-const getListHeight$1 = (height, headerHeight) => {
+const getListHeight = (height, headerHeight) => {
   if (headerHeight) {
     return height - headerHeight;
   }
   return headerHeight;
 };
+const clamp = (value, min, max) => {
+  return Math.min(Math.max(value, min), max);
+};
+const getScrollBarHeight = state => {
+  const {
+    height,
+    itemHeight,
+    items,
+    minimumSliderSize
+  } = state;
+  const listHeight = getListHeight$1(items.length, itemHeight, height);
+  const contentHeight = items.length * itemHeight;
+  return getScrollBarSize(listHeight, contentHeight, minimumSliderSize);
+};
+const getScrollBarTop = (state, scrollBarHeight) => {
+  const scrollBarSize = state.height - state.headerHeight;
+  return getScrollBarY(state.deltaY, state.finalDeltaY, scrollBarSize, scrollBarHeight);
+};
+const getRelativePointerY = (state, clientY) => {
+  return clientY - state.top - state.headerHeight;
+};
 const setDeltaY = (state, deltaY) => {
   object(state);
   number(deltaY);
@@ -1380,7 +1503,7 @@ const setDeltaY = (state, deltaY) => {
     itemHeight,
     items
   } = state;
-  const listHeight = getListHeight$1(height, headerHeight);
+  const listHeight = getListHeight(height, headerHeight);
   const itemsLength = items.length;
   const finalDeltaY = itemsLength * itemHeight - listHeight;
   if (deltaY < 0) {
@@ -1408,6 +1531,53 @@ const handleWheel = (state, deltaMode, deltaY) => {
   number(deltaY);
   return setDeltaY(state, state.deltaY + deltaY);
 };
+const handleScrollBarPointerDown = (state, clientY, pointerId) => {
+  object(state);
+  number(clientY);
+  number(pointerId);
+  const scrollBarHeight = getScrollBarHeight(state);
+  if (scrollBarHeight <= 0) {
+    return state;
+  }
+  const scrollBarTop = getScrollBarTop(state, scrollBarHeight);
+  const relativePointerY = getRelativePointerY(state, clientY);
+  const scrollBarPointerOffsetY = clamp(relativePointerY - scrollBarTop, 0, scrollBarHeight);
+  const newState = {
+    ...state,
+    scrollBarActive: true,
+    scrollBarPointerId: pointerId,
+    scrollBarPointerOffsetY
+  };
+  return handleScrollBarPointerMove(newState, clientY, pointerId);
+};
+const handleScrollBarPointerMove = (state, clientY, pointerId) => {
+  object(state);
+  number(clientY);
+  number(pointerId);
+  if (!state.scrollBarActive || state.scrollBarPointerId !== pointerId) {
+    return state;
+  }
+  const scrollBarHeight = getScrollBarHeight(state);
+  const scrollBarSize = state.height - state.headerHeight;
+  const maxScrollBarTop = Math.max(scrollBarSize - scrollBarHeight, 0);
+  const relativePointerY = getRelativePointerY(state, clientY) - state.scrollBarPointerOffsetY;
+  const scrollBarTop = clamp(relativePointerY, 0, maxScrollBarTop);
+  const deltaY = Math.round(getDeltaY(scrollBarTop, state.finalDeltaY, scrollBarSize, scrollBarHeight));
+  return setDeltaY(state, deltaY);
+};
+const handleScrollBarPointerUp = (state, pointerId) => {
+  object(state);
+  number(pointerId);
+  if (!state.scrollBarActive || state.scrollBarPointerId !== pointerId) {
+    return state;
+  }
+  return {
+    ...state,
+    scrollBarActive: false,
+    scrollBarPointerId: -1,
+    scrollBarPointerOffsetY: 0
+  };
+};
 
 const create = (uid, uri, listItemHeight, x, y, width, height, platform, args, workspaceUri, assetDir) => {
   const state = {
@@ -1442,7 +1612,7 @@ const create = (uid, uri, listItemHeight, x, y, width, height, platform, args, w
     platform,
     value: ''
   };
-  set(uid, state, state);
+  set$1(uid, state, state);
 };
 
 const RenderItems = 1;
@@ -1492,7 +1662,7 @@ const diff2 = uid => {
   const {
     newState,
     oldState
-  } = get(uid);
+  } = get$1(uid);
   return diff(oldState, newState);
 };
 
@@ -1501,7 +1671,7 @@ const dispose = uid => {
 };
 
 const setColorTheme = id => {
-  return invoke(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
 
 const focusPick$1 = async pick => {
@@ -1511,19 +1681,6 @@ const focusPick$1 = async pick => {
   await setColorTheme(label);
 };
 
-const ColorTheme$1 = 0;
-const Commands$1 = 1;
-const Custom$1 = 2;
-const File$1 = 3;
-const GoToColumn$1 = 4;
-const GoToLine$2 = 5;
-const Help$2 = 6;
-const Recent$1 = 7;
-const Symbol$3 = 8;
-const View$3 = 9;
-const WorkspaceSymbol$2 = 10;
-const EveryThing$1 = 100;
-
 const noop$1 = async () => {};
 const getFn$1 = id => {
   switch (id) {
@@ -1559,6 +1716,10 @@ const getMissingIconRequests = (dirents, fileIconCache) => {
   return missingRequests;
 };
 
+const getPath$1 = dirent => {
+  return dirent.path;
+};
+
 const None$2 = 0;
 const Directory = 3;
 const File = 7;
@@ -1578,6 +1739,15 @@ const requestFileIcons = async requests => {
   return Promise.all(promises);
 };
 
+const toDirent = pick => {
+  const dirent = {
+    name: pick.label,
+    path: pick.uri,
+    type: pick.direntType
+  };
+  return dirent;
+};
+
 const updateIconCache = (iconCache, missingRequests, newIcons) => {
   if (missingRequests.length === 0) {
     return iconCache;
@@ -1593,17 +1763,6 @@ const updateIconCache = (iconCache, missingRequests, newIcons) => {
   return newFileIconCache;
 };
 
-const getPath$1 = dirent => {
-  return dirent.path;
-};
-const toDirent = pick => {
-  const dirent = {
-    name: pick.label,
-    path: pick.uri,
-    type: pick.direntType
-  };
-  return dirent;
-};
 const getQuickPickFileIcons = async (items, fileIconCache) => {
   const dirents = items.map(toDirent);
   const missingRequests = getMissingIconRequests(dirents, fileIconCache);
@@ -1620,6 +1779,7 @@ const getQuickPickFileIcons = async (items, fileIconCache) => {
 const focusIndex = async (state, index) => {
   const {
     fileIconCache,
+    itemHeight,
     items,
     maxLineY,
     maxVisibleItems,
@@ -1639,6 +1799,7 @@ const focusIndex = async (state, index) => {
     // TODO need to scroll up
     return {
       ...state,
+      deltaY: minLineY * itemHeight,
       fileIconCache: newFileIconCache,
       focusedIndex: index,
       icons,
@@ -1657,6 +1818,7 @@ const focusIndex = async (state, index) => {
     } = await getQuickPickFileIcons(sliced, fileIconCache);
     return {
       ...state,
+      deltaY: minLineY * itemHeight,
       fileIconCache: newFileIconCache,
       focusedIndex: index,
       icons,
@@ -1728,8 +1890,7 @@ const DownArrow = 16;
 
 const getKeyBindings = () => {
   return [{
-    args: ['QuickPick'],
-    command: 'Viewlet.closeWidget',
+    command: 'QuickPick.close',
     key: Escape,
     when: FocusQuickPickInput
   }, {
@@ -2156,19 +2317,8 @@ const getFinalDeltaY = (height, itemHeight, itemsLength) => {
   return finalDeltaY;
 };
 
-const getListHeight = (itemsLength, itemHeight, maxHeight) => {
-  number(itemsLength);
-  number(itemHeight);
-  number(maxHeight);
-  if (itemsLength === 0) {
-    return itemHeight;
-  }
-  const totalHeight = itemsLength * itemHeight;
-  return Math.min(totalHeight, maxHeight);
-};
-
 const getColorThemeNames = async (assetDir, platform) => {
-  return invoke('ColorTheme.getColorThemeNames', assetDir, platform);
+  return invoke$1('ColorTheme.getColorThemeNames', assetDir, platform);
 };
 
 const toProtoVisibleItem$3 = name => {
@@ -2226,14 +2376,14 @@ const state$1 = {
 const getAll = async () => {
   try {
     // @ts-ignore
-    const entries = await invoke('Layout.getAllQuickPickMenuEntries');
+    const entries = await invoke$1('Layout.getAllQuickPickMenuEntries');
     return entries || [];
   } catch {
     // ignore
   }
   return state$1.menuEntries;
 };
-const add = menuEntries => {
+const add$1 = menuEntries => {
   state$1.menuEntries = [...state$1.menuEntries, ...menuEntries];
 };
 
@@ -2262,7 +2412,7 @@ const getExtensionPicks = async (assetDir, platform) => {
     // Assert.number(platform)
     // TODO ask extension management worker directly
     // TODO don't call this every time, cache the results
-    const extensionPicks = await invoke('ExtensionHost.getCommands', assetDir, platform);
+    const extensionPicks = await invoke$1('ExtensionHost.getCommands', assetDir, platform);
     if (!extensionPicks) {
       return [];
     }
@@ -2302,22 +2452,53 @@ const getPicks$b = async (value, args, {
   return converted;
 };
 
+const state = {
+  args: [],
+  items: Object.create(null)
+};
+
+let id = 0;
+const add = items => {
+  const nextId = ++id;
+  state.items[nextId] = items;
+  return nextId;
+};
+const get = id => {
+  return state.items[id] || [];
+};
+const remove = id => {
+  delete state.items[id];
+};
+
+let rpc;
+const set = newRpc => {
+  rpc = newRpc;
+};
+const invoke = (method, ...args) => {
+  return rpc.invoke(method, ...args);
+};
+
 const toProtoVisibleItem$1 = item => {
   const {
-    label
+    description = '',
+    label,
+    value
   } = item;
   return {
-    description: '',
+    description,
     direntType: 0,
     fileIcon: '',
     icon: '',
     label,
     matches: [],
-    uri: ''
+    uri: '',
+    value
   };
 };
 const getPicks$a = async (searchValue, args) => {
-  const items = args[1] || [];
+  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);
   return mapped;
 };
@@ -2325,11 +2506,11 @@ const getPicks$a = async (searchValue, args) => {
 const emptyMatches = [];
 
 const getWorkspacePath = async () => {
-  return invoke('Workspace.getPath');
+  return invoke$1('Workspace.getPath');
 };
 
 const searchFile$1 = async (path, value, prepare, assetDir) => {
-  const result = await invoke$1('FileSearch.searchFile', path, value, prepare, assetDir);
+  const result = await invoke$2('FileSearch.searchFile', path, value, prepare, assetDir);
   return result;
 };
 
@@ -2614,8 +2795,12 @@ const getPicks$7 = async () => {
   }];
 };
 
-const getRecentlyOpened = () => {
-  return invoke(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+const uniq = array => {
+  return [...new Set(array)];
+};
+const getRecentlyOpened = async () => {
+  const recentlyOpened = await invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+  return uniq(recentlyOpened);
 };
 
 const getPath = uri => {
@@ -2694,7 +2879,7 @@ const shouldHide = item => {
 const selectPickBuiltin = async item => {
   const args = item.args || [];
   // TODO ids should be all numbers for efficiency -> also directly can call command
-  await invoke(item.id, ...args);
+  await invoke$1(item.id, ...args);
   if (shouldHide(item)) {
     return {
       command: Hide
@@ -2707,13 +2892,16 @@ const selectPickBuiltin = async item => {
 const selectPickExtension = async item => {
   const id = item.id.slice(4); // TODO lots of string allocation with 'ext.' find a better way to separate builtin commands from extension commands
   try {
-    await invoke('ExtensionHost.executeCommand', id);
+    await invoke$1('ExtensionHost.executeCommand', id);
   } catch (error) {
     await handleError(error, false);
     await showErrorDialog(error);
+    return {
+      command: Hide
+    };
   }
   return {
-    command: Hide
+    command: KeepOpen
   };
 };
 const selectPick$8 = async item => {
@@ -2727,16 +2915,31 @@ const selectPick$8 = async item => {
   return selectPickBuiltin(item);
 };
 
-const state = {
-  args: []
+const getOptions = args => {
+  const last = args.at(-1);
+  if (!last || typeof last !== 'object') {
+    return {};
+  }
+  return last;
 };
-
-const selectPick$7 = async pick => {
+const selectPick$7 = async (_pick, value) => {
   const {
     args
   } = state;
+  const options = getOptions(args);
   const resolveId = args[2];
-  await invoke(`QuickPick.executeCallback`, resolveId, pick);
+  const result = options.mode === 'quickPick' ? _pick.value : {
+    canceled: false,
+    inputValue: value
+  };
+  if (options.callbackOwner === 'quickPickWorker') {
+    if (typeof resolveId !== 'number') {
+      throw new TypeError('expected resolve id to be a number');
+    }
+    executeCallback(resolveId, result);
+  } else {
+    await invoke$1('QuickPick.executeCallback', resolveId, result);
+  }
   return {
     command: Hide
   };
@@ -2760,12 +2963,12 @@ const selectPick$6 = async pick => {
 };
 
 const setCursor = async (rowIndex, columnIndex) => {
-  await invoke('Editor.cursorSet', rowIndex, columnIndex);
+  await invoke$1('Editor.cursorSet', rowIndex, columnIndex);
 };
 
 const goToPositionAndFocus = async (rowIndex, columnIndex) => {
   await setCursor(rowIndex, columnIndex);
-  await invoke('Editor.handleFocus');
+  await invoke$1('Editor.handleFocus');
 };
 
 const selectPickGoToColumn = async (item, value) => {
@@ -2808,7 +3011,7 @@ const selectPick$4 = async item => {
 };
 
 const openWorkspaceFolder = uri => {
-  return invoke(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
+  return invoke$1(/* Workspace.setPath */'Workspace.setPath', /* path */uri);
 };
 
 // TODO selectPick should be independent of show/hide
@@ -2890,6 +3093,11 @@ const getQuickPickSubProviderId = (id, prefix) => {
   }
 };
 
+const isQuickInput = args => {
+  const options = args.at(-1);
+  return options?.mode === 'quickInput';
+};
+
 // TODO when user types letters -> no need to query provider again -> just filter existing results
 const setValue = async (state, newValue) => {
   const {
@@ -2913,7 +3121,7 @@ const setValue = async (state, newValue) => {
     assetDir,
     platform
   });
-  const filterValue = getFilterValue(providerId, subId, newValue);
+  const filterValue = isQuickInput(args) ? '' : getFilterValue(providerId, subId, newValue);
   const items = filterQuickPickItems(newPicks, filterValue);
   const focusedIndex = items.length === 0 ? -1 : 0;
   const sliced = items.slice(minLineY, maxLineY);
@@ -2921,7 +3129,7 @@ const setValue = async (state, newValue) => {
     icons,
     newFileIconCache
   } = await getQuickPickFileIcons(sliced, fileIconCache);
-  const listHeight = getListHeight(items.length, itemHeight, height);
+  const listHeight = getListHeight$1(items.length, itemHeight, height);
   const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, items.length);
   return {
     ...state,
@@ -2967,7 +3175,27 @@ const handleBeforeInput = (state, inputType, data, selectionStart, selectionEnd)
   return handleInput(state, newValue, cursorOffset, User);
 };
 
+const getCancelResult = args => {
+  const last = args.at(-1);
+  if (last && typeof last === 'object' &&
+  // @ts-ignore
+  last.mode === 'quickPick') {
+    return undefined;
+  }
+  return {
+    canceled: true,
+    inputValue: ''
+  };
+};
 const handleBlur = async state => {
+  const {
+    args,
+    providerId
+  } = state;
+  if (providerId === Custom$1) {
+    const resolveId = args[2];
+    await invoke$1('QuickPick.executeCallback', resolveId, getCancelResult(args));
+  }
   await closeWidget(state.uid);
   return state;
 };
@@ -2992,6 +3220,17 @@ 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,
@@ -3000,12 +3239,12 @@ const selectIndex = async (state, index, button = /* left */0) => {
     value
   } = state;
   const actualIndex = index + minLineY;
-  const pick = getPick(items, actualIndex);
+  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 prefix = getQuickPickPrefix(value);
-  const subId = getQuickPickSubProviderId(providerId, prefix);
   const fn = getSelect(subId);
   const selectPickResult = await fn(pick, value);
   object(selectPickResult);
@@ -3052,11 +3291,12 @@ const handleFocus = async state => {
 const commandMapRef = {};
 
 const handleMessagePort = async port => {
-  await create$7({
+  const rpc = await create$8({
     commandMap: commandMapRef,
     isMessagePortOpen: true,
     messagePort: port
   });
+  set(rpc);
 };
 
 const initialize = async () => {
@@ -3104,25 +3344,45 @@ const getQuickPickProviderId = prefix => {
   }
 };
 
+const callbacks = [];
+const waitUntilVisible = () => {
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  callbacks.push(resolve);
+  return promise;
+};
+const notifyVisible = () => {
+  const pendingCallbacks = callbacks.splice(0);
+  for (const callback of pendingCallbacks) {
+    callback();
+  }
+};
+
 const parseArgs = (subId, args) => {
   if (subId !== Custom$1) {
     return {
       ignoreFocusOut: false,
-      initialValue: ''
+      initialValue: '',
+      placeholder: ''
     };
   }
   const last = args.at(-1);
   if (!last || typeof last !== 'object') {
     return {
       ignoreFocusOut: false,
-      initialValue: ''
+      initialValue: '',
+      placeholder: ''
     };
   }
   return {
     // @ts-ignore
     ignoreFocusOut: Boolean(last.ignoreFocusOut),
     // @ts-ignore
-    initialValue: String(last.initialValue)
+    initialValue: last.initialValue ? String(last.initialValue) : '',
+    // @ts-ignore
+    placeholder: last.placeholder ? String(last.placeholder) : ''
   };
 };
 const loadContent = async state => {
@@ -3154,10 +3414,11 @@ const loadContent = async state => {
     icons,
     newFileIconCache
   } = await getQuickPickFileIcons(sliced, fileIconCache);
-  const listHeight = getListHeight(items.length, itemHeight, height);
+  const listHeight = getListHeight$1(items.length, itemHeight, height);
   const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, items.length);
   const parsedArgs = parseArgs(subId, args);
   const finalValue = parsedArgs.initialValue || value;
+  notifyVisible();
   return {
     ...state,
     args,
@@ -3173,20 +3434,13 @@ const loadContent = async state => {
     maxLineY,
     minLineY,
     picks: newPicks,
-    placeholder: '',
+    placeholder: parsedArgs.placeholder,
     providerId: id,
     state: Finished,
     value: finalValue
   };
 };
 
-const callbacks = Object.create(null);
-const executeCallback = id => {
-  const fn = callbacks[id];
-  delete callbacks[id];
-  fn();
-};
-
 const SetCursorOffset = 'setCursorOffset';
 const SetFocusedIndex = 'setFocusedIndex';
 const SetItemsHeight = 'setItemsHeight';
@@ -3535,13 +3789,6 @@ const getVisible$1 = (items, minLineY, maxLineY, icons) => {
   return protoVisibleItems;
 };
 
-const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
-  if (size >= contentSize) {
-    return 0;
-  }
-  return Math.max(Math.round(size ** 2 / contentSize), minimumSliderSize);
-};
-
 const emptyHighlightSections = [];
 
 const getHighlightSections = (highlights, label) => {
@@ -3578,13 +3825,14 @@ const getHighlightSections = (highlights, label) => {
 };
 
 const getVisible = (setSize, protoVisibleItems, minLineY, focusedIndex) => {
+  const visibleFocusedIndex = focusedIndex - minLineY;
   const visibleItems = protoVisibleItems.map((visibleItem, i) => {
     const highlights = visibleItem.matches.slice(1);
     const sections = getHighlightSections(highlights, visibleItem.label);
     return {
       ...visibleItem,
       highlights: sections,
-      isActive: i === focusedIndex,
+      isActive: i === visibleFocusedIndex,
       posInSet: minLineY + i + 1,
       setSize
     };
@@ -3592,15 +3840,6 @@ const getVisible = (setSize, protoVisibleItems, minLineY, focusedIndex) => {
   return visibleItems;
 };
 
-const getScrollBarOffset = (delta, finalDelta, size, scrollBarSize) => {
-  if (finalDelta <= 0) {
-    return 0;
-  }
-  const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
-  return scrollBarOffset;
-};
-const getScrollBarY = getScrollBarOffset;
-
 const createQuickPickViewModel = (oldState, newState) => {
   const {
     cursorOffset,
@@ -3624,7 +3863,7 @@ const createQuickPickViewModel = (oldState, newState) => {
   const oldFocusedIndex = oldState.focusedIndex - oldState.minLineY;
   const newFocusedIndex = focusedIndex - minLineY;
   const itemCount = items.length;
-  const listHeight = getListHeight(itemCount, itemHeight, height);
+  const listHeight = getListHeight$1(itemCount, itemHeight, height);
   const contentHeight = itemCount * itemHeight;
   const scrollBarHeight = getScrollBarSize(listHeight, contentHeight, minimumSliderSize);
   const scrollBarY = getScrollBarY(deltaY, finalDeltaY, height - headerHeight, scrollBarHeight);
@@ -3655,7 +3894,7 @@ const Label = 'Label';
 const List = 'List';
 const ListItems = 'ListItems';
 const MaskIcon = 'MaskIcon';
-const QuickPick$1 = 'QuickPick';
+const QuickPick$2 = 'QuickPick';
 const QuickPickHeader = 'QuickPickHeader';
 const QuickPickHighlight = 'QuickPickHighlight';
 const QuickPickItem = 'QuickPickItem';
@@ -3679,11 +3918,11 @@ const HandleScrollbarPointerDown = 'handleScrollbarPointerDown';
 const HandleScrollbarPointerMove = 'handleScrollbarPointerMove';
 const HandleScrollbarPointerUp = 'handleScrollbarPointerUp';
 
-const QuickPick = 'QuickPick';
+const QuickPick$1 = 'QuickPick';
 const QuickPickItems = 'QuickPickItems';
 const QuickPickItemActive = 'QuickPickItemActive';
 
-const getQuickPickInputVirtualDom = () => {
+const getQuickPickInputVirtualDom = (placeholder = '') => {
   const ariaLabel = typeNameofCommandToRun();
   return {
     ariaAutoComplete: 'list',
@@ -3699,18 +3938,19 @@ const getQuickPickInputVirtualDom = () => {
     onBlur: HandleBlur,
     onFocus: HandleFocus,
     onInput: HandleInput,
+    placeholder,
     role: ComboBox,
     spellcheck: false,
     type: Input
   };
 };
 
-const getQuickPickHeaderVirtualDom = () => {
+const getQuickPickHeaderVirtualDom = (placeholder = '') => {
   return [{
     childCount: 1,
     className: QuickPickHeader,
     type: Div
-  }, getQuickPickInputVirtualDom()];
+  }, getQuickPickInputVirtualDom(placeholder)];
 };
 
 const getFileIconVirtualDom = icon => {
@@ -3832,6 +4072,7 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   return [{
     childCount: 1,
     className: mergeClassNames(ScrollBar, ScrollBarSmall),
+    onPointerDown: HandleScrollbarPointerDown,
     type: Div
   }, {
     childCount: 0,
@@ -3859,7 +4100,7 @@ const getRootNodeCount = nodes => {
   }
   return count;
 };
-const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop) => {
+const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, placeholder = '') => {
   const quickOpen$1 = quickOpen();
   const shouldShowScrollbar = scrollBarHeight > 0;
   const quickPickItemsDom = getQuickPickItemsVirtualDom(visibleItems);
@@ -3867,10 +4108,10 @@ const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop) =>
   return [{
     ariaLabel: quickOpen$1,
     childCount: 2,
-    className: mergeClassNames(Viewlet, QuickPick$1),
-    id: QuickPick,
+    className: mergeClassNames(Viewlet, QuickPick$2),
+    id: QuickPick$1,
     type: Div
-  }, ...getQuickPickHeaderVirtualDom(), {
+  }, ...getQuickPickHeaderVirtualDom(placeholder), {
     ariaActivedescendant: QuickPickItemActive,
     childCount: shouldShowScrollbar ? 2 : 1,
     className: mergeClassNames(List, ContainContent),
@@ -3896,7 +4137,7 @@ const renderItemsDom = state => {
     scrollBarTop,
     visibleItems
   } = viewModel;
-  return getQuickPickVirtualDom(visibleItems, scrollBarHeight, scrollBarTop);
+  return getQuickPickVirtualDom(visibleItems, scrollBarHeight, scrollBarTop, state.placeholder);
 };
 const renderItems = (_oldState, newState) => {
   const dom = renderItemsDom(newState);
@@ -3954,11 +4195,11 @@ const render2 = (uid, diffResult) => {
   const {
     newState,
     oldState
-  } = get(uid);
+  } = get$1(uid);
   if (oldState === newState) {
     return [];
   }
-  set(uid, newState, newState);
+  set$1(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -4025,26 +4266,62 @@ const selectItem = async (state, label) => {
 };
 
 const showQuickInput = async ({
+  id,
   ignoreFocusOut,
+  initialItems = [],
   initialValue,
   waitUntil
 }) => {
-  // TODO ask renderer worker to create quickpick instance, with given options
+  const customItemsId = add(initialItems);
   const picks = [];
-  // const id=QuickPickCallbacks.registerCallback()
-  await invoke('QuickPick.showCustom', picks, {
-    ignoreFocusOut,
-    initialValue,
-    waitUntil
-  });
-  return {
-    canceled: false,
-    inputValue: ''
-  };
+  try {
+    const result = await invoke$1('QuickPick.showCustom', picks, {
+      customItemsId,
+      ignoreFocusOut,
+      initialValue,
+      mode: 'quickInput',
+      quickInputId: id,
+      waitUntil
+    });
+    return result ?? {
+      canceled: true,
+      inputValue: ''
+    };
+  } finally {
+    remove(customItemsId);
+  }
+};
+
+const QuickPick = 'QuickPick';
+
+const showQuickPick = async ({
+  items,
+  placeholder = '',
+  waitUntil = 'selected'
+}) => {
+  const customItemsId = add(items);
+  const {
+    id,
+    promise
+  } = registerCallback();
+  try {
+    await invoke$1('Viewlet.openWidget', QuickPick, 'custom', [], id, {
+      callbackOwner: 'quickPickWorker',
+      customItemsId,
+      mode: 'quickPick',
+      placeholder
+    });
+    if (waitUntil === 'visible') {
+      return undefined;
+    }
+    return await promise;
+  } finally {
+    remove(customItemsId);
+  }
 };
 
 const commandMap = {
-  'QuickPick.addMenuEntries': add,
+  'QuickPick.addMenuEntries': add$1,
   'QuickPick.close': close,
   'QuickPick.create2': create,
   'QuickPick.diff2': diff2,
@@ -4063,6 +4340,9 @@ const commandMap = {
   'QuickPick.handleFocus': wrapCommand(handleFocus),
   'QuickPick.handleInput': wrapCommand(handleInput),
   '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),
@@ -4073,34 +4353,36 @@ const commandMap = {
   'QuickPick.selectItem': wrapCommand(selectItem),
   'QuickPick.setDeltaY': wrapCommand(setDeltaY),
   'QuickPick.setValue': wrapCommand(setValue),
-  'QuickPick.showQuickInput': showQuickInput
+  'QuickPick.showQuickInput': showQuickInput,
+  'QuickPick.showQuickPick': showQuickPick,
+  'QuickPick.waitUntilVisible': waitUntilVisible
 };
 
 const initializeEditorWorker = async () => {
-  const rpc = await create$5({
+  const rpc = await create$6({
     commandMap: {},
     async send(port) {
       await sendMessagePortToEditorWorker(port, 0);
     }
   });
-  set$3(rpc);
+  set$4(rpc);
 };
 
 const initializeFileSearchWorker = async () => {
-  const rpc = await create$5({
+  const rpc = await create$6({
     commandMap: {},
     async send(port) {
       await sendMessagePortToFileSearchWorker2(port, 0);
     }
   });
-  set$2(rpc);
+  set$3(rpc);
 };
 
 const initializeRendererWorker = async () => {
-  const rpc = await create$4({
+  const rpc = await create$5({
     commandMap: commandMap
   });
-  set$1(rpc);
+  set$2(rpc);
 };
 
 const listen = async () => {

package/package.json

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