@lvce-editor/server 0.31.3 → 0.31.4

package/static/{33562c6 → 78cd874}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -109,7 +109,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/33562c6';
+    return '/78cd874';
   }
 };
 const assetDir = getAssetDir();
@@ -315,7 +315,7 @@ const Blob$2 = 4;
 const CacheStorage = 5;
 const Callback = 6;
 const ClipBoard = 7;
-const ColorPicker$2 = 8;
+const ColorPicker$1 = 8;
 const ColorTheme$1 = 9;
 const ColorThemeFromJson = 10;
 const ContextMenu = 11;
@@ -446,7 +446,7 @@ const getModuleId$1 = commandId => {
     case 'ClipBoard':
       return ClipBoard;
     case 'ColorPicker':
-      return ColorPicker$2;
+      return ColorPicker$1;
     case 'ColorTheme':
       return ColorTheme$1;
     case 'ColorThemeFromJson':
@@ -2953,7 +2953,7 @@ const ActivityBar$5 = 'ActivityBar';
 const Audio$1 = 'Audio';
 const BrowserViewOverview = 'BrowserViewOverview';
 const Clock = 'Clock';
-const ColorPicker$1 = 'ColorPicker';
+const ColorPicker = 'ColorPicker';
 const Counter = 'Counter';
 const DebugConsole = 'Debug Console';
 const DefineKeyBinding = 'DefineKeyBinding';
@@ -3018,7 +3018,7 @@ const ViewletModuleId = {
   Audio: Audio$1,
   BrowserViewOverview,
   Clock,
-  ColorPicker: ColorPicker$1,
+  ColorPicker,
   Confirm: Confirm$1,
   Counter,
   DebugConsole,
@@ -3113,7 +3113,7 @@ const runFn = async (instance, id, key, fn, args) => {
     if (oldState === newState) {
       return;
     }
-    const commands = render$N(instance.factory, oldState, newState, newState.uid || id);
+    const commands = render$P(instance.factory, oldState, newState, newState.uid || id);
     setRenderedState(id, newState);
     await invoke$8( /* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
   } else {
@@ -3134,7 +3134,7 @@ const runFnWithSideEffect = async (instance, id, key, fn, ...args) => {
   object(newState);
   const renderedState = instance.renderedState;
   if (oldState !== newState) {
-    commands.push(...render$N(instance.factory, renderedState, newState));
+    commands.push(...render$P(instance.factory, renderedState, newState));
     setRenderedState(id, newState);
   }
   if (commands.length === 0) {
@@ -3325,7 +3325,7 @@ const maybeRegisterEvents = module => {
         }
         const uid = instance.uid || instance.state.uid;
         number(uid);
-        const commands = render$N(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
+        const commands = render$P(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
         instance.state = newState;
         instance.renderedState = newState;
         await invoke$8( /* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
@@ -3599,7 +3599,7 @@ const load$7 = async (viewlet, focus = false, restore = false, restoreState = un
   }
   // console.timeEnd(`load/${viewlet.id}`)
 };
-const render$N = (module, oldState, newState, uid = newState.uid || module.name, parentUid = newState.parentUid) => {
+const render$P = (module, oldState, newState, uid = newState.uid || module.name, parentUid = newState.parentUid) => {
   return getRenderCommands(module, oldState, newState, uid, parentUid);
 };
 
@@ -3756,7 +3756,7 @@ const focus$9 = async id => {
   if (instance && instance.factory.focus) {
     const oldState = instance.state;
     const newState = instance.factory.focus(oldState);
-    commands.push(...render$N(instance.factory, oldState, newState));
+    commands.push(...render$P(instance.factory, oldState, newState));
   }
   setFocusedInstance(instance);
   await invoke$8('Viewlet.sendMultiple', commands);
@@ -3862,7 +3862,7 @@ const showFunctional = id => {
   const instance = getInstance(id);
   const initialState = instance.factory.create();
   // TODO resize
-  const commands = render$N(instance.factory, initialState, instance.state);
+  const commands = render$P(instance.factory, initialState, instance.state);
   // TODO avoid side effect, instead return an array of
   // commands to send to shared process
   // @ts-ignore
@@ -3940,7 +3940,7 @@ const resize$n = (id, dimensions) => {
       // TODO handle promise rejection gracefully
       instance.factory.resizeEffect(newState);
     }
-    commands = render$N(instance.factory, instance.state, newState);
+    commands = render$P(instance.factory, instance.state, newState);
   } else {
     const result = instance.factory.resize(oldState, dimensions);
     newState = result.newState;
@@ -3958,7 +3958,7 @@ const handleFocusChange$3 = (id, isFocused) => {
   }
   const oldState = instance.state;
   const newState = instance.factory.handleFocusChange(oldState, isFocused);
-  const commands = render$N(instance.factory, instance.state, newState);
+  const commands = render$P(instance.factory, instance.state, newState);
   object(newState);
   array(commands);
   setState$1(id, newState);
@@ -3972,7 +3972,7 @@ const setStateFunctional = (id, newState) => {
   const instance = getInstance(id);
   if (instance && instance.factory && instance.factory.hasFunctionalRender) {
     const oldState = instance.state;
-    const commands = render$N(instance.factory, oldState, newState);
+    const commands = render$P(instance.factory, oldState, newState);
     instance.state = newState;
     return commands;
   }
@@ -4084,7 +4084,7 @@ const executeViewletCommand = async (uid, fnName, ...args) => {
   if (!hasInstance(uid)) {
     return;
   }
-  const commands = render$N(instance.factory, instance.renderedState, actualNewState);
+  const commands = render$P(instance.factory, instance.renderedState, actualNewState);
   if ('newState' in newState) {
     commands.push(...newState.commands);
   }
@@ -4767,7 +4767,7 @@ const load$4 = moduleId => {
       return Promise.resolve().then(function () { return Chrome_ipc; });
     case ClipBoard:
       return Promise.resolve().then(function () { return ClipBoard_ipc; });
-    case ColorPicker$2:
+    case ColorPicker$1:
       return Promise.resolve().then(function () { return ColorPicker_ipc; });
     case ColorTheme$1:
       return Promise.resolve().then(function () { return ColorTheme_ipc; });
@@ -5734,7 +5734,7 @@ const map$1 = {
   [Audio$1]: () => Promise.resolve().then(function () { return ViewletAudio_ipc; }),
   [BrowserViewOverview]: () => Promise.resolve().then(function () { return ViewletBrowserViewOverview_ipc; }),
   [Clock]: () => Promise.resolve().then(function () { return ViewletClock_ipc; }),
-  [ColorPicker$1]: () => Promise.resolve().then(function () { return ViewletColorPicker_ipc; }),
+  [ColorPicker]: () => Promise.resolve().then(function () { return ViewletColorPicker_ipc; }),
   [Confirm$1]: () => Promise.resolve().then(function () { return ViewletConfirm_ipc; }),
   [DebugConsole]: () => Promise.resolve().then(function () { return ViewletDebugConsole_ipc; }),
   [DefineKeyBinding]: () => Promise.resolve().then(function () { return ViewletDefineKeyBinding_ipc; }),
@@ -6032,8 +6032,6 @@ const GetColorThemeCssCachedNoop = {
 const BraceCompletionExecuteBraceCompletionProvider = 'ExtensionHostBraceCompletion.executeBraceCompletionProvider';
 const ClosingTagExecuteClosingTagProvider = 'ExtensionHostClosingTag.executeClosingTagProvider';
 const CommandExecute = 'ExtensionHostCommand.executeCommand';
-const CompletionExecute = 'ExtensionHostCompletion.execute';
-const CompletionResolveExecute = 'ExtensionHostCompletion.executeResolve';
 const DefinitionExecuteDefinitionProvider = 'ExtensionHostDefinition.executeDefinitionProvider';
 const ExtensionActivate = 'ExtensionHostExtension.activate';
 const FileSystemCreateFolder = 'ExtensionHostFileSystem.createFolder';
@@ -8898,9 +8896,9 @@ const formatAboutDate = isoDate => {
   return `${isoDate} (${ago})`;
 };
 
-const version = '0.31.3';
-const commit = '33562c6';
-const date = '2024-07-28T19:18:08.000Z';
+const version = '0.31.4';
+const commit = '78cd874';
+const date = '2024-08-01T17:16:54.000Z';
 const getPid = () => {
   return invoke$7('Process.getPid');
 };
@@ -10591,7 +10589,6 @@ const Download_ipc = {
 };
 
 const OnRename = 'onRename';
-const OnCompletion = 'onCompletion';
 const OnBraceCompletion = 'onBraceCompletion';
 const OnDefinition = 'onDefinition';
 const OnFormatting = 'onFormatting';
@@ -10630,7 +10627,7 @@ const execute$2 = ({
   });
 };
 
-const combineResults$e = results => {
+const combineResults$d = results => {
   return results[0];
 };
 const executeDiagnosticProvider = editor => {
@@ -10641,7 +10638,7 @@ const executeDiagnosticProvider = editor => {
     args: [],
     noProviderFoundMessage: 'no diagnostic provider found',
     noProviderResult: [],
-    combineResults: combineResults$e
+    combineResults: combineResults$d
   });
 };
 
@@ -10872,29 +10869,13 @@ const {
   invoke: invoke$5,
   invokeAndTransfer: invokeAndTransfer$4
 } = getOrCreateWorker(launchEditorWorker);
+const actualInvoke = invoke$5;
 
-// TDOO this doesn;t belong here
-const getSelectionText = (textDocument, range) => {
-  object(textDocument);
-  // console.log(range)
-  // console.log(textDocument)
-  const startRowIndex = range.start.rowIndex;
-  const startColumnIndex = range.start.columnIndex;
-  const endRowIndex = Math.min(range.end.rowIndex, textDocument.lines.length - 1);
-  const endColumnIndex = range.end.columnIndex;
-  if (startRowIndex === endRowIndex) {
-    // console.log(startRowIndex)
-    // console.log(textDocument.lines)
-    return [textDocument.lines[startRowIndex].slice(startColumnIndex, endColumnIndex)];
-  }
-  const selectedLines = [textDocument.lines[startRowIndex].slice(startColumnIndex), ...textDocument.lines.slice(startRowIndex + 1, endRowIndex), textDocument.lines[endRowIndex].slice(0, endColumnIndex)];
-  return selectedLines;
-};
 const offsetAt = async (textDocument, positionRowIndex, positionColumnIndex) => {
   object(textDocument);
   number(positionRowIndex);
   number(positionColumnIndex);
-  return invoke$5('Editor.offsetAt', textDocument, positionRowIndex, positionColumnIndex);
+  return actualInvoke('Editor.offsetAt', textDocument, positionRowIndex, positionColumnIndex);
 };
 const positionAt = (textDocument, offset) => {
   // console.log({ textDocument, offset })
@@ -12583,13 +12564,6 @@ const Chevron = 'Chevron';
 const ChevronRight = 'ChevronRight';
 const CloseMaskIcon = 'MaskIcon MaskIconClose';
 const ColoredMaskIcon = 'ColoredMaskIcon';
-const ColorPicker = 'ColorPicker';
-const ColorPickerBackgroundColor = 'ColorPickerBackgroundColor';
-const ColorPickerDark = 'ColorPickerDark';
-const ColorPickerLight = 'ColorPickerLight';
-const ColorPickerRectangle = 'ColorPickerRectangle';
-const ColorPickerSlider = 'ColorPickerSlider';
-const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
 const DebugButton$1 = 'DebugButton';
 const DebugButtons = 'DebugButtons';
 const DebugConsoleBottom = 'DebugConsoleBottom';
@@ -12660,12 +12634,6 @@ const FocusOutline = 'FocusOutline';
 const Highlight = 'Highlight';
 const HighlightDeleted = 'HighlightDeleted';
 const HighlightInserted = 'HighlightInserted';
-const HoverDisplayString = 'HoverDisplayString';
-const HoverDocumentation = 'HoverDocumentation';
-const HoverEditorRow = 'HoverEditorRow';
-const HoverProblem = 'HoverProblem';
-const HoverProblemDetail = 'HoverProblemDetail';
-const HoverProblemMessage = 'HoverProblemMessage';
 const Icon = 'Icon';
 const IconButton = 'IconButton';
 const IconButtonDisabled = 'IconButtonDisabled';
@@ -14533,7 +14501,7 @@ const FileWatcher_ipc = {
   name: name$14
 };
 
-const combineResults$d = results => {
+const combineResults$c = results => {
   return results[0];
 };
 const executeGrowSelection = (editor, positions) => {
@@ -14543,7 +14511,7 @@ const executeGrowSelection = (editor, positions) => {
     method: SelectionExecuteSelectionProvider,
     args: [positions],
     noProviderFoundMessage: 'no selection provider found',
-    combineResults: combineResults$d
+    combineResults: combineResults$c
   });
 };
 
@@ -14558,7 +14526,7 @@ const ExtensionHostSelection_ipc = {
   name: name$13
 };
 
-const combineResults$c = results => {
+const combineResults$b = results => {
   return results[0];
 };
 const executeBraceCompletionProvider = (editor, offset, openingBrace) => {
@@ -14572,7 +14540,7 @@ const executeBraceCompletionProvider = (editor, offset, openingBrace) => {
     args: [offset, openingBrace],
     noProviderFoundMessage: 'no brace completion providers found',
     noProviderFoundResult: undefined,
-    combineResults: combineResults$c
+    combineResults: combineResults$b
   });
 };
 
@@ -14587,7 +14555,7 @@ const ExtensionHostBraceCompletion_ipc = {
   name: name$12
 };
 
-const combineResults$b = results => {
+const combineResults$a = results => {
   return results[0];
 };
 const executeDefinitionProvider = (editor, offset) => {
@@ -14597,7 +14565,7 @@ const executeDefinitionProvider = (editor, offset) => {
     method: DefinitionExecuteDefinitionProvider,
     args: [offset],
     noProviderFoundMessage: 'no definition provider found',
-    combineResults: combineResults$b
+    combineResults: combineResults$a
   });
 };
 
@@ -14612,7 +14580,7 @@ const ExtensionHostDefinition_ipc = {
   name: name$11
 };
 
-const combineResults$a = results => {
+const combineResults$9 = results => {
   return results[0];
 };
 const executeTypeDefinitionProvider = (editor, offset) => {
@@ -14623,7 +14591,7 @@ const executeTypeDefinitionProvider = (editor, offset) => {
     args: [offset],
     noProviderFoundMessage: 'No type definition provider found',
     noProviderFoundResult: undefined,
-    combineResults: combineResults$a
+    combineResults: combineResults$9
   });
 };
 
@@ -14638,7 +14606,7 @@ const ExtensionHostTypeDefinition_ipc = {
   name: name$10
 };
 
-const combineResults$9 = results => {
+const combineResults$8 = results => {
   return results[0] ?? [];
 };
 const executeOrganizeImports = editor => {
@@ -14649,7 +14617,7 @@ const executeOrganizeImports = editor => {
     args: [],
     noProviderFoundMessage: 'no code actions provider found',
     noProviderFoundResult: [],
-    combineResults: combineResults$9
+    combineResults: combineResults$8
   });
 };
 
@@ -14664,7 +14632,7 @@ const ExtensionHostOrganizeImports_ipc = {
   name: name$$
 };
 
-const combineResults$8 = results => {
+const combineResults$7 = results => {
   return results[0];
 };
 const executeTabCompletionProvider = (editor, offset) => {
@@ -14674,7 +14642,7 @@ const executeTabCompletionProvider = (editor, offset) => {
     method: TabCompletionExecuteTabCompletionProvider,
     args: [offset],
     noProviderFoundMessage: 'No tab completion provider found',
-    combineResults: combineResults$8,
+    combineResults: combineResults$7,
     noProviderFoundResult: undefined
   });
 };
@@ -14690,7 +14658,7 @@ const ExtensionHostTabCompletion_ipc = {
   name: name$_
 };
 
-const combineResults$7 = results => {
+const combineResults$6 = results => {
   return results[0];
 };
 const executeClosingTagProvider = (editor, offset, openingBrace) => {
@@ -14699,7 +14667,7 @@ const executeClosingTagProvider = (editor, offset, openingBrace) => {
     event: OnClosingTag,
     method: ClosingTagExecuteClosingTagProvider,
     args: [offset, openingBrace],
-    combineResults: combineResults$7,
+    combineResults: combineResults$6,
     noProviderFoundMessage: ''
   });
 };
@@ -14732,7 +14700,7 @@ const SendMessagePortToRendererProcess_ipc = {
   name: name$Y
 };
 
-const combineResults$6 = results => {
+const combineResults$5 = results => {
   return results[0];
 };
 const executeHoverProvider = (editor, offset) => {
@@ -14744,7 +14712,7 @@ const executeHoverProvider = (editor, offset) => {
     method: HoverExecute,
     args: [offset],
     noProviderFoundMessage: 'No hover provider found',
-    combineResults: combineResults$6
+    combineResults: combineResults$5
   });
 };
 
@@ -15002,7 +14970,6 @@ const HandlePointerDown = 'handlePointerDown';
 const HandlePointerOut = 'handlePointerOut';
 const HandlePointerOver = 'handlePointerOver';
 const HandleReadmeContextMenu = 'handleReadmeContextMenu';
-const HandleSashPointerDown = 'handleSashPointerDown';
 const HandleTableClick = 'handleTableClick';
 const HandleTableDoubleClick = 'handleTableDoubleClick';
 const HandleTitleBarButtonsClick = 'handleTitleBarButtonsClick';
@@ -15144,7 +15111,7 @@ const renderFocus$5 = {
     return ['setFocused', selector];
   }
 };
-const render$M = [renderDialog$1, renderFocus$5];
+const render$O = [renderDialog$1, renderFocus$5];
 
 const ViewletAbout_ipc = {
   __proto__: null,
@@ -15162,7 +15129,7 @@ const ViewletAbout_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$o,
   loadContent: loadContent$Q,
   name: name$T,
-  render: render$M,
+  render: render$O,
   renderDialog: renderDialog$1,
   renderFocus: renderFocus$5
 };
@@ -15810,7 +15777,7 @@ const renderItems$5 = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const render$L = [renderItems$5];
+const render$N = [renderItems$5];
 
 const getFilteredActivityBarItems = (items, height, itemHeight) => {
   const numberOfVisibleItems = getNumberOfVisibleItems$1({
@@ -15868,7 +15835,7 @@ const ViewletActivityBar_ipc = {
   loadContent: loadContent$P,
   menus: menus$c,
   name: name$S,
-  render: render$L,
+  render: render$N,
   resize: resize$m,
   saveState: saveState$d,
   toggleActivityBarItem,
@@ -15995,7 +15962,7 @@ const renderAudio = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const render$K = [renderAudio];
+const render$M = [renderAudio];
 
 const name$R = 'Audio';
 
@@ -16010,7 +15977,7 @@ const ViewletAudio_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$m,
   loadContent: loadContent$O,
   name: name$R,
-  render: render$K
+  render: render$M
 };
 
 const create$S = (id, uri, x, y, width, height) => {
@@ -16054,7 +16021,7 @@ const renderOverview = {
     return ['setDom', dom];
   }
 };
-const render$J = [renderOverview];
+const render$L = [renderOverview];
 
 const Css$H = ["/css/parts/ViewletBrowserViewOverview.css"];
 
@@ -16064,7 +16031,7 @@ const ViewletBrowserViewOverview_ipc = {
   create: create$S,
   hasFunctionalRender: hasFunctionalRender$H,
   loadContent: loadContent$N,
-  render: render$J
+  render: render$L
 };
 
 const create$R = (id, uri, x, y, width, height) => {
@@ -16104,22 +16071,44 @@ const ViewletClock_ipc = {
   name: name$Q
 };
 
-const create$Q = () => {
+const create$Q = uid => {
   return {
     color: '',
     offsetX: 0,
     min: 0,
-    max: 0
+    max: 0,
+    commands: [],
+    uid
   };
 };
-const loadContent$L = state => {
-  return invoke$5('ColorPicker.loadContent', state);
+const render$K = async (oldState, newState) => {
+  // @ts-ignore
+  const commands = await actualInvoke('ColorPicker.render', oldState, newState);
+  return commands;
 };
-const handleSliderPointerDown = (state, x, y) => {
-  return invoke$5('ColorPicker.handleSliderPointerDown', state, x, y);
+const loadContent$L = async state => {
+  const newState = await actualInvoke('ColorPicker.loadContent', state);
+  const commands = await render$K(state, newState);
+  return {
+    ...newState,
+    commands
+  };
 };
-const handleSliderPointerMove = (state, x, y) => {
-  return invoke$5('ColorPicker.handleSliderPointerMove', state, x, y);
+const handleSliderPointerDown = async (state, x, y) => {
+  const newState = await actualInvoke('ColorPicker.handleSliderPointerDown', state, x, y);
+  const commands = await render$K(state, newState);
+  return {
+    ...newState,
+    commands
+  };
+};
+const handleSliderPointerMove = async (state, x, y) => {
+  const newState = await actualInvoke('ColorPicker.handleSliderPointerMove', state, x, y);
+  const commands = await render$K(state, newState);
+  return {
+    ...newState,
+    commands
+  };
 };
 
 // prettier-ignore
@@ -16136,88 +16125,29 @@ const Variables$8 = ['MainBackground', 'ColorPickerColor'];
 
 const name$P = 'ColorPicker';
 
-const getColorPickerVirtualDom = () => {
-  return [{
-    type: Div$1,
-    className: mergeClassNames(Viewlet, ColorPicker),
-    onPointerDown: HandlePointerDown,
-    childCount: 3
-  }, {
-    type: Div$1,
-    className: ColorPickerRectangle,
-    childCount: 3
-  }, {
-    type: Div$1,
-    className: ColorPickerBackgroundColor,
-    childCount: 0
-  }, {
-    type: Div$1,
-    className: ColorPickerLight,
-    childCount: 0
-  }, {
-    type: Div$1,
-    className: ColorPickerDark,
-    childCount: 0
-  }, {
-    type: Div$1,
-    className: ColorPickerSlider,
-    childCount: 0
-  }, {
-    type: Div$1,
-    className: ColorPickerSliderThumb,
-    childCount: 0
-  }];
-};
-
-const SetBounds = 'setBounds';
-const SetColor = 'setColor';
-const SetContentHeight = 'setContentHeight';
-const SetCursorOffset = 'setCursorOffset';
-const SetDragging = 'setDragging';
-const SetFocused = 'setFocused';
-const SetFocusedIndex = 'setFocusedIndex';
-const SetItemsHeight = 'setItemsHeight';
-const SetMenus = 'setMenus';
-const SetMessage = 'setMessage';
-const SetNegativeMargin = 'setNegativeMargin';
-const SetOffsetX = 'setOffsetX';
-const SetScrollBar = 'setScrollBar';
-const SetSearchValue = 'setSearchValue';
-const SetSize = 'setSize';
-const SetText = 'setText';
-const SetTitle = 'setTitle';
-const SetTransform = 'setTransform';
-const SetValue = 'setValue';
-const SetInputValue = 'setInputValue';
-
 const hasFunctionalRender$G = true;
 const hasFunctionalRootRender$l = true;
-const renderColor = {
+const renderAll$2 = {
   isEqual(oldState, newState) {
-    return oldState.color === newState.color;
-  },
-  apply(oldState, newState) {
-    return [/* method */SetColor, /* color */newState.color];
-  }
-};
-const renderOffsetX = {
-  isEqual(oldState, newState) {
-    return oldState.offsetX === newState.offsetX;
+    return newState.commands && newState.commands.length === 0;
   },
   apply(oldState, newState) {
-    return [/* method */SetOffsetX, /* offsetX */newState.offsetX];
-  }
-};
-const renderColorPicker = {
-  isEqual(oldState, newState) {
-    return oldState.min === newState.min && oldState.max === newState.max;
+    const commands = newState.commands;
+    newState.commands = [];
+    if (!commands) {
+      return [];
+    }
+    const adjustedCommands = commands.map(command => {
+      if (command[0] === 'Viewlet.setDom2') {
+        return ['Viewlet.setDom2', newState.uid, ...command.slice(1)];
+      }
+      return ['Viewlet.send', newState.uid, ...command];
+    });
+    return adjustedCommands;
   },
-  apply(oldState, newState) {
-    const dom = getColorPickerVirtualDom();
-    return ['Viewlet.setDom2', dom];
-  }
+  multiple: true
 };
-const render$I = [renderColorPicker, renderColor, renderOffsetX];
+const render$J = [renderAll$2];
 
 const ViewletColorPicker_ipc = {
   __proto__: null,
@@ -16232,7 +16162,7 @@ const ViewletColorPicker_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$l,
   loadContent: loadContent$L,
   name: name$P,
-  render: render$I
+  render: render$J
 };
 
 const create$P = () => {
@@ -16305,7 +16235,7 @@ const renderFocus$4 = {
     return ['setFocused', newState.focused];
   }
 };
-const render$H = [renderDialog, renderFocus$4];
+const render$I = [renderDialog, renderFocus$4];
 
 const name$O = 'Confirm';
 
@@ -16323,7 +16253,7 @@ const ViewletConfirm_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$k,
   loadContent: loadContent$K,
   name: name$O,
-  render: render$H,
+  render: render$I,
   renderDialog,
   renderFocus: renderFocus$4
 };
