new_server_form: Add URL autocomplete to new server form

Author: manila

app/renderer/js/pages/preference/new-server-form.ts

@@ -60,7 +60,9 @@ export function initNewServerForm({$root, onChange}: NewServerFormProps): void {
     $saveServerButton.textContent = "Connecting...";
     let serverConf;
     try {
-      serverConf = await DomainUtil.checkDomain($newServerUrl.value.trim());
+      serverConf = await DomainUtil.checkDomain(
+        await autoComplete($newServerUrl.value.trim()),
+      );
     } catch (error: unknown) {
       $saveServerButton.textContent = "Connect";
       await dialog.showMessageBox({
@@ -73,20 +75,21 @@ export function initNewServerForm({$root, onChange}: NewServerFormProps): void {
       });
       return;
     }
+
     await DomainUtil.addDomain(serverConf);
     onChange();
   }
 
-	autoComplete(url: string): string {
-		const pattern = /^[a-zA-Z\d-]*$/;
-		let serverUrl = url.trim();
+  async function autoComplete(url: string): Promise<string> {
+    const pattern = /^[a-zA-Z\d-]*$/;
+    let serverUrl = url.trim();
 
-		if (pattern.test(serverUrl)) {
-			serverUrl = 'https://' + serverUrl + '.zulipchat.com';
-		}
+    if (pattern.test(serverUrl)) {
+      serverUrl = "https://" + serverUrl + ".zulipchat.com";
+    }
 
-		return serverUrl;
-	}
+    return serverUrl;
+  }
 
   $saveServerButton.addEventListener("click", async () => {
     await submitFormHandler();