@girardelli/architect 5.0.0 → 8.1.0

package/dist/src/adapters/html-reporter/sections/refactoring-plan.d.ts

@@ -0,0 +1,3 @@
+import { RefactoringPlan, RefactorStep } from '@girardelli/architect-core/src/core/types/rules.js';
+export declare function renderRefactoringPlan(plan: RefactoringPlan): string;
+export declare function renderRefactorStep(step: RefactorStep): string;

package/dist/src/adapters/html-reporter/sections/refactoring-plan.js

@@ -0,0 +1,151 @@
+import { scoreColor, opColor, opIcon, escapeHtml } from "../utils_sections.js";
+export function renderRefactoringPlan(plan) {
+    if (plan.steps.length === 0) {
+        return `
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
+  <h2 class="section-title" style="margin-bottom: 0;">✅ Refactoring Plan</h2>
+</div>
+<div class="card success-card">
+  <p>No refactoring needed! Your architecture is already in great shape.</p>
+</div>`;
+    }
+    const improvement = plan.estimatedScoreAfter.overall - plan.currentScore.overall;
+    const metrics = Object.keys(plan.currentScore.breakdown);
+    const bars = metrics.map(metric => {
+        const before = plan.currentScore.breakdown[metric];
+        const after = plan.estimatedScoreAfter.breakdown[metric] ?? before;
+        const diff = after - before;
+        return `
+      <div class="comparison-row">
+        <div class="refactor-metric-name">${metric}</div>
+        <div class="refactor-metric-bars">
+          <div class="rbar-before" style="width: ${before}%; background: ${scoreColor(before)}40"><span>${before}</span></div>
+          <div class="rbar-after" style="width: ${after}%; background: ${scoreColor(after)}"><span>${after}</span></div>
+        </div>
+        <div class="refactor-metric-diff" style="color: ${diff > 0 ? '#22c55e' : '#64748b'}">
+          ${diff > 0 ? `+${diff}` : diff === 0 ? '—' : String(diff)}
+        </div>
+      </div>`;
+    }).join('');
+    const stepsHtml = plan.steps.map(step => renderRefactorStep(step)).join('');
+    const criticalCount = plan.steps.filter(s => s.priority === 'CRITICAL').length;
+    const highCount = plan.steps.filter(s => s.priority === 'HIGH').length;
+    const mediumCount = plan.steps.filter(s => s.priority === 'MEDIUM').length;
+    const lowCount = plan.steps.filter(s => s.priority === 'LOW').length;
+    return `
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;">
+  <h2 class="section-title" style="margin-bottom: 0;">🔧 Refactoring Plan</h2>
+  <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer; color: #10b981; font-weight: 600; font-size: 0.9rem; background: #10b98115; padding: 0.4rem 0.8rem; border-radius: 6px; border: 1px solid #10b98140;">
+    <input type="checkbox" id="select-all-prompts" style="width: 1.1rem; height: 1.1rem; accent-color: #10b981; cursor: pointer;" onchange="window.toggleAllPrompts(this.checked)">
+    Selecionar Todos
+  </label>
+</div>
+<button id="download-selected-prompts-btn" onclick="window.downloadSelectedPrompts()" style="display: none; position: fixed; bottom: 30px; right: 30px; background: #10b981; color: white; border: none; padding: 1rem 2rem; border-radius: 50px; font-weight: bold; font-size: 1rem; cursor: pointer; box-shadow: 0 10px 25px rgba(16,185,129,0.4); z-index: 9999; transition: all 0.3s; align-items: center; gap: 0.5rem;">
+  📥 Criar <span id="prompt-count-badge" style="background: white; color: #10b981; padding: 0.1rem 0.5rem; border-radius: 10px; font-size: 0.9rem;">0</span> Prompts p/ IA
+</button>
+<p>Below are action-items ordered by impact and safety. Implementing these gives an estimated score of <strong>${plan.estimatedScoreAfter.overall}/100</strong> (+${improvement}).</p>
+
+<div class="card refactor-score">
+  <div class="refactor-score-pair">
+    <div class="rscore-box">
+      <div class="rscore-num" style="color: ${scoreColor(plan.currentScore.overall)}">${plan.currentScore.overall}</div>
+      <div class="rscore-label">Current</div>
+    </div>
+    <div class="rscore-arrow">
+      <svg width="60" height="30" viewBox="0 0 60 30">
+        <path d="M5 15 L45 15 M40 8 L48 15 L40 22" stroke="#818cf8" stroke-width="2.5" fill="none"/>
+      </svg>
+    </div>
+    <div class="rscore-box">
+      <div class="rscore-num" style="color: ${scoreColor(plan.estimatedScoreAfter.overall)}">${plan.estimatedScoreAfter.overall}</div>
+      <div class="rscore-label">Estimated</div>
+    </div>
+    <div class="rscore-improvement" style="color: #22c55e">+${improvement} pts</div>
+  </div>
+  <div class="refactor-bars-section">
+    <div class="refactor-legend">
+      <span class="rlegend-tag rbefore">Before</span>
+      <span class="rlegend-tag rafter">After</span>
+    </div>
+    ${bars}
+  </div>
+</div>
+
+<div class="refactor-stats-row">
+  <div class="rstat">${plan.steps.length} steps</div>
+  <div class="rstat">${plan.totalOperations} operations</div>
+  <div class="rstat">Tier 1: ${plan.tier1Steps}</div>
+  <div class="rstat">Tier 2: ${plan.tier2Steps}</div>
+</div>
+
+<div class="priority-bar">
+  ${criticalCount ? `<div class="prio-seg prio-critical" style="flex: ${criticalCount}">🔴 ${criticalCount}</div>` : ''}
+  ${highCount ? `<div class="prio-seg prio-high" style="flex: ${highCount}">🟠 ${highCount}</div>` : ''}
+  ${mediumCount ? `<div class="prio-seg prio-medium" style="flex: ${mediumCount}">🔵 ${mediumCount}</div>` : ''}
+  ${lowCount ? `<div class="prio-seg prio-low" style="flex: ${lowCount}">🟢 ${lowCount}</div>` : ''}
+</div>
+
+<div class="refactor-roadmap">
+  ${stepsHtml}
+</div>`;
+}
+export function renderRefactorStep(step) {
+    const operationsHtml = step.operations.map(op => `
+      <div class="rop">
+        <span class="rop-icon">${opIcon(op.type)}</span>
+        <span class="rop-badge" style="background: ${opColor(op.type)}20; color: ${opColor(op.type)}; border: 1px solid ${opColor(op.type)}40">${op.type}</span>
+        <code class="rop-path">${escapeHtml(op.path)}</code>
+        ${op.newPath ? `<span class="rop-arrow">→</span> <code class="rop-path">${escapeHtml(op.newPath)}</code>` : ''}
+        <div class="rop-desc">${escapeHtml(op.description)}</div>
+      </div>
+    `).join('');
+    const impactHtml = step.scoreImpact.map(i => `<span class="rimpact-tag">${i.metric}: ${i.before}→${i.after} <strong>+${i.after - i.before}</strong></span>`).join('');
+    const promptHtml = step.aiPrompt ? `
+      <div class="ai-prompt-box">
+        <div class="ai-prompt-header">
+          <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
+            <input type="checkbox" class="prompt-export-cb" data-filename="step-${step.id}-${step.rule.replace(/[^a-zA-Z0-9-]/g, '-')}.md" onchange="window.updatePromptSelection()">
+            <div>
+              <h4>🤖 Auto-Execute in AI</h4>
+              <p class="ai-prompt-desc">Select to batch-download this prompt for your IDE.</p>
+            </div>
+          </label>
+          <button class="ai-prompt-btn" onclick="window.downloadAIPrompt(this, 'step-${step.id}-refactor.md')">
+            📥 Download Single
+          </button>
+        </div>
+        <div class="ai-prompt-pre">
+          <pre><code>${escapeHtml(step.aiPrompt)}</code></pre>
+        </div>
+      </div>` : '';
+    return `
+<div class="rstep-card">
+  <div class="rstep-header">
+    <div class="rstep-number">${step.id}</div>
+    <div class="rstep-info">
+      <div class="rstep-title-row">
+        <h3>${escapeHtml(step.title)}</h3>
+        <span class="severity-badge severity-${step.priority}">${step.priority}</span>
+        <span class="tier-badge">Tier ${step.tier}</span>
+      </div>
+      <p class="rstep-desc">${escapeHtml(step.description)}</p>
+      <details class="rstep-details">
+        <summary>📖 Why?</summary>
+        <p class="rstep-rationale">${escapeHtml(step.rationale)}</p>
+      </details>
+    </div>
+  </div>
+  <details class="rstep-ops-accordion">
+    <summary class="rstep-ops-toggle">📋 Operations (${step.operations.length})</summary>
+    <div class="rstep-ops">
+      ${operationsHtml}
+    </div>
+  </details>
+  <div class="rstep-impact">
+    <h4>📈 Score Impact</h4>
+    <div class="rimpact-tags">${impactHtml}</div>
+  </div>
+  ${promptHtml}
+</div>`;
+}
+//# sourceMappingURL=refactoring-plan.js.map

