tech-debt-visualizer 0.2.19 → 0.2.20

package/dist/cli.js

@@ -195,7 +195,7 @@ function printCliReport(run, ci) {
     process.stdout.write(chalk.bold.dim("  Technical Debt Cleanliness Score\n"));
     process.stdout.write("  " + "—".repeat(52) + "\n");
     const tierColor = cleanlinessTierColor(cleanliness.tier);
-    process.stdout.write(tierColor(`  ${cleanliness.label} (${Math.round(cleanlinessScore)}/100, tier ${cleanliness.tier}/5)\n`));
+    process.stdout.write(tierColor(`  ${cleanliness.label} (${cleanliness.tier} out of 5)\n`));
     process.stdout.write(tierColor(`  ${cleanliness.description}\n`));
     process.stdout.write("  " + "—".repeat(52) + "\n\n");
     process.stdout.write(chalk.bold("  Summary\n"));
@@ -205,8 +205,7 @@ function printCliReport(run, ci) {
     if (run.debtTrend && run.debtTrend.length > 0) {
         process.stdout.write(`  Recent commits: ${chalk.cyan(String(run.debtTrend.length))}\n`);
     }
-    process.stdout.write(`  Cleanliness:    ${cleanlinessColor(cleanlinessScore)} / 100 (tier ${cleanliness.tier}/5)\n`);
-    process.stdout.write(chalk.dim("  0 = most debt, 100 = least debt\n\n"));
+    process.stdout.write(`  Score:         ${tierColor(`${cleanliness.tier} out of 5`)}\n\n`);
     const bySeverity = { critical: 0, high: 0, medium: 0, low: 0 };
     for (const d of debtItems) {
         bySeverity[d.severity]++;
@@ -296,14 +295,6 @@ function severityColor(score) {
         return chalk.yellow(String(score));
     return chalk.green(String(score));
 }
-function cleanlinessColor(cleanlinessScore) {
-    const n = Math.round(cleanlinessScore);
-    if (n >= 70)
-        return chalk.green(String(n));
-    if (n >= 40)
-        return chalk.yellow(String(n));
-    return chalk.red(String(n));
-}
 function cleanlinessTierColor(tier) {
     switch (tier) {
         case 5:

package/dist/reports/assets/report.css

@@ -506,7 +506,7 @@ body.dashboard-page {
   display: flex;
   align-items: baseline;
   justify-content: center;
-  gap: 0.4rem; /* space between number and "of 100" */
+  gap: 0.4rem; /* space between number and "out of 5" */
   margin-bottom: 0.5rem;
 }
 

package/dist/reports/html.js

@@ -78,11 +78,11 @@ function buildHtml(run, title, darkMode, css, script) {
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>${escapeHtml(title)}</title>
-  <meta property="og:title" content="${escapeHtml(title)} — ${scoreNum}/100 ${escapeHtml(cleanliness.label)}" />
+  <meta property="og:title" content="${escapeHtml(title)} — ${cleanliness.tier} out of 5 ${escapeHtml(cleanliness.label)}" />
   <meta property="og:description" content="${escapeHtml(cleanliness.description)}" />
   <meta property="og:type" content="website" />
   <meta name="twitter:card" content="summary" />
-  <meta name="twitter:title" content="${escapeHtml(title)} — ${scoreNum}/100" />
+  <meta name="twitter:title" content="${escapeHtml(title)} — ${cleanliness.tier} out of 5" />
   <meta name="twitter:description" content="${escapeHtml(cleanliness.label)}: ${escapeHtml(cleanliness.description)}" />
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
   <style>${css}</style>
@@ -95,9 +95,9 @@ function buildHtml(run, title, darkMode, css, script) {
       <span class="dashboard-meta">${escapeHtml(run.repoPath)}</span>
     </div>
     <div class="dashboard-header-right">
-      <div class="dashboard-score tier-${cleanliness.tier}" aria-label="Score ${scoreNum} of 100">
-        <span class="dashboard-score-value">${scoreNum}</span>
-        <span class="dashboard-score-of">/ 100</span>
+      <div class="dashboard-score tier-${cleanliness.tier}" aria-label="Score ${cleanliness.tier} out of 5">
+        <span class="dashboard-score-value">${cleanliness.tier}</span>
+        <span class="dashboard-score-of"> out of 5</span>
         <span class="dashboard-score-label">${escapeHtml(cleanliness.label)}</span>
       </div>
       <button type="button" class="btn-ai-prompts btn-ai-prompts-header" id="btnAiPrompts">AI cleanup prompts</button>
@@ -114,8 +114,8 @@ function buildHtml(run, title, darkMode, css, script) {
           </div>
           <div class="panel-body panel-body-score">
             <div class="score-numeric">
-              <span class="score-num">${scoreNum}</span>
-              <span class="score-of">of 100</span>
+              <span class="score-num">${cleanliness.tier}</span>
+              <span class="score-of"> out of 5</span>
             </div>
             <p class="score-label">${escapeHtml(cleanliness.label)}</p>
             <p class="score-desc">${escapeHtml(cleanliness.description)}</p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tech-debt-visualizer",
-  "version": "0.2.19",
+  "version": "0.2.20",
   "description": "Language-agnostic CLI that analyzes repos and generates interactive technical debt visualizations with AI-powered insights",
   "type": "module",
   "main": "dist/index.js",