@industry-theme/file-city-panel 0.2.23 → 0.2.24

package/dist/panels.bundle.js

@@ -14948,32 +14948,488 @@ function requireDist() {
   return dist$1;
 }
 var distExports = requireDist();
-const COLOR_MODES = [
-  { id: "fileTypes", name: "File Types", description: "Color by file extension" },
-  { id: "git", name: "Git Status", description: "Color by git changes" },
-  { id: "coverage", name: "Test Coverage", description: "Color by test coverage %" },
-  { id: "eslint", name: "Linting (ESLint)", description: "Color by ESLint issues" },
-  { id: "biome-lint", name: "Linting (Biome)", description: "Color by Biome lint issues" },
-  { id: "typescript", name: "Type Safety", description: "Color by TypeScript errors" },
-  { id: "prettier", name: "Formatting (Prettier)", description: "Color by Prettier issues" },
-  { id: "biome-format", name: "Formatting (Biome)", description: "Color by Biome format issues" },
-  { id: "knip", name: "Dead Code", description: "Color by unused exports" },
-  { id: "alexandria", name: "Documentation", description: "Color by doc coverage" }
+var LENS_REGISTRY = [
+  // ============================================================
+  // LINTING - Code style and bug detection
+  // ============================================================
+  // TypeScript/JavaScript linting
+  {
+    id: "eslint",
+    name: "ESLint",
+    category: "linting",
+    languages: ["typescript", "javascript"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Pluggable linting utility for JavaScript and TypeScript",
+    command: "eslint"
+  },
+  {
+    id: "biome-lint",
+    name: "Biome Lint",
+    category: "linting",
+    languages: ["typescript", "javascript"],
+    alternativeTo: ["eslint"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Fast linter for JavaScript and TypeScript",
+    command: "biome lint"
+  },
+  {
+    id: "oxlint",
+    name: "OxLint",
+    category: "linting",
+    languages: ["typescript", "javascript"],
+    alternativeTo: ["eslint", "biome-lint"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Blazing fast JavaScript/TypeScript linter",
+    command: "oxlint"
+  },
+  // Python linting
+  {
+    id: "ruff",
+    name: "Ruff",
+    category: "linting",
+    languages: ["python"],
+    alternativeTo: ["pylint", "flake8"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Extremely fast Python linter",
+    command: "ruff check"
+  },
+  {
+    id: "pylint",
+    name: "Pylint",
+    category: "linting",
+    languages: ["python"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Python static code analyzer",
+    command: "pylint"
+  },
+  // Go linting
+  {
+    id: "golangci-lint",
+    name: "golangci-lint",
+    category: "linting",
+    languages: ["go"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Fast linters runner for Go",
+    command: "golangci-lint run"
+  },
+  // Rust linting
+  {
+    id: "clippy",
+    name: "Clippy",
+    category: "linting",
+    languages: ["rust"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Rust linter",
+    command: "cargo clippy"
+  },
+  // ============================================================
+  // FORMATTING - Code formatting
+  // ============================================================
+  // TypeScript/JavaScript formatting
+  {
+    id: "prettier",
+    name: "Prettier",
+    category: "formatting",
+    languages: ["typescript", "javascript"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "binary",
+    description: "Opinionated code formatter",
+    command: "prettier --check"
+  },
+  {
+    id: "biome-format",
+    name: "Biome Format",
+    category: "formatting",
+    languages: ["typescript", "javascript"],
+    alternativeTo: ["prettier"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "binary",
+    description: "Fast code formatter for JavaScript and TypeScript",
+    command: "biome format"
+  },
+  // Python formatting
+  {
+    id: "black",
+    name: "Black",
+    category: "formatting",
+    languages: ["python"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "binary",
+    description: "The uncompromising Python code formatter",
+    command: "black --check"
+  },
+  {
+    id: "ruff-format",
+    name: "Ruff Format",
+    category: "formatting",
+    languages: ["python"],
+    alternativeTo: ["black"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "binary",
+    description: "Fast Python formatter (Ruff)",
+    command: "ruff format --check"
+  },
+  // Go formatting
+  {
+    id: "gofmt",
+    name: "gofmt",
+    category: "formatting",
+    languages: ["go"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "binary",
+    description: "Go code formatter",
+    command: "gofmt -l"
+  },
+  // Rust formatting
+  {
+    id: "rustfmt",
+    name: "rustfmt",
+    category: "formatting",
+    languages: ["rust"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "binary",
+    description: "Rust code formatter",
+    command: "cargo fmt --check"
+  },
+  // ============================================================
+  // TYPES - Type checking
+  // ============================================================
+  // TypeScript
+  {
+    id: "typescript",
+    name: "TypeScript",
+    category: "types",
+    languages: ["typescript"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "TypeScript type checker",
+    command: "tsc --noEmit"
+  },
+  // Python type checking
+  {
+    id: "mypy",
+    name: "MyPy",
+    category: "types",
+    languages: ["python"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Static type checker for Python",
+    command: "mypy"
+  },
+  {
+    id: "pyright",
+    name: "Pyright",
+    category: "types",
+    languages: ["python"],
+    alternativeTo: ["mypy"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Static type checker for Python",
+    command: "pyright"
+  },
+  // Go type checking (built into compiler)
+  {
+    id: "go-vet",
+    name: "Go Vet",
+    category: "types",
+    languages: ["go"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Go static analyzer",
+    command: "go vet"
+  },
+  // ============================================================
+  // TESTS - Test coverage and results
+  // ============================================================
+  // JavaScript/TypeScript testing
+  {
+    id: "jest",
+    name: "Jest",
+    category: "tests",
+    languages: ["typescript", "javascript"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "coverage",
+    description: "JavaScript testing framework",
+    command: "jest --coverage"
+  },
+  {
+    id: "vitest",
+    name: "Vitest",
+    category: "tests",
+    languages: ["typescript", "javascript"],
+    alternativeTo: ["jest"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "coverage",
+    description: "Vite-native testing framework",
+    command: "vitest run --coverage"
+  },
+  {
+    id: "bun-test",
+    name: "Bun Test",
+    category: "tests",
+    languages: ["typescript", "javascript"],
+    alternativeTo: ["jest", "vitest"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "coverage",
+    description: "Bun native test runner",
+    command: "bun test"
+  },
+  // Python testing
+  {
+    id: "pytest",
+    name: "Pytest",
+    category: "tests",
+    languages: ["python"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "coverage",
+    description: "Python testing framework",
+    command: "pytest --cov"
+  },
+  // Go testing
+  {
+    id: "go-test",
+    name: "Go Test",
+    category: "tests",
+    languages: ["go"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "coverage",
+    description: "Go test runner",
+    command: "go test -cover"
+  },
+  // Rust testing
+  {
+    id: "cargo-test",
+    name: "Cargo Test",
+    category: "tests",
+    languages: ["rust"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "coverage",
+    description: "Rust test runner",
+    command: "cargo test"
+  },
+  // ============================================================
+  // DEAD CODE - Unused code detection
+  // ============================================================
+  // TypeScript/JavaScript
+  {
+    id: "knip",
+    name: "Knip",
+    category: "dead-code",
+    languages: ["typescript", "javascript"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Find unused files, dependencies and exports",
+    command: "knip"
+  },
+  // Python
+  {
+    id: "vulture",
+    name: "Vulture",
+    category: "dead-code",
+    languages: ["python"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Find dead Python code",
+    command: "vulture"
+  },
+  // ============================================================
+  // DOCUMENTATION - Documentation coverage
+  // ============================================================
+  {
+    id: "alexandria",
+    name: "Alexandria",
+    category: "documentation",
+    languages: ["typescript", "javascript"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "binary",
+    description: "Documentation coverage checker",
+    command: "alexandria lint"
+  },
+  {
+    id: "typedoc",
+    name: "TypeDoc",
+    category: "documentation",
+    languages: ["typescript"],
+    outputsFileMetrics: false,
+    outputsAggregate: true,
+    colorScheme: "coverage",
+    description: "TypeScript documentation generator",
+    command: "typedoc"
+  },
+  // ============================================================
+  // SECURITY - Security scanning
+  // ============================================================
+  {
+    id: "npm-audit",
+    name: "npm audit",
+    category: "security",
+    languages: ["typescript", "javascript"],
+    outputsFileMetrics: false,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Check for known vulnerabilities in dependencies",
+    command: "npm audit"
+  },
+  {
+    id: "bandit",
+    name: "Bandit",
+    category: "security",
+    languages: ["python"],
+    outputsFileMetrics: true,
+    outputsAggregate: true,
+    colorScheme: "issues",
+    description: "Python security linter",
+    command: "bandit -r"
+  }
 ];
-const DEFAULT_COLOR_MODES = [
-  { id: "fileTypes", name: "File Types", description: "Color by file extension" },
-  { id: "git", name: "Git Status", description: "Color by git changes" }
+var CATEGORY_CONFIGS = [
+  {
+    id: "linting",
+    name: "Linting",
+    description: "Code style and bug detection",
+    icon: "AlertCircle"
+  },
+  {
+    id: "formatting",
+    name: "Formatting",
+    description: "Code formatting consistency",
+    icon: "AlignLeft"
+  },
+  {
+    id: "types",
+    name: "Types",
+    description: "Type safety and checking",
+    icon: "FileType"
+  },
+  {
+    id: "tests",
+    name: "Tests",
+    description: "Test coverage and results",
+    icon: "TestTube"
+  },
+  {
+    id: "dead-code",
+    name: "Dead Code",
+    description: "Unused code detection",
+    icon: "Trash2",
+    invertedScale: true
+  },
+  {
+    id: "documentation",
+    name: "Documentation",
+    description: "Documentation coverage",
+    icon: "FileText"
+  },
+  {
+    id: "security",
+    name: "Security",
+    description: "Security vulnerability scanning",
+    icon: "Shield"
+  },
+  {
+    id: "complexity",
+    name: "Complexity",
+    description: "Code complexity metrics",
+    icon: "GitBranch"
+  }
 ];
-const QUALITY_COLOR_MODES = [
-  { id: "coverage", name: "Test Coverage", description: "Color by test coverage %" },
-  { id: "eslint", name: "Linting (ESLint)", description: "Color by ESLint issues" },
-  { id: "biome-lint", name: "Linting (Biome)", description: "Color by Biome lint issues" },
-  { id: "typescript", name: "Type Safety", description: "Color by TypeScript errors" },
-  { id: "prettier", name: "Formatting (Prettier)", description: "Color by Prettier issues" },
-  { id: "biome-format", name: "Formatting (Biome)", description: "Color by Biome format issues" },
-  { id: "knip", name: "Dead Code", description: "Color by unused exports" },
-  { id: "alexandria", name: "Documentation", description: "Color by doc coverage" }
+function getLensById(id2) {
+  return LENS_REGISTRY.find((lens) => lens.id === id2);
+}
+function getCategoryConfig(category) {
+  return CATEGORY_CONFIGS.find((c) => c.id === category);
+}
+var BUILT_IN_COLOR_MODES = [
+  {
+    id: "fileTypes",
+    name: "File Types",
+    description: "Color by file extension/type",
+    icon: "FileCode",
+    colorScheme: "categorical",
+    isBuiltIn: true
+  },
+  {
+    id: "git",
+    name: "Git Status",
+    description: "Color by git status (modified, added, etc.)",
+    icon: "GitBranch",
+    colorScheme: "categorical",
+    isBuiltIn: true
+  },
+  {
+    id: "coverage",
+    name: "Test Coverage",
+    description: "Color by test coverage percentage",
+    icon: "TestTube",
+    colorScheme: "coverage",
+    isBuiltIn: true,
+    category: "tests"
+  }
 ];
+function getLensColorModes() {
+  return LENS_REGISTRY.filter((lens) => lens.outputsFileMetrics).map((lens) => lens.id);
+}
+function isLensColorMode(mode) {
+  return getLensColorModes().includes(mode);
+}
+function getAllColorModeConfigs() {
+  const configs = [...BUILT_IN_COLOR_MODES];
+  for (const lens of LENS_REGISTRY) {
+    if (lens.outputsFileMetrics) {
+      const category = getCategoryConfig(lens.category);
+      configs.push({
+        id: lens.id,
+        name: lens.name,
+        description: lens.description ?? `${lens.name} analysis`,
+        icon: category == null ? void 0 : category.icon,
+        colorScheme: lens.colorScheme,
+        isBuiltIn: false,
+        category: lens.category
+      });
+    }
+  }
+  return configs;
+}
+const COLOR_MODES = getAllColorModeConfigs();
+const DEFAULT_COLOR_MODES = getAllColorModeConfigs().filter(
+  (mode) => mode.isBuiltIn
+);
+const QUALITY_COLOR_MODES = getAllColorModeConfigs().filter(
+  (mode) => !mode.isBuiltIn
+);
 function normalizePath(path) {
   return path.startsWith("/") ? path.slice(1) : path;
 }
@@ -15046,6 +15502,110 @@ function createCoverageHighlightLayers(buildings, fileCoverage) {
   }
   return layers;
 }
+function createMetricHighlightLayers(buildings, metrics, metricId, _metricName) {
+  const buildingsByPath = new Map(buildings.map((b) => [b.path, b]));
+  const metricsByPath = new Map(metrics.map((m) => [normalizePath(m.file), m]));
+  const layerGroups = {
+    clean: [],
+    // 0 issues
+    minor: [],
+    // 1-3 issues
+    moderate: [],
+    // 4-10 issues
+    significant: [],
+    // 11-25 issues
+    severe: [],
+    // 26+ issues
+    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: `${metricId}-clean`,
+      name: "0 issues",
+      enabled: true,
+      color: "#22c55e",
+      priority: 50,
+      items: layerGroups.clean
+    });
+  }
+  if (layerGroups.minor.length > 0) {
+    layers.push({
+      id: `${metricId}-minor`,
+      name: "1-3 issues",
+      enabled: true,
+      color: "#84cc16",
+      priority: 50,
+      items: layerGroups.minor
+    });
+  }
+  if (layerGroups.moderate.length > 0) {
+    layers.push({
+      id: `${metricId}-moderate`,
+      name: "4-10 issues",
+      enabled: true,
+      color: "#eab308",
+      priority: 50,
+      items: layerGroups.moderate
+    });
+  }
+  if (layerGroups.significant.length > 0) {
+    layers.push({
+      id: `${metricId}-significant`,
+      name: "11-25 issues",
+      enabled: true,
+      color: "#f97316",
+      priority: 50,
+      items: layerGroups.significant
+    });
+  }
+  if (layerGroups.severe.length > 0) {
+    layers.push({
+      id: `${metricId}-severe`,
+      name: "26+ issues",
+      enabled: true,
+      color: "#ef4444",
+      priority: 50,
+      items: layerGroups.severe
+    });
+  }
+  if (layerGroups.noData.length > 0) {
+    layers.push({
+      id: `${metricId}-nodata`,
+      name: "No data",
+      enabled: true,
+      color: "#6b7280",
+      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]));
@@ -15777,54 +16337,38 @@ function createAlexandriaHighlightLayers(buildings, alexandriaMetrics) {
   return layers;
 }
 function getLayersForColorMode(mode, buildings, qualityData, fileColorLayers, gitLayers) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a;
+  if (mode === "fileTypes") return fileColorLayers;
+  if (mode === "git") return gitLayers;
+  if (mode === "coverage") {
+    if (qualityData == null ? void 0 : qualityData.fileCoverage) {
+      return createCoverageHighlightLayers(buildings, qualityData.fileCoverage);
+    }
+    return [];
+  }
+  if (!isLensColorMode(mode)) return fileColorLayers;
+  const metrics = (_a = qualityData == null ? void 0 : qualityData.fileMetrics) == null ? void 0 : _a[mode];
+  if (!metrics || metrics.length === 0) return [];
   switch (mode) {
-    case "fileTypes":
-      return fileColorLayers;
-    case "git":
-      return gitLayers;
-    case "coverage":
-      if (qualityData == null ? void 0 : qualityData.fileCoverage) {
-        return createCoverageHighlightLayers(buildings, qualityData.fileCoverage);
-      }
-      return [];
     case "eslint":
-      if ((_a = qualityData == null ? void 0 : qualityData.fileMetrics) == null ? void 0 : _a.eslint) {
-        return createEslintHighlightLayers(buildings, qualityData.fileMetrics.eslint);
-      }
-      return [];
+      return createEslintHighlightLayers(buildings, metrics);
     case "biome-lint":
-      if ((_b = qualityData == null ? void 0 : qualityData.fileMetrics) == null ? void 0 : _b["biome-lint"]) {
-        return createBiomeLintHighlightLayers(buildings, qualityData.fileMetrics["biome-lint"]);
-      }
-      return [];
+      return createBiomeLintHighlightLayers(buildings, metrics);
     case "typescript":
-      if ((_c = qualityData == null ? void 0 : qualityData.fileMetrics) == null ? void 0 : _c.typescript) {
-        return createTypescriptHighlightLayers(buildings, qualityData.fileMetrics.typescript);
-      }
-      return [];
+      return createTypescriptHighlightLayers(buildings, metrics);
     case "prettier":
-      if ((_d = qualityData == null ? void 0 : qualityData.fileMetrics) == null ? void 0 : _d.prettier) {
-        return createPrettierHighlightLayers(buildings, qualityData.fileMetrics.prettier);
-      }
-      return [];
+      return createPrettierHighlightLayers(buildings, metrics);
     case "biome-format":
-      if ((_e = qualityData == null ? void 0 : qualityData.fileMetrics) == null ? void 0 : _e["biome-format"]) {
-        return createBiomeFormatHighlightLayers(buildings, qualityData.fileMetrics["biome-format"]);
-      }
-      return [];
+      return createBiomeFormatHighlightLayers(buildings, metrics);
     case "knip":
-      if ((_f = qualityData == null ? void 0 : qualityData.fileMetrics) == null ? void 0 : _f.knip) {
-        return createKnipHighlightLayers(buildings, qualityData.fileMetrics.knip);
-      }
-      return [];
+      return createKnipHighlightLayers(buildings, metrics);
     case "alexandria":
-      if ((_g = qualityData == null ? void 0 : qualityData.fileMetrics) == null ? void 0 : _g.alexandria) {
-        return createAlexandriaHighlightLayers(buildings, qualityData.fileMetrics.alexandria);
-      }
-      return [];
-    default:
-      return fileColorLayers;
+      return createAlexandriaHighlightLayers(buildings, metrics);
+    default: {
+      const lens = getLensById(mode);
+      (lens == null ? void 0 : lens.name) ?? mode;
+      return createMetricHighlightLayers(buildings, metrics, mode);
+    }
   }
 }
 const GIT_STATUS_COLORS = {