package/dist/src/adapters/html-reporter/sections/refactoring-plan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refactoring-plan.js","sourceRoot":"","sources":["../../../../../src/adapters/html-reporter/sections/refactoring-plan.ts"],"names":[],"mappings":"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"}

package/dist/src/adapters/html-reporter/sections/score.d.ts

@@ -0,0 +1,7 @@
+import { AnalysisReport } from '@girardelli/architect-core/src/core/types/core.js';
+export declare function renderScoreHero(report: AnalysisReport): string;
+/**
+ * Radar chart for the 4 score components
+ */
+export declare function renderRadarChart(report: AnalysisReport): string;
+export declare function renderStats(report: AnalysisReport): string;

package/dist/src/adapters/html-reporter/sections/score.js

@@ -0,0 +1,70 @@
+import { scoreColor, scoreEmoji, scoreLabel } from "../utils_sections.js";
+export function renderScoreHero(report) {
+    const overall = report.score.overall;
+    const circumference = 2 * Math.PI * 85;
+    const offset = circumference * (1 - overall / 100);
+    const breakdownItems = Object.entries(report.score.breakdown)
+        .map(([name, score]) => `
+      <div class="score-item">
+        <div class="name">${name}</div>
+        <div class="val" style="color: ${scoreColor(score)}">${score} ${scoreEmoji(score)}</div>
+        <div class="bar-container">
+          <div class="bar" style="width: ${score}%; background: ${scoreColor(score)}"></div>
+        </div>
+      </div>`)
+        .join('');
+    return `
+<div class="score-hero">
+  <div class="score-circle">
+    <svg viewBox="0 0 200 200" width="180" height="180">
+      <circle class="bg" cx="100" cy="100" r="85" />
+      <circle class="fg" cx="100" cy="100" r="85"
+        stroke="${scoreColor(overall)}"
+        stroke-dasharray="${circumference}"
+        stroke-dashoffset="${offset}" />
+    </svg>
+    <div class="score-value">
+      <div class="number score-counter" data-target="${overall}" style="color: ${scoreColor(overall)}">0</div>
+      <div class="label">/ 100</div>
+      <div class="grade">${scoreLabel(overall)}</div>
+    </div>
+  </div>
+  <div class="score-breakdown">
+    ${breakdownItems}
+  </div>
+</div>`;
+}
+/**
+ * Radar chart for the 4 score components
+ */
+export function renderRadarChart(report) {
+    // @ts-ignore - Audit cleanup unused variable
+    const entries = Object.entries(report.score.breakdown);
+    return `
+<h2 class="section-title">🎯 Health Radar</h2>
+<div class="card" style="display: flex; justify-content: center;">
+  <svg id="radar-chart" width="350" height="350" viewBox="0 0 350 350"></svg>
+</div>`;
+}
+export function renderStats(report) {
+    return `
+<div class="stats-grid">
+  <div class="stat-card">
+    <div class="value stat-counter" data-target="${report.projectInfo.totalFiles}">0</div>
+    <div class="label">Files Scanned</div>
+  </div>
+  <div class="stat-card">
+    <div class="value stat-counter" data-target="${report.projectInfo.totalLines}">0</div>
+    <div class="label">Lines of Code</div>
+  </div>
+  <div class="stat-card">
+    <div class="value stat-counter" data-target="${report.antiPatterns.length}">0</div>
+    <div class="label">Anti-Patterns</div>
+  </div>
+  <div class="stat-card">
+    <div class="value stat-counter" data-target="${report.dependencyGraph.edges.length}">0</div>
+    <div class="label">Dependencies</div>
+  </div>
+</div>`;
+}
+//# sourceMappingURL=score.js.map

