repo-wrapped 0.0.6 → 0.0.9

package/dist/generators/html/utils/htmlDocumentBuilder.js

@@ -0,0 +1,396 @@
+"use strict";
+/**
+ * HTML document builder - assembles the final HTML document.
+ *
+ * @module generators/html/utils/htmlDocumentBuilder
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildHtmlDocument = buildHtmlDocument;
+const date_fns_1 = require("date-fns");
+const package_json_1 = require("../../../../package.json");
+const styleLoader_1 = require("./styleLoader");
+const scriptLoader_1 = require("./scriptLoader");
+const kpiBuilder_1 = require("./kpiBuilder");
+const sectionWrapper_1 = require("./sectionWrapper");
+const weekGrouper_1 = require("./weekGrouper");
+const colorUtils_1 = require("./colorUtils");
+const contributionGraph_1 = require("../templates/contributionGraph");
+const streaks_1 = require("../../../features/streaks");
+const time_patterns_1 = require("../../../features/time-patterns");
+const commitQualitySection_1 = require("../templates/commitQualitySection");
+const achievements_1 = require("../../../features/achievements");
+const impactSection_1 = require("../templates/impactSection");
+const knowledgeSection_1 = require("../templates/knowledgeSection");
+const velocitySection_1 = require("../templates/velocitySection");
+const gapSection_1 = require("../templates/gapSection");
+const comparisonSection_1 = require("../templates/comparisonSection");
+const executiveSummarySection_1 = require("../templates/executiveSummarySection");
+const teamSection_1 = require("../templates/teamSection");
+const eventsSection_1 = require("../templates/eventsSection");
+/**
+ * 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')}`;
+}
+/**
+ * Build the overall contribution graph with month labels.
+ */
+function buildOverallContributionGraph(context, results) {
+    const { dateRange } = context;
+    const { commitMap, commitDetailsMap } = results.overall;
+    const weeks = (0, weekGrouper_1.groupDaysIntoWeeks)(dateRange.weekStart, dateRange.weekEnd);
+    const dayLabels = (0, weekGrouper_1.getDayLabels)();
+    const getColor = (0, colorUtils_1.createDynamicColorFn)(commitMap);
+    // Build month labels
+    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>`;
+        }
+    });
+    // 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 >= dateRange.start && day <= dateRange.end;
+            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
+    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>';
+    return `
+    <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>
+  `;
+}
+/**
+ * Build developer breakdown section.
+ */
+function buildDeveloperSection(developerStats, totalCommits) {
+    const sortedDevelopers = Array.from(developerStats.entries())
+        .sort((a, b) => b[1].commits - a[1].commits);
+    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">
+          <div class="developer-name">${author}</div>
+          <div class="developer-date-range">${dateRange}</div>
+        </div>
+        <div class="developer-stats">
+          <div class="developer-bar-container">
+            <div class="developer-bar" style="width: ${percentage}%"></div>
+          </div>
+          <div class="developer-count">${stats.commits} commits (${percentage}%)</div>
+        </div>
+      </div>
+    `;
+    }).join('');
+    return `<div class="developer-analysis">${developerAnalysisHtml}</div>`;
+}
+/**
+ * Build personal tab content.
+ */
+function buildPersonalContent(context, results, skipBodyCheck) {
+    const { dateRange, currentUser } = context;
+    const { personal } = results;
+    const weeks = (0, weekGrouper_1.groupDaysIntoWeeks)(dateRange.weekStart, dateRange.weekEnd);
+    const dayLabels = (0, weekGrouper_1.getDayLabels)();
+    const kpiHeader = (0, kpiBuilder_1.buildKPIHeader)(personal.totalCommits, personal.commitQuality.overallScore, personal.streakData.currentStreak.days, personal.streakData.activeDayPercentage);
+    const contributionGraphHtml = (0, contributionGraph_1.buildContributionGraph)({
+        commitMap: personal.commitMap,
+        commitDetailsMap: personal.commitDetailsMap,
+        weeks,
+        dayLabels,
+        dataStartDate: dateRange.start,
+        dataEndDate: dateRange.end,
+        totalCommits: personal.totalCommits,
+        title: 'Your contributions',
+        getColorFn: (0, colorUtils_1.createDynamicColorFn)(personal.commitMap)
+    });
+    const streakSectionHtml = (0, streaks_1.buildStreakSection)(personal.streakData);
+    const timePatternsHtml = (0, time_patterns_1.buildTimePatternsSection)(personal.timePattern);
+    const commitQualityHtml = (0, commitQualitySection_1.buildCommitQualitySection)(personal.commitQuality, personal.totalCommits, skipBodyCheck);
+    const achievementsHtml = (0, achievements_1.buildAchievementsSection)(personal.achievementProgress);
+    return `
+    ${kpiHeader}
+    ${(0, sectionWrapper_1.wrapInSection)('personal-overview', 'Contribution Overview', contributionGraphHtml)}
+    ${(0, sectionWrapper_1.wrapInSection)('personal-streaks', 'Streak Analysis', streakSectionHtml)}
+    ${(0, sectionWrapper_1.wrapInSection)('personal-patterns', 'Time Patterns', timePatternsHtml)}
+    ${(0, sectionWrapper_1.wrapInSection)('personal-quality', 'Commit Quality', commitQualityHtml)}
+    ${(0, sectionWrapper_1.wrapInSection)('personal-achievements', 'Achievements', achievementsHtml)}
+  `;
+}
+/**
+ * Build the overall tab content.
+ */
+function buildOverallContent(context, results) {
+    const { developerStats } = context;
+    const { overall, impactAnalysis, knowledgeDistribution } = results;
+    const kpiHeader = (0, kpiBuilder_1.buildKPIHeader)(overall.totalCommits, overall.commitQuality.overallScore, overall.streakData.currentStreak.days, overall.streakData.activeDayPercentage);
+    const contributionGraphHtml = buildOverallContributionGraph(context, results);
+    const developerSectionHtml = buildDeveloperSection(developerStats, overall.totalCommits);
+    return `
+    ${kpiHeader}
+    ${(0, sectionWrapper_1.wrapInSection)('contributions', 'Contribution Activity', contributionGraphHtml)}
+    ${(0, sectionWrapper_1.wrapInSection)('team-developers', 'Developer Contributions', developerSectionHtml)}
+    ${impactAnalysis ? (0, sectionWrapper_1.wrapInSection)('impact', 'Developer Impact', (0, impactSection_1.buildImpactSection)(impactAnalysis)) : ''}
+    ${knowledgeDistribution ? (0, sectionWrapper_1.wrapInSection)('knowledge', 'Knowledge Distribution', (0, knowledgeSection_1.buildKnowledgeSection)(knowledgeDistribution)) : ''}
+  `;
+}
+/**
+ * Build the strategic insights (lead dev) tab content.
+ */
+function buildLeadDevContent(results) {
+    const { leadDev } = results;
+    if (!leadDev)
+        return '';
+    const hasContent = leadDev.velocityAnalysis || leadDev.gapAnalysis ||
+        leadDev.rangeComparison || leadDev.executiveSummary ||
+        leadDev.teamAnalysis || (leadDev.events && leadDev.events.length > 0);
+    if (!hasContent)
+        return '';
+    return `
+    ${leadDev.executiveSummary ? (0, sectionWrapper_1.wrapInSection)('executive-summary', 'Executive Summary', (0, executiveSummarySection_1.buildExecutiveSummarySection)(leadDev.executiveSummary), '📋') : ''}
+    ${leadDev.velocityAnalysis ? (0, sectionWrapper_1.wrapInSection)('velocity', 'Velocity Timeline', (0, velocitySection_1.buildVelocitySection)(leadDev.velocityAnalysis), '📈') : ''}
+    ${leadDev.gapAnalysis ? (0, sectionWrapper_1.wrapInSection)('gaps', 'Gap Analysis', (0, gapSection_1.buildGapSection)(leadDev.gapAnalysis), '🚧') : ''}
+    ${leadDev.rangeComparison ? (0, sectionWrapper_1.wrapInSection)('comparison', 'Period Comparison', (0, comparisonSection_1.buildComparisonSection)(leadDev.rangeComparison), '⚖️') : ''}
+    ${leadDev.teamAnalysis ? (0, sectionWrapper_1.wrapInSection)('team-analysis', 'Team Analysis', (0, teamSection_1.buildTeamSection)(leadDev.teamAnalysis), '👥') : ''}
+    ${leadDev.events?.length ? (0, sectionWrapper_1.wrapInSection)('events', 'Event Timeline', (0, eventsSection_1.buildEventsSection)(leadDev.events), '📅') : ''}
+  `;
+}
+/**
+ * Build export data for JSON/CSV export.
+ */
+function buildExportData(context, results) {
+    const { repoInfo, currentUser, dateRange, developerStats } = context;
+    const { overall } = results;
+    return {
+        repository: repoInfo.name,
+        period: {
+            start: dateRange.start.toISOString(),
+            end: dateRange.end.toISOString()
+        },
+        author: currentUser,
+        summary: {
+            totalCommits: overall.totalCommits,
+            totalContributors: developerStats.size,
+            activeDays: overall.commitMap.size
+        },
+        streaks: {
+            currentStreak: overall.streakData.currentStreak.days,
+            longestStreak: overall.streakData.longestStreak.days,
+            totalActiveDays: overall.streakData.totalActiveDays,
+            activeDayPercentage: overall.streakData.activeDayPercentage
+        },
+        quality: {
+            overallScore: overall.commitQuality.overallScore,
+            conventionalAdherence: overall.commitQuality.conventionalCommits.adherence,
+            avgSubjectLength: overall.commitQuality.subjectQuality.avgLength
+        },
+        timePattern: {
+            chronotype: overall.timePattern.chronotype,
+            peakHour: overall.timePattern.peakHour.hour,
+            consistency: overall.timePattern.consistency?.score || 0
+        },
+        commits: Array.from(overall.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()
+        }))
+    };
+}
+/**
+ * Build the complete HTML document.
+ */
+function buildHtmlDocument(context, results, skipBodyCheck = false) {
+    const { repoInfo, currentUser, dateRange } = context;
+    const { leadDev } = results;
+    const hasLeadDevContent = leadDev && (leadDev.velocityAnalysis || leadDev.gapAnalysis ||
+        leadDev.rangeComparison || leadDev.executiveSummary ||
+        leadDev.teamAnalysis || (leadDev.events && leadDev.events.length > 0));
+    const overallContent = buildOverallContent(context, results);
+    const personalContent = buildPersonalContent(context, results, skipBodyCheck);
+    const leadDevContent = hasLeadDevContent ? buildLeadDevContent(results) : '';
+    const exportData = buildExportData(context, results);
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Git Wrapped - ${repoInfo.name}</title>
+  <style>
+    ${(0, styleLoader_1.loadStyles)()}
+  </style>
+</head>
+<body>
+  <!-- Mobile Navigation Toggle -->
+  <button class="mobile-nav-toggle" aria-label="Toggle navigation">
+    <span class="hamburger-icon"></span>
+  </button>
+
+  <div class="dashboard-layout">
+    <!-- Sidebar Navigation -->
+    <nav class="sidebar" role="navigation" aria-label="Main navigation">
+      <div class="sidebar-header">
+        <h2>Repo-Wrapped</h2>
+        <span class="version">v${package_json_1.version}</span>
+      </div>
+      
+      <div class="nav-section">
+        <div class="nav-section-title">Views</div>
+        <a href="#" class="nav-item active" data-tab="overall">
+          <span class="nav-label">Team Overview</span>
+        </a>
+        <a href="#" class="nav-item" data-tab="personal">
+          <span class="nav-label">Personal Stats</span>
+        </a>
+        ${hasLeadDevContent ? `
+        <a href="#" class="nav-item" data-tab="leaddev">
+          <span class="nav-label">Strategic Insights</span>
+        </a>
+        ` : ''}
+      </div>
+      
+      <div class="sidebar-footer">
+        <div class="repo-info">
+          <span class="repo-name">${repoInfo.name}</span>
+          ${repoInfo.url ? `<a href="${repoInfo.url}" target="_blank" class="repo-link">View Repository →</a>` : ''}
+        </div>
+      </div>
+    </nav>
+
+    <!-- Main Content Area -->
+    <main class="main-content">
+      <div class="container">
+        <header class="dashboard-header">
+          <div class="header-left">
+            <h1 class="repo-name">${repoInfo.name}</h1>
+          </div>
+          <div class="header-right">
+            <div class="export-controls">
+              <button class="btn btn-secondary btn-sm" data-export="json">Export JSON</button>
+              <button class="btn btn-secondary btn-sm" data-export="csv">Export CSV</button>
+            </div>
+          </div>
+        </header>
+        
+        <div class="filter-bar">
+          <div class="filter-group">
+            <label class="filter-label">Period</label>
+            <span class="filter-value">${formatDateRange(dateRange.start, dateRange.end)}</span>
+          </div>
+          <div class="filter-group">
+            <label class="filter-label">Author</label>
+            <span class="filter-value">${currentUser !== 'Unknown' ? currentUser : 'All Contributors'}</span>
+          </div>
+        </div>
+        
+        <!-- Tab Navigation -->
+        <div class="tab-nav">
+          <button class="tab-button active" data-tab="overall">📊 Team Overview</button>
+          <button class="tab-button" data-tab="personal">👤 Personal</button>
+          ${hasLeadDevContent ? '<button class="tab-button" data-tab="leaddev">📊 Strategic Insights</button>' : ''}
+        </div>
+        
+        <!-- Overall Tab Content -->
+        <div class="tab-content active" id="overall-content">
+          ${overallContent}
+        </div>
+
+        ${hasLeadDevContent ? `
+        <!-- Lead Developer Tab Content -->
+        <div class="tab-content" id="leaddev-content">
+          ${leadDevContent}
+        </div>
+        ` : ''}
+
+        <!-- Personal Tab Content -->
+        <div class="tab-content" id="personal-content">
+          ${personalContent}
+        </div>
+
+      </div>
+    </main>
+  </div>
+  
+  <div class="tooltip" id="tooltip"></div>
+  
+  <div class="modal" id="modal">
+    <div class="modal-content">
+      <div class="modal-header">
+        <div class="modal-title" id="modal-title"></div>
+        <button class="modal-close" id="modal-close">&times;</button>
+      </div>
+      <div class="commit-list" id="commit-list"></div>
+    </div>
+  </div>
+  
+  <script>
+    window.__GITWRAPPED_DATA__ = ${JSON.stringify(exportData)};
+  </script>
+  
+  <script>
+    ${(0, scriptLoader_1.loadScripts)()}
+  </script>
+</body>
+</html>`;
+}

package/dist/generators/html/utils/kpiBuilder.js

@@ -0,0 +1,76 @@
+"use strict";
+/**
+ * KPI header building utilities.
+ *
+ * @module generators/html/utils/kpiBuilder
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateHealthScore = calculateHealthScore;
+exports.buildKPIHeader = buildKPIHeader;
+exports.buildKPIHeaderFromData = buildKPIHeaderFromData;
+exports.buildOverallKPIHeader = buildOverallKPIHeader;
+/**
+ * Build a KPI header card.
+ */
+function buildKpiCard(label, value) {
+    return `
+    <div class="kpi-card">
+      <span class="kpi-label">${label}</span>
+      <span class="kpi-value">${value}</span>
+    </div>
+  `;
+}
+/**
+ * Calculate a health score from various metrics.
+ *
+ * @param qualityScore - Commit quality score (0-10)
+ * @param activeDayPercentage - Percentage of active days (0-100)
+ * @param currentStreak - Current streak in days
+ * @returns Health score (0-10)
+ */
+function calculateHealthScore(qualityScore, activeDayPercentage, currentStreak) {
+    return ((qualityScore / 10) * 0.4 +
+        (activeDayPercentage / 100) * 0.3 +
+        Math.min(currentStreak / 30, 1) * 0.3) * 10;
+}
+/**
+ * Build a KPI header with standard metrics.
+ *
+ * @param totalCommits - Total number of commits
+ * @param qualityScore - Commit quality score (0-10)
+ * @param currentStreak - Current streak in days
+ * @param activeDayPercentage - Percentage of active days
+ * @returns HTML string for the KPI header
+ */
+function buildKPIHeader(totalCommits, qualityScore, currentStreak, activeDayPercentage) {
+    const healthScore = calculateHealthScore(qualityScore, activeDayPercentage, currentStreak);
+    return `
+    <header class="kpi-header">
+      ${buildKpiCard('Total Commits', totalCommits.toLocaleString())}
+      ${buildKpiCard('Health Score', healthScore.toFixed(1))}
+      ${buildKpiCard('Current Streak', `${currentStreak}d`)}
+      ${buildKpiCard('Quality', qualityScore.toFixed(1))}
+      ${buildKpiCard('Active Days', `${activeDayPercentage.toFixed(0)}%`)}
+    </header>
+  `;
+}
+/**
+ * Build a KPI header from streak and quality data.
+ * Convenience wrapper for common use case.
+ */
+function buildKPIHeaderFromData(totalCommits, streakData, commitQuality) {
+    return buildKPIHeader(totalCommits, commitQuality.overallScore, streakData.currentStreak.days, streakData.activeDayPercentage);
+}
+/**
+ * Build an overview KPI header for team/overall view.
+ */
+function buildOverallKPIHeader(totalCommits, developerCount, activeDays, qualityScore) {
+    return `
+    <header class="kpi-header">
+      ${buildKpiCard('Total Commits', totalCommits.toLocaleString())}
+      ${buildKpiCard('Contributors', developerCount.toString())}
+      ${buildKpiCard('Active Days', activeDays.toString())}
+      ${buildKpiCard('Quality Score', qualityScore.toFixed(1))}
+    </header>
+  `;
+}

package/dist/generators/html/utils/sectionWrapper.js

@@ -0,0 +1,71 @@
+"use strict";
+/**
+ * Section wrapper utilities for dashboard sections.
+ *
+ * @module generators/html/utils/sectionWrapper
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapInSection = wrapInSection;
+exports.wrapInStaticSection = wrapInStaticSection;
+exports.createTabButton = createTabButton;
+exports.createTabContent = createTabContent;
+/**
+ * Wrap content in a collapsible dashboard section.
+ *
+ * @param id - Unique section ID for targeting
+ * @param title - Section title displayed in header
+ * @param content - HTML content to wrap
+ * @param icon - Optional icon emoji to display before title
+ * @returns HTML string for the wrapped section
+ *
+ * @example
+ * ```typescript
+ * const html = wrapInSection('velocity', 'Velocity Timeline', velocityContent, '📈');
+ * ```
+ */
+function wrapInSection(id, title, content, icon = '') {
+    return `
+    <section class="dashboard-section" id="${id}">
+      <header class="section-header" role="button" aria-expanded="true">
+        <h2>${icon ? icon + ' ' : ''}${title}</h2>
+        <span class="collapse-icon">▼</span>
+      </header>
+      <div class="section-content">
+        ${content}
+      </div>
+    </section>
+  `;
+}
+/**
+ * Wrap content in a non-collapsible section (for embedded content).
+ */
+function wrapInStaticSection(id, title, content, icon = '') {
+    return `
+    <section class="dashboard-section" id="${id}">
+      <header class="section-header">
+        <h2>${icon ? icon + ' ' : ''}${title}</h2>
+      </header>
+      <div class="section-content">
+        ${content}
+      </div>
+    </section>
+  `;
+}
+/**
+ * Create a tab button for the tab navigation.
+ */
+function createTabButton(id, label, icon = '', isActive = false) {
+    const activeClass = isActive ? ' active' : '';
+    return `<button class="tab-button${activeClass}" data-tab="${id}">${icon ? icon + ' ' : ''}${label}</button>`;
+}
+/**
+ * Create a tab content container.
+ */
+function createTabContent(id, content, isActive = false) {
+    const activeClass = isActive ? ' active' : '';
+    return `
+    <div class="tab-content${activeClass}" id="${id}-content">
+      ${content}
+    </div>
+  `;
+}

package/dist/generators/html/utils/styleLoader.js

@@ -13,5 +13,6 @@ function loadStyles() {
     const componentsCSS = (0, fs_1.readFileSync)((0, path_1.join)(stylesDir, 'components.css'), 'utf-8');
     const achievementsCSS = (0, fs_1.readFileSync)((0, path_1.join)(stylesDir, 'achievements.css'), 'utf-8');
     const knowledgeCSS = (0, fs_1.readFileSync)((0, path_1.join)(stylesDir, 'knowledge.css'), 'utf-8');
-    return `${baseCSS}\n\n${componentsCSS}\n\n${achievementsCSS}\n\n${knowledgeCSS}`;
+    const strategicInsightsCSS = (0, fs_1.readFileSync)((0, path_1.join)(stylesDir, 'strategic-insights.css'), 'utf-8');
+    return `${baseCSS}\n\n${componentsCSS}\n\n${achievementsCSS}\n\n${knowledgeCSS}\n\n${strategicInsightsCSS}`;
 }

package/dist/html/analysisRunner.js

@@ -0,0 +1,93 @@
+"use strict";
+/**
+ * Analysis runner - executes all analyzers with shared context.
+ *
+ * @module html/analysisRunner
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runAllAnalyzers = runAllAnalyzers;
+const streaks_1 = require("../features/streaks");
+const time_patterns_1 = require("../features/time-patterns");
+const commit_quality_1 = require("../features/commit-quality");
+const fileHotspotAnalyzer_1 = require("../utils/fileHotspotAnalyzer");
+const impact_1 = require("../features/impact");
+const knowledge_1 = require("../features/knowledge");
+const achievements_1 = require("../features/achievements");
+const commitMapBuilder_1 = require("./shared/commitMapBuilder");
+/**
+ * Run all analyzers for the given context.
+ *
+ * @param context - The HTML generation context
+ * @param skipBodyCheck - Whether to skip commit body validation
+ * @param deepAnalysis - Whether to enable deep analysis
+ * @param leadDevFeatures - Pre-computed strategic insights (optional)
+ * @returns Analysis results for all views
+ */
+function runAllAnalyzers(context, skipBodyCheck = false, deepAnalysis = false, leadDevFeatures) {
+    const { filteredCommits, personalCommits, dateRange, repoInfo } = context;
+    const { start: startDate, end: endDate } = dateRange;
+    // Create commit maps for overall
+    const { commitMap, commitDetailsMap } = (0, commitMapBuilder_1.createCommitMaps)(filteredCommits, startDate, endDate);
+    const totalCommits = Array.from(commitMap.values()).reduce((sum, count) => sum + count, 0);
+    // Create commit maps for personal
+    const { commitMap: personalCommitMap, commitDetailsMap: personalCommitDetailsMap } = (0, commitMapBuilder_1.createCommitMaps)(personalCommits, startDate, endDate);
+    const totalPersonalCommits = Array.from(personalCommitMap.values()).reduce((sum, count) => sum + count, 0);
+    // Run overall analyzers
+    const streakData = (0, streaks_1.calculateStreaks)(filteredCommits, startDate, endDate);
+    const timePattern = (0, time_patterns_1.analyzeTimePatterns)(filteredCommits, startDate, endDate);
+    const commitQuality = (0, commit_quality_1.analyzeCommitQuality)(filteredCommits, { skipBodyCheck });
+    // Run personal analyzers
+    const personalStreakData = (0, streaks_1.calculateStreaks)(personalCommits, startDate, endDate);
+    const personalTimePattern = (0, time_patterns_1.analyzeTimePatterns)(personalCommits, startDate, endDate);
+    const personalCommitQuality = (0, commit_quality_1.analyzeCommitQuality)(personalCommits, { skipBodyCheck });
+    // Run enterprise insight analyzers
+    const fileHotspots = (0, fileHotspotAnalyzer_1.analyzeFileHotspots)(repoInfo.path, startDate, endDate);
+    const impactAnalysis = (0, impact_1.analyzeImpact)(filteredCommits);
+    const knowledgeDistribution = (0, knowledge_1.analyzeKnowledgeDistribution)(filteredCommits, repoInfo.path, deepAnalysis);
+    // Build analysis data for achievements
+    const overallAnalysisData = {
+        commits: filteredCommits,
+        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, achievements_1.checkAchievements)(overallAnalysisData);
+    const personalAchievementProgress = (0, achievements_1.checkAchievements)(personalAnalysisData);
+    return {
+        overall: {
+            commitMap,
+            commitDetailsMap,
+            totalCommits,
+            streakData,
+            timePattern,
+            commitQuality,
+            achievementProgress,
+        },
+        personal: {
+            commitMap: personalCommitMap,
+            commitDetailsMap: personalCommitDetailsMap,
+            totalCommits: totalPersonalCommits,
+            streakData: personalStreakData,
+            timePattern: personalTimePattern,
+            commitQuality: personalCommitQuality,
+            achievementProgress: personalAchievementProgress,
+        },
+        fileHotspots,
+        impactAnalysis,
+        knowledgeDistribution,
+        leadDev: leadDevFeatures,
+    };
+}