repo-wrapped 0.0.7 → 0.0.9

package/dist/html/shared/components/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/html/shared/contextBuilder.js

@@ -0,0 +1,54 @@
+"use strict";
+/**
+ * Context builder for HTML generation.
+ *
+ * @module html/shared/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,
+    };
+}

package/dist/html/shared/dateRangeCalculator.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateDateRanges = calculateDateRanges;
+exports.calculateDateRangesFromCommits = calculateDateRangesFromCommits;
+const date_fns_1 = require("date-fns");
+/**
+ * Calculates date ranges for the visualization
+ */
+function calculateDateRanges(year, monthsToShow) {
+    const now = new Date();
+    const isCurrentYear = year === now.getFullYear();
+    // Calculate the end date (today if current year, or end of December for past years)
+    const endDate = isCurrentYear ? now : new Date(year, 11, 31);
+    // Calculate start date (N months back from end date)
+    const startDate = (0, date_fns_1.startOfMonth)((0, date_fns_1.subMonths)(endDate, monthsToShow - 1));
+    // Get the full week range (start on Sunday, end on Saturday)
+    const weekStartDate = (0, date_fns_1.startOfWeek)(startDate, { weekStartsOn: 0 });
+    const weekEndDate = (0, date_fns_1.endOfWeek)(endDate, { weekStartsOn: 0 });
+    return {
+        startDate,
+        endDate,
+        weekStartDate,
+        weekEndDate
+    };
+}
+/**
+ * Calculates date ranges from the entire commit history (first to last commit)
+ */
+function calculateDateRangesFromCommits(commits) {
+    if (commits.length === 0) {
+        const now = new Date();
+        return {
+            startDate: now,
+            endDate: now,
+            weekStartDate: (0, date_fns_1.startOfWeek)(now, { weekStartsOn: 0 }),
+            weekEndDate: (0, date_fns_1.endOfWeek)(now, { weekStartsOn: 0 })
+        };
+    }
+    // Sort commits by date to find first and last
+    const sortedCommits = [...commits].sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());
+    const firstCommitDate = new Date(sortedCommits[0].date);
+    const lastCommitDate = new Date(sortedCommits[sortedCommits.length - 1].date);
+    // Use start of month for first commit and today/last commit date for end
+    const now = new Date();
+    const startDate = (0, date_fns_1.startOfMonth)(firstCommitDate);
+    const endDate = lastCommitDate > now ? lastCommitDate : now;
+    // Get the full week range (start on Sunday, end on Saturday)
+    const weekStartDate = (0, date_fns_1.startOfWeek)(startDate, { weekStartsOn: 0 });
+    const weekEndDate = (0, date_fns_1.endOfWeek)(endDate, { weekStartsOn: 0 });
+    return {
+        startDate,
+        endDate,
+        weekStartDate,
+        weekEndDate
+    };
+}

package/dist/html/shared/developerStatsCalculator.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateDeveloperStats = calculateDeveloperStats;
+/**
+ * Calculates statistics for each developer from commits within a date range
+ */
+function calculateDeveloperStats(commits, startDate, endDate) {
+    const developerStats = new Map();
+    commits.forEach(commit => {
+        const commitDate = new Date(commit.date);
+        if (commitDate >= startDate && commitDate <= endDate) {
+            if (!developerStats.has(commit.author)) {
+                developerStats.set(commit.author, {
+                    commits: 0,
+                    firstCommit: commitDate,
+                    lastCommit: commitDate
+                });
+            }
+            const stats = developerStats.get(commit.author);
+            stats.commits++;
+            if (commitDate < stats.firstCommit)
+                stats.firstCommit = commitDate;
+            if (commitDate > stats.lastCommit)
+                stats.lastCommit = commitDate;
+        }
+    });
+    return developerStats;
+}

