@industry-theme/file-city-panel 0.2.12 → 0.2.13

package/dist/panels.bundle.js

@@ -14272,18 +14272,12 @@ function normalizePath(path) {
 function createCoverageHighlightLayers(buildings, fileCoverage) {
   const buildingsByPath = new Map(buildings.map((b) => [b.path, b]));
   const layerGroups = {
-    high: [],
-    // 80-100%
-    medium: [],
-    // 50-79%
-    low: [],
-    // 20-49%
-    veryLow: [],
-    // 1-19%
-    zero: [],
-    // 0%
+    covered: [],
+    // > 0% coverage - green
+    uncovered: [],
+    // 0% coverage - red
     noData: []
-    // No coverage data
+    // No coverage data (not applicable) - gray
   };
   for (const [path, building] of buildingsByPath) {
     const normalizedPath = normalizePath(path);
@@ -14294,32 +14288,201 @@ function createCoverageHighlightLayers(buildings, fileCoverage) {
         type: "file",
         renderStrategy: "fill"
       });
-    } else if (coverage >= 80) {
-      layerGroups.high.push({
+    } else if (coverage > 0) {
+      layerGroups.covered.push({
         path: building.path,
         type: "file",
         renderStrategy: "fill"
       });
-    } else if (coverage >= 50) {
-      layerGroups.medium.push({
+    } else {
+      layerGroups.uncovered.push({
         path: building.path,
         type: "file",
         renderStrategy: "fill"
       });
-    } else if (coverage >= 20) {
-      layerGroups.low.push({
+    }
+  }
+  const layers = [];
+  if (layerGroups.covered.length > 0) {
+    layers.push({
+      id: "coverage-covered",
+      name: "Covered",
+      enabled: true,
+      color: "#22c55e",
+      // green
+      priority: 50,
+      items: layerGroups.covered
+    });
+  }
+  if (layerGroups.uncovered.length > 0) {
+    layers.push({
+      id: "coverage-uncovered",
+      name: "Not covered",
+      enabled: true,
+      color: "#ef4444",
+      // red
+      priority: 50,
+      items: layerGroups.uncovered
+    });
+  }
+  if (layerGroups.noData.length > 0) {
+    layers.push({
+      id: "coverage-nodata",
+      name: "No data",
+      enabled: true,
+      color: "#6b7280",
+      // gray
+      priority: 40,
+      items: layerGroups.noData
+    });
+  }
+  return layers;
+}
+function createEslintHighlightLayers(buildings, eslintMetrics) {
+  const buildingsByPath = new Map(buildings.map((b) => [b.path, b]));
+  const metricsByPath = new Map(eslintMetrics.map((m) => [normalizePath(m.file), m]));
+  const layerGroups = {
+    clean: [],
+    // 0 issues - green
+    minor: [],
+    // 1-3 issues - orange
+    moderate: [],
+    // 4-10 issues - orange-red
+    significant: [],
+    // 11-25 issues - red
+    severe: [],
+    // 26+ issues - dark red
+    noData: []
+    // No metric data
+  };
+  for (const [path, building] of buildingsByPath) {
+    const normalizedPath = normalizePath(path);
+    const metric = metricsByPath.get(normalizedPath);
+    if (!metric) {
+      layerGroups.noData.push({
         path: building.path,
         type: "file",
         renderStrategy: "fill"
       });
-    } else if (coverage > 0) {
-      layerGroups.veryLow.push({
+    } else {
+      const issues = metric.issueCount;
+      let bucket;
+      if (issues === 0) bucket = "clean";
+      else if (issues <= 3) bucket = "minor";
+      else if (issues <= 10) bucket = "moderate";
+      else if (issues <= 25) bucket = "significant";
+      else bucket = "severe";
+      layerGroups[bucket].push({
+        path: building.path,
+        type: "file",
+        renderStrategy: "fill"
+      });
+    }
+  }
+  const layers = [];
+  if (layerGroups.clean.length > 0) {
+    layers.push({
+      id: "eslint-clean",
+      name: "0 issues",
+      enabled: true,
+      color: "#22c55e",
+      // green - only for no lint issues
+      priority: 50,
+      items: layerGroups.clean
+    });
+  }
+  if (layerGroups.minor.length > 0) {
+    layers.push({
+      id: "eslint-minor",
+      name: "1-3 issues",
+      enabled: true,
+      color: "#f97316",
+      // orange
+      priority: 50,
+      items: layerGroups.minor
+    });
+  }
+  if (layerGroups.moderate.length > 0) {
+    layers.push({
+      id: "eslint-moderate",
+      name: "4-10 issues",
+      enabled: true,
+      color: "#ea580c",
+      // orange-600 (darker orange)
+      priority: 50,
+      items: layerGroups.moderate
+    });
+  }
+  if (layerGroups.significant.length > 0) {
+    layers.push({
+      id: "eslint-significant",
+      name: "11-25 issues",
+      enabled: true,
+      color: "#ef4444",
+      // red
+      priority: 50,
+      items: layerGroups.significant
+    });
+  }
+  if (layerGroups.severe.length > 0) {
+    layers.push({
+      id: "eslint-severe",
+      name: "26+ issues",
+      enabled: true,
+      color: "#991b1b",
+      // dark red
+      priority: 50,
+      items: layerGroups.severe
+    });
+  }
+  if (layerGroups.noData.length > 0) {
+    layers.push({
+      id: "eslint-nodata",
+      name: "No data",
+      enabled: true,
+      color: "#6b7280",
+      // gray
+      priority: 40,
+      items: layerGroups.noData
+    });
+  }
+  return layers;
+}
+function createTypescriptHighlightLayers(buildings, typescriptMetrics) {
+  const buildingsByPath = new Map(buildings.map((b) => [b.path, b]));
+  const metricsByPath = new Map(typescriptMetrics.map((m) => [normalizePath(m.file), m]));
+  const layerGroups = {
+    clean: [],
+    // 0 issues - green
+    minor: [],
+    // 1-3 issues - orange
+    moderate: [],
+    // 4-10 issues - orange-red
+    significant: [],
+    // 11-25 issues - red
+    severe: [],
+    // 26+ issues - dark red
+    noData: []
+    // No metric data
+  };
+  for (const [path, building] of buildingsByPath) {
+    const normalizedPath = normalizePath(path);
+    const metric = metricsByPath.get(normalizedPath);
+    if (!metric) {
+      layerGroups.noData.push({
         path: building.path,
         type: "file",
         renderStrategy: "fill"
       });
     } else {
-      layerGroups.zero.push({
+      const issues = metric.issueCount;
+      let bucket;
+      if (issues === 0) bucket = "clean";
+      else if (issues <= 3) bucket = "minor";
+      else if (issues <= 10) bucket = "moderate";
+      else if (issues <= 25) bucket = "significant";
+      else bucket = "severe";
+      layerGroups[bucket].push({
         path: building.path,
         type: "file",
         renderStrategy: "fill"
@@ -14327,82 +14490,88 @@ function createCoverageHighlightLayers(buildings, fileCoverage) {
     }
   }
   const layers = [];
-  if (layerGroups.high.length > 0) {
+  if (layerGroups.clean.length > 0) {
     layers.push({
-      id: "coverage-high",
-      name: "80-100%",
+      id: "typescript-clean",
+      name: "0 errors",
       enabled: true,
       color: "#22c55e",
+      // green - only for no type errors
       priority: 50,
-      items: layerGroups.high
+      items: layerGroups.clean
     });
   }
-  if (layerGroups.medium.length > 0) {
+  if (layerGroups.minor.length > 0) {
     layers.push({
-      id: "coverage-medium",
-      name: "50-79%",
+      id: "typescript-minor",
+      name: "1-3 errors",
       enabled: true,
-      color: "#eab308",
+      color: "#f97316",
+      // orange
       priority: 50,
-      items: layerGroups.medium
+      items: layerGroups.minor
     });
   }
-  if (layerGroups.low.length > 0) {
+  if (layerGroups.moderate.length > 0) {
     layers.push({
-      id: "coverage-low",
-      name: "20-49%",
+      id: "typescript-moderate",
+      name: "4-10 errors",
       enabled: true,
-      color: "#f97316",
+      color: "#ea580c",
+      // orange-600 (darker orange)
       priority: 50,
-      items: layerGroups.low
+      items: layerGroups.moderate
     });
   }
-  if (layerGroups.veryLow.length > 0) {
+  if (layerGroups.significant.length > 0) {
     layers.push({
-      id: "coverage-verylow",
-      name: "1-19%",
+      id: "typescript-significant",
+      name: "11-25 errors",
       enabled: true,
       color: "#ef4444",
+      // red
       priority: 50,
-      items: layerGroups.veryLow
+      items: layerGroups.significant
     });
   }
-  if (layerGroups.zero.length > 0) {
+  if (layerGroups.severe.length > 0) {
     layers.push({
-      id: "coverage-zero",
-      name: "0%",
+      id: "typescript-severe",
+      name: "26+ errors",
       enabled: true,
       color: "#991b1b",
+      // dark red
       priority: 50,
-      items: layerGroups.zero
+      items: layerGroups.severe
     });
   }
   if (layerGroups.noData.length > 0) {
     layers.push({
-      id: "coverage-nodata",
+      id: "typescript-nodata",
       name: "No data",
       enabled: true,
       color: "#6b7280",
+      // gray
       priority: 40,
       items: layerGroups.noData
     });
   }
   return layers;
 }
-function createMetricHighlightLayers(buildings, metrics, metricId, _metricName) {
+function createPrettierHighlightLayers(buildings, prettierMetrics) {
   const buildingsByPath = new Map(buildings.map((b) => [b.path, b]));
-  const metricsByPath = new Map(metrics.map((m) => [normalizePath(m.file), m]));
+  const metricsByPath = new Map(prettierMetrics.map((m) => [normalizePath(m.file), m]));
   const layerGroups = {
     clean: [],
-    // 0 issues
+    // 0 issues - green
     minor: [],
-    // 1-3 issues
+    // 1-3 issues - orange
     moderate: [],
-    // 4-10 issues
+    // 4-10 issues - orange-red
     significant: [],
-    // 11-25 issues
+    // 11-25 issues - red
     severe: [],
-    // 26+ issues
+    // 26+ issues - dark red
     noData: []
     // No metric data
   };
@@ -14433,80 +14602,251 @@ function createMetricHighlightLayers(buildings, metrics, metricId, _metricName)
   const layers = [];
   if (layerGroups.clean.length > 0) {
     layers.push({
-      id: `${metricId}-clean`,
+      id: "prettier-clean",
       name: "0 issues",
       enabled: true,
       color: "#22c55e",
+      // green - only for perfect formatting
       priority: 50,
       items: layerGroups.clean
     });
   }
   if (layerGroups.minor.length > 0) {
     layers.push({
-      id: `${metricId}-minor`,
+      id: "prettier-minor",
       name: "1-3 issues",
       enabled: true,
-      color: "#84cc16",
+      color: "#f97316",
+      // orange
       priority: 50,
       items: layerGroups.minor
     });
   }
   if (layerGroups.moderate.length > 0) {
     layers.push({
-      id: `${metricId}-moderate`,
+      id: "prettier-moderate",
       name: "4-10 issues",
       enabled: true,
-      color: "#eab308",
+      color: "#ea580c",
+      // orange-600 (darker orange)
       priority: 50,
       items: layerGroups.moderate
     });
   }
   if (layerGroups.significant.length > 0) {
     layers.push({
-      id: `${metricId}-significant`,
+      id: "prettier-significant",
       name: "11-25 issues",
       enabled: true,
-      color: "#f97316",
+      color: "#ef4444",
+      // red
       priority: 50,
       items: layerGroups.significant
     });
   }
   if (layerGroups.severe.length > 0) {
     layers.push({
-      id: `${metricId}-severe`,
+      id: "prettier-severe",
       name: "26+ issues",
       enabled: true,
-      color: "#ef4444",
+      color: "#991b1b",
+      // dark red
       priority: 50,
       items: layerGroups.severe
     });
   }
   if (layerGroups.noData.length > 0) {
     layers.push({
-      id: `${metricId}-nodata`,
+      id: "prettier-nodata",
       name: "No data",
       enabled: true,
       color: "#6b7280",
+      // gray
       priority: 40,
       items: layerGroups.noData
     });
   }
   return layers;
 }
-function createEslintHighlightLayers(buildings, eslintMetrics) {
-  return createMetricHighlightLayers(buildings, eslintMetrics, "eslint");
-}
-function createTypescriptHighlightLayers(buildings, typescriptMetrics) {
-  return createMetricHighlightLayers(buildings, typescriptMetrics, "typescript");
-}
-function createPrettierHighlightLayers(buildings, prettierMetrics) {
-  return createMetricHighlightLayers(buildings, prettierMetrics, "prettier");
-}
 function createKnipHighlightLayers(buildings, knipMetrics) {
-  return createMetricHighlightLayers(buildings, knipMetrics, "knip");
+  const buildingsByPath = new Map(buildings.map((b) => [b.path, b]));
+  const metricsByPath = new Map(knipMetrics.map((m) => [normalizePath(m.file), m]));
+  const layerGroups = {
+    clean: [],
+    // 0 issues - green
+    minor: [],
+    // 1-3 issues - orange
+    moderate: [],
+    // 4-10 issues - orange-red
+    significant: [],
+    // 11-25 issues - red
+    severe: [],
+    // 26+ issues - dark red
+    noData: []
+    // No metric data
+  };
+  for (const [path, building] of buildingsByPath) {
+    const normalizedPath = normalizePath(path);
+    const metric = metricsByPath.get(normalizedPath);
+    if (!metric) {
+      layerGroups.noData.push({
+        path: building.path,
+        type: "file",
+        renderStrategy: "fill"
+      });
+    } else {
+      const issues = metric.issueCount;
+      let bucket;
+      if (issues === 0) bucket = "clean";
+      else if (issues <= 3) bucket = "minor";
+      else if (issues <= 10) bucket = "moderate";
+      else if (issues <= 25) bucket = "significant";
+      else bucket = "severe";
+      layerGroups[bucket].push({
+        path: building.path,
+        type: "file",
+        renderStrategy: "fill"
+      });
+    }
+  }
+  const layers = [];
+  if (layerGroups.clean.length > 0) {
+    layers.push({
+      id: "knip-clean",
+      name: "0 unused",
+      enabled: true,
+      color: "#22c55e",
+      // green - only for no dead code
+      priority: 50,
+      items: layerGroups.clean
+    });
+  }
+  if (layerGroups.minor.length > 0) {
+    layers.push({
+      id: "knip-minor",
+      name: "1-3 unused",
+      enabled: true,
+      color: "#f97316",
+      // orange
+      priority: 50,
+      items: layerGroups.minor
+    });
+  }
+  if (layerGroups.moderate.length > 0) {
+    layers.push({
+      id: "knip-moderate",
+      name: "4-10 unused",
+      enabled: true,
+      color: "#ea580c",
+      // orange-600 (darker orange)
+      priority: 50,
+      items: layerGroups.moderate
+    });
+  }
+  if (layerGroups.significant.length > 0) {
+    layers.push({
+      id: "knip-significant",
+      name: "11-25 unused",
+      enabled: true,
+      color: "#ef4444",
+      // red
+      priority: 50,
+      items: layerGroups.significant
+    });
+  }
+  if (layerGroups.severe.length > 0) {
+    layers.push({
+      id: "knip-severe",
+      name: "26+ unused",
+      enabled: true,
+      color: "#991b1b",
+      // dark red
+      priority: 50,
+      items: layerGroups.severe
+    });
+  }
+  if (layerGroups.noData.length > 0) {
+    layers.push({
+      id: "knip-nodata",
+      name: "No data",
+      enabled: true,
+      color: "#6b7280",
+      // gray
+      priority: 40,
+      items: layerGroups.noData
+    });
+  }
+  return layers;
 }
 function createAlexandriaHighlightLayers(buildings, alexandriaMetrics) {
-  return createMetricHighlightLayers(buildings, alexandriaMetrics, "alexandria");
+  const buildingsByPath = new Map(buildings.map((b) => [b.path, b]));
+  const metricsByPath = new Map(alexandriaMetrics.map((m) => [normalizePath(m.file), m]));
+  const layerGroups = {
+    documented: [],
+    // 0 issues - fully documented
+    needsDocs: [],
+    // > 0 issues - needs documentation
+    noData: []
+    // No data (not applicable)
+  };
+  for (const [path, building] of buildingsByPath) {
+    const normalizedPath = normalizePath(path);
+    const metric = metricsByPath.get(normalizedPath);
+    if (!metric) {
+      layerGroups.noData.push({
+        path: building.path,
+        type: "file",
+        renderStrategy: "fill"
+      });
+    } else if (metric.issueCount === 0) {
+      layerGroups.documented.push({
+        path: building.path,
+        type: "file",
+        renderStrategy: "fill"
+      });
+    } else {
+      layerGroups.needsDocs.push({
+        path: building.path,
+        type: "file",
+        renderStrategy: "fill"
+      });
+    }
+  }
+  const layers = [];
+  if (layerGroups.documented.length > 0) {
+    layers.push({
+      id: "alexandria-documented",
+      name: "Documented",
+      enabled: true,
+      color: "#22c55e",
+      // green
+      priority: 50,
+      items: layerGroups.documented
+    });
+  }
+  if (layerGroups.needsDocs.length > 0) {
+    layers.push({
+      id: "alexandria-needsdocs",
+      name: "Needs docs",
+      enabled: true,
+      color: "#ef4444",
+      // red
+      priority: 50,
+      items: layerGroups.needsDocs
+    });
+  }
+  if (layerGroups.noData.length > 0) {
+    layers.push({
+      id: "alexandria-nodata",
+      name: "No data",
+      enabled: true,
+      color: "#6b7280",
+      // gray
+      priority: 40,
+      items: layerGroups.noData
+    });
+  }
+  return layers;
 }
 function getLayersForColorMode(mode, buildings, qualityData, fileColorLayers, gitLayers) {
   var _a, _b, _c, _d, _e;