在網頁執行 GO TUI 程式透過 WASM

近期大概是因為 AI 的風潮 TUI（Terminal User Interface）很熱門，而我在琢磨 Go 有什麼好玩的專案可以嘗試，正巧碰上了：Bubble Tea🔗，順便做了一個簡單小遊戲，並輕鬆的請 AI 調整成能在瀏覽器上執行的 WASM。

最大的問題在於 Go 程式中預設依賴作業系統的終端機 syscalls（如視窗縮放、原始模式切換），而瀏覽器環境並不支援這些。

解決方案：

1. xterm.js: 使用 xterm.js 在瀏覽器中模擬終端機介面。
2. 標準輸入輸出重定向: 在 cmd/wasm/main.go 中，攔截了 Bubble Tea 的 I/O，改由 xterm.js 寫入和讀取。
3. WASM 補丁 (Build Patch) CD:
   • 撰寫了一個 build-wasm.sh 腳本
   • 在編譯前，先執行 go mod vendor 建立臨時依賴副本
   • 注入一個 tea_js.go 補丁到 vendored 代碼中，提供 dummy 實作來跳過不支援的 syscalls
   • 編譯完成後立即刪除 vendor 資料夾
   • 發佈到 GitHub Pages

遊戲叫做 Push Pull🔗，實踐都放在 GitHub🔗 上。連手機都能操作！就是音效可能會被瀏覽器擋掉而已。