package/dist/html/shared/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildHtmlContext = exports.calculateDeveloperStats = exports.calculateDateRangesFromCommits = exports.calculateDateRanges = exports.getDayLabels = exports.groupDaysIntoWeeks = exports.createCommitMaps = exports.loadScripts = exports.loadStyles = void 0;
+/**
+ * HTML Shared Utilities
+ * @module html/shared
+ */
+__exportStar(require("./components"), exports);
+var styleLoader_1 = require("./styleLoader");
+Object.defineProperty(exports, "loadStyles", { enumerable: true, get: function () { return styleLoader_1.loadStyles; } });
+var scriptLoader_1 = require("./scriptLoader");
+Object.defineProperty(exports, "loadScripts", { enumerable: true, get: function () { return scriptLoader_1.loadScripts; } });
+var commitMapBuilder_1 = require("./commitMapBuilder");
+Object.defineProperty(exports, "createCommitMaps", { enumerable: true, get: function () { return commitMapBuilder_1.createCommitMaps; } });
+var weekGrouper_1 = require("./weekGrouper");
+Object.defineProperty(exports, "groupDaysIntoWeeks", { enumerable: true, get: function () { return weekGrouper_1.groupDaysIntoWeeks; } });
+Object.defineProperty(exports, "getDayLabels", { enumerable: true, get: function () { return weekGrouper_1.getDayLabels; } });
+var dateRangeCalculator_1 = require("./dateRangeCalculator");
+Object.defineProperty(exports, "calculateDateRanges", { enumerable: true, get: function () { return dateRangeCalculator_1.calculateDateRanges; } });
+Object.defineProperty(exports, "calculateDateRangesFromCommits", { enumerable: true, get: function () { return dateRangeCalculator_1.calculateDateRangesFromCommits; } });
+var developerStatsCalculator_1 = require("./developerStatsCalculator");
+Object.defineProperty(exports, "calculateDeveloperStats", { enumerable: true, get: function () { return developerStatsCalculator_1.calculateDeveloperStats; } });
+var contextBuilder_1 = require("./contextBuilder");
+Object.defineProperty(exports, "buildHtmlContext", { enumerable: true, get: function () { return contextBuilder_1.buildHtmlContext; } });
+__exportStar(require("./colorUtils"), exports);

package/dist/html/shared/scriptLoader.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadScripts = loadScripts;
+const fs_1 = require("fs");
+const path_1 = require("path");
+function loadScripts() {
+    const scriptsDir = (0, path_1.join)(__dirname, 'scripts');
+    const tabs = (0, fs_1.readFileSync)((0, path_1.join)(scriptsDir, 'tabs.js'), 'utf-8');
+    const tooltip = (0, fs_1.readFileSync)((0, path_1.join)(scriptsDir, 'tooltip.js'), 'utf-8');
+    const modal = (0, fs_1.readFileSync)((0, path_1.join)(scriptsDir, 'modal.js'), 'utf-8');
+    const navigation = (0, fs_1.readFileSync)((0, path_1.join)(scriptsDir, 'navigation.js'), 'utf-8');
+    const exportScript = (0, fs_1.readFileSync)((0, path_1.join)(scriptsDir, 'export.js'), 'utf-8');
+    const knowledge = (0, fs_1.readFileSync)((0, path_1.join)(scriptsDir, 'knowledge.js'), 'utf-8');
+    return `${tabs}\n\n${tooltip}\n\n${modal}\n\n${navigation}\n\n${exportScript}\n\n${knowledge}`;
+}

package/dist/html/shared/scripts/export.js

