From 75c230eabe4aa75a226702024aeea8c15d1b1fe9 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Mon, 6 Apr 2026 14:24:15 -0400
Subject: [PATCH] fix(rmeets): correct Jitsi API config and auto-join room from
 URL slug
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix configOverwrite/interfaceConfigOverwrite property names (were
configOverrides/interfaceConfigOverrides — silently ignored by Jitsi).
Disable pre-join lobby so rooms render immediately. Add error handling
for script load failures. Use external_api.min.js to match component.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 modules/rmeets/mod.ts | 76 +++++++++++++++++++++++--------------------
 1 file changed, 40 insertions(+), 36 deletions(-)

diff --git a/modules/rmeets/mod.ts b/modules/rmeets/mod.ts
index 611590e..42527c2 100644
--- a/modules/rmeets/mod.ts
+++ b/modules/rmeets/mod.ts
@@ -507,44 +507,48 @@ routes.get("/:room", (c) => {
 <div id="jitsi-container">
   <div class="loading"><div class="spinner"></div><span>Connecting to meeting...</span></div>
 </div>
-<script src="${escapeHtml(JITSI_URL)}/external_api.js"></script>
+<script src="${escapeHtml(JITSI_URL)}/external_api.min.js"></script>
 <script>
-  const api = new JitsiMeetExternalAPI("${escapeHtml(JITSI_URL.replace(/^https?:\/\//, ""))}", {
-    roomName: "${jitsiRoom}",
-    parentNode: document.getElementById("jitsi-container"),
-    width: "100%",
-    height: "100%",
-    configOverrides: {
-      startWithAudioMuted: false,
-      startWithVideoMuted: false,
-      prejoinPageEnabled: true,
-      disableDeepLinking: true,
-      disableThirdPartyRequests: true,
-      enableClosePage: false,
-      disableInviteFunctions: false,
-      toolbarButtons: [
-        "microphone","camera","desktop","hangup",
-        "raisehand","tileview","toggle-camera",
-        "fullscreen","chat","settings",
-        "participants-pane","select-background",
-      ],
-    },
-    interfaceConfigOverrides: {
-      SHOW_JITSI_WATERMARK: false,
-      SHOW_BRAND_WATERMARK: false,
-      SHOW_POWERED_BY: false,
-      MOBILE_APP_PROMO: false,
-      HIDE_DEEP_LINKING_LOGO: true,
-      DISABLE_JOIN_LEAVE_NOTIFICATIONS: false,
-    },
-  });
-  api.addEventListener("readyToClose", function() {
-    try { window.close(); } catch(e) {}
-    // window.close() fails if the tab wasn't opened by JS (common on mobile)
+  try {
+    var api = new JitsiMeetExternalAPI("${escapeHtml(JITSI_URL.replace(/^https?:\/\//, ""))}", {
+      roomName: decodeURIComponent("${jitsiRoom}"),
+      parentNode: document.getElementById("jitsi-container"),
+      width: "100%",
+      height: "100%",
+      configOverwrite: {
+        startWithAudioMuted: false,
+        startWithVideoMuted: false,
+        prejoinConfig: { enabled: false },
+        prejoinPageEnabled: false,
+        disableDeepLinking: true,
+        disableThirdPartyRequests: true,
+        enableClosePage: false,
+        toolbarButtons: [
+          "microphone","camera","desktop","hangup",
+          "raisehand","tileview","toggle-camera",
+          "fullscreen","chat","settings",
+          "participants-pane","select-background",
+        ],
+      },
+      interfaceConfigOverwrite: {
+        SHOW_JITSI_WATERMARK: false,
+        SHOW_BRAND_WATERMARK: false,
+        SHOW_POWERED_BY: false,
+        MOBILE_APP_PROMO: false,
+        HIDE_DEEP_LINKING_LOGO: true,
+        DISABLE_JOIN_LEAVE_NOTIFICATIONS: false,
+      },
+    });
+    api.addEventListener("readyToClose", function() {
+      try { window.close(); } catch(e) {}
+      document.getElementById("jitsi-container").innerHTML =
+        '<div class="ended"><span>Meeting ended</span>'
+        + '<a href="${escapeHtml(`/${space}/rmeets`)}">Back to rMeets</a></div>';
+    });
+  } catch(e) {
     document.getElementById("jitsi-container").innerHTML =
-      '<div class="ended"><span>Meeting ended</span>'
-      + '<a href="${escapeHtml(`/${space}/rmeets`)}">Back to rMeets</a></div>';
-  });
+      '<div class="loading" style="color:#ef4444">Failed to connect: ' + e.message + '</div>';
+  }
 </script>
 </body>
 </html>`);