wukong-gitlog-cli 1.0.42 → 1.0.44

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.44](https://github.com/tomatobybike/wukong-gitlog-cli/compare/v1.0.43...v1.0.44) (2026-02-14)
+
+### [1.0.43](https://github.com/tomatobybike/wukong-gitlog-cli/compare/v1.0.42...v1.0.43) (2026-02-13)
+
+
+### Features
+
+* 🎸 autoCheckUpdate ([d377012](https://github.com/tomatobybike/wukong-gitlog-cli/commit/d3770123f10c574f0f5ea592ef58e71bfdd8edc1))
+
+
+### Bug Fixes
+
+* 🐛 update version ([840216d](https://github.com/tomatobybike/wukong-gitlog-cli/commit/840216d4f553e5d78f84e42f76386056553d1282))
+
 ### [1.0.42](https://github.com/tomatobybike/wukong-gitlog-cli/compare/v1.0.41...v1.0.42) (2026-02-13)
 
 ### [1.0.41](https://github.com/tomatobybike/wukong-gitlog-cli/compare/v1.0.40...v1.0.41) (2026-02-12)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wukong-gitlog-cli",
-  "version": "1.0.42",
+  "version": "1.0.44",
   "description": "Advanced Git commit log exporter with Excel/JSON/TXT output, grouping, stats and CLI.",
   "keywords": [
     "git",
@@ -97,35 +97,37 @@
     "#utils/*": "./src/utils/*"
   },
   "dependencies": {
-    "@inquirer/prompts": "^8.1.0",
+    "@inquirer/prompts": "8.2.0",
+    "boxen": "8.0.1",
     "chalk": "5.6.2",
-    "commander": "12.1.0",
+    "commander": "14.0.3",
     "date-fns": "4.1.0",
-    "date-holidays": "2.1.1",
+    "date-holidays": "3.26.8",
     "dayjs": "1.11.19",
-    "dotenv": "17.2.2",
+    "dotenv": "17.3.1",
     "exceljs": "4.4.0",
     "fs-extra": "11.3.3",
-    "ora": "9.0.0",
+    "is-online": "12.0.2",
+    "ora": "9.3.0",
     "os-locale": "^8.0.0",
-    "string-width": "5.1.2",
+    "string-width": "8.1.1",
     "wukong-profiler": "^1.0.11",
-    "wukong-progress": "^0.1.2"
+    "wukong-progress": "^0.1.3"
   },
   "devDependencies": {
-    "@trivago/prettier-plugin-sort-imports": "5.2.2",
+    "@trivago/prettier-plugin-sort-imports": "6.0.2",
     "eslint": "8.57.1",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-import-resolver-alias": "1.1.2",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-prettier": "5.5.5",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
-    "prettier": "3.6.2",
-    "prettier-plugin-packagejson": "2.5.19",
-    "sort-package-json": "3.4.0",
+    "prettier": "3.8.1",
+    "prettier-plugin-packagejson": "3.0.0",
+    "sort-package-json": "3.6.1",
     "standard-version": "9.5.0"
   },
   "packageManager": "yarn@1.22.22"

package/src/app/serveAction.mjs

@@ -48,7 +48,12 @@ export async function serveAction(rawOpts = {}) {
   for (let i = 0; i < maxTries; i++) {
     try {
       // eslint-disable-next-line no-await-in-loop
-      server = await startServer(port, dir, data)
+      server = await startServer({
+        port,
+        outputDir: dir,
+        data,
+        lang: rawOpts.lang
+      })
       break
     } catch (err) {
       // 端口被占用，尝试下一个端口；其它错误抛出

package/src/cli/createCommand.mjs

@@ -0,0 +1,31 @@
+export function createCommand(program, {
+  name,
+  description,
+  optionsBuilder,
+  handler,
+  autoUpdate,
+  lang
+}) {
+  const cmd = program.command(name).description(description)
+
+  // 注入 options
+  if (optionsBuilder) {
+    optionsBuilder(cmd)
+  }
+
+  cmd.action(async (cmdOpts, command) => {
+    const globalOpts = command.parent?.opts?.() || {}
+    const finalOpts = { ...globalOpts, ...cmdOpts,lang }
+
+    try {
+      await handler(finalOpts)
+    } finally {
+      if (autoUpdate) {
+        // 不阻塞 CLI
+        autoUpdate().catch(() => {})
+      }
+    }
+  })
+
+  return cmd
+}

package/src/index.mjs

@@ -1,5 +1,8 @@
 #!/usr/bin/env node
 import { Command } from 'commander'
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
 
 import { runGitPreflight, showGitInfo } from '#src/domain/git/index.mjs'
 
@@ -11,6 +14,7 @@ import { journalAction } from './app/journalAction.mjs'
 import { overtimeAction } from './app/overtimeAction.mjs'
 import { serveAction } from './app/serveAction.mjs'
 import { versionAction } from './app/versionAction.mjs'
+import { createCommand } from './cli/createCommand.mjs'
 import {
   addAnalysisOptions,
   addGitSourceOptions,
@@ -21,9 +25,38 @@ import {
 } from './cli/defineOptions.mjs'
 import { initI18n, t } from './i18n/index.mjs'
 import { loadRcConfig } from './infra/configStore.mjs'
+import { checkUpdateWithPatch } from './utils/checkUpdate.mjs'
 
 // 引入加载器
 
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const pkgPath = path.resolve(__dirname, '../package.json')
+const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'))
+
+const autoCheckUpdate = async () => {
+  // 避免 CI 打印更新提示
+  if (process.env.CI) return
+  // CLI 更新提示只在 global 安装时出现
+  if (process.env.npm_config_global !== 'true') return
+  if (!process.stdout.isTTY) return
+
+  // === CLI 主逻辑完成后提示更新 ===
+  // await checkUpdateWithPatch({
+  //   pkg: {
+  //     name: pkg.name,
+  //     version: pkg.version
+  //   },
+  //   // force:true
+  // })
+
+  // 放到下一个 tick
+  setTimeout(() => {
+    checkUpdateWithPatch({ pkg }).catch(() => {})
+  }, 0)
+}
+
 const main = async () => {
   // --- 第一步：参数预检 (Pre-flight) ---
   const args = process.argv.slice(2)
@@ -37,6 +70,8 @@ const main = async () => {
   // 这一步必须在定义子命令描述之前完成！
   const finalLang = await initI18n(userLang)
 
+
+
   // ---------------------------------------------------------
   // 2. 环境准备
   // ---------------------------------------------------------
@@ -67,85 +102,79 @@ const main = async () => {
 
   // === 命令: Init ===
 
-  program
-    .command('init')
-    .description(t('cmds.init'))
-    .option('-f, --force', t('options.force'))
-    .action(async (options) => {
-      // 如果你不想抽离到 app 层，也可以直接写这里
-      // 但推荐抽离以保持架构一致性
-      await initAction(options)
-    })
+  createCommand(program, {
+    name: 'init',
+    description: t('cmds.init'),
+    optionsBuilder: (cmd) => {
+      cmd.option('-f, --force', t('options.force'))
+    },
+    handler: initAction,
+    autoUpdate: autoCheckUpdate
+  })
 
   // # 命令: Analyze 核心分析（默认） 分析 git 提交记录 (最全参数)
-  const analyzeCmd = program
-    .command('analyze')
-    .description(t('cmds.analyze'))
-    .action((cmdOpts) => {
-      const globalOpts = program.opts()
-      const finalOpts = { ...globalOpts, ...cmdOpts }
-      analyzeAction(finalOpts)
-    })
-
-  // 挂载 analyze 需要的参数组
-  addGitSourceOptions(analyzeCmd)
-  addAnalysisOptions(analyzeCmd)
-  addOutputOptions(analyzeCmd)
-  addPerformanceOptions(analyzeCmd)
+  createCommand(program, {
+    name: 'analyze',
+    description: t('cmds.analyze'),
+    optionsBuilder: (cmd) => {
+      addGitSourceOptions(cmd)
+      addAnalysisOptions(cmd)
+      addOutputOptions(cmd)
+      addPerformanceOptions(cmd)
+    },
+    handler: analyzeAction,
+    autoUpdate: autoCheckUpdate
+  })
 
   // # 命令: Overtime 加班文化分析
-  const overtimeCmd = program
-    .command('overtime')
-    .description(t('cmds.overtime'))
-    .action((cmdOpts) => {
-      const globalOpts = program.opts()
-      const finalOpts = { ...globalOpts, ...cmdOpts }
-      overtimeAction(finalOpts)
-    })
-  addGitSourceOptions(overtimeCmd)
-  addAnalysisOptions(overtimeCmd) // 加班分析肯定需要上班时间配置
+  createCommand(program, {
+    name: 'overtime',
+    description: t('cmds.overtime'),
+    optionsBuilder: (cmd) => {
+      addGitSourceOptions(cmd)
+      addAnalysisOptions(cmd)
+    },
+    handler: overtimeAction,
+    autoUpdate: autoCheckUpdate
+  })
 
   // # 命令: Export (专注导出) 导出（excel / csv / json）
-  const exportCmd = program
-    .command('export')
-    .description(t('cmds.export'))
-    // .option('-f, --format <type>', '导出格式') // 局部参数
-    .action((cmdOpts, command) => {
-      // globalOpts 拿到 author, since 等
-      const globalOpts = command.parent.opts()
-      // 合并全局和局部参数
-      const finalOpts = { ...globalOpts, ...cmdOpts }
-      exportAction(finalOpts)
-    })
-  addGitSourceOptions(exportCmd)
-  addOutputOptions(exportCmd)
+  createCommand(program, {
+    name: 'export',
+    description: t('cmds.export'),
+    optionsBuilder: (cmd) => {
+      addGitSourceOptions(cmd)
+      addOutputOptions(cmd)
+    },
+    handler: exportAction,
+    autoUpdate: autoCheckUpdate
+  })
 
   // === 命令: Journal (日报) ===
-  const journalCmd = program
-    .command('journal')
-    .description(t('cmds.journal'))
-    .action((cmdOpts) => {
-      const globalOpts = program.opts()
-      const finalOpts = { ...globalOpts, ...cmdOpts }
-      journalAction(finalOpts)
-    })
-
-  addGitSourceOptions(journalCmd)
-
-  addPerformanceOptions(journalCmd)
+  createCommand(program, {
+    name: 'journal',
+    description: t('cmds.journal'),
+    optionsBuilder: (cmd) => {
+      addGitSourceOptions(cmd)
+      addPerformanceOptions(cmd)
+    },
+    handler: journalAction,
+    autoUpdate: autoCheckUpdate
+  })
 
   // === 命令: Serve (Web服务) ===
-  const serveCmd = program
-    .command('serve')
-    .description('Start web server')
-    .action((cmdOpts) => {
-      const globalOpts = program.opts()
-      const finalOpts = { ...globalOpts, ...cmdOpts }
-      serveAction(finalOpts)
-    })
-  // Serve 命令只需要端口，不需要 Git 作者之类的参数
-  addServeOptions(serveCmd)
-  program.parse(process.argv)
+  createCommand(program, {
+    name: 'serve',
+    description: 'Start web server',
+    optionsBuilder: (cmd) => {
+      addServeOptions(cmd)
+    },
+    handler: serveAction,
+    autoUpdate: autoCheckUpdate,
+    lang:finalLang
+  })
+
+  await program.parseAsync(process.argv)
 
   // const opts = program.opts()
   // console.log('✅ Cli Opts:', opts)

package/src/serve/startServer.mjs

@@ -51,7 +51,7 @@ function findPkgRoot(currentDir) {
 }
 
 // eslint-disable-next-line default-param-last
-export function startServer(port = 3000, outputDir) {
+export function startServer({ port = 3000, outputDir, data,lang }) {
   // 解析包根目录，确保 web 资源在全局安装后也能找到
   const __filename = fileURLToPath(import.meta.url)
   const __dirname = path.dirname(__filename)
@@ -64,7 +64,6 @@ export function startServer(port = 3000, outputDir) {
     ? path.resolve(outputDir)
     : path.resolve(process.cwd(), 'output-wukong')
 
-
   // warn if web directory or data directory doesn't exist
   if (!fs.existsSync(webRoot)) {
     console.warn(
@@ -113,6 +112,21 @@ export function startServer(port = 3000, outputDir) {
           'Content-Type',
           mime.get(ext) || 'application/octet-stream'
         )
+
+        // 👇 只对 index.html 注入
+        if (pathname === '/index.html') {
+          let html = fs.readFileSync(fileLocal, 'utf8')
+
+          html = html.replace(
+            `window.__LANG__ = '__LANG__'`,
+            `window.__LANG__ = "${lang}"`
+          )
+
+          res.setHeader('Content-Type', 'text/html; charset=utf-8')
+          res.end(html)
+          return
+        }
+
         const stream = fs.createReadStream(fileLocal)
         stream.pipe(res)
         return

package/src/utils/checkUpdate.mjs

@@ -0,0 +1,135 @@
+import boxen from 'boxen'
+import fs from 'fs'
+import isOnline from 'is-online'
+import os from 'os'
+import path from 'path'
+import semver from 'semver'
+
+import { colors } from './colors.mjs'
+
+const CONFIG_DIR = path.join(os.homedir(), '.config', 'configstore')
+
+const getCacheFile = (pkg) =>
+  path.join(CONFIG_DIR, `update-notifier-${pkg.name}.json`)
+
+async function fetchLatestVersion(pkgName, timeout = 1500) {
+  const url = `https://registry.npmjs.org/${pkgName}/latest`
+  const controller = new AbortController()
+  const timer = setTimeout(() => controller.abort(), timeout)
+
+  try {
+    const res = await fetch(url, { signal: controller.signal })
+    clearTimeout(timer)
+    if (!res.ok) throw new Error('fetch fail')
+    const data = await res.json()
+    return data.version
+  } catch (e) {
+    clearTimeout(timer)
+    // 超时或其他错误都返回 null，防止程序卡死
+    return null
+  }
+}
+
+/**
+ * 格式化升级提示信息
+ */
+export function formatUpdateMessage(current, latest, name) {
+  const arrow = colors.dim('→')
+  const currentVer = colors.dim(current)
+  const latestVer = colors.green(latest)
+
+  const message =
+    `${colors.dim('Update available')}` +
+    `  ${currentVer} ${arrow} ${latestVer}\n` +
+    `${colors.dim('Run')} ${colors.cyanish(`npm i -g ${name}`)} ${colors.dim(' to update')}`
+
+  return boxen(message, {
+    padding: 1,
+    margin: 1,
+    borderStyle: 'round',
+    borderColor: 'yellow'
+  })
+}
+
+/**
+ * 检查更新（带缓存 + 支持 patch 更新）
+ */
+export async function checkUpdateWithPatch({
+  pkg,
+  interval = 24 * 60 * 60 * 1000,
+  // interval = 6 * 1000,
+  force = false
+} = {}) {
+  const online = await isOnline()
+  console.log('online', online)
+  if (!online) return null
+  const now = Date.now()
+  const CACHE_FILE = getCacheFile(pkg)
+
+  let cache = {}
+  if (fs.existsSync(CACHE_FILE)) {
+    try {
+      cache = JSON.parse(fs.readFileSync(CACHE_FILE, 'utf8')) || {}
+      // eslint-disable-next-line no-empty
+    } catch {}
+  }
+
+  // console.log('now - cache.lastCheck', now - cache.lastCheck, interval)
+  if (!force && cache.lastCheck && now - cache.lastCheck < interval) {
+    return cache.updateInfo || null
+  }
+
+  const latest = await fetchLatestVersion(pkg.name)
+  if (!latest) {
+    // console.log('无法获取最新版本')
+    return null
+  }
+
+  if (!semver.valid(pkg.version) || !semver.valid(latest)) {
+  return null
+}
+
+
+  if (semver.lt(pkg.version, latest)) {
+    // 构造 update 对象，兼容 update-notifier
+    const updateInfo = {
+      current: pkg.version,
+      latest,
+      type: semver.diff(pkg.version, latest) || 'patch',
+      name: pkg.name,
+      // 这里官方还会有 message 字段
+      // 用官方的默认消息格式生成，方便notify打印
+      message: `\nUpdate available ${pkg.version} → ${latest}\nRun npm i -g ${pkg.name} to update\n`
+    }
+
+    // 缓存
+    try {
+      fs.mkdirSync(CONFIG_DIR, { recursive: true })
+      fs.writeFileSync(
+        CACHE_FILE,
+        JSON.stringify(
+          {
+            lastCheck: now,
+            updateInfo
+          },
+          null,
+          2
+        )
+      )
+    } catch (e) {
+      console.error('缓存写入失败:', e)
+    }
+
+    const { current } = updateInfo
+    console.log(formatUpdateMessage(current, latest, pkg.name))
+    return updateInfo
+  }
+  // 无更新，刷新缓存时间
+  try {
+    fs.mkdirSync(CONFIG_DIR, { recursive: true })
+    fs.writeFileSync(CACHE_FILE, JSON.stringify({ lastCheck: now }, null, 2))
+  } catch (e) {
+    console.error('缓存写入失败:', e)
+  }
+  return null
+}

package/web/app.js

@@ -3,6 +3,45 @@
 /* eslint-disable no-restricted-globals */
 /* global echarts */
 
+/* ---------------------- 动态加载语言 */
+
+import zh from './static/i18n/zh.js'
+import en from './static/i18n/en.js'
+
+function resolveLang() {
+  // CLI 注入优先
+  if (window.__LANG__) return window.__LANG__
+
+  // 浏览器语言
+  if (navigator.language.startsWith('zh')) return 'zh'
+
+  return 'en'
+}
+
+const lang = resolveLang()
+
+const messages = {
+  zh,
+  en
+}[lang] || zh
+
+function applyI18n() {
+  document.querySelectorAll('[data-i18n]').forEach(el => {
+    const key = el.dataset.i18n
+    // eslint-disable-next-line no-param-reassign
+    el.textContent = messages[key] || key
+  })
+
+  document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+    const key = el.dataset.i18nPlaceholder
+    // eslint-disable-next-line no-param-reassign
+    el.placeholder = messages[key] || key
+  })
+}
+
+applyI18n()
+
+/* ---------------------- */
 // 1. 定义一个存储所有实例的数组
 const chartInstances = []
 const formatDate = (d) => new Date(d).toLocaleString()

package/web/index.html

@@ -3,29 +3,34 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <title>wukong-gitlog-cli — Overtime Dashboard</title>
+    <title data-i18n="dashboardTitle">Wukong Gitlog 加班分析看板</title>
     <link rel="stylesheet" href="./static/style.css" />
+    <script>
+      window.__LANG__ = '__LANG__'
+    </script>
     <script src="./static/echarts.min.js"></script>
   </head>
   <body>
     <header>
-      <h1>Wukong Gitlog Overtime Dashboard</h1>
+      <h1 data-i18n="dashboardTitle"></h1>
       <div id="samplingInfo" class="sampling-info"></div>
     </header>
     <main id="main">
       <section id="chartsHalf">
         <div class="chart-card">
-          <h2>下班时间 vs 工作时间提交占比</h2>
+          <!-- <h2>下班时间 vs 工作时间提交占比</h2> -->
+          <h2 data-i18n="outsideVsInside"></h2>
+
           <div id="outsideVsInsideChart" class="echart"></div>
         </div>
         <div class="chart-card" id="kpiCard">
-          <h2>关键指标</h2>
+          <h2 data-i18n="kpi">关键指标</h2>
           <div id="kpiContent"></div>
         </div>
       </section>
       <section id="charts">
         <div class="chart-card">
-          <h2>每小时加班分布 (小时 -> 提交数)</h2>
+          <h2 data-i18n="hourlyOvertime">每小时加班分布(小时 -> 提交数)</h2>
           <div
             id="hourlyOvertimeChart"
             data-title="每小时加班分布"
@@ -34,7 +39,7 @@
         </div>
 
         <div class="chart-card">
-          <h2>按日提交趋势（次数）</h2>
+          <h2 data-i18n="dailyTrend">按日提交趋势（次数）</h2>
           <div
             id="dailyTrendChart"
             data-title="按日提交趋势（次数）"
@@ -42,7 +47,7 @@
           ></div>
         </div>
         <div class="chart-card">
-          <h2>按日提交趋势（次数）</h2>
+          <h2 data-i18n="dailyTrend">按日提交趋势（次数）</h2>
           <div
             id="dailyTrendChartDog"
             data-title="按日提交趋势"
@@ -50,7 +55,7 @@
           ></div>
         </div>
         <div class="chart-card">
-          <h2>每日最晚提交时间（小时）</h2>
+          <h2 data-i18n="latestHourDaily">每日最晚提交时间（小时）</h2>
           <div
             id="latestHourDailyChart"
             data-title="每日最晚提交时间（小时）"
@@ -58,7 +63,7 @@
           ></div>
         </div>
         <div class="chart-card">
-          <h2>每日超过下班的小时数</h2>
+          <h2 data-i18n="dailySeverity">每日超过下班的小时数</h2>
           <div
             id="dailySeverityChart"
             data-title="每日超过下班的小时数"
@@ -67,7 +72,7 @@
         </div>
 
         <div class="chart-card">
-          <h2>每周趋势（加班占比）</h2>
+          <h2 data-i18n="weeklyTrend">每周趋势（加班占比）</h2>
           <div
             id="weeklyTrendChart"
             data-title="每周趋势（加班占比）"
@@ -75,7 +80,7 @@
           ></div>
         </div>
         <div class="chart-card">
-          <h2>每月趋势（加班占比）</h2>
+          <h2 data-i18n="monthlyTrend">每月趋势（加班占比）</h2>
           <div
             id="monthlyTrendChart"
             data-title="每月趋势（加班占比）"
@@ -93,10 +98,8 @@
         </div>
       </section>
 
-
-
       <div class="chart-card">
-        <h2>开发者 Changed 工作量趋势（行数）</h2>
+        <h2 data-i18n="authorChanges">开发者 Changed 工作量趋势（行数）</h2>
 
         <div id="tabs" class="tabs">
           <button data-type="daily" class="active">按日</button>
@@ -107,7 +110,7 @@
       </div>
 
       <div class="chart-card">
-        <h2>开发者 加班最晚趋势（小时）</h2>
+        <h2 data-i18n="authorLatestOvertime">开发者 加班最晚趋势（小时）</h2>
         <div class="tabs" id="tabsLatestOvertime">
           <button data-type="daily" class="active">按日</button>
           <button data-type="weekly">按周</button>
@@ -117,7 +120,7 @@
       </div>
 
       <div class="chart-card">
-        <h2>开发者 加班趋势（次数）</h2>
+        <h2 data-i18n="authorOvertime">开发者 加班趋势（次数）</h2>
         <div class="tabs" id="tabsOvertime">
           <button data-type="daily" class="active">按日</button>
           <button data-type="weekly">按周</button>
@@ -134,7 +137,7 @@
       </div>
 
       <div class="chart-card">
-        <h2>开发者 午休最晚提交（小时）</h2>
+        <h2 data-i18n="authorLunch">开发者 午休最晚提交（小时）</h2>
         <div class="tabs" id="tabsLunch">
           <button data-type="daily" class="active">按日</button>
           <button data-type="weekly">按周</button>
@@ -149,7 +152,7 @@
 
       <!-- 午休 分析 -->
       <div class="chart-card">
-        <h2>开发者 累计午休工作时长</h2>
+        <h2 data-i18n="totalLunchTime">开发者 累计午休工作时长</h2>
         <div class="tabs" id="tabsTotalLunchTime">
           <button data-type="daily" class="active">按日</button>
           <button data-type="weekly">按周</button>
@@ -161,18 +164,18 @@
 
       <section class="chartsHalf">
         <div class="chart-card">
-          <h2>开发者 午休工作总时长</h2>
+          <h2 data-i18n="totalLunchTime">开发者 午休工作总时长</h2>
           <div id="authorTotalLunchTimeRank" class="rank-list"></div>
         </div>
         <div class="chart-card">
-          <h2>开发者 午休工作总时长</h2>
+          <h2 data-i18n="totalLunchTimeAll">开发者 午休工作总时长</h2>
           <div id="authorTotalLunchTimeRankSummary" style="height: 600px"></div>
         </div>
       </section>
       <!-- 午休 分析 End -->
 
       <div class="chart-card">
-        <h2>开发者 累计加班时长</h2>
+        <h2 data-i18n="totalOvertime">开发者 累计加班时长</h2>
         <div class="tabs" id="tabsTotalOvertime">
           <button data-type="daily" class="active">按日</button>
           <button data-type="weekly">按周</button>
@@ -184,18 +187,18 @@
 
       <section class="chartsHalf">
         <div class="chart-card">
-          <h2>开发者 加班总时长</h2>
+          <h2 data-i18n="totalOvertimeAll">开发者 加班总时长</h2>
           <div id="authorTotalOvertimeRank" class="rank-list"></div>
         </div>
         <div class="chart-card">
-          <h2>开发者 加班总时长</h2>
+          <h2 data-i18n="totalOvertimeAll">开发者 加班总时长</h2>
           <div id="authorTotalOvertimeRankSummary" style="height: 600px"></div>
         </div>
       </section>
 
       <!-- 开发者 累计提交次数 -->
       <div class="chart-card">
-        <h2>开发者 累计提交次数</h2>
+        <h2 data-i18n="totalCommits">开发者 累计提交次数</h2>
         <div class="tabs" id="tabsTotalCommits">
           <button data-type="daily" class="active">按日</button>
           <button data-type="weekly">按周</button>
@@ -207,19 +210,19 @@
 
       <section class="chartsHalf">
         <div class="chart-card">
-          <h2>开发者 提交总次数</h2>
+          <h2 data-i18n="totalCommitsCount">开发者 提交总次数</h2>
           <div id="authorTotalCommitsRank" class="rank-list"></div>
         </div>
         <div class="chart-card">
-          <h2>开发者 提交总次数</h2>
+          <h2 data-i18n="totalCommitsCount">开发者 提交总次数</h2>
           <div id="authorTotalCommitsRankSummary" style="height: 600px"></div>
         </div>
       </section>
       <!-- 开发者 累计提交次数 End -->
 
-            <!-- 开发者 累计提交Changed -->
+      <!-- 开发者 累计提交Changed -->
       <div class="chart-card" id="totalCommitsChangedCard">
-        <h2>开发者 累计提交Changed </h2>
+        <h2 data-i18n="totalCommitsChanged">开发者 累计提交Changed</h2>
         <div class="tabs" id="tabsTotalCommitsChanged">
           <button data-type="daily" class="active">按日</button>
           <button data-type="weekly">按周</button>
@@ -231,12 +234,15 @@
 
       <section class="chartsHalf" id="totalCommitsChangedRankSection">
         <div class="chart-card">
-          <h2>开发者 提交Changed 总次数</h2>
+          <h2 data-i18n="totalCommitsChangedAll">开发者 提交Changed 总次数</h2>
           <div id="authorTotalCommitsChangedRank" class="rank-list"></div>
         </div>
         <div class="chart-card">
-          <h2>开发者 提交Changed 总次数</h2>
-          <div id="authorTotalCommitsChangedRankSummary" style="height: 600px"></div>
+          <h2 data-i18n="totalCommitsChangedAll">开发者 提交Changed 总次数</h2>
+          <div
+            id="authorTotalCommitsChangedRankSummary"
+            style="height: 600px"
+          ></div>
         </div>
       </section>
       <!-- 开发者 累计提交Changed End -->
@@ -250,18 +256,20 @@
       </div> -->
 
       <section class="table-card">
-        <h2>提交清单</h2>
+        <h2 data-i18n="commitsList">提交清单</h2>
         <div id="tableControls">
           <input
             id="searchInput"
             type="search"
             placeholder="搜索作者/信息/Hash/Date"
+            data-i18n-placeholder="searchPlaceholder"
+
           />
           <input type="date" id="startDate" />
           <span>~</span>
           <input type="date" id="endDate" />
-          <button id="clearDate">清除</button>
-          <label for="pageSize">每页显示</label>
+          <button id="clearDate" data-i18n="clear">清除</button>
+          <label for="pageSize" data-i18n="per">每页显示</label>
           <select id="pageSize">
             <option value="10">10</option>
             <option value="20">20</option>
@@ -270,9 +278,9 @@
           </select>
           <label id="commitsTotal"></label>
           <div class="pager">
-            <button id="prevPage">上一页</button>
+            <button id="prevPage" data-i18n="prevPage">上一页</button>
             <span id="pageInfo"></span>
-            <button id="nextPage">下一页</button>
+            <button id="nextPage" data-i18n="nextPage">下一页</button>
           </div>
         </div>
         <table id="commitsTable">

package/web/index2.html

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8" />
+  <title data-i18n="dashboardTitle">Wukong Gitlog 加班分析看板</title>
+</head>
+
+<body>
+  <h1 data-i18n="dashboardTitle">
+    Wukong Gitlog 加班分析看板
+  </h1>
+
+  <!-- KPI -->
+  <section>
+    <h2 data-i18n="kpi">关键指标</h2>
+    <div id="kpi-container"></div>
+  </section>
+
+  <!-- 下班时间 vs 工作时间 -->
+  <section>
+    <h2 data-i18n="outsideVsInside">
+      下班时间 vs 工作时间提交占比
+    </h2>
+    <div id="ratio-chart"></div>
+  </section>
+
+  <!-- 每小时加班 -->
+  <section>
+    <h2 data-i18n="hourlyOvertime">
+      每小时加班分布 (小时 → 提交数)
+    </h2>
+    <div id="hourly-chart"></div>
+  </section>
+
+  <!-- 每日趋势 -->
+  <section>
+    <h2 data-i18n="dailyTrend">
+      按日提交趋势（次数）
+    </h2>
+    <div id="daily-chart"></div>
+  </section>
+
+  <!-- 最晚提交时间 -->
+  <section>
+    <h2 data-i18n="latestHourDaily">
+      每日最晚提交时间（小时）
+    </h2>
+    <div id="latest-hour-chart"></div>
+  </section>
+
+  <!-- 每日加班严重度 -->
+  <section>
+    <h2 data-i18n="dailySeverity">
+      每日超过下班的小时数
+    </h2>
+    <div id="severity-chart"></div>
+  </section>
+
+  <!-- 每周趋势 -->
+  <section>
+    <h2 data-i18n="weeklyTrend">
+      每周趋势（加班占比）
+    </h2>
+    <div id="weekly-chart"></div>
+  </section>
+
+  <!-- 每月趋势 -->
+  <section>
+    <h2 data-i18n="monthlyTrend">
+      每月趋势（加班占比）
+    </h2>
+    <div id="monthly-chart"></div>
+  </section>
+
+  <!-- 作者工作量 -->
+  <section>
+    <h2 data-i18n="authorChanges">
+      开发者 Changed 工作量趋势（行数）
+    </h2>
+    <div id="author-changes-chart"></div>
+  </section>
+
+  <!-- 作者最晚加班 -->
+  <section>
+    <h2 data-i18n="authorLatestOvertime">
+      开发者 加班最晚趋势（小时）
+    </h2>
+    <div id="author-latest-hour-chart"></div>
+  </section>
+
+  <!-- 作者加班次数 -->
+  <section>
+    <h2 data-i18n="authorOvertime">
+      开发者 加班趋势（次数）
+    </h2>
+    <div id="author-overtime-chart"></div>
+  </section>
+
+  <!-- 作者午休 -->
+  <section>
+    <h2 data-i18n="authorLunch">
+      开发者 午休最晚提交（小时）
+    </h2>
+    <div id="author-lunch-chart"></div>
+  </section>
+
+  <!-- 累计统计 -->
+  <section>
+    <h2 data-i18n="totalLunchTime">
+      开发者 累计午休工作时长
+    </h2>
+    <div id="total-lunch"></div>
+  </section>
+
+  <section>
+    <h2 data-i18n="totalOvertime">
+      开发者 累计加班时长
+    </h2>
+    <div id="total-overtime"></div>
+  </section>
+
+  <section>
+    <h2 data-i18n="totalCommits">
+      开发者 累计提交次数
+    </h2>
+    <div id="total-commits"></div>
+  </section>
+
+  <section>
+    <h2 data-i18n="totalCommitsChanged">
+      开发者 累计提交Changed
+    </h2>
+    <div id="total-changed"></div>
+  </section>
+
+  <!-- 提交清单 -->
+  <section>
+    <h2 data-i18n="commitsList">提交清单</h2>
+
+    <input
+      type="text"
+      data-i18n-placeholder="searchPlaceholder"
+      placeholder="搜索作者/信息/Hash/Date"
+    />
+
+    <div id="commit-table"></div>
+
+    <div class="pagination">
+      <button data-i18n="prevPage">上一页</button>
+      <button data-i18n="nextPage">下一页</button>
+    </div>
+  </section>
+
+  <script>
+    window.__LANG__ = "__LANG__"
+  </script>
+  <script type="module" src="./app.js"></script>
+</body>
+</html>

package/web/static/i18n/en.js

@@ -0,0 +1,29 @@
+export default {
+  dashboardTitle: 'Wukong Gitlog Overtime Dashboard',
+  outsideVsInside: 'After-hours vs Working-hours Commit Ratio',
+  kpi: 'Key Metrics',
+  hourlyOvertime: 'Hourly Overtime Distribution (Hours → Commits)',
+  dailyTrend: 'Daily Commit Trend (Times)',
+  latestHourDaily: 'Latest Commit Hour Per Day',
+  dailySeverity: 'Hours Exceeding Off-work Time Per Day',
+  weeklyTrend: 'Weekly Trend (Overtime Ratio)',
+  monthlyTrend: 'Monthly Trend (Overtime Ratio)',
+  authorChanges: 'Developer Changed Workload Trend (Lines)',
+  authorLatestOvertime: 'Developer Latest Overtime Trend (Hour)',
+  authorOvertime: 'Developer Overtime Trend (Times)',
+  authorLunch: 'Developer Latest Lunch Commit (Hour)',
+  totalLunchTime: 'Developer Total Lunch Working Time',
+  totalLunchTimeAll: "Total All Lunch Working Time",
+  totalOvertime: 'Developer Total Overtime',
+  totalOvertimeAll: "Total All Overtime",
+  totalCommits: 'Developer Total Commits',
+  totalCommitsCount: 'Total All Commits',
+  totalCommitsChanged: 'Developer Total Commits Changed',
+  totalCommitsChangedAll: 'Total Commits Changed All',
+  commitsList: 'Commit List',
+  searchPlaceholder: 'Author/Message/Hash/Date',
+  per: ' ',
+  clear: 'Clear',
+  prevPage: 'Previous',
+  nextPage: 'Next'
+}

package/web/static/i18n/zh.js

@@ -0,0 +1,29 @@
+export default {
+  dashboardTitle: "Wukong Gitlog 加班分析看板",
+  outsideVsInside: "下班时间 vs 工作时间提交占比",
+  kpi: "关键指标",
+  hourlyOvertime: "每小时加班分布 (小时 → 提交数)",
+  dailyTrend: "按日提交趋势（次数）",
+  latestHourDaily: "每日最晚提交时间（小时）",
+  dailySeverity: "每日超过下班的小时数",
+  weeklyTrend: "每周趋势（加班占比）",
+  monthlyTrend: "每月趋势（加班占比）",
+  authorChanges: "开发者 Changed 工作量趋势（行数）",
+  authorLatestOvertime: "开发者 加班最晚趋势（小时）",
+  authorOvertime: "开发者 加班趋势（次数）",
+  authorLunch: "开发者 午休最晚提交（小时）",
+  totalLunchTime: "开发者 累计午休工作时长",
+  totalLunchTimeAll: "开发者 午休工作总时长",
+  totalOvertime: "开发者 累计加班时长",
+  totalOvertimeAll: "开发者 加班总时长",
+  totalCommits: "开发者 累计提交次数",
+  totalCommitsCount: "开发者 提交总次数",
+  totalCommitsChanged: "开发者 累计提交Changed",
+  totalCommitsChangedAll: '开发者 提交Changed 总次数',
+  commitsList: "提交清单",
+  searchPlaceholder: "搜索作者/信息/Hash/Date",
+  per: '每页显示',
+  clear: '清除',
+  prevPage: "上一页",
+  nextPage: "下一页"
+}