@lvce-editor/file-search-worker 4.0.0 → 4.2.0

package/dist/fileSearchWorkerMain.js

@@ -434,7 +434,7 @@ const IpcChildWithModuleWorkerAndMessagePort$1 = {
 };
 
 const Two = '2.0';
-const create$4$1 = (method, params) => {
+const create$4 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -448,7 +448,7 @@ const set$2 = (id, fn) => {
 const get$2 = id => {
   return callbacks[id];
 };
-const remove = id => {
+const remove$1 = id => {
   delete callbacks[id];
 };
 let id = 0;
@@ -625,7 +625,7 @@ const resolve = (id, response) => {
     return;
   }
   fn(response);
-  remove(id);
+  remove$1(id);
 };
 const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
 const getErrorType = prettyError => {
@@ -769,7 +769,7 @@ const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
   return unwrapJsonRpcResult(responseMessage);
 };
 const send = (transport, method, ...params) => {
-  const message = create$4$1(method, params);
+  const message = create$4(method, params);
   transport.send(message);
 };
 const invoke$2 = (ipc, method, ...params) => {
@@ -843,7 +843,7 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$4 = async ({
+const create$3 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -855,7 +855,7 @@ const create$4 = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$4
+  create: create$3
 };
 
 const User = 1;
@@ -937,6 +937,7 @@ const SelectColorTheme = 'Select Color Theme';
 const SelectToOpen = 'Select to open';
 const ShowAndRunCommands = 'Show And Run Commands';
 const TypeNameOfCommandToRun = 'Type the name of a command to run.';
+const QuickOpen = 'Quick open';
 
 const noMatchingColorThemesFound = () => {
   return i18nString(NoMatchingColorThemesFound);
@@ -977,6 +978,9 @@ const noSymbolFound = () => {
 const noWorkspaceSymbolsFound = () => {
   return i18nString(NoWorkspaceSymbolsFound);
 };
+const quickOpen = () => {
+  return i18nString(QuickOpen);
+};
 
 const name$b = 'command';
 const getPlaceholder$b = () => {
@@ -1684,7 +1688,7 @@ const QuickPickEntriesEverything = {
 const Default$1 = 0;
 const Finished = 2;
 
-const create$3 = () => {
+const create$2 = () => {
   const states = Object.create(null);
   return {
     get(uid) {
@@ -1695,16 +1699,20 @@ const create$3 = () => {
         oldState,
         newState
       };
+    },
+    remove(uid) {
+      delete states[uid];
     }
   };
 };
 
 const {
   get,
-  set
-} = create$3();
+  set,
+  remove
+} = create$2();
 
-const create$2 = ({
+const create$1 = ({
   itemHeight,
   headerHeight = 0,
   minimumSliderSize = 20
@@ -1770,7 +1778,7 @@ const handleWheel = (state, deltaMode, deltaY) => {
   return setDeltaY(state, state.deltaY + deltaY);
 };
 
-const create$1 = (uid, uri, listItemHeight, x, y, width, height, platform, args) => {
+const create = (uid, uri, listItemHeight, x, y, width, height, platform, args, renderAllItems) => {
   const state = {
     uid,
     state: Default$1,
@@ -1789,7 +1797,7 @@ const create$1 = (uid, uri, listItemHeight, x, y, width, height, platform, args)
     height: 300,
     top: 50,
     width: 600,
-    ...create$2({
+    ...create$1({
       itemHeight: listItemHeight,
       headerHeight: 30,
       minimumSliderSize: minimumSliderSize
@@ -1798,43 +1806,14 @@ const create$1 = (uid, uri, listItemHeight, x, y, width, height, platform, args)
     args,
     focused: false,
     platform,
-    value: ''
+    value: '',
+    renderAllItems
   };
   set(uid, state, state);
 };
 
-const create = (uid, uri, listItemHeight, x, y, width, height, platform, args) => {
-  const state = {
-    uid,
-    state: Default$1,
-    picks: [],
-    recentPicks: [],
-    recentPickIds: new Map(),
-    // TODO use object.create(null) instead
-    versionId: 0,
-    provider: QuickPickEntriesEverything,
-    // TODO make this dynamic again
-    warned: [],
-    visiblePicks: [],
-    maxVisibleItems: 10,
-    uri,
-    cursorOffset: 0,
-    height: 300,
-    top: 50,
-    width: 600,
-    ...create$2({
-      itemHeight: listItemHeight,
-      headerHeight: 30,
-      minimumSliderSize: minimumSliderSize
-    }),
-    inputSource: User,
-    args,
-    focused: false,
-    platform,
-    value: ''
-  };
-  set(uid, state, state);
-  return state;
+const dispose = uid => {
+  remove(uid);
 };
 
 const emptyMatches = [];
@@ -2112,7 +2091,8 @@ const focusPrevious = state => {
   return focusIndex(state, previousIndex);
 };
 
-const commandIds = ['handleBlur', 'handleClickAt', 'handleWheel', 'selectCurrentIndex', 'selectIndex', 'selectItem', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'setValue', 'handleInput', 'handleBeforeInput'];
+const commandIds = ['focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusPrevious', 'handleBeforeInput', 'handleBlur', 'handleClickAt', 'handleInput', 'handleWheel', 'dispose', 'renderEventListeners', 'selectCurrentIndex', 'selectIndex', 'selectItem', 'setValue'];
+
 const getCommandIds = () => {
   return commandIds;
 };
@@ -2342,15 +2322,16 @@ const handleBeforeInput = (state, inputType, data, selectionStart, selectionEnd)
   return handleInput(state, newValue, cursorOffset, User);
 };
 
-const closeWidget = async id => {
-  await invoke$1('Viewlet.closeWidget', id);
-};
-
 const handleBlur = async state => {
-  await closeWidget(state.uid);
+  // TODO fix virtual dom diffing so that input isn't destroyed and loses focus when rerendering
+  // await CloseWidget.closeWidget(state.uid)
   return state;
 };
 
+const closeWidget = async id => {
+  await invoke$1('Viewlet.closeWidget', id);
+};
+
 const getPick = (items, index) => {
   array(items);
   number(index);
@@ -2655,7 +2636,8 @@ const createQuickPickViewModel = async (oldState, newState) => {
     height,
     oldFocusedIndex,
     newFocusedIndex,
-    uid: newState.uid
+    uid: newState.uid,
+    renderAllItems: newState.renderAllItems
   };
 };
 
@@ -2675,7 +2657,12 @@ const renderCursorOffset = newState => {
   return ['Viewlet.send', newState.uid, /* method */SetCursorOffset, /* cursorOffset */newState.cursorOffset];
 };
 
+const QuickPickInput = 'QuickPickInput';
+
 const renderFocus = newState => {
+  if (newState.renderAllItems) {
+    return ['Viewlet.focusElementByName', QuickPickInput];
+  }
   const selector = newState.focused ? '.InputBox' : '';
   return ['Viewlet.focusSelector', selector];
 };
@@ -2691,25 +2678,32 @@ const renderHeight = newState => {
   return ['Viewlet.send', newState.uid, /* method */SetItemsHeight, /* height */newState.height];
 };
 
+const ComboBox = 'combobox';
+const ListBox = 'listbox';
+const None$1 = 'none';
+const Option$1 = 'option';
+
 const FileIcon = 'FileIcon';
+const InputBox = 'InputBox';
 const Label = 'Label';
+const QuickPick$1 = 'QuickPick';
+const QuickPickHeader = 'QuickPickHeader';
 const QuickPickHighlight = 'QuickPickHighlight';
 const QuickPickItem = 'QuickPickItem';
-const QuickPickItemActive = 'QuickPickItemActive';
+const QuickPickItemActive$1 = 'QuickPickItemActive';
 const QuickPickItemDescription = 'QuickPickItemDescription';
 const QuickPickItemLabel = 'QuickPickItemLabel';
+const QuickPickItems$1 = 'QuickPickItems';
+const Viewlet = 'Viewlet';
 
-const None$1 = 'none';
-const Option = 'option';
-
-const Div = 4;
-const Span = 8;
-const Text = 12;
-const Img = 17;
+const Div$1 = 4;
+const Input$1 = 6;
+const Span$1 = 8;
+const Img$1 = 17;
 
 const getFileIconVirtualDom = icon => {
   return {
-    type: Img,
+    type: Img$1,
     className: FileIcon,
     src: icon,
     role: None$1,
@@ -2717,7 +2711,134 @@ const getFileIconVirtualDom = icon => {
   };
 };
 
-const text = data => {
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+
+// src/parts/MergeClassNames/MergeClassNames.ts
+var mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(" ");
+};
+
+// src/parts/VirtualDomElements/VirtualDomElements.ts
+var VirtualDomElements_exports = {};
+__export(VirtualDomElements_exports, {
+  A: () => A,
+  Abbr: () => Abbr,
+  Article: () => Article,
+  Aside: () => Aside,
+  Audio: () => Audio,
+  Br: () => Br,
+  Button: () => Button,
+  Cite: () => Cite,
+  Col: () => Col,
+  ColGroup: () => ColGroup,
+  Data: () => Data,
+  Dd: () => Dd,
+  Del: () => Del,
+  Div: () => Div,
+  Dl: () => Dl,
+  Figcaption: () => Figcaption,
+  Figure: () => Figure,
+  Footer: () => Footer,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  H6: () => H6,
+  Header: () => Header,
+  Hr: () => Hr,
+  I: () => I,
+  Img: () => Img,
+  Input: () => Input,
+  Ins: () => Ins,
+  Kbd: () => Kbd,
+  Li: () => Li,
+  Nav: () => Nav,
+  Ol: () => Ol,
+  Option: () => Option,
+  P: () => P,
+  Pre: () => Pre,
+  Root: () => Root,
+  Search: () => Search,
+  Section: () => Section,
+  Select: () => Select,
+  Span: () => Span,
+  TBody: () => TBody,
+  THead: () => THead,
+  Table: () => Table,
+  Td: () => Td,
+  Text: () => Text,
+  TextArea: () => TextArea,
+  Tfoot: () => Tfoot,
+  Th: () => Th,
+  Time: () => Time,
+  Tr: () => Tr,
+  Ul: () => Ul,
+  Video: () => Video
+});
+var Audio = 0;
+var Button = 1;
+var Col = 2;
+var ColGroup = 3;
+var Div = 4;
+var H1 = 5;
+var Input = 6;
+var Kbd = 7;
+var Span = 8;
+var Table = 9;
+var TBody = 10;
+var Td = 11;
+var Text = 12;
+var Th = 13;
+var THead = 14;
+var Tr = 15;
+var I = 16;
+var Img = 17;
+var Root = 0;
+var Ins = 20;
+var Del = 21;
+var H2 = 22;
+var H3 = 23;
+var H4 = 24;
+var H5 = 25;
+var H6 = 26;
+var Article = 27;
+var Aside = 28;
+var Footer = 29;
+var Header = 30;
+var Nav = 40;
+var Section = 41;
+var Search = 42;
+var Dd = 43;
+var Dl = 44;
+var Figcaption = 45;
+var Figure = 46;
+var Hr = 47;
+var Li = 48;
+var Ol = 49;
+var P = 50;
+var Pre = 51;
+var A = 53;
+var Abbr = 54;
+var Br = 55;
+var Cite = 56;
+var Data = 57;
+var Time = 58;
+var Tfoot = 59;
+var Ul = 60;
+var Video = 61;
+var TextArea = 62;
+var Select = 63;
+var Option = 64;
+
+// src/parts/Text/Text.ts
+var text = data => {
   return {
     type: Text,
     text: data,
@@ -2726,13 +2847,13 @@ const text = data => {
 };
 
 const quickPickHighlight = {
-  type: Span,
+  type: Span$1,
   className: QuickPickHighlight,
   childCount: 1
 };
 const addHighlights = (dom, highlights, label) => {
   const labelDom = {
-    type: Div,
+    type: Div$1,
     className: QuickPickItemLabel,
     childCount: 0
   };
@@ -2771,9 +2892,9 @@ const getQuickPickItemVirtualDom = visibleItem => {
   const highlights = matches.slice(1);
   const dom = [];
   dom.push({
-    type: Div,
+    type: Div$1,
     className: QuickPickItem,
-    role: Option,
+    role: Option$1,
     ariaPosInSet: posInSet,
     ariaSetSize: setSize,
     childCount: 1
@@ -2782,7 +2903,7 @@ const getQuickPickItemVirtualDom = visibleItem => {
   if (isActive) {
     // @ts-ignore
     parent.id = 'QuickPickItemActive';
-    parent.className += ' ' + QuickPickItemActive;
+    parent.className += ' ' + QuickPickItemActive$1;
   }
   if (fileIcon) {
     parent.childCount++;
@@ -2790,7 +2911,7 @@ const getQuickPickItemVirtualDom = visibleItem => {
   } else if (icon) {
     parent.childCount++;
     dom.push({
-      type: Div,
+      type: Div$1,
       className: `QuickPickMaskIcon MaskIcon MaskIcon${icon}`,
       childCount: 0
     });
@@ -2799,7 +2920,7 @@ const getQuickPickItemVirtualDom = visibleItem => {
   if (description) {
     parent.childCount++;
     dom.push({
-      type: Div,
+      type: Div$1,
       className: QuickPickItemDescription,
       childCount: 1
     }, text(description));
@@ -2807,23 +2928,84 @@ const getQuickPickItemVirtualDom = visibleItem => {
   return dom;
 };
 
+const getQuickPickNoResultsVirtualDom = () => {
+  return [{
+    type: Div$1,
+    className: 'QuickPickItem QuickPickItemActive QuickPickStatus',
+    childCount: 1
+  }, {
+    type: Div$1,
+    className: Label,
+    childCount: 1
+  }, text('No Results')];
+};
+
 const getQuickPickItemsVirtualDom = visibleItems => {
   if (visibleItems.length === 0) {
-    return [{
-      type: Div,
-      className: 'QuickPickItem QuickPickItemActive QuickPickStatus',
-      childCount: 1
-    }, {
-      type: Div,
-      className: Label,
-      childCount: 1
-    }, text('No Results')];
+    return getQuickPickNoResultsVirtualDom();
   }
   const dom = visibleItems.flatMap(getQuickPickItemVirtualDom);
   return dom;
 };
 
+const HandlePointerDown = 'handlePointerDown';
+const HandleWheel = 'handleWheel';
+const HandleBlur = 'handleBlur';
+const HandleBeforeInput = 'handleBeforeInput';
+const HandleInput = 'handleInput';
+
+const QuickPick = 'QuickPick';
+const QuickPickItems = 'QuickPickItems';
+const QuickPickItemActive = 'QuickPickItemActive';
+
+const getQuickPickHeaderVirtualDom = () => {
+  const ariaLabel = typeNameofCommandToRun();
+  return [{
+    type: Div$1,
+    className: QuickPickHeader,
+    childCount: 1
+  }, {
+    type: Input$1,
+    className: InputBox,
+    spellcheck: false,
+    autocapitalize: 'off',
+    inputType: 'text',
+    childCount: 0,
+    role: ComboBox,
+    name: QuickPickInput,
+    onBeforeInput: HandleBeforeInput,
+    onBlur: HandleBlur,
+    onInput: HandleInput,
+    ariaLabel: ariaLabel,
+    ariaAutoComplete: 'list',
+    ariaExpanded: true
+  }];
+};
+
+const getQuickPickVirtualDom = visibleItems => {
+  const quickOpen$1 = quickOpen();
+  return [{
+    type: Div$1,
+    className: mergeClassNames(Viewlet, QuickPick$1),
+    childCount: 2,
+    id: QuickPick,
+    ariaLabel: quickOpen$1
+  }, ...getQuickPickHeaderVirtualDom(), {
+    type: Div$1,
+    className: QuickPickItems$1,
+    id: QuickPickItems,
+    role: ListBox,
+    ariaActiveDescendant: QuickPickItemActive,
+    onWheel: HandleWheel,
+    childCount: visibleItems.length
+  }, ...getQuickPickItemsVirtualDom(visibleItems)];
+};
+
 const renderItems = newState => {
+  if (newState.renderAllItems) {
+    const dom = getQuickPickVirtualDom(newState.visibleItems);
+    return ['Viewlet.setDom2', dom];
+  }
   const dom = getQuickPickItemsVirtualDom(newState.visibleItems);
   return ['Viewlet.send', newState.uid, /* method */'setItemsDom', dom];
 };
@@ -2855,6 +3037,12 @@ const applyRender = async (oldState, newState, diffResult) => {
   const commands = [];
   const viewModel = await createQuickPickViewModel(oldState, newState);
   for (const item of diffResult) {
+    if (viewModel.renderAllItems && item === Height) {
+      continue;
+    }
+    if (viewModel.renderAllItems && item === RenderFocusedIndex) {
+      continue;
+    }
     const fn = getRenderer(item);
     commands.push(fn(viewModel));
   }
@@ -2886,8 +3074,8 @@ const isEqual = (oldState, newState) => {
   return newState.inputSource === User || oldState.value === newState.value;
 };
 
-const modules = [isEqual$2, isEqual$1, isEqual$4, isEqual, isEqual$3];
-const numbers = [diffType$2, diffType$1, diffType$4, diffType, diffType$3];
+const modules = [isEqual$2, isEqual$1, isEqual, isEqual$3, isEqual$4];
+const numbers = [diffType$2, diffType$1, diffType, diffType$3, diffType$4];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -2909,6 +3097,26 @@ const doRender = async uid => {
   return applyRender(oldState, newState, diffResult);
 };
 
+const renderEventListeners = () => {
+  return [{
+    name: HandlePointerDown,
+    params: ['handlePointerDown', 'event.clientX', 'event.clientY'],
+    preventDefault: true
+  }, {
+    name: HandleWheel,
+    params: ['handleWheel', 'event.deltaMode', 'event.deltaY']
+  }, {
+    name: HandleBlur,
+    params: ['handleBlur']
+  }, {
+    name: HandleBeforeInput,
+    params: ['handleBeforeInput']
+  }, {
+    name: HandleInput,
+    params: ['handleInput', 'event.target.value']
+  }];
+};
+
 const selectCurrentIndex = state => {
   return selectIndex(state, state.focusedIndex);
 };
@@ -2944,7 +3152,7 @@ const wrapCommand = fn => {
 
 const commandMap = {
   'QuickPick.addMenuEntries': add,
-  'QuickPick.create2': create$1,
+  'QuickPick.create2': create,
   'QuickPick.focusFirst': wrapCommand(focusFirst),
   'QuickPick.focusIndex': wrapCommand(focusIndex),
   'QuickPick.focusLast': wrapCommand(focusLast),
@@ -2954,6 +3162,7 @@ const commandMap = {
   'QuickPick.getKeyBindings': getKeyBindings,
   'QuickPick.handleBeforeInput': wrapCommand(handleBeforeInput),
   'QuickPick.handleBlur': wrapCommand(handleBlur),
+  'QuickPick.dispose': dispose,
   'QuickPick.handleClickAt': wrapCommand(handleClickAt),
   'QuickPick.handleInput': wrapCommand(handleInput),
   'QuickPick.handleWheel': wrapCommand(handleWheel),
@@ -2965,10 +3174,10 @@ const commandMap = {
   'QuickPick.selectItem': wrapCommand(selectItem),
   'QuickPick.setDeltaY': wrapCommand(setDeltaY),
   'QuickPick.setValue': wrapCommand(setValue),
+  'QuickPick.renderEventListeners': renderEventListeners,
   // deprecated
   'SearchFile.filter': filterQuickPickItems,
   'SearchFile.searchFile': searchFile$5,
-  'QuickPick.create': create,
   'QuickPick.loadEntries': loadQuickPickEntries
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/file-search-worker",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "description": "",
   "keywords": [
     "text-search"