@lvce-editor/static-server 0.91.6 → 0.91.8

package/static/{25356f7 → 98fc4d9}/packages/editor-worker/dist/editorWorkerMain.js

@@ -1225,7 +1225,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$f = (id, rpc) => {
+const set$h = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$8 = id => {
@@ -1258,7 +1258,7 @@ const create$9 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$f(rpcId, mockRpc);
+      set$h(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove$8(rpcId);
@@ -1267,7 +1267,7 @@ const create$9 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$f(rpcId, rpc);
+      set$h(rpcId, rpc);
     }
   };
 };
@@ -1281,6 +1281,7 @@ const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const DeltaMode = 'event.deltaMode';
 const DeltaY = 'event.deltaY';
+const Key = 'event.key';
 
 const Backspace = 1;
 const Tab$1 = 2;
@@ -1339,6 +1340,7 @@ const Electron = 2;
 const CompletionWorker = 301;
 const DebugWorker = 55;
 const EditorWorker = 99;
+const ErrorWorker = 3308;
 const ExtensionHostWorker = 44;
 const ExtensionManagementWorker = 9006;
 const IconThemeWorker = 7009;
@@ -1346,27 +1348,32 @@ const MarkdownWorker = 300;
 const OpenerWorker = 4561;
 const RendererWorker$1 = 1;
 
-const FocusSelector = 'Viewlet.focusSelector';
+const FocusSelector$1 = 'Viewlet.focusSelector';
 const SetCss$1 = 'Viewlet.setCss';
 const SetFocusContext$1 = 'Viewlet.setFocusContext';
 const SetPatches = 'Viewlet.setPatches';
 
 const FocusEditorText$1 = 12;
 
