fix: terminal WebSocket connection timing + better mock fallback

- Fix xterm.js container not found: use requestAnimationFrame retry loop
  instead of single $nextTick (Alpine x-for renders asynchronously)
- Better mock fallback: use host name+IP instead of raw UUID
- Add logging for WebSocket connection path (found/not-found/hostname)
This commit is contained in:
swanadiva
2026-07-09 18:40:35 +07:00
parent ef4e44984b
commit 71864336f6
2 changed files with 12 additions and 3 deletions
+7 -1
View File
@@ -48,10 +48,16 @@ func TerminalWS(c *websocket.Conn) {
log.Printf("WS connected: host=%s", hostID)
host, found := hostStore.Get(hostID)
if !found || host.Hostname == "" {
if !found {
log.Printf("Host %s not found, using mock", hostID)
mockTerminal(c, hostID)
return
}
if host.Hostname == "" {
log.Printf("Host %s has no hostname, using mock (name=%s, ip=%s)", hostID, host.Name, host.IP)
mockTerminal(c, host.Name+" ("+host.IP+")")
return
}
client, err := sshconn.Dial(host)
if err != nil {
+5 -2
View File
@@ -108,13 +108,16 @@ document.addEventListener('alpine:init', () => {
this._createTerminal(id, host.name);
this.$nextTick(() => {
const tryOpen = (retries) => {
const container = document.getElementById('xterm-' + id);
if (container) {
this.terminals[id].open(container);
this._connectWebSocket(id, host.id, host.name);
} else if (retries > 0) {
requestAnimationFrame(() => tryOpen(retries - 1));
}
});
};
this.$nextTick(() => tryOpen(10));
},
switchTab(i) {