@lvce-editor/problems-view 1.12.0 → 1.13.0

package/dist/problemsViewWorkerMain.js

@@ -527,7 +527,7 @@ const create$4$1 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$4 = (id, fn) => {
+const set$6 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -546,7 +546,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$4(id, resolve);
+  set$6(id, resolve);
   return {
     id,
     promise
@@ -626,7 +626,8 @@ const splitLines = lines => {
   return lines.split(NewLine);
 };
 const getCurrentStack = () => {
-  const currentStack = joinLines(splitLines(new Error().stack || '').slice(2));
+  const stackLinesToSkip = 3;
+  const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
   return currentStack;
 };
 const getNewLineIndex = (string, startIndex = undefined) => {
@@ -890,13 +891,19 @@ const send$1 = (transport, method, ...params) => {
   const message = create$4$1(method, params);
   transport.send(message);
 };
-const invoke = (ipc, method, ...params) => {
+const invoke$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
-const invokeAndTransfer = (ipc, method, ...params) => {
+const invokeAndTransfer$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
+class CommandNotFoundError extends Error {
+  constructor(command) {
+    super(`Command not found ${command}`);
+    this.name = 'CommandNotFoundError';
+  }
+}
 const commands = Object.create(null);
 const register = commandMap => {
   Object.assign(commands, commandMap);
@@ -907,7 +914,7 @@ const getCommand = key => {
 const execute = (command, ...args) => {
   const fn = getCommand(command);
   if (!fn) {
-    throw new Error(`command not found ${command}`);
+    throw new CommandNotFoundError(command);
   }
   return fn(...args);
 };
@@ -923,10 +930,10 @@ const createRpc = ipc => {
       send$1(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke(ipc, method, ...params);
+      return invoke$2(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer(ipc, method, ...params);
+      return invokeAndTransfer$2(ipc, method, ...params);
     },
     async dispose() {
       await ipc?.dispose();
@@ -1012,9 +1019,33 @@ const WebWorkerRpcClient = {
   __proto__: null,
   create: create$4
 };
+const createMockRpc = ({
+  commandMap
+}) => {
+  const invocations = [];
+  const invoke = (method, ...params) => {
+    invocations.push([method, ...params]);
+    const command = commandMap[method];
+    if (!command) {
+      throw new Error(`command ${method} not found`);
+    }
+    return command(...params);
+  };
+  const mockRpc = {
+    invoke,
+    invokeAndTransfer: invoke,
+    invocations
+  };
+  return mockRpc;
+};
 
+const toCommandId$1 = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
 const create$2 = () => {
   const states = Object.create(null);
+  const commandMapRef = {};
   return {
     get(uid) {
       return states[uid];
@@ -1055,6 +1086,15 @@ const create$2 = () => {
       };
       return wrapped;
     },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
     diff(uid, modules, numbers) {
       const {
         oldState,
@@ -1068,6 +1108,14 @@ const create$2 = () => {
         }
       }
       return diffResult;
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId$1);
+      return ids;
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
     }
   };
 };
@@ -1075,16 +1123,41 @@ const terminate = () => {
   globalThis.close();
 };
 
+const None$1 = 'none';
+const ToolBar = 'toolbar';
+const Tree = 'tree';
+const TreeItem = 'treeitem';
+
+const Button$1 = 1;
+const Div = 4;
+const Input = 6;
+const Span = 8;
+const Text = 12;
+const Img = 17;
+const A = 53;
+
+const Space = 9;
+const PageUp = 10;
+const PageDown = 11;
+const End = 255;
+const Home = 12;
+const LeftArrow = 13;
+const UpArrow = 14;
+const RightArrow = 15;
+const DownArrow = 16;
+
+const DebugWorker = 55;
+const EditorWorker$1 = 99;
+const RendererWorker$1 = 1;
+
 const rpcs = Object.create(null);
-const set$g = (id, rpc) => {
+const set$5 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$1 = id => {
   return rpcs[id];
 };
 
-/* eslint-disable  @typescript-eslint/explicit-function-return-type */
-
 const create$1 = rpcId => {
   return {
     // @ts-ignore
@@ -1100,7 +1173,7 @@ const create$1 = rpcId => {
       return rpc.invokeAndTransfer(method, ...params);
     },
     set(rpc) {
-      set$g(rpcId, rpc);
+      set$5(rpcId, rpc);
     },
     async dispose() {
       const rpc = get$1(rpcId);
@@ -1108,35 +1181,457 @@ const create$1 = rpcId => {
     }
   };
 };
-const EditorWorker$1 = 99;
-const RendererWorker$1 = 1;
+
 const {
-  invoke: invoke$c,
-  set: set$c} = create$1(EditorWorker$1);
+  invoke: invoke$1,
+  invokeAndTransfer: invokeAndTransfer$1,
+  set: set$4,
+  dispose: dispose$1
+} = create$1(EditorWorker$1);
+const sendMessagePortToExtensionHostWorker$1 = async port => {
+  const command = 'HandleMessagePort.handleMessagePort2';
+  await invokeAndTransfer$1(
+  // @ts-ignore
+  'SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, 0);
+};
+// TODO add tests for this
+const activateByEvent$1 = async event => {
+  // @ts-ignore
+  await invoke$1('ActivateByEvent.activateByEvent', event);
+};
+const applyEdit = async (editorUid, changes) => {
+  // @ts-ignore
+  await invoke$1('Editor.applyEdit2', editorUid, changes);
+};
+const applyWorkspaceEdit = async (editorUid, changes) => {
+  // @ts-ignore
+  await invoke$1('Editor.applyWorkspaceEdit', editorUid, changes);
+};
+const closeWidget$1 = async (editorUid, widgetId, widgetName, focusId) => {
+  // @ts-ignore
+  await invoke$1('Editor.closeWidget2', editorUid, widgetId, widgetName, focusId);
+};
+const getWordAt = async (uid, rowIndex, columnIndex) => {
+  // @ts-ignore
+  const word = await invoke$1('Editor.getWordAt2', uid, rowIndex, columnIndex);
+  return word;
+};
+const getLines = async editorUid => {
+  const lines = await invoke$1('Editor.getLines2', editorUid);
+  return lines;
+};
+const getPositionAtCursor = async parentUid => {
+  const position = await invoke$1('Editor.getPositionAtCursor', parentUid);
+  return position;
+};
+const getOffsetAtCursor = async editorId => {
+  // @ts-ignore
+  return await invoke$1('Editor.getOffsetAtCursor', editorId);
+};
+const getSelections = async editorUid => {
+  const selections = await invoke$1('Editor.getSelections2', editorUid);
+  return selections;
+};
+const getWordAtOffset2 = async editorUid => {
+  return invoke$1('Editor.getWordAtOffset2', editorUid);
+};
+const getWordBefore = async (editorUid, rowIndex, columnIndex) => {
+  return invoke$1('Editor.getWordBefore2', editorUid, rowIndex, columnIndex);
+};
+const updateDebugInfo = async info => {
+  await invoke$1('Editor.updateDebugInfo', info);
+};
+const getUri = async editorUid => {
+  // @ts-ignore
+  return invoke$1('Editor.getUri', editorUid);
+};
+const getLanguageId = async editorUid => {
+  // @ts-ignore
+  return invoke$1('Editor.getLanguageId', editorUid);
+};
 const getProblems$2 = async () => {
   // @ts-ignore
-  return invoke$c('Editor.getProblems');
+  return invoke$1('Editor.getProblems');
 };
+const registerMockRpc$1 = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$4(mockRpc);
+  return mockRpc;
+};
+
 const EditorWorker = {
   __proto__: null,
+  activateByEvent: activateByEvent$1,
+  applyEdit,
+  applyWorkspaceEdit,
+  closeWidget: closeWidget$1,
+  dispose: dispose$1,
+  getLanguageId,
+  getLines,
+  getOffsetAtCursor,
+  getPositionAtCursor,
   getProblems: getProblems$2,
-  set: set$c};
+  getSelections,
+  getUri,
+  getWordAt,
+  getWordAtOffset2,
+  getWordBefore,
+  invoke: invoke$1,
+  invokeAndTransfer: invokeAndTransfer$1,
+  registerMockRpc: registerMockRpc$1,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
+  set: set$4,
+  updateDebugInfo
+};
+
 const {
-  invoke: invoke$3,
-  invokeAndTransfer: invokeAndTransfer$3,
-  set: set$3} = create$1(RendererWorker$1);
+  invoke,
+  invokeAndTransfer,
+  set: set$3,
+  dispose
+} = create$1(RendererWorker$1);
+const searchFileHtml = async uri => {
+  return invoke('ExtensionHost.searchFileWithHtml', uri);
+};
+const getFilePathElectron = async file => {
+  return invoke('FileSystemHandle.getFilePathElectron', file);
+};
+const showContextMenu = async (x, y, id, ...args) => {
+  return invoke('ContextMenu.show', x, y, id, ...args);
+};
+const getElectronVersion = async () => {
+  return invoke('Process.getElectronVersion');
+};
+const applyBulkReplacement = async bulkEdits => {
+  await invoke('BulkReplacement.applyBulkReplacement', bulkEdits);
+};
+const setColorTheme = async id => {
+  // @ts-ignore
+  return invoke(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+};
+const getNodeVersion = async () => {
+  return invoke('Process.getNodeVersion');
+};
+const getChromeVersion = async () => {
+  return invoke('Process.getChromeVersion');
+};
+const getV8Version = async () => {
+  return invoke('Process.getV8Version');
+};
+const getFileHandles = async fileIds => {
+  const files = await invoke('FileSystemHandle.getFileHandles', fileIds);
+  return files;
+};
+const setWorkspacePath = async path => {
+  await invoke('Workspace.setPath', path);
+};
+const registerWebViewInterceptor = async (id, port) => {
+  await invokeAndTransfer('WebView.registerInterceptor', id, port);
+};
+const unregisterWebViewInterceptor = async id => {
+  await invoke('WebView.unregisterInterceptor', id);
+};
 const sendMessagePortToEditorWorker$1 = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
   // @ts-ignore
-  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
+};
+const sendMessagePortToErrorWorker = async (port, rpcId) => {
+  const command = 'Errors.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
+};
+const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
+  const command = 'Markdown.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
+};
+const sendMessagePortToFileSystemWorker = async (port, rpcId) => {
+  const command = 'FileSystem.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
+};
+const readFile = async uri => {
+  return invoke('FileSystem.readFile', uri);
+};
+const getWebViewSecret = async key => {
+  // @ts-ignore
+  return invoke('WebView.getSecret', key);
+};
+const setWebViewPort = async (uid, port, origin, portType) => {
+  return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
+};
+const setFocus = key => {
+  return invoke('Focus.setFocus', key);
+};
+const getFileIcon = async options => {
+  return invoke('IconTheme.getFileIcon', options);
+};
+const getColorThemeNames = async () => {
+  return invoke('ColorTheme.getColorThemeNames');
+};
+const disableExtension = async id => {
+  // @ts-ignore
+  return invoke('ExtensionManagement.disable', id);
+};
+const enableExtension = async id => {
+  // @ts-ignore
+  return invoke('ExtensionManagement.enable', id);
+};
+const handleDebugChange = async params => {
+  // @ts-ignore
+  return invoke('Run And Debug.handleChange', params);
+};
+const getFolderIcon = async options => {
+  return invoke('IconTheme.getFolderIcon', options);
+};
+const closeWidget = async widgetId => {
+  return invoke('Viewlet.closeWidget', widgetId);
+};
+const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
+  const command = 'HandleMessagePort.handleMessagePort2';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
+};
+const sendMessagePortToSearchProcess = async port => {
+  await invokeAndTransfer('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
+};
+const confirm = async (message, options) => {
+  // @ts-ignore
+  const result = await invoke('ConfirmPrompt.prompt', message, options);
+  return result;
+};
+const getRecentlyOpened = async () => {
+  return invoke(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+};
+const getKeyBindings$1 = async () => {
+  return invoke('KeyBindingsInitial.getKeyBindings');
 };
 const writeClipBoardText$1 = async text => {
-  await invoke$3('ClipBoard.writeText', /* text */text);
+  await invoke('ClipBoard.writeText', /* text */text);
+};
+const writeClipBoardImage = async blob => {
+  // @ts-ignore
+  await invoke('ClipBoard.writeImage', /* text */blob);
+};
+const searchFileMemory = async uri => {
+  // @ts-ignore
+  return invoke('ExtensionHost.searchFileWithMemory', uri);
+};
+const searchFileFetch = async uri => {
+  return invoke('ExtensionHost.searchFileWithFetch', uri);
 };
+const showMessageBox = async options => {
+  return invoke('ElectronDialog.showMessageBox', options);
+};
+const handleDebugResumed = async params => {
+  await invoke('Run And Debug.handleResumed', params);
+};
+const openWidget = async name => {
+  await invoke('Viewlet.openWidget', name);
+};
+const getIcons = async requests => {
+  const icons = await invoke('IconTheme.getIcons', requests);
+  return icons;
+};
+const activateByEvent = event => {
+  return invoke('ExtensionHostManagement.activateByEvent', event);
+};
+const setAdditionalFocus = focusKey => {
+  // @ts-ignore
+  return invoke('Focus.setAdditionalFocus', focusKey);
+};
+const getActiveEditorId = () => {
+  // @ts-ignore
+  return invoke('GetActiveEditor.getActiveEditorId');
+};
+const getWorkspacePath = () => {
+  return invoke('Workspace.getPath');
+};
+const sendMessagePortToRendererProcess = async port => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
+};
+const getPreference = async key => {
+  return await invoke('Preferences.get', key);
+};
+const getAllExtensions = async () => {
+  return invoke('ExtensionManagement.getAllExtensions');
+};
+const rerenderEditor = async key => {
+  // @ts-ignore
+  return invoke('Editor.rerender', key);
+};
+const handleDebugPaused = async params => {
+  await invoke('Run And Debug.handlePaused', params);
+};
+const openUri = async (uri, focus, options) => {
+  await invoke('Main.openUri', uri, focus, options);
+};
+const sendMessagePortToSyntaxHighlightingWorker = async port => {
+  await invokeAndTransfer(
+  // @ts-ignore
+  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
+};
+const handleDebugScriptParsed = async script => {
+  await invoke('Run And Debug.handleScriptParsed', script);
+};
+const getWindowId = async () => {
+  return invoke('GetWindowId.getWindowId');
+};
+const getBlob = async uri => {
+  // @ts-ignore
+  return invoke('FileSystem.getBlob', uri);
+};
+const getExtensionCommands = async () => {
+  return invoke('ExtensionHost.getCommands');
+};
+const showErrorDialog = async errorInfo => {
+  // @ts-ignore
+  await invoke('ErrorHandling.showErrorDialog', errorInfo);
+};
+const getFolderSize = async uri => {
+  // @ts-ignore
+  return await invoke('FileSystem.getFolderSize', uri);
+};
+const getExtension = async id => {
+  // @ts-ignore
+  return invoke('ExtensionManagement.getExtension', id);
+};
+const getMarkdownDom = async html => {
+  // @ts-ignore
+  return invoke('Markdown.getVirtualDom', html);
+};
+const renderMarkdown = async (markdown, options) => {
+  // @ts-ignore
+  return invoke('Markdown.renderMarkdown', markdown, options);
+};
+const openNativeFolder = async uri => {
+  // @ts-ignore
+  await invoke('OpenNativeFolder.openNativeFolder', uri);
+};
+const uninstallExtension = async id => {
+  return invoke('ExtensionManagement.uninstall', id);
+};
+const installExtension = async id => {
+  // @ts-ignore
+  return invoke('ExtensionManagement.install', id);
+};
+const openExtensionSearch = async () => {
+  // @ts-ignore
+  return invoke('SideBar.openViewlet', 'Extensions');
+};
+const setExtensionsSearchValue = async searchValue => {
+  // @ts-ignore
+  return invoke('Extensions.handleInput', searchValue);
+};
+const openExternal = async uri => {
+  // @ts-ignore
+  await invoke('Open.openExternal', uri);
+};
+const openUrl = async uri => {
+  // @ts-ignore
+  await invoke('Open.openUrl', uri);
+};
+const getAllPreferences = async () => {
+  // @ts-ignore
+  return invoke('Preferences.getAll');
+};
+const showSaveFilePicker = async () => {
+  // @ts-ignore
+  return invoke('FilePicker.showSaveFilePicker');
+};
+const getLogsDir = async () => {
+  // @ts-ignore
+  return invoke('PlatformPaths.getLogsDir');
+};
+const registerMockRpc = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$3(mockRpc);
+  return mockRpc;
+};
+
 const RendererWorker = {
   __proto__: null,
+  activateByEvent,
+  applyBulkReplacement,
+  closeWidget,
+  confirm,
+  disableExtension,
+  dispose,
+  enableExtension,
+  getActiveEditorId,
+  getAllExtensions,
+  getAllPreferences,
+  getBlob,
+  getChromeVersion,
+  getColorThemeNames,
+  getElectronVersion,
+  getExtension,
+  getExtensionCommands,
+  getFileHandles,
+  getFileIcon,
+  getFilePathElectron,
+  getFolderIcon,
+  getFolderSize,
+  getIcons,
+  getKeyBindings: getKeyBindings$1,
+  getLogsDir,
+  getMarkdownDom,
+  getNodeVersion,
+  getPreference,
+  getRecentlyOpened,
+  getV8Version,
+  getWebViewSecret,
+  getWindowId,
+  getWorkspacePath,
+  handleDebugChange,
+  handleDebugPaused,
+  handleDebugResumed,
+  handleDebugScriptParsed,
+  installExtension,
+  invoke,
+  invokeAndTransfer,
+  openExtensionSearch,
+  openExternal,
+  openNativeFolder,
+  openUri,
+  openUrl,
+  openWidget,
+  readFile,
+  registerMockRpc,
+  registerWebViewInterceptor,
+  renderMarkdown,
+  rerenderEditor,
+  searchFileFetch,
+  searchFileHtml,
+  searchFileMemory,
   sendMessagePortToEditorWorker: sendMessagePortToEditorWorker$1,
+  sendMessagePortToErrorWorker,
+  sendMessagePortToExtensionHostWorker,
+  sendMessagePortToFileSystemWorker,
+  sendMessagePortToMarkdownWorker,
+  sendMessagePortToRendererProcess,
+  sendMessagePortToSearchProcess,
+  sendMessagePortToSyntaxHighlightingWorker,
   set: set$3,
+  setAdditionalFocus,
+  setColorTheme,
+  setExtensionsSearchValue,
+  setFocus,
+  setWebViewPort,
+  setWorkspacePath,
+  showContextMenu,
+  showErrorDialog,
+  showMessageBox,
+  showSaveFilePicker,
+  uninstallExtension,
+  unregisterWebViewInterceptor,
+  writeClipBoardImage,
   writeClipBoardText: writeClipBoardText$1
 };
 
@@ -1169,7 +1664,7 @@ const {
   wrapCommand
 } = create$2();
 
-const None$1 = 0;
+const None = 0;
 const Table = 1;
 const List = 2;
 
@@ -1185,7 +1680,7 @@ const create = (id, uri, x, y, width, height, workspaceUri) => {
     width,
     height,
     filterValue: '',
-    viewMode: None$1,
+    viewMode: None,
     inputSource: User,
     minLineY: 0,
     maxLineY: 0,
@@ -1251,56 +1746,10 @@ const getCommandIds = () => {
   return ids;
 };
 
-const None = 'none';
-const ToolBar = 'toolbar';
-const Tree$1 = 'tree';
-const TreeItem$1 = 'treeitem';
-const AriaRoles = {
-  __proto__: null,
-  None,
-  ToolBar,
-  Tree: Tree$1,
-  TreeItem: TreeItem$1
-};
-const Space = 9;
-const PageUp = 10;
-const PageDown = 11;
-const End = 255;
-const Home = 12;
-const LeftArrow = 13;
-const UpArrow = 14;
-const RightArrow = 15;
-const DownArrow = 16;
-const KeyCode = {
-  __proto__: null,
-  DownArrow,
-  End,
-  Home,
-  LeftArrow,
-  PageDown,
-  PageUp,
-  RightArrow,
-  Space,
-  UpArrow
-};
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
-const Button$1 = 1;
-const Div = 4;
-const Input = 6;
-const Span = 8;
-const Text = 12;
-const Img = 17;
-const A = 53;
-const VirtualDomElements = {
-  __proto__: null,
-  A,
-  Button: Button$1,
-  Div,
-  Img,
-  Input,
-  Span};
+
 const text = data => {
   return {
     type: Text,
@@ -1313,47 +1762,47 @@ const FocusProblems = 19;
 
 const getKeyBindings = () => {
   return [{
-    key: KeyCode.DownArrow,
+    key: DownArrow,
     command: 'Problems.focusNext',
     when: FocusProblems
   }, {
-    key: KeyCode.UpArrow,
+    key: UpArrow,
     command: 'Problems.focusPrevious',
     when: FocusProblems
   }, {
-    key: KeyCode.Home,
+    key: Home,
     command: 'Problems.focusFirst',
     when: FocusProblems
   }, {
-    key: KeyCode.PageUp,
+    key: PageUp,
     command: 'Problems.focusFirst',
     when: FocusProblems
   }, {
-    key: KeyCode.PageDown,
+    key: PageDown,
     command: 'Problems.focusLast',
     when: FocusProblems
   }, {
-    key: KeyCode.End,
+    key: End,
     command: 'Problems.focusLast',
     when: FocusProblems
   }, {
-    key: KeyCode.Space,
+    key: Space,
     command: 'Problems.selectCurrent',
     when: FocusProblems
   }, {
-    key: KeyCode.Home,
+    key: Home,
     command: 'Problems.focusFirst',
     when: FocusProblems
   }, {
-    key: KeyCode.End,
+    key: End,
     command: 'Problems.focusLast',
     when: FocusProblems
   }, {
-    key: KeyCode.LeftArrow,
+    key: LeftArrow,
     command: 'Problems.handleArrowLeft',
     when: FocusProblems
   }, {
-    key: KeyCode.RightArrow,
+    key: RightArrow,
     command: 'Problems.handleArrowRight',
     when: FocusProblems
   }];
@@ -1789,11 +2238,11 @@ const HandleContextMenu = 'handleContextMenu';
 const HandleFilterInput = 'handleFilterInput';
 const HandlePointerDown = 'handlePointerDown';
 
-const getIconVirtualDom = (icon, type = VirtualDomElements.Div) => {
+const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
     className: mergeClassNames('MaskIcon', `MaskIcon${icon}`),
-    role: AriaRoles.None,
+    role: None$1,
     childCount: 0
   };
 };
@@ -1805,7 +2254,7 @@ const getActionButtonVirtualDom = action => {
     command
   } = action;
   return [{
-    type: VirtualDomElements.Button,
+    type: Button$1,
     className: IconButton,
     title: id,
     'data-command': command,
@@ -1815,7 +2264,7 @@ const getActionButtonVirtualDom = action => {
 
 const getInputBoxVirtualDom = (name, onInput, placeholder) => {
   return {
-    type: VirtualDomElements.Input,
+    type: Input,
     className: InputBox,
     autocapitalize: 'off',
     autocorrect: 'off',
@@ -1845,14 +2294,14 @@ const getBadgeDom = badgeText => {
     return [];
   }
   return [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: FilterBadge,
     childCount: 1
   }, text(badgeText)];
 };
 const getProblemsFilterVirtualDom = action => {
   return [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: Filter$1,
     childCount: getChildCount(action.badgeText)
   }, getInputBoxVirtualDom(Filter$2, action.command, action.placeholder || ''), ...getBadgeDom(action.badgeText), ...getActionButtonVirtualDom({
@@ -1865,14 +2314,14 @@ const getProblemsFilterVirtualDom = action => {
 
 const getNoResultsWithFilterVirtualDom = () => {
   return [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: Message,
     childCount: 3
   }, {
-    type: VirtualDomElements.Span,
+    type: Span,
     childCount: 1
   }, text(noResultsFoundWithProvidedFilterCriteria()), {
-    type: VirtualDomElements.A,
+    type: A,
     className: MessageAction,
     childCount: 1,
     onClick: HandleClearFilterClick
@@ -1881,7 +2330,7 @@ const getNoResultsWithFilterVirtualDom = () => {
 
 const getBadgeVirtualDom = (className, count) => {
   return [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: mergeClassNames('Badge', className) + (''),
     childCount: 1
   }, text(`${count}`)];
@@ -1889,14 +2338,14 @@ const getBadgeVirtualDom = (className, count) => {
 
 const getChevronDownVirtualDom = (extraClassName = '') => {
   return {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: mergeClassNames(Chevron, 'MaskIconChevronDown', extraClassName) + (extraClassName === '' ? ' ' : ''),
     childCount: 0
   };
 };
 const getChevronRightVirtualDom = (extraClassName = '') => {
   return {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: mergeClassNames(Chevron, 'MaskIconChevronRight', extraClassName) + (extraClassName === '' ? ' ' : ''),
     childCount: 0
   };
@@ -1904,10 +2353,10 @@ const getChevronRightVirtualDom = (extraClassName = '') => {
 
 const getFileIconVirtualDom = icon => {
   return {
-    type: VirtualDomElements.Img,
+    type: Img,
     className: FileIcon,
     src: icon,
-    role: AriaRoles.None,
+    role: None$1,
     childCount: 0
   };
 };
@@ -1917,13 +2366,13 @@ const Warning = 'warning';
 const getProblemsIconVirtualDom = type => {
   if (type === Warning) {
     return {
-      type: VirtualDomElements.Div,
+      type: Div,
       className: mergeClassNames(ProblemsIcon, ProblemsWarningIcon),
       childCount: 0
     };
   }
   return {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: mergeClassNames(ProblemsIcon, ProblemsErrorIcon),
     childCount: 0
   };
@@ -1973,7 +2422,7 @@ const getProblemVirtualDom = problem => {
   }
   if (listItemType === Expanded || listItemType === Collapsed) {
     return [{
-      type: VirtualDomElements.Div,
+      type: Div,
       className,
       childCount: 5,
       paddingLeft: getTreeItemIndent(1),
@@ -1982,16 +2431,16 @@ const getProblemVirtualDom = problem => {
       ariaLevel: level,
       ariaExpanded: !isCollapsed,
       ariaSelected: isActive,
-      role: AriaRoles.TreeItem
+      role: TreeItem
     }, listItemType === Collapsed ? getChevronRightVirtualDom() : getChevronDownVirtualDom(), getFileIconVirtualDom(icon), text(fileName), {
-      type: VirtualDomElements.Div,
+      type: Div,
       className: LabelDetail,
       childCount: 1
     }, text(relativePath), ...getBadgeVirtualDom(ProblemBadge, problem.count)];
   }
   const lineColumn = atLineColumn(rowIndex, columnIndex);
   const label = {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: Label,
     childCount: 1
   };
@@ -1999,7 +2448,7 @@ const getProblemVirtualDom = problem => {
    * @type {any}
    */
   const dom = [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className,
     childCount: 3,
     paddingLeft: getTreeItemIndent(2),
@@ -2007,7 +2456,7 @@ const getProblemVirtualDom = problem => {
     ariaSetSize: setSize,
     ariaLevel: level,
     ariaSelected: isActive,
-    role: AriaRoles.TreeItem
+    role: TreeItem
   }, getProblemsIconVirtualDom(type), label];
   if (filterValueLength) {
     const before = message.slice(0, messageMatchIndex);
@@ -2015,7 +2464,7 @@ const getProblemVirtualDom = problem => {
     const after = message.slice(messageMatchIndex + filterValueLength);
     label.childCount += 2;
     dom.push(text(before), {
-      type: VirtualDomElements.Div,
+      type: Div,
       className: Highlight,
       childCount: 1
     }, text(middle), text(after));
@@ -2023,7 +2472,7 @@ const getProblemVirtualDom = problem => {
     dom.push(text(message));
   }
   dom.push({
-    type: VirtualDomElements.Span,
+    type: Span,
     className: ProblemAt,
     childCount: 2
   }, text(getProblemSourceDetail(source, code)), text(lineColumn));
@@ -2032,10 +2481,10 @@ const getProblemVirtualDom = problem => {
 
 const getProblemsListVirtualDom = problems => {
   const dom = [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsList,
     childCount: problems.length,
-    role: AriaRoles.Tree,
+    role: Tree,
     ariaLabel: 'Problems Tree' // TODO use i18n string
   }, ...problems.flatMap(getProblemVirtualDom)];
   return dom;
@@ -2043,7 +2492,7 @@ const getProblemsListVirtualDom = problems => {
 
 const getProblemsNoProblemsFoundVirtualDom = () => {
   return [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: Message,
     childCount: 1
   }, text(noProblemsDetected())];
@@ -2070,27 +2519,27 @@ const getProblemsTableRowVirtualDom = problem => {
     return [];
   }
   const dom = [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: getClassName(isEven),
     childCount: 5
   }, {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, getProblemsIconVirtualDom(type), {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, text(getProblemSourceDetail(source, code)), {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, text(message), {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, text(uri), {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, text(source)];
@@ -2099,7 +2548,7 @@ const getProblemsTableRowVirtualDom = problem => {
 
 const getProblemsTableBodyVirtualDom = problems => {
   const dom = [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableBody,
     childCount: problems.length
   }, ...problems.flatMap(getProblemsTableRowVirtualDom)];
@@ -2112,31 +2561,31 @@ const getProblemsTableHeaderVirtualDom = () => {
   const textMessage = message();
   const textFile = file();
   const dom = [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableHeader,
     childCount: 1
   }, {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRow,
     childCount: 5
   }, {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 0
   }, {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, text(textCode), {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, text(textMessage), {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, text(textFile), {
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTableRowItem,
     childCount: 1
   }, text(textSource)];
@@ -2145,7 +2594,7 @@ const getProblemsTableHeaderVirtualDom = () => {
 
 const getProblemsTableVirtualDom = problems => {
   const dom = [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: ProblemsTable,
     childCount: 2
   }, ...getProblemsTableHeaderVirtualDom(), ...getProblemsTableBodyVirtualDom(problems)];
@@ -2155,7 +2604,7 @@ const getProblemsTableVirtualDom = problems => {
 const getProblemsVirtualDom$1 = (viewMode, problems, filterValue, message) => {
   if (problems.length === 0 && message) {
     return [{
-      type: VirtualDomElements.Div,
+      type: Div,
       className: Message,
       childCount: 1
     }, text(message)];
@@ -2176,7 +2625,7 @@ const getProblemsVirtualDom = (viewMode, problems, filterValue, isSmall, message
   // TODO avoid mutation
   const dom = [];
   dom.push({
-    type: VirtualDomElements.Div,
+    type: Div,
     className: mergeClassNames(Viewlet, Problems),
     tabIndex: 0,
     onPointerDown: HandlePointerDown,
@@ -2327,9 +2776,9 @@ const getActionVirtualDom = action => {
 
 const getActionsVirtualDom = actions => {
   return [{
-    type: VirtualDomElements.Div,
+    type: Div,
     className: Actions,
-    role: AriaRoles.ToolBar,
+    role: ToolBar,
     childCount: actions.length
   }, ...actions.flatMap(getActionVirtualDom)];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/problems-view",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "Problems View Worker",
   "repository": {
     "type": "git",