@@ -0,0 +1,125 @@
+// Export functionality for Git Wrapped reports
+
+function initExport() {
+  document.querySelectorAll('[data-export]').forEach(btn => {
+    btn.addEventListener('click', (e) => {
+      const format = e.currentTarget.dataset.export;
+      exportData(format);
+    });
+  });
+}
+
+function exportData(format) {
+  const data = window.__GITWRAPPED_DATA__;
+  
+  if (!data) {
+    console.warn('No export data available');
+    return;
+  }
+  
+  const repoName = (data.repository || 'report').replace(/[^a-z0-9]/gi, '-').toLowerCase();
+  const timestamp = new Date().toISOString().slice(0, 10);
+  
+  if (format === 'json') {
+    downloadFile(
+      JSON.stringify(data, null, 2),
+      `git-wrapped-${repoName}-${timestamp}.json`,
+      'application/json'
+    );
+  } else if (format === 'csv') {
+    const csv = convertToCSV(data);
+    downloadFile(csv, `git-wrapped-${repoName}-${timestamp}.csv`, 'text/csv');
+  }
+}
+
+function convertToCSV(data) {
+  const sections = [];
+  
+  // Section 1: Summary Metrics
+  sections.push('# Summary Metrics');
+  sections.push('Metric,Value');
+  sections.push(`Repository,${escapeCSV(data.repository || '')}`);
+  sections.push(`Period Start,${data.period?.start || ''}`);
+  sections.push(`Period End,${data.period?.end || ''}`);
+  sections.push(`Author Filter,${escapeCSV(data.author || 'All')}`);
+  sections.push(`Total Commits,${data.summary?.totalCommits || 0}`);
+  sections.push(`Total Contributors,${data.summary?.totalContributors || 0}`);
+  sections.push(`Active Days,${data.summary?.activeDays || 0}`);
+  
+  // Section 2: Streak Data
+  if (data.streaks) {
+    sections.push('');
+    sections.push('# Streak Analysis');
+    sections.push('Metric,Value');
+    sections.push(`Current Streak (days),${data.streaks.currentStreak || 0}`);
+    sections.push(`Longest Streak (days),${data.streaks.longestStreak || 0}`);
+    sections.push(`Total Active Days,${data.streaks.totalActiveDays || 0}`);
+    sections.push(`Active Day Percentage,${(data.streaks.activeDayPercentage || 0).toFixed(1)}%`);
+  }
+  
+  // Section 3: Quality Metrics
+  if (data.quality) {
+    sections.push('');
+    sections.push('# Commit Quality');
+    sections.push('Metric,Value');
+    sections.push(`Overall Score,${(data.quality.overallScore || 0).toFixed(1)}`);
+    sections.push(`Conventional Commits %,${(data.quality.conventionalAdherence || 0).toFixed(1)}%`);
+    sections.push(`Avg Subject Length,${(data.quality.avgSubjectLength || 0).toFixed(0)} chars`);
+  }
+  
+  // Section 4: Time Patterns
+  if (data.timePattern) {
+    sections.push('');
+    sections.push('# Time Patterns');
+    sections.push('Metric,Value');
+    sections.push(`Chronotype,${data.timePattern.chronotype || 'Unknown'}`);
+    sections.push(`Peak Hour,${data.timePattern.peakHour || 0}:00`);
+    sections.push(`Consistency Score,${(data.timePattern.consistency || 0).toFixed(1)}`);
+  }
+  
+  // Section 5: Developer Stats
+  if (data.developerStats && data.developerStats.length > 0) {
+    sections.push('');
+    sections.push('# Developer Statistics');
+    sections.push('Developer,Commits,First Commit,Last Commit');
+    data.developerStats.forEach(dev => {
+      sections.push(`${escapeCSV(dev.name)},${dev.commits},${dev.firstCommit || ''},${dev.lastCommit || ''}`);
+    });
+  }
+  
+  // Section 6: Recent Commits (last 100)
+  if (data.commits && data.commits.length > 0) {
+    sections.push('');
+    sections.push('# Commits (last 100)');
+    sections.push('Date,Author,Message,Hash');
+    data.commits.slice(0, 100).forEach(c => {
+      sections.push(`${c.date},${escapeCSV(c.author)},${escapeCSV(c.message)},${c.hash || ''}`);
+    });
+  }
+  
+  return sections.join('\n');
+}
+
+function escapeCSV(str) {
+  if (str == null) return '';
+  const s = String(str);
+  if (s.includes(',') || s.includes('"') || s.includes('\n') || s.includes('\r')) {
+    return '"' + s.replace(/"/g, '""') + '"';
+  }
+  return s;
+}
+
+function downloadFile(content, filename, mimeType) {
+  const blob = new Blob([content], { type: mimeType });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  URL.revokeObjectURL(url);
+}
+
+// Initialize when DOM is ready
+document.addEventListener('DOMContentLoaded', initExport);

package/dist/html/shared/scripts/knowledge.js

@@ -0,0 +1,137 @@
+/**
+ * Knowledge Distribution - Expandable Row Interactivity
+ * Handles accordion-style expand/collapse for directory deep-dive analysis
+ */
+
+(function() {
+  'use strict';
+
+  /**
+   * Initialize expandable rows in the knowledge table
+   */
+  function initExpandableRows() {
+    const expandableRows = document.querySelectorAll('.knowledge-table .expandable-row');
+    
+    expandableRows.forEach(row => {
+      row.addEventListener('click', handleRowExpand);
+      row.addEventListener('keydown', handleRowKeydown);
+    });
+  }
+
+  /**
+   * Handle click on expandable row
+   */
+  function handleRowExpand(event) {
+    const row = event.currentTarget;
+    const rowId = row.getAttribute('data-row-id');
+    if (!rowId) return;
+
+    const contentRow = document.getElementById(`${rowId}-content`);
+    if (!contentRow) return;
+
+    const isExpanded = row.getAttribute('aria-expanded') === 'true';
+    
+    if (isExpanded) {
+      collapseRow(row, contentRow);
+    } else {
+      expandRow(row, contentRow);
+    }
+  }
+
+  /**
+   * Handle keyboard navigation on expandable rows
+   */
+  function handleRowKeydown(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      handleRowExpand(event);
+    }
+  }
+
+  /**
+   * Expand a directory row to show details
+   */
+  function expandRow(row, contentRow) {
+    row.setAttribute('aria-expanded', 'true');
+    row.classList.add('expanded');
+    contentRow.classList.remove('hidden');
+    
+    // Animate expand icon
+    const icon = row.querySelector('.expand-icon');
+    if (icon) {
+      icon.textContent = '▼';
+    }
+    
+    // Animate the content panel
+    const panel = contentRow.querySelector('.expansion-panel');
+    if (panel) {
+      panel.style.maxHeight = panel.scrollHeight + 'px';
+      panel.style.opacity = '1';
+    }
+  }
+
+  /**
+   * Collapse a directory row to hide details
+   */
+  function collapseRow(row, contentRow) {
+    row.setAttribute('aria-expanded', 'false');
+    row.classList.remove('expanded');
+    contentRow.classList.add('hidden');
+    
+    // Animate expand icon
+    const icon = row.querySelector('.expand-icon');
+    if (icon) {
+      icon.textContent = '▶';
+    }
+    
+    // Animate the content panel
+    const panel = contentRow.querySelector('.expansion-panel');
+    if (panel) {
+      panel.style.maxHeight = '0';
+      panel.style.opacity = '0';
+    }
+  }
+
+  /**
+   * Collapse all expanded rows
+   */
+  function collapseAllRows() {
+    const expandedRows = document.querySelectorAll('.knowledge-table .expandable-row.expanded');
+    expandedRows.forEach(row => {
+      const rowId = row.getAttribute('data-row-id');
+      const contentRow = document.getElementById(`${rowId}-content`);
+      if (contentRow) {
+        collapseRow(row, contentRow);
+      }
+    });
+  }
+
+  // Initialize when DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initExpandableRows);
+  } else {
+    initExpandableRows();
+  }
+
+  // Expose function for external use (e.g., collapse all when switching tabs)
+  window.knowledgeModule = {
+    collapseAllRows: collapseAllRows
+  };
+})();
+
+/**
+ * Toggle visibility of additional files in the high-risk files list
+ */
+function toggleMoreFiles(button) {
+  const targetGroup = button.getAttribute('data-target');
+  const count = button.getAttribute('data-count');
+  const hiddenRows = document.querySelectorAll(`tr.hidden-file[data-group="${targetGroup}"]`);
+  const isExpanded = button.getAttribute('data-expanded') === 'true';
+  
+  hiddenRows.forEach(row => {
+    row.style.display = isExpanded ? 'none' : 'table-row';
+  });
+  
+  button.setAttribute('data-expanded', !isExpanded);
+  button.textContent = isExpanded ? `+ ${count} more files` : 'Show less';
+}

