wukong-gitlog-cli 0.0.14 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/web/index.html +57 -45
- package/web/style.css +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
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.
|
|
4
4
|
|
|
5
|
+
### [0.0.15](https://github.com/tomatobybike/wukong-gitlog-cli/compare/v0.0.14...v0.0.15) (2025-11-28)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* 🎸 chart pie ([3f56a70](https://github.com/tomatobybike/wukong-gitlog-cli/commit/3f56a70d0d4fb9974a6e1a918d936ea9bade366b))
|
|
11
|
+
|
|
5
12
|
### [0.0.14](https://github.com/tomatobybike/wukong-gitlog-cli/compare/v0.0.13...v0.0.14) (2025-11-28)
|
|
6
13
|
|
|
7
14
|
|
package/package.json
CHANGED
package/web/index.html
CHANGED
|
@@ -1,49 +1,61 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
2
|
<html lang="zh-CN">
|
|
3
|
-
<head>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
</head>
|
|
10
|
-
<body>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
</div>
|
|
28
|
-
<div class="chart-card">
|
|
29
|
-
<h2>每周趋势（加班占比）</h2>
|
|
30
|
-
<canvas id="weeklyTrendChart"></canvas>
|
|
31
|
-
</div>
|
|
32
|
-
</section>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
6
|
+
<title>wukong-gitlog-cli — Overtime Dashboard</title>
|
|
7
|
+
<link rel="stylesheet" href="/style.css" />
|
|
8
|
+
<script src="./static/chart.js"></script>
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
<header>
|
|
12
|
+
<h1>Wukong Gitlog Overtime Dashboard</h1>
|
|
13
|
+
</header>
|
|
14
|
+
<main>
|
|
15
|
+
<section id="chartsHalf">
|
|
16
|
+
<div class="chart-card">
|
|
17
|
+
<h2>下班时间 vs 工作时间提交占比</h2>
|
|
18
|
+
<canvas id="outsideVsInsideChart"></canvas>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="chart-card"></div>
|
|
21
|
+
</section>
|
|
22
|
+
<section id="charts">
|
|
23
|
+
<div class="chart-card">
|
|
24
|
+
<h2>每小时加班分布 (小时 -> 提交数)</h2>
|
|
25
|
+
<canvas id="hourlyOvertimeChart"></canvas>
|
|
26
|
+
</div>
|
|
33
27
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
28
|
+
<div class="chart-card">
|
|
29
|
+
<h2>按日提交趋势</h2>
|
|
30
|
+
<canvas id="dailyTrendChart"></canvas>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="chart-card">
|
|
33
|
+
<h2>每周趋势（加班占比）</h2>
|
|
34
|
+
<canvas id="weeklyTrendChart"></canvas>
|
|
35
|
+
</div>
|
|
36
|
+
</section>
|
|
37
|
+
|
|
38
|
+
<section class="table-card">
|
|
39
|
+
<h2>提交清单</h2>
|
|
40
|
+
<table id="commitsTable">
|
|
41
|
+
<thead>
|
|
42
|
+
<tr>
|
|
43
|
+
<th>Hash</th>
|
|
44
|
+
<th>Author</th>
|
|
45
|
+
<th>Date</th>
|
|
46
|
+
<th>Message</th>
|
|
47
|
+
</tr>
|
|
48
|
+
</thead>
|
|
49
|
+
<tbody></tbody>
|
|
50
|
+
</table>
|
|
51
|
+
</section>
|
|
52
|
+
</main>
|
|
53
|
+
<footer>
|
|
54
|
+
<small
|
|
55
|
+
>Local dashboard generated by wukong-gitlog-cli. Data served from
|
|
56
|
+
<code>/data/</code>.</small
|
|
57
|
+
>
|
|
58
|
+
</footer>
|
|
59
|
+
<script type="module" src="/app.js"></script>
|
|
60
|
+
</body>
|
|
49
61
|
</html>
|
package/web/style.css
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin: 0; padding: 0; background: #fafafa; color: #222; }
|
|
2
2
|
header { background: #0f172a; color: white; padding: 12px 20px; }
|
|
3
3
|
main { display: flex; flex-direction: column; gap: 12px; padding: 20px; max-width: 1200px; margin: 20px auto; }
|
|
4
|
-
#charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(
|
|
4
|
+
#charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(640px, 1fr)); gap: 16px; }
|
|
5
|
+
#chartsHalf { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; }
|
|
5
6
|
.chart-card { background: white; border-radius: 8px; padding: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
|
|
6
7
|
.table-card { background: white; padding: 12px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
|
|
7
8
|
table { width: 100%; border-collapse: collapse; }
|