@lvce-editor/server 0.37.11 → 0.37.13

package/static/{d0a4abf → 11ff8c4}/packages/editor-worker/dist/editorWorkerMain.js

@@ -18,6 +18,11 @@ const execute$1 = (command, ...args) => {
   return fn(...args);
 };
 
+const codeGeneratorAccept = state => {
+  // TODO close code generator widget
+  return state;
+};
+
 let AssertionError$1 = class AssertionError extends Error {
   constructor(message) {
     super(message);
@@ -142,9 +147,10 @@ const Format = 'format';
 const IndentLess = 'indentLess';
 const IndentMore = 'indentMore';
 const InsertLineBreak = 'insertLineBreak';
+const LineComment = 'lineComment';
+const Rename$1 = 'rename';
 const ReplaceAll$2 = 'replaceAll';
 const ToggleBlockComment = 'toggleBlockComment';
-const Rename$1 = 'rename';
 
 const map$1 = Object.create(null);
 const set$7 = (id, widget) => {
@@ -273,6 +279,17 @@ const joinLines$2 = lines => {
   return lines.join('\n');
 };
 
+const RE_WHITESPACE = /^\s+/;
+
+// TODO this doesn't belong here
+const getIndent = line => {
+  const whitespaceMatch = line.match(RE_WHITESPACE);
+  if (!whitespaceMatch) {
+    return '';
+  }
+  return whitespaceMatch[0];
+};
+
 // TODO have function for single edit (most common, avoid one array)
 const applyEdits = (textDocument, changes) => {
   object(textDocument);
@@ -330,7 +347,7 @@ const applyEdits = (textDocument, changes) => {
       // TODO only do this once after all edits, not inside loop
       textDocument.maxLineY = Math.min(textDocument.numberOfVisibleLines, textDocument.lines.length);
     }
-    linesDelta += Math.max(inserted.length - deleted.length, 0);
+    linesDelta += inserted.length - deleted.length;
   }
   return newLines;
 };
@@ -340,16 +357,6 @@ const getLine = (textDocument, index) => {
 const getText$1 = state => {
   return joinLines$2(state.lines);
 };
-const RE_WHITESPACE = /^\s+/;
-
-// TODO this doesn't belong here
-const getIndent = line => {
-  const whitespaceMatch = line.match(RE_WHITESPACE);
-  if (!whitespaceMatch) {
-    return '';
-  }
-  return whitespaceMatch[0];
-};
 
 // TDOO this doesn;t belong here
 const getSelectionText = (textDocument, range) => {
@@ -416,11 +423,6 @@ const positionAt = (textDocument, offset) => {
   } else {
     columnIndex = currentOffset - offset;
   }
-  console.log({
-    rowIndex,
-    columnIndex
-  });
-  // TODO
   return {
     rowIndex,
     columnIndex
@@ -482,6 +484,10 @@ const getTabCount = string => {
   return count;
 };
 
+const measureTextWidthFast = (text, charWidth) => {
+  return text.length * charWidth;
+};
+
 const getFontString = (fontWeight, fontSize, fontFamily) => {
   return `${fontWeight} ${fontSize}px ${fontFamily}`;
 };
@@ -515,32 +521,35 @@ const getContext = () => {
   return ctx;
 };
 
-const measureTextWidth = (text, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth) => {
+// TODO for text editor, could dispose measuring canvas after editor has been initialized to free up offscreencanvas space
+
+const measureTextWidthSlow = (text, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth) => {
   string(text);
   number$1(fontWeight);
   number$1(fontSize);
   string(fontFamily);
   boolean(isMonoSpaceFont);
   number$1(charWidth);
-  if (isMonoSpaceFont) {
-    return text.length * charWidth;
-  }
   if (typeof letterSpacing !== 'number') {
     throw new TypeError('letterSpacing must be of type number');
   }
   const letterSpacingString = getLetterSpacingString(letterSpacing);
   const fontString = getFontString(fontWeight, fontSize, fontFamily);
   const ctx = getContext();
-  // @ts-ignore
   ctx.letterSpacing = letterSpacingString;
-  // @ts-ignore
   ctx.font = fontString;
-  // @ts-ignore
   const metrics = ctx.measureText(text);
   const width = metrics.width;
   return width;
 };
 
+const measureTextWidth = (text, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth) => {
+  if (isMonoSpaceFont) {
+    return measureTextWidthFast(text, charWidth);
+  }
+  return measureTextWidthSlow(text, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth);
+};
+
 const normalizeText = (text, normalize, tabSize) => {
   if (normalize) {
     return text.replaceAll(Tab, Space$1.repeat(tabSize));
@@ -1041,6 +1050,13 @@ const set$6 = (id, oldEditor, newEditor) => {
   };
 };
 
+const CompletionExecute = 'ExtensionHostCompletion.execute';
+const CompletionResolveExecute = 'ExtensionHostCompletion.executeResolve';
+const HoverExecute = 'ExtensionHostHover.execute';
+const RenameExecuteRename = 'ExtensionHostRename.executeRenameProvider';
+const TabCompletionExecuteTabCompletionProvider = 'ExtensionHost.executeTabCompletionProvider';
+const TextDocumentSyncFull = 'ExtensionHostTextDocument.syncFull';
+
 const Two = '2.0';
 class AssertionError extends Error {
   constructor(message) {
@@ -1085,7 +1101,7 @@ const set$5 = (id, fn) => {
 const get$5 = id => {
   return state$1$1.callbacks[id];
 };
-const remove$7 = id => {
+const remove$8 = id => {
   delete state$1$1.callbacks[id];
 };
 const state$9 = {
@@ -1118,7 +1134,7 @@ const resolve = (id, args) => {
     return;
   }
   fn(args);
-  remove$7(id);
+  remove$8(id);
 };
 const create$2$1 = (method, params) => {
   const {
@@ -1310,7 +1326,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$d = (message, result) => {
+const create$e = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -1319,7 +1335,7 @@ const create$d = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$d(message, resultProperty);
+  return create$e(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -1415,7 +1431,7 @@ const preparePrettyError = error => {
 const logError$1 = error => {
   // handled in renderer worker
 };
-const handleMessage = event => {
+const handleMessage = async event => {
   return handleJsonRpcMessage(event.target, event.data, execute$1, resolve, preparePrettyError, logError$1, requiresSocket);
 };
 
@@ -1468,7 +1484,7 @@ const set$4 = ipc => {
   state$8.ipc = ipc;
 };
 
-const invoke$4 = (method, ...params) => {
+const invoke$4 = async (method, ...params) => {
   const ipc = get$4();
   return invoke$5(ipc, method, ...params);
 };
@@ -1519,7 +1535,7 @@ const waitForFirstMessage$1 = async port => {
   return event;
 };
 
-const create$c = async () => {
+const create$d = async () => {
   const {
     port1,
     port2
@@ -1564,7 +1580,7 @@ const wrap$3 = port => {
 
 const IpcParentWithExtensionHostWorker = {
   __proto__: null,
-  create: create$c,
+  create: create$d,
   wrap: wrap$3
 };
 
@@ -1572,7 +1588,7 @@ const sendMessagePortToSyntaxHighlightingWorker = async port => {
   await invokeAndTransfer('SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort');
 };
 
-const create$b = async () => {
+const create$c = async () => {
   const {
     port1,
     port2
@@ -1617,7 +1633,7 @@ const wrap$1 = port => {
 
 const IpcParentWithSyntaxHighlightingWorker = {
   __proto__: null,
-  create: create$b,
+  create: create$c,
   wrap: wrap$1
 };
 
@@ -1625,7 +1641,7 @@ const sendMessagePortToRendererProcess = async port => {
   await invokeAndTransfer('SendMessagePortToRendererProcess.sendMessagePortToRendererProcess', port, 'HandleMessagePort.handleMessagePort');
 };
 
-const create$a = async () => {
+const create$b = async () => {
   const {
     port1,
     port2
@@ -1670,7 +1686,7 @@ const wrap = port => {
 
 const IpcParentWithRendererProcess = {
   __proto__: null,
-  create: create$a,
+  create: create$b,
   wrap
 };
 
@@ -1687,7 +1703,7 @@ const getModule$1 = method => {
   }
 };
 
-const create$9 = async ({
+const create$a = async ({
   method,
   ...options
 }) => {
@@ -1705,13 +1721,13 @@ const create$9 = async ({
 const createRpc = method => {
   let _ipc;
   const listen = async () => {
-    const ipc = await create$9({
+    const ipc = await create$a({
       method
     });
     handleIpc(ipc);
     _ipc = ipc;
   };
-  const invoke = (method, ...params) => {
+  const invoke = async (method, ...params) => {
     return invoke$5(_ipc, method, ...params);
   };
   return {
@@ -1725,13 +1741,6 @@ const {
   invoke: invoke$2
 } = createRpc(ExtensionHostWorker);
 
-const CompletionExecute = 'ExtensionHostCompletion.execute';
-const CompletionResolveExecute = 'ExtensionHostCompletion.executeResolve';
-const HoverExecute = 'ExtensionHostHover.execute';
-const RenameExecuteRename = 'ExtensionHostRename.executeRenameProvider';
-const TabCompletionExecuteTabCompletionProvider = 'ExtensionHost.executeTabCompletionProvider';
-const TextDocumentSyncFull = 'ExtensionHostTextDocument.syncFull';
-
 const ColorPicker$2 = 41;
 const CompletionDetail$1 = 999;
 const EditorCompletion = 9;
@@ -1747,11 +1756,129 @@ const FocusFindWidgetReplaceAllButton = 47;
 const FocusFindWidgetReplaceButton = 46;
 const FocusFindWidgetToggleReplace = 42;
 const SourceActions = 38;
+const FocusCodeGenerator = 52;
 
 const measureCharacterWidth = (fontWeight, fontSize, fontFamily, letterSpacing) => {
   return measureTextWidth('a', fontWeight, fontSize, fontFamily, letterSpacing, false, 0);
 };
 
+const OnRename = 'onRename';
+const OnCompletion = 'onCompletion';
+const OnDiagnostic = 'onDiagnostic';
+const OnHover = 'onHover';
+const OnTabCompletion = 'onTabCompletion';
+
+// TODO add tests for this
+const activateByEvent = async event => {
+  await invoke$3('ExtensionHostManagement.activateByEvent', event);
+};
+
+const execute = async ({
+  editor,
+  args,
+  event,
+  method,
+  noProviderFoundMessage,
+  noProviderFoundResult = undefined
+}) => {
+  const fullEvent = `${event}:${editor.languageId}`;
+  await activateByEvent(fullEvent);
+  const result = await invoke$2(method, editor.uid, ...args);
+  return result;
+};
+
+const combineResults$3 = results => {
+  return results[0];
+};
+const executeDiagnosticProvider = editor => {
+  return execute({
+    editor,
+    event: OnDiagnostic,
+    method: 'ExtensionHost.executeDiagnosticProvider',
+    args: [],
+    noProviderFoundMessage: 'no diagnostic provider found',
+    noProviderResult: [],
+    combineResults: combineResults$3
+  });
+};
+
+const getDiagnosticType = diagnostic => {
+  return diagnostic.type;
+};
+
+const getVisibleDiagnostics = (editor, diagnostics) => {
+  const visibleDiagnostics = [];
+  const {
+    width,
+    rowHeight,
+    minLineY,
+    charWidth,
+    letterSpacing,
+    lines,
+    fontWeight,
+    fontSize,
+    fontFamily,
+    isMonospaceFont,
+    tabSize
+  } = editor;
+  for (const diagnostic of diagnostics) {
+    const {
+      rowIndex,
+      columnIndex,
+      endColumnIndex
+    } = diagnostic;
+    const columnDelta = endColumnIndex - columnIndex;
+    const diagnosticWidth = columnDelta * charWidth;
+    const endLineDifference = 0;
+    const halfCursorWidth = 0;
+    const x = getX(lines[rowIndex], columnIndex, fontWeight, fontSize, fontFamily, isMonospaceFont, letterSpacing, tabSize, halfCursorWidth, width, charWidth, endLineDifference);
+    const y = getY(rowIndex, minLineY, rowHeight);
+    visibleDiagnostics.push({
+      x,
+      y,
+      width: diagnosticWidth,
+      height: rowHeight,
+      type: getDiagnosticType(diagnostic)
+    });
+  }
+  return visibleDiagnostics;
+};
+
+const updateDiagnostics = async newState => {
+  try {
+    // TODO handle error
+    // TODO handle race condition
+
+    // TODO sync textdocument incrementally
+    // TODO sync and ask for diagnostics at the same time?
+    // TODO throttle diagnostics
+    const content = getText$1(newState);
+
+    // TODO don't really need text document sync response
+    // could perhaps save a lot of messages by using send instead of invoke
+    await invoke$2(TextDocumentSyncFull, newState.uri, newState.id, newState.languageId, content);
+    const diagnostics = await executeDiagnosticProvider(newState);
+    const latest = get$6(newState.id);
+    if (!latest) {
+      return;
+    }
+    const decorations = getVisibleDiagnostics(latest.newState, diagnostics);
+    const newEditor = {
+      ...latest.newState,
+      diagnostics,
+      decorations
+    };
+    set$6(newState.id, latest.oldState, newEditor);
+    await invoke$3('Editor.rerender', newState.id);
+  } catch (error) {
+    // @ts-ignore
+    if (error && error.message.includes('No diagnostic provider found')) {
+      return;
+    }
+    console.error(`Failed to update diagnostics: ${error}`);
+  }
+};
+
 const emptyEditor = {
   uri: '',
   languageId: '',
@@ -1802,7 +1929,8 @@ const createEditor = async ({
   fontWeight,
   fontFamily,
   isMonospaceFont,
-  uri
+  uri,
+  diagnosticsEnabled
 }) => {
   number$1(id);
   string(content);
@@ -1862,7 +1990,8 @@ const createEditor = async ({
     uid: id,
     id,
     widgets: [],
-    focusKey: Empty
+    focusKey: Empty,
+    diagnosticsEnabled
   };
   // TODO avoid creating intermediate editors here
   const newEditor1 = setBounds(editor, x, y, width, height, 9);
@@ -1874,6 +2003,9 @@ const createEditor = async ({
   };
   set$6(id, emptyEditor, newEditor4);
   await invoke$2(TextDocumentSyncFull, uri, id, languageId, content);
+  if (diagnosticsEnabled) {
+    updateDiagnostics(newEditor4);
+  }
 };
 
 // @ts-ignore
@@ -1999,7 +2131,7 @@ const getAccurateColumnIndexAscii = (line, guess, averageCharWidth, eventX, font
 const supported = () => {
   return 'Segmenter' in Intl;
 };
-const create$8 = () => {
+const create$9 = () => {
   // @ts-ignore
   const segmenter = new Intl.Segmenter();
   return {
@@ -2037,7 +2169,7 @@ const create$8 = () => {
 
 // @ts-ignore
 const getAccurateColumnIndexUnicode = (line, guess, averageCharWidth, eventX, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  const segmenter = create$8();
+  const segmenter = create$9();
   const segments = segmenter.getSegments(line);
   const isMonospaceFont = false;
   const charWidth = 0;
@@ -2204,7 +2336,7 @@ const editorShowMessage = async (editor, rowIndex, columnIndex, message, isError
  * @returns
  */
 // @ts-ignore
-const showErrorMessage = (editor, rowIndex, columnIndex, message) => {
+const showErrorMessage = async (editor, rowIndex, columnIndex, message) => {
   return editorShowMessage(editor, rowIndex, columnIndex, message, /* isError */true);
 };
 
@@ -2266,9 +2398,18 @@ const cancelSelection = editor => {
   return scheduleSelections(editor, newSelections);
 };
 
+// TODO use numeric widget id
+const CodeGenerator = 1;
+const ColorPicker$1 = 2;
+const Completion = 3;
+const CompletionDetail = 4;
+const Find = 5;
+const Hover = 6;
+const Rename = 7;
+const SourceAction = 8;
+
 const getIndex = (widgets, id) => {
-  for (let i = 0; i < widgets.length; i++) {
-    const widget = widgets[i];
+  for (const [i, widget] of widgets.entries()) {
     if (widget.id === id) {
       return i;
     }
@@ -2281,14 +2422,24 @@ const removeEditorWidget = (widgets, id) => {
   return newWidgets;
 };
 
-// TODO use numeric widget id
-const ColorPicker$1 = 'colorPicker';
-const Completion = 'completion';
-const CompletionDetail = 'completionDetail';
-const Find = 'find';
-const Hover = 'hover';
-const Rename = 'rename';
-const SourceAction = 'sourceAction';
+const isMatchingWidget$2 = widget => {
+  return widget.id === CodeGenerator;
+};
+const closeCodeGenerator = editor => {
+  const {
+    widgets
+  } = editor;
+  const index = widgets.findIndex(isMatchingWidget$2);
+  if (index === -1) {
+    return editor;
+  }
+  const newWidgets = removeEditorWidget(widgets, CodeGenerator);
+  return {
+    ...editor,
+    widgets: newWidgets,
+    focused: true
+  };
+};
 
 const isCompletionWidget = widget => {
   return widget.id === Completion;
@@ -2322,7 +2473,8 @@ const closeFind = editor => {
   const newWidgets = removeEditorWidget(widgets, Find);
   return {
     ...editor,
-    widgets: newWidgets
+    widgets: newWidgets,
+    focused: true
   };
 };
 
@@ -2403,12 +2555,8 @@ const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGe
   };
   const newWidgets = [...widgets, latestWidget];
   // TODO avoid side effect, apply focus shift during render
-  if (fullFocus) {
-    await setFocus(focusKey);
-  } else {
-    await setAdditionalFocus(focusKey);
-  }
-  const newFocus = fullFocus ? false : true;
+  await (fullFocus ? setFocus(focusKey) : setAdditionalFocus(focusKey));
+  const newFocus = !fullFocus;
   const newEditor = {
     ...editor,
     widgets: newWidgets,
@@ -2418,12 +2566,12 @@ const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGe
   return newEditor;
 };
 
-const create$7 = () => {
+const create$8 = () => {
   return Math.random();
 };
 
-const create$6 = () => {
-  const completionUid = create$7();
+const create$7 = () => {
+  const completionUid = create$8();
   const widget = {
     id: ColorPicker$1,
     oldState: {
@@ -2452,11 +2600,11 @@ const create$6 = () => {
   return widget;
 };
 
-const newStateGenerator$1 = state => {
+const newStateGenerator$2 = state => {
   return loadContent$3(state);
 };
 const openColorPicker = async editor => {
-  return addWidgetToEditor(ColorPicker$1, ColorPicker$2, editor, create$6, newStateGenerator$1);
+  return addWidgetToEditor(ColorPicker$1, ColorPicker$2, editor, create$7, newStateGenerator$2);
 };
 
 const state$6 = {
@@ -2753,7 +2901,7 @@ const characterLeft = (line, columnIndex) => {
   if (!supported()) {
     return 1;
   }
-  const segmenter = create$8();
+  const segmenter = create$9();
   const last = segmenter.at(line, columnIndex - 1);
   return columnIndex - last.index;
 };
@@ -2764,7 +2912,7 @@ const characterRight = (line, columnIndex) => {
   if (!supported()) {
     return 1;
   }
-  const segmenter = create$8();
+  const segmenter = create$9();
   const next = segmenter.at(line, columnIndex);
   return next.segment.length;
 };
@@ -2850,7 +2998,6 @@ const wordPartRight = (line, columnIndex) => {
   return tryRegexArray(partialLine, ARRAY_PARTIAL_WORD_RIGHT_2);
 };
 
-// @ts-ignore
 const cursorCharacterLeft = editor => {
   return editorCursorHorizontalLeft(editor, characterLeft);
 };
@@ -3019,7 +3166,7 @@ const cutSelectedText = async editor => {
   return scheduleDocumentAndCursorsSelections(editor, changes, selectionChanges);
 };
 
-const cut = editor => {
+const cut = async editor => {
   const {
     selections
   } = editor;
@@ -3195,28 +3342,22 @@ const findAllReferences = async editor => {
   return editor;
 };
 
-// TODO format should be executed in parallel with saving
-// -> fast save, no need to wait for formatting
-// -> fast formatting, no need to wait for save
-
-// TODO should format on save when closing/switching editor?
-
-// TODO format with cursor
-// TODO should be in editor folder
-
-const format$1 = async editor => {
-  const edits = await invoke$3('Format.format', editor);
+const getFormattingEdits = async editor => {
+  const edits = await execute({
+    editor,
+    event: 'onFormatting',
+    method: 'ExtensionHostFormatting.executeFormattingProvider',
+    args: []
+  });
   return edits;
 };
 
-const warn = (...args) => {
-  console.warn(...args);
-};
-const error = (...args) => {
-  console.error(...args);
+const expectedErrorMessage$1 = 'Failed to execute formatting provider: FormattingError:';
+const isFormattingError = error => {
+  // @ts-ignore
+  return error && error instanceof Error && error.message.startsWith(expectedErrorMessage$1);
 };
 
-// @ts-ignore
 const getDocumentEdits = (editor, edits) => {
   const documentEdits = [];
   for (const edit of edits) {
@@ -3241,7 +3382,13 @@ const getDocumentEdits = (editor, edits) => {
   return documentEdits;
 };
 
-// @ts-ignore
+const warn = (...args) => {
+  console.warn(...args);
+};
+const error = (...args) => {
+  console.error(...args);
+};
+
 const applyDocumentEdits = (editor, edits) => {
   if (!Array.isArray(edits)) {
     warn('something is wrong with format on save', edits);
@@ -3255,14 +3402,11 @@ const applyDocumentEdits = (editor, edits) => {
 };
 
 const expectedErrorMessage = 'Failed to execute formatting provider: FormattingError:';
-const isFormattingError = error => {
-  return error && error instanceof Error && error.message.startsWith(expectedErrorMessage);
-};
 
 // TODO also format with cursor
 const format = async editor => {
   try {
-    const edits = await format$1(editor);
+    const edits = await getFormattingEdits(editor);
     return applyDocumentEdits(editor, edits);
   } catch (error) {
     if (isFormattingError(error)) {
@@ -3272,6 +3416,8 @@ const format = async editor => {
       return editor;
     }
     console.error(error);
+
+    // TODO configure editor message as widget
     const displayErrorMessage = `${error}`;
     await editorShowMessage(editor, 0, 0, displayErrorMessage, true);
     return editor;
@@ -3349,7 +3495,9 @@ const UiStrings$1 = {
   SourceAction: 'Source Action',
   OrganizeImports: 'Organize Imports',
   SortImports: 'Sort Imports',
-  NoCodeActionsAvailable: 'No code actions available'
+  NoCodeActionsAvailable: 'No code actions available',
+  EscapeToClose: 'Escape to close',
+  EnterCode: 'Enter Code'
 };
 const noDefinitionFound = () => {
   return i18nString(UiStrings$1.NoDefinitionFound);
@@ -3376,6 +3524,12 @@ const sourceAction = () => {
 const noCodeActionsAvailable = () => {
   return i18nString(UiStrings$1.NoCodeActionsAvailable);
 };
+const escapeToClose = () => {
+  return i18nString(UiStrings$1.EscapeToClose);
+};
+const enterCode = () => {
+  return i18nString(UiStrings$1.EnterCode);
+};
 
 // @ts-ignore
 const goTo = async ({
@@ -3477,13 +3631,9 @@ const getErrorMessage$3 = error => {
 
 // @ts-ignore
 const isNoProviderFoundError$1 = error => {
-  return error &&
-  // @ts-ignore
-  error.message &&
-  // @ts-ignore
-  error.message.startsWith('Failed to execute definition provider: No definition provider found');
+  return error?.message?.startsWith('Failed to execute definition provider: No definition provider found');
 };
-const goToDefinition = editor => {
+const goToDefinition = async editor => {
   return goTo({
     editor,
     getLocation: getLocation$1,
@@ -3526,13 +3676,9 @@ const getErrorMessage$2 = error => {
   return `${error}`;
 };
 const isNoProviderFoundError = error => {
-  return error &&
-  // @ts-ignore
-  error.message &&
-  // @ts-ignore
-  error.message.startsWith('Failed to execute type definition provider: No type definition provider found');
+  return error?.message?.startsWith('Failed to execute type definition provider: No type definition provider found');
 };
-const goToTypeDefinition = (editor, explicit = true) => {
+const goToTypeDefinition = async (editor, explicit = true) => {
   return goTo({
     editor,
     getLocation,
@@ -4087,6 +4233,29 @@ const handleScrollBarPointerDown = (state, eventY) => {
   };
 };
 
+// const LONG_TOUCH_THRESHOLD = 150
+
+// @ts-ignore
+const handleTouchEnd = (editor, touchEvent) => {
+  // if (touchEvent.changedTouches.length === 0) {
+  //   return
+  // }
+  // const firstTouch = touchEvent.changedTouches[0]
+  // const position = EditorPosition.at(editor, firstTouch.x, firstTouch.y)
+  // @ts-ignore
+  // if (EditorMoveSelection.state.position.rowIndex === position.rowIndex && EditorMoveSelection.state.position.columnIndex === position.columnIndex) {
+  //   // @ts-ignore
+  //   if (Date.now() - EditorHandleTouchStart.state.date > LONG_TOUCH_THRESHOLD) {
+  //     EditorSelectWord.selectWord(editor, position.rowIndex, position.columnIndex)
+  //   } else {
+  //     // @ts-ignore
+  //     EditorCursorSet.cursorSet(editor, position)
+  //   }
+  // } else {
+  //   console.log('different position')
+  // }
+};
+
 const state$2 = {
   touchOffsetY: 0,
   deltaY: 0
@@ -4105,89 +4274,6 @@ const handleTouchStart = (editor, touchEvent) => {
   // state.date = Date.now()
 };
 
-const LessThan = -1;
-const Equal = 0;
-const GreaterThan = 1;
-
-// @ts-ignore
-
-// @ts-ignore
-const compare = (positionA, positionB) => {
-  if (positionA.rowIndex > positionB.rowIndex) {
-    return GreaterThan;
-  }
-  if (positionA.rowIndex === positionB.rowIndex) {
-    if (positionA.columnIndex > positionB.columnIndex) {
-      return GreaterThan;
-    }
-    if (positionA.columnIndex < positionB.columnIndex) {
-      return LessThan;
-    }
-    return Equal;
-  }
-  return LessThan;
-};
-
-// @ts-ignore
-const editorMoveSelectionBackwards = (anchor, position) => {
-  return new Uint32Array([anchor.rowIndex, anchor.columnIndex, position.rowIndex, position.columnIndex]);
-};
-
-// @ts-ignore
-const editorMoveSelectionEqual = (anchor, position) => {
-  return new Uint32Array([position.rowIndex, position.columnIndex, position.rowIndex, position.columnIndex]);
-};
-
-// @ts-ignore
-const editorMoveSelectionForwards = (anchor, position) => {
-  return new Uint32Array([anchor.rowIndex, anchor.columnIndex, position.rowIndex, position.columnIndex]);
-};
-
-// @ts-ignore
-const getNewSelections$5 = (anchor, position) => {
-  switch (compare(position, anchor)) {
-    case LessThan:
-      return editorMoveSelectionBackwards(anchor, position);
-    case Equal:
-      return editorMoveSelectionEqual(anchor, position);
-    case GreaterThan:
-      return editorMoveSelectionForwards(anchor, position);
-    default:
-      throw new Error('unexpected comparison result');
-  }
-};
-
-// @ts-ignore
-const editorMoveSelection = (editor, position) => {
-  const anchor = getPosition$1();
-  const newSelections = getNewSelections$5(anchor, position);
-  // TODO if selection equals previous selection -> do nothing
-  return scheduleSelections(editor, newSelections);
-};
-
-const LONG_TOUCH_THRESHOLD = 150;
-
-// @ts-ignore
-const handleTouchEnd = (editor, touchEvent) => {
-  if (touchEvent.changedTouches.length === 0) {
-    return;
-  }
-  const firstTouch = touchEvent.changedTouches[0];
-  const position = at(editor, firstTouch.x, firstTouch.y);
-  // @ts-ignore
-  if (undefined.position.rowIndex === position.rowIndex && undefined.position.columnIndex === position.columnIndex) {
-    // @ts-ignore
-    if (Date.now() - state$2.date > LONG_TOUCH_THRESHOLD) {
-      selectWord(editor, position.rowIndex, position.columnIndex);
-    } else {
-      // @ts-ignore
-      cursorSet(editor, position);
-    }
-  } else {
-    console.log('different position');
-  }
-};
-
 // @ts-ignore
 const setDeltaY$1 = (editor, deltaY) => {
   return setDeltaY$2(editor, deltaY);
@@ -4299,7 +4385,7 @@ const indentMore = editor => {
   return scheduleDocumentAndCursorsSelections(editor, changes);
 };
 
-const getLanguageConfiguration = editor => {
+const getLanguageConfiguration = async editor => {
   return invoke$3('Languages.getLanguageConfiguration', {
     uri: editor.uri,
     languageId: editor.languageId
@@ -4307,7 +4393,7 @@ const getLanguageConfiguration = editor => {
 };
 
 const getIncreaseIndentRegex = languageConfiguration => {
-  if (languageConfiguration && languageConfiguration.indentationRules && languageConfiguration.indentationRules.increaseIndentPattern && typeof languageConfiguration.indentationRules.increaseIndentPattern === 'string') {
+  if (languageConfiguration?.indentationRules?.increaseIndentPattern && typeof languageConfiguration.indentationRules.increaseIndentPattern === 'string') {
     const regex = new RegExp(languageConfiguration.indentationRules.increaseIndentPattern);
     return regex;
   }
@@ -4395,39 +4481,96 @@ const insertLineBreak = async editor => {
   return scheduleDocumentAndCursorsSelections(editor, changes, selectionChanges);
 };
 
+const moveRectangleSelection = (editor, position) => {
+  // @ts-ignore
+  // const anchor = EditorMoveSelection.state.position
+  // const startRowIndex = anchor.rowIndex
+  // const startColumnIndex = anchor.columnIndex
+  // const endRowIndex = position.rowIndex
+  // const endColumnIndex = position.columnIndex
+  // const selectionEdits: any[] = []
+  // for (let i = startRowIndex; i <= endRowIndex; i++) {
+  //   selectionEdits.push({
+  //     start: {
+  //       rowIndex: i,
+  //       columnIndex: startColumnIndex,
+  //     },
+  //     end: {
+  //       rowIndex: i,
+  //       columnIndex: endColumnIndex,
+  //     },
+  //   })
+  // }
+  // // @ts-ignore
+  // const cursorEdits = [selectionEdits.at(-1).end]
+  // // @ts-ignore
+  // Editor.scheduleCursorsAndSelections(editor, cursorEdits, selectionEdits)
+  return editor;
+};
+
+// @ts-ignore
+const moveRectangleSelectionPx = (editor, x, y) => {
+  at(editor, x, y);
+};
+
+const LessThan = -1;
+const Equal = 0;
+const GreaterThan = 1;
+
 // @ts-ignore
 
 // @ts-ignore
-const moveRectangleSelection = (editor, position) => {
-  // @ts-ignore
-  const anchor = undefined.position;
-  const startRowIndex = anchor.rowIndex;
-  const startColumnIndex = anchor.columnIndex;
-  const endRowIndex = position.rowIndex;
-  const endColumnIndex = position.columnIndex;
-  const selectionEdits = [];
-  for (let i = startRowIndex; i <= endRowIndex; i++) {
-    selectionEdits.push({
-      start: {
-        rowIndex: i,
-        columnIndex: startColumnIndex
-      },
-      end: {
-        rowIndex: i,
-        columnIndex: endColumnIndex
-      }
-    });
+const compare = (positionA, positionB) => {
+  if (positionA.rowIndex > positionB.rowIndex) {
+    return GreaterThan;
   }
-  // @ts-ignore
-  const cursorEdits = [selectionEdits.at(-1).end];
-  // @ts-ignore
-  undefined(editor, cursorEdits, selectionEdits);
+  if (positionA.rowIndex === positionB.rowIndex) {
+    if (positionA.columnIndex > positionB.columnIndex) {
+      return GreaterThan;
+    }
+    if (positionA.columnIndex < positionB.columnIndex) {
+      return LessThan;
+    }
+    return Equal;
+  }
+  return LessThan;
 };
 
 // @ts-ignore
-const moveRectangleSelectionPx = (editor, x, y) => {
-  const position = at(editor, x, y);
-  moveRectangleSelection(editor, position);
+const editorMoveSelectionBackwards = (anchor, position) => {
+  return new Uint32Array([anchor.rowIndex, anchor.columnIndex, position.rowIndex, position.columnIndex]);
+};
+
+// @ts-ignore
+const editorMoveSelectionEqual = (anchor, position) => {
+  return new Uint32Array([position.rowIndex, position.columnIndex, position.rowIndex, position.columnIndex]);
+};
+
+// @ts-ignore
+const editorMoveSelectionForwards = (anchor, position) => {
+  return new Uint32Array([anchor.rowIndex, anchor.columnIndex, position.rowIndex, position.columnIndex]);
+};
+
+// @ts-ignore
+const getNewSelections$5 = (anchor, position) => {
+  switch (compare(position, anchor)) {
+    case LessThan:
+      return editorMoveSelectionBackwards(anchor, position);
+    case Equal:
+      return editorMoveSelectionEqual(anchor, position);
+    case GreaterThan:
+      return editorMoveSelectionForwards(anchor, position);
+    default:
+      throw new Error('unexpected comparison result');
+  }
+};
+
+// @ts-ignore
+const editorMoveSelection = (editor, position) => {
+  const anchor = getPosition$1();
+  const newSelections = getNewSelections$5(anchor, position);
+  // TODO if selection equals previous selection -> do nothing
+  return scheduleSelections(editor, newSelections);
 };
 
 const requestAnimationFrame = fn => {
@@ -4515,8 +4658,55 @@ const moveSelectionPx = (editor, x, y) => {
   return editorMoveSelection(editor, position);
 };
 
+const User = 1;
+const Script = 2;
+const Unknown$1 = 0;
+
+const create$6 = () => {
+  const completionUid = create$8();
+  const widget = {
+    id: CodeGenerator,
+    oldState: {
+      uid: completionUid,
+      questions: [],
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      focused: false,
+      focusSource: Unknown$1
+    },
+    newState: {
+      uid: completionUid,
+      questions: [],
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      focused: true,
+      focusSource: Script
+    }
+  };
+  return widget;
+};
+
+const newStateGenerator$1 = async state => {
+  const latestState = {
+    ...state,
+    x: 100,
+    y: 100,
+    width: 150,
+    height: 45
+  };
+  return latestState;
+};
+const openCodeGenerator = async editor => {
+  const fullFocus = true;
+  return addWidgetToEditor(CodeGenerator, FocusCodeGenerator, editor, create$6, newStateGenerator$1, fullFocus);
+};
+
 const create$5 = () => {
-  const completionUid = create$7();
+  const completionUid = create$8();
   const completionWidget = {
     id: Completion,
     oldState: {
@@ -4557,34 +4747,10 @@ const create$5 = () => {
   return completionWidget;
 };
 
-const OnRename = 'onRename';
-const OnCompletion = 'onCompletion';
-const OnHover = 'onHover';
-const OnTabCompletion = 'onTabCompletion';
-
-// TODO add tests for this
-const activateByEvent = async event => {
-  await invoke$3('ExtensionHostManagement.activateByEvent', event);
-};
-
-const execute = async ({
-  editor,
-  args,
-  event,
-  method,
-  noProviderFoundMessage,
-  noProviderFoundResult = undefined
-}) => {
-  const fullEvent = `${event}:${editor.languageId}`;
-  await activateByEvent(fullEvent);
-  const result = await invoke$2(method, editor.uid, ...args);
-  return result;
-};
-
 const combineResults$2 = results => {
   return results[0] ?? [];
 };
-const executeCompletionProvider = (editor, offset) => {
+const executeCompletionProvider = async (editor, offset) => {
   return execute({
     editor,
     event: OnCompletion,
@@ -4598,7 +4764,7 @@ const executeCompletionProvider = (editor, offset) => {
 const combineResultsResolve = items => {
   return items[0] ?? undefined;
 };
-const executeResolveCompletionItem = (editor, offset, name, completionItem) => {
+const executeResolveCompletionItem = async (editor, offset, name, completionItem) => {
   return execute({
     editor,
     event: OnCompletion,
@@ -5056,12 +5222,8 @@ const openCompletion = async editor => {
   };
 };
 
-const User = 1;
-const Script = 2;
-const Unknown$1 = 0;
-
 const create$4 = () => {
-  const uid = create$7();
+  const uid = create$8();
   const widget = {
     id: Find,
     oldState: {
@@ -5125,7 +5287,7 @@ const getSearchRegex = searchString => {
 
 const findRegexMatches = (lines, regex) => {
   if (!regex.global) {
-    throw new Error(`regex must be global`);
+    throw new Error('regex must be global');
   }
   const {
     length
@@ -5489,7 +5651,7 @@ const getRenamePosition = editor => {
 };
 
 const create$3 = () => {
-  const completionUid = create$7();
+  const completionUid = create$8();
   const renameWidget = {
     id: Rename,
     oldState: {
@@ -5552,9 +5714,18 @@ const openRename = async editor => {
   return addWidgetToEditor(Rename, FocusEditorRename, editor, create$3, newStateGenerator, fullFocus);
 };
 
+const getOrganizeImportEdits = async editor => {
+  const edits = await execute({
+    editor,
+    event: 'onLanguage',
+    method: 'ExtensionHostOrganizeImports.execute',
+    args: []
+  });
+  return edits;
+};
+
 const organizeImports = async editor => {
-  // TODO ask extension host worker directly
-  const edits = await invoke$3('ExtensionHostOrganizeImports.organizeImports', editor);
+  const edits = await getOrganizeImportEdits(editor);
   return applyDocumentEdits(editor, edits);
 };
 
@@ -6347,7 +6518,6 @@ const loadTokenizer = async (languageId, tokenizePath) => {
   } catch (error) {
     // TODO better error handling
     console.error(error);
-    return;
   }
 };
 const getTokenizer = languageId => {
@@ -6438,7 +6608,7 @@ const showHover = async state => {
 };
 
 const create$2 = () => {
-  const uid = create$7();
+  const uid = create$8();
   const widget = {
     id: Hover,
     oldState: {
@@ -6469,7 +6639,7 @@ const create$2 = () => {
   return widget;
 };
 
-const executeHoverProvider = (editor, offset) => {
+const executeHoverProvider = async (editor, offset) => {
   object(editor);
   number$1(offset);
   return execute({
@@ -6491,7 +6661,7 @@ const getHover = async (editor, offset) => {
 
 let _ipc;
 const listen$5 = async () => {
-  const ipc = await create$9({
+  const ipc = await create$a({
     method: RendererProcess
   });
   handleIpc(ipc);
@@ -6501,7 +6671,7 @@ const invoke = async (method, ...args) => {
   return invoke$5(_ipc, method, ...args);
 };
 
-const measureTextBlockHeight = (text, fontFamily, fontSize, lineHeight, width) => {
+const measureTextBlockHeight = async (text, fontFamily, fontSize, lineHeight, width) => {
   return invoke('MeasureTextBlockHeight.measureTextBlockHeight', text, fontSize, fontFamily, lineHeight, width);
 };
 
@@ -6552,7 +6722,7 @@ const warnDeprecatedArrayReturn = (languageId, fn) => {
 const safeTokenizeLine = (languageId, tokenizeLine, line, lineStateAtStart, hasArrayReturn) => {
   try {
     const lineState = tokenizeLine(line, lineStateAtStart);
-    if (!lineState || !lineState.tokens || !lineState.state) {
+    if (!lineState?.tokens || !lineState.state) {
       throw new Error('invalid tokenization result');
     }
     if (!hasArrayReturn) {
@@ -6661,7 +6831,7 @@ const getEditorHoverInfo = async (editorUid, position) => {
   } = hover;
   const tokenizerPath = '';
   const lineInfos = await tokenizeCodeBlock(displayString, displayStringLanguageId || fallbackDisplayStringLanguageId, tokenizerPath);
-  const wordPart = await getWordBefore(editor, rowIndex, columnIndex);
+  const wordPart = getWordBefore(editor, rowIndex, columnIndex);
   const wordStart = columnIndex - wordPart.length;
   await measureTextBlockHeight(documentation, hoverDocumentationFontFamily, hoverDocumentationFontSize, hoverDocumentationLineHeight, hoverDocumentationWidth);
   const {
@@ -6699,11 +6869,12 @@ const loadHoverContent = async state => {
     documentation,
     x,
     y,
+    width: 600,
     diagnostics: matchingDiagnostics
   };
 };
 
-const newStateGenerator = state => {
+const newStateGenerator = async state => {
   return loadHoverContent(state);
 };
 const showHover2 = async editor => {
@@ -6761,7 +6932,7 @@ const loadSourceActions = async (editor, state) => {
 };
 
 const create$1 = () => {
-  const completionUid = create$7();
+  const completionUid = create$8();
   const widget = {
     id: SourceAction,
     oldState: {
@@ -6789,7 +6960,7 @@ const create$1 = () => {
 };
 
 const showSourceActions = async editor => {
-  const newStateGenerator = state => {
+  const newStateGenerator = async state => {
     return loadSourceActions(editor, state);
   };
   return addWidgetToEditor(SourceAction, SourceActions, editor, create$1, newStateGenerator);
@@ -6857,7 +7028,7 @@ const sortLinesAscending = editor => {
 const combineResults$1 = results => {
   return results[0];
 };
-const executeTabCompletionProvider = (editor, offset) => {
+const executeTabCompletionProvider = async (editor, offset) => {
   return execute({
     editor,
     event: OnTabCompletion,
@@ -6994,7 +7165,7 @@ const tabCompletion = async editor => {
 
 const getBlockComment = async editor => {
   const languageConfiguration = await getLanguageConfiguration(editor);
-  if (!languageConfiguration || !languageConfiguration.comments || !languageConfiguration.comments.blockComment) {
+  if (!languageConfiguration?.comments?.blockComment) {
     return undefined;
   }
   return languageConfiguration.comments.blockComment;
@@ -7002,14 +7173,11 @@ const getBlockComment = async editor => {
 
 const RE_WHITESPACE_AT_START$1 = /^\s+/;
 const RE_WHITESPACE_AT_END = /\s+$/;
-
-// @ts-ignore
-const toggleBlockComment = async editor => {
-  const blockComment = await getBlockComment(editor);
-  if (!blockComment) {
-    return editor;
-  }
-  const rowIndex = editor.selections[0];
+const getBlockCommentEdits = (editor, blockComment) => {
+  const {
+    selections
+  } = editor;
+  const [rowIndex] = selections;
   const line = getLine(editor, rowIndex);
   const numberOfLines = editor.lines.length;
   let endRowIndex = rowIndex;
@@ -7063,18 +7231,7 @@ const toggleBlockComment = async editor => {
         deleted: [blockCommentEnd],
         origin: ToggleBlockComment
       };
-      // @ts-ignore
       changes.push(change1, change2);
-      // Editor.moveCursors(editor, (editor, cursor) => {
-      //   let newColumnIndex = cursor.columnIndex - blockComment[0].length
-      //   if (cursor.columnIndex === endColumnIndex + blockComment[1].length) {
-      //     newColumnIndex -= blockComment[1].length
-      //   }
-      //   return {
-      //     rowIndex: cursor.rowIndex,
-      //     columnIndex: newColumnIndex,
-      //   }
-      // })
     } else {
       const change1 = {
         start: {
@@ -7197,12 +7354,21 @@ const toggleBlockComment = async editor => {
   // }
   // RendererProcess.invoke(/* setLines */ 2135, /* lines */ lines)
 
-  return scheduleDocument(editor, changes);
+  return changes;
+};
+
+const toggleBlockComment = async editor => {
+  const blockComment = await getBlockComment(editor);
+  if (!blockComment) {
+    return editor;
+  }
+  const edits = getBlockCommentEdits(editor, blockComment);
+  return scheduleDocument(editor, edits);
 };
 
 const getLineComment = async editor => {
   const languageConfiguration = await getLanguageConfiguration(editor);
-  if (!languageConfiguration || !languageConfiguration.comments || !languageConfiguration.comments.lineComment) {
+  if (!languageConfiguration?.comments?.lineComment) {
     return undefined;
   }
   return languageConfiguration.comments.lineComment;
@@ -7217,7 +7383,7 @@ const getLineCommentEdit = (rowIndex, line, lineComment) => {
     if (line[index + lineComment.length] === ' ') {
       return {
         inserted: [''],
-        deleted: [lineComment.length + 1],
+        deleted: [lineComment + ' '],
         start: {
           rowIndex,
           columnIndex: index
@@ -7226,7 +7392,7 @@ const getLineCommentEdit = (rowIndex, line, lineComment) => {
           rowIndex,
           columnIndex: index + lineComment.length + 1
         },
-        type: /* singleLineEdit */1
+        origin: LineComment
       };
     }
     return {
@@ -7240,7 +7406,7 @@ const getLineCommentEdit = (rowIndex, line, lineComment) => {
         rowIndex,
         columnIndex: index + lineComment.length
       },
-      type: /* singleLineEdit */1
+      origin: LineComment
     };
   }
   return {
@@ -7254,11 +7420,10 @@ const getLineCommentEdit = (rowIndex, line, lineComment) => {
       rowIndex,
       columnIndex: index
     },
-    type: /* singleLineEdit */1
+    origin: LineComment
   };
 };
 
-// @ts-ignore
 const editorToggleLineComment = async editor => {
   const lineComment = await getLineComment(editor);
   if (!lineComment) {
@@ -7466,96 +7631,98 @@ const undo = state => {
 };
 
 // @ts-ignore
-const INDENT = '  ';
+
+// const INDENT = '  '
 
 // @ts-ignore
 const editorUnindent = editor => {
-  if (hasSelection(editor)) {
-    const documentEdits = [];
-    const cursorEdits = [];
-    const selectionEdits = [];
-    // @ts-ignore
-    const canUnindentSelection = selection => {
-      for (let i = selection.start.rowIndex; i <= selection.end.rowIndex; i++) {
-        if (editor.lines[i].startsWith(INDENT)) {
-          return true;
-        }
-      }
-      return false;
-    };
-    // TODO replace check with flag that indicates whether change occurred
-    // -> only iterate once over selection lines
-
-    if (!editor.selections.some(canUnindentSelection)) {
-      return;
-    }
-    // @ts-ignore
-    const indentLineMaybe = rowIndex => {
-      if (editor.lines[rowIndex].startsWith(INDENT)) {
-        documentEdits.push({
-          type: /* singleLineEdit */1,
-          rowIndex,
-          columnIndex: INDENT.length,
-          deleted: INDENT.length,
-          inserted: ''
-        });
-      }
-    };
-    let previousRowIndex = -1;
-    for (const selection of editor.selections) {
-      let startRowIndex = selection.start.rowIndex;
-      const endRowIndex = selection.end.rowIndex;
-      if (startRowIndex === previousRowIndex) {
-        startRowIndex++;
-      }
-      for (let i = startRowIndex; i <= endRowIndex; i++) {
-        indentLineMaybe(i);
-      }
-      let start = selection.start;
-      let end = selection.end;
-      if (editor.lines[start.rowIndex].startsWith(INDENT)) {
-        start = {
-          rowIndex: start.rowIndex,
-          columnIndex: Math.max(start.columnIndex - INDENT.length, 0)
-        };
-      }
-      if (editor.lines[end.rowIndex].startsWith(INDENT)) {
-        end = {
-          rowIndex: end.rowIndex,
-          columnIndex: Math.max(end.columnIndex - INDENT.length, 0)
-        };
-      }
-      cursorEdits.push(end);
-      selectionEdits.push({
-        start,
-        end
-      });
-      previousRowIndex = endRowIndex;
-    }
-    // @ts-ignore
-    undefined(editor, documentEdits, cursorEdits, selectionEdits);
-    return;
-  }
-  const documentEdits = [];
-  const cursorEdits = [];
-  if (!editor.lines[editor.cursor.rowIndex].startsWith(INDENT)) {
-    return;
-  }
-  // @ts-ignore
-  documentEdits.push({
-    type: /* singleLineEdit */1,
-    rowIndex: editor.cursor.rowIndex,
-    inserted: '',
-    columnIndex: 2,
-    deleted: 2
-  });
-  // @ts-ignore
-  cursorEdits.push({
-    rowIndex: editor.cursor.rowIndex,
-    columnIndex: editor.cursor.columnIndex - 2
-  });
-  // @ts-ignore
-  undefined(editor, documentEdits, cursorEdits);
+  // if (Editor.hasSelection(editor)) {
+  //   const documentEdits: any[] = []
+  //   const cursorEdits: any[] = []
+  //   const selectionEdits: any[] = []
+  //   // @ts-ignore
+  //   const canUnindentSelection = (selection) => {
+  //     for (let i = selection.start.rowIndex; i <= selection.end.rowIndex; i++) {
+  //       if (editor.lines[i].startsWith(INDENT)) {
+  //         return true
+  //       }
+  //     }
+  //     return false
+  //   }
+  //   // TODO replace check with flag that indicates whether change occurred
+  //   // -> only iterate once over selection lines
+
+  //   if (!editor.selections.some(canUnindentSelection)) {
+  //     return
+  //   }
+  //   // @ts-ignore
+  //   const indentLineMaybe = (rowIndex) => {
+  //     if (editor.lines[rowIndex].startsWith(INDENT)) {
+  //       documentEdits.push({
+  //         type: /* singleLineEdit */ 1,
+  //         rowIndex,
+  //         columnIndex: INDENT.length,
+  //         deleted: INDENT.length,
+  //         inserted: '',
+  //       })
+  //     }
+  //   }
+  //   let previousRowIndex = -1
+  //   for (const selection of editor.selections) {
+  //     let startRowIndex = selection.start.rowIndex
+  //     const endRowIndex = selection.end.rowIndex
+  //     if (startRowIndex === previousRowIndex) {
+  //       startRowIndex++
+  //     }
+  //     for (let i = startRowIndex; i <= endRowIndex; i++) {
+  //       indentLineMaybe(i)
+  //     }
+  //     let start = selection.start
+  //     let end = selection.end
+  //     if (editor.lines[start.rowIndex].startsWith(INDENT)) {
+  //       start = {
+  //         rowIndex: start.rowIndex,
+  //         columnIndex: Math.max(start.columnIndex - INDENT.length, 0),
+  //       }
+  //     }
+  //     if (editor.lines[end.rowIndex].startsWith(INDENT)) {
+  //       end = {
+  //         rowIndex: end.rowIndex,
+  //         columnIndex: Math.max(end.columnIndex - INDENT.length, 0),
+  //       }
+  //     }
+  //     cursorEdits.push(end)
+  //     selectionEdits.push({
+  //       start,
+  //       end,
+  //     })
+  //     previousRowIndex = endRowIndex
+  //   }
+  //   // @ts-ignore
+  //   Editor.scheduleDocumentAndCursorsAndSelections(editor, documentEdits, cursorEdits, selectionEdits)
+  //   return
+  // }
+  // const documentEdits = []
+  // const cursorEdits = []
+  // if (!editor.lines[editor.cursor.rowIndex].startsWith(INDENT)) {
+  //   return
+  // }
+  // // @ts-ignore
+  // documentEdits.push({
+  //   type: /* singleLineEdit */ 1,
+  //   rowIndex: editor.cursor.rowIndex,
+  //   inserted: '',
+  //   columnIndex: 2,
+  //   deleted: 2,
+  // })
+  // // @ts-ignore
+  // cursorEdits.push({
+  //   rowIndex: editor.cursor.rowIndex,
+  //   columnIndex: editor.cursor.columnIndex - 2,
+  // })
+  // // @ts-ignore
+  // Editor.scheduleDocumentAndCursors(editor, documentEdits, cursorEdits)
+  return editor;
 };
 // const editor = {
 //   textDocument: {
@@ -7670,7 +7837,7 @@ const handelWheel = (state, deltaMode, deltaY) => {
 };
 
 const create = () => {
-  const completionUid = create$7();
+  const completionUid = create$8();
   const completionWidget = {
     id: CompletionDetail,
     oldState: {
@@ -7852,6 +8019,9 @@ const handleSashPointerUp = (state, eventX, eventY) => {
   return state;
 };
 
+const CodeGeneratorInput$1 = 'CodeGeneratorInput';
+const CodeGeneratorMessage = 'CodeGeneratorMessage';
+const CodeGeneratorWidget = 'CodeGeneratorWidget';
 const ColoredMaskIcon = 'ColoredMaskIcon';
 const ColorPicker = 'ColorPicker';
 const ColorPickerBackgroundColor = 'ColorPickerBackgroundColor';
@@ -7859,21 +8029,12 @@ const ColorPickerDark = 'ColorPickerDark';
 const ColorPickerLight = 'ColorPickerLight';
 const ColorPickerRectangle = 'ColorPickerRectangle';
 const ColorPickerSlider = 'ColorPickerSlider';
+const DiagnosticError = 'DiagnosticError';
+const DiagnosticWarning = 'DiagnosticWarning';
 const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
-const SourceActionItem = 'SourceActionItem';
-const SourceActionItemFocused = 'SourceActionItemFocused';
 const CompletionDetailCloseButton = 'CompletionDetailCloseButton';
-const EditorSourceActionsList = 'EditorSourceActionsList';
-const IconButtonDisabled = 'IconButtonDisabled';
-const IconButton = 'IconButton';
-const SourceActionHeading = 'SourceActionHeading';
 const CompletionDetailContent = 'CompletionDetailContent';
 const Diagnostic = 'Diagnostic';
-const FindWidgetReplace = 'FindWidgetReplace';
-const FindWidgetFind = 'FindWidgetFind';
-const FindWidgetMatchCount = 'FindWidgetMatchCount';
-const FindWidgetMatchCountEmpty = 'FindWidgetMatchCountEmpty';
-const FindWidgetRight = 'FindWidgetRight';
 const EditorCompletionItem = 'EditorCompletionItem';
 const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
 const EditorCompletionItemFocused = 'EditorCompletionItemFocused';
@@ -7881,19 +8042,36 @@ const EditorCompletionItemHighlight = 'EditorCompletionItemHighlight';
 const EditorCursor = 'EditorCursor';
 const EditorRow = 'EditorRow';
 const EditorSelection = 'EditorSelection';
+const EditorSourceActions = 'EditorSourceActions';
+const EditorSourceActionsList = 'EditorSourceActionsList';
 const FileIcon = 'FileIcon';
+const FindWidgetFind = 'FindWidgetFind';
+const FindWidgetMatchCount = 'FindWidgetMatchCount';
+const FindWidgetMatchCountEmpty = 'FindWidgetMatchCountEmpty';
+const FindWidgetReplace = 'FindWidgetReplace';
+const FindWidgetRight = 'FindWidgetRight';
 const HoverDisplayString = 'HoverDisplayString';
 const HoverDocumentation = 'HoverDocumentation';
-const SearchFieldButtons = 'SearchFieldButtons';
 const HoverEditorRow = 'HoverEditorRow';
-const MultilineInputBox = 'MultilineInputBox';
-const SearchField = 'SearchField';
 const HoverProblem = 'HoverProblem';
 const HoverProblemDetail = 'HoverProblemDetail';
 const HoverProblemMessage = 'HoverProblemMessage';
+const IconButton = 'IconButton';
+const IconButtonDisabled = 'IconButtonDisabled';
 const IconClose = 'IconClose';
+const InputBox = 'InputBox';
 const Label = 'Label';
 const MaskIcon = 'MaskIcon';
+const MaskIconSymbolFile = 'MaskIconSymbolFile';
+const MultilineInputBox = 'MultilineInputBox';
+const SearchField = 'SearchField';
+const SearchFieldButton = 'SearchFieldButton';
+const SearchFieldButtonChecked = 'SearchFieldButtonChecked';
+const SearchFieldButtons = 'SearchFieldButtons';
+const SourceActionHeading = 'SourceActionHeading';
+const SourceActionIcon = 'SourceActionIcon';
+const SourceActionItem = 'SourceActionItem';
+const SourceActionItemFocused = 'SourceActionItemFocused';
 const Viewlet = 'Viewlet';
 
 const Button = 1;
@@ -8012,6 +8190,8 @@ const SetNegativeMargin = 'setNegativeMargin';
 const SetOffsetX = 'setOffsetX';
 const SetScrollBar = 'setScrollBar';
 const SetValue = 'setValue';
+const SetDom2 = 'Viewlet.setDom2';
+const Focus = 'focus';
 
 const renderHoverDom = {
   isEqual(oldState, newState) {
@@ -8019,10 +8199,10 @@ const renderHoverDom = {
   },
   apply(oldState, newState) {
     const dom = getHoverVirtualDom(newState.lineInfos, newState.documentation, newState.diagnostics);
-    return [/* method */'Viewlet.setDom2', dom];
+    return [/* method */SetDom2, dom];
   }
 };
-const renderBounds$6 = {
+const renderBounds$7 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -8030,16 +8210,16 @@ const renderBounds$6 = {
     const {
       x,
       y,
+      width,
       height
     } = newState;
-    const renderWidth = 200;
-    return [SetBounds, x, y, renderWidth, height];
+    return [SetBounds, x, y, width, height];
   }
 };
-const render$e = [renderHoverDom, renderBounds$6];
+const render$g = [renderHoverDom, renderBounds$7];
 const renderHover = (oldState, newState) => {
   const commands = [];
-  for (const item of render$e) {
+  for (const item of render$g) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -8050,7 +8230,7 @@ const renderHover = (oldState, newState) => {
 const combineResults = results => {
   return results[0] ?? [];
 };
-const executeRenameProvider = (editor, offset, newName) => {
+const executeRenameProvider = async (editor, offset, newName) => {
   return execute({
     editor,
     event: OnRename,
@@ -8067,7 +8247,7 @@ const getRenameState = editor => {
 };
 
 const getRenameChanges = (editor, result) => {
-  if (!result || !result.edits) {
+  if (!result?.edits) {
     return [];
   }
   const changes = [];
@@ -8125,6 +8305,11 @@ const handleBlur = editor => {
   return closeRename(editor);
 };
 
+const rerender = editor => {
+  // TODO avoid slow clone
+  return structuredClone(editor);
+};
+
 const focusIndex = (state, index) => {
   const newState = {
     ...state,
@@ -8231,9 +8416,6 @@ const loadFont = async (fontName, fontUrl) => {
   }
 };
 
-const load = async (fontName, fontUrl) => {
-  return loadFont(fontName, fontUrl);
-};
 const ensure = async (fontName, fontUrl) => {
   if (isLoaded(fontName)) {
     return;
@@ -8241,7 +8423,7 @@ const ensure = async (fontName, fontUrl) => {
   if (hasPending(fontName)) {
     return getPending(fontName);
   }
-  const promise = load(fontName, fontUrl);
+  const promise = loadFont(fontName, fontUrl);
   setPending(fontName, promise);
   await promise;
   removePending(fontName);
@@ -8312,49 +8494,55 @@ const intialize = async (syntaxHighlightingEnabled, syncIncremental) => {
 // TODO multiple cursors -> vscode removes multiple cursors
 // TODO with selection -> vscode moves whole selection
 const moveLineDown = editor => {
-  const rowIndex = editor.cursor.rowIndex;
-  if (rowIndex === editor.lines.length - 1) {
-    return;
-  }
-  const documentEdits = [{
-    type: /* splice */2,
-    rowIndex: rowIndex,
-    count: 2,
-    newLines: [getLine(editor.textDocument, rowIndex + 1), getLine(editor.textDocument, rowIndex)]
-  }];
-  // @ts-ignore
-  const cursorEdits = undefined(editor, (editor, cursor) => {
-    return {
-      rowIndex: cursor.rowIndex + 1,
-      columnIndex: cursor.columnIndex
-    };
-  });
+  // const rowIndex = editor.cursor.rowIndex
+  // if (rowIndex === editor.lines.length - 1) {
+  //   return
+  // }
+  // const documentEdits = [
+  //   {
+  //     type: /* splice */ 2,
+  //     rowIndex: rowIndex,
+  //     count: 2,
+  //     newLines: [TextDocument.getLine(editor.textDocument, rowIndex + 1), TextDocument.getLine(editor.textDocument, rowIndex)],
+  //   },
+  // ]
+  // // @ts-ignore
+  // const cursorEdits = Editor.moveCursors(editor, (editor, cursor) => {
+  //   return {
+  //     rowIndex: cursor.rowIndex + 1,
+  //     columnIndex: cursor.columnIndex,
+  //   }
+  // })
   // @ts-ignore
-  undefined(editor, documentEdits, cursorEdits);
+  // Editor.scheduleDocumentAndCursors(editor, documentEdits, cursorEdits)
+  return editor;
 };
 
 // TODO handle multiple cursors
 const moveLineUp = editor => {
-  const rowIndex = editor.cursor.rowIndex;
-  if (rowIndex === 0) {
-    return;
-  }
-  const documentEdits = [{
-    type: /* splice */2,
-    rowIndex: rowIndex - 1,
-    count: 2,
-    newLines: [getLine(editor.textDocument, rowIndex), getLine(editor.textDocument, rowIndex - 1)]
-  }];
-  // @ts-ignore
-  const cursorEdits = undefined(editor, (editor, cursor) => {
-    return {
-      // TODO handle bottom 0
-      rowIndex: cursor.rowIndex - 1,
-      columnIndex: cursor.columnIndex
-    };
-  });
-  // @ts-ignore
-  undefined(editor, documentEdits, cursorEdits);
+  // const rowIndex = editor.cursor.rowIndex
+  // if (rowIndex === 0) {
+  //   return
+  // }
+  // const documentEdits = [
+  //   {
+  //     type: /* splice */ 2,
+  //     rowIndex: rowIndex - 1,
+  //     count: 2,
+  //     newLines: [TextDocument.getLine(editor.textDocument, rowIndex), TextDocument.getLine(editor.textDocument, rowIndex - 1)],
+  //   },
+  // ]
+  // // @ts-ignore
+  // const cursorEdits = Editor.moveCursors(editor, (editor, cursor) => {
+  //   return {
+  //     // TODO handle bottom 0
+  //     rowIndex: cursor.rowIndex - 1,
+  //     columnIndex: cursor.columnIndex,
+  //   }
+  // })
+  // // @ts-ignore
+  // Editor.scheduleDocumentAndCursors(editor, documentEdits, cursorEdits)
+  return editor;
 };
 
 const Link$1 = 'Link';
@@ -8567,7 +8755,7 @@ const getTokensViewport = (editor, startLineIndex, endLineIndex) => {
 const sentLines = Object.create(null);
 
 // TODO only send changed lines to renderer process instead of all lines in viewport
-const getTokensViewport2 = (editor, startLineIndex, endLineIndex, syncIncremental) => {
+const getTokensViewport2 = async (editor, startLineIndex, endLineIndex, syncIncremental) => {
   if (getEnabled$1()) {
     if (syncIncremental) {
       const {
@@ -8768,7 +8956,7 @@ const getLineInfo = (line, tokenResults, embeddedResults, decorations, TokenMap,
   } = getOffsets(deltaX, width, averageCharWidth);
   if (embeddedResults.length > 0 && tokenResults.embeddedResultIndex !== undefined) {
     const embeddedResult = embeddedResults[tokenResults.embeddedResultIndex];
-    if (embeddedResult && embeddedResult.isFull) {
+    if (embeddedResult?.isFull) {
       return getLineInfoEmbeddedFull(embeddedResults, tokenResults, line, normalize, tabSize, width, deltaX, averageCharWidth, minOffset, maxOffset);
     }
   }
@@ -8854,20 +9042,25 @@ const getCursorsVirtualDom = cursors => {
   return dom;
 };
 
+// TODO use numeric value
 const Error$1 = 'error';
 const Warning = 'warning';
 
 const getDiagnosticClassName = type => {
-  // TODO use classnames enum
   switch (type) {
     case Error$1:
-      return 'DiagnosticError';
+      return DiagnosticError;
     case Warning:
-      return 'DiagnosticWarning';
+      return DiagnosticWarning;
     default:
-      return 'DiagnosticError';
+      return DiagnosticError;
   }
 };
+
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
 const getDiagnosticVirtualDom = diagnostic => {
   const {
     x,
@@ -8879,7 +9072,7 @@ const getDiagnosticVirtualDom = diagnostic => {
   const extraClassName = getDiagnosticClassName(type);
   return [{
     type: Div,
-    className: `${Diagnostic} ${extraClassName}`,
+    className: mergeClassNames(Diagnostic, extraClassName),
     width,
     height,
     top: y,
@@ -8979,14 +9172,14 @@ const addWidget$1 = widget => {
 const renderWidget = widget => {
   const module = get$7(widget.id);
   if (!module) {
-    throw new Error(`unsupported widget`);
+    throw new Error('unsupported widget');
   }
   return module.render(widget);
 };
 const removeWidget$1 = widget => {
   const module = get$7(widget.id);
   if (!module) {
-    throw new Error(`unsupported widget`);
+    throw new Error('unsupported widget');
   }
   return module.remove(widget);
 };
@@ -9045,7 +9238,7 @@ const renderScrollBarX = {
     return [/* method */'setScrollBarHorizontal', /* scrollBarX */scrollBarX, /* scrollBarWidth */scrollBarWidth, /* deltaX */newState.deltaX];
   }
 };
-const renderFocus$2 = {
+const renderFocus$3 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused;
   },
@@ -9143,7 +9336,7 @@ const renderWidgets = {
   },
   multiple: true
 };
-const render$d = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$2, renderDecorations, renderGutterInfo, renderWidgets];
+const render$f = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$3, renderDecorations, renderGutterInfo, renderWidgets];
 const renderEditor = async id => {
   const instance = get$6(id);
   if (!instance) {
@@ -9155,7 +9348,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$6(id, newState, newState);
-  for (const item of render$d) {
+  for (const item of render$f) {
     if (!item.isEqual(oldState, newState)) {
       const result = await item.apply(oldState, newState);
       // @ts-ignore
@@ -9169,6 +9362,17 @@ const renderEditor = async id => {
   return commands;
 };
 
+const editorDiagnosticEffect = {
+  isActive(oldEditor, newEditor) {
+    // TODO avoid slow comparison
+    return newEditor.diagnosticsEnabled && JSON.stringify(oldEditor.lines) !== JSON.stringify(newEditor.lines);
+  },
+  // TODO set effects delay / diagnostic delay
+  async apply(editor) {
+    await updateDiagnostics(editor);
+  }
+};
+
 const keep = [
 // 'ColorPicker.handleSliderPointerDown',
 // 'ColorPicker.handleSliderPointerMove',
@@ -9226,9 +9430,16 @@ const widgetCommands = {
 
 // TODO wrap commands globally, not per editor
 // TODO only store editor state in editor worker, not in renderer worker also
+
+const effects = [editorDiagnosticEffect];
 const wrapCommand = fn => async (editorUid, ...args) => {
   const oldInstance = get$6(editorUid);
   const newEditor = await fn(oldInstance.newState, ...args);
+  for (const effect of effects) {
+    if (effect.isActive(oldInstance.newState, newEditor)) {
+      effect.apply(newEditor);
+    }
+  }
   set$6(editorUid, oldInstance.newState, newEditor);
   // TODO if possible, rendering should be sync
   const commands = await renderEditor(editorUid);
@@ -9248,6 +9459,7 @@ const wrapCommands = commands => {
 };
 
 const commandMap = {
+  'CodeGenerator.accept': codeGeneratorAccept,
   'ColorPicker.handleSliderPointerDown': handleSliderPointerDown,
   'ColorPicker.handleSliderPointerMove': handleSliderPointerMove,
   'ColorPicker.loadContent': loadContent$3,
@@ -9256,6 +9468,7 @@ const commandMap = {
   'Editor.applyEdit': applyEdit,
   'Editor.braceCompletion': braceCompletion,
   'Editor.cancelSelection': cancelSelection,
+  'Editor.closeCodeGenerator': closeCodeGenerator,
   'Editor.closeCompletion': closeCompletion,
   'Editor.closeFind': closeFind,
   'Editor.closeRename': closeRename,
@@ -9336,6 +9549,7 @@ const commandMap = {
   'Editor.moveSelection': editorMoveSelection,
   'Editor.moveSelectionPx': moveSelectionPx,
   'Editor.offsetAt': offsetAt,
+  'Editor.openCodeGenerator': openCodeGenerator,
   'Editor.openColorPicker': openColorPicker,
   'Editor.openCompletion': openCompletion,
   'Editor.openFind': openFind,
@@ -9346,6 +9560,7 @@ const commandMap = {
   'Editor.pasteText': pasteText,
   'Editor.render': renderEditor,
   'Editor.replaceRange': replaceRange,
+  'Editor.rerender': rerender,
   'Editor.save': save,
   'Editor.selectAll': selectAll,
   'Editor.selectAllLeft': editorSelectAllLeft,
@@ -9945,8 +10160,100 @@ const addWidget = (widget, id, render) => {
   return allCommands;
 };
 
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
+const removeWidget = widget => {
+  // @ts-ignore
+  return [['Viewlet.send', widget.newState.uid, 'dispose']];
+};
+
+const CodeGeneratorInput = 'CodeGeneratorInput';
+const ToggleReplace$1 = 'ToggleReplace';
+
+const getCodeGeneratorVirtualDom = state => {
+  const escapeToClose$1 = escapeToClose();
+  const enterCode$1 = enterCode();
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, CodeGeneratorWidget),
+    childCount: 2
+  }, {
+    type: Input,
+    className: mergeClassNames(CodeGeneratorInput$1, InputBox),
+    childCount: 0,
+    placeholder: enterCode$1,
+    name: CodeGeneratorInput
+  }, {
+    type: Div,
+    className: CodeGeneratorMessage,
+    childCount: 1
+  }, text(escapeToClose$1)];
+};
+
+const renderContent$3 = {
+  isEqual(oldState, newState) {
+    return oldState.questions === newState.questions;
+  },
+  apply(oldState, newState) {
+    const dom = getCodeGeneratorVirtualDom();
+    return [SetDom2, newState.uid, dom];
+  }
+};
+const renderBounds$6 = {
+  isEqual(oldState, newState) {
+    return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
+  },
+  apply(oldState, newState) {
+    const {
+      x,
+      y,
+      width,
+      height
+    } = newState;
+    return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
+  }
+};
+const renderFocus$2 = {
+  isEqual(oldState, newState) {
+    return oldState.focused === newState.focused && oldState.focusSource === newState.focusSource;
+  },
+  apply(oldState, newState) {
+    return [Focus, '.CodeGeneratorInput', newState.focusSource];
+  }
+};
+const render$e = [renderContent$3, renderBounds$6, renderFocus$2];
+const renderFull$3 = (oldState, newState) => {
+  const commands = [];
+  for (const item of render$e) {
+    if (!item.isEqual(oldState, newState)) {
+      commands.push(item.apply(oldState, newState));
+    }
+  }
+  return commands;
+};
+
+const render$d = widget => {
+  const commands = renderFull$3(widget.oldState, widget.newState);
+  const wrappedCommands = [];
+  const uid = widget.newState.uid;
+  for (const command of commands) {
+    if (command[0] === SetDom2) {
+      wrappedCommands.push(command);
+    } else {
+      // @ts-ignore
+      wrappedCommands.push(['Viewlet.send', uid, ...command]);
+    }
+  }
+  return wrappedCommands;
+};
+const add$7 = widget => {
+  return addWidget(widget, 'EditorCodeGenerator', render$d);
+};
+const remove$7 = removeWidget;
+
+const EditorCodeGeneratorWidget = {
+  __proto__: null,
+  add: add$7,
+  remove: remove$7,
+  render: render$d
 };
 
 const getColorPickerVirtualDom = () => {
@@ -10004,7 +10311,7 @@ const renderContent$2 = {
   },
   apply(oldState, newState) {
     const dom = getColorPickerVirtualDom();
-    return ['Viewlet.setDom2', newState.uid, dom];
+    return [SetDom2, newState.uid, dom];
   }
 };
 const renderBounds$5 = {
@@ -10032,17 +10339,12 @@ const renderFull$2 = (oldState, newState) => {
   return commands;
 };
 
-const removeWidget = widget => {
-  // @ts-ignore
-  return [['Viewlet.send', widget.newState.uid, 'dispose']];
-};
-
 const render$b = widget => {
   const commands = renderFull$2(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -10105,7 +10407,7 @@ const renderContent$1 = {
   },
   apply(oldState, newState) {
     const dom = getCompletionDetailVirtualDom(newState.content);
-    return ['Viewlet.setDom2', newState.uid, dom];
+    return [SetDom2, newState.uid, dom];
   }
 };
 const renderBounds$4 = {
@@ -10132,7 +10434,7 @@ const render$9 = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -10640,23 +10942,41 @@ const getFindWidgetButtonsEnabled = (matchCount, value) => {
 const getFindWidgetFocusSelector = focus => {
   switch (focus) {
     case FindWidget:
-      return `[name="${SearchValue}"]`;
+      {
+        return `[name="${SearchValue}"]`;
+      }
     case FocusFindWidgetReplace:
-      return `[name="${ReplaceValue}"]`;
+      {
+        return `[name="${ReplaceValue}"]`;
+      }
     case FocusFindWidgetReplaceAllButton:
-      return `[name="${ReplaceAll}"]`;
+      {
+        return `[name="${ReplaceAll}"]`;
+      }
     case FocusFindWidgetCloseButton:
-      return `[name="${Close}"]`;
+      {
+        return `[name="${Close}"]`;
+      }
     case FocusFindWidgetToggleReplace:
-      return `[name="${ToggleReplace}"]`;
+      {
+        return `[name="${ToggleReplace}"]`;
+      }
     case FocusFindWidgetNextMatchButton:
-      return `[name="${FocusNext}"]`;
+      {
+        return `[name="${FocusNext}"]`;
+      }
     case FocusFindWidgetPreviousMatchButton:
-      return `[name="${FocusPrevious}"]`;
+      {
+        return `[name="${FocusPrevious}"]`;
+      }
     case FocusFindWidgetReplaceButton:
-      return `[name="${Replace}"]`;
+      {
+        return `[name="${Replace}"]`;
+      }
     default:
-      return '';
+      {
+        return '';
+      }
   }
 };
 
@@ -10708,7 +11028,7 @@ const getSearchFieldButtonVirtualDom = button => {
   } = button;
   return [{
     type: Div,
-    className: `SearchFieldButton ${checked ? 'SearchFieldButtonChecked' : ''}`,
+    className: mergeClassNames(SearchFieldButton, checked ? SearchFieldButtonChecked : ''),
     title,
     role: CheckBox,
     ariaChecked: checked,
@@ -10716,7 +11036,7 @@ const getSearchFieldButtonVirtualDom = button => {
     childCount: 1
   }, {
     type: Div,
-    className: `MaskIcon ${icon}`,
+    className: mergeClassNames(MaskIcon, icon),
     childCount: 0
   }];
 };
@@ -10785,7 +11105,7 @@ const getSearchToggleButtonVirtualDom = (replaceExpanded, onClick = '') => {
     title: 'Toggle Replace',
     ariaLabel: 'Toggle Replace',
     ariaExpanded: replaceExpanded,
-    name: 'ToggleReplace',
+    name: ToggleReplace$1,
     childCount: 1,
     'data-command': 'toggleReplace',
     onClick,
@@ -10848,7 +11168,7 @@ const renderDetails = {
       replaceButtons
     } = getFindWidgetButtons(findButtonsEnabled, replaceButtonsEnabled);
     const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons, newState.matchCase, newState.matchWholeWord, newState.useRegularExpression, newState.matchCount, newState.value);
-    return ['Viewlet.setDom2', dom];
+    return [SetDom2, dom];
   }
 };
 const renderBounds$2 = {
@@ -10871,7 +11191,7 @@ const renderFocus$1 = {
   },
   apply(oldState, newState) {
     const key = getFindWidgetFocusSelector(newState.focus);
-    return ['focus', key, newState.focusSource];
+    return [Focus, key, newState.focusSource];
   }
 };
 // const getAriaLabel = (state: FindWidgetState) => {
@@ -10908,7 +11228,7 @@ const render$5 = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push([command[0], uid, ...command.slice(1)]);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -10944,7 +11264,7 @@ const render$4 = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push([command[0], uid, ...command.slice(1)]);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -10984,7 +11304,7 @@ const renderContent = {
   },
   apply(oldState, newState) {
     const dom = getRenameVirtualDom(newState);
-    return ['Viewlet.setDom2', newState.uid, dom];
+    return [SetDom2, newState.uid, dom];
   }
 };
 const renderBounds$1 = {
@@ -11019,7 +11339,7 @@ const render$2 = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else if (command[0] === 'Viewlet.focusSelector') {
       wrappedCommands.push(command);
@@ -11041,28 +11361,6 @@ const EditorRenameWidget = {
   render: render$2
 };
 
-const getActionClassName = isFocused => {
-  if (isFocused) {
-    return mergeClassNames(SourceActionItem, SourceActionItemFocused);
-  }
-  return SourceActionItem;
-};
-const getSourceActionListItemVirtualDom = sourceAction => {
-  const {
-    name,
-    isFocused
-  } = sourceAction;
-  const actionClassName = getActionClassName(isFocused);
-  return [{
-    type: Div,
-    className: actionClassName,
-    childCount: 2
-  }, {
-    type: Div,
-    className: 'SourceActionIcon MaskIcon MaskIconSymbolFile'
-  }, text(name)];
-};
-
 const getEditorMessageVirtualDom = message => {
   const dom = [{
     type: Div,
@@ -11085,13 +11383,35 @@ const getEmptySourceActionsVirtualDom = () => {
   return getEditorMessageVirtualDom(noCodeActionsAvailable());
 };
 
+const getActionClassName = isFocused => {
+  if (isFocused) {
+    return mergeClassNames(SourceActionItem, SourceActionItemFocused);
+  }
+  return SourceActionItem;
+};
+const getSourceActionListItemVirtualDom = sourceAction => {
+  const {
+    name,
+    isFocused
+  } = sourceAction;
+  const actionClassName = getActionClassName(isFocused);
+  return [{
+    type: Div,
+    className: actionClassName,
+    childCount: 2
+  }, {
+    type: Div,
+    className: mergeClassNames(SourceActionIcon, MaskIcon, MaskIconSymbolFile)
+  }, text(name)];
+};
+
 const getSourceActionsVirtualDom = sourceActions => {
   if (sourceActions.length === 0) {
     return getEmptySourceActionsVirtualDom();
   }
   const dom = [{
     type: Div,
-    className: 'Viewlet EditorSourceActions',
+    className: mergeClassNames(Viewlet, EditorSourceActions),
     tabIndex: -1,
     childCount: 2,
     onFocusIn: HandleFocusIn
@@ -11128,7 +11448,7 @@ const renderSourceActions = {
   apply(oldStatem, newState) {
     const visible = getVisibleSourceActions(newState.sourceActions, newState.focusedIndex);
     const dom = getSourceActionsVirtualDom(visible);
-    return ['Viewlet.setDom2', newState.uid, dom];
+    return [SetDom2, newState.uid, dom];
   }
 };
 const renderBounds = {
@@ -11136,7 +11456,7 @@ const renderBounds = {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
   apply(oldState, newState) {
-    return ['setBounds', newState.x, newState.y, newState.width, newState.height];
+    return [SetBounds, newState.x, newState.y, newState.width, newState.height];
   }
 };
 const render$1 = [renderSourceActions, renderBounds];
@@ -11155,7 +11475,7 @@ const render = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -11183,6 +11503,7 @@ const registerWidgets = () => {
   set$7(Hover, EditorHoverWidget);
   set$7(Rename, EditorRenameWidget);
   set$7(SourceAction, EditorSourceActionWidget);
+  set$7(CodeGenerator, EditorCodeGeneratorWidget);
 };
 
 const main = async () => {