@lvce-editor/quick-pick-worker 4.22.3 → 4.23.1

package/dist/quickPickWorkerMain.js

@@ -3468,6 +3468,7 @@ const toProtoVisibleItem = uri => {
     iconName: isRemoteSsh ? folderName : undefined,
     label,
     matches: [],
+    removeButton: true,
     uri
   };
 };
@@ -3969,20 +3970,6 @@ const getIndex = (top, headerHeight, itemHeight, y) => {
   return index;
 };
 
-const getPick = (items, index) => {
-  array(items);
-  number(index);
-  // if (index < state.recentPicks.length) {
-  //   return state.recentPicks[index]
-  // }
-  // index -= state.recentPicks.length
-  if (index < items.length) {
-    return items[index];
-  }
-  console.warn('no pick matching index', index);
-  return undefined;
-};
-
 const Commands = 'quickPick://commands';
 const EveryThing = 'quickPick://everything';
 const Recent = 'quickPick://recent';
@@ -4107,11 +4094,20 @@ const getLoadedState = async state => {
     platform
   });
   array(newPicks);
+  let colorTheme = '';
+  if (subId === ColorTheme$1) {
+    try {
+      colorTheme = await invoke$3('ColorTheme.getColorTheme');
+    } catch {
+      // The worker can be released before the renderer endpoint.
+    }
+  }
   const filterValue = getFilterValue(id, subId, value);
   const items = isTextInput(args) ? newPicks : filterQuickPickItems(newPicks, filterValue, subId === Commands$1);
-  const minLineY = 0;
-  const maxLineY = Math.min(minLineY + maxVisibleItems, newPicks.length);
-  const sliced = newPicks.slice(minLineY, maxLineY);
+  const focusedIndex = subId === ColorTheme$1 ? Math.max(items.findIndex(item => item.label === colorTheme), 0) : 0;
+  const minLineY = Math.max(Math.min(focusedIndex - maxVisibleItems + 1, items.length - maxVisibleItems), 0);
+  const maxLineY = Math.min(minLineY + maxVisibleItems, items.length);
+  const sliced = items.slice(minLineY, maxLineY);
   const {
     icons,
     newFileIconCache
@@ -4124,10 +4120,11 @@ const getLoadedState = async state => {
     ...state,
     args,
     cursorOffset: value.length,
+    deltaY: minLineY * itemHeight,
     fileIconCache: newFileIconCache,
     finalDeltaY,
     focused: true,
-    focusedIndex: 0,
+    focusedIndex,
     icons,
     initial: false,
     inputSource: Script,
@@ -4152,6 +4149,7 @@ const loadContentWithContext = async context => {
   await context.updateState(latestState => ({
     ...latestState,
     cursorOffset: loadedState.cursorOffset,
+    deltaY: loadedState.deltaY,
     fileIconCache: loadedState.fileIconCache,
     finalDeltaY: loadedState.finalDeltaY,
     focused: loadedState.focused,
@@ -4171,6 +4169,20 @@ const loadContentWithContext = async context => {
   notifyVisible();
 };
 
+const getPick = (items, index) => {
+  array(items);
+  number(index);
+  // if (index < state.recentPicks.length) {
+  //   return state.recentPicks[index]
+  // }
+  // index -= state.recentPicks.length
+  if (index < items.length) {
+    return items[index];
+  }
+  console.warn('no pick matching index', index);
+  return undefined;
+};
+
 const createCustomPick = value => {
   return {
     description: '',
@@ -4256,7 +4268,18 @@ const selectIndex = async (state, index, button = /* left */0) => {
   // }
 };
 
-const handleClickAt = (state, x, y) => {
+const handleClickAt = async (state, x, y, uri) => {
+  if (uri) {
+    if (state.providerId !== Recent$1 || state.items.every(item => item.uri !== uri)) {
+      return state;
+    }
+    await invoke$3('RecentlyOpened.removeRecentlyOpened', uri);
+    const next = await loadContent({
+      ...state,
+      value: ''
+    });
+    return state.value ? setValue(next, state.value) : next;
+  }
   const {
     headerHeight,
     itemHeight,
@@ -4928,7 +4951,9 @@ const getQuickPickItemVirtualDom = visibleItem => {
     isActive,
     label,
     posInSet,
-    setSize
+    removeButton,
+    setSize,
+    uri
   } = visibleItem;
   const dom = [{
     ariaPosInSet: posInSet,
@@ -4964,6 +4989,17 @@ const getQuickPickItemVirtualDom = visibleItem => {
       type: Div
     }, text(description));
   }
+  if (removeButton) {
+    parent.childCount++;
+    dom.push({
+      ariaLabel: 'Remove from Recently Opened',
+      childCount: 1,
+      className: 'QuickPickItemRemove',
+      'data-uri': uri,
+      title: 'Remove from Recently Opened',
+      type: Button
+    }, text('×'));
+  }
   return dom;
 };
 
@@ -5154,7 +5190,7 @@ const render2 = (uid, diffResult) => {
 const renderEventListeners = () => {
   return [{
     name: HandlePointerDown,
-    params: ['handleClickAt', 'event.clientX', 'event.clientY'],
+    params: ['handleClickAt', 'event.clientX', 'event.clientY', 'event.target.dataset.uri'],
     preventDefault: true
   }, {
     name: HandleWheel,

package/package.json

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