package/dist/src/adapters/html-reporter/sections/score.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"score.js","sourceRoot":"","sources":["../../../../../src/adapters/html-reporter/sections/score.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAExE,MAAM,UAAU,eAAe,CAAC,MAAsB;IACpD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;IACrC,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,aAAa,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC;IAEnD,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;SAC1D,GAAG,CACF,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;;4BAEC,IAAI;yCACS,UAAU,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;;2CAE9C,KAAK,kBAAkB,UAAU,CAAC,KAAK,CAAC;;aAEtE,CACN;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,OAAO;;;;;;kBAMO,UAAU,CAAC,OAAO,CAAC;4BACT,aAAa;6BACZ,MAAM;;;uDAGoB,OAAO,mBAAmB,UAAU,CAAC,OAAO,CAAC;;2BAEzE,UAAU,CAAC,OAAO,CAAC;;;;MAIxC,cAAc;;OAEb,CAAC;AACN,CAAC;AAED;;GAEG;AAEH,MAAM,UAAU,gBAAgB,CAAC,MAAsB;IACrD,6CAA6C;IAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACvD,OAAO;;;;OAIJ,CAAC;AACN,CAAC;AAGD,MAAM,UAAU,WAAW,CAAC,MAAsB;IAChD,OAAO;;;mDAGwC,MAAM,CAAC,WAAW,CAAC,UAAU;;;;mDAI7B,MAAM,CAAC,WAAW,CAAC,UAAU;;;;mDAI7B,MAAM,CAAC,YAAY,CAAC,MAAM;;;;mDAI1B,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM;;;OAG/E,CAAC;AACN,CAAC"}

