repo-wrapped 0.0.2

package/dist/generators/html/styles/knowledge.css

@@ -0,0 +1,221 @@
+/* === Knowledge Distribution Section === */
+
+/* Deep Analysis Badge */
+.deep-analysis-badge {
+  display: inline-block;
+  background: var(--accent-blue);
+  color: var(--text-primary);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--radius-full);
+  margin-left: var(--spacing-sm);
+  vertical-align: middle;
+}
+
+/* Knowledge Table */
+.knowledge-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.knowledge-table th.expandable-header {
+  padding-left: calc(var(--spacing-md) + 16px);
+}
+
+/* Expandable Rows */
+.expandable-row {
+  cursor: pointer;
+  transition: background-color var(--transition-fast);
+}
+
+.expandable-row:hover {
+  background-color: var(--bg-secondary);
+}
+
+.expandable-row:focus {
+  outline: 2px solid var(--accent-blue);
+  outline-offset: -2px;
+}
+
+.expandable-row .dir-path {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+
+.expand-icon {
+  display: inline-block;
+  width: 16px;
+  font-size: 10px;
+  color: var(--text-secondary);
+  transition: transform var(--transition-fast);
+}
+
+.expandable-row.expanded .expand-icon {
+  transform: rotate(90deg);
+}
+
+/* Last Activity Column */
+.last-activity {
+  font-family: var(--font-mono);
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
+}
+
+/* Expanded Content Row */
+.expanded-content {
+  background: var(--bg-secondary);
+}
+
+.expanded-content.hidden {
+  display: none;
+}
+
+.expansion-panel {
+  padding: var(--spacing-md) var(--spacing-lg);
+  overflow: hidden;
+  transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
+}
+
+/* Contributor Breakdown */
+.contributor-breakdown {
+  margin-bottom: var(--spacing-lg);
+}
+
+.contributor-breakdown h4,
+.file-breakdown h4 {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-secondary);
+  margin-bottom: var(--spacing-sm);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.contributors-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: var(--spacing-md);
+}
+
+.contributor-item {
+  background: var(--bg-tertiary);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-sm) var(--spacing-md);
+}
+
+.contributor-name {
+  font-weight: var(--font-weight-medium);
+  color: var(--text-primary);
+  display: block;
+  margin-bottom: var(--spacing-xs);
+}
+
+.contributor-stats {
+  display: flex;
+  gap: var(--spacing-md);
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+  margin-bottom: var(--spacing-xs);
+}
+
+.contributor-commits {
+  color: var(--text-secondary);
+}
+
+.contributor-percent {
+  font-weight: var(--font-weight-medium);
+  color: var(--accent-blue);
+}
+
+.contributor-age {
+  font-family: var(--font-mono);
+}
+
+.contributor-bar {
+  height: 4px;
+  background: var(--bg-primary);
+  border-radius: var(--radius-full);
+  overflow: hidden;
+}
+
+.contributor-fill {
+  height: 100%;
+  background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));
+  border-radius: var(--radius-full);
+  transition: width 0.3s ease-out;
+}
+
+/* File Breakdown Table */
+.file-breakdown {
+  margin-top: var(--spacing-md);
+}
+
+.file-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--font-size-sm);
+}
+
+.file-table th {
+  text-align: left;
+  font-weight: var(--font-weight-medium);
+  color: var(--text-secondary);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-bottom: 1px solid var(--border-subtle);
+  font-size: var(--font-size-xs);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.file-table td {
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-bottom: 1px solid var(--border-subtle);
+}
+
+.file-table tr:last-child td {
+  border-bottom: none;
+}
+
+.file-table tr.high-risk-file {
+  background-color: rgba(255, 87, 87, 0.08);
+}
+
+.file-path {
+  font-family: var(--font-mono);
+  font-size: var(--font-size-xs);
+  color: var(--text-primary);
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-owner {
+  color: var(--text-secondary);
+}
+
+.file-ownership {
+  font-family: var(--font-mono);
+  color: var(--text-primary);
+}
+
+.file-age {
+  font-family: var(--font-mono);
+  color: var(--text-secondary);
+}
+
+.more-files {
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+  font-style: italic;
+  margin-top: var(--spacing-sm);
+  text-align: center;
+}
+
+/* Risk Badge Enhancement for Files */
+.file-table .risk-badge {
+  font-size: var(--font-size-xs);
+  padding: 2px 6px;
+}

package/dist/generators/html/templates/achievementsSection.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildAchievementsSection = void 0;
+// Helper: Build SVG progress ring
+function buildProgressRing(progress, size = 50) {
+    const radius = (size / 2) - 4;
+    const circumference = 2 * Math.PI * radius;
+    const offset = circumference * (1 - progress / 100);
+    return `
+    <svg class="progress-ring" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
+      <circle class="progress-ring-bg" cx="${size / 2}" cy="${size / 2}" r="${radius}" 
+              fill="none" stroke="var(--border-subtle)" stroke-width="3" />
+      <circle class="progress-ring-fill" cx="${size / 2}" cy="${size / 2}" r="${radius}"
+              fill="none" stroke="var(--accent-blue)" stroke-width="3"
+              stroke-dasharray="${circumference}"
+              stroke-dashoffset="${offset}"
+              stroke-linecap="round"
+              transform="rotate(-90 ${size / 2} ${size / 2})" />
+    </svg>
+  `;
+}
+// Helper: Build individual achievement card
+function buildAchievementCard(achievement) {
+    const cardClass = achievement.isUnlocked ? 'unlocked' : 'locked';
+    const showProgress = !achievement.isUnlocked && achievement.progress > 0;
+    return `
+    <div class="achievement-card ${cardClass}">
+      ${showProgress ? `
+        <div class="achievement-ring-wrapper">
+          ${buildProgressRing(achievement.progress, 60)}
+        </div>
+      ` : ''}
+      <div class="achievement-emoji">${achievement.emoji}</div>
+      <div class="achievement-name">${achievement.name}</div>
+      ${!achievement.isSecret || achievement.isUnlocked ? `
+        <div class="achievement-description">${achievement.description}</div>
+      ` : `
+        <div class="achievement-description">???</div>
+      `}
+      <div class="badge-tier ${achievement.tier}">${achievement.tier}</div>
+      ${showProgress ? `
+        <div class="achievement-progress-text">${achievement.progress.toFixed(0)}%</div>
+      ` : ''}
+    </div>
+  `;
+}
+// Helper: Generate growth narrative
+function buildGrowthNarrative(progress) {
+    const { unlockedCount, totalCount, completionPercentage, categories, nextMilestones } = progress;
+    // Find strongest category
+    let strongestCategory = '';
+    let strongestCount = 0;
+    if (categories && categories.length > 0) {
+        for (const cat of categories) {
+            if (cat.unlocked > strongestCount) {
+                strongestCount = cat.unlocked;
+                strongestCategory = cat.name;
+            }
+        }
+    }
+    // Get next milestone info
+    let nextMilestoneText = '';
+    if (nextMilestones && nextMilestones.length > 0) {
+        const next = nextMilestones[0];
+        const remaining = 100 - next.progress;
+        nextMilestoneText = `Next milestone: <strong>${next.name}</strong> — ${remaining.toFixed(0)}% to go.`;
+    }
+    return `
+    <div class="growth-narrative">
+      <h3>Your Developer Journey</h3>
+      <p class="narrative-text">
+        You've unlocked <strong>${unlockedCount} of ${totalCount}</strong> achievements (${completionPercentage.toFixed(0)}%).
+        ${strongestCategory ? `Your strongest area is <strong>${strongestCategory}</strong> with ${strongestCount} badges earned.` : ''}
+        ${nextMilestoneText}
+      </p>
+    </div>
+  `;
+}
+function buildAchievementsSection(achievementProgress) {
+    return `
+    <div class="achievements-section">
+      <h2>Achievements</h2>
+      
+      ${buildGrowthNarrative(achievementProgress)}
+      
+      <div class="achievement-stats">
+        <div class="stat-card">
+          <div class="stat-value">${achievementProgress.unlockedCount}</div>
+          <div class="stat-label">Badges Unlocked</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-value">${achievementProgress.completionPercentage.toFixed(0)}%</div>
+          <div class="stat-label">Completion</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-value">${achievementProgress.totalCount - achievementProgress.unlockedCount}</div>
+          <div class="stat-label">Remaining</div>
+        </div>
+      </div>
+      
+      ${achievementProgress.nextMilestones && achievementProgress.nextMilestones.length > 0 ? `
+        <div class="next-milestones">
+          <h3>Next Milestones</h3>
+          ${achievementProgress.nextMilestones.slice(0, 3).map(milestone => `
+            <div class="milestone-item">
+              <div class="milestone-header">
+                <span class="milestone-emoji">${milestone.emoji}</span>
+                <span class="milestone-name">${milestone.name}</span>
+              </div>
+              <div class="milestone-description">${milestone.description}</div>
+              <div class="milestone-progress-bar">
+                <div class="milestone-progress-fill" style="width: ${milestone.progress}%"></div>
+                <div class="milestone-progress-text">${milestone.progress.toFixed(0)}%</div>
+              </div>
+            </div>
+          `).join('')}
+        </div>
+      ` : ''}
+      
+      ${achievementProgress.newBadges && achievementProgress.newBadges.length > 0 ? `
+        <div class="new-badges">
+          <h3>Recently Unlocked</h3>
+          <div class="badge-list">
+            ${achievementProgress.newBadges.map(badge => `
+              <div class="badge-item-mini">${badge.emoji} ${badge.name}</div>
+            `).join('')}
+          </div>
+        </div>
+      ` : ''}
+      
+      ${achievementProgress.categories ? `
+      <div class="achievement-categories">
+        ${achievementProgress.categories.map(category => `
+          <div class="category-section">
+            <h3>${category.emoji} ${category.name}</h3>
+            <div class="category-progress">
+              <div class="category-bar">
+                <div class="category-fill" style="width: ${category.progress}%"></div>
+              </div>
+              <span class="category-count">${category.unlocked}/${category.total}</span>
+            </div>
+            <div class="achievement-grid">
+              ${category.achievements.map(achievement => buildAchievementCard(achievement)).join('')}
+            </div>
+          </div>
+        `).join('')}
+      </div>
+      ` : achievementProgress.achievements && achievementProgress.achievements.length > 0 ? `
+      <div class="achievements-grid">
+        ${achievementProgress.achievements.map(achievement => buildAchievementCard(achievement)).join('')}
+      </div>
+      ` : ''}
+    </div>
+  `;
+}
+exports.buildAchievementsSection = buildAchievementsSection;

package/dist/generators/html/templates/commitQualitySection.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildCommitQualitySection = void 0;
+function getQualityLabel(score) {
+    if (score >= 9)
+        return 'Exceptional';
+    if (score >= 8)
+        return 'Excellent';
+    if (score >= 7)
+        return 'Good';
+    if (score >= 6)
+        return 'Fair';
+    return 'Needs Attention';
+}
+function getQualityIndicator(value, threshold) {
+    if (value >= threshold * 0.8)
+        return '✓';
+    if (value >= threshold * 0.5)
+        return '○';
+    return '–';
+}
+function buildCommitQualitySection(commitQuality, totalCommits, skipBodyCheck = false) {
+    const qualityLabel = getQualityLabel(commitQuality.overallScore);
+    return `
+    <div class="commit-quality-section">
+      <h2>Commit Quality</h2>
+      
+      <div class="quality-summary">
+        <div class="quality-score-display">
+          <div class="score-value">${commitQuality.overallScore.toFixed(1)}</div>
+          <div class="score-max">/ 10</div>
+          <div class="score-label">${qualityLabel}</div>
+        </div>
+        
+        <div class="quality-breakdown">
+          <div class="quality-metric">
+            <div class="metric-label">${getQualityIndicator(commitQuality.conventionalCommits.adherence, 80)} Convention Adherence</div>
+            <div class="metric-bar-container">
+              <div class="metric-bar" style="width: ${commitQuality.conventionalCommits.adherence}%"></div>
+            </div>
+            <div class="metric-value">${commitQuality.conventionalCommits.adherence.toFixed(1)}%</div>
+          </div>
+          
+          <div class="quality-metric">
+            <div class="metric-label">${getQualityIndicator(commitQuality.subjectQuality.score, 7)} Subject Quality</div>
+            <div class="metric-bar-container">
+              <div class="metric-bar" style="width: ${(commitQuality.subjectQuality.avgLength / 72) * 100}%"></div>
+            </div>
+            <div class="metric-value">${commitQuality.subjectQuality.score.toFixed(1)}/10 (avg ${commitQuality.subjectQuality.avgLength} chars)</div>
+          </div>
+          
+          ${!skipBodyCheck ? `
+          <div class="quality-metric">
+            <div class="metric-label">${getQualityIndicator(commitQuality.bodyQuality.score, 5)} Body Quality</div>
+            <div class="metric-bar-container">
+              <div class="metric-bar" style="width: ${(commitQuality.bodyQuality.withBody / totalCommits) * 100}%"></div>
+            </div>
+            <div class="metric-value">${commitQuality.bodyQuality.score.toFixed(1)}/10 (${commitQuality.bodyQuality.withBody}/${totalCommits} with body)</div>
+          </div>
+          ` : ''}
+        </div>
+      </div>
+      
+      ${Object.keys(commitQuality.conventionalCommits.types).length > 0 ? `
+        <div class="commit-types-chart">
+          <h3>Commit Type Distribution</h3>
+          <div class="commit-types-list">
+            ${Object.entries(commitQuality.conventionalCommits.types).sort((a, b) => b[1] - a[1]).slice(0, 5).map(([type, count]) => `
+              <div class="commit-type-row">
+                <span class="commit-type">${type}:</span>
+                <span class="commit-type-count">${count}</span>
+              </div>
+            `).join('')}
+          </div>
+        </div>
+      ` : ''}
+      
+      ${commitQuality.improvements.length > 0 ? `
+        <div class="improvement-tips">
+          <h3>Recommendations</h3>
+          <ul>
+            ${commitQuality.improvements.map((tip) => `<li>${tip}</li>`).join('')}
+          </ul>
+        </div>
+      ` : ''}
+    </div>
+  `;
+}
+exports.buildCommitQualitySection = buildCommitQualitySection;

package/dist/generators/html/templates/contributionGraph.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildContributionGraph = void 0;
+const date_fns_1 = require("date-fns");
+function buildContributionGraph(options) {
+    const { commitMap, commitDetailsMap, weeks, dayLabels, dataStartDate, dataEndDate, totalCommits, title, getColorFn } = options;
+    // Build week columns
+    let weekColumns = '';
+    weeks.forEach((week) => {
+        let weekColumn = `<div class="graph-column">`;
+        week.forEach((day) => {
+            const dateKey = (0, date_fns_1.format)(day, 'yyyy-MM-dd');
+            const count = commitMap.get(dateKey) || 0;
+            const isInRange = day >= dataStartDate && day <= dataEndDate;
+            const color = isInRange ? getColorFn(count) : 'transparent';
+            const dateStr = (0, date_fns_1.format)(day, 'MMM d, yyyy');
+            const emptyClass = count === 0 ? ' empty' : '';
+            const clickable = count > 0 ? ' clickable' : '';
+            const detailsData = count > 0 ? `data-details='${JSON.stringify(commitDetailsMap.get(dateKey) || [])}'` : '';
+            weekColumn += `<div class="day${emptyClass}${clickable}" style="background-color: ${color};" data-count="${count}" data-date="${dateStr}" ${detailsData}></div>`;
+        });
+        weekColumn += '</div>';
+        weekColumns += weekColumn;
+    });
+    // Build day labels column
+    let dayLabelsHtml = '<div class="day-labels">';
+    dayLabels.forEach((label, index) => {
+        const displayLabel = [1, 3, 5].includes(index) ? label : '';
+        dayLabelsHtml += `<div class="day-label">${displayLabel}</div>`;
+    });
+    dayLabelsHtml += '</div>';
+    // Build month labels header
+    let monthLabelsHtml = '';
+    let currentMonth = '';
+    weeks.forEach((week) => {
+        const firstDayOfWeek = week[0];
+        const monthName = (0, date_fns_1.format)(firstDayOfWeek, 'MMM');
+        if (monthName !== currentMonth) {
+            monthLabelsHtml += `<div class="month-label">${monthName}</div>`;
+            currentMonth = monthName;
+        }
+        else {
+            monthLabelsHtml += `<div class="month-label"></div>`;
+        }
+    });
+    return `
+    <div class="stats">
+      ${title}: <strong>${totalCommits}</strong> commits
+    </div>
+    
+    <div class="graph-container">
+      <div class="months">
+        ${monthLabelsHtml}
+      </div>
+      
+      <div class="graph">
+        ${dayLabelsHtml}
+        ${weekColumns}
+      </div>
+      
+      <div class="legend">
+        <span>Less</span>
+        <span class="legend-box" style="background-color: rgba(235, 237, 240, 0.1); border: 1px solid #21262d;"></span>
+        <span class="legend-box" style="background-color: #9be9a8;"></span>
+        <span class="legend-box" style="background-color: #40c463;"></span>
+        <span class="legend-box" style="background-color: #30a14e;"></span>
+        <span class="legend-box" style="background-color: #216e39;"></span>
+        <span>More</span>
+      </div>
+    </div>
+  `;
+}
+exports.buildContributionGraph = buildContributionGraph;

package/dist/generators/html/templates/impactSection.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildImpactSection = void 0;
+/**
+ * Build the Impact Analysis section for the dashboard
+ */
+function buildImpactSection(impact) {
+    const trendIcon = impact.impactTrend === 'increasing' ? '↑' : impact.impactTrend === 'decreasing' ? '↓' : '→';
+    const trendClass = impact.impactTrend === 'increasing' ? 'trend-up' : impact.impactTrend === 'decreasing' ? 'trend-down' : 'trend-stable';
+    return `
+    <div class="impact-section">
+      <h2>Impact Analysis</h2>
+      
+      <div class="impact-overview">
+        <div class="impact-score-display">
+          <div class="score-circle">
+            <span class="score-value">${impact.overallScore}</span>
+            <span class="score-max">/100</span>
+          </div>
+          <div class="score-meta">
+            <span class="score-label">Impact Score</span>
+            <span class="score-trend ${trendClass}">${trendIcon} ${impact.impactTrend}</span>
+          </div>
+        </div>
+        
+        <div class="impact-breakdown">
+          <h3>Contribution Breakdown</h3>
+          <div class="breakdown-items">
+            <div class="breakdown-item">
+              <div class="breakdown-header">
+                <span class="breakdown-label">Core Contributions</span>
+                <span class="breakdown-value">${impact.scoreBreakdown.coreContributions}%</span>
+              </div>
+              <div class="breakdown-bar">
+                <div class="breakdown-fill core" style="width: ${impact.scoreBreakdown.coreContributions}%"></div>
+              </div>
+            </div>
+            
+            <div class="breakdown-item">
+              <div class="breakdown-header">
+                <span class="breakdown-label">Feature Work</span>
+                <span class="breakdown-value">${impact.scoreBreakdown.featureWork}%</span>
+              </div>
+              <div class="breakdown-bar">
+                <div class="breakdown-fill feature" style="width: ${impact.scoreBreakdown.featureWork}%"></div>
+              </div>
+            </div>
+            
+            <div class="breakdown-item">
+              <div class="breakdown-header">
+                <span class="breakdown-label">Maintenance</span>
+                <span class="breakdown-value">${impact.scoreBreakdown.maintenanceWork}%</span>
+              </div>
+              <div class="breakdown-bar">
+                <div class="breakdown-fill maintenance" style="width: ${impact.scoreBreakdown.maintenanceWork}%"></div>
+              </div>
+            </div>
+            
+            <div class="breakdown-item">
+              <div class="breakdown-header">
+                <span class="breakdown-label">Documentation</span>
+                <span class="breakdown-value">${impact.scoreBreakdown.documentationWork}%</span>
+              </div>
+              <div class="breakdown-bar">
+                <div class="breakdown-fill docs" style="width: ${impact.scoreBreakdown.documentationWork}%"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      ${impact.topImpactFiles.length > 0 ? `
+        <div class="impact-files">
+          <h3>Highest Impact Changes</h3>
+          <table class="data-table">
+            <thead>
+              <tr>
+                <th>File</th>
+                <th>Category</th>
+                <th>Changes</th>
+                <th>Impact</th>
+              </tr>
+            </thead>
+            <tbody>
+              ${impact.topImpactFiles.map(file => `
+                <tr>
+                  <td class="file-path">${truncatePath(file.path)}</td>
+                  <td><span class="category-badge ${file.category}">${file.category}</span></td>
+                  <td>${file.changeCount}</td>
+                  <td><span class="impact-badge">${file.impactScore.toFixed(1)}</span></td>
+                </tr>
+              `).join('')}
+            </tbody>
+          </table>
+        </div>
+      ` : ''}
+      
+      ${impact.insights.length > 0 ? `
+        <div class="insights-list">
+          <h3>Insights</h3>
+          <ul>
+            ${impact.insights.map(insight => `<li>${insight}</li>`).join('')}
+          </ul>
+        </div>
+      ` : ''}
+    </div>
+  `;
+}
+exports.buildImpactSection = buildImpactSection;
+/**
+ * Truncate file path for display
+ */
+function truncatePath(path, maxLength = 40) {
+    if (path.length <= maxLength)
+        return path;
+    return '...' + path.slice(-maxLength + 3);
+}