handle server lang detect message chrome ext

Audio-Transcription-Chrome/options.js

@@ -81,6 +81,7 @@ async function startRecord(option) {
     };
     const socket = new WebSocket(`ws://${option.host}:${option.port}/`);
     let isServerReady = false;
+    let language = option.language;
     socket.onopen = function(e) { 
       socket.send(
         JSON.stringify({
@@ -92,12 +93,17 @@ async function startRecord(option) {
     };
 
     socket.onmessage = async (event) => {
-      console.log(event.data);
       if (isServerReady === false){
         isServerReady = true;
         return;
       }
       
+      if (language === null) {
+        const data = JSON.parse(event.data);
+        language = data["language"];
+        return;
+      }
+
       res = await sendMessageToTab(option.currentTabId, {
         type: "transcript",
         data: event.data,

Audio-Transcription-Chrome/popup.js

@@ -7,7 +7,7 @@ document.addEventListener("DOMContentLoaded", function () {
   const useMultilingualCheckbox = document.getElementById('useMultilingualCheckbox');
   const languageDropdown = document.getElementById('languageDropdown');
   const taskDropdown = document.getElementById('taskDropdown');
-  let selectedLanguage = undefined;
+  let selectedLanguage = null;
   let selectedTask = taskDropdown.value;
 
   // Add click event listeners to the buttons
@@ -142,7 +142,11 @@ document.addEventListener("DOMContentLoaded", function () {
   });
 
   languageDropdown.addEventListener('change', function() {
-    selectedLanguage = languageDropdown.value;
+    if (languageDropdown.value === "") {
+      selectedLanguage = null;
+    } else {
+      selectedLanguage = languageDropdown.value;
+    }
     chrome.storage.local.set({ selectedLanguage });
   });