mt77/synapse-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Check base_url server info onBlur

Browse Source
This commit is contained in:
Borislav Pantaleev 2025-05-28 23:59:04 +03:00
parent c82d8653fd
commit 4ac465f16c
1 changed files with 30 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/pages/LoginPage.tsx
View File

@ -138,48 +138,40 @@ const LoginPage = () => {
const [serverVersion, setServerVersion] = useState("");
const [matrixVersions, setMatrixVersions] = useState("");
const handleUsernameChange = () => {
if (formData.base_url || allowSingleBaseUrl) {
return;
}
// check if username is a full qualified userId then set base_url accordingly
const domain = splitMxid(formData.username)?.domain;
if (domain) {
getWellKnownUrl(domain).then(url => {
if (allowAnyBaseUrl || (allowMultipleBaseUrls && restrictBaseUrl.includes(url)))
form.setValue("base_url", url);
});
}
};
const checkServerInfo = (url: string) => {
if (!isValidBaseUrl(url)) return;
useEffect(() => {
if (!formData.base_url) {
form.setValue("base_url", "");
}
if (formData.base_url === "" && allowMultipleBaseUrls) {
form.setValue("base_url", restrictBaseUrl[0]);
}
if (!isValidBaseUrl(formData.base_url)) return;
getServerVersion(formData.base_url)
getServerVersion(url)
.then(serverVersion => setServerVersion(`${translate("synapseadmin.auth.server_version")} ${serverVersion}`))
.catch(() => setServerVersion(""));
getSupportedFeatures(formData.base_url)
getSupportedFeatures(url)
.then(features =>
setMatrixVersions(`${translate("synapseadmin.auth.supports_specs")} ${features.versions.join(", ")}`)
)
.catch(() => setMatrixVersions(""));
// Set SSO Url
getSupportedLoginFlows(formData.base_url)
getSupportedLoginFlows(url)
.then(loginFlows => {
const supportPass = loginFlows.find(f => f.type === "m.login.password") !== undefined;
const supportSSO = loginFlows.find(f => f.type === "m.login.sso") !== undefined;
setSupportPassAuth(supportPass);
setSSOBaseUrl(supportSSO ? formData.base_url : "");
setSSOBaseUrl(supportSSO ? url : "");
})
.catch(() => setSSOBaseUrl(""));
};
const handleBaseUrlBlur = () => {
// Trigger validation only when user finishes typing
form.trigger("base_url");
checkServerInfo(formData.base_url);
};
useEffect(() => {
if (formData.base_url === "" && allowMultipleBaseUrls) {
form.setValue("base_url", restrictBaseUrl[0]);
}
}, [formData.base_url, form]);
useEffect(() => {
@ -189,6 +181,7 @@ const LoginPage = () => {
const password = params.get("password");
const accessToken = params.get("accessToken");
let serverURL = params.get("server");
if (username) {
form.setValue("username", username);
}
@ -202,12 +195,19 @@ const LoginPage = () => {
form.setValue("accessToken", accessToken);
}
}
if (serverURL) {
const isFullUrl = serverURL.match(/^(http|https):\/\//);
if (!isFullUrl) {
serverURL = `https://${serverURL}`;
}
form.setValue("base_url", serverURL);
form.setValue("base_url", serverURL, {
shouldValidate: true,
shouldDirty: true,
});
checkServerInfo(serverURL);
}
}, [window.location.search]);
@ -231,7 +231,7 @@ const LoginPage = () => {
source="username"
label="ra.auth.username"
autoComplete="username"
onBlur={handleUsernameChange}
onBlur={handleBaseUrlBlur}
resettable
validate={required()}
{...(loading || !supportPassAuth ? { disabled: true } : {})}
@ -270,6 +270,7 @@ const LoginPage = () => {
readOnly={allowSingleBaseUrl}
resettable={allowAnyBaseUrl}
validate={[required(), validateBaseUrl]}
onBlur={handleBaseUrlBlur}
>
{allowMultipleBaseUrls &&
restrictBaseUrl.map(url => (
@ -286,7 +287,7 @@ const LoginPage = () => {
};
return (
<Form defaultValues={{ base_url: base_url }} onSubmit={handleSubmit} mode="onTouched">
<Form defaultValues={{ base_url: base_url }} onSubmit={handleSubmit} mode="onBlur">
<LoginFormBox>
<Card className="card">
<Box className="avatar">