Leo
3d13e5a54e
leo 08-04 看過 v0.17.0 後的四點，逐條回應：
## ① 「不會這裡又寫了一個新的 CSS？」——是，我又寫了一份
真兇：portal 的樣式內嵌在 HTML 裡，沒有獨立檔 ⇒ 四個站各抄一份、本來就在漂移。
解：抽出 InkStoneCo/arcrun-cis/css/arcrun-cis.css 當唯一真相源。
daemon 的 style.css 現在**一個 hex 都沒有**，顏色全走 var(--...)。
## ② 「完全模仿 gdrive，左方側邊欄，在右方替換頁面」
底部 nav bar 拿掉（leo：「幾乎沒看過這種 nav bar 在下方的」）。
改成左側邊欄四頁：首頁／同步資料夾／AI 設定／版本與更新，右側換頁。
設定不再開 popup；只有「確認移除資料夾」才用覆蓋層。
## ③ 「既然是 Web，你做的時候無法檢視？」——可以，我之前沒做
新增 check-render.sh：headless Chrome 真的渲染一次並**量像素**。
它抓到一個肉眼容易誤判的真 bug：
arcrun-lockup-h-paper-on-ink.png **自帶不透明 Ink 底板**（實測左上像素 RGBA=23,24,26,255），
設計前提是貼在純 Ink 表面；我們背景有紙張紋理 ⇒ 出現突兀方塊。
修：深色模式把品牌區做成純 Ink。實測落差 4（原本會是一個明顯方塊）。
過程中也發現自己對著**舊的 dist**除錯，浪費一輪——這支閘同時防這個。
## ④ 「檢查更新連到 docs，不正確，是直接在這裡進行」
新增「版本與更新」頁：顯示**現在版本 vs 最新版本**，
三段式全在 App 內完成——檢查／下載並安裝／重新啟動套用。
selfupdate 邏輯逐字沿用 arcrun-tray（含 t186 走 raw、t184 蓋正在跑的 .app），不重寫。
## 交貨閘（leo：「你做為檢查有嗎？沒有怎麼交貨？」）
check-cis.sh 擴充：版面檔不准出現任何 hex ＋ 共用底層色票逐項比對。
兩支閘實跑全過。
53 lines
2.6 KiB
Bash
Executable File
53 lines
2.6 KiB
Bash
Executable File
#!/usr/bin/env bash
|
||
# check-cis.sh — CIS 合規機械檢查（t193）
|
||
#
|
||
# 🔴 leo 2026-08-04：「CIS 已經提供規範，你做的**連 Logo 都沒放上去**，
|
||
# 這跟美不美有關係嗎？要求放進 CIS 是**硬要求**，**你做為檢查有嗎？沒有怎麼交貨？**」
|
||
# ⇒ 交貨前先跑這支。不過就不准交。
|
||
set -uo pipefail
|
||
cd "$(dirname "$0")"
|
||
# 色票/字體/紋理在共用底層；版面在 style.css ⇒ 兩份都要看
|
||
CSS=frontend/src/arcrun-cis.css
|
||
LAYOUT=frontend/src/style.css
|
||
HTML=frontend/index.html
|
||
FAIL=0
|
||
ok(){ printf " ✅ %s\n" "$1"; }
|
||
ng(){ printf " ❌ %s\n" "$1"; FAIL=1; }
|
||
|
||
echo "━━━ CIS 合規檢查 ━━━"
|
||
|
||
# ① 官方色票（arcrun-cis/README.md 的 Colour 表）必須逐個出現
|
||
for t in "#FDFCFB:Paper" "#F2F1ED:Canvas" "#17181A:Ink" "#B04A2F:Relation" "#D9784F:Relation-dark"; do
|
||
hex="${t%%:*}"; name="${t##*:}"
|
||
grep -qi "$hex" "$CSS" && ok "色票 $name $hex" || ng "缺色票 $name $hex"
|
||
done
|
||
|
||
# ② 不准自創顏色：抓不在白名單內的 hex
|
||
# 版面檔**一個 hex 都不准有**（顏色一律 var(--...)）
|
||
STRAY_LAYOUT=$(grep -oiE '#[0-9a-f]{6}' "$LAYOUT" || true)
|
||
[ -z "$STRAY_LAYOUT" ] && ok "版面檔沒有寫死顏色" || ng "版面檔出現 hex：$STRAY_LAYOUT"
|
||
|
||
STRAY=$(grep -oiE '#[0-9a-f]{6}' "$CSS" | tr 'a-f' 'A-F' | sort -u \
|
||
| grep -vE '#(FDFCFB|F2F1ED|17181A|B04A2F|D9784F|1D7A48|7FE0A8|B03A26|E58575|1B1C1E|1E1F21|1D6B40|A8E8C4)' || true)
|
||
[ -z "$STRAY" ] && ok "沒有自創顏色" || ng "出現非 CIS 色：$(echo $STRAY | tr '\n' ' ')"
|
||
|
||
# ③ Logo 必須真的放進去（leo 點名的那條）
|
||
grep -q "arcrun-lockup-h-ink.png" "$HTML" && ok "淺色 lockup 已放" || ng "缺淺色 lockup"
|
||
grep -q "arcrun-lockup-h-paper-on-ink.png" "$HTML" && ok "深色 lockup 已放" || ng "缺深色 lockup"
|
||
[ -f frontend/src/assets/arcrun-lockup-h-ink.png ] && ok "lockup 檔案存在" || ng "lockup 檔案不存在"
|
||
grep -q "lockup-h.svg" "$HTML" 2>/dev/null && ng "用到已作廢的 SVG lockup（字腔缺失）" || ok "沒用作廢的 SVG lockup"
|
||
|
||
# ④ 深淺色都要成立（portal 有 data-theme，這裡也要）
|
||
grep -q 'data-theme="dark"' "$CSS" && ok "有深色模式色票" || ng "缺深色模式"
|
||
|
||
# ⑤ 字體與背景紋理要與 portal 一致
|
||
grep -q "IBM Plex Sans" "$CSS" && ok "字體同 portal" || ng "字體與 portal 不一致"
|
||
grep -q "repeating-linear-gradient" "$CSS" && ok "紙張紋理同 portal" || ng "缺 portal 的紙張紋理"
|
||
|
||
# ⑥ App icon 用官方檔
|
||
[ -f build/appicon.png ] && ok "app icon 存在" || ng "缺 app icon"
|
||
|
||
echo
|
||
[ $FAIL -eq 0 ] && echo "✅ CIS 檢查全過" || echo "❌ CIS 檢查未過——**不准交貨**"
|
||
exit $FAIL
|