@lvce-editor/editor-worker 3.18.0 → 3.20.0

package/dist/editorWorkerMain.js

@@ -258,9 +258,9 @@ const renderColorPickerDom = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const render$a = [renderColorPickerDom, renderColor$1, renderOffsetX$1];
+const render$b = [renderColorPickerDom, renderColor$1, renderOffsetX$1];
 const renderColorPicker = async (oldState, newState) => {
-  return renderParts(render$a, oldState, newState);
+  return renderParts(render$b, oldState, newState);
 };
 
 // TODO use numeric enum
@@ -1213,7 +1213,7 @@ const set$6 = (id, fn) => {
 const get$6 = id => {
   return state$1$1.callbacks[id];
 };
-const remove$4 = id => {
+const remove$5 = id => {
   delete state$1$1.callbacks[id];
 };
 const state$9 = {
@@ -1259,7 +1259,7 @@ const resolve = (id, args) => {
     return;
   }
   fn(args);
-  remove$4(id);
+  remove$5(id);
 };
 const create$2$1 = (method, params) => {
   const {
@@ -1451,7 +1451,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$a = (message, result) => {
+const create$c = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -1460,7 +1460,7 @@ const create$a = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$a(message, resultProperty);
+  return create$c(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -1660,7 +1660,7 @@ const waitForFirstMessage$1 = async port => {
   return event;
 };
 
-const create$9 = async () => {
+const create$b = async () => {
   const {
     port1,
     port2
@@ -1705,7 +1705,7 @@ const wrap$3 = port => {
 
 const IpcParentWithExtensionHostWorker = {
   __proto__: null,
-  create: create$9,
+  create: create$b,
   wrap: wrap$3
 };
 
@@ -1713,7 +1713,7 @@ const sendMessagePortToSyntaxHighlightingWorker = async port => {
   await invokeAndTransfer('SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort');
 };
 
-const create$8 = async () => {
+const create$a = async () => {
   const {
     port1,
     port2
@@ -1758,7 +1758,7 @@ const wrap$1 = port => {
 
 const IpcParentWithSyntaxHighlightingWorker = {
   __proto__: null,
-  create: create$8,
+  create: create$a,
   wrap: wrap$1
 };
 
@@ -1766,7 +1766,7 @@ const sendMessagePortToRendererProcess = async port => {
   await invokeAndTransfer('SendMessagePortToRendererProcess.sendMessagePortToRendererProcess', port, 'HandleMessagePort.handleMessagePort');
 };
 
-const create$7 = async () => {
+const create$9 = async () => {
   const {
     port1,
     port2
@@ -1811,7 +1811,7 @@ const wrap = port => {
 
 const IpcParentWithRendererProcess = {
   __proto__: null,
-  create: create$7,
+  create: create$9,
   wrap
 };
 
@@ -1828,7 +1828,7 @@ const getModule$1 = method => {
   }
 };
 
-const create$6 = async ({
+const create$8 = async ({
   method,
   ...options
 }) => {
@@ -1846,7 +1846,7 @@ const create$6 = async ({
 const createRpc = method => {
   let _ipc;
   const listen = async () => {
-    const ipc = await create$6({
+    const ipc = await create$8({
       method
     });
     handleIpc(ipc);
@@ -2122,7 +2122,7 @@ const getAccurateColumnIndexAscii = (line, guess, averageCharWidth, eventX, font
 const supported = () => {
   return 'Segmenter' in Intl;
 };
-const create$5 = () => {
+const create$7 = () => {
   // @ts-ignore
   const segmenter = new Intl.Segmenter();
   return {
@@ -2160,7 +2160,7 @@ const create$5 = () => {
 
 // @ts-ignore
 const getAccurateColumnIndexUnicode = (line, guess, averageCharWidth, eventX, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  const segmenter = create$5();
+  const segmenter = create$7();
   const segments = segmenter.getSegments(line);
   const isMonospaceFont = false;
   const charWidth = 0;
@@ -2394,6 +2394,8 @@ const Completion = 'completion';
 const CompletionDetail$1 = 'completionDetail';
 const ColorPicker$1 = 'colorPicker';
 const Find = 'find';
+const Hover = 'hover';
+const SourceAction = 'sourceAction';
 
 const isCompletionWidget = widget => {
   return widget.id === Completion;
@@ -2441,7 +2443,11 @@ const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGe
     return editor;
   }
   const widget = factory();
+  // @ts-ignore
+  widget.newState.editorUid = editor.uid;
   const newState = await newStateGenerator(widget.newState);
+  // @ts-ignore
+  newState.editorUid = editor.uid;
   const latestWidget = {
     ...widget,
     newState
@@ -2460,12 +2466,12 @@ const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGe
   return newEditor;
 };
 
-const create$4 = () => {
+const create$6 = () => {
   return Math.random();
 };
 
-const create$3 = () => {
-  const completionUid = create$4();
+const create$5 = () => {
+  const completionUid = create$6();
   const widget = {
     id: ColorPicker$1,
     oldState: {
@@ -2506,12 +2512,14 @@ const FocusFindWidgetReplaceAllButton = 47;
 const FocusFindWidgetCloseButton = 48;
 const FocusFindWidgetNextMatchButton = 49;
 const FocusFindWidgetPreviousMatchButton = 50;
+const FocusEditorHover = 51;
+const SourceActions = 52;
 
-const newStateGenerator = state => {
+const newStateGenerator$1 = state => {
   return loadContent$3(state);
 };
 const openColorPicker = async editor => {
-  return addWidgetToEditor(ColorPicker$1, ColorPicker, editor, create$3, newStateGenerator);
+  return addWidgetToEditor(ColorPicker$1, ColorPicker, editor, create$5, newStateGenerator$1);
 };
 
 const state$6 = {
@@ -2808,7 +2816,7 @@ const characterLeft = (line, columnIndex) => {
   if (!supported()) {
     return 1;
   }
-  const segmenter = create$5();
+  const segmenter = create$7();
   const last = segmenter.at(line, columnIndex - 1);
   return columnIndex - last.index;
 };
@@ -2819,7 +2827,7 @@ const characterRight = (line, columnIndex) => {
   if (!supported()) {
     return 1;
   }
-  const segmenter = create$5();
+  const segmenter = create$7();
   const next = segmenter.at(line, columnIndex);
   return next.segment.length;
 };
@@ -3401,7 +3409,10 @@ const UiStrings$1 = {
   NoTypeDefinitionFound: 'No type definition found',
   NoTypeDefinitionFoundFor: "No type definition found for '{PH1}'",
   NoResults: 'No Results',
-  Replace: 'Replace'
+  Replace: 'Replace',
+  SourceAction: 'Source Action',
+  OrganizeImports: 'Organize Imports',
+  SortImports: 'Sort Imports'
 };
 const noDefinitionFound = () => {
   return i18nString(UiStrings$1.NoDefinitionFound);
@@ -3422,6 +3433,12 @@ const noTypeDefinitionFound = () => {
 const noResults$1 = () => {
   return i18nString(UiStrings$1.NoResults);
 };
+const organizeImports$1 = () => {
+  return i18nString(UiStrings$1.OrganizeImports);
+};
+const sortImports = () => {
+  return i18nString(UiStrings$1.SortImports);
+};
 
 // @ts-ignore
 const goTo = async ({
@@ -4564,8 +4581,8 @@ const moveSelectionPx = (editor, x, y) => {
   return editorMoveSelection(editor, position);
 };
 
-const create$2 = () => {
-  const completionUid = create$4();
+const create$4 = () => {
+  const completionUid = create$6();
   const completionWidget = {
     id: Completion,
     oldState: {
@@ -5051,7 +5068,7 @@ const openCompletion = async editor => {
   if (hasWidget(widgets, Completion)) {
     return editor;
   }
-  const completionWidget = create$2();
+  const completionWidget = create$4();
   const newWidgets = [...widgets, completionWidget];
   const newEditor = {
     ...editor,
@@ -5080,8 +5097,8 @@ const User = 1;
 const Script = 2;
 const Unknown$1 = 0;
 
-const create$1 = () => {
-  const uid = create$4();
+const create$3 = () => {
+  const uid = create$6();
   const widget = {
     id: Find,
     oldState: {
@@ -5478,7 +5495,7 @@ const openFind2 = async editor => {
     return latestState;
   };
   const fullFocus = true;
-  return addWidgetToEditor(Find, FindWidget, editor, create$1, newStateGenerator, fullFocus);
+  return addWidgetToEditor(Find, FindWidget, editor, create$3, newStateGenerator, fullFocus);
 };
 
 const openFind = async state => {
@@ -6370,185 +6387,522 @@ const showHover = async state => {
   return state;
 };
 
-const EditorSourceActions = 'EditorSourceActions';
-const showSourceActions = async editor => {
-  // TODO
-  // 1. hide hover, completions, color picker
-  // 2. query source actions from extension host
-  // 3. show source actions menu
+const create$2 = () => {
+  const uid = create$6();
+  const widget = {
+    id: Hover,
+    oldState: {
+      uid: uid,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      content: '',
+      diagnostics: [],
+      documentation: '',
+      editorUid: 0,
+      lineInfos: []
+    },
+    newState: {
+      uid: uid,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      content: '',
+      diagnostics: [],
+      documentation: '',
+      editorUid: 0,
+      lineInfos: []
+    }
+  };
+  return widget;
+};
 
-  await invoke$3('Viewlet.openWidget', EditorSourceActions);
-  return editor;
+const executeHoverProvider = (editor, offset) => {
+  object(editor);
+  number$1(offset);
+  return execute({
+    event: OnHover,
+    editor,
+    method: HoverExecute,
+    args: [offset],
+    noProviderFoundMessage: 'No hover provider found'
+  });
 };
 
-const compareString = (a, b) => {
-  return a.localeCompare(b);
+const getHover = async (editor, offset) => {
+  object(editor);
+  number$1(offset);
+  // TODO invoke extension host worker directly
+  const hover = await executeHoverProvider(editor, offset);
+  return hover;
 };
 
-// @ts-ignore
-const getSortedLines = lines => {
-  const newLines = [...lines];
-  newLines.sort(compareString);
-  return newLines;
+let _ipc;
+const listen$5 = async () => {
+  const ipc = await create$8({
+    method: RendererProcess
+  });
+  handleIpc(ipc);
+  _ipc = ipc;
+};
+const invoke = async (method, ...args) => {
+  return invoke$5(_ipc, method, ...args);
 };
-const origin = 'sort-lines-ascending';
 
-// @ts-ignore
-const getSortLinesAscendingChanges = (lines, selections) => {
-  const startRowIndex = selections[0];
-  const endRowIndex = selections[2];
-  const changes = [];
-  for (let i = 0; i < selections.length; i += 4) {
-    const selectionStartRow = selections[i];
-    const selectionStartColumn = selections[i + 1];
-    const selectionEndRow = selections[i + 2];
-    const selectionEndColumn = selections[i + 3];
-    const start = {
-      rowIndex: selectionStartRow,
-      columnIndex: selectionStartColumn
-    };
-    const end = {
-      rowIndex: selectionEndRow,
-      columnIndex: selectionEndColumn
-    };
-    const selection = {
-      start,
-      end
-    };
-    const selectionLines = lines.slice(startRowIndex, endRowIndex + 1);
-    const sortedSelectionLines = getSortedLines(selectionLines);
-    changes.push({
-      start: start,
-      end: end,
-      inserted: sortedSelectionLines,
-      deleted: getSelectionText({
-        lines
-      }, selection),
-      origin
-    });
-  }
-  return changes;
+const measureTextBlockHeight = (text, fontFamily, fontSize, lineHeight, width) => {
+  return invoke('MeasureTextBlockHeight.measureTextBlockHeight', text, fontSize, fontFamily, lineHeight, width);
 };
 
-// @ts-ignore
-const sortLinesAscending = editor => {
-  const {
-    lines,
-    selections
-  } = editor;
-  const changes = getSortLinesAscendingChanges(lines, selections);
-  return scheduleDocumentAndCursorsSelections(editor, changes);
+const deepCopy = value => {
+  return structuredClone(value);
 };
 
-const getTabCompletion = async editor => {
-  const {
-    selections
-  } = editor;
-  const rowIndex = selections[0];
-  const columnIndex = selections[1];
-  const offset = offsetAt(editor, rowIndex, columnIndex);
-  const tabCompletion = await invoke$3('ExtensionHostTabCompletion.executeTabCompletionProvider', editor, offset);
-  return tabCompletion;
+const getInitialLineState = initialLineState => {
+  return deepCopy(initialLineState);
 };
 
-const getChanges = (lines, selections, snippet) => {
-  // TODO verify that deleted fits in the line
-  const insertedLines = splitLines$2(snippet.inserted);
-  const changes = [];
-  const selectionChanges = [];
-  for (let i = 0; i < selections.length; i += 4) {
-    const [selectionStartRow, selectionStartColumn, selectionEndRow, selectionEndColumn] = getSelectionPairs(selections, i);
-    if (insertedLines.length > 1) {
-      const line = getLine({
-        lines
-      }, selectionStartRow);
-      const indent = getIndent(line);
-      const insertedLinesHere = [insertedLines[0], ...insertedLines.slice(1).map(line => indent + line)];
-      const deleted = [''];
-      changes.push({
-        start: {
-          rowIndex: selectionStartRow,
-          columnIndex: selectionStartColumn - snippet.deleted
-        },
-        end: {
-          rowIndex: selectionEndRow,
-          columnIndex: selectionEndColumn
-        },
-        inserted: insertedLinesHere,
-        deleted,
-        origin: EditorSnippet
-      });
-      const lastInsertedLine = insertedLines.at(-1);
-      selectionChanges.push(selectionEndRow + insertedLines.length - deleted.length,
-      // @ts-ignore
-      selectionEndColumn + lastInsertedLine.length, selectionEndRow + insertedLines.length - deleted.length,
-      // @ts-ignore
-      selectionEndColumn + lastInsertedLine.length);
-    } else {
-      const line = insertedLines[0];
-      const placeholderIndex = line.indexOf('$0');
-      if (placeholderIndex === -1) {
-        const cursorColumnIndex = selectionStartColumn - snippet.deleted;
-        // @ts-ignore
-        selectionChanges.push(selectionStartRow, cursorColumnIndex, selectionStartRow, cursorColumnIndex);
-        // @ts-ignore
-        changes.push({
-          start: {
-            rowIndex: selectionStartRow,
-            columnIndex: selectionStartColumn - snippet.deleted
-          },
-          end: {
-            rowIndex: selectionEndRow,
-            columnIndex: selectionEndColumn
-          },
-          inserted: insertedLines,
-          deleted: [''],
-          origin: EditorSnippet
-        });
-      } else {
-        const inserted = line.replace('$0', '');
-        const cursorColumnIndex = selectionEndColumn + 2;
-        selectionChanges.push(selectionStartRow, cursorColumnIndex, selectionStartRow, cursorColumnIndex);
-        changes.push({
-          start: {
-            rowIndex: selectionStartRow,
-            columnIndex: selectionStartColumn - snippet.deleted
-          },
-          end: {
-            rowIndex: selectionEndRow,
-            columnIndex: selectionEndColumn
-          },
-          inserted: [inserted],
-          deleted: [''],
-          origin: EditorSnippet
-        });
-      }
-    }
+const getLineInfo$1 = (line, tokens, TokenMap) => {
+  const tokensLength = tokens.length;
+  let end = 0;
+  let start = 0;
+  const lineInfo = [];
+  for (let i = 0; i < tokensLength; i += 2) {
+    const tokenType = tokens[i];
+    const tokenLength = tokens[i + 1];
+    end += tokenLength;
+    const text = line.slice(start, end);
+    const className = `Token ${TokenMap[tokenType] || 'Unknown'}`;
+    const normalizedText = text;
+    lineInfo.push(normalizedText, className);
+    start = end;
   }
-  return {
-    changes,
-    selectionChanges: new Uint32Array(selectionChanges)
-  };
+  return lineInfo;
 };
 
-// const getIndent =
-// TODO rename to insertSnippet
-// TODO handle snippet tabstops and cursors $0 -> becomes cursor
-const editorSnippet = (editor, snippet) => {
-  // TODO verify that deleted fits in the line
-  const {
-    lines,
-    selections
-  } = editor;
-  const {
-    changes,
-    selectionChanges
-  } = getChanges(lines, selections, snippet);
-  return scheduleDocumentAndCursorsSelections(editor, changes, selectionChanges);
+const state = {
+  warned: []
 };
-
-const getErrorMessage = error => {
-  return `${error}`;
+const flattenTokensArray = tokens => {
+  const flattened = [];
+  for (const token of tokens) {
+    object(token);
+    flattened.push(token.type, token.length);
+  }
+  return flattened;
+};
+const warnDeprecatedArrayReturn = (languageId, fn) => {
+  if (state.warned.includes(fn)) {
+    return;
+  }
+  state.warned.push(fn);
+  console.warn(`tokenizers without hasArrayReturn=false are deprecated (language ${languageId})`);
+};
+const safeTokenizeLine = (languageId, tokenizeLine, line, lineStateAtStart, hasArrayReturn) => {
+  try {
+    const lineState = tokenizeLine(line, lineStateAtStart);
+    if (!lineState || !lineState.tokens || !lineState.state) {
+      throw new Error('invalid tokenization result');
+    }
+    if (!hasArrayReturn) {
+      warnDeprecatedArrayReturn(languageId, tokenizeLine);
+      // workaround for old tokenizers
+      lineState.tokens = flattenTokensArray(lineState.tokens);
+    }
+    return lineState;
+  } catch (error) {
+    console.error(error);
+    return {
+      tokens: [/* type */0, /* length */line.length],
+      lineState: lineStateAtStart
+    };
+  }
+};
+
+const getLineInfos = (lines, tokenizer, languageId) => {
+  const lineInfos = [];
+  const {
+    tokenizeLine,
+    initialLineState,
+    hasArrayReturn,
+    TokenMap
+  } = tokenizer;
+  let currentLineState = getInitialLineState(initialLineState);
+  for (const line of lines) {
+    const result = safeTokenizeLine(languageId, tokenizeLine, line, currentLineState, hasArrayReturn);
+    const {
+      tokens
+    } = result;
+    const lineInfo = getLineInfo$1(line, tokens, TokenMap);
+    lineInfos.push(lineInfo);
+    currentLineState = result;
+  }
+  return lineInfos;
+};
+
+const tokenizeCodeBlock = async (codeBlock, languageId, tokenizerPath) => {
+  await loadTokenizer(languageId, tokenizerPath);
+  const tokenizer = getTokenizer(languageId);
+  const lines = splitLines$2(codeBlock);
+  const lineInfos = getLineInfos(lines, tokenizer, languageId);
+  return lineInfos;
+};
+
+const getHoverPosition = (position, selections) => {
+  if (position) {
+    return position;
+  }
+  const rowIndex = selections[0];
+  const columnIndex = selections[1];
+  return {
+    rowIndex,
+    columnIndex
+  };
+};
+const getMatchingDiagnostics = (diagnostics, rowIndex, columnIndex) => {
+  const matching = [];
+  for (const diagnostic of diagnostics) {
+    if (diagnostic.rowIndex === rowIndex) {
+      matching.push(diagnostic);
+    }
+  }
+  return matching;
+};
+const fallbackDisplayStringLanguageId = 'typescript'; // TODO remove this
+
+const hoverDocumentationFontSize = 15;
+const hoverDocumentationFontFamily = 'Fira Code';
+const hoverDocumentationLineHeight = '1.33333';
+const hoverBorderLeft = 1;
+const hoverBorderRight = 1;
+const hoverPaddingLeft = 8;
+const hoverPaddingRight = 8;
+const hovverFullWidth = 400;
+const hoverDocumentationWidth = hovverFullWidth - hoverPaddingLeft - hoverPaddingRight - hoverBorderLeft - hoverBorderRight;
+const getHoverPositionXy = (editor, rowIndex, wordStart, documentationHeight) => {
+  const x$1 = x(editor, rowIndex, wordStart);
+  const y$1 = editor.height - y(editor, rowIndex) + editor.y + 40;
+  return {
+    x: x$1,
+    y: y$1
+  };
+};
+const getEditorHoverInfo = async (editorUid, position) => {
+  number$1(editorUid);
+  const instance = get$7(editorUid);
+  const editor = instance.newState;
+  const {
+    selections
+  } = editor;
+  const {
+    rowIndex,
+    columnIndex
+  } = getHoverPosition(position, selections);
+  const offset = offsetAt(editor, rowIndex, columnIndex);
+  const hover = await getHover(editor, offset);
+  if (!hover) {
+    return undefined;
+  }
+  const {
+    displayString,
+    documentation,
+    displayStringLanguageId
+  } = hover;
+  const tokenizerPath = '';
+  const lineInfos = await tokenizeCodeBlock(displayString, displayStringLanguageId || fallbackDisplayStringLanguageId, tokenizerPath);
+  const wordPart = await getWordBefore(editor, rowIndex, columnIndex);
+  const wordStart = columnIndex - wordPart.length;
+  await measureTextBlockHeight(documentation, hoverDocumentationFontFamily, hoverDocumentationFontSize, hoverDocumentationLineHeight, hoverDocumentationWidth);
+  const {
+    x,
+    y
+  } = getHoverPositionXy(editor, rowIndex, wordStart);
+  const diagnostics = editor.diagnostics || [];
+  const matchingDiagnostics = getMatchingDiagnostics(diagnostics, rowIndex);
+  return {
+    lineInfos,
+    documentation,
+    x,
+    y,
+    matchingDiagnostics
+  };
+};
+
+const loadHoverContent = async state => {
+  // TODO
+  const position = undefined;
+  const hoverInfo = await getEditorHoverInfo(state.editorUid, position);
+  if (!hoverInfo) {
+    return state;
+  }
+  const {
+    lineInfos,
+    documentation,
+    x,
+    y,
+    matchingDiagnostics
+  } = hoverInfo;
+  return {
+    ...state,
+    lineInfos,
+    documentation,
+    x,
+    y,
+    diagnostics: matchingDiagnostics
+  };
+};
+
+const newStateGenerator = state => {
+  return loadHoverContent(state);
+};
+const showHover2 = async editor => {
+  return addWidgetToEditor(Hover, FocusEditorHover, editor, create$2, newStateGenerator);
+};
+
+const EditorSourceActions = 'EditorSourceActions';
+const showSourceActions$1 = async editor => {
+  // TODO
+  // 1. hide hover, completions, color picker
+  // 2. query source actions from extension host
+  // 3. show source actions menu
+
+  await invoke$3('Viewlet.openWidget', EditorSourceActions);
+  return editor;
+};
+
+const getEditorSourceActions = async () => {
+  const sourceActions = [{
+    name: organizeImports$1(),
+    command: 'Editor.organizeImports'
+  }, {
+    name: sortImports(),
+    command: 'Editor.sortImports'
+  }];
+  return sourceActions;
+};
+
+const loadSourceActions = async (editorUid, state) => {
+  // const editor = GetEditor.getEditor(editorUid)
+  // TODO request source actions information from extensions
+  const sourceActions = await getEditorSourceActions();
+  // TODO avoid side effect
+  return {
+    ...state,
+    sourceActions,
+    x: 200,
+    y: -200,
+    width: 250,
+    height: 150,
+    maxHeight: 150,
+    focusedIndex: 0
+  };
+};
+
+const create$1 = () => {
+  const completionUid = create$6();
+  const widget = {
+    id: SourceAction,
+    oldState: {
+      uid: completionUid,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      focusedIndex: 0,
+      sourceActions: [],
+      maxHeight: 0
+    },
+    newState: {
+      uid: completionUid,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      focusedIndex: 0,
+      sourceActions: [],
+      maxHeight: 0
+    }
+  };
+  return widget;
+};
+
+const showSourceActions = async editor => {
+  const uid = editor.uid;
+  const newStateGenerator = state => {
+    return loadSourceActions(uid, state);
+  };
+  return addWidgetToEditor(SourceAction, SourceActions, editor, create$1, newStateGenerator);
+};
+
+const compareString = (a, b) => {
+  return a.localeCompare(b);
+};
+
+// @ts-ignore
+const getSortedLines = lines => {
+  const newLines = [...lines];
+  newLines.sort(compareString);
+  return newLines;
+};
+const origin = 'sort-lines-ascending';
+
+// @ts-ignore
+const getSortLinesAscendingChanges = (lines, selections) => {
+  const startRowIndex = selections[0];
+  const endRowIndex = selections[2];
+  const changes = [];
+  for (let i = 0; i < selections.length; i += 4) {
+    const selectionStartRow = selections[i];
+    const selectionStartColumn = selections[i + 1];
+    const selectionEndRow = selections[i + 2];
+    const selectionEndColumn = selections[i + 3];
+    const start = {
+      rowIndex: selectionStartRow,
+      columnIndex: selectionStartColumn
+    };
+    const end = {
+      rowIndex: selectionEndRow,
+      columnIndex: selectionEndColumn
+    };
+    const selection = {
+      start,
+      end
+    };
+    const selectionLines = lines.slice(startRowIndex, endRowIndex + 1);
+    const sortedSelectionLines = getSortedLines(selectionLines);
+    changes.push({
+      start: start,
+      end: end,
+      inserted: sortedSelectionLines,
+      deleted: getSelectionText({
+        lines
+      }, selection),
+      origin
+    });
+  }
+  return changes;
+};
+
+// @ts-ignore
+const sortLinesAscending = editor => {
+  const {
+    lines,
+    selections
+  } = editor;
+  const changes = getSortLinesAscendingChanges(lines, selections);
+  return scheduleDocumentAndCursorsSelections(editor, changes);
+};
+
+const getTabCompletion = async editor => {
+  const {
+    selections
+  } = editor;
+  const rowIndex = selections[0];
+  const columnIndex = selections[1];
+  const offset = offsetAt(editor, rowIndex, columnIndex);
+  const tabCompletion = await invoke$3('ExtensionHostTabCompletion.executeTabCompletionProvider', editor, offset);
+  return tabCompletion;
+};
+
+const getChanges = (lines, selections, snippet) => {
+  // TODO verify that deleted fits in the line
+  const insertedLines = splitLines$2(snippet.inserted);
+  const changes = [];
+  const selectionChanges = [];
+  for (let i = 0; i < selections.length; i += 4) {
+    const [selectionStartRow, selectionStartColumn, selectionEndRow, selectionEndColumn] = getSelectionPairs(selections, i);
+    if (insertedLines.length > 1) {
+      const line = getLine({
+        lines
+      }, selectionStartRow);
+      const indent = getIndent(line);
+      const insertedLinesHere = [insertedLines[0], ...insertedLines.slice(1).map(line => indent + line)];
+      const deleted = [''];
+      changes.push({
+        start: {
+          rowIndex: selectionStartRow,
+          columnIndex: selectionStartColumn - snippet.deleted
+        },
+        end: {
+          rowIndex: selectionEndRow,
+          columnIndex: selectionEndColumn
+        },
+        inserted: insertedLinesHere,
+        deleted,
+        origin: EditorSnippet
+      });
+      const lastInsertedLine = insertedLines.at(-1);
+      selectionChanges.push(selectionEndRow + insertedLines.length - deleted.length,
+      // @ts-ignore
+      selectionEndColumn + lastInsertedLine.length, selectionEndRow + insertedLines.length - deleted.length,
+      // @ts-ignore
+      selectionEndColumn + lastInsertedLine.length);
+    } else {
+      const line = insertedLines[0];
+      const placeholderIndex = line.indexOf('$0');
+      if (placeholderIndex === -1) {
+        const cursorColumnIndex = selectionStartColumn - snippet.deleted;
+        // @ts-ignore
+        selectionChanges.push(selectionStartRow, cursorColumnIndex, selectionStartRow, cursorColumnIndex);
+        // @ts-ignore
+        changes.push({
+          start: {
+            rowIndex: selectionStartRow,
+            columnIndex: selectionStartColumn - snippet.deleted
+          },
+          end: {
+            rowIndex: selectionEndRow,
+            columnIndex: selectionEndColumn
+          },
+          inserted: insertedLines,
+          deleted: [''],
+          origin: EditorSnippet
+        });
+      } else {
+        const inserted = line.replace('$0', '');
+        const cursorColumnIndex = selectionEndColumn + 2;
+        selectionChanges.push(selectionStartRow, cursorColumnIndex, selectionStartRow, cursorColumnIndex);
+        changes.push({
+          start: {
+            rowIndex: selectionStartRow,
+            columnIndex: selectionStartColumn - snippet.deleted
+          },
+          end: {
+            rowIndex: selectionEndRow,
+            columnIndex: selectionEndColumn
+          },
+          inserted: [inserted],
+          deleted: [''],
+          origin: EditorSnippet
+        });
+      }
+    }
+  }
+  return {
+    changes,
+    selectionChanges: new Uint32Array(selectionChanges)
+  };
+};
+
+// const getIndent =
+// TODO rename to insertSnippet
+// TODO handle snippet tabstops and cursors $0 -> becomes cursor
+const editorSnippet = (editor, snippet) => {
+  // TODO verify that deleted fits in the line
+  const {
+    lines,
+    selections
+  } = editor;
+  const {
+    changes,
+    selectionChanges
+  } = getChanges(lines, selections, snippet);
+  return scheduleDocumentAndCursorsSelections(editor, changes, selectionChanges);
+};
+
+const getErrorMessage = error => {
+  return `${error}`;
 };
 const tabCompletion = async editor => {
   try {
@@ -7126,459 +7480,249 @@ const editorUnindent = editor => {
     deleted: 2
   });
   // @ts-ignore
-  cursorEdits.push({
-    rowIndex: editor.cursor.rowIndex,
-    columnIndex: editor.cursor.columnIndex - 2
-  });
-  // @ts-ignore
-  undefined(editor, documentEdits, cursorEdits);
-};
-// const editor = {
-//   textDocument: {
-//     lines: ['  line 1'],
-//   },
-//   cursor: {
-//     rowIndex: 0,
-//     columnIndex: 8,
-//   },
-//   selections: [
-//     {
-//       start: {
-//         rowIndex: 0,
-//         columnIndex: 0,
-//       },
-//       end: {
-//         rowIndex: 0,
-//         columnIndex: 8,
-//       },
-//     },
-//   ],
-//   tokenizer: TokenizePlainText,
-// }
-// editorUnindent(editor)
-
-// editor.lines //?
-
-const isCompletionDetailWidget = widget => {
-  return widget.id === CompletionDetail$1;
-};
-const closeDetails = editor => {
-  const {
-    widgets
-  } = editor;
-  const index = widgets.findIndex(isCompletionDetailWidget);
-  if (index === -1) {
-    return editor;
-  }
-  const newWidgets = [...widgets.slice(0, index), ...widgets.slice(index + 1)];
-  return {
-    ...editor,
-    widgets: newWidgets
-  };
-};
-
-const getCompletionState = editor => {
-  return getWidgetState(editor, Completion);
-};
-
-const isCompletion$1 = widget => {
-  return widget.id === Completion;
-};
-const focusIndex = (editor, index) => {
-  const child = getCompletionState(editor);
-  if (index === -1) {
-    return editor;
-  }
-  const childIndex = editor.widgets.findIndex(isCompletion$1);
-  // TODO scroll up/down if necessary
-  const childWidget = editor.widgets[childIndex];
-  const newWidget = {
-    ...childWidget,
-    newState: {
-      ...child,
-      focusedIndex: index,
-      focused: true
-    }
-  };
-  const newWidgets = [...editor.widgets.slice(0, childIndex), newWidget, ...editor.widgets.slice(childIndex + 1)];
-  return {
-    ...editor,
-    widgets: newWidgets
-  };
-};
-
-const focusFirst = editor => {
-  const firstIndex = 0;
-  return focusIndex(editor, firstIndex);
-};
-
-const focusNext = editor => {
-  const child = getCompletionState(editor);
-  if (!child) {
-    return editor;
-  }
-  const nextIndex = child.focusedIndex + 1;
-  return focusIndex(editor, nextIndex);
-};
-
-const focusPrevious = editor => {
-  const child = getCompletionState(editor);
-  if (!child) {
-    return editor;
-  }
-  const previousIndex = child.focusedIndex - 1;
-  return focusIndex(editor, previousIndex);
-};
-
-const create = () => {
-  const completionUid = create$4();
-  const completionWidget = {
-    id: CompletionDetail$1,
-    oldState: {
-      content: '',
-      uid: completionUid,
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    },
-    newState: {
-      content: '',
-      uid: completionUid,
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    }
-  };
-  return completionWidget;
-};
-
-const getCompletionDetailBounds = (completionBounds, borderSize) => {
-  return {
-    x: completionBounds.x + completionBounds.width - borderSize,
-    y: completionBounds.y,
-    width: 100,
-    height: 100
-  };
-};
-
-const openDetails = editor => {
-  const child = getCompletionState(editor);
-  if (!child) {
-    return editor;
-  }
-  // TODO avoid closure
-  const newStateGenerator = state => {
-    const borderSize = 1;
-    const newestState = {
-      ...state,
-      content: 'abc',
-      ...getCompletionDetailBounds(child, borderSize)
-    };
-    return newestState;
-  };
-  return addWidgetToEditor(CompletionDetail$1, CompletionDetail, editor, create, newStateGenerator);
-};
-
-const getEdits = async (editor, completionItem) => {
-  const child = getCompletionState(editor);
-  // @ts-ignore
-  const {
-    leadingWord,
-    uid
-  } = child;
-  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;
+  cursorEdits.push({
+    rowIndex: editor.cursor.rowIndex,
+    columnIndex: editor.cursor.columnIndex - 2
+  });
+  // @ts-ignore
+  undefined(editor, documentEdits, cursorEdits);
 };
-const isCompletion = widget => {
-  return widget.id === Completion;
+// const editor = {
+//   textDocument: {
+//     lines: ['  line 1'],
+//   },
+//   cursor: {
+//     rowIndex: 0,
+//     columnIndex: 8,
+//   },
+//   selections: [
+//     {
+//       start: {
+//         rowIndex: 0,
+//         columnIndex: 0,
+//       },
+//       end: {
+//         rowIndex: 0,
+//         columnIndex: 8,
+//       },
+//     },
+//   ],
+//   tokenizer: TokenizePlainText,
+// }
+// editorUnindent(editor)
+
+// editor.lines //?
+
+const isCompletionDetailWidget = widget => {
+  return widget.id === CompletionDetail$1;
 };
-const select = async (editor, completionItem) => {
-  const changes = await getEdits(editor, completionItem);
-  const index = editor.widgets.indexOf
-  // ViewletModuleId.EditorCompletion
-  ();
-  if (index !== -1) {
-    editor.widgets.splice(index, 1);
-    editor.completionState = None$1;
-    editor.completionUid = 0;
-  }
-  // TODO dispose completion widget
-  // TODO apply edit in editor worker instead of asking renderer worker
-  // await RendererWorker.invoke('Viewlet.dispose', state.uid)
+const closeDetails = editor => {
   const {
     widgets
   } = editor;
-  const completionWidgetIndex = editor.widgets.findIndex(isCompletion);
-  const newWidgets = [...widgets.slice(0, completionWidgetIndex), ...widgets.slice(completionWidgetIndex + 1)];
-  const intermediateEditor = await applyEdit(editor, changes);
+  const index = widgets.findIndex(isCompletionDetailWidget);
+  if (index === -1) {
+    return editor;
+  }
+  const newWidgets = [...widgets.slice(0, index), ...widgets.slice(index + 1)];
   return {
-    ...intermediateEditor,
+    ...editor,
     widgets: newWidgets
   };
 };
-const selectIndex = (editor, index) => {
-  const child = getCompletionState(editor);
-  if (!child) {
-    return editor;
-  }
-  const {
-    items
-  } = child;
-  if (index === -1) {
-    return editor;
-  }
-  if (index > items.length) {
-    throw new Error('index too large');
-  }
-  const actualIndex = index;
-  const completionItem = items[actualIndex];
-  return select(editor, completionItem);
+
+const getCompletionState = editor => {
+  return getWidgetState(editor, Completion);
 };
 
-const selectCurrent = editor => {
+const isCompletion$1 = widget => {
+  return widget.id === Completion;
+};
+const focusIndex = (editor, index) => {
   const child = getCompletionState(editor);
-  if (!child) {
+  if (index === -1) {
     return editor;
   }
-  const {
-    focusedIndex
-  } = child;
-  return selectIndex(editor, focusedIndex);
+  const childIndex = editor.widgets.findIndex(isCompletion$1);
+  // TODO scroll up/down if necessary
+  const childWidget = editor.widgets[childIndex];
+  const newWidget = {
+    ...childWidget,
+    newState: {
+      ...child,
+      focusedIndex: index,
+      focused: true
+    }
+  };
+  const newWidgets = [...editor.widgets.slice(0, childIndex), newWidget, ...editor.widgets.slice(childIndex + 1)];
+  return {
+    ...editor,
+    widgets: newWidgets
+  };
 };
 
-const getCompletionDetailState = editor => {
-  return getWidgetState(editor, CompletionDetail$1);
+const focusFirst = editor => {
+  const firstIndex = 0;
+  return focusIndex(editor, firstIndex);
 };
 
-const toggleDetails = editor => {
-  const child = getCompletionDetailState(editor);
+const focusNext = editor => {
+  const child = getCompletionState(editor);
   if (!child) {
-    return openDetails(editor);
-  }
-  return closeDetails(editor);
-};
-
-const executeHoverProvider = (editor, offset) => {
-  object(editor);
-  number$1(offset);
-  return execute({
-    event: OnHover,
-    editor,
-    method: HoverExecute,
-    args: [offset],
-    noProviderFoundMessage: 'No hover provider found'
-  });
-};
-
-const getHover = async (editor, offset) => {
-  object(editor);
-  number$1(offset);
-  // TODO invoke extension host worker directly
-  const hover = await executeHoverProvider(editor, offset);
-  return hover;
-};
-
-let _ipc;
-const listen$5 = async () => {
-  const ipc = await create$6({
-    method: RendererProcess
-  });
-  handleIpc(ipc);
-  _ipc = ipc;
-};
-const invoke = async (method, ...args) => {
-  return invoke$5(_ipc, method, ...args);
-};
-
-const measureTextBlockHeight = (text, fontFamily, fontSize, lineHeight, width) => {
-  return invoke('MeasureTextBlockHeight.measureTextBlockHeight', text, fontSize, fontFamily, lineHeight, width);
-};
-
-const deepCopy = value => {
-  return structuredClone(value);
-};
-
-const getInitialLineState = initialLineState => {
-  return deepCopy(initialLineState);
-};
-
-const getLineInfo$1 = (line, tokens, TokenMap) => {
-  const tokensLength = tokens.length;
-  let end = 0;
-  let start = 0;
-  const lineInfo = [];
-  for (let i = 0; i < tokensLength; i += 2) {
-    const tokenType = tokens[i];
-    const tokenLength = tokens[i + 1];
-    end += tokenLength;
-    const text = line.slice(start, end);
-    const className = `Token ${TokenMap[tokenType] || 'Unknown'}`;
-    const normalizedText = text;
-    lineInfo.push(normalizedText, className);
-    start = end;
-  }
-  return lineInfo;
-};
-
-const state = {
-  warned: []
-};
-const flattenTokensArray = tokens => {
-  const flattened = [];
-  for (const token of tokens) {
-    object(token);
-    flattened.push(token.type, token.length);
-  }
-  return flattened;
-};
-const warnDeprecatedArrayReturn = (languageId, fn) => {
-  if (state.warned.includes(fn)) {
-    return;
-  }
-  state.warned.push(fn);
-  console.warn(`tokenizers without hasArrayReturn=false are deprecated (language ${languageId})`);
-};
-const safeTokenizeLine = (languageId, tokenizeLine, line, lineStateAtStart, hasArrayReturn) => {
-  try {
-    const lineState = tokenizeLine(line, lineStateAtStart);
-    if (!lineState || !lineState.tokens || !lineState.state) {
-      throw new Error('invalid tokenization result');
-    }
-    if (!hasArrayReturn) {
-      warnDeprecatedArrayReturn(languageId, tokenizeLine);
-      // workaround for old tokenizers
-      lineState.tokens = flattenTokensArray(lineState.tokens);
-    }
-    return lineState;
-  } catch (error) {
-    console.error(error);
-    return {
-      tokens: [/* type */0, /* length */line.length],
-      lineState: lineStateAtStart
-    };
+    return editor;
   }
+  const nextIndex = child.focusedIndex + 1;
+  return focusIndex(editor, nextIndex);
 };
 
-const getLineInfos = (lines, tokenizer, languageId) => {
-  const lineInfos = [];
-  const {
-    tokenizeLine,
-    initialLineState,
-    hasArrayReturn,
-    TokenMap
-  } = tokenizer;
-  let currentLineState = getInitialLineState(initialLineState);
-  for (const line of lines) {
-    const result = safeTokenizeLine(languageId, tokenizeLine, line, currentLineState, hasArrayReturn);
-    const {
-      tokens
-    } = result;
-    const lineInfo = getLineInfo$1(line, tokens, TokenMap);
-    lineInfos.push(lineInfo);
-    currentLineState = result;
+const focusPrevious = editor => {
+  const child = getCompletionState(editor);
+  if (!child) {
+    return editor;
   }
-  return lineInfos;
+  const previousIndex = child.focusedIndex - 1;
+  return focusIndex(editor, previousIndex);
 };
 
-const tokenizeCodeBlock = async (codeBlock, languageId, tokenizerPath) => {
-  await loadTokenizer(languageId, tokenizerPath);
-  const tokenizer = getTokenizer(languageId);
-  const lines = splitLines$2(codeBlock);
-  const lineInfos = getLineInfos(lines, tokenizer, languageId);
-  return lineInfos;
+const create = () => {
+  const completionUid = create$6();
+  const completionWidget = {
+    id: CompletionDetail$1,
+    oldState: {
+      content: '',
+      uid: completionUid,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    },
+    newState: {
+      content: '',
+      uid: completionUid,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    }
+  };
+  return completionWidget;
 };
 
-const getHoverPosition = (position, selections) => {
-  if (position) {
-    return position;
-  }
-  const rowIndex = selections[0];
-  const columnIndex = selections[1];
+const getCompletionDetailBounds = (completionBounds, borderSize) => {
   return {
-    rowIndex,
-    columnIndex
+    x: completionBounds.x + completionBounds.width - borderSize,
+    y: completionBounds.y,
+    width: 100,
+    height: 100
   };
 };
-const getMatchingDiagnostics = (diagnostics, rowIndex, columnIndex) => {
-  const matching = [];
-  for (const diagnostic of diagnostics) {
-    if (diagnostic.rowIndex === rowIndex) {
-      matching.push(diagnostic);
-    }
-  }
-  return matching;
-};
-const fallbackDisplayStringLanguageId = 'typescript'; // TODO remove this
 
-const hoverDocumentationFontSize = 15;
-const hoverDocumentationFontFamily = 'Fira Code';
-const hoverDocumentationLineHeight = '1.33333';
-const hoverBorderLeft = 1;
-const hoverBorderRight = 1;
-const hoverPaddingLeft = 8;
-const hoverPaddingRight = 8;
-const hovverFullWidth = 400;
-const hoverDocumentationWidth = hovverFullWidth - hoverPaddingLeft - hoverPaddingRight - hoverBorderLeft - hoverBorderRight;
-const getHoverPositionXy = (editor, rowIndex, wordStart, documentationHeight) => {
-  const x$1 = x(editor, rowIndex, wordStart);
-  const y$1 = editor.height - y(editor, rowIndex) + editor.y + 40;
-  return {
-    x: x$1,
-    y: y$1
+const openDetails = editor => {
+  const child = getCompletionState(editor);
+  if (!child) {
+    return editor;
+  }
+  // TODO avoid closure
+  const newStateGenerator = state => {
+    const borderSize = 1;
+    const newestState = {
+      ...state,
+      content: 'abc',
+      ...getCompletionDetailBounds(child, borderSize)
+    };
+    return newestState;
   };
+  return addWidgetToEditor(CompletionDetail$1, CompletionDetail, editor, create, newStateGenerator);
 };
-const getEditorHoverInfo = async (editorUid, position) => {
-  number$1(editorUid);
-  const instance = get$7(editorUid);
-  const editor = instance.newState;
+
+const getEdits = async (editor, completionItem) => {
+  const child = getCompletionState(editor);
+  // @ts-ignore
+  const {
+    leadingWord,
+    uid
+  } = child;
+  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 {
-    rowIndex,
-    columnIndex
-  } = getHoverPosition(position, selections);
-  const offset = offsetAt(editor, rowIndex, columnIndex);
-  const hover = await getHover(editor, offset);
-  if (!hover) {
-    return undefined;
+  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 isCompletion = widget => {
+  return widget.id === Completion;
+};
+const select = async (editor, completionItem) => {
+  const changes = await getEdits(editor, completionItem);
+  const index = editor.widgets.indexOf
+  // ViewletModuleId.EditorCompletion
+  ();
+  if (index !== -1) {
+    editor.widgets.splice(index, 1);
+    editor.completionState = None$1;
+    editor.completionUid = 0;
   }
+  // TODO dispose completion widget
+  // TODO apply edit in editor worker instead of asking renderer worker
+  // await RendererWorker.invoke('Viewlet.dispose', state.uid)
   const {
-    displayString,
-    documentation,
-    displayStringLanguageId
-  } = hover;
-  const tokenizerPath = '';
-  const lineInfos = await tokenizeCodeBlock(displayString, displayStringLanguageId || fallbackDisplayStringLanguageId, tokenizerPath);
-  const wordPart = await getWordBefore(editor, rowIndex, columnIndex);
-  const wordStart = columnIndex - wordPart.length;
-  await measureTextBlockHeight(documentation, hoverDocumentationFontFamily, hoverDocumentationFontSize, hoverDocumentationLineHeight, hoverDocumentationWidth);
-  const {
-    x,
-    y
-  } = getHoverPositionXy(editor, rowIndex, wordStart);
-  const diagnostics = editor.diagnostics || [];
-  const matchingDiagnostics = getMatchingDiagnostics(diagnostics, rowIndex);
+    widgets
+  } = editor;
+  const completionWidgetIndex = editor.widgets.findIndex(isCompletion);
+  const newWidgets = [...widgets.slice(0, completionWidgetIndex), ...widgets.slice(completionWidgetIndex + 1)];
+  const intermediateEditor = await applyEdit(editor, changes);
   return {
-    lineInfos,
-    documentation,
-    x,
-    y,
-    matchingDiagnostics
+    ...intermediateEditor,
+    widgets: newWidgets
   };
 };
+const selectIndex = (editor, index) => {
+  const child = getCompletionState(editor);
+  if (!child) {
+    return editor;
+  }
+  const {
+    items
+  } = child;
+  if (index === -1) {
+    return editor;
+  }
+  if (index > items.length) {
+    throw new Error('index too large');
+  }
+  const actualIndex = index;
+  const completionItem = items[actualIndex];
+  return select(editor, completionItem);
+};
+
+const selectCurrent = editor => {
+  const child = getCompletionState(editor);
+  if (!child) {
+    return editor;
+  }
+  const {
+    focusedIndex
+  } = child;
+  return selectIndex(editor, focusedIndex);
+};
+
+const getCompletionDetailState = editor => {
+  return getWidgetState(editor, CompletionDetail$1);
+};
+
+const toggleDetails = editor => {
+  const child = getCompletionDetailState(editor);
+  if (!child) {
+    return openDetails(editor);
+  }
+  return closeDetails(editor);
+};
 
 const loadContent = async (editorUid, state, position) => {
   const hoverInfo = await getEditorHoverInfo(editorUid, position);
@@ -7709,7 +7853,7 @@ const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
 
 const renderHoverDom = {
   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 oldState.lineInfos === newState.lineInfos && oldState.documentation === newState.documentation && oldState.diagnostics === newState.diagnostics;
   },
   apply(oldState, newState) {
     const dom = getHoverVirtualDom(newState.lineInfos, newState.documentation, newState.diagnostics);
@@ -7718,26 +7862,22 @@ const renderHoverDom = {
 };
 const renderBounds$4 = {
   isEqual(oldState, newState) {
-    return oldState.x === newState.x && oldState.y === newState.y && oldState.resizedWidth === newState.resizedWidth;
+    return oldState.x === newState.x && oldState.y === newState.y;
   },
   apply(oldState, newState) {
-    // @ts-ignore
     const {
       x,
       y,
-      width,
-      height,
-      resizedWidth,
-      uid
+      height
     } = newState;
-    console.log('apply');
-    return [SetBounds, x, y, resizedWidth, height];
+    const renderWidth = 200;
+    return [SetBounds, x, y, renderWidth, height];
   }
 };
-const render$9 = [renderHoverDom, renderBounds$4];
-const renderHover = async (oldState, newState) => {
+const render$a = [renderHoverDom, renderBounds$4];
+const renderHover = (oldState, newState) => {
   const commands = [];
-  for (const item of render$9) {
+  for (const item of render$a) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -8695,7 +8835,7 @@ const renderWidgets = {
   },
   multiple: true
 };
-const render$8 = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo, renderWidgets];
+const render$9 = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo, renderWidgets];
 const renderEditor = async id => {
   const instance = get$7(id);
   if (!instance) {
@@ -8707,7 +8847,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$7(id, newState, newState);
-  for (const item of render$8) {
+  for (const item of render$9) {
     if (!item.isEqual(oldState, newState)) {
       const result = await item.apply(oldState, newState);
       // @ts-ignore
@@ -8919,7 +9059,9 @@ const commandMap = {
   'Editor.setLanguageId': setLanguageId,
   'Editor.setSelections': setSelections,
   'Editor.showHover': showHover,
-  'Editor.showSourceActions': showSourceActions,
+  'Editor.showHover2': showHover2,
+  'Editor.showSourceActions': showSourceActions$1,
+  'Editor.showSourceActions2': showSourceActions,
   'Editor.sortLinesAscending': sortLinesAscending,
   'Editor.tabCompletion': tabCompletion,
   'Editor.toggleBlockComment': toggleBlockComment,
@@ -8945,6 +9087,7 @@ const commandMap = {
   'EditorCompletion.selectIndex': selectIndex,
   'EditorCompletion.toggleDetails': toggleDetails,
   'FindWidget.close': close$1,
+  'FindWidget.focusCloseButton': focusCloseButton,
   'FindWidget.focusFind': focusFind,
   'FindWidget.focusFirst': focusFirst$1,
   'FindWidget.focusIndex': focusIndex$1,
@@ -8966,7 +9109,6 @@ const commandMap = {
   'FindWidget.handleToggleReplaceFocus': handleToggleReplaceFocus,
   'FindWidget.loadContent': loadContent$1,
   'FindWidget.toggleReplace': toggleReplace,
-  'FindWidget.focusCloseButton': focusCloseButton,
   'Font.ensure': ensure,
   'Hover.getHoverInfo': getEditorHoverInfo,
   'Hover.handleSashPointerDown': handleSashPointerDown,
@@ -9226,10 +9368,10 @@ const renderScrollBar = {
     return [/* method */SetScrollBar, /* scrollBarY */scrollBarY, /* scrollBarHeight */scrollBarHeight];
   }
 };
-const render$7 = [renderItems, renderBounds$3, renderHeight, renderNegativeMargin, renderScrollBar];
+const render$8 = [renderItems, renderBounds$3, renderHeight, renderNegativeMargin, renderScrollBar];
 const renderCompletion = (oldState, newState) => {
   const commands = [];
-  for (const item of render$7) {
+  for (const item of render$8) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -9242,7 +9384,7 @@ const removeWidget = widget => {
   return [['Viewlet.send', widget.newState.uid, 'dispose']];
 };
 
-const render$6 = widget => {
+const render$7 = widget => {
   const commands = renderCompletion(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -9251,8 +9393,8 @@ const render$6 = widget => {
   }
   return wrappedCommands;
 };
-const add$3 = widget => {
-  const commands = render$6(widget);
+const add$4 = widget => {
+  const commands = render$7(widget);
   const id = 'EditorCompletion';
   // TODO how to generate a unique integer id
   // that doesn't collide with ids created in renderer worker?
@@ -9262,7 +9404,7 @@ const add$3 = widget => {
   allCommands.push(...commands);
   return allCommands;
 };
-const remove$3 = removeWidget;
+const remove$4 = removeWidget;
 const handleEditorType = (editor, state) => {
   const {
     unfilteredItems,
@@ -9327,11 +9469,11 @@ const handleEditorDeleteLeft = (editor, state) => {
 
 const EditorCompletionWidget = {
   __proto__: null,
-  add: add$3,
+  add: add$4,
   handleEditorDeleteLeft,
   handleEditorType,
-  remove: remove$3,
-  render: render$6
+  remove: remove$4,
+  render: render$7
 };
 
 const MessagePort$1 = 1;
@@ -9882,10 +10024,10 @@ const renderBounds$2 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const render$5 = [renderContent$1, renderBounds$2, renderColor, renderOffsetX];
+const render$6 = [renderContent$1, renderBounds$2, renderColor, renderOffsetX];
 const renderFull$1 = (oldState, newState) => {
   const commands = [];
-  for (const item of render$5) {
+  for (const item of render$6) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -9893,7 +10035,7 @@ const renderFull$1 = (oldState, newState) => {
   return commands;
 };
 
-const render$4 = widget => {
+const render$5 = widget => {
   const commands = renderFull$1(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -9906,10 +10048,10 @@ const render$4 = widget => {
   }
   return wrappedCommands;
 };
-const add$2 = widget => {
-  return addWidget(widget, 'ColorPicker', render$4);
+const add$3 = widget => {
+  return addWidget(widget, 'ColorPicker', render$5);
 };
-const remove$2 = removeWidget;
+const remove$3 = removeWidget;
 const Commands$1 = {
   'ColorPicker.handleSliderPointerDown': handleSliderPointerDown,
   'ColorPicker.handleSliderPointerMove': handleSliderPointerMove
@@ -9918,9 +10060,9 @@ const Commands$1 = {
 const EditorColorPickerWidget = {
   __proto__: null,
   Commands: Commands$1,
-  add: add$2,
-  remove: remove$2,
-  render: render$4
+  add: add$3,
+  remove: remove$3,
+  render: render$5
 };
 
 const getCompletionDetailVirtualDom = content => {
@@ -9968,12 +10110,12 @@ const renderBounds$1 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const render$3 = [renderContent, renderBounds$1];
+const render$4 = [renderContent, renderBounds$1];
 const renderFull = (oldState, newState) => {
-  return renderParts(render$3, oldState, newState);
+  return renderParts(render$4, oldState, newState);
 };
 
-const render$2 = widget => {
+const render$3 = widget => {
   const commands = renderFull(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -9986,16 +10128,16 @@ const render$2 = widget => {
   }
   return wrappedCommands;
 };
-const add$1 = widget => {
-  return addWidget(widget, 'EditorCompletionDetails', render$2);
+const add$2 = widget => {
+  return addWidget(widget, 'EditorCompletionDetails', render$3);
 };
-const remove$1 = removeWidget;
+const remove$2 = removeWidget;
 
 const EditorCompletionDetailWidget = {
   __proto__: null,
-  add: add$1,
-  remove: remove$1,
-  render: render$2
+  add: add$2,
+  remove: remove$2,
+  render: render$3
 };
 
 /**
@@ -10341,16 +10483,16 @@ const renderFocus = {
 //   },
 // }
 
-const render$1 = [renderDetails, renderBounds, renderValue, renderFocus];
+const render$2 = [renderDetails, renderBounds, renderValue, renderFocus];
 const apply = (oldState, newState) => {
   // TODO avoid side effect
   if (oldState.focus !== newState.focus) {
     setFocus(newState.focus);
   }
-  return renderParts(render$1, oldState, newState);
+  return renderParts(render$2, oldState, newState);
 };
 
-const render = widget => {
+const render$1 = widget => {
   const commands = apply(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -10363,10 +10505,10 @@ const render = widget => {
   }
   return wrappedCommands;
 };
-const add = widget => {
-  return addWidget(widget, 'FindWidget', render);
+const add$1 = widget => {
+  return addWidget(widget, 'FindWidget', render$1);
 };
-const remove = removeWidget;
+const remove$1 = removeWidget;
 const Commands = {
   'FindWidget.close': close$1,
   'FindWidget.focusNext': focusNext$1,
@@ -10381,6 +10523,35 @@ const Commands = {
 const EditorFindWidget = {
   __proto__: null,
   Commands,
+  add: add$1,
+  remove: remove$1,
+  render: render$1
+};
+
+const SourceActionWidget = {
+  __proto__: null
+};
+
+const render = widget => {
+  const commands = renderHover(widget.oldState, widget.newState);
+  const wrappedCommands = [];
+  const uid = widget.newState.uid;
+  for (const command of commands) {
+    if (command[0] === 'Viewlet.setDom2') {
+      wrappedCommands.push([command[0], uid, ...command.slice(1)]);
+    } else {
+      wrappedCommands.push(['Viewlet.send', uid, ...command]);
+    }
+  }
+  return wrappedCommands;
+};
+const add = widget => {
+  return addWidget(widget, 'EditorHover', render);
+};
+const remove = removeWidget;
+
+const EditorHoverWidget = {
+  __proto__: null,
   add,
   remove,
   render
@@ -10391,6 +10562,8 @@ const registerWidgets = () => {
   set(Completion, EditorCompletionWidget);
   set(CompletionDetail$1, EditorCompletionDetailWidget);
   set(Find, EditorFindWidget);
+  set(Hover, EditorHoverWidget);
+  set(SourceAction, SourceActionWidget);
 };
 
 const main = async () => {