repo-wrapped 0.0.3 → 0.0.5

package/dist/utils/htmlGenerator.js

@@ -1,35 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateHTML = void 0;
-const date_fns_1 = require("date-fns");
-const achievementEngine_1 = require("./achievementEngine");
-const commitQualityAnalyzer_1 = require("./commitQualityAnalyzer");
-const fileHotspotAnalyzer_1 = require("./fileHotspotAnalyzer");
-const impactAnalyzer_1 = require("./impactAnalyzer");
-const knowledgeDistributionAnalyzer_1 = require("./knowledgeDistributionAnalyzer");
-const streakCalculator_1 = require("./streakCalculator");
-const timePatternAnalyzer_1 = require("./timePatternAnalyzer");
-const styleLoader_1 = require("../generators/html/utils/styleLoader");
-const scriptLoader_1 = require("../generators/html/utils/scriptLoader");
-const contributionGraph_1 = require("../generators/html/templates/contributionGraph");
-const streakSection_1 = require("../generators/html/templates/streakSection");
-const timePatternsSection_1 = require("../generators/html/templates/timePatternsSection");
-const commitQualitySection_1 = require("../generators/html/templates/commitQualitySection");
-const achievementsSection_1 = require("../generators/html/templates/achievementsSection");
-const impactSection_1 = require("../generators/html/templates/impactSection");
-const knowledgeSection_1 = require("../generators/html/templates/knowledgeSection");
-const commitMapBuilder_1 = require("../generators/html/utils/commitMapBuilder");
-const developerStatsCalculator_1 = require("../generators/html/utils/developerStatsCalculator");
-const dateRangeCalculator_1 = require("../generators/html/utils/dateRangeCalculator");
-const weekGrouper_1 = require("../generators/html/utils/weekGrouper");
-const colorUtils_1 = require("../generators/html/utils/colorUtils");
-// Helper to format date range for display
-function formatDateRange(start, end) {
-    return `${(0, date_fns_1.format)(start, 'MMM d, yyyy')} – ${(0, date_fns_1.format)(end, 'MMM d, yyyy')}`;
-}
-// Helper to build KPI header
-function buildKPIHeader(totalCommits, qualityScore, currentStreak, activeDayPercentage) {
-    const healthScore = ((qualityScore / 10) * 0.4 + (activeDayPercentage / 100) * 0.3 + Math.min(currentStreak / 30, 1) * 0.3) * 10;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateHTML = generateHTML;
+const date_fns_1 = require("date-fns");
+const achievementEngine_1 = require("./achievementEngine");
+const commitQualityAnalyzer_1 = require("./commitQualityAnalyzer");
+const fileHotspotAnalyzer_1 = require("./fileHotspotAnalyzer");
+const impactAnalyzer_1 = require("./impactAnalyzer");
+const knowledgeDistributionAnalyzer_1 = require("./knowledgeDistributionAnalyzer");
+const streakCalculator_1 = require("./streakCalculator");
+const timePatternAnalyzer_1 = require("./timePatternAnalyzer");
+const styleLoader_1 = require("../generators/html/utils/styleLoader");
+const scriptLoader_1 = require("../generators/html/utils/scriptLoader");
+const contributionGraph_1 = require("../generators/html/templates/contributionGraph");
+const streakSection_1 = require("../generators/html/templates/streakSection");
+const timePatternsSection_1 = require("../generators/html/templates/timePatternsSection");
+const commitQualitySection_1 = require("../generators/html/templates/commitQualitySection");
+const achievementsSection_1 = require("../generators/html/templates/achievementsSection");
+const impactSection_1 = require("../generators/html/templates/impactSection");
+const knowledgeSection_1 = require("../generators/html/templates/knowledgeSection");
+const commitMapBuilder_1 = require("../generators/html/utils/commitMapBuilder");
+const developerStatsCalculator_1 = require("../generators/html/utils/developerStatsCalculator");
+const dateRangeCalculator_1 = require("../generators/html/utils/dateRangeCalculator");
+const weekGrouper_1 = require("../generators/html/utils/weekGrouper");
+const colorUtils_1 = require("../generators/html/utils/colorUtils");
+// Helper to format date range for display
+function formatDateRange(start, end) {
+    return `${(0, date_fns_1.format)(start, 'MMM d, yyyy')} – ${(0, date_fns_1.format)(end, 'MMM d, yyyy')}`;
+}
+// Helper to build KPI header
+function buildKPIHeader(totalCommits, qualityScore, currentStreak, activeDayPercentage) {
+    const healthScore = ((qualityScore / 10) * 0.4 + (activeDayPercentage / 100) * 0.3 + Math.min(currentStreak / 30, 1) * 0.3) * 10;
     return `
     <header class="kpi-header">
       <div class="kpi-card">
@@ -53,10 +53,10 @@ function buildKPIHeader(totalCommits, qualityScore, currentStreak, activeDayPerc
         <span class="kpi-value">${activeDayPercentage.toFixed(0)}%</span>
       </div>
     </header>
-  `;
-}
-// Helper to wrap content in collapsible section
-function wrapInSection(id, title, content, icon = '') {
+  `;
+}
+// Helper to wrap content in collapsible section
+function wrapInSection(id, title, content, icon = '') {
     return `
     <section class="dashboard-section" id="${id}">
       <header class="section-header" role="button" aria-expanded="true">
@@ -67,85 +67,84 @@ function wrapInSection(id, title, content, icon = '') {
         ${content}
       </div>
     </section>
-  `;
-}
-function generateHTML(commits, year, monthsToShow, repoPath, repoName, repoUrl, skipBodyCheck = false, allTime = false, deepAnalysis = false) {
-    // Get current git user
-    const { getCurrentGitUser } = require('./gitParser');
-    const currentUser = getCurrentGitUser(repoPath);
-    // Calculate date ranges
-    const { startDate, endDate, weekStartDate, weekEndDate } = allTime
-        ? (0, dateRangeCalculator_1.calculateDateRangesFromCommits)(commits)
-        : (0, dateRangeCalculator_1.calculateDateRanges)(year, monthsToShow);
-    // Create commit maps for overall and personal commits
-    const { commitMap, commitDetailsMap } = (0, commitMapBuilder_1.createCommitMaps)(commits, startDate, endDate);
-    const personalCommits = commits.filter(c => c.author === currentUser);
-    const { commitMap: personalCommitMap, commitDetailsMap: personalCommitDetailsMap } = (0, commitMapBuilder_1.createCommitMaps)(personalCommits, startDate, endDate);
-    // Calculate per-developer statistics
-    const developerStats = (0, developerStatsCalculator_1.calculateDeveloperStats)(commits, startDate, endDate);
-    // Calculate streak data (overall and personal)
-    const streakData = (0, streakCalculator_1.calculateStreaks)(commits, startDate, endDate);
-    const personalStreakData = (0, streakCalculator_1.calculateStreaks)(personalCommits, startDate, endDate);
-    // Analyze time patterns (overall and personal)
-    const timePattern = (0, timePatternAnalyzer_1.analyzeTimePatterns)(commits, startDate, endDate);
-    const personalTimePattern = (0, timePatternAnalyzer_1.analyzeTimePatterns)(personalCommits, startDate, endDate);
-    // Analyze commit quality (overall and personal)
-    const commitQuality = (0, commitQualityAnalyzer_1.analyzeCommitQuality)(commits, { skipBodyCheck });
-    const personalCommitQuality = (0, commitQualityAnalyzer_1.analyzeCommitQuality)(personalCommits, { skipBodyCheck });
-    // Analyze file hotspots
-    const fileHotspots = (0, fileHotspotAnalyzer_1.analyzeFileHotspots)(repoPath, startDate, endDate);
-    // Analyze impact and knowledge distribution (enterprise insights)
-    const impactAnalysis = (0, impactAnalyzer_1.analyzeImpact)(commits);
-    const knowledgeDistribution = (0, knowledgeDistributionAnalyzer_1.analyzeKnowledgeDistribution)(commits, repoPath, deepAnalysis);
-    const totalCommits = Array.from(commitMap.values()).reduce((sum, count) => sum + count, 0);
-    const totalPersonalCommits = Array.from(personalCommitMap.values()).reduce((sum, count) => sum + count, 0);
-    // Prepare analysis data for achievements (overall and personal)
-    const analysisData = {
-        commits,
-        totalCommits,
-        streakData,
-        timePattern,
-        commitQuality,
-        fileHotspots,
-        dateRange: { start: startDate, end: endDate }
-    };
-    const personalAnalysisData = {
-        commits: personalCommits,
-        totalCommits: totalPersonalCommits,
-        streakData: personalStreakData,
-        timePattern: personalTimePattern,
-        commitQuality: personalCommitQuality,
-        fileHotspots,
-        dateRange: { start: startDate, end: endDate }
-    };
-    // Check achievements
-    const achievementProgress = (0, achievementEngine_1.checkAchievements)(analysisData);
-    const personalAchievementProgress = (0, achievementEngine_1.checkAchievements)(personalAnalysisData);
-    return generateHTMLContent(commitMap, commitDetailsMap, developerStats, streakData, timePattern, commitQuality, fileHotspots, achievementProgress, personalCommitMap, personalCommitDetailsMap, personalStreakData, personalTimePattern, personalCommitQuality, personalAchievementProgress, weekStartDate, weekEndDate, startDate, endDate, repoName, repoUrl, currentUser, skipBodyCheck, impactAnalysis, knowledgeDistribution);
-}
-exports.generateHTML = generateHTML;
-function generatePersonalContent(personalCommitMap, personalCommitDetailsMap, streakData, timePattern, commitQuality, achievementProgress, weekStartDate, weekEndDate, dataStartDate, dataEndDate, currentUser, totalCommits, skipBodyCheck = false) {
-    const weeks = (0, weekGrouper_1.groupDaysIntoWeeks)(weekStartDate, weekEndDate);
-    const dayLabels = (0, weekGrouper_1.getDayLabels)();
-    // Build KPI header for personal stats
-    const kpiHeader = buildKPIHeader(totalCommits, commitQuality.overallScore, streakData.currentStreak.days, streakData.activeDayPercentage);
-    // Generate sections using template builders
-    const contributionGraphHtml = (0, contributionGraph_1.buildContributionGraph)({
-        commitMap: personalCommitMap,
-        commitDetailsMap: personalCommitDetailsMap,
-        weeks,
-        dayLabels,
-        dataStartDate,
-        dataEndDate,
-        totalCommits,
-        title: 'Your contributions',
-        getColorFn: colorUtils_1.getColor
-    });
-    const streakSectionHtml = (0, streakSection_1.buildStreakSection)(streakData);
-    const timePatternsHtml = (0, timePatternsSection_1.buildTimePatternsSection)(timePattern);
-    const commitQualityHtml = (0, commitQualitySection_1.buildCommitQualitySection)(commitQuality, totalCommits, skipBodyCheck);
-    const achievementsHtml = (0, achievementsSection_1.buildAchievementsSection)(achievementProgress);
-    // Combine all sections with collapsible wrappers
+  `;
+}
+function generateHTML(commits, year, monthsToShow, repoPath, repoName, repoUrl, skipBodyCheck = false, allTime = false, deepAnalysis = false) {
+    // Get current git user
+    const { getCurrentGitUser } = require('./gitParser');
+    const currentUser = getCurrentGitUser(repoPath);
+    // Calculate date ranges
+    const { startDate, endDate, weekStartDate, weekEndDate } = allTime
+        ? (0, dateRangeCalculator_1.calculateDateRangesFromCommits)(commits)
+        : (0, dateRangeCalculator_1.calculateDateRanges)(year, monthsToShow);
+    // Create commit maps for overall and personal commits
+    const { commitMap, commitDetailsMap } = (0, commitMapBuilder_1.createCommitMaps)(commits, startDate, endDate);
+    const personalCommits = commits.filter(c => c.author === currentUser);
+    const { commitMap: personalCommitMap, commitDetailsMap: personalCommitDetailsMap } = (0, commitMapBuilder_1.createCommitMaps)(personalCommits, startDate, endDate);
+    // Calculate per-developer statistics
+    const developerStats = (0, developerStatsCalculator_1.calculateDeveloperStats)(commits, startDate, endDate);
+    // Calculate streak data (overall and personal)
+    const streakData = (0, streakCalculator_1.calculateStreaks)(commits, startDate, endDate);
+    const personalStreakData = (0, streakCalculator_1.calculateStreaks)(personalCommits, startDate, endDate);
+    // Analyze time patterns (overall and personal)
+    const timePattern = (0, timePatternAnalyzer_1.analyzeTimePatterns)(commits, startDate, endDate);
+    const personalTimePattern = (0, timePatternAnalyzer_1.analyzeTimePatterns)(personalCommits, startDate, endDate);
+    // Analyze commit quality (overall and personal)
+    const commitQuality = (0, commitQualityAnalyzer_1.analyzeCommitQuality)(commits, { skipBodyCheck });
+    const personalCommitQuality = (0, commitQualityAnalyzer_1.analyzeCommitQuality)(personalCommits, { skipBodyCheck });
+    // Analyze file hotspots
+    const fileHotspots = (0, fileHotspotAnalyzer_1.analyzeFileHotspots)(repoPath, startDate, endDate);
+    // Analyze impact and knowledge distribution (enterprise insights)
+    const impactAnalysis = (0, impactAnalyzer_1.analyzeImpact)(commits);
+    const knowledgeDistribution = (0, knowledgeDistributionAnalyzer_1.analyzeKnowledgeDistribution)(commits, repoPath, deepAnalysis);
+    const totalCommits = Array.from(commitMap.values()).reduce((sum, count) => sum + count, 0);
+    const totalPersonalCommits = Array.from(personalCommitMap.values()).reduce((sum, count) => sum + count, 0);
+    // Prepare analysis data for achievements (overall and personal)
+    const analysisData = {
+        commits,
+        totalCommits,
+        streakData,
+        timePattern,
+        commitQuality,
+        fileHotspots,
+        dateRange: { start: startDate, end: endDate }
+    };
+    const personalAnalysisData = {
+        commits: personalCommits,
+        totalCommits: totalPersonalCommits,
+        streakData: personalStreakData,
+        timePattern: personalTimePattern,
+        commitQuality: personalCommitQuality,
+        fileHotspots,
+        dateRange: { start: startDate, end: endDate }
+    };
+    // Check achievements
+    const achievementProgress = (0, achievementEngine_1.checkAchievements)(analysisData);
+    const personalAchievementProgress = (0, achievementEngine_1.checkAchievements)(personalAnalysisData);
+    return generateHTMLContent(commitMap, commitDetailsMap, developerStats, streakData, timePattern, commitQuality, fileHotspots, achievementProgress, personalCommitMap, personalCommitDetailsMap, personalStreakData, personalTimePattern, personalCommitQuality, personalAchievementProgress, weekStartDate, weekEndDate, startDate, endDate, repoName, repoUrl, currentUser, skipBodyCheck, impactAnalysis, knowledgeDistribution);
+}
+function generatePersonalContent(personalCommitMap, personalCommitDetailsMap, streakData, timePattern, commitQuality, achievementProgress, weekStartDate, weekEndDate, dataStartDate, dataEndDate, currentUser, totalCommits, skipBodyCheck = false) {
+    const weeks = (0, weekGrouper_1.groupDaysIntoWeeks)(weekStartDate, weekEndDate);
+    const dayLabels = (0, weekGrouper_1.getDayLabels)();
+    // Build KPI header for personal stats
+    const kpiHeader = buildKPIHeader(totalCommits, commitQuality.overallScore, streakData.currentStreak.days, streakData.activeDayPercentage);
+    // Generate sections using template builders
+    const contributionGraphHtml = (0, contributionGraph_1.buildContributionGraph)({
+        commitMap: personalCommitMap,
+        commitDetailsMap: personalCommitDetailsMap,
+        weeks,
+        dayLabels,
+        dataStartDate,
+        dataEndDate,
+        totalCommits,
+        title: 'Your contributions',
+        getColorFn: (0, colorUtils_1.createDynamicColorFn)(personalCommitMap)
+    });
+    const streakSectionHtml = (0, streakSection_1.buildStreakSection)(streakData);
+    const timePatternsHtml = (0, timePatternsSection_1.buildTimePatternsSection)(timePattern);
+    const commitQualityHtml = (0, commitQualitySection_1.buildCommitQualitySection)(commitQuality, totalCommits, skipBodyCheck);
+    const achievementsHtml = (0, achievementsSection_1.buildAchievementsSection)(achievementProgress);
+    // Combine all sections with collapsible wrappers
     return `
     ${kpiHeader}
     
@@ -154,75 +153,88 @@ function generatePersonalContent(personalCommitMap, personalCommitDetailsMap, st
     ${wrapInSection('personal-patterns', 'Time Patterns', timePatternsHtml)}
     ${wrapInSection('personal-quality', 'Commit Quality', commitQualityHtml)}
     ${wrapInSection('personal-achievements', 'Achievements', achievementsHtml)}
-  `;
-}
-function generateHTMLContent(commitMap, commitDetailsMap, developerStats, streakData, timePattern, commitQuality, fileHotspots, achievementProgress, personalCommitMap, personalCommitDetailsMap, personalStreakData, personalTimePattern, personalCommitQuality, personalAchievementProgress, weekStartDate, weekEndDate, dataStartDate, dataEndDate, repoName, repoUrl, currentUser, skipBodyCheck = false, impactAnalysis, knowledgeDistribution) {
-    const totalPersonalCommits = Array.from(personalCommitMap.values()).reduce((sum, count) => sum + count, 0);
-    const weeks = (0, weekGrouper_1.groupDaysIntoWeeks)(weekStartDate, weekEndDate);
-    // Build month labels and track month boundaries
-    let monthLabels = '';
-    let currentMonth = '';
-    const monthBoundaries = new Set();
-    weeks.forEach((week, weekIndex) => {
-        const firstDayOfWeek = week[0];
-        const monthName = (0, date_fns_1.format)(firstDayOfWeek, 'MMM');
-        if (monthName !== currentMonth) {
-            currentMonth = monthName;
-            if (weekIndex > 0) {
-                monthBoundaries.add(weekIndex);
-            }
-        }
-    });
-    // Build week columns
-    let weekColumns = '';
-    const dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-    weeks.forEach((week, weekIndex) => {
-        let weekColumn = `<div class="graph-column">`;
-        week.forEach((day, dayOfWeek) => {
-            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 ? (0, colorUtils_1.getColor)(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 = '';
-    currentMonth = '';
-    weeks.forEach((week, weekIndex) => {
-        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>`;
-        }
-    });
-    const totalCommits = Array.from(commitMap.values()).reduce((sum, count) => sum + count, 0);
-    // Sort developers by commit count
-    const sortedDevelopers = Array.from(developerStats.entries())
-        .sort((a, b) => b[1].commits - a[1].commits);
-    // Generate developer analysis HTML
-    const developerAnalysisHtml = sortedDevelopers.map(([author, stats]) => {
-        const percentage = ((stats.commits / totalCommits) * 100).toFixed(1);
-        const dateRange = stats.firstCommit.toDateString() === stats.lastCommit.toDateString()
-            ? (0, date_fns_1.format)(stats.firstCommit, 'MMM d, yyyy')
-            : `${(0, date_fns_1.format)(stats.firstCommit, 'MMM d, yyyy')} - ${(0, date_fns_1.format)(stats.lastCommit, 'MMM d, yyyy')}`;
+  `;
+}
+function generateHTMLContent(commitMap, commitDetailsMap, developerStats, streakData, timePattern, commitQuality, fileHotspots, achievementProgress, personalCommitMap, personalCommitDetailsMap, personalStreakData, personalTimePattern, personalCommitQuality, personalAchievementProgress, weekStartDate, weekEndDate, dataStartDate, dataEndDate, repoName, repoUrl, currentUser, skipBodyCheck = false, impactAnalysis, knowledgeDistribution) {
+    const totalPersonalCommits = Array.from(personalCommitMap.values()).reduce((sum, count) => sum + count, 0);
+    const weeks = (0, weekGrouper_1.groupDaysIntoWeeks)(weekStartDate, weekEndDate);
+    // Create dynamic color function based on commit distribution
+    const getColor = (0, colorUtils_1.createDynamicColorFn)(commitMap);
+    // Build month labels and track month boundaries
+    let monthLabels = '';
+    let currentMonth = '';
+    const monthBoundaries = new Set();
+    weeks.forEach((week, weekIndex) => {
+        const firstDayOfWeek = week[0];
+        const monthName = (0, date_fns_1.format)(firstDayOfWeek, 'MMM');
+        if (monthName !== currentMonth) {
+            currentMonth = monthName;
+            if (weekIndex > 0) {
+                monthBoundaries.add(weekIndex);
+            }
+        }
+    });
+    // Build week columns
+    let weekColumns = '';
+    const dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+    weeks.forEach((week, weekIndex) => {
+        let weekColumn = `<div class="graph-column">`;
+        week.forEach((day, dayOfWeek) => {
+            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 ? getColor(count) : 'transparent';
+            const dateStr = (0, date_fns_1.format)(day, 'MMM d, yyyy');
+            const emptyClass = count === 0 ? ' empty' : '';
+            const clickable = count > 0 ? ' clickable' : '';
+            const rawCommits = commitDetailsMap.get(dateKey) || [];
+            const sanitizedCommits = rawCommits.map(c => ({
+                ...c,
+                message: c.message
+                    .replace(/[\r\n]+/g, ' ')
+                    .replace(/'/g, '&#39;')
+                    .replace(/"/g, '&quot;')
+                    .replace(/</g, '&lt;')
+                    .replace(/>/g, '&gt;')
+                    .substring(0, 200)
+            }));
+            const detailsData = count > 0 ? `data-details='${JSON.stringify(sanitizedCommits)}'` : '';
+            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 = '';
+    currentMonth = '';
+    weeks.forEach((week, weekIndex) => {
+        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>`;
+        }
+    });
+    const totalCommits = Array.from(commitMap.values()).reduce((sum, count) => sum + count, 0);
+    // Sort developers by commit count
+    const sortedDevelopers = Array.from(developerStats.entries())
+        .sort((a, b) => b[1].commits - a[1].commits);
+    // Generate developer analysis HTML
+    const developerAnalysisHtml = sortedDevelopers.map(([author, stats]) => {
+        const percentage = ((stats.commits / totalCommits) * 100).toFixed(1);
+        const dateRange = stats.firstCommit.toDateString() === stats.lastCommit.toDateString()
+            ? (0, date_fns_1.format)(stats.firstCommit, 'MMM d, yyyy')
+            : `${(0, date_fns_1.format)(stats.firstCommit, 'MMM d, yyyy')} - ${(0, date_fns_1.format)(stats.lastCommit, 'MMM d, yyyy')}`;
         return `
       <div class="developer-row">
         <div class="developer-info">
@@ -236,9 +248,9 @@ function generateHTMLContent(commitMap, commitDetailsMap, developerStats, streak
           <div class="developer-count">${stats.commits} commits (${percentage}%)</div>
         </div>
       </div>
-    `;
-    }).join('');
-    // Build contribution graph HTML for Overall tab
+    `;
+    }).join('');
+    // Build contribution graph HTML for Overall tab
     const contributionGraphHtml = `
     <div class="graph-container">
       <div class="months">
@@ -260,14 +272,14 @@ function generateHTMLContent(commitMap, commitDetailsMap, developerStats, streak
         <span>More</span>
       </div>
     </div>
-  `;
+  `;
     const developerSectionHtml = `
     <div class="developer-analysis">
       ${developerAnalysisHtml}
     </div>
-  `;
-    // Build KPI header for Overall tab
-    const overallKpiHeader = buildKPIHeader(totalCommits, commitQuality.overallScore, streakData.currentStreak.days, streakData.activeDayPercentage);
+  `;
+    // Build KPI header for Overall tab
+    const overallKpiHeader = buildKPIHeader(totalCommits, commitQuality.overallScore, streakData.currentStreak.days, streakData.activeDayPercentage);
     return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -398,46 +410,46 @@ function generateHTMLContent(commitMap, commitDetailsMap, developerStats, streak
   
   <script>
     // Embed data for export functionality
-    window.__GITWRAPPED_DATA__ = ${JSON.stringify({
-        repository: repoName,
-        period: {
-            start: dataStartDate.toISOString(),
-            end: dataEndDate.toISOString()
-        },
-        author: currentUser,
-        summary: {
-            totalCommits: totalCommits,
-            totalContributors: developerStats.size,
-            activeDays: commitMap.size
-        },
-        streaks: {
-            currentStreak: streakData.currentStreak.days,
-            longestStreak: streakData.longestStreak.days,
-            totalActiveDays: streakData.totalActiveDays,
-            activeDayPercentage: streakData.activeDayPercentage
-        },
-        quality: {
-            overallScore: commitQuality.overallScore,
-            conventionalAdherence: commitQuality.conventionalCommits.adherence,
-            avgSubjectLength: commitQuality.subjectQuality.avgLength
-        },
-        timePattern: {
-            chronotype: timePattern.chronotype,
-            peakHour: timePattern.peakHour.hour,
-            consistency: timePattern.consistency?.score || 0
-        },
-        commits: Array.from(commitDetailsMap.values()).flat().map((c) => ({
-            date: c.date,
-            author: c.author,
-            message: c.message.split('\\n')[0],
-            hash: c.hash
-        })),
-        developerStats: Array.from(developerStats.entries()).map(([name, stats]) => ({
-            name,
-            commits: stats.commits,
-            firstCommit: stats.firstCommit.toISOString(),
-            lastCommit: stats.lastCommit.toISOString()
-        }))
+    window.__GITWRAPPED_DATA__ = ${JSON.stringify({
+        repository: repoName,
+        period: {
+            start: dataStartDate.toISOString(),
+            end: dataEndDate.toISOString()
+        },
+        author: currentUser,
+        summary: {
+            totalCommits: totalCommits,
+            totalContributors: developerStats.size,
+            activeDays: commitMap.size
+        },
+        streaks: {
+            currentStreak: streakData.currentStreak.days,
+            longestStreak: streakData.longestStreak.days,
+            totalActiveDays: streakData.totalActiveDays,
+            activeDayPercentage: streakData.activeDayPercentage
+        },
+        quality: {
+            overallScore: commitQuality.overallScore,
+            conventionalAdherence: commitQuality.conventionalCommits.adherence,
+            avgSubjectLength: commitQuality.subjectQuality.avgLength
+        },
+        timePattern: {
+            chronotype: timePattern.chronotype,
+            peakHour: timePattern.peakHour.hour,
+            consistency: timePattern.consistency?.score || 0
+        },
+        commits: Array.from(commitDetailsMap.values()).flat().map((c) => ({
+            date: c.date,
+            author: c.author,
+            message: c.message.split('\\n')[0],
+            hash: c.hash
+        })),
+        developerStats: Array.from(developerStats.entries()).map(([name, stats]) => ({
+            name,
+            commits: stats.commits,
+            firstCommit: stats.firstCommit.toISOString(),
+            lastCommit: stats.lastCommit.toISOString()
+        }))
     })};
   </script>
   
@@ -445,5 +457,5 @@ function generateHTMLContent(commitMap, commitDetailsMap, developerStats, streak
     ${(0, scriptLoader_1.loadScripts)()}
   </script>
 </body>
-</html>`;
-}
+</html>`;
+}