From 443bbdeafa4c8e7c84b3f0e6649f9b43c901bc79 Mon Sep 17 00:00:00 2001
From: memodack <81513409+memodack@users.noreply.github.com>
Date: Mon, 9 Jun 2025 16:42:56 +0300
Subject: [PATCH] feat: disable settings when API key is missing

---
 src/services/setting-tab.service.ts | 34 ++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/services/setting-tab.service.ts b/src/services/setting-tab.service.ts
index d4e5a2b..27bda8f 100644
--- a/src/services/setting-tab.service.ts
+++ b/src/services/setting-tab.service.ts
@@ -20,6 +20,12 @@ export class SettingTabService extends PluginSettingTab {
   private readonly settingsService: ISettingsService;
   private cacheSize: number = 0;
 
+  private checkSettings!: Setting;
+  private nativeLanguageSettings!: Setting;
+  private documentLanguageSettings!: Setting;
+  private playbackSpeedSettings!: Setting;
+  private playVariantSettings!: Setting;
+
   constructor(
     app: App,
     plugin: TMemodackPlugin,
@@ -53,13 +59,15 @@ export class SettingTabService extends PluginSettingTab {
         text
           .setValue(this.settingsService.getApiKey())
           .onChange(async (value) => {
+            this.controlApiKeyRequirements(value.length >= 39);
+
             this.settingsService.setApiKey(value);
             await this.plugin.saveSettings();
           })
           .inputEl.setAttribute('type', 'password');
       });
 
-    new Setting(containerEl)
+    this.checkSettings = new Setting(containerEl)
       .setName('Connection')
       .setDesc('Check access to services by API key.')
       .addButton((btn) =>
@@ -79,7 +87,7 @@ export class SettingTabService extends PluginSettingTab {
       options[ELanguage[key as keyof typeof ELanguage]] = key;
     });
 
-    new Setting(containerEl)
+    this.nativeLanguageSettings = new Setting(containerEl)
       .setName('Native')
       .setDesc('This is the language you speak natively.')
       .addDropdown((dropdown) => {
@@ -92,7 +100,7 @@ export class SettingTabService extends PluginSettingTab {
           });
       });
 
-    new Setting(containerEl)
+    this.documentLanguageSettings = new Setting(containerEl)
       .setName('Document')
       .setDesc('This is the language of the document.')
       .addDropdown((dropdown) => {
@@ -107,7 +115,7 @@ export class SettingTabService extends PluginSettingTab {
 
     new Setting(containerEl).setName('Voiceover').setHeading();
 
-    new Setting(containerEl)
+    this.playbackSpeedSettings = new Setting(containerEl)
       .setName('Playback speed')
       .setDesc('The speed at which the voiceover will be performed.')
       .addDropdown((dropdown) => {
@@ -126,7 +134,7 @@ export class SettingTabService extends PluginSettingTab {
 
     new Setting(containerEl).setName('Actions').setHeading();
 
-    new Setting(containerEl)
+    this.playVariantSettings = new Setting(containerEl)
       .setName('When pressed play')
       .setDesc('Will be voiced when you click on a part.')
       .addDropdown((dropdown) => {
@@ -159,6 +167,10 @@ export class SettingTabService extends PluginSettingTab {
             cacheSetting.setDesc(prettyBytes(0));
           }),
       );
+
+    this.controlApiKeyRequirements(
+      this.settingsService.getApiKey().length >= 39,
+    );
   }
 
   private async check(): Promise<void> {
@@ -183,4 +195,16 @@ export class SettingTabService extends PluginSettingTab {
         this.cacheSize = 0;
       });
   }
+
+  private controlApiKeyRequirements(value: boolean): void {
+    [
+      this.checkSettings,
+      this.nativeLanguageSettings,
+      this.documentLanguageSettings,
+      this.playbackSpeedSettings,
+      this.playVariantSettings,
+    ].forEach((item) => {
+      item.setDisabled(!value);
+    });
+  }
 }