@lvce-editor/static-server 0.113.24 → 0.113.25

package/static/{4d1244a → b654a75}/packages/problems-view/dist/problemsViewWorkerMain.js

@@ -1470,7 +1470,7 @@ const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const DeltaMode = 'event.deltaMode';
 const DeltaY = 'event.deltaY';
-const TargetName = 'event.target.name';
+const TargetValue = 'event.target.value';
 
 const Space = 9;
 const PageUp = 10;
@@ -1487,7 +1487,7 @@ const ProblemsFilter$1 = 25;
 const Checked = 2;
 const Unchecked = 3;
 
-const EditorWorker$1 = 99;
+const EditorWorker = 99;
 const RendererProcess = 1670;
 const RendererWorker = 1;
 
@@ -1497,24 +1497,16 @@ const SetFocusContext = 'Viewlet.setFocusContext';
 const {
   invoke: invoke$3,
   set: set$5
-} = create$1(EditorWorker$1);
-const getUri$1 = async editorUid => {
+} = create$1(EditorWorker);
+const getUri = async editorUid => {
   // @ts-ignore
   return invoke$3('Editor.getUri', editorUid);
 };
-const getProblems$2 = async () => {
+const getProblems$1 = async () => {
   // @ts-ignore
   return invoke$3('Editor.getProblems');
 };
 
-const EditorWorker = {
-  __proto__: null,
-  getProblems: getProblems$2,
-  getUri: getUri$1,
-  invoke: invoke$3,
-  set: set$5
-};
-
 const {
   invoke: invoke$2,
   set: set$4
@@ -1545,28 +1537,12 @@ const writeClipBoardText$1 = async text => {
 const getActiveEditorId$1 = () => {
   return invoke$1('GetActiveEditor.getActiveEditorId');
 };
-const getWorkspacePath$1 = () => {
-  return invoke$1('Workspace.getPath');
-};
-const openUri$1 = async (uri, focus, options) => {
-  await invoke$1('Main.openUri', {
-    ...options,
-    focus,
-    uri
-  });
-};
 
 const getActiveEditorId = () => {
   return getActiveEditorId$1();
 };
-const focusEditor = async () => {
-  await invoke$1('Main.focus');
-};
-const openUri = (uri, focus) => {
-  return openUri$1(uri, focus);
-};
-const setEditorCursor = async (rowIndex, columnIndex) => {
-  await invoke$1('Editor.cursorSet', rowIndex, columnIndex);
+const openUri = async options => {
+  await invoke$1('Main.openUri', options);
 };
 const sendMessagePortToEditorWorker = (port, rpcId) => {
   return sendMessagePortToEditorWorker$1(port, rpcId);
@@ -1588,6 +1564,9 @@ const copyMessage = async state => {
     problems
   } = state;
   const problem = problems[focusedIndex];
+  if (!problem) {
+    return state;
+  }
   await writeText(problem.message);
   return state;
 };
@@ -1663,8 +1642,9 @@ const haveSameCollapsedUris = (oldState, newState) => {
   }
   return oldCollapsedUris.length === newCollapsedUris.length && oldCollapsedUris.every((uri, index) => uri === newCollapsedUris[index]);
 };
+
 const isEqual = (oldState, newState) => {
-  return oldState.activeUri === newState.activeUri && haveSameCollapsedUris(oldState, newState) && oldState.fileIconCache === newState.fileIconCache && oldState.focusedIndex === newState.focusedIndex && oldState.height === newState.height && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.problems === newState.problems && oldState.showErrors === newState.showErrors && oldState.showInfos === newState.showInfos && oldState.showWarnings === newState.showWarnings && oldState.filterValue === newState.filterValue && oldState.message === newState.message && oldState.scrollBarActive === newState.scrollBarActive && oldState.scrollBarHeight === newState.scrollBarHeight && oldState.width === newState.width && oldState.viewMode === newState.viewMode;
+  return haveSameCollapsedUris(oldState, newState) && oldState.fileIconCache === newState.fileIconCache && oldState.focusedIndex === newState.focusedIndex && oldState.height === newState.height && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.problems === newState.problems && oldState.showErrors === newState.showErrors && oldState.showInfos === newState.showInfos && oldState.showWarnings === newState.showWarnings && oldState.filterValue === newState.filterValue && oldState.message === newState.message && oldState.scrollBarActive === newState.scrollBarActive && oldState.scrollBarHeight === newState.scrollBarHeight && oldState.width === newState.width && oldState.viewMode === newState.viewMode;
 };
 
 const RenderItems = 1;
@@ -1744,6 +1724,7 @@ const matchesSeverity = (problem, showErrors, showWarnings, showInfos) => {
       return showInfos;
   }
 };
+
 const filterProblems = (problems, collapsedUris, filterValue, showErrors = true, showWarnings = true, showInfos = true) => {
   const filterValueLower = filterValue.toLowerCase();
   const collapsedUriSet = new Set(collapsedUris);
@@ -1930,7 +1911,7 @@ const i18nString = (key, placeholders = emptyObject) => {
 const ClearFilters = 'Clear Filters';
 const Code = 'Code';
 const File = 'File';
-const Filter$3 = 'Filter';
+const Filter$2 = 'Filter';
 const LineColumn = '[Ln {PH1}, Col {PH2}]';
 const Message$1 = 'Message';
 const NoProblemsDetected = 'No problems have been detected in the workspace.';
@@ -1944,6 +1925,8 @@ const ViewAsList = 'View as List';
 const ShowErrors = 'Show Errors';
 const ShowWarnings = 'Show Warnings';
 const ShowInfos = 'Show Infos';
+const ProblemsTree = 'Problems Tree';
+const MoreFilters = 'more filters';
 
 const noProblemsDetected = () => {
   return i18nString(NoProblemsDetected);
@@ -1973,7 +1956,7 @@ const file = () => {
   return i18nString(File);
 };
 const filter = () => {
-  return i18nString(Filter$3);
+  return i18nString(Filter$2);
 };
 const showingOf = (visibleCount, totalCount) => {
   return i18nString(ShowingOfItems, {
@@ -2005,6 +1988,12 @@ const showWarnings = () => {
 const showInfos = () => {
   return i18nString(ShowInfos);
 };
+const problemsTree = () => {
+  return i18nString(ProblemsTree);
+};
+const moreFilters = () => {
+  return i18nString(MoreFilters);
+};
 
 const getMenuEntriesFilter = state => {
   const {
@@ -2046,16 +2035,102 @@ const getMenuIds = () => {
   return [ProblemsFilter$1];
 };
 
+const countByType = (diagnostics, type) => {
+  return diagnostics.filter(diagnostic => diagnostic.type === type).length;
+};
+
 const Error$1 = 'error';
 const Warning = 'warning';
 
-const {
-  getProblems: getProblems$1,
-  getUri} = EditorWorker;
 const getDiagnostics = editorId => {
   return invoke$3('Editor.getDiagnostics', editorId);
 };
 
+const getActiveDiagnostics = async editorId => {
+  try {
+    return await getDiagnostics(editorId);
+  } catch {
+    return [];
+  }
+};
+
+const getDiagnosticKey = diagnostic => JSON.stringify([diagnostic.uri, diagnostic.rowIndex, diagnostic.columnIndex, diagnostic.message, diagnostic.source, diagnostic.type, diagnostic.code]);
+
+const getUniqueDiagnostics = diagnostics => {
+  const keys = new Set();
+  return diagnostics.filter(diagnostic => {
+    const key = getDiagnosticKey(diagnostic);
+    if (keys.has(key)) {
+      return false;
+    }
+    keys.add(key);
+    return true;
+  });
+};
+
+const getProblemsSummary = async () => {
+  const editorId = await getActiveEditorId();
+  if (editorId === -1) {
+    return {
+      errorCount: 0,
+      hasEditor: false,
+      problemCount: 0,
+      warningCount: 0
+    };
+  }
+  const [allDiagnostics, activeDiagnostics] = await Promise.all([getProblems$1(), getActiveDiagnostics(editorId)]);
+  const uniqueDiagnostics = getUniqueDiagnostics(allDiagnostics);
+  const uniqueActiveDiagnostics = getUniqueDiagnostics(activeDiagnostics);
+  return {
+    errorCount: countByType(uniqueActiveDiagnostics, Error$1),
+    hasEditor: true,
+    problemCount: uniqueDiagnostics.length,
+    warningCount: countByType(uniqueActiveDiagnostics, Warning)
+  };
+};
+
+const getMissingRequests = (problems, fileIconCache) => {
+  const missingRequests = [];
+  const pendingUris = new Set();
+  for (const problem of problems) {
+    const {
+      fileName,
+      uri
+    } = problem;
+    if (!uri || uri in fileIconCache || pendingUris.has(uri)) {
+      continue;
+    }
+    pendingUris.add(uri);
+    missingRequests.push({
+      name: fileName,
+      uri
+    });
+  }
+  return missingRequests;
+};
+const requestFileIcon = name => {
+  if (!name) {
+    return Promise.resolve('');
+  }
+  return getFileIcon({
+    name
+  });
+};
+const getFileIcons = async (problems, fileIconCache) => {
+  const missingRequests = getMissingRequests(problems, fileIconCache);
+  if (missingRequests.length === 0) {
+    return fileIconCache;
+  }
+  const icons = await Promise.all(missingRequests.map(request => requestFileIcon(request.name)));
+  const newFileIconCache = {
+    ...fileIconCache
+  };
+  for (let i = 0; i < missingRequests.length; i++) {
+    newFileIconCache[missingRequests[i].uri] = icons[i];
+  }
+  return newFileIconCache;
+};
+
 const getProblemType = type => {
   switch (type) {
     case Error$1:
@@ -2173,18 +2248,6 @@ const toProblems = diagnostics => {
   return problems;
 };
 
-const getDiagnosticKey = diagnostic => JSON.stringify([diagnostic.uri, diagnostic.rowIndex, diagnostic.columnIndex, diagnostic.message, diagnostic.source, diagnostic.type, diagnostic.code]);
-const getUniqueDiagnostics = diagnostics => {
-  const keys = new Set();
-  return diagnostics.filter(diagnostic => {
-    const key = getDiagnosticKey(diagnostic);
-    if (keys.has(key)) {
-      return false;
-    }
-    keys.add(key);
-    return true;
-  });
-};
 const getProblems = async activeUri => {
   if (!activeUri) {
     return {
@@ -2207,79 +2270,6 @@ const getProblems = async activeUri => {
   }
 };
 
-const countByType = (diagnostics, type) => {
-  return diagnostics.filter(diagnostic => diagnostic.type === type).length;
-};
-const getActiveDiagnostics = async editorId => {
-  try {
-    return await getDiagnostics(editorId);
-  } catch {
-    return [];
-  }
-};
-const getProblemsSummary = async () => {
-  const editorId = await getActiveEditorId();
-  if (editorId === -1) {
-    return {
-      errorCount: 0,
-      hasEditor: false,
-      problemCount: 0,
-      warningCount: 0
-    };
-  }
-  const [allDiagnostics, activeDiagnostics] = await Promise.all([getProblems$1(), getActiveDiagnostics(editorId)]);
-  const uniqueDiagnostics = getUniqueDiagnostics(allDiagnostics);
-  const uniqueActiveDiagnostics = getUniqueDiagnostics(activeDiagnostics);
-  return {
-    errorCount: countByType(uniqueActiveDiagnostics, Error$1),
-    hasEditor: true,
-    problemCount: uniqueDiagnostics.length,
-    warningCount: countByType(uniqueActiveDiagnostics, Warning)
-  };
-};
-
-const getMissingRequests = (problems, fileIconCache) => {
-  const missingRequests = [];
-  const pendingUris = new Set();
-  for (const problem of problems) {
-    const {
-      fileName,
-      uri
-    } = problem;
-    if (!uri || uri in fileIconCache || pendingUris.has(uri)) {
-      continue;
-    }
-    pendingUris.add(uri);
-    missingRequests.push({
-      name: fileName,
-      uri
-    });
-  }
-  return missingRequests;
-};
-const requestFileIcon = name => {
-  if (!name) {
-    return Promise.resolve('');
-  }
-  return getFileIcon({
-    name
-  });
-};
-const getFileIcons = async (problems, fileIconCache) => {
-  const missingRequests = getMissingRequests(problems, fileIconCache);
-  if (missingRequests.length === 0) {
-    return fileIconCache;
-  }
-  const icons = await Promise.all(missingRequests.map(request => requestFileIcon(request.name)));
-  const newFileIconCache = {
-    ...fileIconCache
-  };
-  for (let i = 0; i < missingRequests.length; i++) {
-    newFileIconCache[missingRequests[i].uri] = icons[i];
-  }
-  return newFileIconCache;
-};
-
 const refreshProblems = async (state, activeUri) => {
   const {
     fileIconCache
@@ -2359,6 +2349,7 @@ const getArrowRightNewFocusedIndex = (problems, collapsedUris, focusedIndex) =>
     newCollapsedUris
   };
 };
+
 const handleArrowRight = state => {
   const {
     collapsedUris,
@@ -2397,35 +2388,6 @@ const handleClickMoreFilters = async (state, eventX, eventY) => {
   return state;
 };
 
-const viewAsList = state => {
-  return {
-    ...state,
-    viewMode: List
-  };
-};
-
-const viewAsTable = state => {
-  return {
-    ...state,
-    viewMode: Table
-  };
-};
-
-const handleClickButton = async (state, name, eventX = 0, eventY = 0) => {
-  switch (name) {
-    case 'collapseAll':
-      return collapseAll$1(state);
-    case 'more filters':
-      return handleClickMoreFilters(state, eventX, eventY);
-    case 'viewAsList':
-      return viewAsList(state);
-    case 'viewAsTable':
-      return viewAsTable(state);
-    default:
-      return state;
-  }
-};
-
 const handleContextMenu = async (state, eventX, eventY) => {
   const {
     uid
@@ -2592,9 +2554,14 @@ const handleProblemClick = async (state, eventX, eventY) => {
     targetUri,
     uri
   } = problem;
-  await openUri(targetUri || uri, true);
-  await focusEditor();
-  await setEditorCursor(rowIndex, columnIndex);
+  await openUri({
+    initialCursorPosition: {
+      columnIndex,
+      rowIndex
+    },
+    shouldFocus: true,
+    uri: targetUri || uri
+  });
   return newState;
 };
 
@@ -2729,10 +2696,6 @@ const handleWorkspaceChange = (state, newWorkspaceUri) => {
   };
 };
 
-const initialize = async () => {
-  // function is not needed anymore
-};
-
 const getActiveUri = async () => {
   const editorId = await getActiveEditorId();
   if (editorId === -1) {
@@ -2745,12 +2708,21 @@ const getActiveUri = async () => {
   }
 };
 
+const hasProperty = (value, key) => {
+  return typeof value === 'object' && value !== null && key in value;
+};
+
 const isString = value => {
   return typeof value === 'string';
 };
 
 const getSavedCollapsedUris = savedState => {
-  const collapsedUris = savedState?.collapsedUris;
+  if (!hasProperty(savedState, 'collapsedUris')) {
+    return [];
+  }
+  const {
+    collapsedUris
+  } = savedState;
   if (Array.isArray(collapsedUris) && collapsedUris.every(isString)) {
     return [...new Set(collapsedUris)];
   }
@@ -2758,28 +2730,32 @@ const getSavedCollapsedUris = savedState => {
 };
 
 const getSavedFilterValue = savedState => {
-  if (savedState && typeof savedState.filterValue === 'string') {
+  if (hasProperty(savedState, 'filterValue') && isString(savedState.filterValue)) {
     return savedState.filterValue;
   }
   return '';
 };
 
+const isNumber = value => {
+  return typeof value === 'number';
+};
+
 const getSavedViewMode = savedState => {
-  if (savedState && typeof savedState.viewMode === 'number') {
+  if (hasProperty(savedState, 'viewMode') && isNumber(savedState.viewMode)) {
     return savedState.viewMode;
   }
   return List;
 };
 
-const getWorkspacePath = () => {
-  return getWorkspacePath$1();
+const getWorkspaceUri = () => {
+  return invoke$1('Workspace.getUri');
 };
 
 const loadContent = async (state, savedState) => {
   const {
     fileIconCache: oldFileIconCache
   } = state;
-  const [activeUri, workspaceUri] = await Promise.all([getActiveUri(), getWorkspacePath()]);
+  const [activeUri, workspaceUri] = await Promise.all([getActiveUri(), getWorkspaceUri()]);
   const {
     error,
     problems
@@ -2870,33 +2846,9 @@ const renderCss = (oldState, newState) => {
   const listHeight = getListHeight(height, width, smallWidthBreakPoint, viewMode);
   const scrollBarTop = getScrollBarTop(listHeight, finalDeltaY, deltaY, scrollBarHeight);
   const itemOffset = itemHeight > 0 ? -(deltaY % itemHeight) : 0;
-  const rules = [`.Problems {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  position: relative;
-}
-.ProblemsContent {
-  flex: 1;
-  min-height: 0;
-  overflow: hidden;
-  position: relative;
-}
-.ProblemsList {
-  contain: strict;
-  height: 100%;
-  overflow: hidden;
-  width: 100%;
-}
-.ProblemsTableBody {
-  overflow: hidden;
-}
-.ProblemsTableRow {
+  const rules = [`.ProblemsTableRow {
   height: ${itemHeight}px;
 }
-.ProblemsContentTable > .ScrollBar {
-  top: 22px;
-}
 .Problems .ScrollBarThumb {
   height: ${scrollBarHeight}px;
   translate: 0 ${scrollBarTop}px;
@@ -2909,17 +2861,10 @@ const renderCss = (oldState, newState) => {
   return [SetCss, uid, css];
 };
 
-const Filter$2 = 'filter';
-
-const getFilterInputName = (inputSource, filterValue) => {
-  if (inputSource === Script && filterValue) {
-    return `${Filter$2}-${encodeURIComponent(filterValue)}`;
-  }
-  return Filter$2;
-};
+const ProblemsInput = 'ProblemsInput';
 
 const renderFilterValue = (oldState, newState) => {
-  return ['Viewlet.setValueByName', newState.uid, getFilterInputName(newState.inputSource, newState.filterValue), newState.filterValue];
+  return ['Viewlet.setValueByName', newState.uid, ProblemsInput, newState.filterValue];
 };
 
 const Button = 1;
@@ -2974,7 +2919,6 @@ const HandleScrollBarPointerDown = 10;
 const HandleCollapseAll = 11;
 const HandleViewAsList = 12;
 const HandleViewAsTable = 13;
-const HandleClickButton = 14;
 const HandleFileNameClick = 15;
 
 const getIconVirtualDom = (icon, type = Div) => {
@@ -2986,34 +2930,21 @@ const getIconVirtualDom = (icon, type = Div) => {
   };
 };
 
-const getOnClick = command => {
-  switch (command) {
-    case 'collapseAll':
-      return HandleCollapseAll;
-    case 'more filters':
-      return HandleClickMoreFilters;
-    case 'viewAsList':
-      return HandleViewAsList;
-    case 'viewAsTable':
-      return HandleViewAsTable;
-    default:
-      return HandleClickButton;
-  }
-};
 const getActionButtonVirtualDom = action => {
   const {
     command,
     icon,
-    id
+    id,
+    name
   } = action;
   return [{
     childCount: 1,
     className: IconButton,
-    name: command,
-    onClick: getOnClick(command),
+    name,
+    onClick: command,
     title: id,
     type: Button$1
-  }, getIconVirtualDom(icon)];
+  }, getIconVirtualDom(String(icon))];
 };
 
 const filterBadgeNode = {
@@ -3065,10 +2996,11 @@ const getProblemsFilterVirtualDom = action => {
     childCount: getChildCount(action.badgeText),
     className: Filter$1,
     type: Div
-  }, getInputBoxVirtualDom(action.name || Filter$2, action.command, action.placeholder || '', action.value), ...getFilterBadgeDom(action.badgeText), ...getActionButtonVirtualDom({
-    command: 'more filters',
+  }, getInputBoxVirtualDom(action.name || ProblemsInput, action.command, action.placeholder || '', action.value), ...getFilterBadgeDom(action.badgeText), ...getActionButtonVirtualDom({
+    command: HandleClickMoreFilters,
     icon: Filter,
-    id: 'more filters' // TODO use i18n string
+    id: moreFilters(),
+    name: 'more filters'
   })];
 };
 
@@ -3125,6 +3057,16 @@ const getFileIconVirtualDom = icon => {
   };
 };
 
+const getProblemClassName = (listItemType, level, isActive) => {
+  let className = Problem;
+  const indent = getProblemIndent(listItemType, level);
+  className = mergeClassNames(className, `Indent-${indent}`);
+  if (isActive) {
+    className = mergeClassNames(className, ProblemSelected);
+  }
+  return className;
+};
+
 const warningIconNode = {
   childCount: 0,
   className: mergeClassNames(ProblemsIcon, ProblemsWarningIcon),
@@ -3223,12 +3165,7 @@ const getProblemVirtualDom = (problem, workspaceUri = '') => {
     type,
     uri
   } = problem;
-  let className = Problem;
-  const indent = getProblemIndent(listItemType, level);
-  className = mergeClassNames(className, `Indent-${indent}`);
-  if (isActive) {
-    className = mergeClassNames(className, ProblemSelected);
-  }
+  const className = getProblemClassName(listItemType, level, isActive);
   if (listItemType === Expanded || listItemType === Collapsed) {
     const fileIconDom = icon ? [getFileIconVirtualDom(icon)] : [];
     return [{
@@ -3253,9 +3190,6 @@ const getProblemVirtualDom = (problem, workspaceUri = '') => {
     className: ProblemLabel,
     type: Div
   };
-  /**
-   * @type {any}
-   */
   const dom = [{
     ariaLevel: level,
     ariaPosInSet: posInSet,
@@ -3281,8 +3215,7 @@ const getProblemVirtualDom = (problem, workspaceUri = '') => {
 
 const getProblemsListVirtualDom = (problems, workspaceUri = '') => {
   const dom = [{
-    ariaLabel: 'Problems Tree',
-    // TODO use i18n string
+    ariaLabel: problemsTree(),
     childCount: problems.length,
     className: ProblemsList,
     role: Tree,
@@ -3421,11 +3354,10 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarActive) => {
 
 const Focusable = 0;
 
-const getProblemsVirtualDom = (activeUri, viewMode, problems, filterValue, inputSource, isSmall, message, scrollBarHeight = 0, scrollBarActive = false, problemCount = problems.length, workspaceUri = '') => {
+const getProblemsVirtualDom = (viewMode, problems, filterValue, isSmall, message, scrollBarHeight = 0, scrollBarActive = false, problemCount = problems.length, workspaceUri = '') => {
   const baseDom = {
     childCount: isSmall ? 2 : 1,
     className: mergeClassNames(Viewlet, Problems),
-    'data-activeUri': activeUri,
     onBlur: HandleBlur,
     onContextMenu: HandleContextMenu,
     onPointerDown: HandlePointerDown,
@@ -3436,7 +3368,7 @@ const getProblemsVirtualDom = (activeUri, viewMode, problems, filterValue, input
   const filterDom = isSmall ? getProblemsFilterVirtualDom({
     badgeText: '',
     command: HandleFilterInput,
-    name: getFilterInputName(inputSource, filterValue),
+    name: ProblemsInput,
     placeholder: filter(),
     value: filterValue
   }) : [];
@@ -3453,12 +3385,10 @@ const getProblemsVirtualDom = (activeUri, viewMode, problems, filterValue, input
 
 const renderItems = (oldState, newState) => {
   const {
-    activeUri,
     collapsedUris,
     fileIconCache,
     filterValue,
     focusedIndex,
-    inputSource,
     maxLineY,
     message,
     minLineY,
@@ -3476,7 +3406,7 @@ const renderItems = (oldState, newState) => {
   const problemCount = getVisibleProblemCount(problems, collapsedUris, filterValue, viewMode, showErrors, showWarnings, showInfos);
   const visible = getVisibleProblems(problems, fileIconCache, collapsedUris, focusedIndex, filterValue, minLineY, maxLineY, viewMode, showErrors, showWarnings, showInfos);
   const isSmall = width <= smallWidthBreakPoint;
-  const dom = getProblemsVirtualDom(activeUri, viewMode, visible, filterValue, inputSource, isSmall, message, scrollBarHeight, scrollBarActive, problemCount, workspaceUri);
+  const dom = getProblemsVirtualDom(viewMode, visible, filterValue, isSmall, message, scrollBarHeight, scrollBarActive, problemCount, workspaceUri);
   return ['Viewlet.setDom2', newState.uid, dom];
 };
 
@@ -3565,7 +3495,7 @@ const getActions = state => {
       badgeText: visibleCount === problemsCount ? '' : showingOf(visibleCount, problemsCount),
       command: HandleFilterInput,
       id: 'Filter',
-      name: getFilterInputName(inputSource, filterValue),
+      name: ProblemsInput,
       placeholder: filter(),
       type: ProblemsFilter,
       value: inputSource === Script ? filterValue : ''
@@ -3573,21 +3503,24 @@ const getActions = state => {
   }
   if (viewMode === Table) {
     actions.push({
-      command: 'viewAsList',
+      command: HandleViewAsList,
       icon: ListTree,
       id: viewAsList$1(),
+      name: 'viewAsList',
       type: Button
     });
   } else {
     actions.push({
-      command: 'collapseAll',
+      command: HandleCollapseAll,
       icon: CollapseAll,
       id: collapseAll(),
+      name: 'collapseAll',
       type: Button
     }, {
-      command: 'viewAsTable',
+      command: HandleViewAsTable,
       icon: ListFlat,
       id: viewAsTable$1(),
+      name: 'viewAsTable',
       type: Button
     });
   }
@@ -3609,27 +3542,24 @@ const renderEventListeners = () => {
     params: ['handleBlur']
   }, {
     name: HandleContextMenu,
-    params: ['handleContextMenu', 'event.clientX', 'event.clientY'],
+    params: ['handleContextMenu', ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandleFilterInput,
     // @ts-ignore
-    params: ['handleFilterInput', 'event.target.value', User]
+    params: ['handleFilterInput', TargetValue, User]
   }, {
     name: HandleClearFilterClick,
     params: ['clearFilter']
   }, {
     name: HandlePointerDown,
-    params: ['handleClickAt', 'event.clientX', 'event.clientY']
+    params: ['handleClickAt', ClientX, ClientY]
   }, {
     name: HandleFileNameClick,
     params: ['toggleFileGroup', 'event.target.dataset.uri']
   }, {
     name: HandleClickMoreFilters,
     params: ['handleClickMoreFilters', ClientX, ClientY]
-  }, {
-    name: HandleClickButton,
-    params: ['handleClickButton', TargetName, ClientX, ClientY]
   }, {
     name: HandleCollapseAll,
     params: ['collapseAll']
@@ -3736,6 +3666,20 @@ const toggleShowWarnings = state => {
   };
 };
 
+const viewAsList = state => {
+  return {
+    ...state,
+    viewMode: List
+  };
+};
+
+const viewAsTable = state => {
+  return {
+    ...state,
+    viewMode: Table
+  };
+};
+
 const handleDirectMessagePort = (port, setAsRendererProcess = true) => handleMessagePort(port, commandMap, setAsRendererProcess);
 const commandMap = {
   'Problems.collapseAll': wrapCommand(collapseAll$1),
@@ -3754,7 +3698,6 @@ const commandMap = {
   'Problems.handleArrowRight': wrapCommand(handleArrowRight),
   'Problems.handleBlur': wrapCommand(handleBlur),
   'Problems.handleClickAt': wrapCommand(handleProblemClick),
-  'Problems.handleClickButton': wrapCommand(handleClickButton),
   'Problems.handleClickMoreFilters': wrapCommand(handleClickMoreFilters),
   'Problems.handleContextMenu': wrapCommand(handleContextMenu),
   'Problems.handleDiagnosticsChange': wrapCommand(handleDiagnosticsChange),
@@ -3766,7 +3709,6 @@ const commandMap = {
   'Problems.handleScrollBarMove': wrapCommand(handleScrollBarMove),
   'Problems.handleWheel': wrapCommand(handleWheel),
   'Problems.handleWorkspaceChange': wrapCommand(handleWorkspaceChange),
-  'Problems.initialize': initialize,
   'Problems.loadContent': wrapCommand(loadContent),
   'Problems.render2': render2,
   'Problems.renderActions': renderActions,
@@ -3783,8 +3725,6 @@ const commandMap = {
   'Problems.viewAsTable': wrapCommand(viewAsTable)
 };
 
-const commandMapRef = {};
-
 const send = port => {
   return sendMessagePortToEditorWorker(port, 0);
 };
@@ -3801,17 +3741,16 @@ const initializeEditorWorkerRpc = async () => {
   }
 };
 
-const initializeRendererWorker = async () => {
+const initializeRendererWorker = async commandMap => {
   const rpc = await create$2({
-    commandMap: commandMapRef
+    commandMap
   });
   set$2(rpc);
 };
 
 const listen = async () => {
-  Object.assign(commandMapRef, commandMap);
   registerCommands(commandMap);
-  await Promise.all([initializeRendererWorker(), initializeEditorWorkerRpc()]);
+  await Promise.all([initializeRendererWorker(commandMap), initializeEditorWorkerRpc()]);
 };
 
 const main = async () => {