@lvce-editor/problems-view 1.25.2 → 1.25.3

package/dist/problemsViewWorkerMain.js

@@ -1280,6 +1280,8 @@ const Unchecked = 3;
 const EditorWorker$1 = 99;
 const RendererWorker$1 = 1;
 
+const SetCss = 'Viewlet.setCss';
+
 const {
   invoke: invoke$1,
   set: set$3
@@ -1401,6 +1403,10 @@ const create = (id, uri, x, y, width, height, workspaceUri) => {
   set(id, state, state);
 };
 
+const isEqual$2 = (oldState, newState) => {
+  return oldState.collapsedUris === newState.collapsedUris && oldState.filterValue === newState.filterValue && oldState.problems === newState.problems;
+};
+
 const isEqual$1 = (oldState, newState) => {
   return newState.inputSource === User || oldState.filterValue === newState.filterValue;
 };
@@ -1411,9 +1417,10 @@ const isEqual = (oldState, newState) => {
 
 const RenderItems = 1;
 const RenderFilterValue = 2;
+const RenderCss = 4;
 
-const modules = [isEqual, isEqual$1];
-const numbers = [RenderItems, RenderFilterValue];
+const modules = [isEqual, isEqual$1, isEqual$2];
+const numbers = [RenderItems, RenderFilterValue, RenderCss];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -1670,9 +1677,22 @@ const toProblem = (diagnostic, index) => {
     uri
   };
 };
+const normalizeFileUri = uri => {
+  const normalizedUri = uri.startsWith('file://') ? uri.slice('file://'.length) : uri;
+  return /^\/[a-z]:\//i.test(normalizedUri) ? normalizedUri.slice(1) : normalizedUri;
+};
 const getRelativeParentUri = (uri, workspaceUri) => {
-  const slashIndex = uri.lastIndexOf('/');
-  return uri.slice(0, slashIndex).slice(workspaceUri.length);
+  const normalizedUri = normalizeFileUri(uri);
+  const normalizedWorkspaceUri = normalizeFileUri(workspaceUri).replace(/\/$/, '');
+  const slashIndex = normalizedUri.lastIndexOf('/');
+  const parentUri = normalizedUri.slice(0, slashIndex);
+  if (parentUri === normalizedWorkspaceUri) {
+    return '';
+  }
+  if (normalizedWorkspaceUri && parentUri.startsWith(`${normalizedWorkspaceUri}/`)) {
+    return parentUri.slice(normalizedWorkspaceUri.length + 1);
+  }
+  return parentUri.replace(/^\/+/, '');
 };
 const getFileName = uri => {
   const slashIndex = uri.lastIndexOf('/');
@@ -1997,6 +2017,122 @@ const loadContent = async (state, savedState) => {
   };
 };
 
+const getIndentRule = indent => {
+  return `.Indent-${indent} {
+  padding-left: ${indent};
+}`;
+};
+
+const defaultIndent = 1;
+const getTreeItemIndent = depth => {
+  return `${depth * defaultIndent}rem`;
+};
+
+const getProblemIndent = listItemType => {
+  const isGroup = listItemType === Expanded || listItemType === Collapsed;
+  const depth = isGroup ? 1 : 2;
+  return getTreeItemIndent(depth);
+};
+
+const getUniqueIndents = problems => {
+  const uniqueIndents = [];
+  for (const problem of problems) {
+    const indent = getProblemIndent(problem.listItemType);
+    if (!uniqueIndents.includes(indent)) {
+      uniqueIndents.push(indent);
+    }
+  }
+  return uniqueIndents;
+};
+
+const matchesFilterValue = (string, filterValueLower) => {
+  if (filterValueLower) {
+    return string.toLowerCase().indexOf(filterValueLower);
+  }
+  return 0;
+};
+
+const getListItemType = (listItemType, isCollapsed) => {
+  if (listItemType === Item) {
+    return Item;
+  }
+  if (isCollapsed) {
+    return Collapsed;
+  }
+  return Expanded;
+};
+const filterProblems = (problems, collapsedUris, filterValue) => {
+  const filterValueLower = filterValue.toLowerCase();
+  const filtered = [];
+  for (const problem of problems) {
+    const uriMatchIndex = matchesFilterValue(problem.uri, filterValueLower);
+    const sourceMatchIndex = matchesFilterValue(problem.source, filterValueLower);
+    const messageMatchIndex = matchesFilterValue(problem.message, filterValueLower);
+    if (uriMatchIndex === -1 && sourceMatchIndex === -1 && messageMatchIndex === -1) {
+      continue;
+    }
+    const isCollapsed = collapsedUris.includes(problem.uri);
+    if (isCollapsed && problem.listItemType === Item) {
+      continue;
+    }
+    filtered.push({
+      ...problem,
+      isCollapsed,
+      listItemType: getListItemType(problem.listItemType, isCollapsed),
+      messageMatchIndex,
+      sourceMatchIndex,
+      uriMatchIndex
+    });
+  }
+  return filtered;
+};
+
+const getFileNameIcon = file => {
+  return '';
+};
+
+const getIcon = uri => {
+  if (!uri) {
+    return '';
+  }
+  return getFileNameIcon();
+};
+
+const getVisibleProblems = (problems, collapsedUris, focusedIndex, filterValue) => {
+  array(problems);
+  array(collapsedUris);
+  number(focusedIndex);
+  string(filterValue);
+  const visibleItems = [];
+  const filterValueLength = filterValue.length;
+  const filtered = filterProblems(problems, collapsedUris, filterValue);
+  for (let i = 0; i < filtered.length; i++) {
+    const problem = filtered[i];
+    visibleItems.push({
+      ...problem,
+      filterValueLength,
+      icon: getIcon(problem.uri),
+      isActive: i === focusedIndex,
+      isEven: i % 2 === 0
+    });
+  }
+  return visibleItems;
+};
+
+const renderCss = (oldState, newState) => {
+  const {
+    collapsedUris,
+    filterValue,
+    focusedIndex,
+    problems,
+    uid
+  } = newState;
+  const visibleProblems = getVisibleProblems(problems, collapsedUris, focusedIndex, filterValue);
+  const uniqueIndents = getUniqueIndents(visibleProblems);
+  const css = uniqueIndents.map(getIndentRule).join('\n');
+  return [SetCss, uid, css];
+};
+
 const Filter$2 = 'filter';
 
 const renderFilterValue = (oldState, newState) => {
@@ -2198,11 +2334,6 @@ const getProblemSourceDetail = (source, code) => {
   return message;
 };
 
-const defaultIndent = 1;
-const getTreeItemIndent = depth => {
-  return `${depth * defaultIndent}rem`;
-};
-
 const labelNode = {
   childCount: 1,
   className: Label,
@@ -2244,6 +2375,8 @@ const getProblemVirtualDom = problem => {
     type
   } = problem;
   let className = Problem;
+  const indent = getProblemIndent(listItemType);
+  className = mergeClassNames(className, `Indent-${indent}`);
   if (isActive) {
     className = mergeClassNames(className, ProblemSelected);
   }
@@ -2256,7 +2389,6 @@ const getProblemVirtualDom = problem => {
       ariaSetSize: setSize,
       childCount: 5,
       className,
-      paddingLeft: getTreeItemIndent(1),
       role: TreeItem,
       type: Div
     }, listItemType === Collapsed ? getChevronRightVirtualDom() : getChevronDownVirtualDom(), getFileIconVirtualDom(icon), labelNode, text(fileName), labelDetailNode, text(relativePath), ...getBadgeVirtualDom(ProblemBadge, problem.count)];
@@ -2277,7 +2409,6 @@ const getProblemVirtualDom = problem => {
     ariaSetSize: setSize,
     childCount: 3,
     className,
-    paddingLeft: getTreeItemIndent(2),
     role: TreeItem,
     type: Div
   }, getProblemsIconVirtualDom(type), label];
@@ -2438,80 +2569,6 @@ const getProblemsVirtualDom = (activeUri, viewMode, problems, filterValue, isSma
   return [baseDom, ...filterDom, ...itemsDom];
 };
 
-const matchesFilterValue = (string, filterValueLower) => {
-  if (filterValueLower) {
-    return string.toLowerCase().indexOf(filterValueLower);
-  }
-  return 0;
-};
-
-const getListItemType = (listItemType, isCollapsed) => {
-  if (listItemType === Item) {
-    return Item;
-  }
-  if (isCollapsed) {
-    return Collapsed;
-  }
-  return Expanded;
-};
-const filterProblems = (problems, collapsedUris, filterValue) => {
-  const filterValueLower = filterValue.toLowerCase();
-  const filtered = [];
-  for (const problem of problems) {
-    const uriMatchIndex = matchesFilterValue(problem.uri, filterValueLower);
-    const sourceMatchIndex = matchesFilterValue(problem.source, filterValueLower);
-    const messageMatchIndex = matchesFilterValue(problem.message, filterValueLower);
-    if (uriMatchIndex === -1 && sourceMatchIndex === -1 && messageMatchIndex === -1) {
-      continue;
-    }
-    const isCollapsed = collapsedUris.includes(problem.uri);
-    if (isCollapsed && problem.listItemType === Item) {
-      continue;
-    }
-    filtered.push({
-      ...problem,
-      isCollapsed,
-      listItemType: getListItemType(problem.listItemType, isCollapsed),
-      messageMatchIndex,
-      sourceMatchIndex,
-      uriMatchIndex
-    });
-  }
-  return filtered;
-};
-
-const getFileNameIcon = file => {
-  return '';
-};
-
-const getIcon = uri => {
-  if (!uri) {
-    return '';
-  }
-  return getFileNameIcon();
-};
-
-const getVisibleProblems = (problems, collapsedUris, focusedIndex, filterValue) => {
-  array(problems);
-  array(collapsedUris);
-  number(focusedIndex);
-  string(filterValue);
-  const visibleItems = [];
-  const filterValueLength = filterValue.length;
-  const filtered = filterProblems(problems, collapsedUris, filterValue);
-  for (let i = 0; i < filtered.length; i++) {
-    const problem = filtered[i];
-    visibleItems.push({
-      ...problem,
-      filterValueLength,
-      icon: getIcon(problem.uri),
-      isActive: i === focusedIndex,
-      isEven: i % 2 === 0
-    });
-  }
-  return visibleItems;
-};
-
 const renderItems = (oldState, newState) => {
   const {
     activeUri,
@@ -2532,6 +2589,8 @@ const renderItems = (oldState, newState) => {
 
 const getRenderer = diffType => {
   switch (diffType) {
+    case RenderCss:
+      return renderCss;
     case RenderFilterValue:
       return renderFilterValue;
     case RenderItems:

package/package.json

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