feat: add option for password protection in askString function

src/dialogs.ts

@@ -43,13 +43,15 @@ export class InputStringDialog extends Modal {
     key: string;
     placeholder: string;
     isManuallyClosed = false;
+    isPassword: boolean = false;
 
-    constructor(app: App, title: string, key: string, placeholder: string, onSubmit: (result: string | false) => void) {
+    constructor(app: App, title: string, key: string, placeholder: string, isPassword: boolean, onSubmit: (result: string | false) => void) {
         super(app);
         this.onSubmit = onSubmit;
         this.title = title;
         this.placeholder = placeholder;
         this.key = key;
+        this.isPassword = isPassword;
     }
 
     onOpen() {
@@ -58,7 +60,7 @@ export class InputStringDialog extends Modal {
         contentEl.createEl("h1", { text: this.title });
         // For enter to submit
         const formEl = contentEl.createEl("form");
-        new Setting(formEl).setName(this.key).addText((text) =>
+        new Setting(formEl).setName(this.key).setClass(this.isPassword ? "password-input" : "normal-input").addText((text) =>
             text.onChange((value) => {
                 this.result = value;
             })

src/utils.ts

@@ -405,9 +405,9 @@ export const askSelectString = (app: App, message: string, items: string[]): Pro
 };
 
 
-export const askString = (app: App, title: string, key: string, placeholder: string): Promise<string | false> => {
+export const askString = (app: App, title: string, key: string, placeholder: string, isPassword?: boolean): Promise<string | false> => {
     return new Promise((res) => {
-        const dialog = new InputStringDialog(app, title, key, placeholder, (result) => res(result));
+        const dialog = new InputStringDialog(app, title, key, placeholder, isPassword, (result) => res(result));
         dialog.open();
     });
 };
@@ -737,4 +737,4 @@ export const remoteDatabaseCleanup = async (plugin: ObsidianLiveSyncPlugin, dryR
             Logger(ex, LOG_LEVEL.VERBOSE);
         }
     });
-}
+}

styles.css

@@ -255,4 +255,8 @@ div.sls-setting-menu-btn {
 
 .sls-setting-hidden {
     display: none;
-}
+}
+
+.password-input > .setting-item-control >input {
+  -webkit-text-security: disc;
+}