Upload src/app.js

src/app.js

@@ -8,6 +8,9 @@
  * silently failing, we wait for the user to click "Start talking" before
  * any WebSocket connection — that click resumes AudioContext, audio plays,
  * and HeadAudio lip-sync works.
+ *
+ * ?fakemic=1 — opt-in URL query param for testing text-only mode
+ * WITHOUT a microphone. Only activates when user explicitly adds it to URL.
  */
 
 import { S2sWsRealtimeClient } from "./s2s/s2s-ws-client.js";
@@ -20,6 +23,10 @@ const VOICES = [
 ];
 const DEFAULT_VOICE = "Sohee";
 
+// ── Detect fakemic mode from URL (user opt-in only) ──────────────────────
+const _urlParams = new URLSearchParams(location.search);
+const FAKEMIC_MODE = _urlParams.has("fakemic");
+
 // ── Greeting ─────────────────────────────────────────────────────────────
 /**
  * Fetch a SHORT hot news headline to weave into the greeting.
@@ -188,7 +195,7 @@ function makeDraggable() {
   let dragging = false; let startX, startY, startLeft, startTop;
   function getPos(e) { const p = e.changedTouches ? e.changedTouches[0] : e; return { x: p.clientX, y: p.clientY }; }
   function onStart(e) { if (e.target.closest("#chat-header-actions") || e.target.closest("#chat-avatar-select")) return; const p = getPos(e); dragging = true; const rect = textChat.getBoundingClientRect(); startX = p.x; startY = p.y; startLeft = rect.left; startTop = rect.top; textChat.classList.add("dragging"); e.preventDefault(); }
-  function onMove(e) { if (!dragging) return; const p = getPos(e); textChat.style.left = `${startLeft + p.x - startX}px`; textChat.style.top = `${startTop + p.y - startY}px`; textChat.style.right = "auto"; textChat.style.bottom = "auto"; textChat.style.width = ""; textChat.style.height = ""; e.preventDefault(); }
+  function onMove(e) { if (!dragging) return; const p = getPos(e); textChat.style.left = `${startLeft + p.x - startX}px`; textChat.style.top = `${startTop + p.y - startY}px`; textChat.style.right = "auto"; textChat.style.bottom = "auto"; e.preventDefault(); }
   function onEnd() { if (!dragging) return; dragging = false; textChat.classList.remove("dragging"); clampRect(); }
   chatHeader.addEventListener("mousedown", onStart); document.addEventListener("mousemove", onMove); document.addEventListener("mouseup", onEnd);
   chatHeader.addEventListener("touchstart", onStart, { passive: false }); document.addEventListener("touchmove", onMove, { passive: false }); document.addEventListener("touchend", onEnd);
@@ -220,7 +227,6 @@ function sendTextMessage() {
   if (!text) return;
   addChatMessage("user", text); chatInput.value = "";
   if (!client || !sessionInProgress) {
-    const url = new URL(location.href); url.searchParams.set("fakemic", "1"); history.replaceState(null, "", url.href);
     void startTextSession(text); return;
   }
   if (!sendTextViaSession(text)) setCaption("QUEUED…");
@@ -305,7 +311,7 @@ async function startVoiceSession() {
   // Await AudioContext resume — this runs in user-gesture handler so it resolves
   await stage.resume();
   let micStream;
-  if (new URLSearchParams(location.search).has("fakemic")) { const ctx = /** @type {AudioContext} */ (stage.audioCtx); micStream = ctx.createMediaStreamDestination().stream; }
+  if (FAKEMIC_MODE) { const ctx = /** @type {AudioContext} */ (stage.audioCtx); micStream = ctx.createMediaStreamDestination().stream; }
   else { try { micStream = await navigator.mediaDevices.getUserMedia({ audio: { echoCancellation: true, noiseSuppression: true, autoGainControl: true } }); } catch { setCaption("MIC BLOCKED", "error"); sessionInProgress = false; return; } }
   const audioCtx = stage.audioCtx; const voiceSink = stage.voiceSink;
   if (!audioCtx || !voiceSink) { sessionInProgress = false; return; }
@@ -375,7 +381,7 @@ mainBtn.addEventListener("click", () => {
   if (mainAction === "start") {
     // User gesture! AudioContext.resume() will resolve → audio plays + lipsync works.
     if (sessionInProgress) return;
-    if (new URLSearchParams(location.search).has("fakemic")) {
+    if (FAKEMIC_MODE) {
       void startTextSession();
     } else {
       void startVoiceSession();
@@ -405,7 +411,6 @@ async function boot() {
   directUrlRow.hidden = !config.allowDirect;
   await fetchAvatarList(); populateAvatarSelects(settings.avatar);
   makeDraggable(); makeResizable();
-  const url = new URL(location.href); url.searchParams.set("fakemic", "1"); history.replaceState(null, "", url.href);
   setCaption("WAKING HER UP…"); setMainButton("busy", "Loading…");
   // Pre-fetch news hook in parallel with avatar
   const newsPromise = (settings.avatar === "vuong.glb" || !settings.avatar) ? getHotNewsGreeting().catch(() => null) : Promise.resolve(null);
@@ -419,5 +424,9 @@ async function boot() {
   // context is silent and HeadAudio won't process any frames.
   // User must tap "Start talking" → click provides user gesture →
   // AudioContext.resume() resolves → audio plays → HeadAudio drives lipsync.
+  //
+  // ?fakemic=1 is an OPT-IN testing flag. Setting it automatically would
+  // break the direct domain (bep40-gemma-avatar.hf.space) by routing to
+  // text-only mode without a working backend.
 }
-void boot();
+void boot();