Initial add of <main/> element

for transcript chunks
brave · Dec 13, 2023 · 10ac92e · 10ac92e
1 parent f6b8c9d
commit 10ac92e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/index.html b/src/index.html
@@ -51,6 +51,8 @@
       check your browser settings, and also verify it's not blocked by a
       third-party extension.
     </noscript>
-    <div id="root"></div>
+    <div id="root">
+      <main style="visibility=hidden"></main>
+    </div>
   </body>
 </html>
diff --git a/src/jitsi/event-handlers.ts b/src/jitsi/event-handlers.ts
@@ -292,5 +292,12 @@ export const transcriptionChunkReceivedHander = {
       transcript += chunk.final || chunk.stable || chunk.unstable;
     }
     console.log(`transcript: ${transcript}`);
+
+    const mainNode = document.getElementById("main");
+    if (mainNode) {
+      mainNode.innerHTML = `<pre>${transcript
+        .replace(/</g, "&lt;")
+        .replace(/&/g, "&amp;")}</pre>`;
+    }
   },
 };