@@ -16448,7 +16378,7 @@ const renderText$1 = {
     return ['setDom', dom];
   }
 };
-const render$G = [renderText$1];
+const render$H = [renderText$1];
 
 const Button = 1;
 const Select = 2;
@@ -16632,7 +16562,7 @@ const ViewletDebugConsole_ipc = {
   hasFunctionalRender: hasFunctionalRender$E,
   loadContent: loadContent$J,
   name: name$N,
-  render: render$G,
+  render: render$H,
   renderActions: renderActions$a
 };
 
@@ -16813,7 +16743,7 @@ const renderDom$2 = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const render$F = [renderDom$2, renderValue$5, renderFocus$3];
+const render$G = [renderDom$2, renderValue$5, renderFocus$3];
 
 const ViewletDefineKeyBinding_ipc = {
   __proto__: null,
@@ -16825,7 +16755,7 @@ const ViewletDefineKeyBinding_ipc = {
   hasFunctionalRender: hasFunctionalRender$D,
   hasFunctionalRootRender: hasFunctionalRootRender$j,
   loadContent: loadContent$I,
-  render: render$F
+  render: render$G
 };
 
 const create$M = () => {
@@ -16932,7 +16862,7 @@ const renderStack = {
     return [/* method */'setErrorStack', newState.stack];
   }
 };
-const render$E = [renderHeader$1, renderButtons, renderCodeFrame, renderMessage$4, renderStack];
+const render$F = [renderHeader$1, renderButtons, renderCodeFrame, renderMessage$4, renderStack];
 
 const name$M = 'Dialog';
 
@@ -16946,7 +16876,7 @@ const ViewletDialog_ipc = {
   hasFunctionalRender: hasFunctionalRender$C,
   loadContent: loadContent$H,
   name: name$M,
-  render: render$E
+  render: render$F
 };
 
 const diffWorkerUrl = `${assetDir}/packages/diff-worker/dist/diffWorkerMain.js`;
@@ -17712,6 +17642,25 @@ const getVisibleDiffLinesWithTokens = (lines, changes, minLineY, maxLineY, langu
   return merged;
 };
 
+const SetBounds = 'setBounds';
+const SetContentHeight = 'setContentHeight';
+const SetCursorOffset = 'setCursorOffset';
+const SetDragging = 'setDragging';
+const SetFocused = 'setFocused';
+const SetFocusedIndex = 'setFocusedIndex';
+const SetItemsHeight = 'setItemsHeight';
+const SetMenus = 'setMenus';
+const SetMessage = 'setMessage';
+const SetNegativeMargin = 'setNegativeMargin';
+const SetScrollBar = 'setScrollBar';
+const SetSearchValue = 'setSearchValue';
+const SetSize = 'setSize';
+const SetText = 'setText';
+const SetTitle = 'setTitle';
+const SetTransform = 'setTransform';
+const SetValue = 'setValue';
+const SetInputValue = 'setInputValue';
+
 const hasFunctionalRender$B = true;
 const hasFunctionalRootRender$i = true;
 const renderChanges$1 = {
@@ -17734,7 +17683,7 @@ const renderScrollBar$2 = {
     return [/* method */SetScrollBar, /* scrollBarY */scrollBarY, /* scrollBarHeight */newState.scrollBarHeight];
   }
 };
-const render$D = [renderChanges$1, renderScrollBar$2];
+const render$E = [renderChanges$1, renderScrollBar$2];
 
 const saveState$c = state => {
   return {
@@ -17754,7 +17703,7 @@ const ViewletDiffEditor_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$i,
   loadContent: loadContent$G,
   name: name$L,
-  render: render$D,
+  render: render$E,
   saveState: saveState$c
 };
 
@@ -17963,7 +17912,7 @@ const renderPreviewTransform = {
     return ['setPreviewTransform', newState.previewTransform];
   }
 };
-const render$C = [renderElements, renderIframe$1, renderPreviewTransform];
+const render$D = [renderElements, renderIframe$1, renderPreviewTransform];
 
 const getActions$9 = () => {
   return [];
@@ -17998,7 +17947,7 @@ const ViewletE2eTest_ipc = {
   loadContent: loadContent$F,
   menus: menus$b,
   name: name$K,
-  render: render$C,
+  render: render$D,
   renderActions: renderActions$9,
   resize: resize$l
 };
@@ -18216,7 +18165,7 @@ const renderMessagePort = {
     return ['setPort', newState.portId, newState.iframeOrigin];
   }
 };
-const render$B = [renderTests, renderIframe, renderMessagePort];
+const render$C = [renderTests, renderIframe, renderMessagePort];
 
 const getActions$8 = () => {
   return [{
@@ -18254,69 +18203,11 @@ const ViewletE2eTests_ipc = {
   menus: menus$a,
   name: name$J,
   openInNewTab,
-  render: render$B,
+  render: render$C,
   renderActions: renderActions$8,
   runAll
 };
 
-const combineResults$5 = results => {
-  return results[0] ?? [];
-};
-const executeCompletionProvider = (editor, offset) => {
-  return execute$2({
-    editor,
-    event: OnCompletion,
-    method: CompletionExecute,
-    args: [offset],
-    noProviderFoundMessage: 'no completion provider found',
-    noProviderFoundResult: [],
-    combineResults: combineResults$5
-  });
-};
-const combineResultsResolve = items => {
-  return items[0] ?? undefined;
-};
-const executeResolveCompletionItem = (editor, offset, name, completionItem) => {
-  return execute$2({
-    editor,
-    event: OnCompletion,
-    method: CompletionResolveExecute,
-    args: [offset, name, completionItem],
-    noProviderFoundMessage: 'no completion provider found',
-    noProviderFoundResult: [],
-    combineResults: combineResultsResolve
-  });
-};
-
-// TODO possible to do this with events/state machine instead of promises -> enables canceling operations / concurrent calls
-const getCompletions = async editor => {
-  const {
-    selections
-  } = editor;
-  const rowIndex = selections[0];
-  const columnIndex = selections[1];
-  // Editor.sync(editor)
-  const offset = await offsetAt(editor, rowIndex, columnIndex);
-  const completions = await executeCompletionProvider(editor, offset);
-  return completions;
-};
-
-// TODO don't send unnecessary parts of completion item like matches
-const resolveCompletion = async (editor, name, completionItem) => {
-  try {
-    object(editor);
-    string(name);
-    object(completionItem);
-    const rowIndex = editor.selections[0];
-    const columnIndex = editor.selections[1];
-    const offset = await offsetAt(editor, rowIndex, columnIndex);
-    const resolvedCompletionItem = await executeResolveCompletionItem(editor, offset, name, completionItem);
-    return resolvedCompletionItem;
-  } catch {
-    return undefined;
-  }
-};
-
 /**
  *
  * @param {any} editor
@@ -18533,12 +18424,6 @@ const filterCompletionItems$1 = (completionItems, word) => {
   return filteredCompletions;
 };
 
-const getFinalDeltaY = (height, itemHeight, itemsLength) => {
-  const contentHeight = itemsLength * itemHeight;
-  const finalDeltaY = Math.max(contentHeight - height, 0);
-  return finalDeltaY;
-};
-
 const getListHeight$1 = (itemsLength, itemHeight, maxHeight) => {
   number(itemsLength);
   number(itemHeight);
@@ -18577,7 +18462,7 @@ const create$G = (id, uri, x, y, width, height) => {
     maxHeight: 150
   };
 };
-const getEditor$2 = () => {
+const getEditor$1 = () => {
   return getState(EditorText);
 };
 const getDisplayErrorMessage$1 = error => {
@@ -18681,49 +18566,17 @@ const disposeWithEditor = (state, editor) => {
 const handleEditorClick = disposeWithEditor;
 const handleEditorBlur = disposeWithEditor;
 const loadContent$D = async state => {
-  const {
-    itemHeight,
-    maxHeight
-  } = state;
-  const editor = getEditor$2();
-  const unfilteredItems = await getCompletions(editor);
-  const wordAtOffset = getWordAtOffset(editor);
-  const items = filterCompletionItems$1(unfilteredItems, wordAtOffset);
-  const rowIndex = editor.selections[0];
-  const columnIndex = editor.selections[1];
-  const x$1 = x(editor, rowIndex, columnIndex);
-  // @ts-ignore
-  const y$1 = y(editor, rowIndex);
-  const newMaxLineY = Math.min(items.length, 8);
-  editor.widgets = editor.widgets || [];
-  editor.widgets.push(EditorCompletion$1);
-  const itemsLength = items.length;
-  const newFocusedIndex = itemsLength === 0 ? -1 : 0;
-  const total = items.length;
-  const height = getListHeight$1(items.length, itemHeight, maxHeight);
-  const finalDeltaY = getFinalDeltaY(height, itemHeight, total);
-  return {
-    ...state,
-    unfilteredItems,
-    items,
-    x: x$1,
-    y: y$1,
-    maxLineY: newMaxLineY,
-    focusedIndex: newFocusedIndex,
-    finalDeltaY,
-    leadingWord: wordAtOffset,
-    height,
-    rowIndex,
-    columnIndex
-  };
+  const editor = getEditor$1();
+  const editorUid = editor.uid;
+  return actualInvoke('EditorCompletion.loadContent', editorUid, state);
 };
 const handleError$1 = async error => {
   const displayErrorMessage = getDisplayErrorMessage$1(error);
-  const editor = getEditor$2();
+  const editor = getEditor$1();
   await editorShowMessage( /* editor */editor, /* rowIndex */0, /* columnIndex */0, /* message */displayErrorMessage);
 };
 const loadingContent = () => {
-  const editor = getEditor$2();
+  const editor = getEditor$1();
   const rowIndex = editor.selections[0];
   const columnIndex = editor.selections[1];
   const x$1 = x(editor, rowIndex, columnIndex);
@@ -19017,7 +18870,7 @@ const renderItems$4 = {
     return ['setDom', dom];
   }
 };
-const renderBounds$3 = {
+const renderBounds$2 = {
   isEqual(oldState, newState) {
     return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -19063,7 +18916,7 @@ const renderScrollBar$1 = {
     return [/* method */SetScrollBar, /* scrollBarY */scrollBarY, /* scrollBarHeight */scrollBarHeight];
   }
 };
-const render$A = [renderItems$4, renderBounds$3, renderHeight$1, renderNegativeMargin, renderScrollBar$1];
+const render$B = [renderItems$4, renderBounds$2, renderHeight$1, renderNegativeMargin, renderScrollBar$1];
 
 const name$I = 'EditorCompletion';
 
@@ -19088,7 +18941,7 @@ const ViewletEditorCompletion_ipc = {
   loadContent: loadContent$D,
   loadingContent,
   name: name$I,
-  render: render$A,
+  render: render$B,
   setDeltaY: setDeltaY$4
 };
 
@@ -19108,48 +18961,36 @@ const create$F = (id, uri, x, y, width, height) => {
     resizedWidth: 250
   };
 };
+const render$A = async (oldState, newState) => {
+  // @ts-ignore
+  const commands = await actualInvoke('Hover.render', oldState, newState);
+  return commands;
+};
 const loadContent$C = async (state, savedState, position) => {
   const editor = getActiveEditor();
-  console.log('editor uid', editor.uid);
-  const hoverInfo = await invoke$5('Hover.getHoverInfo', editor.uid, position);
-  console.log({
-    editor,
-    hoverInfo,
-    position
-  });
-  if (!hoverInfo) {
-    return state;
-  }
-  const {
-    lineInfos,
-    documentation,
-    x,
-    y,
-    matchingDiagnostics
-  } = hoverInfo;
+  // @ts-ignore
+  const newState = await actualInvoke('Hover.loadContent', editor.uid, state, position);
+  const commands = await render$A(state, newState);
   return {
-    ...state,
-    lineInfos,
-    documentation,
-    x,
-    y,
-    diagnostics: matchingDiagnostics
+    ...newState,
+    commands
   };
 };
-const handleSashPointerDown$1 = (state, eventX, eventY) => {
-  return state;
+const handleSashPointerDown$1 = async (state, eventX, eventY) => {
+  const newState = await actualInvoke('Hover.handleSashPointerDown', state, eventX, eventY);
+  const commands = await render$A(state, newState);
+  return {
+    ...newState,
+    commands
+  };
 };
-const handleSashPointerMove$1 = (state, eventX, eventY) => {
+const handleSashPointerMove$1 = async (state, eventX, eventY) => {
   // @ts-ignore
-  const {
-    x,
-    y
-  } = state;
-  const minWidth = 100;
-  const newWidth = Math.max(eventX - x, minWidth);
+  const newState = await actualInvoke('Hover.handleSashPointerMove', state, eventX, eventY);
+  const commands = await render$A(state, newState);
   return {
-    ...state,
-    resizedWidth: newWidth
+    ...newState,
+    commands
   };
 };
 const handleSashPointerUp$1 = (state, eventX, eventY) => {
@@ -19158,117 +18999,29 @@ const handleSashPointerUp$1 = (state, eventX, eventY) => {
 
 const Css$w = ["/css/parts/ViewletEditorHover.css"];
 
-const getLineInfoVirtualDom = lineInfo => {
-  const dom = [{
-    type: Div$1,
-    className: HoverEditorRow,
-    childCount: lineInfo.length / 2
-  }];
-  for (let i = 0; i < lineInfo.length; i += 2) {
-    const tokenText = lineInfo[i];
-    const tokenClass = lineInfo[i + 1];
-    dom.push({
-      type: Span$1,
-      className: tokenClass,
-      childCount: 1
-    },
-    // @ts-ignore
-    text(tokenText));
-  }
-  return dom;
-};
-const getLineInfosVirtualDom = lineInfos => {
-  const dom = lineInfos.flatMap(getLineInfoVirtualDom);
-  return dom;
-};
-
-const hoverProblemMessage = {
-  type: Span$1,
-  className: HoverProblemMessage,
-  childCount: 1
-};
-const hoverProblemDetail = {
-  type: Span$1,
-  className: HoverProblemDetail,
-  childCount: 1
-};
-const getChildCount = (lineInfos, documentation, diagnostics) => {
-  return lineInfos.length + documentation ? 1 : 0 + (diagnostics && diagnostics.length > 0) ? 1 : 0;
-};
-const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
-  const dom = [];
-  dom.push({
-    type: Div$1,
-    className: 'Viewlet EditorHover',
-    childCount: getChildCount(lineInfos, documentation, diagnostics) + 1
-  });
-  if (diagnostics && diagnostics.length > 0) {
-    dom.push({
-      type: Div$1,
-      className: `${HoverDisplayString} ${HoverProblem}`,
-      childCount: diagnostics.length * 2
-    });
-    for (const diagnostic of diagnostics) {
-      dom.push(hoverProblemMessage, text(diagnostic.message), hoverProblemDetail, text(`${diagnostic.source} (${diagnostic.code})`));
-    }
-  }
-  if (lineInfos.length > 0) {
-    const lineInfosDom = getLineInfosVirtualDom(lineInfos);
-    dom.push({
-      type: Div$1,
-      className: HoverDisplayString,
-      childCount: lineInfos.length
-    }, ...lineInfosDom);
-  }
-  if (documentation) {
-    dom.push({
-      type: Div$1,
-      className: HoverDocumentation,
-      childCount: 1
-    }, text(documentation));
-  }
-  dom.push({
-    type: Div$1,
-    className: 'Sash SashVertical SashResize',
-    childCount: 0,
-    onPointerDown: HandleSashPointerDown
-  });
-  console.log({
-    dom
-  });
-  return dom;
-};
-
 const hasFunctionalRender$x = true;
 const hasFunctionalRootRender$f = true;
-const renderHover = {
+const renderAll$1 = {
   isEqual(oldState, newState) {
-    return oldState.lineInfos === newState.lineInfos && oldState.documentation === newState.documentation && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.diagnostics === newState.diagnostics;
+    return newState.commands && newState.commands.length === 0;
   },
   apply(oldState, newState) {
-    const dom = getHoverVirtualDom(newState.lineInfos, newState.documentation, newState.diagnostics);
-    return [/* method */'Viewlet.setDom2', dom];
-  }
-};
-const renderBounds$2 = {
-  isEqual(oldState, newState) {
-    return oldState.x === newState.x && oldState.y === newState.y && oldState.resizedWidth === newState.resizedWidth;
+    const commands = newState.commands;
+    newState.commands = [];
+    if (!commands) {
+      return [];
+    }
+    const adjustedCommands = commands.map(command => {
+      if (command[0] === 'Viewlet.setDom2') {
+        return ['Viewlet.setDom2', newState.uid, ...command.slice(1)];
+      }
+      return ['Viewlet.send', newState.uid, ...command];
+    });
+    return adjustedCommands;
   },
-  apply(oldState, newState) {
-    // @ts-ignore
-    const {
-      x,
-      y,
-      width,
-      height,
-      resizedWidth,
-      uid
-    } = newState;
-    console.log('apply');
-    return [SetBounds, x, y, resizedWidth, height];
-  }
+  multiple: true
 };
-const render$z = [renderHover, renderBounds$2];
+const render$z = [renderAll$1];
 
 const name$H = 'EditorHover';
 const Commands$w = {
@@ -20056,17 +19809,6 @@ const setDeltaY$3 = (state, value) => {
   };
 };
 
-const getSelectionPairs = (selections, i) => {
-  const first = selections[i];
-  const second = selections[i + 1];
-  const third = selections[i + 2];
-  const fourth = selections[i + 3];
-  if (first > third || first === third && second >= fourth) {
-    return [third, fourth, first, second, 1];
-  }
-  return [first, second, third, fourth, 0];
-};
-
 // TODO visible selections could also be uint16array
 // [top1, left1, width1, height1, top2, left2, width2, height2...]
 const getTabCount = string => {
@@ -20449,11 +20191,11 @@ const loadContent$y = async (state, savedState, context) => {
   if (isFiraCode) {
     const fontName = unquoteString(fontFamily);
     const fontUrl = getFontUrl('/fonts/FiraCode-VariableFont.ttf');
-    await invoke$5('Font.ensure', fontName, fontUrl);
+    await actualInvoke('Font.ensure', fontName, fontUrl);
   }
   const isMonospaceFont = isFiraCode; // TODO an actual check for monospace font
   const fontWeight = 400;
-  await invoke$5('Editor.create', {
+  await actualInvoke('Editor.create', {
     id,
     content,
     savedDeltaY,
@@ -20483,7 +20225,7 @@ const loadContent$y = async (state, savedState, context) => {
   });
   // TODO send render commands directly from editor worker
   // to renderer process
-  const commands = await invoke$5('Editor.render', id);
+  const commands = await actualInvoke('Editor.render', id);
   return {
     ...newState2,
     commands
@@ -20586,7 +20328,8 @@ const wrapEditorCommand = id => {
     }
     const editor = args[0];
     const restArgs = args.slice(1);
-    const result = await invoke$5(`Editor.${id}`, editor.uid, ...restArgs);
+    // @ts-ignore
+    const result = await actualInvoke(`Editor.${id}`, editor.uid, ...restArgs);
     if (result && result.commands) {
       return {
         ...editor,
@@ -20958,7 +20701,7 @@ const create$y = (id, uri, x, y, width, height) => {
     message: ''
   };
 };
-const getEditor$1 = () => {
+const getEditor = () => {
   return getState(EditorText);
 };
 const getDisplayErrorMessage = error => {
@@ -20971,7 +20714,7 @@ const getDisplayErrorMessage = error => {
 };
 const setError = (state, error) => {
   const message = getDisplayErrorMessage(error);
-  const editor = getEditor$1();
+  const editor = getEditor();
   const rowIndex = 0;
   const columnIndex = 0;
   const x$1 = x(editor, rowIndex, columnIndex);
@@ -21784,7 +21527,7 @@ const handleFocus$6 = state => {
   setFocus(Explorer);
   return state;
 };
-const refresh$7 = state => {
+const refresh$6 = state => {
   console.log('TODO refresh explorer');
   return state;
 };
@@ -22428,7 +22171,7 @@ const Commands$q = {
   setDeltaY: setDeltaY$2,
   updateEditingValue: updateEditingValue,
   handleFocus: handleFocus$6,
-  refresh: refresh$7,
+  refresh: refresh$6,
   handleClickOpenFolder: handleClickOpenFolder
 };
 
@@ -22586,7 +22329,7 @@ const rename = () => {
 const deleteItem = () => {
   return i18nString(UiStrings$h.Delete);
 };
-const refresh$6 = () => {
+const refresh$5 = () => {
   return i18nString(UiStrings$h.RefreshExplorer);
 };
 const collapseAll$4 = () => {
@@ -23002,7 +22745,7 @@ const getActions$7 = root => {
     command: 'newFolder'
   }, {
     type: Button,
-    id: refresh$6(),
+    id: refresh$5(),
     icon: Refresh,
     command: 'refresh'
   }, {
@@ -23141,7 +22884,7 @@ const ViewletExplorer_ipc = {
   newFile: newFile$1,
   newFolder: newFolder$1,
   openContainingFolder: openContainingFolder$2,
-  refresh: refresh$7,
+  refresh: refresh$6,
   removeDirent,
   renameDirent: renameDirent$1,
   render: render$s,
@@ -24013,6 +23756,12 @@ const ViewletExtensionDetail_ipc = {
 
 const ExtensionListItemHeight = 72;
 
+const getFinalDeltaY = (height, itemHeight, itemsLength) => {
+  const contentHeight = itemsLength * itemHeight;
+  const finalDeltaY = Math.max(contentHeight - height, 0);
+  return finalDeltaY;
+};
+
 const Installed = '@installed';
 const Enabled = '@enabled';
 const Disabled = '@disabled';
@@ -24138,7 +23887,7 @@ const noExtensionsFound = () => {
 const filter$1 = () => {
   return i18nString(UiStrings$f.Filter);
 };
-const refresh$5 = () => {
+const refresh$4 = () => {
   return i18nString(UiStrings$f.Refresh);
 };
 const extensions = () => {
@@ -24722,7 +24471,7 @@ const render$q = [renderScrollBar, renderMessage$2, renderExtensions, renderSear
 const getActions$6 = () => {
   return [{
     type: Button,
-    id: refresh$5(),
+    id: refresh$4(),
     icon: Refresh
   }, {
     type: Button,
@@ -24804,50 +24553,6 @@ const ViewletExtensions_ipc = {
   toggleSuggest
 };
 
-// copied from https://github.com/microsoft/vscode/tree/main/src/vs/base/common/strings.ts by Microsoft (License MIT)
-
-const RE_ESCAPE = /[\\\{\}\*\+\?\|\^\$\.\[\]\(\)]/g;
-const escapeRegExpCharacters = value => {
-  return value.replaceAll(RE_ESCAPE, '\\$&');
-};
-
-const regexFlags = 'gi';
-const getSearchRegex = searchString => {
-  const escaped = escapeRegExpCharacters(searchString);
-  return new RegExp(escaped, regexFlags);
-};
-
-const findRegexMatches = (lines, regex) => {
-  const {
-    length
-  } = lines;
-  const matches = [];
-  for (let i = 0; i < length; i++) {
-    const line = lines[i];
-    let lastMatch;
-    do {
-      lastMatch = regex.exec(line);
-      if (!lastMatch) {
-        break;
-      }
-      matches.push(i, lastMatch.index);
-    } while (true);
-  }
-  return new Uint32Array(matches);
-};
-
-const findMatchesCaseInsensitive = (lines, searchString) => {
-  if (searchString.length === 0) {
-    return new Uint32Array([]);
-  }
-  const regex = getSearchRegex(searchString);
-  return findRegexMatches(lines, regex);
-};
-
-const getMatchCount = matches => {
-  return matches.length / 2;
-};
-
 const create$t = uid => {
   return {
     value: '',
@@ -24860,7 +24565,8 @@ const create$t = uid => {
     useRegularExpression: false,
     matchCase: false,
     matchWholeWord: false,
-    replacement: ''
+    replacement: '',
+    editorUid: 0
   };
 };
 const getPosition$1 = () => {
@@ -24894,35 +24600,22 @@ const loadContent$t = async state => {
   const {
     value,
     matches,
-    matchCount
-  } = await invoke$5('FindWidget.loadContent', editor.uid);
+    matchCount,
+    matchIndex
+  } = await actualInvoke('FindWidget.loadContent', editor.uid);
   return {
     ...state,
     value,
     matches,
-    matchIndex: 0,
-    matchCount
-  };
-};
-const refresh$4 = (state, value = state.value) => {
-  // TODO get focused editor
-  // highlight locations that match value
-  const editor = getActiveEditor();
-  const {
-    lines
-  } = editor;
-  const matches = findMatchesCaseInsensitive(lines, value);
-  const matchCount = getMatchCount(matches);
-  return {
-    ...state,
-    matches,
-    matchIndex: 0,
+    matchIndex,
     matchCount,
-    value
+    editorUid: editor.uid
   };
 };
-const handleInput$5 = (state, value) => {
-  return refresh$4(state, value);
+const handleInput$5 = async (state, value) => {
+  // TODO keep whole state and rendering in editor worker
+  const newState = await actualInvoke('FindWidget.handleInput', state, value);
+  return newState;
 };
 const handleFocus$5 = state => {
   setFocus(FindWidget);
@@ -24935,53 +24628,24 @@ const handleBlur$4 = state => {
 
 // TODO this function should be synchronous
 const focusIndex$8 = async (state, index) => {
-  const {
-    value,
-    matches,
-    matchIndex
-  } = state;
-  if (index === matchIndex) {
-    return state;
-  }
-  // TODO find next match and highlight it
-  const matchRowIndex = matches[index * 2];
-  const matchColumnIndex = matches[index * 2 + 1];
-  const newSelections = new Uint32Array([matchRowIndex, matchColumnIndex, matchRowIndex, matchColumnIndex + value.length]);
-  // TODO set selections synchronously and render input match index,
-  // input value and new selections at the same time
-  await execute$4('Editor.setSelections', newSelections);
-  return {
-    ...state,
-    matchIndex: index
-  };
+  const newState = await actualInvoke('FindWidget.focusIndex', state, index);
+  return newState;
 };
-const focusFirst$9 = state => {
-  return focusIndex$8(state, 0);
+const focusFirst$9 = async state => {
+  const newState = await actualInvoke('FindWidget.focusFirst', state);
+  return newState;
 };
-const focusLast$9 = state => {
-  const {
-    matchCount
-  } = state;
-  return focusIndex$8(state, matchCount - 1);
+const focusLast$9 = async state => {
+  const newState = await actualInvoke('FindWidget.focusLast', state);
+  return newState;
 };
-const focusNext$b = state => {
-  const {
-    matchIndex,
-    matchCount
-  } = state;
-  if (matchIndex === matchCount - 1) {
-    return focusFirst$9(state);
-  }
-  return focusIndex$8(state, matchIndex + 1);
+const focusNext$b = async state => {
+  const newState = await actualInvoke('FindWidget.focusNext', state);
+  return newState;
 };
-const focusPrevious$b = state => {
-  const {
-    matchIndex
-  } = state;
-  if (matchIndex === 0) {
-    return focusLast$9(state);
-  }
-  return focusIndex$8(state, matchIndex - 1);
+const focusPrevious$b = async state => {
+  const newState = await actualInvoke('FindWidget.focusPrevious', state);
+  return newState;
 };
 const close$6 = async state => {
   const {
@@ -24999,7 +24663,6 @@ const Commands$n = {
   focusNext: focusNext$b,
   focusPrevious: focusPrevious$b,
   handleInput: handleInput$5,
-  refresh: refresh$4,
   handleFocus: handleFocus$5,
   handleBlur: handleBlur$4,
   close: close$6
@@ -25218,7 +24881,6 @@ const ViewletFindWidget_ipc = {
   hasFunctionalRender: hasFunctionalRender$p,
   loadContent: loadContent$t,
   name: name$y,
-  refresh: refresh$4,
   render: render$p
 };
 
@@ -35332,7 +34994,7 @@ const openViewlet = async (state, moduleId, focus = false, args) => {
     if (activityBar) {
       const oldState = activityBar.state;
       const newState = activityBar.factory.handleSideBarViewletChange(oldState, moduleId);
-      const extraCommands = render$N(activityBar.factory, oldState, newState, newState.uid);
+      const extraCommands = render$P(activityBar.factory, oldState, newState, newState.uid);
       activityBar.state = newState;
       commands.push(...extraCommands);
     }
@@ -39788,85 +39450,11 @@ const VirtualListScrollDown = {
   scrollDown
 };
 
-const replaceRange = (editor, ranges, replacement, origin) => {
-  const changes = [];
-  const rangesLength = ranges.length;
-  for (let i = 0; i < rangesLength; i += 4) {
-    const [selectionStartRow, selectionStartColumn, selectionEndRow, selectionEndColumn] = getSelectionPairs(ranges, i);
-    const start = {
-      rowIndex: selectionStartRow,
-      columnIndex: selectionStartColumn
-    };
-    const end = {
-      rowIndex: selectionEndRow,
-      columnIndex: selectionEndColumn
-    };
-    const selection = {
-      start,
-      end
-    };
-    changes.push({
-      start: start,
-      end: end,
-      inserted: replacement,
-      deleted: getSelectionText(editor, selection),
-      origin
-    });
-  }
-  return changes;
-};
-
-const getEditor = () => {
-  return getState(EditorText);
-};
-const getEdits = async (state, editor, completionItem) => {
-  // @ts-ignore
-  const {
-    leadingWord,
-    uid
-  } = state;
-  const word = completionItem.label;
-  const resolvedItem = await resolveCompletion(editor, word, completionItem);
-  const inserted = resolvedItem ? resolvedItem.snippet : word;
-  // TODO type and dispose commands should be sent to renderer process at the same time
-  const {
-    selections
-  } = editor;
-  const [startRowIndex, startColumnIndex] = selections;
-  const leadingWordLength = leadingWord.length;
-  const replaceRange$1 = new Uint32Array([startRowIndex, startColumnIndex - leadingWordLength, startRowIndex, startColumnIndex]);
-  const changes = replaceRange(editor, replaceRange$1, [inserted], '');
-  return changes;
-};
-const select = async (state, completionItem) => {
-  const {
-    uid
-  } = state;
-  const editor = getEditor();
-  const changes = await getEdits(state, editor, completionItem);
-  const index = editor.widgets.indexOf(EditorCompletion$1);
-  if (index !== -1) {
-    editor.widgets.splice(index, 1);
-    editor.completionState = None$d;
-    editor.completionUid = 0;
-  }
-  await execute$4('Editor.applyEdit', changes);
-  await dispose$x(uid);
-  return state;
-};
 const selectIndex$1 = (state, index) => {
   const {
-    items
+    editorUid
   } = state;
-  if (index === -1) {
-    return state;
-  }
-  if (index > items.length) {
-    throw new Error('index too large');
-  }
-  const actualIndex = index;
-  const completionItem = items[actualIndex];
-  return select(state, completionItem);
+  return actualInvoke('EditorCompletion.selectIndex', editorUid, state, index);
 };
 
 const ViewletEditorCompletionSelectIndex = {
@@ -39876,9 +39464,9 @@ const ViewletEditorCompletionSelectIndex = {
 
 const selectCurrent = state => {
   const {
-    focusedIndex
+    editorUid
   } = state;
-  return selectIndex$1(state, focusedIndex);
+  return actualInvoke('EditorCompletion.selectCurrent', editorUid, state);
 };
 
 const ViewletEditorCompletionSelectCurrent = {