@lvce-editor/problems-view 1.25.1 → 1.25.2

package/dist/problemsViewWorkerMain.js

@@ -2066,15 +2066,16 @@ const getActionButtonVirtualDom = action => {
   }, getIconVirtualDom(icon)];
 };
 
+const filterBadgeNode = {
+  childCount: 1,
+  className: FilterBadge,
+  type: Div
+};
 const getFilterBadgeDom = badgeText => {
   if (!badgeText) {
     return [];
   }
-  return [{
-    childCount: 1,
-    className: FilterBadge,
-    type: Div
-  }, text(badgeText)];
+  return [filterBadgeNode, text(badgeText)];
 };
 
 const getInputBoxVirtualDom = (name, onInput, placeholder) => {
@@ -2115,20 +2116,23 @@ const getProblemsFilterVirtualDom = action => {
     id: 'more filters'})];
 };
 
+const messageNode$2 = {
+  childCount: 3,
+  className: Message,
+  type: Div
+};
+const spanNode = {
+  childCount: 1,
+  type: Span
+};
+const clearFilterNode = {
+  childCount: 1,
+  className: MessageAction,
+  onClick: HandleClearFilterClick,
+  type: A
+};
 const getNoResultsWithFilterVirtualDom = () => {
-  return [{
-    childCount: 3,
-    className: Message,
-    type: Div
-  }, {
-    childCount: 1,
-    type: Span
-  }, text(noResultsFoundWithProvidedFilterCriteria()), {
-    childCount: 1,
-    className: MessageAction,
-    onClick: HandleClearFilterClick,
-    type: A
-  }, text(clearFilter()), text('.')];
+  return [messageNode$2, spanNode, text(noResultsFoundWithProvidedFilterCriteria()), clearFilterNode, text(clearFilter()), text('.')];
 };
 
 const getBadgeVirtualDom = (className, count) => {
@@ -2199,6 +2203,26 @@ const getTreeItemIndent = depth => {
   return `${depth * defaultIndent}rem`;
 };
 
+const labelNode = {
+  childCount: 1,
+  className: Label,
+  type: Span
+};
+const labelDetailNode = {
+  childCount: 1,
+  className: LabelDetail,
+  type: Div
+};
+const highlightNode = {
+  childCount: 1,
+  className: Highlight,
+  type: Div
+};
+const problemAtNode = {
+  childCount: 2,
+  className: ProblemAt,
+  type: Span
+};
 const getProblemVirtualDom = problem => {
   const {
     code,
@@ -2221,7 +2245,7 @@ const getProblemVirtualDom = problem => {
   } = problem;
   let className = Problem;
   if (isActive) {
-    className += ' ' + ProblemSelected;
+    className = mergeClassNames(className, ProblemSelected);
   }
   if (listItemType === Expanded || listItemType === Collapsed) {
     return [{
@@ -2235,15 +2259,7 @@ const getProblemVirtualDom = problem => {
       paddingLeft: getTreeItemIndent(1),
       role: TreeItem,
       type: Div
-    }, listItemType === Collapsed ? getChevronRightVirtualDom() : getChevronDownVirtualDom(), getFileIconVirtualDom(icon), {
-      childCount: 1,
-      className: Label,
-      type: Span
-    }, text(fileName), {
-      childCount: 1,
-      className: LabelDetail,
-      type: Div
-    }, text(relativePath), ...getBadgeVirtualDom(ProblemBadge, problem.count)];
+    }, listItemType === Collapsed ? getChevronRightVirtualDom() : getChevronDownVirtualDom(), getFileIconVirtualDom(icon), labelNode, text(fileName), labelDetailNode, text(relativePath), ...getBadgeVirtualDom(ProblemBadge, problem.count)];
   }
   const lineColumn = atLineColumn(rowIndex, columnIndex);
   const label = {
@@ -2270,19 +2286,11 @@ const getProblemVirtualDom = problem => {
     const middle = message.slice(messageMatchIndex, messageMatchIndex + filterValueLength);
     const after = message.slice(messageMatchIndex + filterValueLength);
     label.childCount += 2;
-    dom.push(text(before), {
-      childCount: 1,
-      className: Highlight,
-      type: Div
-    }, text(middle), text(after));
+    dom.push(text(before), highlightNode, text(middle), text(after));
   } else {
     dom.push(text(message));
   }
-  dom.push({
-    childCount: 2,
-    className: ProblemAt,
-    type: Span
-  }, text(getProblemSourceDetail(source, code)), text(lineColumn));
+  dom.push(problemAtNode, text(getProblemSourceDetail(source, code)), text(lineColumn));
   return dom;
 };
 
@@ -2298,14 +2306,20 @@ const getProblemsListVirtualDom = problems => {
   return dom;
 };
 
+const messageNode$1 = {
+  childCount: 1,
+  className: Message,
+  type: Div
+};
 const getProblemsNoProblemsFoundVirtualDom = () => {
-  return [{
-    childCount: 1,
-    className: Message,
-    type: Div
-  }, text(noProblemsDetected())];
+  return [messageNode$1, text(noProblemsDetected())];
 };
 
+const rowItemNode$1 = {
+  childCount: 1,
+  className: ProblemsTableRowItem,
+  type: Div
+};
 const getClassName = isEven => {
   if (isEven) {
     return ProblemsTableRow;
@@ -2330,27 +2344,7 @@ const getProblemsTableRowVirtualDom = problem => {
     childCount: 5,
     className: getClassName(isEven),
     type: Div
-  }, {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, getProblemsIconVirtualDom(type), {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, text(getProblemSourceDetail(source, code)), {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, text(message), {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, text(uri), {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, text(source)];
+  }, rowItemNode$1, getProblemsIconVirtualDom(type), rowItemNode$1, text(getProblemSourceDetail(source, code)), rowItemNode$1, text(message), rowItemNode$1, text(uri), rowItemNode$1, text(source)];
   return dom;
 };
 
@@ -2363,59 +2357,53 @@ const getProblemsTableBodyVirtualDom = problems => {
   return dom;
 };
 
+const tableHeaderNode = {
+  childCount: 1,
+  className: ProblemsTableHeader,
+  type: Div
+};
+const tableRowNode = {
+  childCount: 5,
+  className: ProblemsTableRow,
+  type: Div
+};
+const emptyRowItemNode = {
+  childCount: 0,
+  className: ProblemsTableRowItem,
+  type: Div
+};
+const rowItemNode = {
+  childCount: 1,
+  className: ProblemsTableRowItem,
+  type: Div
+};
 const getProblemsTableHeaderVirtualDom = () => {
   const textCode = code();
   const textSource = source();
   const textMessage = message();
   const textFile = file();
-  const dom = [{
-    childCount: 1,
-    className: ProblemsTableHeader,
-    type: Div
-  }, {
-    childCount: 5,
-    className: ProblemsTableRow,
-    type: Div
-  }, {
-    childCount: 0,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, text(textCode), {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, text(textMessage), {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, text(textFile), {
-    childCount: 1,
-    className: ProblemsTableRowItem,
-    type: Div
-  }, text(textSource)];
+  const dom = [tableHeaderNode, tableRowNode, emptyRowItemNode, rowItemNode, text(textCode), rowItemNode, text(textMessage), rowItemNode, text(textFile), rowItemNode, text(textSource)];
   return dom;
 };
 
+const tableNode = {
+  childCount: 2,
+  className: ProblemsTable,
+  type: Div
+};
 const getProblemsTableVirtualDom = problems => {
-  const dom = [{
-    childCount: 2,
-    className: ProblemsTable,
-    type: Div
-  }, ...getProblemsTableHeaderVirtualDom(), ...getProblemsTableBodyVirtualDom(problems)];
+  const dom = [tableNode, ...getProblemsTableHeaderVirtualDom(), ...getProblemsTableBodyVirtualDom(problems)];
   return dom;
 };
 
+const messageNode = {
+  childCount: 1,
+  className: Message,
+  type: Div
+};
 const getProblemsVirtualDom$1 = (viewMode, problems, filterValue, message) => {
   if (problems.length === 0 && message) {
-    return [{
-      childCount: 1,
-      className: Message,
-      type: Div
-    }, text(message)];
+    return [messageNode, text(message)];
   }
   if (problems.length === 0 && filterValue) {
     return getNoResultsWithFilterVirtualDom();
@@ -2435,7 +2423,7 @@ const getProblemsVirtualDom = (activeUri, viewMode, problems, filterValue, isSma
   const baseDom = {
     childCount: isSmall ? 2 : 1,
     className: mergeClassNames(Viewlet, Problems),
-    dataActiveUri: activeUri,
+    'data-activeUri': activeUri,
     onBlur: HandleBlur,
     onContextMenu: HandleContextMenu,
     onPointerDown: HandlePointerDown,

package/package.json

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