bunflared 0.8.1

One command, one throwaway link for your localhost, several ports behind it. Chat with your client from the terminal, send them to a page, follow their cursor, catch their reactions 🔥 Or let your coding agent run the session over MCP.
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

// The conversation with the developer, inside the panel. A message never
// covers the page: it waits as a badge and a short preview on the tab.
const THREAD_KEEP = 30;
const [msgs, thread, reply, answer, fold] = [$(".msgs"), $(".thread"), $(".reply"), $("#answer"), $(".fold")];

const bubble = (text, mine) => {
  const item = document.createElement("li");
  item.textContent = text;
  if (mine) item.className = "mine";
  thread.append(item);
  while (thread.children.length > THREAD_KEEP) thread.firstElementChild.remove();
  msgs.hidden = false;
  thread.scrollTop = thread.scrollHeight;
};

// The conversation folds away; the reply field stays.
const unfold = (open) => {
  fold.setAttribute("aria-expanded", String(open));
  thread.hidden = !open;
  if (open) thread.scrollTop = thread.scrollHeight;
};
fold.addEventListener("click", () => unfold(fold.getAttribute("aria-expanded") !== "true"));
// Clears this page's copy only: the dashboard and the session file keep theirs.
$(".clear-chat").addEventListener("click", () => {
  thread.replaceChildren();
  thread.classList.remove("more");
});
thread.addEventListener("scroll", () => thread.classList.toggle("more", thread.scrollTop > 2), { passive: true });

function heard(text) {
  unfold(true);
  bubble(text, false);
  paint();
  if (isOpen()) return;
  marks.unread += 1;
  signal();
  preview(text);
  announce(`Message from the developer: ${text}`);
}

reply.addEventListener("submit", (event) => {
  event.preventDefault();
  const text = answer.value.trim();
  if (!text) return;
  if (live?.readyState !== WebSocket.OPEN) {
    answer.placeholder = "Not connected, try again in a moment.";
    return;
  }
  say({ type: "chat", text, page: page() });
  bubble(text, true);
  answer.value = "";
});