package/dist/html/shared/scripts/modal.js

@@ -0,0 +1,68 @@
+// Modal functionality for commit details
+const modal = document.getElementById('modal');
+const modalTitle = document.getElementById('modal-title');
+const modalClose = document.getElementById('modal-close');
+const commitList = document.getElementById('commit-list');
+
+// Helper function to escape HTML
+function escapeHtml(text) {
+  const div = document.createElement('div');
+  div.textContent = text;
+  return div.innerHTML;
+}
+
+// Modal click handlers
+const clickableDays = document.querySelectorAll('.day.clickable');
+clickableDays.forEach(day => {
+  day.addEventListener('click', () => {
+    const details = day.getAttribute('data-details');
+    const dateStr = day.getAttribute('data-date');
+    
+    if (details && dateStr) {
+      try {
+        const commits = JSON.parse(details);
+        const date = new Date(dateStr);
+        const formattedDate = date.toLocaleDateString('en-US', { 
+          weekday: 'long', 
+          year: 'numeric', 
+          month: 'long', 
+          day: 'numeric' 
+        });
+        
+        modalTitle.textContent = `${commits.length} contribution${commits.length !== 1 ? 's' : ''} on ${formattedDate}`;
+        
+        // Build commit list
+        commitList.innerHTML = commits.map(commit => `
+          <div class="commit-item">
+            <div class="commit-message">${escapeHtml(commit.message)}</div>
+            <div class="commit-meta">
+              <span>by <strong>${escapeHtml(commit.author)}</strong></span>
+              <span class="commit-sha">${commit.hash.substring(0, 7)}</span>
+            </div>
+          </div>
+        `).join('');
+        
+        modal.classList.add('active');
+      } catch (e) {
+        console.error('Failed to parse commit details:', e);
+      }
+    }
+  });
+});
+
+// Close modal handlers
+modalClose.addEventListener('click', () => {
+  modal.classList.remove('active');
+});
+
+modal.addEventListener('click', (e) => {
+  if (e.target === modal) {
+    modal.classList.remove('active');
+  }
+});
+
+document.addEventListener('keydown', (e) => {
+  if (e.key === 'Escape' && modal.classList.contains('active')) {
+    modal.classList.remove('active');
+  }
+});