package/dist/src/adapters/html-reporter/sections/suggestions.d.ts

@@ -0,0 +1,7 @@
+export declare function renderSuggestions(suggestions: Array<{
+    priority: string;
+    title: string;
+    description: string;
+    impact: string;
+    count: number;
+}>): string;

package/dist/src/adapters/html-reporter/sections/suggestions.js

@@ -0,0 +1,34 @@
+import { escapeHtml } from "../utils_sections.js";
+export function renderSuggestions(suggestions) {
+    if (suggestions.length === 0)
+        return '';
+    const rows = suggestions
+        .map((s, i) => `
+        <tr>
+          <td>${i + 1}</td>
+          <td><span class="severity-badge severity-${s.priority}">${s.priority}</span></td>
+          <td>
+            <strong>${escapeHtml(s.title)}</strong>
+            ${s.count > 1 ? `<span class="count-badge">×${s.count}</span>` : ''}
+            <br/><small class="suggestion">${escapeHtml(s.description)}</small>
+          </td>
+          <td class="impact">${escapeHtml(s.impact)}</td>
+        </tr>`)
+        .join('');
+    return `
+<h2 class="section-title">💡 Refactoring Suggestions</h2>
+<div class="card">
+  <table>
+    <thead>
+      <tr>
+        <th>#</th>
+        <th>Priority</th>
+        <th>Suggestion</th>
+        <th>Impact</th>
+      </tr>
+    </thead>
+    <tbody>${rows}</tbody>
+  </table>
+</div>`;
+}
+//# sourceMappingURL=suggestions.js.map

package/dist/src/adapters/html-reporter/sections/suggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.js","sourceRoot":"","sources":["../../../../../src/adapters/html-reporter/sections/suggestions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,UAAU,iBAAiB,CAC/B,WAA2G;IAE3G,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAExC,MAAM,IAAI,GAAG,WAAW;SACrB,GAAG,CACF,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;;gBAEF,CAAC,GAAG,CAAC;qDACgC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ;;sBAExD,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;cAC3B,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE;6CAClC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;;+BAEvC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;cACrC,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,OAAO;;;;;;;;;;;;aAYE,IAAI;;OAEV,CAAC;AACN,CAAC"}

package/dist/src/adapters/html-reporter/styles.d.ts

@@ -0,0 +1 @@
+export declare function getStyles(): string;