+const {
+  invoke: invoke$g,
+  set: set$g
+} = create$9(ErrorWorker);
+
 const {
   invoke: invoke$f,
-  set: set$e
+  set: set$f
 } = create$9(ExtensionHostWorker);
 
 const ExtensionHost = {
   __proto__: null,
   invoke: invoke$f,
-  set: set$e
+  set: set$f
 };
 
 const {
   invoke: invoke$e,
-  set: set$d
+  set: set$e
 } = create$9(ExtensionManagementWorker);
 const getLanguages$1 = (platform, assetDir) => {
   return invoke$e('Extensions.getLanguages', platform, assetDir);
@@ -1374,7 +1381,7 @@ const getLanguages$1 = (platform, assetDir) => {
 
 const {
   invoke: invoke$d,
-  set: set$c
+  set: set$d
 } = create$9(OpenerWorker);
 const openUrl = async (url, platform) => {
   return invoke$d('Open.openUrl', url, platform);
@@ -1382,13 +1389,13 @@ const openUrl = async (url, platform) => {
 
 const {
   invoke: invoke$c,
-  set: set$b
+  set: set$c
 } = create$9(IconThemeWorker);
 
 const {
   invoke: invoke$b,
   invokeAndTransfer,
-  set: set$a
+  set: set$b
 } = create$9(RendererWorker$1);
 const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(uid);
@@ -1401,6 +1408,10 @@ const sendMessagePortToOpenerWorker = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToOpenerWorker', port, command, rpcId);
 };
+const sendMessagePortToErrorWorker = async (port, rpcId) => {
+  const command = 'Errors.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
+};
 const readFile = async uri => {
   return invoke$b('FileSystem.readFile', uri);
 };
@@ -1448,25 +1459,26 @@ const RendererWorker = {
   openUri,
   readClipBoardText,
   readFile,
+  sendMessagePortToErrorWorker,
   sendMessagePortToExtensionHostWorker,
   sendMessagePortToExtensionManagementWorker: sendMessagePortToExtensionManagementWorker$1,
   sendMessagePortToOpenerWorker,
   sendMessagePortToSyntaxHighlightingWorker: sendMessagePortToSyntaxHighlightingWorker$1,
   sendMessagePortToTextMeasurementWorker,
-  set: set$a,
+  set: set$b,
   showContextMenu2,
   writeClipBoardText
 };
 
 const {
   invoke: invoke$a,
-  set: set$9
+  set: set$a
 } = create$9(MarkdownWorker);
 
 const SyntaxHighlightingWorker = {
   __proto__: null,
   invoke: invoke$a,
-  set: set$9
+  set: set$a
 };
 
 const createLazyRpc = rpcId => {
@@ -1474,7 +1486,7 @@ const createLazyRpc = rpcId => {
   let factory;
   const createRpc = async () => {
     const rpc = await factory();
-    set$f(rpcId, rpc);
+    set$h(rpcId, rpc);
   };
   const ensureRpc = async () => {
     if (!rpcPromise) {
@@ -1584,7 +1596,7 @@ const getKeys$2 = () => {
   const keys = editorStates.getKeys();
   return keys.map(String);
 };
-const set$8 = (id, oldEditor, newEditor) => {
+const set$9 = (id, oldEditor, newEditor) => {
   editorStates.set(id, oldEditor, newEditor);
 };
 
@@ -1685,7 +1697,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     x,
     y
   };
-  set$8(id, editor, editor);
+  set$9(id, editor, editor);
 };
 
 // TODO use numeric enum
@@ -1708,7 +1720,7 @@ const Rename = 'rename';
 const ToggleBlockComment$1 = 'toggleBlockComment';
 
 const map$1 = Object.create(null);
-const set$7 = (id, widget) => {
+const set$8 = (id, widget) => {
   map$1[id] = widget;
 };
 const get$6 = id => {
@@ -1756,6 +1768,7 @@ const clamp = (num, min, max) => {
 };
 
 const Link$1 = 'Link';
+const EditorGoToDefinitionLink = 'EditorGoToDefinitionLink';
 const Function = 'Function';
 const Parameter = 'Parameter';
 const Type = 'Type';
@@ -1763,6 +1776,7 @@ const VariableName = 'VariableName';
 const Class = 'Class';
 
 const Link = 1;
+const DefinitionLink = 2;
 const Ts2816 = 2816;
 const Ts2817 = 2817;
 const Ts2824 = 2824;
@@ -1803,6 +1817,8 @@ const Ts272 = 272;
 
 const getDecorationClassName = type => {
   switch (type) {
+    case DefinitionLink:
+      return EditorGoToDefinitionLink;
     case Link:
       return Link$1;
     case Ts1024:
@@ -1948,7 +1964,7 @@ const getEnabled$1 = () => {
 
 const {
   invoke: invoke$8,
-  set: set$6
+  set: set$7
 } = SyntaxHighlightingWorker;
 
 const state$9 = {
@@ -1959,7 +1975,7 @@ const state$9 = {
 const has = languageId => {
   return Object.hasOwn(state$9.tokenizers, languageId);
 };
-const set$5 = (languageId, tokenizer) => {
+const set$6 = (languageId, tokenizer) => {
   state$9.tokenizers[languageId] = tokenizer;
 };
 const get$5 = languageId => {
@@ -1983,7 +1999,7 @@ const isPending = languageId => {
 };
 
 const tokenMaps = Object.create(null);
-const set$4 = (languageId, tokenMap) => {
+const set$5 = (languageId, tokenMap) => {
   tokenMaps[languageId] = tokenMap;
 };
 const get$4 = languageId => {
@@ -1999,7 +2015,7 @@ const loadTokenizer = async (languageId, tokenizePath) => {
   if (getEnabled$1()) {
     // @ts-ignore
     const tokenMap = await invoke$8('Tokenizer.load', languageId, tokenizePath);
-    set$4(languageId, tokenMap);
+    set$5(languageId, tokenMap);
     return;
   }
   try {
@@ -2015,8 +2031,8 @@ const loadTokenizer = async (languageId, tokenizePath) => {
       console.warn(`tokenizer.TokenMap should be an object in "${tokenizePath}"`);
       return;
     }
-    set$4(languageId, tokenizer.TokenMap);
-    set$5(languageId, tokenizer);
+    set$5(languageId, tokenizer.TokenMap);
+    set$6(languageId, tokenizer);
   } catch (error) {
     // TODO better error handling
     console.error(error);
@@ -2033,7 +2049,7 @@ const getTokenizer = languageId => {
 };
 
 const tokenizers = Object.create(null);
-const set$3 = (id, value) => {
+const set$4 = (id, value) => {
   tokenizers[id] = value;
 };
 const get$3 = id => {
@@ -3557,7 +3573,7 @@ const scheduleDocumentAndCursorsSelections = async (editor, changes, selectionCh
     ...newEditor,
     decorations: linkDecorations
   };
-  set$8(editor.uid, editor, newEditorWithDecorations);
+  set$9(editor.uid, editor, newEditorWithDecorations);
 
   // Notify main-area-worker about modified status change
   if (!editor.modified) {
@@ -3773,7 +3789,7 @@ const TextDocumentSyncFull = 'ExtensionHostTextDocument.syncFull';
 
 const {
   invoke: invoke$6,
-  set: set$2
+  set: set$3
 } = ExtensionHost;
 
 const getFileExtensionIndex = file => {
@@ -3844,6 +3860,26 @@ const get$2 = async key => {
   return value;
 };
 
+const logError = async (error, prefix) => {
+  const prettyError = await invoke$g('Errors.prepare', error);
+  await invoke$g('Errors.print', prettyError, prefix);
+};
+const logFallback = (error, prefix) => {
+  if (prefix) {
+    console.error(prefix, error);
+    return;
+  }
+  console.error(error);
+};
+const handleError$1 = async (error, prefix = '') => {
+  try {
+    await logError(error, prefix);
+  } catch (otherError) {
+    console.warn('ErrorHandling error', otherError);
+    logFallback(error, prefix);
+  }
+};
+
 const OnDiagnostic = 'onDiagnostic';
 const OnHover = 'onHover';
 const OnTabCompletion = 'onTabCompletion';
@@ -3986,11 +4022,11 @@ const addDiagnostics = async (editor, diagnostics) => {
     visualDecorations
   };
 };
-const handleError$1 = (error, editor) => {
+const handleError = async (error, editor) => {
   if (error instanceof Error && error.message.includes('No diagnostic provider found')) {
     return editor;
   }
-  console.error(`Failed to update diagnostics: ${error}`);
+  await handleError$1(error, 'Failed to update diagnostics: ');
   return editor;
 };
 const getEditorWithDiagnostics = async editor => {
@@ -4001,7 +4037,7 @@ const getEditorWithDiagnostics = async editor => {
     }
     return addDiagnostics(editor, diagnostics);
   } catch (error) {
-    return handleError$1(error, editor);
+    return handleError(error, editor);
   }
 };
 const updateDiagnostics = async editor => {
@@ -4012,12 +4048,12 @@ const updateDiagnostics = async editor => {
       return editor;
     }
     const newEditor = await addDiagnostics(latest.newState, diagnostics);
-    set$8(editor.id, latest.oldState, newEditor);
+    set$9(editor.id, latest.oldState, newEditor);
     // @ts-ignore
     await invoke$b('Editor.rerender', editor.id);
     return newEditor;
   } catch (error) {
-    return handleError$1(error, editor);
+    return handleError(error, editor);
   }
 };
 
@@ -4170,7 +4206,7 @@ const createEditor = async ({
     focused: true,
     textInfos
   };
-  set$8(id, emptyEditor, newEditor4);
+  set$9(id, emptyEditor, newEditor4);
 
   // TODO only sync when needed
   // e.g. it might not always be necessary to send text to extension host worker
@@ -4179,7 +4215,7 @@ const createEditor = async ({
   const editorWithDiagnostics = diagnosticsEnabled ? await updateDiagnostics(newEditor4) : newEditor4;
   const completionsOnTypeRaw = await get$2('editor.completionsOnType');
   const completionsOnType = Boolean(completionsOnTypeRaw);
-  set$8(id, emptyEditor, {
+  set$9(id, emptyEditor, {
     ...editorWithDiagnostics,
     completionsOnType
   });
@@ -4190,13 +4226,16 @@ const isEqual$3 = (oldState, newState) => {
 };
 
 const isEqual$2 = (oldState, newState) => {
+  if (oldState.focus !== newState.focus) {
+    return false;
+  }
   if (!newState.focused) {
     return true;
   }
   if (!oldState.isSelecting && newState.isSelecting) {
     return false;
   }
-  return oldState.focused === newState.focused && oldState.focus === newState.focus;
+  return oldState.focused === newState.focused;
 };
 
 const isEqual$1 = (oldState, newState) => {
@@ -4738,7 +4777,7 @@ const showErrorMessage = (editor, rowIndex, columnIndex, message) => {
 };
 
 // @ts-ignore
-const getErrorMessage$5 = String;
+const getErrorMessage$4 = String;
 
 // @ts-ignore
 const getMatchingClosingBrace$1 = brace => {
@@ -4771,7 +4810,7 @@ const braceCompletion = async (editor, text) => {
     // TODO cursor should always be of type object
     const position = Array.isArray(editor.cursor) ? editor.cursor[0] : editor.cursor;
     // @ts-ignore
-    return showErrorMessage(editor, position, getErrorMessage$5(error));
+    return showErrorMessage(editor, position, getErrorMessage$4(error));
   }
 };
 const getCursorOffset = editor => {
@@ -4968,7 +5007,23 @@ const newStateGenerator$6 = (state, parentUid) => {
   return loadContent$3(state, parentUid);
 };
 const openColorPicker = async editor => {
-  return addWidgetToEditor(ColorPicker$1, ColorPicker, editor, create$6, newStateGenerator$6);
+  const fullFocus = true;
+  return addWidgetToEditor(ColorPicker$1, ColorPicker, editor, create$6, newStateGenerator$6, fullFocus);
+};
+const closeColorPicker = editor => {
+  const {
+    widgets
+  } = editor;
+  if (widgets.every(widget => widget.id !== ColorPicker$1)) {
+    return editor;
+  }
+  return {
+    ...editor,
+    additionalFocus: 0,
+    focus: FocusEditorText$1,
+    focused: true,
+    widgets: removeEditorWidget(widgets, ColorPicker$1)
+  };
 };
 
 const state$5 = {
@@ -6064,7 +6119,7 @@ const getNoLocationFoundMessage$1 = info => {
   }
   return noDefinitionFound();
 };
-const getErrorMessage$4 = String;
+const getErrorMessage$3 = String;
 
 // @ts-ignore
 const isNoProviderFoundError$1 = error => {
@@ -6073,7 +6128,7 @@ const isNoProviderFoundError$1 = error => {
 const goToDefinition = async editor => {
   return goTo({
     editor,
-    getErrorMessage: getErrorMessage$4,
+    getErrorMessage: getErrorMessage$3,
     getLocation: getLocation$1,
     getNoLocationFoundMessage: getNoLocationFoundMessage$1,
     isNoProviderFoundError: isNoProviderFoundError$1
@@ -6098,14 +6153,14 @@ const getLocation = async (editor, rowIndex, columnIndex) => {
   const definition = await getTypeDefinition(editor, offset);
   return definition;
 };
-const getErrorMessage$3 = String;
+const getErrorMessage$2 = String;
 const isNoProviderFoundError = error => {
   return error?.message?.startsWith('Failed to execute type definition provider: No type definition provider found');
 };
 const goToTypeDefinition = async (editor, explicit = true) => {
   return goTo({
     editor,
-    getErrorMessage: getErrorMessage$3,
+    getErrorMessage: getErrorMessage$2,
     getLocation,
     getNoLocationFoundMessage: getNoLocationFoundMessage,
     isNoProviderFoundError
@@ -6283,6 +6338,58 @@ const handleFocus$1 = editor => {
   };
 };
 
+const stride = 4;
+const isDefinitionLink = (decorations, index) => {
+  return decorations[index + 2] === DefinitionLink;
+};
+const matches = (editor, offset, length) => {
+  const {
+    decorations
+  } = editor;
+  for (let i = 0; i < decorations.length; i += stride) {
+    if (isDefinitionLink(decorations, i)) {
+      return decorations[i] === offset && decorations[i + 1] === length;
+    }
+  }
+  return false;
+};
+const clear = editor => {
+  const {
+    decorations
+  } = editor;
+  const filtered = [];
+  for (let i = 0; i < decorations.length; i += stride) {
+    if (!isDefinitionLink(decorations, i)) {
+      filtered.push(decorations[i], decorations[i + 1], decorations[i + 2], decorations[i + 3]);
+    }
+  }
+  if (filtered.length === decorations.length) {
+    return editor;
+  }
+  return {
+    ...editor,
+    decorations: filtered
+  };
+};
+const set$2 = (editor, offset, length) => {
+  if (matches(editor, offset, length)) {
+    return editor;
+  }
+  const editorWithoutDefinitionLink = clear(editor);
+  return {
+    ...editorWithoutDefinitionLink,
+    decorations: [...editorWithoutDefinitionLink.decorations, offset, length, DefinitionLink, 0]
+  };
+};
+
+const altKey = 'Alt';
+const handleKeyUp = (editor, key) => {
+  if (key !== altKey) {
+    return editor;
+  }
+  return clear(editor);
+};
+
 const Single = 1;
 const Double = 2;
 const Triple = 3;
@@ -6376,6 +6483,76 @@ const set$1 = (editor, timeout, x, y) => {
   state$4.y = y;
 };
 
+const RE_ALPHA_NUMERIC = /[a-zA-Z\d]/;
+const isAlphaNumeric = char => {
+  return RE_ALPHA_NUMERIC.test(char);
+};
+
+const isWordChar = char => {
+  return isAlphaNumeric(char) || char === '_';
+};
+const getWordStartIndex = (line, index) => {
+  for (let i = index - 1; i >= 0; i--) {
+    if (!isWordChar(line[i])) {
+      return i + 1;
+    }
+  }
+  return 0;
+};
+const getWordEndIndex = (line, index) => {
+  for (let i = index; i < line.length; i++) {
+    if (!isWordChar(line[i])) {
+      return i;
+    }
+  }
+  return line.length;
+};
+const getWordMatchAtPosition = (lines, rowIndex, columnIndex) => {
+  const line = lines[rowIndex];
+  const start = getWordStartIndex(line, columnIndex);
+  const end = getWordEndIndex(line, columnIndex);
+  const word = line.slice(start, end);
+  return {
+    end,
+    start,
+    word
+  };
+};
+
+const isNoDefinitionProviderFoundError = error => {
+  return error instanceof Error && error.message.startsWith('Failed to execute definition provider: No definition provider found');
+};
+
+// @ts-ignore
+const handleMouseMoveWithAltKey = async (editor, x, y) => {
+  object(editor);
+  number(x);
+  number(y);
+  const position = await at(editor, x, y);
+  const wordMatch = getWordMatchAtPosition(editor.lines, position.rowIndex, position.columnIndex);
+  if (!wordMatch.word) {
+    return clear(editor);
+  }
+  const wordOffset = offsetAt(editor, position.rowIndex, wordMatch.start);
+  const wordLength = wordMatch.end - wordMatch.start;
+  if (matches(editor, wordOffset, wordLength)) {
+    return editor;
+  }
+  const documentOffset = offsetAt(editor, position.rowIndex, position.columnIndex);
+  try {
+    const definition = await getDefinition(editor, documentOffset);
+    if (!definition) {
+      return clear(editor);
+    }
+    return set$2(editor, wordOffset, wordLength);
+  } catch (error) {
+    if (isNoDefinitionProviderFoundError(error)) {
+      return clear(editor);
+    }
+    throw error;
+  }
+};
+
 const showHover$1 = async (editor, position) => {
   // TODO race condition
   // await Viewlet.closeWidget(ViewletModuleId.EditorHover)
@@ -6400,77 +6577,21 @@ const onHoverIdle = async () => {
   await showHover$1();
 };
 const hoverDelay = 300;
-
-// @ts-ignore
-const handleMouseMove = (editor, x, y) => {
-  if (!editor.hoverEnabled) {
-    return editor;
+const handleMouseMove = async (editor, x, y, altKey) => {
+  if (altKey) {
+    return handleMouseMoveWithAltKey(editor, x, y);
+  }
+  const editorWithoutDefinitionLink = clear(editor);
+  if (!editorWithoutDefinitionLink.hoverEnabled) {
+    return editorWithoutDefinitionLink;
   }
   const oldState = get$1();
   if (oldState.timeout !== -1) {
     clearTimeout(oldState.timeout);
   }
   const timeout = setTimeout(onHoverIdle, hoverDelay);
-  set$1(editor, timeout, x, y);
-  return editor;
-};
-
-// @ts-ignore
-const getTokenIndex = (tokens, offset) => {
-  let currentOffset = 0;
-  for (let i = 0; i < tokens.length; i++) {
-    const token = tokens[i];
-    currentOffset += token.length;
-    if (currentOffset >= offset) {
-      return i;
-    }
-  }
-  return -1;
-};
-
-// @ts-ignore
-const handleMouseMoveWithAltKey = async (editor, x, y) => {
-  object(editor);
-  number(x);
-  number(y);
-  const position = await at(editor, x, y);
-  const documentOffset = offsetAt(editor, position.rowIndex, position.columnIndex);
-  try {
-    const definition = await getDefinition(editor, documentOffset);
-    if (!definition) {
-      return editor;
-    }
-
-    // TODO make sure that editor is not disposed
-
-    const definitionStartPosition = positionAt(editor, definition.startOffset);
-    positionAt(editor, definition.endOffset);
-    // const definitionRelativeY = definitionStartPosition.rowIndex - editor.minLineY
-
-    const lineTokenMap = editor.lineCache[definitionStartPosition.rowIndex + 1];
-    if (!lineTokenMap) {
-      return editor;
-    }
-    const tokenIndex = getTokenIndex(lineTokenMap.tokens, definitionStartPosition.columnIndex);
-    if (tokenIndex === -1) {
-      return editor;
-    }
-    // .tokens
-    // await RendererProcess.invoke(
-    //   /* Viewlet.invoke */ 'Viewlet.send',
-    //   /* id */ ViewletModuleId.EditorText,
-    //   /* method */ 'highlightAsLink',
-    //   /* relativeY */ definitionRelativeY,
-    //   /* tokenIndex */ tokenIndex,
-    // )
-    return editor;
-  } catch (error) {
-    // @ts-ignore
-    if (error && error.message.startsWith('Failed to execute definition provider: No definition provider found')) {
-      return editor;
-    }
-    throw error;
-  }
+  set$1(editorWithoutDefinitionLink, timeout, x, y);
+  return editorWithoutDefinitionLink;
 };
 
 // TODO adjust relative position
@@ -6727,7 +6848,7 @@ const continueScrollingAndMovingSelection = async editorUid => {
     }
   };
   const newEditorWithDerivedState = await updateDerivedState(editor, nextEditor);
-  set$8(editor.uid, editor, newEditorWithDerivedState);
+  set$9(editor.uid, editor, newEditorWithDerivedState);
   requestAnimationFrame(() => continueScrollingAndMovingSelection(editorUid));
 };
 
@@ -7315,7 +7436,7 @@ const launch = async () => {
     return;
   }
   const rpc = await launchFindWidgetWorker();
-  set$f(rpcId, rpc);
+  set$h(rpcId, rpc);
 };
 const invoke$3 = async (method, ...params) => {
   const rpc = get$8(rpcId);
@@ -7502,133 +7623,6 @@ const redo = state => {
   return scheduleDocumentAndCursorsSelectionIsUndo(newState, last);
 };
 
-const getErrorMessage$2 = error => {
-  if (!error) {
-    return `Error: ${error}`;
-  }
-  let {
-    message
-  } = error;
-  while (error.cause) {
-    error = error.cause;
-    message += `: ${error}`;
-  }
-  return message;
-};
-const prepareErrorMessageWithCodeFrame = error => {
-  if (!error) {
-    return {
-      codeFrame: undefined,
-      message: error,
-      stack: undefined,
-      type: 'Error'
-    };
-  }
-  const message = getErrorMessage$2(error);
-  if (error.codeFrame) {
-    return {
-      codeFrame: error.codeFrame,
-      message,
-      stack: error.stack,
-      type: error.constructor.name
-    };
-  }
-  return {
-    category: error.category,
-    codeFrame: error.originalCodeFrame,
-    message,
-    stack: error.originalStack,
-    stderr: error.stderr
-  };
-};
-
-/* eslint-disable sonarjs/super-linear-regex */
-
-const RE_PATH_1 = /\((.*):(\d+):(\d+)\)$/;
-const RE_PATH_2 = /at (.*):(\d+):(\d+)$/;
-
-/**
- *
- * @param {readonly string[]} lines
- * @returns
- */
-const getFile = lines => {
-  for (const line of lines) {
-    if (RE_PATH_1.test(line) || RE_PATH_2.test(line)) {
-      return line;
-    }
-  }
-  return '';
-};
-const prepareErrorMessageWithoutCodeFrame = async error => {
-  try {
-    const lines = splitLines(error.stack);
-    const file = getFile(lines);
-    let match = file.match(RE_PATH_1);
-    if (!match) {
-      match = file.match(RE_PATH_2);
-    }
-    if (!match) {
-      return error;
-    }
-    const relevantStack = joinLines(lines.slice(1));
-    const message = getErrorMessage$2(error);
-    return {
-      message,
-      stack: relevantStack,
-      type: error.constructor.name
-    };
-  } catch (otherError) {
-    console.warn('ErrorHandling Error');
-    console.warn(otherError);
-    return error;
-  }
-};
-const prepare = async error => {
-  if (error && error.message && error.codeFrame) {
-    return prepareErrorMessageWithCodeFrame(error);
-  }
-  if (error && error.stack) {
-    return prepareErrorMessageWithoutCodeFrame(error);
-  }
-  return error;
-};
-const print = error => {
-  if (error && error.type && error.message && error.codeFrame) {
-    return `${error.type}: ${error.message}\n\n${error.codeFrame}\n\n${error.stack}`;
-  }
-  if (error && error.message && error.codeFrame) {
-    return `${error.message}\n\n${error.codeFrame}\n\n${error.stack}`;
-  }
-  if (error && error.type && error.message) {
-    return `${error.type}: ${error.message}\n${error.stack}`;
-  }
-  if (error && error.stack) {
-    return error.stack;
-  }
-  if (error === null) {
-    return null;
-  }
-  return String(error);
-};
-
-// @ts-nocheck
-const logError = async error => {
-  const prettyError = await prepare(error);
-  const prettyErrorString = print(prettyError);
-  console.error(prettyErrorString);
-  return prettyError;
-};
-const handleError = async error => {
-  try {
-    await logError(error);
-  } catch (otherError) {
-    console.warn('ErrorHandling error');
-    console.warn(otherError);
-    console.error(error);
-  }
-};
-
 // @ts-ignore
 const getNewEditor = async editor => {
   return editor;
@@ -7717,12 +7711,12 @@ const save = async editor => {
   } catch (error) {
     // @ts-ignore
     const betterError = new VError(error, `Failed to save file "${editor.uri}"`);
-    await handleError(betterError);
+    await handleError$1(betterError);
     if (editor.platform === Electron) {
       try {
         await showSaveErrorDialog(betterError);
       } catch (dialogError) {
-        await handleError(dialogError);
+        await handleError$1(dialogError);
       }
     }
     return editor;
@@ -7780,42 +7774,6 @@ const editorSelectAllLeft = editor => {
   editorSelectHorizontalLeft(editor, lineCharacterStart);
 };
 
-const RE_ALPHA_NUMERIC = /[a-zA-Z\d]/;
-const isAlphaNumeric = char => {
-  return RE_ALPHA_NUMERIC.test(char);
-};
-
-const isWordChar = char => {
-  return isAlphaNumeric(char) || char === '_';
-};
-const getWordStartIndex = (line, index) => {
-  for (let i = index - 1; i >= 0; i--) {
-    if (!isWordChar(line[i])) {
-      return i + 1;
-    }
-  }
-  return 0;
-};
-const getWordEndIndex = (line, index) => {
-  for (let i = index; i < line.length; i++) {
-    if (!isWordChar(line[i])) {
-      return i;
-    }
-  }
-  return line.length;
-};
-const getWordMatchAtPosition = (lines, rowIndex, columnIndex) => {
-  const line = lines[rowIndex];
-  const start = getWordStartIndex(line, columnIndex);
-  const end = getWordEndIndex(line, columnIndex);
-  const word = line.slice(start, end);
-  return {
-    end,
-    start,
-    word
-  };
-};
-
 const isMultiLineMatch = (lines, rowIndex, wordParts) => {
   let j = 0;
   if (!lines[rowIndex + j].endsWith(wordParts[j])) {
@@ -8283,7 +8241,7 @@ const setLanguageId = async (editor, languageId, tokenizePath) => {
   await loadTokenizer(languageId, tokenizePath);
   const tokenizer = getTokenizer(languageId);
   const newTokenizerId = tokenizerId + 1;
-  set$3(newTokenizerId, tokenizer);
+  set$4(newTokenizerId, tokenizer);
   const latest = getEditor$1(editor.uid);
   if (!latest) {
     return editor;
@@ -8732,7 +8690,7 @@ const tabCompletion = async editor => {
     }
     return editorSnippet(editor, tabCompletion);
   } catch (error) {
-    await handleError(error);
+    await handleError$1(error);
     // TODO cursor should always be of type object
     const rowIndex = editor.selections[0];
     const columnIndex = editor.selections[1];
@@ -9469,7 +9427,7 @@ const createFn = (key, name, widgetId) => {
         focused: true,
         widgets: removeEditorWidget(latest.widgets, widgetId)
       };
-      set$8(editor.uid, latest, newEditor);
+      set$9(editor.uid, latest, newEditor);
       return newEditor;
     }
     const newState = {
@@ -9477,7 +9435,7 @@ const createFn = (key, name, widgetId) => {
       commands
     };
     const newEditor = updateWidget(latest, widgetId, newState);
-    set$8(editor.uid, latest, newEditor);
+    set$9(editor.uid, latest, newEditor);
     return newEditor;
   };
   return fn;
@@ -9492,6 +9450,7 @@ const createFns = (keys, name, widgetId) => {
 
 const AppendToBody = 'Viewlet.appendToBody';
 const Focus = 'focus';
+const FocusSelector = 'Viewlet.focusSelector';
 const RegisterEventListeners = 'Viewlet.registerEventListeners';
 const SetSelectionByName = 'Viewlet.setSelectionByName';
 const SetValueByName = 'Viewlet.setValueByName';
@@ -9916,6 +9875,7 @@ const HandleScrollBarVerticalPointerDown = 30;
 const HandleScrollBarVerticalPointerMove = 31;
 const HandleScrollBarVerticalPointerUp = 32;
 const HandleWheel = 33;
+const HandleKeyUp = 34;
 
 const Div = 4;
 const Input = 6;
@@ -10247,6 +10207,7 @@ const FocusFindWidgetCloseButton = 48;
 const FocusFindWidgetNextMatchButton = 49;
 const FocusFindWidgetPreviousMatchButton = 50;
 const FocusEditorCodeGenerator = 52;
+const FocusColorPicker = 41;
 
 const getPositionAtCursor = editorUid => {
   const editor = getEditor$1(editorUid);
@@ -10302,7 +10263,7 @@ const setSelections2 = async (editorUid, selections) => {
     selections
   };
   const newEditorWithDerivedState = await updateDerivedState(editor, newEditor);
-  set$8(editorUid, editor, newEditorWithDerivedState);
+  set$9(editorUid, editor, newEditorWithDerivedState);
 };
 const closeWidget2 = async (editorUid, widgetId, widgetName, unsetAdditionalFocus$1) => {
   const editor = getEditor$1(editorUid);
@@ -10322,7 +10283,7 @@ const closeWidget2 = async (editorUid, widgetId, widgetName, unsetAdditionalFocu
     widgets: newWidgets
   };
   const newEditorWithDerivedState = await updateDerivedState(editor, newEditor);
-  set$8(editorUid, editor, newEditorWithDerivedState);
+  set$9(editorUid, editor, newEditorWithDerivedState);
   await setFocus(FocusEditorText);
   if (unsetAdditionalFocus$1) {
     await unsetAdditionalFocus(unsetAdditionalFocus$1);
@@ -10335,7 +10296,7 @@ const applyEdits2 = async (editorUid, edits) => {
   const editor = getEditor$1(editorUid);
   const newEditor = await applyEdit(editor, edits);
   const newEditorWithDerivedState = await updateDerivedState(editor, newEditor);
-  set$8(editorUid, editor, newEditorWithDerivedState);
+  set$9(editorUid, editor, newEditorWithDerivedState);
 };
 const getSourceActions = async editorUid => {
   const actions = await getEditorSourceActions(editorUid);
@@ -10355,6 +10316,10 @@ const ensure = async (fontName, fontUrl) => {
 
 const getKeyBindings = () => {
   return [{
+    command: 'Editor.closeColorPicker',
+    key: Escape,
+    when: FocusColorPicker
+  }, {
     command: 'Editor.closeSourceAction',
     key: Escape,
     when: FocusSourceActions
@@ -10913,7 +10878,7 @@ const handleMessagePort = async (port, rpcId) => {
     messagePort: port
   });
   if (rpcId) {
-    set$f(rpcId, rpc);
+    set$h(rpcId, rpc);
   }
 };
 
@@ -11064,7 +11029,7 @@ const hotReload = async () => {
     await relaunchWorkers();
     const newEditors = await restoreWidgetState(keys, savedStates);
     for (const editor of newEditors) {
-      set$8(editor.newState.uid, editor.oldState, editor.newState);
+      set$9(editor.newState.uid, editor.oldState, editor.newState);
     }
 
     // TODO ask renderer worker to rerender all editors
@@ -11102,7 +11067,7 @@ const initializeSyntaxHighlighting = async (syntaxHighlightingEnabled, syncIncre
   if (syntaxHighlightingEnabled) {
     setEnabled$1(true);
     const syntaxRpc = await createSyntaxHighlightingWorkerRpc();
-    set$6(syntaxRpc);
+    set$7(syntaxRpc);
   }
   if (syncIncremental) {
     setEnabled(true);
@@ -11244,7 +11209,7 @@ const loadContent = async (state, savedState) => {
   await loadTokenizer(computedLanguageId, tokenizePath);
   const tokenizer = getTokenizer(computedLanguageId);
   const newTokenizerId = state.tokenizerId + 1;
-  set$3(newTokenizerId, tokenizer);
+  set$4(newTokenizerId, tokenizer);
   const newEditor0 = {
     ...state,
     charWidth,
@@ -11439,11 +11404,11 @@ const renderCss$1 = (oldState, newState) => {
 
 const renderFocus$2 = (oldState, newState) => {
   const selector = '.EditorInput textarea';
-  return [FocusSelector, newState.uid, selector];
+  return [FocusSelector$1, newState.uid, selector];
 };
 
 const renderFocusContext$1 = (oldState, newState) => {
-  return [SetFocusContext$1, newState.uid, FocusEditorText$1];
+  return [SetFocusContext$1, newState.uid, newState.focus];
 };
 
 const SetText = 1;
@@ -11929,6 +11894,7 @@ const getEditorContentVirtualDom = ({
   return [{
     childCount: 5,
     className: 'EditorContent',
+    onKeyUp: HandleKeyUp,
     onMouseMove: HandleMouseMove,
     type: Div
   }, ...getEditorInputVirtualDom(), ...getEditorLayersVirtualDom(selectionInfos, textInfos, differences, lineNumbers, highlightedLine, cursorInfos, diagnostics), ...getEditorScrollBarDiagnosticsVirtualDom(scrollBarDiagnostics), ...getScrollBarVirtualDom()];
@@ -12072,7 +12038,7 @@ const render2 = (uid, diffResult) => {
     newState,
     oldState
   } = get$7(uid);
-  set$8(uid, newState, newState);
+  set$9(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -12175,7 +12141,7 @@ const renderEditor = async id => {
     oldState
   } = instance;
   const commands = [];
-  set$8(id, newState, newState);
+  set$9(id, newState, newState);
   for (const item of render$7) {
     if (item.isEqual(oldState, newState)) {
       continue;
@@ -12198,6 +12164,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleMouseMove,
     params: ['handleMouseMove', ClientX, ClientY, AltKey]
+  }, {
+    name: HandleKeyUp,
+    params: ['handleKeyUp', Key]
   }, {
     name: HandleBlur,
     params: ['handleBlur']
@@ -12328,7 +12297,7 @@ const updateDebugInfo = async debugId => {
     ...newState,
     highlightedLine: newInfo.rowIndex
   };
-  set$8(key, oldState, newEditor);
+  set$9(key, oldState, newEditor);
   // @ts-ignore
   await invoke$b('Editor.rerender', key);
 };
@@ -12349,7 +12318,7 @@ const wrapCommand = fn => async (editorUid, ...args) => {
 
   // TODO combine neweditor with latest editor?
 
-  set$8(editorUid, state, newEditorWithDerivedState);
+  set$9(editorUid, state, newEditorWithDerivedState);
   return newEditorWithDerivedState;
 };
 
@@ -12366,6 +12335,7 @@ const commandMap = {
   'Editor.braceCompletion': wrapCommand(braceCompletion),
   'Editor.cancelSelection': wrapCommand(cancelSelection),
   'Editor.closeCodeGenerator': wrapCommand(closeCodeGenerator),
+  'Editor.closeColorPicker': wrapCommand(closeColorPicker),
   'Editor.closeFind': wrapCommand(closeFind),
   'Editor.closeFind2': closeFind2,
   'Editor.closeRename': wrapCommand(closeRename),
@@ -12443,6 +12413,7 @@ const commandMap = {
   'Editor.handleContextMenu': wrapCommand(handleContextMenu),
   'Editor.handleDoubleClick': wrapCommand(handleDoubleClick),
   'Editor.handleFocus': wrapCommand(handleFocus$1),
+  'Editor.handleKeyUp': wrapCommand(handleKeyUp),
   'Editor.handleMouseDown': wrapCommand(handleMouseDown),
   'Editor.handleMouseMove': wrapCommand(handleMouseMove),
   'Editor.handleMouseMoveWithAltKey': wrapCommand(handleMouseMoveWithAltKey),
@@ -12619,6 +12590,16 @@ for (const [key, value] of Object.entries(commandMap)) {
   }
 }
 
+const initializeErrorWorker = async () => {
+  const rpc = await create$c({
+    commandMap: {},
+    send(port) {
+      return sendMessagePortToErrorWorker(port, EditorWorker);
+    }
+  });
+  set$g(rpc);
+};
+
 const createExtensionHostRpc = async () => {
   const initialCommand = 'HandleMessagePort.handleMessagePort2';
   const rpc = await create$c({
@@ -12632,7 +12613,7 @@ const createExtensionHostRpc = async () => {
 
 const initializeExtensionHost = async () => {
   const extensionHostRpc = await createExtensionHostRpc();
-  set$2(extensionHostRpc);
+  set$3(extensionHostRpc);
 };
 
 const createExtensionManagementWorkerRpc = async () => {
@@ -12648,7 +12629,7 @@ const createExtensionManagementWorkerRpc = async () => {
 const initializeExtensionManagementWorker = async () => {
   try {
     const rpc = await createExtensionManagementWorkerRpc();
-    set$d(rpc);
+    set$e(rpc);
   } catch {
     // ignore
   }
@@ -12663,14 +12644,14 @@ const initializeOpenerWorker = async () => {
     commandMap: {},
     send: send$1
   });
-  set$c(rpc);
+  set$d(rpc);
 };
 
 const initializeRendererWorker = async () => {
   const rpc = await create$a({
     commandMap: commandMap
   });
-  set$a(rpc);
+  set$b(rpc);
 };
 
 const send = port => {
@@ -12681,12 +12662,12 @@ const initializeTextMeasurementWorker = async () => {
     commandMap: {},
     send
   });
-  set$b(rpc);
+  set$c(rpc);
 };
 
 const listen = async () => {
   registerCommands(commandMap);
-  await Promise.all([initializeRendererWorker(), initializeExtensionHost(), initializeExtensionManagementWorker(), initializeTextMeasurementWorker(), initializeOpenerWorker()]);
+  await Promise.all([initializeRendererWorker(), initializeErrorWorker(), initializeExtensionHost(), initializeExtensionManagementWorker(), initializeTextMeasurementWorker(), initializeOpenerWorker()]);
 };
 
 const CodeGeneratorInput = 'CodeGeneratorInput';
@@ -12780,7 +12761,7 @@ const renderFull$1 = (oldState, newState) => {
   return commands;
 };
 
-const commandsToForward$1 = [SetDom2, SetCss, AppendToBody, SetBounds2, RegisterEventListeners, SetUid];
+const commandsToForward$1 = [SetDom2, SetCss, AppendToBody, FocusSelector, SetBounds2, RegisterEventListeners, SetUid];
 const render$4 = widget => {
   const commands = renderFull$1(widget.oldState, widget.newState);
   const wrappedCommands = [];
@@ -12992,15 +12973,15 @@ const EditorMessageWidget = {
 };
 
 const registerWidgets = () => {
-  set$7(ColorPicker$1, EditorColorPickerWidget);
-  set$7(Completion, EditorCompletionWidget);
-  set$7(CompletionDetail, EditorCompletionDetailWidget);
-  set$7(Find, EditorFindWidget);
-  set$7(Hover, EditorHoverWidget);
-  set$7(Message, EditorMessageWidget);
-  set$7(Rename$1, EditorRenameWidget);
-  set$7(SourceAction$1, EditorSourceActionWidget);
-  set$7(CodeGenerator, EditorCodeGeneratorWidget);
+  set$8(ColorPicker$1, EditorColorPickerWidget);
+  set$8(Completion, EditorCompletionWidget);
+  set$8(CompletionDetail, EditorCompletionDetailWidget);
+  set$8(Find, EditorFindWidget);
+  set$8(Hover, EditorHoverWidget);
+  set$8(Message, EditorMessageWidget);
+  set$8(Rename$1, EditorRenameWidget);
+  set$8(SourceAction$1, EditorSourceActionWidget);
+  set$8(CodeGenerator, EditorCodeGeneratorWidget);
 };
 
 const handleUnhandledRejection = event => {