驗證桌面前端變更
完整應用程式執行需要 OpenCode 工作階段 + 即時模型回合。對於純前端 元件變更,請改用臨時 Vite 頁面來掛載該元件:
- 建立
apps/desktop/verify-<x>.html(純 HTML,包含<div id="root">、<script type="module" src="/src/verify-<x>.tsx">)以及apps/desktop/src/verify-<x>.tsx(使用ReactDOM.createRoot、匯入./index.css以啟用 Tailwind、透過@/匯入元件)。Vite 會自動 提供apps/desktop/下的任何.html檔案。 cd apps/desktop && npx vite --port 5199 --strictPort(背景執行)。npx包裝器可能雙重啟動並報告「連接埠使用中」錯誤,但第一個執行個體 其實是正常的——請先使用lsof -iTCP:5199檢查後再重試。- 使用瀏覽器控制技能(Chrome HTTP API,連接埠 9528)來驅動:
createWindow→waitForSelector→readDom→screenshotTab(截圖會儲存在~/Downloads/)。 注意事項:擴充功能的evalScript會被 CSP 封鎖——請改用readDom/scrollTab;readDom需要明確提供"attributes": [],否則會出現「值無法序列化」錯誤。 - 清理工作:
closeTab、終止 Vite 程序、刪除兩個測試用檔案, 並確認git status是乾淨的。