repo-wrapped 0.0.7 → 0.0.9

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

@@ -44,9 +44,9 @@ function buildCommitQualitySection(commitQuality, totalCommits, skipBodyCheck =
           <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 class="metric-bar" style="width: ${commitQuality.subjectQuality.score * 10}%"></div>
             </div>
-            <div class="metric-value">${commitQuality.subjectQuality.score.toFixed(1)}/10 (avg ${commitQuality.subjectQuality.avgLength} chars)</div>
+            <div class="metric-value">${commitQuality.subjectQuality.score.toFixed(1)}/10</div>
           </div>
           
           ${!skipBodyCheck ? `
@@ -61,6 +61,32 @@ function buildCommitQualitySection(commitQuality, totalCommits, skipBodyCheck =
         </div>
       </div>
       
+      <div class="subject-quality-breakdown">
+        <h3>Subject Quality Breakdown</h3>
+        <div class="subject-metrics-grid">
+          <div class="subject-metric">
+            <span class="metric-icon">${commitQuality.conventionalCommits.adherence >= 50 ? '✅' : '⚠️'}</span>
+            <span class="metric-name">Semantic Format</span>
+            <span class="metric-detail">${commitQuality.conventionalCommits.adherence.toFixed(0)}% follow conventional commits</span>
+          </div>
+          <div class="subject-metric">
+            <span class="metric-icon">${((totalCommits - commitQuality.subjectQuality.tooShort - commitQuality.subjectQuality.tooLong) / totalCommits) >= 0.8 ? '✅' : '⚠️'}</span>
+            <span class="metric-name">Proper Length</span>
+            <span class="metric-detail">${Math.round(((totalCommits - commitQuality.subjectQuality.tooShort - commitQuality.subjectQuality.tooLong) / totalCommits) * 100)}% within 10-72 chars</span>
+          </div>
+          <div class="subject-metric">
+            <span class="metric-icon">${(commitQuality.codeHygiene.vague + commitQuality.codeHygiene.workInProgress + commitQuality.codeHygiene.singleChar) === 0 ? '✅' : '⚠️'}</span>
+            <span class="metric-name">Quality Messages</span>
+            <span class="metric-detail">${commitQuality.codeHygiene.vague + commitQuality.codeHygiene.workInProgress + commitQuality.codeHygiene.singleChar} low-effort commits</span>
+          </div>
+          <div class="subject-metric">
+            <span class="metric-icon">${commitQuality.subjectQuality.imperativeMood / totalCommits >= 0.7 ? '✅' : '⚠️'}</span>
+            <span class="metric-name">Imperative Mood</span>
+            <span class="metric-detail">${Math.round((commitQuality.subjectQuality.imperativeMood / totalCommits) * 100)}% use imperative verbs</span>
+          </div>
+        </div>
+      </div>
+      
       ${Object.keys(commitQuality.conventionalCommits.types).length > 0 ? `
         <div class="commit-types-chart">
           <h3>Commit Type Distribution</h3>

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

@@ -7,10 +7,6 @@ function buildExecutiveSummarySection(summary) {
     <div class="executive-summary-section">
       <div class="executive-header">
         <h2>📊 Executive Summary</h2>
-        <div class="summary-meta">
-          <span class="repo-name">${summary.repoName}</span>
-          <span class="period">${(0, date_fns_1.format)(summary.period.start, 'MMM d, yyyy')} - ${(0, date_fns_1.format)(summary.period.end, 'MMM d, yyyy')}</span>
-        </div>
       </div>
       
       <div class="kpi-grid">

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

@@ -11,7 +11,8 @@ function buildImpactSection(impact) {
     <div class="impact-section">
       <h2>Impact Analysis</h2>
       
-      <div class="impact-overview">
+      <div class="impact-content">
+        <div class="impact-overview">
         <div class="impact-score-display">
           <div class="score-circle">
             <span class="score-value">${impact.overallScore}</span>
@@ -28,7 +29,7 @@ function buildImpactSection(impact) {
           <div class="breakdown-items">
             <div class="breakdown-item">
               <div class="breakdown-header">
-                <span class="breakdown-label">Core Contributions</span>
+                <span class="breakdown-label">Core Contributions <span class="info-tooltip" title="Changes to src/core/ and src/lib/ folders - foundational code">ⓘ</span></span>
                 <span class="breakdown-value">${impact.scoreBreakdown.coreContributions}%</span>
               </div>
               <div class="breakdown-bar">
@@ -38,7 +39,7 @@ function buildImpactSection(impact) {
             
             <div class="breakdown-item">
               <div class="breakdown-header">
-                <span class="breakdown-label">Feature Work</span>
+                <span class="breakdown-label">Feature Work <span class="info-tooltip" title="Changes to source files (.ts, .js, .tsx, .jsx) outside core/lib">ⓘ</span></span>
                 <span class="breakdown-value">${impact.scoreBreakdown.featureWork}%</span>
               </div>
               <div class="breakdown-bar">
@@ -48,7 +49,7 @@ function buildImpactSection(impact) {
             
             <div class="breakdown-item">
               <div class="breakdown-header">
-                <span class="breakdown-label">Maintenance</span>
+                <span class="breakdown-label">Maintenance <span class="info-tooltip" title="Changes to tests, configs, CI/CD, and build files">ⓘ</span></span>
                 <span class="breakdown-value">${impact.scoreBreakdown.maintenanceWork}%</span>
               </div>
               <div class="breakdown-bar">
@@ -58,7 +59,7 @@ function buildImpactSection(impact) {
             
             <div class="breakdown-item">
               <div class="breakdown-header">
-                <span class="breakdown-label">Documentation</span>
+                <span class="breakdown-label">Documentation <span class="info-tooltip" title="Changes to .md files, README, and docs/ folder">ⓘ</span></span>
                 <span class="breakdown-value">${impact.scoreBreakdown.documentationWork}%</span>
               </div>
               <div class="breakdown-bar">
@@ -99,10 +100,11 @@ function buildImpactSection(impact) {
         <div class="insights-list">
           <h3>Insights</h3>
           <ul>
-            ${impact.insights.map(insight => `<li>${insight}</li>`).join('')}
+            ${impact.insights.map(insight => `<li>💡 ${insight}</li>`).join('')}
           </ul>
         </div>
       ` : ''}
+      </div>
     </div>
   `;
 }

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

@@ -149,6 +149,9 @@ function buildContributorBreakdown(dir) {
 function buildFileList(files) {
     if (!files || files.length === 0)
         return '';
+    const visibleCount = 10;
+    const hasMore = files.length > visibleCount;
+    const uniqueId = `files-${Math.random().toString(36).substr(2, 9)}`;
     return `
     <div class="file-breakdown">
       <h4>High-Risk Files</h4>
@@ -163,7 +166,7 @@ function buildFileList(files) {
           </tr>
         </thead>
         <tbody>
-          ${files.slice(0, 10).map(file => `
+          ${files.slice(0, visibleCount).map(file => `
             <tr class="${file.busFactorRisk ? 'high-risk-file' : ''}">
               <td class="file-path" title="${file.path}">${getFileName(file.path)}</td>
               <td class="file-owner">${file.primaryOwner}</td>
@@ -174,9 +177,20 @@ function buildFileList(files) {
               <td><span class="risk-badge risk-${file.riskLevel}">${file.riskLevel}</span></td>
             </tr>
           `).join('')}
+          ${hasMore ? files.slice(visibleCount).map(file => `
+            <tr class="${file.busFactorRisk ? 'high-risk-file' : ''} hidden-file" data-group="${uniqueId}" style="display: none;">
+              <td class="file-path" title="${file.path}">${getFileName(file.path)}</td>
+              <td class="file-owner">${file.primaryOwner}</td>
+              <td>
+                <span class="file-ownership">${file.ownershipPercentage}%</span>
+              </td>
+              <td class="file-age">${file.knowledgeAge}</td>
+              <td><span class="risk-badge risk-${file.riskLevel}">${file.riskLevel}</span></td>
+            </tr>
+          `).join('') : ''}
         </tbody>
       </table>
-      ${files.length > 10 ? `<p class="more-files">+ ${files.length - 10} more files</p>` : ''}
+      ${hasMore ? `<button class="more-files-btn" data-target="${uniqueId}" data-count="${files.length - visibleCount}" onclick="toggleMoreFiles(this)">+ ${files.length - visibleCount} more files</button>` : ''}
     </div>
   `;
 }

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

@@ -131,7 +131,7 @@ function buildVelocityChart(velocity) {
       <path d="${commitsPath}" fill="none" stroke="var(--accent-color)" stroke-width="2" class="commits-line"/>
       
       <!-- Rolling average line -->
-      <path d="${avgPath}" fill="none" stroke="#ffa94d" stroke-width="2" stroke-dasharray="5,5" class="avg-line"/>
+      <path d="${avgPath}" fill="none" stroke="#ff922b" stroke-width="3" stroke-dasharray="6,4" class="avg-line"/>
       
       <!-- Anomaly markers -->
       ${anomalyMarkers}
@@ -144,7 +144,7 @@ function buildVelocityChart(velocity) {
       <g transform="translate(${chartWidth - 150}, 10)">
         <line x1="0" y1="5" x2="20" y2="5" stroke="var(--accent-color)" stroke-width="2"/>
         <text x="25" y="9" class="legend-label">Commits</text>
-        <line x1="0" y1="20" x2="20" y2="20" stroke="#ffa94d" stroke-width="2" stroke-dasharray="5,5"/>
+        <line x1="0" y1="20" x2="20" y2="20" stroke="#ff922b" stroke-width="3" stroke-dasharray="6,4"/>
         <text x="25" y="24" class="legend-label">Rolling Avg</text>
       </g>
     </svg>

package/dist/generators/html/types.js

@@ -0,0 +1,7 @@
+"use strict";
+/**
+ * Types for HTML generation pipeline.
+ *
+ * @module generators/html/types
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,93 @@
+"use strict";
+/**
+ * Analysis runner - executes all analyzers with shared context.
+ *
+ * @module generators/html/utils/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 commitQualityAnalyzer_1 = require("../../../utils/commitQualityAnalyzer");
+const fileHotspotAnalyzer_1 = require("../../../utils/fileHotspotAnalyzer");
+const impactAnalyzer_1 = require("../../../utils/impactAnalyzer");
+const knowledgeDistributionAnalyzer_1 = require("../../../utils/knowledgeDistributionAnalyzer");
+const achievements_1 = require("../../../features/achievements");
+const commitMapBuilder_1 = require("./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, commitQualityAnalyzer_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, commitQualityAnalyzer_1.analyzeCommitQuality)(personalCommits, { skipBodyCheck });
+    // Run enterprise insight analyzers
+    const fileHotspots = (0, fileHotspotAnalyzer_1.analyzeFileHotspots)(repoInfo.path, startDate, endDate);
+    const impactAnalysis = (0, impactAnalyzer_1.analyzeImpact)(filteredCommits);
+    const knowledgeDistribution = (0, knowledgeDistributionAnalyzer_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,
+    };
+}

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

@@ -0,0 +1,47 @@
+"use strict";
+/**
+ * Shared utility for building consistent stat cards across templates
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildStatCard = buildStatCard;
+exports.buildStatGrid = buildStatGrid;
+exports.buildCardSection = buildCardSection;
+/**
+ * Builds a single stat card with consistent styling
+ */
+function buildStatCard(options) {
+    const { icon, value, label, detail, className = '', valueClass = '' } = options;
+    return `
+    <div class="stat-card-base ${className}">
+      ${icon ? `<div class="stat-icon">${icon}</div>` : ''}
+      <div class="stat-info">
+        <div class="stat-label">${label}</div>
+        <div class="stat-value ${valueClass}">${value}</div>
+        ${detail ? `<div class="stat-detail">${detail}</div>` : ''}
+      </div>
+    </div>
+  `;
+}
+/**
+ * Builds a grid of stat cards
+ */
+function buildStatGrid(options) {
+    return `
+    <div class="stat-grid ${options.className || ''}">
+      ${options.cards.map(card => buildStatCard(card)).join('')}
+    </div>
+  `;
+}
+/**
+ * Builds a card section with title and content
+ */
+function buildCardSection(options) {
+    const { title, content, className = '', icon } = options;
+    const titleContent = icon ? `${icon} ${title}` : title;
+    return `
+    <div class="card-section ${className}">
+      <h3>${titleContent}</h3>
+      ${content}
+    </div>
+  `;
+}

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

@@ -0,0 +1,54 @@
+"use strict";
+/**
+ * Context builder for HTML generation.
+ *
+ * @module generators/html/utils/contextBuilder
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildHtmlContext = buildHtmlContext;
+const dateRangeCalculator_1 = require("./dateRangeCalculator");
+const developerStatsCalculator_1 = require("./developerStatsCalculator");
+/**
+ * Build the HTML generation context from options.
+ *
+ * @param options - Generation options
+ * @returns Fully populated context for HTML generation
+ */
+function buildHtmlContext(options) {
+    const { commits, repoPath, repoName, repoUrl, year = new Date().getFullYear(), monthsToShow = 12, allTime = false, } = options;
+    // Get current git user
+    const { getCurrentGitUser } = require('../../../utils/gitParser');
+    const currentUser = getCurrentGitUser(repoPath);
+    // Calculate date ranges
+    const dateRanges = allTime
+        ? (0, dateRangeCalculator_1.calculateDateRangesFromCommits)(commits)
+        : (0, dateRangeCalculator_1.calculateDateRanges)(year, monthsToShow);
+    const { startDate, endDate, weekStartDate, weekEndDate } = dateRanges;
+    // Filter commits to date range
+    const filteredCommits = commits.filter(commit => {
+        const commitDate = new Date(commit.date);
+        return commitDate >= startDate && commitDate <= endDate;
+    });
+    // Filter personal commits
+    const personalCommits = filteredCommits.filter(c => c.author === currentUser);
+    // Calculate developer stats
+    const developerStats = (0, developerStatsCalculator_1.calculateDeveloperStats)(filteredCommits, startDate, endDate);
+    return {
+        options,
+        repoInfo: {
+            name: repoName,
+            url: repoUrl,
+            path: repoPath,
+        },
+        currentUser,
+        dateRange: {
+            start: startDate,
+            end: endDate,
+            weekStart: weekStartDate,
+            weekEnd: weekEndDate,
+        },
+        filteredCommits,
+        personalCommits,
+        developerStats,
+    };
+}