mobux 0.1.0

A touch-friendly tmux web UI for unhinged people who run terminal sessions from their phone while walking the dog
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

async function fetchJSON(url, opts) {
  const res = await fetch(url, {
    headers: { "Content-Type": "application/json" },
    ...opts,
  });
  if (!res.ok) {
    const txt = await res.text();
    throw new Error(txt || `${res.status}`);
  }
  return res.json();
}

function sessionCard(s) {
  return `
  <article class="session-card" data-name="${s.name}">
    <div class="session-head">
      <h3>${s.name}</h3>
      <div class="meta">${s.windows}w ยท ${s.attached} attached</div>
    </div>
    <div class="actions">
      <a class="btn btn-primary" href="/s/${encodeURIComponent(s.name)}">Open</a>
      <button class="btn danger" data-kill="${s.name}">Kill</button>
    </div>
  </article>`;
}

async function refreshSessions() {
  const list = document.getElementById("sessionList");
  try {
    const sessions = await fetchJSON("/api/sessions");
    if (!sessions.length) {
      list.innerHTML = `<p class="hint">No tmux sessions found.</p>`;
      return;
    }
    list.innerHTML = sessions.map(sessionCard).join("");
  } catch (e) {
    alert(`Failed to load sessions: ${e.message}`);
  }
}

document.getElementById("refreshBtn")?.addEventListener("click", refreshSessions);

document.getElementById("newSessionForm")?.addEventListener("submit", async (e) => {
  e.preventDefault();
  const name = document.getElementById("sessionName").value.trim();
  if (!name) return;
  try {
    await fetchJSON("/api/sessions", {
      method: "POST",
      body: JSON.stringify({ name }),
    });
    document.getElementById("sessionName").value = "";
    await refreshSessions();
  } catch (err) {
    alert(`Create failed: ${err.message}`);
  }
});

document.addEventListener("click", async (e) => {
  const target = e.target;
  if (!(target instanceof HTMLElement)) return;
  const name = target.dataset.kill;
  if (!name) return;
  if (!confirm(`Kill session '${name}'?`)) return;
  try {
    await fetchJSON(`/api/sessions/${encodeURIComponent(name)}/kill`, { method: "POST" });
    await refreshSessions();
  } catch (err) {
    alert(`Kill failed: ${err.message}`);
  }
});