Skip to content

Commit 104a15e

Browse files
TangerGTanger
Tanger
and
GTanger
committed
feat(ui): 階段 4 log 接線至 sw-log 區 + 清除誤 commit 的 mockup
- index.html: - .sw-log 加 id="log"，appendLog() 自動寫入左下 log 區 - 移除底欄 hidden 舊 #log（避免雙胞胎 id） - main.js: appendAndMaybeAutoScroll 加 LOG_CAP=50 裁切， 防 DOM 無限成長（sw-log 160px 視覺只見最新 3-5 行） - 刪除 web/mockup_card_ui.html（階段 1 設計稿，誤 git add 進 repo） - bump v0.20.41 / sw CACHE v59 playwright 驗收：log 區正確顯示「已連線」「登入成功」訊息， flex-end 最新在下方，舊訊息向上溢出隱藏。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com> Co-authored-by: GTanger <GTanger@users.noreply.github.com>
1 parent 4df3573 commit 104a15e

4 files changed

Lines changed: 17 additions & 461 deletions

File tree

‎web/index.html‎

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@
2727
src: url('FZJiaGuWen.ttf') format('truetype');
2828
}
2929
</style>
30-
<link rel="stylesheet" href="style.css?v=0.20.40">
31-
<link rel="stylesheet" href="game.css?v=0.20.40">
30+
<link rel="stylesheet" href="style.css?v=0.20.41">
31+
<link rel="stylesheet" href="game.css?v=0.20.41">
3232
<!-- grid MUD 專用樣式（非觀景窗模式載入）-->
33-
<link rel="stylesheet" href="game-grid.css?v=0.20.40" id="game-grid-css" disabled>
33+
<link rel="stylesheet" href="game-grid.css?v=0.20.41" id="game-grid-css" disabled>
3434
</head>
3535
<body>
3636
<!-- 登入／創角 -->
@@ -188,8 +188,8 @@ <h2 class="auth-title">奇點世界</h2>
188188

189189
<!-- log+map row（160px）：左 log（暫空）+ 右 minimap（暫保留既有地圖，階段 2 再降級）-->
190190
<div class="sw-logmap-row">
191-
<div class="sw-log">
192-
<!-- 階段 4 接線，暫空 -->
191+
<div class="sw-log" id="log">
192+
<!-- appendLog() 寫入此處；.sw-log CSS 用 flex-end 讓最新訊息在下方 -->
193193
</div>
194194
<div class="sw-minimap" id="sw-minimap-container">
195195
<!-- 階段 2 降級為色塊，暫空 -->
@@ -208,8 +208,7 @@ <h2 class="auth-title">奇點世界</h2>
208208
<div class="stat-mini" title="能量"><div class="stat-track"><div class="stat-fill energy" id="bar-inner"></div></div></div>
209209
<div class="stat-mini" title="精神"><div class="stat-track"><div class="stat-fill spirit" id="bar-spirit"></div></div></div>
210210
</div>
211-
<!-- log 輸出（底欄展開區，保留隱藏）-->
212-
<div id="log" class="grid-log hidden" style="display:none"></div>
211+
<!-- 舊底欄 #log 已移除——log 統一接到 .sw-log 區（id="log"）-->
213212
</div>
214213
</footer>
215214

@@ -241,11 +240,11 @@ <h2 class="auth-title">奇點世界</h2>
241240
})();
242241
</script>
243242

244-
<script src="narrative-markdown.js?v=0.20.40"></script>
245-
<script src="game-ui.js?v=0.20.40"></script>
243+
<script src="narrative-markdown.js?v=0.20.41"></script>
244+
<script src="game-ui.js?v=0.20.41"></script>
246245
<!-- grid-map.js 只在非觀景窗模式需要，但兩種模式都載入無害（沒有 DOM 目標就不動）-->
247-
<script src="grid-map.js?v=0.20.40"></script>
248-
<script src="main.js?v=0.20.40"></script>
246+
<script src="grid-map.js?v=0.20.41"></script>
247+
<script src="main.js?v=0.20.41"></script>
249248
<script>
250249
// grid MUD 模式覆蓋：showGameAfterLogin 直接顯示 #app（已由 hostname 判斷決定哪個是 #app）
251250
// 觀景窗模式：closeDrawers / triggerLook 相容 game-ui.js 可能缺的 DOM
@@ -262,7 +261,7 @@ <h2 class="auth-title">奇點世界</h2>
262261
if ('serviceWorker' in navigator) {
263262
window.addEventListener('load', function () {
264263
// updateViaCache:'none' 讓瀏覽器檢查 SW 更新時繞 HTTP cache（破 CF 的 4h browser cache TTL 續命）
265-
navigator.serviceWorker.register('/sw.js?v=0.20.40', { updateViaCache: 'none' }).then(function (reg) {
264+
navigator.serviceWorker.register('/sw.js?v=0.20.41', { updateViaCache: 'none' }).then(function (reg) {
266265
if (reg.update) reg.update(); // 主動觸發 update check，不等預設 24h 週期
267266
reg.addEventListener('updatefound', function () {
268267
var w = reg.installing;

‎web/main.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,11 @@
5050
if (!el || !row) return;
5151
ensureLogScrollBehavior(el);
5252
el.appendChild(row);
53+
// 階段 4：裁切 log 只保留最新 50 條，避免 DOM 無限成長
54+
var LOG_CAP = 50;
55+
while (el.children.length > LOG_CAP) {
56+
el.removeChild(el.firstChild);
57+
}
5358
if (logStickToBottom) el.scrollTop = el.scrollHeight;
5459
}
5560

0 commit comments

Comments
 (0)