Change all TTS providers loading to async

public/scripts/extensions/tts/coqui.js

@@ -54,7 +54,7 @@ function resetModelSettings() {
     $("#coqui_api_model_settings_language").val("none");
     $("#coqui_api_model_settings_speaker").val("none");
 }
- 
+
 class CoquiTtsProvider {
     //#############################//
     //  Extension UI and Settings  //
@@ -111,7 +111,7 @@ class CoquiTtsProvider {
                         <span id="coqui_api_model_install_status">Model installed on extras server</span>
                         <input id="coqui_api_model_install_button" class="menu_button" type="button" value="Install" />
                     </div>
-                    
+
                     <div id="coqui_local_model_div">
                         <select id="coqui_local_model_name">
                             <!-- Populated by JS and request -->
@@ -125,7 +125,7 @@ class CoquiTtsProvider {
         return html
     }
 
-    loadSettings(settings) {
+    async loadSettings(settings) {
         // Only accept keys defined in defaultSettings
         this.settings = this.defaultSettings
 
@@ -137,7 +137,7 @@ class CoquiTtsProvider {
             }
         }
 
-        initLocalModels();
+        await initLocalModels();
         this.updateCustomVoices(); // Overide any manual modification
 
         $("#coqui_api_model_div").hide();
@@ -158,7 +158,7 @@ class CoquiTtsProvider {
         $("#coqui_add_voiceId_mapping").on("click", function () { that.onAddClick() });
 
         // Load coqui-api settings from json file
-        fetch("/scripts/extensions/tts/coqui_api_models_settings.json")
+        await fetch("/scripts/extensions/tts/coqui_api_models_settings.json")
         .then(response => response.json())
         .then(json => {
             coquiApiModels = json;
@@ -178,7 +178,7 @@ class CoquiTtsProvider {
         });
 
         // Load coqui-api FULL settings from json file
-        fetch("/scripts/extensions/tts/coqui_api_models_settings_full.json")
+        await fetch("/scripts/extensions/tts/coqui_api_models_settings_full.json")
         .then(response => response.json())
         .then(json => {
             coquiApiModelsFull = json;
@@ -229,7 +229,7 @@ class CoquiTtsProvider {
         for (const voiceName in this.settings.voiceMapDict) {
             $("#coqui_voicename_select").append(new Option(voiceName, voiceName));
         }
-        
+
         this.onSettingsChange()
     }
 
@@ -246,7 +246,7 @@ class CoquiTtsProvider {
         if (inApiCall) {
             return; //TODO: block dropdown
         }
-        
+
         // Ask user for voiceId name to save voice
         const voiceName = await callPopup('<h3>Name of Coqui voice to add to voice select dropdown:</h3>', 'input')
 
@@ -374,7 +374,7 @@ class CoquiTtsProvider {
             $("#coqui_local_model_div").hide();
             $("#coqui_api_model_div").hide();
         }
-        
+
         // show coqui model selected list (SAFE)
         if (model_origin == "coqui-api") {
             $("#coqui_local_model_div").hide();
@@ -770,4 +770,4 @@ async function initLocalModels() {
 
         coquiLocalModelsReceived = true;
     }
-}
+}

public/scripts/extensions/tts/edge.js

@@ -34,7 +34,7 @@ class EdgeTtsProvider {
         saveTtsProviderSettings()
     }
 
-    loadSettings(settings) {
+    async loadSettings(settings) {
         // Pupulate Provider UI given input settings
         if (Object.keys(settings).length == 0) {
             console.info("Using default TTS Provider settings")
@@ -54,7 +54,7 @@ class EdgeTtsProvider {
         $('#edge_tts_rate').val(this.settings.rate || 0);
         $('#edge_tts_rate_output').text(this.settings.rate || 0);
         $('#edge_tts_rate').on("input", () => {this.onSettingsChange()})
-        this.checkReady()
+        await this.checkReady()
 
         console.info("Settings loaded")
     }

public/scripts/extensions/tts/elevenlabs.js

@@ -50,7 +50,7 @@ class ElevenLabsTtsProvider {
     }
 
 
-    loadSettings(settings) {
+    async loadSettings(settings) {
         // Pupulate Provider UI given input settings
         if (Object.keys(settings).length == 0) {
             console.info("Using default TTS Provider settings")
@@ -72,8 +72,8 @@ class ElevenLabsTtsProvider {
         $('#tts_auto_generation').prop('checked', this.settings.multilingual)
         $('#eleven_labs_connect').on('click', () => {this.onConnectClick()})
         $('#elevenlabs_tts_settings').on('input',this.onSettingsChange)
-        
+
-        this.checkReady()
+        await this.checkReady()
         console.info("Settings loaded")
     }
 

public/scripts/extensions/tts/index.js

@@ -592,8 +592,8 @@ async function loadTtsProvider(provider) {
         console.warn(`Provider ${ttsProviderName} not in Extension Settings, initiatilizing provider in settings`)
         extension_settings.tts[ttsProviderName] = {}
     }
-    ttsProvider.loadSettings(extension_settings.tts[ttsProviderName])
+    await ttsProvider.loadSettings(extension_settings.tts[ttsProviderName])
-    initVoiceMap()
+    await initVoiceMap()
 }
 
 function onTtsProviderChange() {

public/scripts/extensions/tts/novel.js

@@ -71,7 +71,7 @@ class NovelTtsProvider {
         })
     }
 
-    loadSettings(settings) {
+    async loadSettings(settings) {
         // Populate Provider UI given input settings
         if (Object.keys(settings).length == 0) {
             console.info("Using default TTS Provider settings")
@@ -91,7 +91,7 @@ class NovelTtsProvider {
         }
 
         this.populateCustomVoices()
-        this.checkReady()
+        await this.checkReady()
         console.info("Settings loaded")
     }
 

public/scripts/extensions/tts/silerotts.js

@@ -34,7 +34,7 @@ class SileroTtsProvider {
         saveTtsProviderSettings()
     }
 
-    loadSettings(settings) {
+    async loadSettings(settings) {
         // Pupulate Provider UI given input settings
         if (Object.keys(settings).length == 0) {
             console.info("Using default TTS Provider settings")
@@ -65,7 +65,7 @@ class SileroTtsProvider {
         $('#silero_tts_endpoint').val(this.settings.provider_endpoint)
         $('#silero_tts_endpoint').on("input", () => {this.onSettingsChange()})
 
-        this.checkReady()
+        await this.checkReady()
 
         console.info("Settings loaded")
     }

public/scripts/extensions/tts/system.js

@@ -110,7 +110,7 @@ class SystemTtsProvider {
         saveTtsProviderSettings()
     }
 
-    loadSettings(settings) {
+    async loadSettings(settings) {
         // Populate Provider UI given input settings
         if (Object.keys(settings).length == 0) {
             console.info("Using default TTS Provider settings");