wukong-gitlog-cli 1.0.16 → 1.0.18

package/web/app.js

@@ -1,6 +1,21 @@
 /* eslint-disable import/no-absolute-path */
+/* eslint-disable no-use-before-define */
+/* global echarts */
 const formatDate = (d) => new Date(d).toLocaleString()
 
+// ISO 周 key：YYYY-Www
+function getIsoWeekKey(dStr) {
+  const d = new Date(dStr)
+  if (Number.isNaN(d.valueOf())) return null
+  const target = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()))
+  const dayNum = target.getUTCDay() || 7 // Sunday=0
+  target.setUTCDate(target.getUTCDate() + 4 - dayNum)
+  const yearStart = new Date(Date.UTC(target.getUTCFullYear(), 0, 1))
+  const weekNo = Math.ceil(((target - yearStart) / 86400000 + 1) / 7)
+  const year = target.getUTCFullYear()
+  return `${year}-W${String(weekNo).padStart(2, '0')}`
+}
+
 async function loadData() {
   try {
     const [
@@ -9,14 +24,16 @@ async function loadData() {
       weeklyModule,
       monthlyModule,
       latestByDayModule,
-      configModule
+      configModule,
+      authorChangesModule
     ] = await Promise.all([
       import('/data/commits.mjs'),
       import('/data/overtime-stats.mjs'),
       import('/data/overtime-weekly.mjs'),
       import('/data/overtime-monthly.mjs').catch(() => ({ default: [] })),
       import('/data/overtime-latest-by-day.mjs').catch(() => ({ default: [] })),
-      import('/data/config.mjs').catch(() => ({ default: {} }))
+      import('/data/config.mjs').catch(() => ({ default: {} })),
+      import('/data/author-changes.mjs').catch(() => ({ default: {} }))
     ])
     const commits = commitsModule.default || []
     const stats = statsModule.default || {}
@@ -24,7 +41,8 @@ async function loadData() {
     const monthly = monthlyModule.default || []
     const latestByDay = latestByDayModule.default || []
     const config = configModule.default || {}
-    return { commits, stats, weekly, monthly, latestByDay, config }
+    const authorChanges = authorChangesModule.default || {}
+    return { commits, stats, weekly, monthly, latestByDay, config, authorChanges }
   } catch (err) {
     console.error('Load data failed', err)
     return { commits: [], stats: {}, weekly: [], monthly: [], latestByDay: [] }
@@ -42,8 +60,10 @@ function renderCommitsTablePage() {
   const start = (page - 1) * pageSize
   const end = start + pageSize
   filtered.slice(start, end).forEach((c) => {
+    // FIXME: remove debug log before production
+    console.log('❌', 'c', c);
     const tr = document.createElement('tr')
-    tr.innerHTML = `<td>${c.hash.slice(0, 8)}</td><td>${c.author}</td><td>${formatDate(c.date)}</td><td>${c.message}</td>`
+    tr.innerHTML = `<td>${c.hash.slice(0, 8)}</td><td>${c.author}</td><td>${formatDate(c.date)}</td><td>${c.message}</td><td>${c.changed}</td>`
     tbody.appendChild(tr)
   })
 }
@@ -212,13 +232,11 @@ function drawHourlyOvertime(stats, onHourClick) {
   if (typeof onHourClick === 'function') {
     chart.on('click', (p) => {
       let hour = Number(p.name)
-      if(p.componentType === 'markLine') {
+      if (p.componentType === 'markLine') {
         hour = Number(p.data.xAxis)
       }
-      // FIXME: remove debug log before production
-      console.log('❌', 'hour', hour, p)
       document.getElementById('dayDetailSidebar').classList.remove('show')
-      if (Object.is(hour, NaN)) return
+      if (Number.isNaN(hour)) return
       onHourClick(hour, commits[hour])
     })
   }
@@ -1226,50 +1244,6 @@ function groupCommitsByHour(commits) {
   return byHour
 }
 
-async function main() {
-  const { commits, stats, weekly, monthly, latestByDay, config } =
-    await loadData()
-  commitsAll = commits
-  filtered = commitsAll.slice()
-  window.__overtimeEndHour =
-    stats && typeof stats.endHour === 'number'
-      ? stats.endHour
-      : (config.endHour ?? 18)
-  window.__overnightCutoff =
-    typeof config.overnightCutoff === 'number' ? config.overnightCutoff : 6
-  initTableControls()
-  updatePager()
-  renderCommitsTablePage()
-
-  drawHourlyOvertime(stats, (hour, count) => {
-    // 使用举例
-    const hourCommitsDetail = groupCommitsByHour(commits)
-    // 将 commit 列表传给侧栏（若没有详情，则传空数组）
-    showSideBarForHour(hour, hourCommitsDetail[hour] || [])
-  })
-  drawOutsideVsInside(stats)
-
-  // 按日提交趋势：点击某天打开抽屉，显示当日所有 commits
-  drawDailyTrend(commits, showDayDetailSidebar)
-
-  // 周趋势：保持原有点击行为（显示该周详情）
-  drawWeeklyTrend(weekly, commits, showSideBarForWeek)
-
-  // 月趋势（加班占比）：点击某个月打开抽屉，显示该月所有 commits
-  drawMonthlyTrend(monthly, commits, showDayDetailSidebar)
-
-  // 每日最晚提交时间（小时）：点击某天打开抽屉，显示当日所有 commits
-  drawLatestHourDaily(latestByDay, commits, showDayDetailSidebar)
-
-  // 每日超过下班的小时数：点击某天打开抽屉，显示当日所有 commits
-  drawDailySeverity(latestByDay, commits, showDayDetailSidebar)
-
-  const daily = drawDailyTrendSeverity(commits, weekly, showDayDetailSidebar)
-
-  console.log('最累的一天：', daily.analysis.mostTiredDay)
-  computeAndRenderLatestOvertime(latestByDay)
-  renderKpi(stats)
-}
 
 // 基于 latestByDay + cutoff/endHour 统计「最晚加班的一天 / 一周 / 一月」
 function computeAndRenderLatestOvertime(latestByDay) {
@@ -1280,12 +1254,12 @@ function computeAndRenderLatestOvertime(latestByDay) {
   // 每天的 latestHourNormalized → 超出下班的小时数
   const dailyOvertime = latestByDay
     .map((d) => {
-      const v =
-        typeof d.latestHourNormalized === 'number'
-          ? d.latestHourNormalized
-          : typeof d.latestHour === 'number'
-            ? d.latestHour
-            : null
+      let v = null
+      if (typeof d.latestHourNormalized === 'number') {
+        v = d.latestHourNormalized
+      } else if (typeof d.latestHour === 'number') {
+        v = d.latestHour
+      }
       if (v == null) return null
       const overtime = Math.max(0, Number(v) - endH)
       return { date: d.date, overtime, raw: v }
@@ -1307,21 +1281,6 @@ function computeAndRenderLatestOvertime(latestByDay) {
     )}</b> 小时，逻辑时间约 ${worstDay.raw.toFixed(2)} 点）`
   }
 
-  // 工具：根据日期字符串计算 ISO 周 key：YYYY-Www
-  const getIsoWeekKey = (dStr) => {
-    const d = new Date(dStr)
-    if (Number.isNaN(d.valueOf())) return null
-    const target = new Date(
-      Date.UTC(d.getFullYear(), d.getMonth(), d.getDate())
-    )
-    const dayNum = target.getUTCDay() || 7 // Sunday=0
-    target.setUTCDate(target.getUTCDate() + 4 - dayNum)
-    const yearStart = new Date(Date.UTC(target.getUTCFullYear(), 0, 1))
-    const weekNo = Math.ceil(((target - yearStart) / 86400000 + 1) / 7)
-    const year = target.getUTCFullYear()
-    return `${year}-W${String(weekNo).padStart(2, '0')}`
-  }
-
   // 2) 按周聚合：每周取「该周内任意一天的最大加班时长」
   const weekMap = new Map()
   dailyOvertime.forEach((d) => {
@@ -1377,6 +1336,502 @@ function computeAndRenderLatestOvertime(latestByDay) {
   }
 }
 
+function buildDataset(stats, type) {
+  const dataMap = stats[type]; // { author: { period: changed } }
+
+  const authors = Object.keys(dataMap);
+  const allPeriods = Array.from(new Set(
+    authors.flatMap(a => Object.keys(dataMap[a]))
+  )).sort();
+
+  const series = authors.map(a => ({
+    name: a,
+    type: 'line',
+    smooth: true,
+    data: allPeriods.map(p => dataMap[a][p] || 0)
+  }));
+
+  return { authors, allPeriods, series };
+}
+
+const drawChangeTrends = (stats) => {
+  const el = document.getElementById('chartAuthorChanges')
+  if (!el) return null
+  const chart = echarts.init(el)
+
+  function render(t) {
+    const { authors, allPeriods, series } = buildDataset(stats, t)
+    chart.setOption({
+      tooltip: { trigger: 'axis' },
+      legend: { data: authors },
+      xAxis: { type: 'category', data: allPeriods },
+      yAxis: { type: 'value' },
+      series
+    })
+  }
+
+  // 初次渲染：日
+  render('daily')
+
+  // tabs 切换
+  const tabs = document.querySelectorAll('#tabs button')
+  tabs.forEach((btnEl) => {
+    btnEl.addEventListener('click', () => {
+      tabs.forEach((b) => b.classList.remove('active'))
+      btnEl.classList.add('active')
+      render(btnEl.dataset.type)
+    })
+  })
+
+  return chart
+}
+
+// ========= 开发者加班趋势（基于 commits 现场计算） =========
+function buildAuthorOvertimeDataset(
+  commits,
+  type,
+  startHour,
+  endHour,
+  cutoff
+) {
+  const byAuthor = new Map()
+  const periods = new Set()
+
+  commits.forEach((c) => {
+    const d = new Date(c.date)
+    if (Number.isNaN(d.valueOf())) return
+    const h = d.getHours()
+    const isOvertime =
+      (h >= endHour && h < 24) || (h >= 0 && h < cutoff && h < startHour)
+    if (!isOvertime) return
+
+    let key
+    if (type === 'daily') {
+      key = d.toISOString().slice(0, 10)
+    } else if (type === 'weekly') {
+      key = getIsoWeekKey(d.toISOString().slice(0, 10))
+    } else {
+      key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`
+    }
+    if (!key) return
+    periods.add(key)
+
+    const author = c.author || 'unknown'
+    if (!byAuthor.has(author)) byAuthor.set(author, {})
+    const obj = byAuthor.get(author)
+    obj[key] = (obj[key] || 0) + 1
+  })
+
+  const allPeriods = Array.from(periods).sort()
+  const authors = Array.from(byAuthor.keys()).sort()
+  const series = authors.map((a) => ({
+    name: a,
+    type: 'line',
+    smooth: true,
+    data: allPeriods.map((p) => (byAuthor.get(a)[p] || 0))
+  }))
+  return { authors, allPeriods, series }
+}
+
+function drawAuthorOvertimeTrends(commits, stats) {
+  const el = document.getElementById('chartAuthorOvertime')
+  if (!el) return null
+  const chart = echarts.init(el)
+
+  const startHour =
+    typeof stats.startHour === 'number' && stats.startHour >= 0
+      ? stats.startHour
+      : 9
+  const endHour =
+    typeof stats.endHour === 'number' && stats.endHour >= 0
+      ? stats.endHour
+      : window.__overtimeEndHour || 18
+  const cutoff = window.__overnightCutoff ?? 6
+
+  function render(type) {
+    const ds = buildAuthorOvertimeDataset(
+      commits,
+      type,
+      startHour,
+      endHour,
+      cutoff
+    )
+    chart.setOption({
+      tooltip: { trigger: 'axis' },
+      legend: { data: ds.authors },
+      xAxis: { type: 'category', data: ds.allPeriods },
+      yAxis: { type: 'value' },
+      series: ds.series
+    })
+  }
+
+  // 初始按日
+  render('daily')
+
+  // tabs 切换
+  const tabs = document.querySelectorAll('#tabsOvertime button')
+  tabs.forEach((btnEl) => {
+    btnEl.addEventListener('click', () => {
+      tabs.forEach((b) => b.classList.remove('active'))
+      btnEl.classList.add('active')
+      render(btnEl.dataset.type)
+    })
+  })
+
+  // 输出本周风险总结
+  renderWeeklyRiskSummary(commits, { startHour, endHour, cutoff })
+
+  return chart
+}
+
+function renderWeeklyRiskSummary(
+  commits,
+  { startHour = 9, endHour = 18, cutoff = 6 } = {}
+) {
+  const box = document.getElementById('weeklyRiskSummary')
+  if (!box) return
+
+  // 获取当前周与上一周 key
+  const now = new Date()
+  const curKey = getIsoWeekKey(now.toISOString().slice(0, 10))
+  const prev = new Date(now)
+  prev.setDate(prev.getDate() - 7)
+  const prevKey = getIsoWeekKey(prev.toISOString().slice(0, 10))
+
+  // 统计：每周 -> author -> count；同时统计每周日期集合
+  const weekAuthor = new Map()
+  const weekDatesByAuthor = new Map() // week -> author -> Set(date)
+
+  commits.forEach((c) => {
+    const d = new Date(c.date)
+    if (Number.isNaN(d.valueOf())) return
+    const h = d.getHours()
+    const isOT =
+      (h >= endHour && h < 24) || (h >= 0 && h < cutoff && h < startHour)
+    if (!isOT) return
+
+    const key = getIsoWeekKey(d.toISOString().slice(0, 10))
+    if (!key) return
+    const author = c.author || 'unknown'
+
+    if (!weekAuthor.has(key)) weekAuthor.set(key, new Map())
+    const m = weekAuthor.get(key)
+    m.set(author, (m.get(author) || 0) + 1)
+
+    if (!weekDatesByAuthor.has(key)) weekDatesByAuthor.set(key, new Map())
+    const dMap = weekDatesByAuthor.get(key)
+    if (!dMap.has(author)) dMap.set(author, new Set())
+    dMap.get(author).add(d.toISOString().slice(0, 10))
+  })
+
+  const curMap = weekAuthor.get(curKey) || new Map()
+  const prevMap = weekAuthor.get(prevKey) || new Map()
+  const curTotal = Array.from(curMap.values()).reduce((a, b) => a + b, 0)
+  const prevTotal = Array.from(prevMap.values()).reduce((a, b) => a + b, 0)
+  const delta =
+    prevTotal > 0 ? Math.round(((curTotal - prevTotal) / prevTotal) * 100) : null
+
+  // 找当前周最“活跃”的人（加班提交最多），并统计他加班的自然日数
+  let topAuthor = null
+  let topCount = -1
+  curMap.forEach((v, k) => {
+    if (v > topCount) {
+      topCount = v
+      topAuthor = k
+    }
+  })
+  const curDatesMap = weekDatesByAuthor.get(curKey) || new Map()
+  const topDays =
+    topAuthor && curDatesMap.get(topAuthor)
+      ? curDatesMap.get(topAuthor).size
+      : 0
+
+  // 文案
+  const lines = []
+  lines.push('【本周风险总结】')
+
+  if (curTotal === 0) {
+    lines.push('团队本周暂无加班提交。')
+  } else if (delta === null) {
+    lines.push(`团队本周加班提交 ${curTotal} 次。`)
+  } else {
+    const trend = delta >= 0 ? '上升' : '下降'
+    lines.push(`团队加班${trend} ${Math.abs(delta)}%（vs 上周）。`)
+  }
+
+  if (topAuthor && curTotal > 0) {
+    const pct = Math.round((topCount / curTotal) * 100)
+    lines.push(
+      `${topAuthor} 夜间活跃度 ${pct}%，${topDays} 天出现下班后提交（${endHour}:00 后或次日 ${cutoff}:00 前）。`
+    )
+  }
+
+  box.innerHTML = `
+    <div class="risk-summary">
+      <div class="risk-title">【本周风险总结】</div>
+      <ul>
+        ${lines
+          .slice(1)
+          .map((l) => `<li>${escapeHtml(l)}</li>`)
+          .join('')}
+      </ul>
+    </div>
+  `
+}
+
+// ========= 开发者加班“最晚”趋势（每期取最大超时） =========
+function buildAuthorLatestDataset(
+  commits,
+  type,
+  startHour,
+  endHour,
+  cutoff
+) {
+  const byAuthor = new Map()
+  const periods = new Set()
+
+  commits.forEach((c) => {
+    const d = new Date(c.date)
+    if (Number.isNaN(d.valueOf())) return
+    const h = d.getHours()
+
+    let overtime = null
+    if (h >= endHour && h < 24) overtime = h - endHour
+    else if (h >= 0 && h < cutoff && h < startHour)
+      overtime = 24 - endHour + h
+    if (overtime == null) return
+
+    let key
+    if (type === 'daily') {
+      key = d.toISOString().slice(0, 10)
+    } else if (type === 'weekly') {
+      key = getIsoWeekKey(d.toISOString().slice(0, 10))
+    } else {
+      key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`
+    }
+    if (!key) return
+    periods.add(key)
+
+    const author = c.author || 'unknown'
+    if (!byAuthor.has(author)) byAuthor.set(author, {})
+    const obj = byAuthor.get(author)
+    obj[key] = Math.max(obj[key] || 0, overtime)
+  })
+
+  const allPeriods = Array.from(periods).sort()
+  const authors = Array.from(byAuthor.keys()).sort()
+  const series = authors.map((a) => ({
+    name: a,
+    type: 'line',
+    smooth: true,
+    data: allPeriods.map((p) => byAuthor.get(a)[p] || 0)
+  }))
+  return { authors, allPeriods, series }
+}
+
+function drawAuthorLatestOvertimeTrends(commits, stats) {
+  const el = document.getElementById('chartAuthorLatestOvertime')
+  if (!el) return null
+  const chart = echarts.init(el)
+
+  const startHour =
+    typeof stats.startHour === 'number' && stats.startHour >= 0
+      ? stats.startHour
+      : 9
+  const endHour =
+    typeof stats.endHour === 'number' && stats.endHour >= 0
+      ? stats.endHour
+      : window.__overtimeEndHour || 18
+  const cutoff = window.__overnightCutoff ?? 6
+
+  function render(type) {
+    const ds = buildAuthorLatestDataset(
+      commits,
+      type,
+      startHour,
+      endHour,
+      cutoff
+    )
+    chart.setOption({
+      tooltip: { trigger: 'axis' },
+      legend: { data: ds.authors },
+      xAxis: { type: 'category', data: ds.allPeriods },
+      yAxis: {
+        type: 'value',
+        name: '超出下班(小时)',
+        min: 0
+      },
+      series: ds.series
+    })
+  }
+
+  render('daily')
+
+  const tabs = document.querySelectorAll('#tabsLatestOvertime button')
+  tabs.forEach((btnEl) => {
+    btnEl.addEventListener('click', () => {
+      tabs.forEach((b) => b.classList.remove('active'))
+      btnEl.classList.add('active')
+      render(btnEl.dataset.type)
+    })
+  })
+
+  renderLatestRiskSummary(commits, { startHour, endHour, cutoff })
+
+  return chart
+}
+
+// 本周“最晚加班”风险提示
+function renderLatestRiskSummary(
+  commits,
+  { startHour = 9, endHour = 18, cutoff = 6 } = {}
+) {
+  const box = document.getElementById('latestRiskSummary')
+  if (!box) return
+
+  const now = new Date()
+  const curKey = getIsoWeekKey(now.toISOString().slice(0, 10))
+  const prev = new Date(now)
+  prev.setDate(prev.getDate() - 7)
+  const prevKey = getIsoWeekKey(prev.toISOString().slice(0, 10))
+
+  // 统计每周每人最大超时
+  const weekMax = new Map() // week -> Map(author -> {max, date})
+  commits.forEach((c) => {
+    const d = new Date(c.date)
+    if (Number.isNaN(d.valueOf())) return
+    const h = d.getHours()
+    let overtime = null
+    if (h >= endHour && h < 24) overtime = h - endHour
+    else if (h >= 0 && h < cutoff && h < startHour)
+      overtime = 24 - endHour + h
+    if (overtime == null) return
+
+    const wKey = getIsoWeekKey(d.toISOString().slice(0, 10))
+    if (!wKey) return
+    if (!weekMax.has(wKey)) weekMax.set(wKey, new Map())
+    const m = weekMax.get(wKey)
+    const author = c.author || 'unknown'
+    const cur = m.get(author)
+    if (!cur || overtime > cur.max) {
+      m.set(author, { max: overtime, date: d.toISOString().slice(0, 10) })
+    }
+  })
+
+  const curMap = weekMax.get(curKey) || new Map()
+  const prevMap = weekMax.get(prevKey) || new Map()
+
+  // 当前周的全局最晚
+  let topAuthor = null
+  let top = { max: -1, date: null }
+  curMap.forEach((v, k) => {
+    if (v.max > top.max) {
+      top = v
+      topAuthor = k
+    }
+  })
+
+  // 上周全局最晚，用于趋势判断
+  let prevMax = -1
+  prevMap.forEach((v) => {
+    if (v.max > prevMax) prevMax = v.max
+  })
+
+  const lines = []
+  lines.push('【本周最晚加班风险】')
+
+  if (top.max < 0) {
+    lines.push('本周尚无下班后/凌晨提交，未发现明显风险。')
+  } else {
+    let trend = '暂无上周对比'
+    if (prevMax >= 0) {
+      if (top.max > prevMax) trend = '较上周更晚'
+      else if (top.max < prevMax) trend = '较上周提前'
+      else trend = '与上周持平'
+    }
+    lines.push(
+      `${topAuthor} 本周最晚超出下班 ${top.max.toFixed(
+        2
+      )} 小时（${top.date}），${trend}。`
+    )
+    if (top.max >= 2) {
+      lines.push('已超过 2 小时，存在严重加班风险，请关注工作节奏。')
+    } else if (top.max >= 1) {
+      lines.push('已超过 1 小时，注意控制夜间工作时长。')
+    }
+  }
+
+  box.innerHTML = `
+    <div class="risk-summary">
+      <div class="risk-title">【本周最晚加班风险】</div>
+      <ul>
+        ${lines
+          .slice(1)
+          .map((l) => `<li>${escapeHtml(l)}</li>`)
+          .join('')}
+      </ul>
+    </div>
+  `
+}
+
+async function main() {
+  const {
+    commits,
+    stats,
+    weekly,
+    monthly,
+    latestByDay,
+    config,
+    authorChanges
+  } =
+    await loadData()
+  commitsAll = commits
+  filtered = commitsAll.slice()
+  window.__overtimeEndHour =
+    stats && typeof stats.endHour === 'number'
+      ? stats.endHour
+      : (config.endHour ?? 18)
+  window.__overnightCutoff =
+    typeof config.overnightCutoff === 'number' ? config.overnightCutoff : 6
+  initTableControls()
+  updatePager()
+  renderCommitsTablePage()
+
+  drawHourlyOvertime(stats, (hour) => {
+    // 使用举例
+    const hourCommitsDetail = groupCommitsByHour(commits)
+    // 将 commit 列表传给侧栏（若没有详情，则传空数组）
+    showSideBarForHour(hour, hourCommitsDetail[hour] || [])
+  })
+  drawOutsideVsInside(stats)
+
+  // 按日提交趋势：点击某天打开抽屉，显示当日所有 commits
+  drawDailyTrend(commits, showDayDetailSidebar)
+
+  // 周趋势：保持原有点击行为（显示该周详情）
+  drawWeeklyTrend(weekly, commits, showSideBarForWeek)
+
+  // 月趋势（加班占比）：点击某个月打开抽屉，显示该月所有 commits
+  drawMonthlyTrend(monthly, commits, showDayDetailSidebar)
+
+  // 每日最晚提交时间（小时）：点击某天打开抽屉，显示当日所有 commits
+  drawLatestHourDaily(latestByDay, commits, showDayDetailSidebar)
+
+  // 每日超过下班的小时数：点击某天打开抽屉，显示当日所有 commits
+  drawDailySeverity(latestByDay, commits, showDayDetailSidebar)
+
+  const daily = drawDailyTrendSeverity(commits, weekly, showDayDetailSidebar)
+
+  console.log('最累的一天：', daily.analysis.mostTiredDay)
+
+  drawChangeTrends(authorChanges)
+  drawAuthorOvertimeTrends(commits, stats)
+  drawAuthorLatestOvertimeTrends(commits, stats)
+  computeAndRenderLatestOvertime(latestByDay)
+  renderKpi(stats)
+}
+
+
 // 抽屉关闭交互（按钮 + 点击遮罩）
 document.getElementById('sidebarClose').onclick = () => {
   document.getElementById('dayDetailSidebar').classList.remove('show')