accelr8 3.8.2 → 4.0.0-next.1

package/dist/chunks/chunk-EQPM4FIJ.js

@@ -0,0 +1,419 @@
+#!/usr/bin/env node
+
+// src/livekit-page.ts
+function pinnedOrigins(liveKitUrl) {
+  const u = new URL(liveKitUrl);
+  const secure = u.protocol === "wss:" || u.protocol === "https:";
+  const host = u.host;
+  return [`${secure ? "wss" : "ws"}://${host}`, `${secure ? "https" : "http"}://${host}`];
+}
+function cloudFailoverOrigins(liveKitUrl) {
+  const host = new URL(liveKitUrl).hostname.toLowerCase();
+  for (const domain of ["livekit.cloud", "livekit.run"]) {
+    if (host.endsWith("." + domain)) return [`wss://*.${domain}`, `https://*.${domain}`];
+  }
+  return [];
+}
+function toWsUrl(url) {
+  if (url.startsWith("https://")) return "wss://" + url.slice(8);
+  if (url.startsWith("http://")) return "ws://" + url.slice(7);
+  return url;
+}
+var VOICE_PAGE_CSS = `
+:root{color-scheme:light dark;--bg:#0d0f12;--fg:#e8e6e1;--dim:#8b8f96;--accent:#ff8a3d;--good:#4cc38a;--bad:#ff6b6b;--line:#262a31}
+@media (prefers-color-scheme: light){:root{--bg:#f6f4ef;--fg:#16181c;--dim:#5f636a;--line:#d9d5cc}}
+*{box-sizing:border-box}
+html,body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}
+main{padding:20px 18px;max-width:440px}
+h1{font-size:17px;margin:0 0 4px}
+.room{color:var(--dim);font-size:12px;margin:0 0 16px}
+#status{margin:0 0 16px;min-height:2.9em}
+.row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
+button{font:inherit;padding:9px 14px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer}
+button.primary{background:var(--accent);border-color:var(--accent);color:#16181c;font-weight:700}
+button.live{background:var(--good);border-color:var(--good);color:#16181c;font-weight:700}
+button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
+ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
+li{padding:7px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}
+li .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+li .tag{color:var(--dim);font-size:12px;flex:none}
+li.speaking .who{color:var(--good)}
+.note{color:var(--dim);font-size:12px;margin-top:14px}
+[hidden]{display:none!important}
+`;
+var VOICE_PAGE_JS = String.raw`(function () {
+  'use strict';
+  var boot = JSON.parse(document.getElementById('boot').textContent);
+  var LK = window.LivekitClient;
+  var base = '/voice/' + boot.nonce;
+  function $(id) { return document.getElementById(id); }
+  function text(id, s) { $(id).textContent = s; }
+  function show(id, on) { $(id).hidden = !on; }
+
+  var es = null, attach = null, bridgeTimer = null;
+  var room = null, micTrack = null, joining = false, joined = false;
+  var wantMuted = true, leaveAsked = false, ended = false, everConnected = false, failing = false;
+  var audioEls = {};
+
+  function post(path, body) {
+    var payload = { attach: attach };
+    for (var k in body) payload[k] = body[k];
+    return fetch(base + path, {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(payload), credentials: 'same-origin', cache: 'no-store',
+    });
+  }
+  function sendState(patch) {
+    if (!attach) return;
+    post('/state', patch).catch(function () { /* bridge gone: its own timer handles it */ });
+  }
+
+  // ---------- the bridge ----------
+  function connectBridge() {
+    es = new EventSource(base + '/events');
+    es.addEventListener('hello', function (e) {
+      var d = {};
+      try { d = JSON.parse(e.data); } catch (err) { /* keep defaults */ }
+      attach = d.attach || null;
+      if (!joined && !joining && typeof d.muted === 'boolean') wantMuted = d.muted;
+      bridgeUp();
+      if (ended) return;
+      if (joined || joining) sendState(snapshot());
+      else ready();
+    });
+    es.addEventListener('cmd', function (e) {
+      var c = null;
+      try { c = JSON.parse(e.data); } catch (err) { return; }
+      if (c) command(c);
+    });
+    es.addEventListener('bye', function (e) {
+      var d = {};
+      try { d = JSON.parse(e.data); } catch (err) { /* no reason */ }
+      bridgeGone(d.reason || 'accelr8 ended voice');
+    });
+    es.onopen = bridgeUp;
+    es.onerror = function () {
+      // CLOSED: the server answered 404/409 (that session is over, or another
+      // window has it). Otherwise the browser is retrying: give it a moment.
+      if (es.readyState === 2) { bridgeGone('this voice window is closed'); return; }
+      if (!bridgeTimer) bridgeTimer = setTimeout(function () { bridgeGone('lost touch with accelr8'); }, boot.bridgeLossMs);
+    };
+  }
+  function bridgeUp() { if (bridgeTimer) { clearTimeout(bridgeTimer); bridgeTimer = null; } }
+  function bridgeGone(reason) {
+    if (ended) return;
+    bridgeUp();
+    try { es.close(); } catch (err) { /* already */ }
+    leaveAsked = true;
+    finish('Voice stopped: ' + reason + '. Run /voice in accelr8 to join again.', null);
+    if (room) room.disconnect();
+    stopMic();
+  }
+
+  function command(c) {
+    if (c.cmd === 'mute') { setMuted(!!c.muted); return; }
+    if (c.cmd === 'leave') { leave(); return; }
+    if (c.cmd === 'device' && typeof c.id === 'string') {
+      if (!room || !joined) return;
+      room.switchActiveDevice('audioinput', c.id).then(function () {
+        sendState({ inputDeviceId: c.id });
+      }, function (err) { sendState({ error: 'could not switch the mic: ' + msg(err) }); });
+      return;
+    }
+    if (c.cmd === 'devices') {
+      var kind = c.kind === 'audiooutput' ? 'audiooutput' : 'audioinput';
+      LK.Room.getLocalDevices(kind, false).then(function (list) {
+        post('/reply', { id: c.id, devices: list.map(function (d) {
+          return { id: d.deviceId, label: d.label || 'unnamed device', kind: d.kind, isDefault: d.deviceId === 'default' };
+        }) }).catch(function () {});
+      }, function () { post('/reply', { id: c.id, devices: [] }).catch(function () {}); });
+    }
+  }
+
+  // ---------- page states ----------
+  function readyLine() {
+    // says what Join will really do: ctrl-g before the click opens the mic
+    return 'Click Join to start talking with the room. ' + (wantMuted ? 'You join muted.' : 'You join with your mic on.');
+  }
+  function ready() {
+    text('status', readyLine());
+    show('join', true); show('mute', false); show('leave', false);
+    $('join').textContent = 'Join voice';
+    sendState({ connection: 'connecting', needsClick: true, muted: true, participants: [] });
+  }
+  function finish(line, reason) {
+    if (ended) return;
+    ended = true;
+    text('status', line);
+    show('join', false); show('mute', false); show('leave', false);
+    $('people').textContent = '';
+    for (var k in audioEls) { try { audioEls[k].remove(); } catch (err) { /* gone */ } }
+    audioEls = {};
+    if (reason) sendState({ connection: 'disconnected', endReason: reason, needsClick: false });
+  }
+
+  function msg(err) { return (err && err.message) ? String(err.message).slice(0, 160) : String(err).slice(0, 160); }
+
+  // ---------- join, only from a click ----------
+  async function join() {
+    if (joining || joined || ended || !attach) return;
+    joining = true;
+    show('join', false);
+    text('status', 'Joining. Allow the microphone if Chrome asks.');
+    sendState({ connection: 'connecting', needsClick: false });
+    var token;
+    try {
+      var res = await post('/join', {});
+      if (!res.ok) throw new Error(res.status === 409 ? 'another voice window has this call' : 'accelr8 did not hand over a voice pass');
+      token = (await res.json()).token;
+      if (typeof token !== 'string' || !token) throw new Error('accelr8 did not hand over a voice pass');
+    } catch (err) { return joinFailed(err); }
+    if (leaveAsked || ended) { joining = false; return finish('You left voice. You can close this window.', 'left'); }
+
+    room = new LK.Room({
+      audioCaptureDefaults: { echoCancellation: true, noiseSuppression: true, autoGainControl: true },
+      adaptiveStream: false, dynacast: false, disconnectOnPageLeave: true,
+    });
+    wire(room);
+    try {
+      // boot.url is the pinned server; nothing from the network may change it
+      await room.connect(boot.url, token, { autoSubscribe: true });
+      everConnected = true;
+      if (leaveAsked || ended) { await room.disconnect(); return; }
+      var track = await LK.createLocalAudioTrack({ echoCancellation: true, noiseSuppression: true, autoGainControl: true });
+      micTrack = track;
+      if (leaveAsked || ended) { stopMic(); await room.disconnect(); return; }
+      if (wantMuted) await track.mute();
+      await room.localParticipant.publishTrack(track, { source: LK.Track.Source.Microphone, dtx: true, red: true });
+      if (leaveAsked || ended) { stopMic(); await room.disconnect(); return; }
+      // the user may have asked to talk (or to mute) while we were publishing
+      if (wantMuted !== track.isMuted) { if (wantMuted) await track.mute(); else await track.unmute(); }
+      try { await room.startAudio(); } catch (err) { /* playbackBlocked tells the terminal */ }
+    } catch (err) {
+      stopMic();
+      failing = true; // our own clean-up disconnect is not a 'left'
+      try { await room.disconnect(); } catch (e2) { /* already */ }
+      if (leaveAsked) { joining = false; return finish('You left voice. You can close this window.', 'left'); }
+      return joinFailed(err);
+    }
+    joining = false;
+    joined = true;
+    show('mute', true); show('leave', true);
+    render();
+  }
+  function joinFailed(err) {
+    if (ended) return;
+    joining = false;
+    finish('Could not join voice: ' + msg(err) + '. Close this window and run /voice in accelr8 again.', null);
+    // drop the bridge only once the terminal has the reason: closing it first
+    // raced the POST, and the terminal then saw a closed window, not the error
+    var drop = function () { try { es.close(); } catch (e2) { /* already */ } };
+    if (!attach) { drop(); return; }
+    post('/state', { connection: 'disconnected', endReason: 'error', error: msg(err), needsClick: false }).then(drop, drop);
+  }
+  function stopMic() {
+    if (micTrack) { try { micTrack.stop(); } catch (err) { /* already */ } }
+    micTrack = null;
+  }
+
+  function leave() {
+    leaveAsked = true;
+    if (room && (joined || joining)) { room.disconnect(); return; } // Disconnected reports 'left'
+    if (!joining) finish('You left voice. You can close this window.', 'left');
+    // joining: each await in join() checks leaveAsked and hangs up
+  }
+
+  function setMuted(m) {
+    wantMuted = m;
+    if (!micTrack || !joined) {
+      // still waiting for the click: keep the line true to what Join will do
+      if (attach && !joining && !joined && !ended) text('status', readyLine());
+      sendState({ muted: true });
+      return;
+    }
+    var p = m ? micTrack.mute() : micTrack.unmute();
+    Promise.resolve(p).then(render, function (err) { sendState({ error: 'could not change the mic: ' + msg(err) }); });
+  }
+
+  // ---------- room events ----------
+  function wire(r) {
+    var E = LK.RoomEvent;
+    r.on(E.TrackSubscribed, function (track, pub, participant) {
+      if (track.kind !== 'audio') return;
+      var el = track.attach();
+      el.hidden = true;
+      document.body.appendChild(el);
+      audioEls[pub.trackSid] = el;
+      render();
+    });
+    r.on(E.TrackUnsubscribed, function (track, pub) {
+      var els = track.detach() || [];
+      for (var i = 0; i < els.length; i++) els[i].remove();
+      delete audioEls[pub.trackSid];
+      render();
+    });
+    [E.ParticipantConnected, E.ParticipantDisconnected, E.TrackMuted, E.TrackUnmuted, E.ActiveSpeakersChanged,
+     E.ParticipantMetadataChanged, E.ParticipantNameChanged, E.LocalTrackPublished, E.ConnectionStateChanged,
+     E.AudioPlaybackStatusChanged].forEach(function (ev) { if (ev) r.on(ev, render); });
+    r.on(E.Disconnected, function (reason) {
+      stopMic();
+      if (failing && !leaveAsked) return; // our own clean-up after a failed join
+      if (joining && !leaveAsked) {
+        // livekit-client says Disconnected a moment BEFORE connect() rejects
+        // with the real message; let join() report that, with a backstop in
+        // case the join is stuck somewhere that never settles
+        setTimeout(function () { joinFailed(new Error('the voice server closed the connection')); }, 1500);
+        return;
+      }
+      var code = typeof reason === 'number' ? reason : undefined;
+      var why = leaveAsked ? 'left' : mapReason(code);
+      finish(why === 'left' ? 'You left voice. You can close this window.' : 'Voice ended (' + why.replace('_', ' ') + '). Run /voice in accelr8 to join again.', why);
+      if (why === 'left') { try { window.close(); } catch (err) { /* not allowed: the line above says so */ } }
+    });
+  }
+  function mapReason(code) {
+    if (code === undefined && everConnected) return 'network';
+    switch (code) {
+      case 1: return 'left';
+      case 2: return 'replaced';
+      case 4: return 'removed';
+      case 5: case 10: return 'room_closed';
+      case 3: case 7: case 9: case 14: case 15: return 'network';
+      default: return 'error';
+    }
+  }
+
+  function meta(p) {
+    try { var m = JSON.parse(p.metadata || ''); return (m && m.v === 1) ? m : {}; } catch (err) { return {}; }
+  }
+  function person(p, isLocal) {
+    var m = meta(p);
+    var muted = isLocal ? (!micTrack || micTrack.isMuted) : !p.isMicrophoneEnabled;
+    return {
+      identity: p.identity, sid: m.sid || null, userId: m.userId || null,
+      name: String(m.name || p.name || 'guest'), color: typeof m.color === 'number' ? m.color : null,
+      client: m.client === 'web' ? 'web' : 'tui', isLocal: isLocal, muted: muted, speaking: !muted && !!p.isSpeaking,
+    };
+  }
+  function snapshot() {
+    var list = [];
+    if (room && joined) {
+      list.push(person(room.localParticipant, true));
+      room.remoteParticipants.forEach(function (p) { list.push(person(p, false)); });
+    }
+    var state = room ? room.state : '';
+    return {
+      connection: !joined ? 'connecting' : state === 'reconnecting' || state === 'signalReconnecting' ? 'reconnecting' : 'connected',
+      needsClick: false,
+      muted: !micTrack || micTrack.isMuted,
+      playbackBlocked: !!room && !room.canPlaybackAudio,
+      participants: list,
+    };
+  }
+  function render() {
+    if (ended || !joined) return;
+    var s = snapshot();
+    var ul = $('people');
+    ul.textContent = '';
+    s.participants.forEach(function (p) {
+      var li = document.createElement('li');
+      if (p.speaking) li.className = 'speaking';
+      var who = document.createElement('span'); who.className = 'who';
+      who.textContent = p.name + (p.isLocal ? ' (you)' : '');
+      var tag = document.createElement('span'); tag.className = 'tag';
+      tag.textContent = p.speaking ? 'talking' : p.muted ? 'muted' : 'mic on';
+      li.appendChild(who); li.appendChild(tag); ul.appendChild(li);
+    });
+    var m = $('mute');
+    m.textContent = s.muted ? 'Unmute (M)' : 'Mute (M)';
+    m.className = s.muted ? '' : 'live';
+    if (s.playbackBlocked) {
+      text('status', 'Chrome is holding back the sound. Click Turn on sound.');
+      show('join', true); $('join').textContent = 'Turn on sound';
+    } else {
+      text('status', s.connection === 'reconnecting' ? 'Reconnecting.' : s.muted ? 'In voice, muted.' : 'In voice. Your mic is on.');
+      show('join', false);
+    }
+    sendState(s);
+  }
+
+  // ---------- controls ----------
+  $('join').addEventListener('click', function () {
+    if (joined && room) { room.startAudio().then(render, render); return; }
+    join();
+  });
+  $('mute').addEventListener('click', function () { setMuted(micTrack ? !micTrack.isMuted : true); });
+  $('leave').addEventListener('click', leave);
+  document.addEventListener('keydown', function (e) {
+    if (e.repeat || e.ctrlKey || e.metaKey || e.altKey) return;
+    var t = e.target;
+    if (t && (t.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName || ''))) return;
+    if ((e.key === 'm' || e.key === 'M') && joined && micTrack) { e.preventDefault(); setMuted(!micTrack.isMuted); }
+  });
+  window.addEventListener('pagehide', function () {
+    if (attach && navigator.sendBeacon) navigator.sendBeacon(base + '/closing', JSON.stringify({ attach: attach }));
+  });
+
+  connectBridge();
+})();
+`;
+function escapeHtml(s) {
+  return s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+function scriptJson(v) {
+  return JSON.stringify(v).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+function voicePageHtml(o) {
+  const boot = { nonce: o.nonce, url: toWsUrl(o.liveKitUrl), bridgeLossMs: o.bridgeLossMs ?? 4e3 };
+  const title = escapeHtml(o.title || "accelr8");
+  return `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="referrer" content="no-referrer">
+<link rel="icon" href="data:,">
+<title>${title} \xB7 accelr8 voice</title>
+<style>${VOICE_PAGE_CSS}</style>
+</head>
+<body>
+<main>
+<h1>${title}</h1>
+<p class="room">accelr8 voice</p>
+<p id="status">Connecting to accelr8.</p>
+<div class="row">
+<button id="join" class="primary" hidden>Join voice</button>
+<button id="mute" hidden>Unmute (M)</button>
+<button id="leave" hidden>Leave voice</button>
+</div>
+<ul id="people"></ul>
+<p class="note">Your terminal controls this window too: ctrl-g talks or mutes, /voice leaves.</p>
+</main>
+<script type="application/json" id="boot">${scriptJson(boot)}</script>
+<script src="/voice/${o.nonce}/livekit-client.js"></script>
+<script src="/voice/${o.nonce}/app.js"></script>
+</body>
+</html>
+`;
+}
+function voicePageCsp(liveKitUrl, styleHash) {
+  return [
+    "default-src 'none'",
+    "script-src 'self'",
+    `style-src 'sha256-${styleHash}'`,
+    `connect-src 'self' ${[...pinnedOrigins(liveKitUrl), ...cloudFailoverOrigins(liveKitUrl)].join(" ")}`,
+    "media-src 'self' blob: mediastream:",
+    "img-src 'self' data:",
+    "base-uri 'none'",
+    "form-action 'none'",
+    "frame-ancestors 'none'"
+  ].join("; ");
+}
+
+export {
+  toWsUrl,
+  VOICE_PAGE_CSS,
+  VOICE_PAGE_JS,
+  voicePageHtml,
+  voicePageCsp
+};