From 62dccf7b5158602d1889abd15a8b419b749fc3c5 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 5 Feb 2025 17:07:29 +0600
Subject: [PATCH] web/SettingsInput: hide sensitive info (such as api key)

---
 web/src/components/settings/SettingsInput.svelte | 6 ++++++
 web/src/routes/settings/instances/+page.svelte   | 1 +
 2 files changed, 7 insertions(+)

diff --git a/web/src/components/settings/SettingsInput.svelte b/web/src/components/settings/SettingsInput.svelte
index 4a3fc373..35197979 100644
--- a/web/src/components/settings/SettingsInput.svelte
+++ b/web/src/components/settings/SettingsInput.svelte
@@ -20,8 +20,12 @@
     export let placeholder: string;
     export let altText: string;
     export let type: "url" | "uuid" = "url";
+
+    export let isPassword = false;
     export let showInstanceWarning = false;
 
+    let inputType = isPassword ? "password" : "text";
+
     const regex = {
         url: "https?:\\/\\/[a-z0-9.\\-]+(:\\d+)?/?",
         uuid: "^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$",
@@ -74,6 +78,8 @@
             pattern={regex[type]}
             aria-label={altText}
             aria-hidden="false"
+
+            { ...{ type: inputType } }
         />
 
         {#if inputValue.length === 0}
diff --git a/web/src/routes/settings/instances/+page.svelte b/web/src/routes/settings/instances/+page.svelte
index d795bebd..fc252b96 100644
--- a/web/src/routes/settings/instances/+page.svelte
+++ b/web/src/routes/settings/instances/+page.svelte
@@ -50,6 +50,7 @@
                 placeholder="00000000-0000-0000-0000-000000000000"
                 altText={$t("settings.processing.access_key.input.alt_text")}
                 type="uuid"
+                isPassword
             />
         {/if}
     </div>